Checklisten erstellen und ausfüllen mit einer App für Smartphones 📱.
Neben mehreren internen Fortschritten (Code) haben wir ein bisschen was über Globalisierung (PPTX⇓) gelernt, um unsere App zu übersetzen.
Wir haben uns um die bisher eingetragenen Issues gekümmert und ein bisschen "echte" Funktionalität ergänzt, d.h. dass die App sich erstmals Eingaben merkt.
Die Umschaltung zwischen Themes klappt schon. Es gibt ein dunkles Theme und ein helles Theme.
Ein nicht unerheblicher Teil der Arbeit floss auch in das Icon der App, bis es rund und mit dem richtigen Hintergrund angezeigt wurde:
Die übrigen Arbeiten fanden unsichtbar im Hintergrund statt: es entstand Programmcode für das Speichern von Daten usw. Wir stellen fest, dass das Pareto-Prinzip hier greift: am ersten Tag (20% des Aufwandes) entstand ein großer Teil der Oberfläche (80%). Möglicherweise verbringen wir das restliche BOGY (80%) ohne größere sichtbare Änderungen.
Wir haben uns auf einen Namen für unsere App geeinigt: Voodoo-List.
Unsere Prioritäten für die Umsetzung:
- Icon und Name
- übersichtliches Menü (neutraler Hintergrund)
- Checklisten-Name (eintippen)
- Dark Mode
- Checklisten-Editor, evtl. mit tabellarischer Darstellung
- mehrere Checklisten erstellen und verwalten
- Fortschrittsanzeige
- Wiederholung einer Checkliste in einem bestimmten Intervall (täglich / wöchentlich)
- Kalender: diese Checkliste brauche ich an diesem Tag / spezialisierter Kalender, Checkliste für einen Tag (Termine; Hausaufgaben)
- Erinnerung an eine Checkliste oder einzelne Einträge davon
- Checklisten miteinander verbinden (Checkliste in Checkliste; Ober-Checkliste mit Unter-Checklisten)
- Übersetzung in mehrere Sprachen
- Warnsystem für nicht ausgefüllte Checklisten
- Hilfe-Funktion / Tutorial oder Einführung
- Pro-Version: unbegrenzte Anzahl Listen und Einträge
- Checkliste mit jemandem teilen / Checkliste an jemanden senden
- Handschrifterkennung
- Bilder an einen Checklisten-Eintrag anhängen
- Gratisversion: nur eine Liste o.ä.
- Werbung einblenden (könnte Beliebtheit reduzieren)
- Geo-Fencing: Checkliste an einem bestimmten Ort aufrufen
- Belohnungssystem / Prokrastinations-Modus
- Sollte flott sein (reagiert in kurzer Zeit)
- für mehrere Geräte (Smartphone, Tablet, Watch), Android und iOS
- Flutter macht das schon
Wir haben folgende Seiten in unserer App designt:
Splashscreen für unsere Voodoo-App:
Sprachauswahl:
Theme-Auswahl:
Erstellen der ersten Checkliste:
Editieren einer Checkliste:
Ansicht der verfügbaren Checklisten:
Wir haben uns die Gestaltung von Android Apps mit Hilfe von Flutter (PPTX⇓) angeschaut ein ein paar Beispiel-Oberflächen inklusive Navigation entwickelt. Wir haben uns auch noch ein wenig mit Gestalt Principles (Wikipedia) beschäftigt und ein paar Beispiele besprochen:
- Proximity (Gruppierung über Nähe bzw. Abstand)
- Similarity (Ähnlichkeit, z.B. Farbe oder Form)
- Continuity (Zusammenhang)
Wir haben den Nachmittag begonnen mit der Kata (Programmierübung) "Is it a palindrome" bei Codewars.
Im Anschluss sind wir die letzten Folien der Dart (PPTX⇓) Präsentation durchgegangen und haben die Objektorientierung behandelt. Damit haben wir die Programmiersprache ziemlich vollständig durchdrungen und können uns in der BOGY-Woche direkt mit der Programmierung einer Oberfläche beschäftigen.
Weiter ging es mit der Programmiersprache Dart (PPTX⇓). Die Konzepte aus diesem Nachmittag brauchen wir für die Flutter Programmierung:
- Named Arguments
- Scope
- Callbacks
- Lambdas
- Async / Await
Wir haben uns bis Folie 79 durchgearbeitet.
Hausaufgaben (freiwillig):
- Programmier-Aufgaben bei Codewars lösen
Wir haben die Lösung der Aufgabe von letztem Mal besprochen und dabei Funktionen des Debuggers kennengelernt (Breakpoints, Variableninspektion, ...). Danach haben wir uns die Programmiersprache Dart (PPTX⇓) weiter zu Gemüte geführt und die Kapitel
- Listen
- Maps (Dictionaries)
- Methoden
- Funktionen
bearbeitet. Die Aufgaben auf Folie 51 und 52 haben wir noch gelöst.
Aufgabe: Programmiere eine Funktion, die das gleiche Ergebnis liefert wie math.pow()
Aufgabe: Schreibe eine Funktion, die aus einer Liste mit Zahlen die kleinste heraussucht.
Wir haben uns weiter mit der Programmiersprache Dart (PPTX⇓) beschäftigt und dort die Kapitel
- Strings
- Wiederholungen
- Wahrheitswerte
- Verzweigungen
durchgearbeitet. Wir sind bis Folie 37 gekommen.
Für ein paar Aufgaben stellen wir Euch eine mögliche Lösung auf DartPad vor:
- Lösung Übung 1: Berechne 356*4³
- Lösung Übung 2: 36² -> WXYZ -> XY -> XY²
- Aufgabe 3: Wie viele Zahlen zwischen 100 und 999 enthalten die Ziffer 3?
Hausaufgaben:
- freiwillig: Wiederholung der Android Studio Installation auf dem eigenen Rechner daheim.
- freiwillig: Aufgaben nochmal nachvollziehen, Lösung vereinfachen oder verbessern.
Heute beschäftigten wir uns mit der Installation von allem, was man zur Entwicklung einer Smartphone-App braucht. Die Android Studio Präsentation (PPTX⇓) erklärt die einzelnen Schritte.
Die Downloads haben wir bereits erledigt und auf einem USB Stick zur Verfügung gestellt:
- Java SDK (JDK) namens Amazon Corretto
- Android Studio
- das Flutter-Plugin für Android Studio (Download innerhalb von Android Studio)
- Flutter
- Emulator / virtuelle Geräte (Download innerhalb von Android Studio)
Nach einer dreistündigen Installationsorgie blieb noch etwas Zeit für die ersten Beispiele mit der Programmiersprache Dart (PPTX⇓). Wir kamen bis Folie 17.
Hausaufgaben:
- Anmeldung im Discord abschließen
- freiwillig: Wiederholung der Installation auf dem eigenen Rechner daheim
- freiwillig: Programmierung eines Hello World Beispiels
In der Vorstellungsrunde haben wir erfahren, dass mehrere Teilnehmer bereits erste Programmiererfahrung mit dem Arduino gemacht haben. Beim Rundgang durch die derzeit recht leere Firma haben wir die Örtlichkeiten kennengelernt. Im Anschluss haben wir Laptops in Betrieb genommen.
Die Firmenpräsentation (PPTX ⇓) enthält auch Informationen über das Studium. Ein Blick in die Studentenwohnung (PPTX ⇓) war auch möglich. Zum Schluss haben wir Github Accounts eingerichtet und dem Projekt zugeordnet.
Hausaufgaben:
- Fotofreigabe ausfüllen und von den Eltern unterschreiben lassen
- Termin für den Abend der Technik erfragen
- Besuch des Betreuungslehrers klären
- Icon und Name
- übersichtliches Menü (neutraler Hintergrund)
- mehrere Checklisten erstellen und verwalten
- Checklisten-Name (eintippen)
- Checklisten-Editor, evtl. mit tabellarischer Darstellung
- Kalender: diese Checkliste brauche ich an diesem Tag / spezialisierter Kalender, Checkliste für einen Tag (Termine; Hausaufgaben)
- Checklisten miteinander verbinden (Checkliste in Checkliste; Ober-Checkliste mit Unter-Checklisten)
- Erinnerung an eine Checkliste oder einzelne Einträge davon
- Warnsystem für nicht ausgefüllte Checklisten
- Dark Mode
- Gratisversion: nur eine Liste o.ä.
- Pro-Version: unbegrenzte Anzahl Listen und Einträge
- Werbung einblenden (könnte Beliebtheit reduzieren)
- Hilfe-Funktion / Tutorial oder Einführung
- Geo-Fencing: Checkliste an einem bestimmten Ort aufrufen
- Wiederholung einer Checkliste in einem bestimmten Intervall (täglich / wöchentlich)
- Checkliste mit jemandem teilen / Checkliste an jemanden senden
- Belohnungssystem / Prokrastinations-Modus
- Fortschrittsanzeige
- Sollte flott sein (reagiert in kurzer Zeit)
- für mehrere Geräte (Smartphone, Tablet, Watch), Android und iOS
- Handschrifterkennung
- Übersetzung in mehrere Sprachen
- berechnete Anzahl eines Checklisteneintrags: z.B. Anzahl der Urlaubstage geteilt durch 2 Pullover mitnehmen oder Menge für Rezept anhand der Personenzahl ausrechnen
- Bilder an einen Checklisten-Eintrag anhängen
- Einkaufsliste: Wocheneinkauf, Geburtstagseinkauf
- Todo-Liste für einen Tag
- Schach-Verein: Mannschaft organisieren
- Klassenarbeiten / Hausaufgaben - Lernen auf eine Klausur
- Urlaubs-Checkliste