Skip to main content

Schere-Stein-Papier-App – Schritt 1

Was wählst du? Was wählt der Computer?

Ziel 1

Erstelle drei Buttons für Schere, Stein und Papier und einen Button, auf dem die zufällige Auswahl des Computers dargestellt wird. 

1.) In der Design-Ansicht

Fügt neue Elemente hinzu:

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

2.

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. 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:





2.) In der Blöcke-Ansicht

Programmiert mit den Elementen:

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


2.In der linken Spalte "Blöcke" findet ihr die Bausteine, die ihr braucht.


3.

Erstellt 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:




3.) Testen

Funktioniert unsere App?

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.


Testet die App nun ausführlich!

  1. Was passiert, wenn ihr die Tasten klickt?
  2. Wird eine Antwort vom Computer angezeigt? 
  3. Wird erneut eine Antwort vom Computer angezeigt, wenn man erneut auf eine der drei oberen Tasten tippt?
  4. Sind die Zahlen zufällig?
  5. Erscheinen nur Zahlen zwischen 1 und 6?


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


JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.