Zeichen-App mit dem MIT App Inventor - did.inf.uni- · PDF fileModellierung und Codierung von...

Click here to load reader

  • date post

    11-Sep-2019
  • Category

    Documents

  • view

    0
  • download

    0

Embed Size (px)

Transcript of Zeichen-App mit dem MIT App Inventor - did.inf.uni- · PDF fileModellierung 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.