Zeichen-App mit dem MIT App Inventor - did.inf.uni-bayreuth.de · Modellierung und Codierung von...
Transcript of Zeichen-App mit dem MIT App Inventor - did.inf.uni-bayreuth.de · Modellierung und Codierung von...
Modellierung und Codierung von Algorithmen Werkzeug App Inventor Zeichen-App mit dem MIT App Inventor
C. Müller, M. Ehmann Didaktik der Informatik
Universität Bayreuth
1
Zeichen-App mit dem MIT App Inventor
Schritt 1: Zeichnen mit dem Finger Einfügen eines Canvas-Objekts in den Screen
Einfügen eines Event-Handlers für das Ereignis Touched des Canvas-Objekts
Modellierung und Codierung von Algorithmen Werkzeug App Inventor Zeichen-App mit dem MIT App Inventor
C. Müller, M. Ehmann Didaktik der Informatik
Universität Bayreuth
2
Schritt 2: Zeichnen von Kreisen statt Punkten Ereignis Touched ist ungeeignet, es wird nur einmalig beim Berühren ausgelöst, zum Ziehen ist
Dragged geeignet
Zum Zeichnen sind Kreise besser geeignet als Punkte
Modellierung und Codierung von Algorithmen Werkzeug App Inventor Zeichen-App mit dem MIT App Inventor
C. Müller, M. Ehmann Didaktik der Informatik
Universität Bayreuth
3
Schritt 3: Hintergrundfarbe setzen Einfügen von Buttons zur Farbauswahl und eines Labels zur Beschriftung
Anordnung in einem HorizontalArrangement
Einfügen der Event-Handler und Setzen der Hintergrundfarbe des Canvas
Modellierung und Codierung von Algorithmen Werkzeug App Inventor Zeichen-App mit dem MIT App Inventor
C. Müller, M. Ehmann Didaktik der Informatik
Universität Bayreuth
4
Schritt 4: Farbauswahl durch eine Auswahlliste Buttons werden ersetzt durch eine ListPicker-Objekt
Event-Handler AfterPicking
Prüfen der Auswahl in Verzweigungsstrukturen
Modellierung und Codierung von Algorithmen Werkzeug App Inventor Zeichen-App mit dem MIT App Inventor
C. Müller, M. Ehmann Didaktik der Informatik
Universität Bayreuth
5
Schritt 5: Auswahlliste für die Zeichenfarbe
Modellierung und Codierung von Algorithmen Werkzeug App Inventor Zeichen-App mit dem MIT App Inventor
C. Müller, M. Ehmann Didaktik der Informatik
Universität Bayreuth
6
Schritt 6: Einstellbare Pinseldicke Slider-Objekt zum Einstellen der Pinseldicke
Einfügen des Slider-Werts für die Pinseldicke
Modellierung und Codierung von Algorithmen Werkzeug App Inventor Zeichen-App mit dem MIT App Inventor
C. Müller, M. Ehmann Didaktik der Informatik
Universität Bayreuth
7
Schritt 7: Anzeigen der Pinseldicke Einfügen einer TextBox
Einfügen der gewählten Pinseldicke in die TextBox durch den Event-Handler PositionChanged des
Slider-Objekts
Modellierung und Codierung von Algorithmen Werkzeug App Inventor Zeichen-App mit dem MIT App Inventor
C. Müller, M. Ehmann Didaktik der Informatik
Universität Bayreuth
8
Schritt 8: Runden des Slider-Werts
Modellierung und Codierung von Algorithmen Werkzeug App Inventor Zeichen-App mit dem MIT App Inventor
C. Müller, M. Ehmann Didaktik der Informatik
Universität Bayreuth
9
Schritt 9: Foto als Hintergrund Einfügen eines Buttons zum Aufnehmen des Fotos
Hinzufügen eines Kamera-Objekts
Einfügen der Event-Handler
Modellierung und Codierung von Algorithmen Werkzeug App Inventor Zeichen-App mit dem MIT App Inventor
C. Müller, M. Ehmann Didaktik der Informatik
Universität Bayreuth
10
Schritt 10: Transparenz der Zeichenfarbe („Spraydose“) Slider-Objekt für die Transparenz
Setzen der Zeichenfarbe beim Zeichnen (eine Farbe ist eine Liste mit vier Einträgen)
Modellierung und Codierung von Algorithmen Werkzeug App Inventor Zeichen-App mit dem MIT App Inventor
C. Müller, M. Ehmann Didaktik der Informatik
Universität Bayreuth
11
Schritt 11: Einfügen des Pfadanfangs Das Event Dragged wird erst ausgelöst, wenn eine gewisse Strecke überstrichen wurde.