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.