Ablauf

Lernziel

Verschiedene Ansätze zur Entwicklung mobiler Smartphone-Apps werden vorgestellt und ausprobiert, sodass hierzu ein Überblick erhalten wird. Projektgruppen (2-3 Leute) entwickeln eine mobile App, um somit praktische und vertiefende Kenntnisse in eine Entwicklungsplattform zu erhalten.

Veranstaltung besteht aus zwei Teilen

Laut Modulbeschreibung besteht diese Veranstaltung aus einem „Vorlesungsanteil“ mit 36 Stunden und aus einem „Labor“ mit ebenfalls 36 Stunden.

Teil 1: einige Termine in den ersten Wochen („Vorlesung“)
Vorstellung verschiedener Ansätze (z.B. Android mit Kotlin und React Native).

Teil 2: restliche Termine („Labor“)
App in Gruppen von 2-3 Leuten programmieren, Zeit zum Programmieren, Fragen und Feedback zum Code und bei Bedarf Behandlung besonderer Themen (evtl. in kleineren Gruppen)

• Wenn die Entwicklung der App in den Teams beginnt, dann ändern wir das Format der Vorlesung:
  ⟶ Zeit zum Programmieren und für Fragen und Feedback
• Bei online-Terminen treffen wir uns zu Beginn eines Termins in der Videokonferenz — auch wenn bei späteren Terminen die Zeit hauptsächlich zum Programmieren genutzt wird.

Format der Vorlesung

In der gemeinsamen „Vorlesung“ wird hauptsächlich aktives Lernen durch Live Coding stattfinden. Dabei sollten die Studierenden mitprogrammieren und interaktiv Fragen stellen. Daher sollten alle bitte immer ihren Laptop mitbringen. Folien wird es kaum geben, da diese nur ein passives Lernen ermöglichen.

Da die Frameworks sehr umfangreich sind und sich ständig weiterentwickeln, werden im Unterricht nur die wesentliche Aspekte besprochen. Durch Teilnahme am Live Coding werden die Inhalte angewendet und das Gruppenprojekt ermöglicht die Vertiefung eines Entwicklungsansatzes.

In Moodle wird Material zum Nachschlagen bereitgestellt. Eigene Recherchen im Selbststudium sind während der App-Entwicklung unumgänglich und verstärken das aktive Lernen.

Dozierende bieten Hilfestellung und Coaching während des Projekts an. Wir werden in den späteren Terminen einen größeren Teil der Zeit für das gemeinsame Programmieren haben.

Ablauf einer Lerneinheit

Eine Lerneinheit besteht in der Regel aus Live Coding zum Mitmachen und ggf. mit anschließenden Aufgaben zur Übung:

1. Kurze Vorstellung eines Themas im Kurs anhand der Entwicklung einer kleinen App (Live Coding).
2. Kleine Aufgaben dazu bearbeiten und eigene Ideen ausprobieren.
3. Abschließende Besprechung und Übergang zum nächsten Thema.

Die Lerneinheiten bauen aufeinander auf und ergeben eine kleine App.

Liste der Frameworks

• Native Entwicklung von Android-Apps in Kotlin mit Compose — ab heute!
• Kotlin Multiplatform (KMP)
• Flutter
• React Native

Weitere Frameworks werden nur kurz vorgestellt:

• Lynx
• .NET MAUI
• Ionic
• für PWAs usw. wird nur auf Lernressourcen verwiesen

Hierfür benötigen wir die ersten 5-6 Termine, sodass wir möglichst viel Zeit für die Programmierung der App-Projekte haben im „Labor“-Teil haben.

Wir werden für jedes Framework in maximal 2 * 90 Minuten (4 Vorlesungsstunden) eine kleine Beispiel-App entwickeln und dabei diese Aspekte kennenlernen:

• Installation und Einrichtung der Entwicklungsumgebung
• Prinzipien des Frameworks (Projektstruktur, Komponenten/Widgets, …)
• App mit einem Screen: UI-Elemente, Layout, Interaktion und State
• Daten lokal speichern
• Navigation zwischen mehreren Screens

Nachdem beispielhafte Frameworks betrachtet wurden, können die Teams einen Entwicklungsansatz für ihre App-Idee wählen. Dies sollte nach 3-4 Wochen beginnen.

Ablauf im „Labor“-Teil

Die Termine nach 3-4 Wochen dienen hauptsächlich zur Programmierung mit der Möglichkeit, bestimmte Aspekte in der Vorlesung zu ergänzen.

• App-Projekt beginnt
• restliche Termine hauptsächlich zum Programmieren
• Dozierende bieten Hilfestellung und Feedback an
• mögliche zusätzliche Inhalte und Themen nach Bedarf:
  • Daten in der Cloud speichern (z.B. mit Firebase)
  • Programmieren mit KI-Tools (z.B. GitHub Copilot)
  • Testen von Apps
• Präsentation der Apps, Abschluss