| Ersteller | Jan Pawlowski, Martin Idzik |
| Fächer | Informatik |
| Länge | 90 Minuten |
| Pädagogischer Ansatz | Exploratives Lernen |
| Kompetenzen | Technolgien: App Inventor, Blocksprachen |
| Schulklasse | Klasse 5 bis 9 |
| Technologien | MIT App Inventor |
Dieses Szenario ist ein Einstieg in die App Entwicklung. Ziel ist die Entwicklung einer Vorstellungsapp, in der die SuS sich vorstellen, wie etwa Namen, Hobbies und ein Bild der EntwicklerInnen.
Liebe Kinder,
das folgende Arbeitsblatt führt Euch durch die erste eigene App.
Öffnet dazu als erstes den App Inventor.
Öffne nun ein neues Projekt
Als nächstes solltet Ihr 3 Sachen überlegen:
Wer sind wir: jede Gruppe soll sich kurz mit Namen vorstellen – Euer Text:
__________________________________________________________________________________________________________________________________
(z.B. Hallo, wir sind Jan und Martin, wir arbeiten beide an der Hochschule Ruhr West)
Unsere Hobbies: Sucht ein Bild von der Aktivität, die Ihr alle gerne mögt, ladet dieses Bild auf Euer Tablet.
Als letztes nehmt ein kurzes Video auf – denkt Euch eine Aufgabe für den Rest der Gruppe aus (lauft ums Haus, springt 10 Mal so hoch wie Ihr könnt).
Jetzt beginnen wir mit der Gestaltung des Screens. Fügt 3 “Tasten” auf dem Bildschirm hinzu (wer wir sind; unser gemeinsames Hobby; unsere Aufgabe für euch)
Jetzt wechselt zu den Blöcken und wir belegen erstmal einen Button. Wenn man den ersten Button klickt, soll ein Text erscheinen. Diesen Block braucht ihr.
Jetzt müssen wir das ganze einmal ausprobieren. Wähle den Verbinden -> “Emulator” – jetzt musst Du ein wenig warten, bis der Emulator startet – so sollte es dann aussehen. Drücke Deinen Button….
Du kannst auch direkt auf Deinem Handy testen. Dazu brauchst Du den MIT AI Companion aus dem Google / Apple Store.
Wähle Verbinden -> AI Companion. Du bekommst dann einen Code oder QR Code:
Starte den AI Companion auf dem Handy / Tablet.
Scanne entweder den QR Code oder gib den sechsstelligen Code ein. Und dann warte einen Moment, bis alles übertragen ist.
Probiert nun aus, was Ihr seht….
Jetzt fügt einige weitere Elemente hinzu
- Einen Text, der beschreibt was man machen kann (Klick die Buttons!)
- Ein Bild von Euch
- Ein Bild von Eurem Hobby
- Einen Bereich für die Videowiedergabe
Außerdem braucht man noch nicht sichtbare Blöcke, z.B. “TextZuSprache”, wenn man etwas vorlesen lassen möchte.
So könnte es aussehen. Probiere aus, was am besten aussieht, wenn Du Breite und Höhe änderst.
Nun wechseln wir die Ansicht zu den Blocks. Nehmt den folgenden Block.
Jetzt könnt Ihr verschiedene Dinge ausprobieren:
- Eine Nachricht vorlesen lassen
- Ein Bild sichtbar werden lassen (sichtbar = wahr / falsch)
- Ein Video abspielen
Probiert verschiedene Alternativen aus – und so könnte es aussehen:
Und jetzt lasst uns ausprobieren, was ihr alle entwickelt habt – viel Spaß!