some initial updates to hci

hci/praktikum/html/docs/projektmappe.md

@@ -56,8 +56,8 @@ Je nach Arbeitsauftrag sollen ebenso **Entwurfsentscheidungen**, **Verbesserunge
 - Für **MS#3: App-Entwicklung und Präsentation** (während Termin 5) ist **KEINE EINREICHUNG** notwendig, da die Dokumentation hier in Form ihres App-Codes erfolgt.
 - Achten Sie streng darauf, die Einreichefrist einzuhalten. Verspätete Abgaben werden mit der Note 5 bewertet.
 
-!!! warning
-    **Achtung**: Versäumen Sie es, die Projektmappe rechtzeitig vor der Abgabe zu aktualisieren, so wird der jeweilige Meilenstein mit der **Note 5** bewertet. 
+!!! warning "Aktualisieren Sie die Projektmappe regelmäßig und rechtzeitig"
+    Versäumen Sie es, die Projektmappe rechtzeitig vor der Abgabe zu aktualisieren, so wird der jeweilige Meilenstein mit der **Note 5** bzw. **0 Punkte** bewertet. 
 
 
 

hci/praktikum/html/docs/termin0.md

@@ -1,20 +1,18 @@
 # Kennen lernen von Flutter (--> zu Hause)
 
 
-!!! abstract
-    **Lernziele**
-
+!!! success "Lernziele"
     - [x] Sie können einfache Android Projekte mit Android Studio anlegen
     - [x] Sie verstehen die Grundstruktur einer Android App
     - [x] Sie kennen den Lebenszyklus von Activities
     - [x] Sie kennen die wichtigsten Hilfsmittel in Android Studio
     - [x] Sie verstehen die Konzepte "Datenmodell" und "Persistenz" im Kontext einer Android-Anwendung
 
-!!! note
-    **Hinweis #1:** Wenn Sie zum Testen und Debuggen Ihr eigenes Handy verwenden wollen, bringen Sie bitte ein passendes USB-Kabel mit. Im Normalfall ist das Kabel des Ladegeräts dazu geeignet. Verbinden Sie das Handy via USB-Kabel mit dem Entwicklungs-PC (Ihr Notebook oder der Labor-PC), schalten Sie das Handy ein, aktivieren Sie Entwickleroptionen und darin USB-Debugging.
+!!! info "Debugging am eigenen Gerät"
+    Wenn Sie zum Testen und Debuggen Ihr eigenes Handy verwenden wollen, bringen Sie bitte ein passendes USB-Kabel mit. Im Normalfall ist das Kabel des Ladegeräts dazu geeignet. Verbinden Sie das Handy via USB-Kabel mit dem Entwicklungs-PC (Ihr Notebook oder der Labor-PC), schalten Sie das Handy ein, aktivieren Sie Entwickleroptionen und darin USB-Debugging.
 
-!!! note
-    **Hinweis #2:** Vermutlich werden Sie Android Studio und den Emulator auf Ihrem eigenen Laptop installieren; Infos hierzu finden Sie unter 
+!!! info "Konfiguration der Entwicklungsumgebung"
+    Vermutlich werden Sie Android Studio und den Emulator auf Ihrem eigenen Laptop installieren; Infos hierzu finden Sie unter 
 
     - <http://developer.android.com/sdk/index.html>
     - <http://developer.android.com/sdk/installing/adding-packages.html>
@@ -98,10 +96,8 @@ Fassen Sie alle persistenten Daten in einer Klasse zusammen und zeichnen Sie das
 
 Die folgenden Ergebnisse müssen für eine erfolgreiche Testierung der Einheit vorliegen:
 
-!!! abstract
-    __Ergebnisse:__
-
-    - [x] Verständnis, was es mit der Klasse `R.java` auf sich hat
-    - [x] Überschriebene Methoden `onPause`, `onStop`, `onResume`, `onCreate` und `onSaveInstanceState`
-    - [x] Dokumentierte Ausgabe der Testfälle
-    - [x] (*optional*) Klassendiagramm der zu persistierenden Daten
+!!! success "Ergebnisse"
+    - [ ] Verständnis, was es mit der Klasse `R.java` auf sich hat
+    - [ ] Überschriebene Methoden `onPause`, `onStop`, `onResume`, `onCreate` und `onSaveInstanceState`
+    - [ ] Dokumentierte Ausgabe der Testfälle
+    - [ ] (*optional*) Klassendiagramm der zu persistierenden Daten

hci/praktikum/html/docs/vorbemerkung.md

@@ -9,22 +9,21 @@
 <!-- # Aufgabenstellung -->
 # NutzerInnen-zentrierte Enwicklung einer mobilen App
 
-Aufgabenstellung zum Semesterprojekt "NutzerInnen-zentrierte Softwareentwicklung" (Version 4.0)
+Aufgabenstellung zum Semesterprojekt "NutzerInnen-zentrierte Softwareentwicklung" (engl.Human-Centered Design) (Version 5.0)
 
 
-!!! note
-    **Vorbemerkung:** Das Thema "Fernsehgerät" und "Twitch Stream-Server" wurde nur deshalb für das Praktikum gewählt, weil Sie dadurch einen leichten Zugang zur Anwendungsdomäne und zu potentiellen Benutzern haben. Die hier praktizierten Methoden sind aber nicht auf Consumer-Anwendungen beschränkt, sondern passen ebenso für andere "Datenverarbeitungsanwendungen".
+!!! info "Vorbemerkung zum Themenangebot"
+    Das Thema "Fernsehgerät" und "Twitch Stream-Server" wurde nur deshalb für das Praktikum gewählt, weil Sie dadurch einen _leichten Zugang zur Anwendungsdomäne_ und zu potentiellen Benutzern haben. Die hier praktizierten Methoden sind aber nicht auf Consumer-Anwendungen beschränkt, sondern passen ebenso für andere "Datenverarbeitungsanwendungen".
 
-!!! warning
-    **Neues Thema Lebensmittelinformations-App**  
+!!! warning "Neues Thema: Lebensmittelinformations-App"  
     Ab dem SoSe 2022 bieten wir ein drittes Semesterprojektthema im Kontext Verbraucherschutz bzw. Verbraucheraufklärung an. Hierdurch sollen Verbraucher in die Lage versetzt werden, informierte Kaufentscheidungen hinsichtlich der in Lebensmitteln enthaltenen Inhalts- bzw. Nährstoffe treffen zu können. 
 
 
 <!--Entwerfen Sie eine nutzerzentrierte und anwendungsfallorientierte **Fernbedienung** für einen "Fernseher" oder einen Twitch-Streaming Server. Die Fernbedienung sollen Sie als **Android-App** für ein Smartphone realisieren. Der "Fernseher" ist vorgegeben und wird im Praktikum simuliert durch eine gegebene **Java-Anwendung** auf dem PC, welche umschaltbare Standbilder anstelle laufender Fernsehprogramme zeigt. Die notwendigen Dateien finden Sie im [Moodle-Kurs des Moduls](https://lernen.h-da.de/course/view.php?id=6802).-->
 
 ### Übersicht
 
-Entwerfen Sie eine nutzerzentrierte und anwendungsfallorientierte **Steuerungsapplikation** in Form einer **Android-App** für die folgenden Szenarien
+Entwerfen Sie eine nutzerInnenzentrierte und anwendungsfallorientierte **Steuerungsapplikation** in Form einer **Mobilen-App** für die folgenden Szenarien
 
 - eine Steuerungs-App für einen **TV-Server** (=Fernseher)
 - eine Steuerungs-App für einen **Twitch Streaming-Server**
@@ -35,11 +34,11 @@ Während der Twitch Streaming-Server "live content" darstellt und eine **aktive
 
 Die **Lebensmittelinformations-App** ist seit dem SoSe 2022 neu hinzugekommen. Nährere Informationen zu diesem Projekt sowie zu den zur Verfügung stehenden Daten bzw. APIs finden sich auf der [Projektseite](openfoodfacts.md) sowie unter [Tipps zur Nutzung der API](openfoodfacts_api_infos.md).
 
-!!! note
-    **Hinweis**: Die Wahl des Anwendungsszenarios (TV-Server / Twitch / Nahrungsmittelinfo-App) hängt von den eigenen Vorlieben ab und ist unabhängig für die Testierung des Praktikums. Einzig für die [Usability Evaluierung](termin5.md) müssen Sie für das Twitch- und Nahrungsmittelinfo-Szenario eigene Usability Tests entwerfen (_für den TV-Server sind diese vorgegeben, können aber/sollen angepasst bzw. erweitert werden_).
+!!! info "Wahl des Projektthemas"
+    Die Wahl des Anwendungsszenarios (TV-Server / Twitch / Nahrungsmittelinfo-App) hängt von den eigenen Vorlieben ab und ist unabhängig für die Testierung des Praktikums. Einzig für die [Usability Evaluierung](termin5.md) müssen Sie für das Twitch- und Nahrungsmittelinfo-Szenario eigene Usability Tests entwerfen (_für den TV-Server sind diese vorgegeben, können aber/sollen angepasst bzw. erweitert werden_).
 
-!!! note
-    **Wichtig**:  Die Android-Apps für den TV- und Twitch-Streaming-Server sind reine "Steuerungsapplikationen". Innerhalb der App brauchen Sie _keinen_ Live-Content darzustellen (im Fall von Twitch). Vorschaubilder / Thumbnails / etc. können und sollen Sie natürlich einbinden.
+!!! info "Infos zur TV- und Twitch-App" 
+    Die Apps für den TV- und Twitch-Streaming-Server sind reine *Steuerungsapplikationen*. Innerhalb der App brauchen Sie _keinen_ Live-Content darzustellen (im Fall von Twitch). Vorschaubilder / Thumbnails / etc. können und sollen Sie natürlich einbinden.
 
 
 
@@ -63,7 +62,7 @@ Informationen zur Installation und Nutzung des Twitch Streaming-Servers finden S
 
 ### Zielsetzung
 
-Die Benutzungsoberfläche der Steuerungs-Apps soll **intuitiv** und **komfortabel** sein und eine hohe **Usability** aufweisen. Sie soll sich an den spezifischen Bedürfnissen, situativen Nutzungskontexten und Erwartungen der Benutzenden orientieren. Eine Bedienungsanleitung oder ein online Hilfesystem *MUSS* völlig überflüssig sein. Denken Sie hierbei an die Besonderheiten und spez. Bedürfnisse der verschiedenen Benutzergruppen und versuchen Sie diese in einem gemeinsamen UI-Design abzubilden (--> vgl. die IKEA-Fallstudie). 
+Die Benutzungsoberfläche der Steuerungs-Apps soll **intuitiv** und **komfortabel** sein und eine hohe **Usability** aufweisen. Sie soll sich an den **spezifischen Bedürfnissen**, **situativen Nutzungskontexten** und **Erwartungen** der Benutzenden orientieren. Eine Bedienungsanleitung oder ein online Hilfesystem *MUSS* völlig überflüssig sein. Denken Sie hierbei an die Besonderheiten und spezifischen Bedürfnisse der verschiedenen Benutzergruppen und versuchen Sie diese in einem gemeinsamen UI-Design abzubilden (--> vgl. die IKEA-Fallstudie). 
 
 Konzentrieren Sie sich insbesondere auf die **Anwendungsfälle**, **Nutzungskontexte** und **Ziele** der Personen bzw. der Stereotypen und _NICHT_ auf irgendwelche technischen Features – diese sind für die Erfüllung der Aufgabe zweitrangig (siehe auch den Einführungsfoliensatz zur Veranstaltung).
 
@@ -79,5 +78,5 @@ Ein paar Anregungen zur **Anwendungsfallorientierung** (ohne Anspruch auf Vollst
 * Senderauswahl nach Programmzeitschrift / Zappen / Werbepause überbrücken
 * Spannende Sendung/Stream - Telefon klingelt
 
-!!! warning
+!!! danger ""
     **Hinweis:** Beide Serverapplikationen sind reine **Simulatoren**, d.h., sie speicheren *keinerlei* Daten oder Zustände --> diese müssen Sie im **Datenmodell** Ihrer App selbst verwalten.

hci/praktikum/html/mkdocs.yml

@@ -1,9 +1,19 @@
 site_name: HCI-Praktikumsaufgaben
 
 nav:
-  - Projektmappe: projektmappe.md
-  - Termin 0: termin0.md
-  - Termin 1: termin1.md
+  - 'Startseite': 'index.md'
+#  - 'NZSE-Tagebuch': 'tagebuch.md'
+#  - 'Corona-Modus': 'corona.md'
+#  - 'Arbeiten mit BBB': 'bbb.md'
+  - 'Vorbemerkung': 'vorbemerkung.md'
+  - 'Projektmappe': 'projektmappe.md'
+  - 'Vorbereitung: Flutter Tutorial': 'termin0.md'
+  - 'Termin 1: User Research': 'termin1.md'
+  - 'Termin 2: UI Entwurf': 'termin2.md'
+  - 'Termin 3: Layout': 'termin3.md'
+  - 'Termin 4: Logik': 'termin4.md'
+  - 'Termin 5: App-Präsentation': 'termin5.md'
+  - 'Abschluss: Usability': 'termin6.md'