<!-- .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"-->
![](https://i.imgur.com/zw1Yges.png =866x610)
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"-->
![](https://i.imgur.com/MQtzO2W.gif =752x530)
**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 x 600 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"-->
![](https://i.imgur.com/bIhUwbQ.png)
----
<!-- .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)
{"metaMigratedAt":"2023-06-17T03:26:24.569Z","metaMigratedFrom":"YAML","title":"Digital Badges für die HTW Berlin","breaks":true,"slideOptions":"{\"spotlight\":{\"enabled\":false},\"transition\":\"slide\"}","description":"für die HTW Berlinkonzipieren, umsetzen und sichtbar machen","contributors":"[{\"id\":\"99fed141-fe8b-4fb5-9082-8ed11bee8ba1\",\"add\":19801,\"del\":7589}]"}