Workshops App-Entwicklung

Schere-Stein-Papier-App – Schritt 4

Wer gewinnt?


Ziel 4

Bei Siegen oder Niederlagen erhalten die Spielenden oder der Computer Punkte. 


1.) In der Design-Ansicht

Fügt neue Elemente hinzu:

1.

Fügt unter das Ergebnis-Feld ein Element des Typs Bezeichnung hinzu und nennt dieses Punktestand

Löscht den Standard-Text, so dass zunächst kein Text angezeigt wird. 




2.) In der Blöcke-Ansicht


Programmiert mit den Elementen:

1.

Erstellt zwei neue Variablen DeinePunkte und ComputerPunkte  und weist ihnen den Wert 0 zu. 

Bildschirmfoto 2022-02-04 um 14.31.11.png

2.

Wenn die Spielenden gewinnen, erhalten sie einen Punkt auf ihren Punktestand in der Variable DeinePunkte

Gesetzt werden soll der aktuelle Wert + 1. Erstellt dazu einen +-Block aus dem Bereich Mathematik und fügt auf der linken seite den aktuellen Wert (hole-Block der Variable DeinePunkte) und auf der anderen Seite eine 1 ein. 

Erstellt einen setze-Block für die Variable DeinePunkte und weist ihr den um eins erhöhten Wert zu. 

Bildschirmfoto 2022-02-04 um 14.35.39.png

3.

Fügt diese Blöcke nun an den drei Stellen im Programm ein, an dem die Spielenden gewinnen. Ihr könnt die Blöcke dazu duplizieren, in dem ihr lange auf den Block tippt. 

Dupliziert die Blöcke erneut und ändert die Variablen um, so dass der Computer einen Punkt erhält. Fügt diese Blöcke an der Stelle im Programm ein, an der der Computer gewinnt.

Bildschirmfoto 2022-02-04 um 14.38.52.png

4.

Am Ende soll der aktuelle Punktestand in das neue Feld Punktestand geschrieben werden. 

Erstellt dazu einen setze-Block für das Bezeichnungsfeld Punktestand.

Mit einem verbinde-Block aus dem Bereich Text verbindet ihr folgende Bestandteile: 

  • Text "Deine Punkte: "

  • Variable DeinePunkte

  • Text " | Computer Punkte: "

  • Variablle ComputerPunkte

Über das Zahnrad könnt ihr weitere Anknüpfungsstellen hinzufügen. 

Bildschirmfoto 2022-02-04 um 14.46.05.png

5.

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

So sollte euer Screen aussehen:

Bildschirmfoto 2022-02-04 um 14.50.02.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!

  1. Wird der Punktestand angezeigt, wenn man die erste Auswahl trifft?

  2. Stimmt der Punktestand? Werden Punkte korrekt zugeteilt?

  3. Was passiert bei Unentschieden? Werden hier keine Punkte vergeben? 

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