VV PRäsi

behrends · Jan 24, 2024 · adb927f · adb927f
1 parent d7ec467
commit adb927f
Show file tree

Hide file tree

Showing 7 changed files with 331 additions and 22 deletions.
diff --git a/assets/VierGewinntCopilot.docx b/assets/VierGewinntCopilot.docx
diff --git a/pages/praesi/_meta.json b/pages/praesi/_meta.json
@@ -1,6 +1,8 @@
 {
   "index": "Übersicht",
-  "tag-01": "1. Tag: Einstieg",
+  "tag-01-index": "1. Tag: Überblick",
+  "tag-01-nao": "1. Tag: Einstieg (mit NAO)",
+  "tag-01-no-nao": "1. Tag: Einstieg (ohne NAO)",
   "tag-02": "2. Tag: Themen/Gruppen",
   "tag-03": "3. Tag: Bearbeitung der Themen",
   "tag-04": "4. Tag: Präsentationen",

diff --git a/pages/praesi/index.mdx b/pages/praesi/index.mdx
@@ -1,18 +1,23 @@
-import { Callout } from 'nextra/components';
-import { Steps } from 'nextra/components';
+import { Callout, Steps } from 'nextra/components';
 
 # Präsentationskompetenzen (WWI)
 
 Diese Veranstaltung des 1. Semesters heißt eigentlich „Präsentations- und Kommunikationskompetenzen“, wir 
 fokussieren uns jedoch auf die Präsentationskompetenzen. 
 
+<Callout>
+Mittelfristig könnten Kommunikationskompetenzen in Form von „prompt engineering“ mehr Gewicht bekommen.
+</Callout>
+
 ## Vorbereitung:
 
-- Moodle-Raum beantragen und vorbereiten:
-  - NAO-Material aus Roboprax-Raum importieren (https://moodle.loerrach.dhbw.de/moodle/course/view.php?id=11871) und irrelevante Inhalte löschen (z.B. Ethik, Didaktik, Flussdiagramme, NAO v5)
-  - Falls NAO zum Einsatz kommt, dann Gruppenwahl für 1. Tag (2-3 Gruppen)
-  - ggf. Präsenzliste
-- Falls NAO zum Einsatz kommt, dann NAO-Raum A335 für die Termine zusätzlich reservieren
+- Moodle-Raum beantragen und vorbereiten
+- Termine und Ablauf als Text in Moodle eintragen
+- Falls NAO zum Einsatz kommt:
+  - NAO-Raum A335 für die Termine zusätzlich reservieren
+  - Relevantes NAO-Material aus einer vorigen Vorlesung eines WWI-Kurses in Moodle importieren. Das komplette Material ist im Roboprax-Raum zu finden (https://moodle.loerrach.dhbw.de/moodle/course/view.php?id=11871).
+  - Gruppenwahl für 1. Tag (2-3 Gruppen)
+- ggf. Präsenzliste
 
 ## Ablauf 
 
@@ -41,10 +46,13 @@ Auch die Inhalte können variieren. In WWI23B haben wir z.B. NAO weggelassen, um
 <Steps>
 ### Erster Tag (8 Stunden)
 
-- Vorstellung (Dozent, Kurs, NAO, Ablauf)
+- Vorstellung (Dozent, Kurs, ggf. NAO, Ablauf)
 - MakeCode Arcade
 - p5.js
-- Einteilung in 2-3 Gruppen für Aufgaben mit NAO, MakeCode, p5.js
+- GitHub Copilot
+- crisp-game-lib
+- Falls NAO zum Einsatz kommt: 
+  - Einteilung in 2-3 Gruppen für Aufgaben mit NAO, MakeCode, p5.js, crisp-game-lib
 
 ### Zweiter Tag (8 Stunden)
 

diff --git a/pages/praesi/tag-01-index.mdx b/pages/praesi/tag-01-index.mdx
@@ -0,0 +1,16 @@
+import { Callout, Card, Cards,  } from 'nextra/components';
+
+# 1. Tag: Überblick
+
+<Callout>
+Der Ablauf hängt davon ab, ob NAO zum Einsatz kommt oder nicht.
+
+In Q4 (Okt-Dez) findet am Buß- und Bettag im November der Studieninfotag statt, den ein Teil des WWI-Kurses mit NAO und VR-Brillen begleitet.
+
+In Q1 (Jan-März) führen wir diese Veranstaltung manchmal ohne NAO durch, sodass wir z.B. einen Online-Vorlesungstag für die Ausarbeitung der Präsentationen haben können.
+</Callout>
+
+<Cards>
+  <Card title="Mit NAO" href="tag-01-nao" />
+  <Card title="Ohne NAO" href="tag-01-no-nao" />
+</Cards>
diff --git a/pages/praesi/tag-01.mdx → pages/praesi/tag-01-nao.mdx b/pages/praesi/tag-01.mdx → pages/praesi/tag-01-nao.mdx
@@ -1,12 +1,14 @@
 import { Callout } from 'nextra/components';
 import MyIntro from '@/components/my-intro.mdx';
 
-# 1. Tag: Einstieg (8 Stunden)
+# 1. Tag: Einstieg (8 Stunden) &mdash; mit NAO
 
 <Callout>
 **Todo für Dozent** &mdash; Vorbereitungen:
 - NAO mit Basic Channel mitnehmen (NAO8 oder NAO9)
 - Windows-Laptop aus A335 mitnehmen
+
+NAO und VR-Brillen für Studieninfotag einsetzen? (&xrarr; Hilfe von Laboringenieur)
 </Callout>
 
 ## Vorstellung (bis zu 60 Minuten)
@@ -205,8 +207,14 @@ wird das Logo der DHBW nachgezeichnet.
 Arbeiten Sie sich durch dieses Tutorial inklusive der Aufgaben durch und 
 versuchen Sie, die Beispiele nachzuvollziehen. 
 
-Falls Sie danach noch Zeit haben, dann können Sie versuchen ein Malprogramm
-zu erstellen, das mit der Maus bedient wird (siehe letzte Seite des Tutorials).
+Danach können Sie sich mit 
+[diesem Tutorial](https://behrends.github.io/mini-tutorials/memory/) beschäftigen, 
+das ein einfaches Memory-Spiel mit p5.js erstellt.
+
+Falls Sie danach immer noch Zeit und Interesse an p5.js haben, dann können Sie 
+versuchen ein Malprogramm zu erstellen, das mit der Maus bedient wird. Mit gedrücktem 
+Mausknopf wird ein Kreis (`circle()`) gezeichnet. Änderung der Farbe und der 
+Pinselgröße kann durch passende Tastendrücke erreicht werden.
 
 Beispiele zu generativer Kunst finden Sie hier: 
 [https://musingswithcode.studio/generative-design-workshop/](https://musingswithcode.studio/generative-design-workshop/)
@@ -219,11 +227,38 @@ Beispiele zu generativer Kunst finden Sie hier:
 
 Einteilung in 2-3 Gruppen für Aufgaben mit NAO, MakeCode, p5.js
 
+<Callout type="info" emoji="👨🏻‍💻">
+Eventuell kurz crisp-game-lib vorstellen:
+
+- Paku Paku (1D-Pacman): https://abagames.github.io/crisp-game-lib-11-games/?pakupaku
+- Quellcode besteht aus 189 (!) Zeilen JavaScript: https://github.com/abagames/crisp-game-lib-11-games/blob/main/docs/pakupaku/main.js
+- Liste der Spiele für den Browser: http://www.asahi-net.or.jp/~cs8k-cyu/browser.html
+- <mark>&xrarr; **Tutorial**: https://behrends.github.io/mini-tutorials/pin-climb/</mark>
+- API-Referenz von crisp-game-lib: https://abagames.github.io/crisp-game-lib/ref_document/modules.html
+</Callout>
+
+<Callout type="info" emoji="🤖">
+<mark>Tipps zu GitHub Copilot geben? (siehe Tag 1 ohne NAO…)</mark>
+</Callout>
+
+<Callout>
+**Todo für Dozent** &mdash; Textseite in Moodle 
+(„Aufgaben für Spiele mit crisp-game-lib“) erstellen mit folgendem Text:
+
+```md
+Falls Sie Zeit und Interesse haben, dann können Sie sich mit 
+[diesem Tutorial](https://behrends.github.io/mini-tutorials/pin-climb/) beschäftigen, 
+das ein minimalistisches „Ein-Knop-Spiel“ mit JavaScript und crisp-game-lib erstellt.
+
+Mit crisp-game-lib wurde z.B. das Spiel [1D-Pacman](https://abagames.github.io/ crisp-game-lib-11-games/?pakupaku) programmiert.
+```
+</Callout>
+
 <Callout>
-Aufgaben werden in Moodle veröffentlicht.
+Aufgaben werden in Moodle veröffentlicht (siehe Markdown-Inhalte für MakeCode Arcade, p5.js und crisp-game-lib oben).
 
-Je nach Geschwindigkeit und Interesse können Tutorials sowohl zu 
-MakeCode Arcade (Spiele) als auch zu p5.js (2D-Grafiken) bearbeitet werden.
+Je nach Geschwindigkeit und Interesse können Tutorials zu MakeCode Arcade (Spiele), 
+p5.js (2D-Grafiken) und crisp-game-lib (Spiele) bearbeitet werden.
 </Callout>
 
 - Gruppenwahl in Moodle (2 Gruppen, 3 Gruppen wenn mehr als 30 Leute)
@@ -235,12 +270,12 @@ Gruppe B bleibt im Kursraum und befasst sich mit Microsoft Makecode Arcade
 (und bei Interesse mit p5.js). \
 ⟶ Aufgaben siehe Moodle. 
 
-| Zeit       | Gruppe A          | Gruppe B         |
-|------------|-------------------|------------------|
-| 60-90 Min. | NAO (A335)        | MakeCode, p5.js  |
-| 15 Min.    | PAUSE             | PAUSE            |
-| 60-90 Min. | MakeCode, p5.js   | NAO (A335)       |
-| 15 Min.    | ggf. gemeinsamer… | …Abschluss       |
+| Zeit       | Gruppe A           | Gruppe B           |
+|------------|--------------------|--------------------|
+| 60-90 Min. | NAO (A335)         | MakeCode, p5.js, … |
+| 15 Min.    | PAUSE              | PAUSE              |
+| 60-90 Min. | MakeCode, p5.js, … | NAO (A335)         |
+| 15 Min.    | ggf. gemeinsamer…  | …Abschluss         |
 
 <mark>&xrarr; Ablauf am Whiteboard skizzieren</mark>