Digital Badges für die HTW Berlin

--- title: KI-Vorglühen tags: slides, workshop, KI slideOptions: spotlight: enabled: false transition: 'slide' ---  # KI-Vorglühen Anja Lorenz Institut für Interaktive Systeme (ISy) TH Lübeck <p style="font-size: 0.7em;font-style: italic;"> – Workshop – </p> <br> <p style="font-size: 0.5em;font-style: italic;"><img src="https://i.imgur.com/fbCt30B.jpg" width="100px" style="background-color:transparent;border-style:none"><br> gilt nicht für eingebettete und explizit ausgenommene Inhalte<br>Stand: 14.11.2023</p> ---  <p style="font-size: 0.5em;font-style: italic;">TODO: Diese Slide löschen</p> # *Mein Fazit* ### *Was würde ich beim nächsten Durchlauf anders machen?* * *Längere Arbeitsphase im Hauptteil (wir haben live um ca. 30min verlängert)* * *Ev. Auswertung besser machen, vielleicht von vorn herein als Challenge anlegen und dann gegenseitig abstimmen, welche andere Gruppen man am besten fand.* ---  # Agenda 1. Gruppenaufteilung 2. Begriffe klären 3. KI-Tools sammeln 4. KI-Tools anwenden 5. Auswertung ---  # 1. Aufteilung in Gruppen ----  # Geburtstags-<br>kalender Bitte stellt Euch nach Eurem Geburtstag (ohne Jahreszahl) von Januar bis Dezember in einer Reihe auf. <p style="font-size: 0.5em;font-style: italic;">Je 3 Personen bilden eine Gruppe.</p> ---  # 2. Begriffe klären ## KI, AI, LLM, GPT, … WTF? Wir klären Begriffe rund um das Thema "KI" ----  ## Aufgabe: Begriffe in der Gruppe klären 📄 [Arbeitsblatt für KI-Begriffe](https://www.tutory.de/entdecken/dokument/ki-begriffe-klaeren) Dabei: * Unklarheiten beseitigen oder festhalten * weitere Begriffe, die alle kennen sollten, festhalten <p style="font-size: 0.5em;font-style: italic;">Zeit: ca. 15min</p> ----  ## Auswertung: Begriffe in der Gruppe klären Fragen/Anmerkungen? Weitere Begriffe, die man kennen sollte? <p style="font-size: 0.5em;font-style: italic;">Zeit: ca. 10min</p> ---  # 3. KI-Tools sammeln Welche KI-Tools nutzen wir aktuell? ----  ## Aufgabe: Welche KI-Tools nutzt Ihr? Dabei: * Hier eintragen: [TODO: MENTIMETER, FLIPCHART O.Ä.] * Tauscht Euch über Einsatzzwecke und Erfahrungen aus. * **Zugang zu mind. 1 generativen Tool für je Text und Bild sicherstellen.** <p style="font-size: 0.5em;font-style: italic;">Zeit: ca. 15min</p> ----  ## Auswertung: Welche KI-Tools nutzt Ihr? Fragen/Anmerkungen? Habt Ihr alle Zugang zu Text- und Bild-Tools? <p style="font-size: 0.5em;font-style: italic;">Zeit: ca. 10min</p> ---  # 4. KI-Tools anwenden Wir bauen gemeinsam einen Online-Kurs [TODO oder etwas anderes] ----  <span style="font-size: 0.5em;">*[**Hinweis:** An dieser Stelle sollte man sich überlegen, wie eine für die Teilnehmenden relevante Aufgabenstellung aussehen könnte. Wir hatten als Fallbeispiel, dass wir gern einen Kurs für neue Mitarbeitende erstellen möchten, jede Arbeitsgruppe hat dann eine Lektion erstellt. Man könnte aber bspw. auch einen gemeinsamen Slogan entwickeln, ein Lied samt Cover-Bild erstellen, einen digitalen Adventskalender befüllen… Je nach Aufgabenstellung müssen Teile vorbereitet und Schreibrechte verteilt werden. Bspw. habe ich bereits die Kursstruktur erstellt.]*</span> ----  ## Aufgabe: Erstellt Lektionen für einen Online-Kurs! [TODO: Links, Aufteilung und Anleitung bspw. über ein Etherpad teilen] <p style="font-size: 0.5em;font-style: italic;">Zeit: ca. 45min + 30min</p> ----  ## Aufgaben im Detail (Teil 1) <p style="font-size: 0.5em;">[TODO: aufs Etherpad kopieren, hier löschen]</p> <h3 style="font-size: 0.5em;">Schritt 1: Lektionsthema und -struktur</h3> <ul style="font-size: 0.5em;"><li><del>Wählt eine Lektion aus, die ihr erstellen möchtet.</del> (Schaut in die Aufteilung, die angelegt wurde)</li> <li>Ihr könnt euch auf einen der bereits definierten Unterpunkte konzentrieren, die in der jeweiligen Lektion vermerkt sind, aber auch andere definieren.</li> <li>Überlegt euch eine klare Struktur für eure Lektion, einschließlich Hauptpunkten und Unterpunkten.</li></ul> <h3 style="font-size: 0.5em;">Schritt 2: Textgenerierung</h3> <ul style="font-size: 0.5em;"> <li>Nutzt KI-gestützte Textgeneratoren, um einen informativen und ansprechenden Text für eure Lektion zu erstellen.</li> <li>Passt den generierten Text nach Bedarf an, um sicherzustellen, dass er gut verständlich und an euer Thema angepasst ist.</li> </ul> <h3 style="font-size: 0.5em;">Schritt 3: Bildgenerierung</h3> <ul style="font-size: 0.5em;"> <li>Verwendet KI-basierte Bildgeneratoren, um ein dekoratives und thematisch passendes Bild für eure Lektion zu erstellen.</li> <li>Denkt daran, das Bild so zu gestalten, dass es die Aufmerksamkeit der Teilnehmenden auf das Wesentliche lenkt.</li> </ul> ----  ## Aufgaben im Detail (Teil 2) <p style="font-size: 0.5em;">[TODO: aufs Etherpad kopieren, hier löschen]</p> <h3 style="font-size: 0.5em;">Schritt 4: Interaktive Elemente planen</h3> <ul style="font-size: 0.5em;"> <li>Integriert ein interaktives Element in eure Lektion – eine kurze Beschreibung reicht im Rahmen des Workshops aus. Dies kann eine Quizfrage, eine Aufgabe, eine Animation oder eine interaktive Grafik sein … irgendetwas, bei dem die Teilnehmenden die Hand zu Tastatur und/oder Maus führen müssen.</li> <li>Stellt sicher, dass euer interaktives Element den Lernerfolg fördert und die Teilnehmenden aktiv einbezieht.</li> </ul> <h3 style="font-size: 0.5em;">Schritt 5: Ergebnisse erweitern und reflektieren</h3> <ul style="font-size: 0.5em;"> <li>Ergänzt gern weitere Ideen und Ressourcen, die zur Fertigstellung der Lektion hilfreich sein können (bspw. Links zum Intranet).</li> <li>Reflektiert über die Erfahrungen mit den KI-Tools, diskutiert mögliche Vor- und Nachteile.</li> <li>Überlegt, wie ihr eure Lektion weiter verbessern könnt. Schreibt diese Hinweise auf.</li> </ul> ---  # 5. Auswertung ## Wie war's? Erfahrungsaustausch und Feedback ----  ## Wie war's? Was war einfach? Wo gab es Probleme? Was muss geschehen, damit der Kurs fertig wird. <p style="font-size: 0.5em;font-style: italic;">Zeit: ca. 30min</p> ---  # Danke! *Anja Lorenz, [@anjalorenz@bildung.social](https://bildung.social/@anjalorenz)* <br> <p style="font-size: 0.5em;font-style: italic;"><img src="https://i.imgur.com/fbCt30B.jpg" width="80px" style="background-color:transparent;border-style:none"><br> gilt nicht für eingebettete und explizit ausgenommene Inhalte</p>

Syntax	Example	Reference
# Header	Header	基本排版
- Unordered List	Unordered List
1. Ordered List	Ordered List
- [ ] Todo List	Todo List
> Blockquote	Blockquote
Bold font	Bold font
Italics font	Italics font
~~Strikethrough~~	~~Strikethrough~~
19^th^	19^th
H~2~O	H₂O
++Inserted text++	Inserted text
==Marked text==	Marked text
[link text](https:// "title")	Link
![image alt](https:// "title")	Image
`Code`	`Code`	在筆記中貼入程式碼
```javascript var i = 0; ```	`var i = 0;`
:smile:		Emoji list
{%youtube youtube_id %}	Externals
$L^aT_eX$	L^aT_eX
:::info This is a alert area. :::	This is a alert area.