<!-- .slide: data-background="https://live.staticflickr.com/65535/53399595359_b7e5fe2d03_k.jpg" data-background-color="#0E0047" data-background-opacity="0.2"-->
# 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>
---
<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"-->
<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.*
---
<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"-->
# Agenda
1. Gruppenaufteilung
2. Begriffe klären
3. KI-Tools sammeln
4. KI-Tools anwenden
5. Auswertung
---
<!-- .slide: data-background="https://live.staticflickr.com/65535/53399274411_34a7482744_k.jpg" data-background-color="#0E0047" data-background-opacity="0.2"-->
# 1. Aufteilung in Gruppen
----
<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"-->
# 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>
---
<!-- .slide: data-background="https://live.staticflickr.com/65535/53399463668_d34b357b29_k.jpg" data-background-color="#0E0047" data-background-opacity="0.2"-->
# 2. Begriffe klären
## KI, AI, LLM, GPT, … WTF?
Wir klären Begriffe rund um das Thema "KI"
----
<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"-->
## 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>
----
<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"-->
## 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>
---
<!-- .slide: data-background="https://live.staticflickr.com/65535/53398355892_794583d9d6_k.jpg" data-background-color="#0E0047" data-background-opacity="0.2"-->
# 3. KI-Tools sammeln
Welche KI-Tools nutzen wir aktuell?
----
<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"-->
## 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>
----
<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"-->
## 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>
---
<!-- .slide: data-background="https://live.staticflickr.com/65535/53399708310_08ca37ca77_k.jpg" data-background-color="#0E0047" data-background-opacity="0.2"-->
# 4. KI-Tools anwenden
Wir bauen gemeinsam einen Online-Kurs [TODO oder etwas anderes]
----
<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"-->
<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>
----
<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"-->
## 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>
----
<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"-->
## 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>
----
<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"-->
## 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>
---
<!-- .slide: data-background="https://live.staticflickr.com/65535/53398343087_38edec4a36_k.jpg" data-background-color="#0E0047" data-background-opacity="0.2"-->
# 5. Auswertung
## Wie war's?
Erfahrungsaustausch und Feedback
----
<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"-->
## 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>
---
<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"-->
# 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>
{"title":"Digital Badges für die HTW Berlin","slideOptions":"{\"spotlight\":{\"enabled\":false},\"transition\":\"slide\"}","description":"für die HTW Berlinkonzipieren, umsetzen und sichtbar machen","contributors":"[{\"id\":\"99fed141-fe8b-4fb5-9082-8ed11bee8ba1\",\"add\":26316,\"del\":25214}]"}