<!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"--> # 🎖️ Badges 🎖️ für die HTW Berlin konzipieren, umsetzen und sichtbar machen <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</p> --- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"--> # Agenda 1. Begriffsklärung 2. Badge-Konzept für die HTW Berlin entwickeln * Vergabestrategie * Umsetzung * Sichtbarkeit 3. Zusammenfassung und nächste Schritte ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"--> # Handout 📄 [Handout zum Workshop](https://hackmd.io/@anjalorenz/htw-badges-handout) --- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#044c16" data-background-opacity="0.5"--> # 📖 Begriffsklärung Was genau sind Badges, wie sehen die aus, wofür kann man die gebrauchen... ---- <!-- .slide: data-background-iframe="https://api.badgr.io/public/collections/1cb82b183bfa49f28cbd034dc163ea2f" --> ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#044c16" data-background-opacity="0.5"--> ## 🎯 Ziele von Badges * kennzeichnen Leistung, Erfahrung, Status * Motivation * Dokumentation von Kompetenzen (?) ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#044c16" data-background-opacity="0.5"--> <a data-flickr-embed="true" href="https://www.flickr.com/photos/empeiria/8713755995" title="Die Anatomie von Badges"><img src="https://live.staticflickr.com/8417/8713755995_4a7d64c60a_b.jpg" height="550" alt="Die Anatomie von Badges"></a> Jörg Lohrer: [Die Anatomie von Badges](https://www.flickr.com/photos/empeiria/8713755995) ([CC BY-SA 2.0](https://creativecommons.org/licenses/by-sa/2.0/))<!-- .element: style="font-size:40%" --> ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#044c16" data-background-opacity="0.5"--> ## 💭 Arbeitsdefinition Badges sind quadratische bzw. runde und maschinenlesbare **Zertifikate**. Durch die Möglichkeit zur **automatisierbaren Vergabe** sind sie zudem geeignet, als **Gamification**-Elemente die Motivation zu unterstützen. ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#044c16" data-background-opacity="0.5"--> ## 🤔 Gibt es Fragen? --- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#6b0264" data-background-opacity="0.5"--> # Ein Badge-Konzept für die HTW Berlin Vergabestrategie 👉 Umsetzung 👉 Sichtbarkeit --- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#6b0264" data-background-opacity="0.5"--> # 📊 Vergabe-<br>strategie Wer vergibt an wen Badges und warum? ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#6b0264" data-background-opacity="0.5"--> ## Grundsätzliches * viele Optionen, kein "richtig" oder "falsch" * auch mehrere Ansätze parallel möglich, dann ggf. Kommunikation schwieriger 👉 Empfehlung: **hausinterne Workshops** mit relevanten Stakeholdern ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#6b0264" data-background-opacity="0.5"-->  Lorenz, Anja; Meier, Stefan: [Klassifikationsschema für Badges](https://de.slideshare.net/anjalorenz/digital-badges-zur-dokumentation-von-kompetenzen) ([CC BY-SA 2.0](https://creativecommons.org/licenses/by-sa/2.0/))<!-- .element: style="font-size:40%" --> ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#6b0264" data-background-opacity="0.5"-->  **Alternative:** [Badge Strategy Canvas](https://archive.org/details/DigitalMeBadgeDesignCanvas) von digitalme ([CC BY-NC 3.0](https://creativecommons.org/licenses/by-nc/3.0/)), Einsatz gut erläutert auf: Sheil, J. [How To Design a Digital Badge Strategy](https://www.wbtsystems.com/learning-hub/blogs/how-to-design-a-digital-badge-strategy). WBT Systems.<!-- .element: style="font-size:40%" --> ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#6b0264" data-background-opacity="0.5"--> ## Wofür vergibt man Badges? 🤔 * fortschrittsbezogen nach Lernabschnitten<!-- .element: class="fragment" data-fragment-index="1" --> * aufgabenbezogen bspw. Forenarbeit<!-- .element: class="fragment" data-fragment-index="2" --> * Community-Badges<!-- .element: class="fragment" data-fragment-index="3" --> * Botschafter*innen-Badge ([Beispiel](https://www.oncampus.de/blocks/oc_mooc_nav/forum_view.php?showall=false&id=13530))<!-- .element: class="fragment" data-fragment-index="4" --> * "Negativpreis": Schummel-Badge ([Beispiel](https://www.oncampus.de/course/weiterbildung/moocs/einfuehrung-in-die-kosten-und-leistungsrechnung?chapter=2&selected_week=23))<!-- .element: class="fragment" data-fragment-index="5" --> * Bundle ("Super-Badges") <!-- .element: class="fragment" data-fragment-index="6" --> Best Practice<!-- .element: style="font-size:60%" --> ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#6b0264" data-background-opacity="0.5"--> ## 🤔 Gibt es Fragen zur Vergabestrategie? --- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#6b0264" data-background-opacity="0.5"--> # 👷‍♀️ Umsetzung Grafische Gestaltung und technische Einbindung ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#6b0264" data-background-opacity="0.5"--> ## 🎨 Grafische Gestaltung * Pixelgrafik, 600&nbsp;x&nbsp;600&nbsp;px<!-- .element: class="fragment" data-fragment-index="1" --> * einfache Designs mit Tools wie [Canva](https://www.canva.com/), [BadgeBuilder](https://badge.design/) oder [Makebadges](https://www.makebadg.es/badge) möglich<!-- .element: class="fragment" data-fragment-index="2" --> * einheitliches Design vs. "schön divers bunt"<!-- .element: class="fragment" data-fragment-index="3" --> * Hinweis: auf gendergerechte Benennung und Gestaltung achten<!-- .element: class="fragment" data-fragment-index="4" --> [Beispiele der TH Lübeck](https://show.eduloop.de/loop/Badges)<!-- .element: class="fragment" data-fragment-index="5" --> ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#6b0264" data-background-opacity="0.5"--> ## 👨‍💻 Technische Einbindung * in Moodle seit Version 2.5 * Open Badges (Mozilla) * i.d.R. für Abschluss von Aktivitäten * Kurs-Badges vs. Plattform-Badges (auch für andere Plattformen) ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#6b0264" data-background-opacity="0.5"--> ## Vorgehen in Moodle [Video mit Demo](https://campus.oercamp.de/lessons/demo-badges-in-moodle/) * Aktivitätsabschluss definieren * Badge anlegen * Kriterien festlegen ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#6b0264" data-background-opacity="0.5"--> ### Gut zu wissen 🤓 * eine Aktivität kann nur auf eine Art abgeschlossen werden<!-- .element: class="fragment" data-fragment-index="1" --> * UND- oder ODER-Verknüpfung der Kriterien<!-- .element: class="fragment" data-fragment-index="2" --> * können nicht (einzeln) entzogen werden<!-- .element: class="fragment" data-fragment-index="3" --> * keine Änderungen nach erster Ausstellung (nur Löschung)<!-- .element: class="fragment" data-fragment-index="4" --> * Empfehlung: Gute und kurze Namen überlegen, ggf. Plattform-einmalig<!-- .element: class="fragment" data-fragment-index="5" --> ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#6b0264" data-background-opacity="0.5"--> ## 🤔 Gibt es Fragen zur Umsetzung? --- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#6b0264" data-background-opacity="0.5"--> # ✨ Sichtbarkeit Hochschulintern, LinkedIn & Co. ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#6b0264" data-background-opacity="0.5"--> ## 🏆 Innerhalb von Moodle * im Kurs * im User-Profil * ggf. als offene Übersichten (Leaderboard, "letzte Badges", etc.) ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#6b0264" data-background-opacity="0.5"-->  ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#6b0264" data-background-opacity="0.5"--> ## 🎒 In externen Backpacks Beispiel: [Badgr](https://eu.badgr.com/) * müssen User sich selbst anlegen und pflegen * von dort aus auch Veröffentlichung auf **LinkedIn** möglich ([Beispiel](https://www.linkedin.com/in/anja-lorenz-b2975777)) ---- <!-- .slide: data-background-iframe="https://eu.badgr.com/public/collections/59ebc454a9ebf6bd597614152c5976be" --> ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#6b0264" data-background-opacity="0.5"--> ## Einschätzung dazu * relativ instabil * Mail-Adresse muss zu Badges passen * LinkedIn-Darstellung nicht so schön 👉 ggf. eigene Backpack-Seite erstellen, besser Projektförderung auf Landes- oder Bundesebene Alternativ: Dienstleistungen wie [BadgeCert](https://badgecert.com) ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#6b0264" data-background-opacity="0.5"--> ## 🤔 Gibt es Fragen zur Sichtbarkeit? --- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"--> # Fazit und nächste Schritte ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"--> ## Was nehmt Ihr für Eure Zielsetzungen mit? 🤔 ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"--> ## Was nun? 🤔 * Workshop zur Badge-Strategie * technische Umsetzung testen * ... ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"--> ## 🚀 Ausblick * Bedeutung von Zertifikaten und Kompetenznachweisen generell diskutieren * [DigiCerts](https://www.digicerts.de/): Hochschulzertifikate basierend auf der Blockchain-Technologie (Ansprechperson: [Andreas Wittke](https://www.th-luebeck.de/hochschule/hochschulorganisation/personalverzeichnis/person/andreas-wittke/)) --- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"--> # Danke! *Anja Lorenz, [@anjalorenz](https://twitter.com/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> ---- <!-- .slide: data-background="https://i.imgur.com/8rWMxe4.jpg" data-background-color="#0E0047" data-background-opacity="0.5"--> ## Weitere Links * Lorenz, Anja: 🔗[Sexy DIY-Badges: Mehr als Zertifikate!?](https://de.slideshare.net/anjalorenz/sexy-diybadges-mehr-als-zertifikate) Workshop auf der MoodleMaharaMOOT, Lübeck, 2015. * 🔗[Badges erstellen und verleihen](https://show.eduloop.de/loop/Badges_und_Zertifikate), TH Lübeck * 🔗[HFD-Arbeitspapier 48: Kompetenzen sichtbar machen mit Open Badges](https://hochschulforumdigitalisierung.de/de/news/open-badges-arbeitspapier)