- Lerne verschiedene App-Entwickler und Programmiersprachen kennen
- Mache dich bereit, einen App-Builder zu verwenden, um eine mobile App zu erstellen
ERSTELLEN EINER MOBILEN APP
Für dein Technovation-Projekt wirst du eine App entwickeln, die auf einem mobilen Gerät läuft. Web-Apps sind eine Option, aber nur für Teilnehmer/innen geeignet, die schon etwas Erfahrung im Programmieren haben und eine Herausforderung suchen.
Hier lernen wir, wie man eine mobile App mit blockbasierter Programmierung erstellt. Wenn du neu in der Programmierung bist, ist dies der richtige Ort für den Anfang!
Um eine mobile App zu erstellen, verwendest du einen App Builder. App Builder werden auch als Kodierungsplattformen bezeichnet.
Coding-Plattformen sind Software, die entweder auf deinem Computer läuft, wie Android Studio, oder Online-Websites wie MIT App Inventor. Sie ermöglichen es dir, Code zu schreiben, sei es mit Blöcken, wie App Inventor, oder mit Text, wie Android Studio. Dein Code wird kompiliertoder in Maschinencode umgewandelt, der von Computern (und Handys) verstanden wird. Sobald er in Maschinencode umgewandelt wurde, kann der Computer oder das Handy den Code ausführen und deine Anweisungen befolgen.
APP-BUILDERS
App Builder haben in der Regel eine Drag-and-Drop-Oberfläche, die es dir ermöglicht, Apps mit Hilfe von Blöcken zu erstellen, anstatt Code einzutippen. Auch wenn der Code in App Buildern einfach aussieht, lernst du dennoch wertvolle Programmierkonzepte.
Wenn du neu in der Codierung bist, empfehlen wir dir, entweder App Inventor oder Thunkable für deine Programmiersprache zu verwenden. Du bist nicht darauf angewiesen, diese Plattformen für dein Projekt zu verwenden, aber sie sind die, die wir in diesem Lehrplan unterstützen.
MIT App Inventor
Thunkable
Bei der Wahl zwischen App Inventor und Thunkable solltest du dich danach richten, welche Plattform die Funktionen, die du in deine App integrieren möchtest, besser unterstützt. Die folgende Tabelle hilft dir bei der Entscheidung.
| Feature | App Inventor | Thunkable |
|---|---|---|
| Kann das Projekt sowohl auf iOS als auch auf Android ausführen und testen | Ja | Ja |
| Open Source* | Ja | Nein |
| Frei | Ja | Kostenlos mit Einschränkungen, maximal 3 Projekte, jedes mit 5 Bildschirmen, alle sind öffentlich |
| Verfügbar in vielen anderen Sprachen als Englisch | Ja | Nein |
| Galerie mit Beispielprojekten | Mit dem Telefon über Wifi oder mit dem Emulator | Eingebaute Vorschau im Browser (einfacher zu testen) oder mit dem Telefon |
| Live-Tests | Ja | Ja |
| App erstellen, um sie auf dem Telefon zu installieren oder in den App/Play Store hochzuladen | Nur Android | Begrenzt auf 2 Downloads pro Monat |
| Benutzeroberfläche | Basic | Mehr Optionen und Kontrolle |
| Karten | Mehr Optionen und Kontrolle | Basic |
| Sprites und Animationen für Spiele | Leichter zu bedienen | Funktioniert, ist aber komplizierter |
| Speichern von Daten auf dem mobilen Gerät | TinyDB (Tag/Wert-Paare) | Gespeicherte Variablen |
| Daten in der Cloud speichern und teilen | CloudDB, Firebase, Google Sheets | Airtable, Firebase, Google Sheets, Media DB (viel mehr Optionen, einfacher zu implementieren) |
| Künstliche Intelligenz | Personal Image Classifier, Personal Audio Classifier, Face Mesh, Posenet (viele weitere Optionen) | Image Recognizer (vorgefertigter Microsoft Bildklassifikator) |
| Generative KI | ChatGPT, Dall-E | ChatGPT, Dall-E |
| Datenwissenschaft/Charts | Eingebaute Diagrammkomponente, Regressionsmodelle | Externe API verwenden |
* Was ist Open Source?
Open Source bedeutet, dass der gesamte Code, der zur Erstellung des App Builders verwendet wurde, frei und offen im Internet verwendet werden kann. Das kann für dich wichtig sein, wenn du dir Sorgen machst, dass du deine Arbeit verlierst, wenn ein App Builder nicht mehr unterstützt wird oder sein Geschäft aufgibt. Es kann auch wichtig für dich sein, wenn du einen App-Builder offline nutzen möchtest.
Beachte, dass Thunkable ab Mitte Oktober 2024 seinen kostenlosen Plan auf nur 3 Projekte begrenzt. Jedes Projekt ist auf 5 Bildschirme begrenzt. Wenn du denkst, dass deine App komplexer als 5 Bildschirme sein könnte, solltest du in Erwägung ziehen, deine App mit App Inventor zu programmieren. Es besteht auch die Möglichkeit, dass du in Zukunft den Zugang zu deinen Thunkable-Projekten verlierst, je nachdem, ob Thunkable sein kostenloses Angebot weiter herunterstuft.
ANDERE SPRACHOPTIONEN
Neben App Inventor und Thunkable gibt es noch viele andere Programmiersprachen, die du zum Erstellen von Apps verwenden kannst, vor allem textbasierte.
Im Folgenden findest du vier Top-Sprachen außer App Inventor oder Thunkable, die Technovation-Teilnehmer/innen in der letzten Saison verwendet haben. Du bist nicht auf diese Sprachen beschränkt und kannst jede Programmiersprache verwenden, mit der du dich wohl fühlst. Du musst die Quellcodedateien zusammen mit deinem Beitrag einreichen.
| Programmiersprache | Apps erstellen für | Kodierungsplattform | Ressourcen starten |
|---|---|---|---|
| Java | Android | Android Studio | |
| Swift | iOS | XCode | |
| Dart (Flutter SDK) | Android/iOS | Android Studio | |
| Streamlt (Python) | Webanwendungen (jeder Browser) | Anaconda (Windows) oder ein beliebiger Texteditor/IDE |
Du bist dir nicht sicher, welche Programmierplattform/Sprache du verwenden sollst? Höre dir diese Technovation-Absolventen an, die darüber sprechen, welche Programmierplattform sie gewählt haben und warum.
Mentor Tipp
Beste Praktiken: Sieh dir die Technovation YouTube Coding Playlist an und schau dir ein paar davon mit deinem Team an, um zu verstehen, wie die einzelnen Methoden funktionieren und um deine Entscheidung zu treffen.
Ratschläge von ehemaligen Teilnehmern:
- Thunkable hat eine übersichtliche Oberfläche, eine angeborene Kompatibilität mit iOS und bietet Funktionen, die andere App-Builder möglicherweise nicht haben
- App Inventor zuverlässig ist und viele Teilnehmer mit dem Tool vertraut sind
- Swift und Java eignen sich hervorragend für wiederkehrende Schüler, die sich selbst herausfordern oder neue Funktionen erkunden wollen
- Andere Programmiersprachen sind auch toll.
Mentorentipps werden durch die Unterstützung von AmeriCorps bereitgestellt.
ERSTE SCHRITTE
Um mobile Apps für dein Technovation-Projekt zu programmieren, brauchst du:
- einen Computer oder Laptop
- Internetzugang
- Ein mobiles Gerät ist optional, wird aber für den Test dringend empfohlen. Es können sowohl Android- als auch iOS-Geräte verwendet werden.
AKTIVITÄT 1: EINRICHTUNG DEINER KODIERPLATTFORM
Geschätzte Zeit: 30 Minuten
Wenn du ein anderes Programm als Thunkable oder App Inventor verwendest, nutze die Zeit, um die nötige Software herunterzuladen und deinen Computer einzurichten, indem du den oben genannten Links folgst und den Anweisungen zur Einrichtung folgst.
Wenn du mit Thunkable oder App Inventor programmieren möchtest, klicke unten auf den entsprechenden Reiter und folge den Anweisungen, um deinen Arbeitsplatz einzurichten und mit dem Programmieren zu beginnen! Du kannst gerne beide Plattformen ausprobieren, um zu sehen, wie sie dir jeweils gefallen.
- Besuche in deinem Browser http://ai2.appinventor.mit.edu. Melde dich mit einem Gmail-Konto an. Wenn du noch kein Gmail-Konto hast, erstelle jetzt eines.
- Wenn du dich angemeldet hast und der Startbildschirm erscheint, klicke auf Weiter.
- Klicke auf Ein leeres Projekt starten, um ein neues Projekt zu öffnen.
- Nimm dir einen Moment Zeit, um dich auf der Plattform umzusehen.
Du musst deine App testen, während du sie erstellst, um sicherzustellen, dass sie richtig funktioniert. Es gibt mehrere Optionen, die du hier.
Teil 1: Anmeldung
Besuche in deinem Browser die Thunkable Anmeldeseite um dich für ein kostenloses Konto anzumelden.
Teil 2: Einrichtung zum Testen
Du kannst deine App in Thunkable direkt im Browser mit Web Preview testen. Irgendwann wirst du deine App auf deinem mobilen Gerät live testen wollen. Dazu musst du die Thunkable Live App installieren auf deinem Gerät installieren.
AKTIVITÄT 2: DEINE ERSTE APP PROGRAMMIEREN
Geschätzte Zeit: 30 Minuten
Jetzt, wo du deinen Computer und dein mobiles Gerät für den App-Builder eingerichtet hast, können wir gleich mit einem ersten Tutorial loslegen!
Klicke unten auf die Registerkarte für die von dir gewählte Kodierplattform und folge den Anweisungen.
Anweisungen:
Mache dieTalk to Me App. Klicke hier um einer schriftlichen Anleitung auf der Plattform App Inventor zu folgen.
Wenn du ein Video bevorzugst, kannst du dieser Anleitung folgen:
Anweisungen:
Erstelle dieTalk to Me App, indem du diesem Video-Tutorial von Dave Wolber folgst.
WILLST DU MEHR?
Wenn du Zeit hast, probiere ein weiteres Tutorial auf deiner gewählten Programmierplattform aus:
ÜBERPRÜFUNG DER SCHLÜSSELBEGRIFFE
- App Builder - Programm, das in der Regel eine Drag-and-Drop-Oberfläche hat, mit der du Apps erstellen kannst, ohne Code einzugeben
- Programmiersprache - Eine Möglichkeit, mit einem Computer oder Mobiltelefon zu sprechen, um ihm zu sagen, was er tun soll
- Coding-Plattform - Programm oder Website, auf der du Programme oder Apps schreiben kannst
- Kompilieren - Computercode in Maschinencode umwandeln, der von einem Computer verstanden werden kann
REFLEXION
Herzlichen Glückwunsch zur Erstellung deiner ersten App! Hier sind einige Fragen, die du mit deinem Team und deinem Mentor besprechen kannst.
