Schere-Stein-Papier-App – Schritt 1

1.

Links im Bereich Benutzerschnittstelle findet ihr die Elemente, die ihr braucht.

2.

Erstmal kümmert ihr euch um den Aufbau des Displays.

Fügt zwei Elemente des Typs Bezeichnung hinzu.

Fügt vier Elemente des Typs Taste in das Handydisplay hinzu.

Ordnet die Elemente wie im Bild rechts an. Die oberen drei Tasten sind für eure Auswahl, in der unteren Taste taucht dann die Auswahl des Computers auf. 

3.

Vergebt sinnvolle Namen für die Elemente, damit ihr wisst, welche Taste was macht.

Benennt die Tasten um und schreibt "TasteSchere", "TasteStein", "TastePapier". Die untere Taste heißt "TasteComputer"

Benennt "Bezeichnung1" um und schreibt "DuWählst".

Benennt  "Bezeichnung2" um und schreibt "ComputerWählt"

4.

Ändert unter Eigenschaften der jeweiligen Elemente den Platzhalter-Text.

Gebt für die drei oberen Tasten den Text "Schere", "Stein", "Papier" ein. Gebt für den unteren Button "???" ein. Später soll hier das Ergebnis angezeigt werden.

Gebt für die Bezeichnungsfelder passende Texte ein, oben z. B. "Du wählst:" und unten z. B. "Der Computer wählt:"

Ihr könnt auch den Screen-Namen ändern.

5.

So sollte euer Screen aussehen:

1.

Öffnet jetzt oben rechts die Blöcke-Ansicht. Dort sorgt ihr dafür, dass mit euren Tasten auch etwas passiert. Ihr programmiert nun die Funktionen.

2.

Links seht ihr den Bereich “Blöcke”, dort findet ihr die Bausteine, die ihr benötigt.

3.

Um später auswerten zu können, ob ihr oder der Computer gewonnen hat, müsst ihr die Auswahl von euch und vom Computer als globale Variable speichern – um jederzeit darauf zugreifen zu können.

Erstellt deshalb zunächst zwei Variablen mit dem Block global initialisieren und nennt diese DeineWahl und ComputerWahl

4.

Erstellt für die drei Tasten TasteSchere, TasteStein, TastePapier ein Klickevent.

Wenn die Taste geklickt wird soll die Variable DeineWahl auf die entsprechende Auswahl gesetzt werden. Erstellt dazu drei setze-Blöcke aus dem Bereich Variablen und ergänzt die Werte.

5.

Damit der Computer auf unsere Eingabe reagiert erstellen wir eine Prozedur. Ihr findet den zu-Prozedur-mache-Block im Bereich Prozeduren 

Die Prozedur kann anschließend über einen aufrufen-Prozedur-Block in allen Klick-Events gestartet werden. 

6.

Zuletzt soll der Computer beim Klicken selbst eine zufällige Auswahl treffen. Erstellt dazu eine Liste mit den drei Auswahlmöglichkeiten. Dies geht über einen Liste-erstellen-Block im Bereich Listen, über das Zahnrad könnt ihr einen weiteren Anschluss hinzufügen

Fügt anschließend aus dem selben Bereich einen zufälliges-Element-wählen-Block hinzu und verknüpft alle Elemente. 

Zuletzt wird das Ergebnis über einen setze-Block in die Variable ComputerWahl geschrieben und über einen weiteren setze-Block als Text für die  TasteComputer geschrieben. 

6.

Verknüpft die Elemente sinnvoll, so dass die gewünschte Funktion ausgeführt wird.

So sollte euer Screen aussehen:

1.

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

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.

3.

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