Workshops App-Entwicklung

Die Würfel-App – Schritt 2

Hör mal, wer da würfelt!

Ziel 2

Es ertönt ein Würfelgeräusch, wenn auf die Würfeln-Taste getippt wird, und anschließend wird das Ergebnis vorgelesen. 

1.) In der Design-Ansicht

Fügt neue Elemente hinzu:

1.

Links im Bereich Medien findet ihr die Elemente, die ihr für die nächsten Schritte braucht.

  • Fügt ein Element des Typs Musikwiedergabe in das Handydisplay hinzu. So kann Ton abgespielt werden.

  • Fügt ein Element des Typs TextZuSprache hinzu. So wird der Text vorgelesen.

Hinweis: Die Elemente werden nicht auf dem Handydisplay angezeigt, weil sie für die Nutzenden nicht sichtbar sind. Die neuen Elemente werden bei den Komponenten aufgelistet. 

Bildschirmfoto 2022-01-27 um 13.33.46.png
Bildschirmfoto 2022-01-27 um 13.53.56.png

2.

Vergebt einen sinnvollen Namen für die Elemente.

Benennt "Musikwiedergabe1" um und schreibt "WürfelSound".

Benennt "TextZuSprache1" um und schreibt "SprecheErgebnis".



Bildschirmfoto 2022-01-27 um 13.50.57.png

3.

Noch gibt es kein Geräusch das abgespielt werden könnte. Dafür müsst ihr die Eigenschaften des Elements WürfelSound anpassen.

Ladet dafür bei der Quelle die entsprechende Sound-Datei aus eurem Download-Ordner hoch.

  • Klickt hierfür auf "Datei hochladen"

  • Klickt auf "Datei auswählen" → “Datei auswählen”

  • Wählt die Datei “geraeusch”

Achtung: Wenn nicht der richtige Ordner angezeigt wird, wählt den iCloud Drive-Ordner aus und wählt dort den richtigen Ordner.


Bildschirmfoto 2022-01-27 um 13.59.43.png

2.) In der Blöcke-Ansicht

Programmiert mit den Elementen:

1.

Öffnet jetzt oben rechts die Blöcke-Ansicht.

Bildschirmfoto 2022-01-27 um 12.52.24.png

2.

Ihr wollt, dass der Ton abgespielt wird, wenn ihr auf die WürfelTaste klickt.

Erstellt einen Start-Block für das WürfelSound-Element.

Der Ton soll zeitgleich abgespielt werden, wenn die Würfel-Taste gedrückt wird. Deshalb wird er in die WürfelTaste eingebaut.

Bildschirmfoto 2022-01-27 um 14.21.03.png

3.

Erst wenn der Würfel-Sound abgespielt ist, soll das Ergebnis vorgelesen werden.

Erstellt deshalb ein Abgeschlossen-Ereignis für den Würfel-Sound.

Bildschirmfoto 2022-01-27 um 14.18.29.png

4.

Erstellt einen Sprich-Block für das Element SprecheErgebnis, welches das Ergebnis vorlesen soll.

Bildschirmfoto 2022-01-27 um 14.29.29.png

5. 

Noch weiß der Sprich-Block nicht, was gesprochen werden soll.

Es soll die Zahl aus dem ErgebnisTextFeld sein, diese Zahl müsst ihr also aufrufen.

Klickt links auf ErgebnisTextFeld und wählt einen Text-Block aus.

Bildschirmfoto 2022-01-27 um 14.33.23.png

6. 

Verknüpft das Abgeschlossen-Ereignis und den Sprich-Block.

So sollte euer Ergebnis aussehen:

Bildschirmfoto 2022-01-27 um 14.33.32.png



3.) Testen

Funktioniert unsere App?

1.

Klickt im App Inventor oben auf Verbinden und wählt AI Companion.

Bildschirmfoto 2022-01-27 um 13.17.31.png

2.

Öffnet die App AI Companion auf eurem Test-Smartphone und wählt scan QR code.

Vergesst nicht den Haken bei Use Legacy Connection zu setzen.

Screenshot_20220127-131004.jpg

3.

Scannt den QR-Code auf dem Computerbildschirm – die App wird geladen.

Bildschirmfoto 2022-01-27 um 13.18.59.png

Testet die App nun ausführlich!

  • Funktioniert die Würfel-Funktion nach wie vor?
  • Ertönt beim Tippen auf die Taste ein Würfel-Geräusch?
  • Wird das korrekte Würfel-Ergebnis vorgelesen?
  • Wir zuerst das Geräusch abgespielt und dann das Ergebnis vorgelesen? 


Funktioniert alles? Herzlichen Glückwunsch! Weiter geht es auf der nächsten Seite!