Sexy DIY-Badges
Mehr als Zertifikate!?
Anja Lorenz, FH Lübeck
Worum geht es?
★ Was sind Badges?
★ DIY: Wie sollte Ihr Badge aussehen?
○ Was soll bescheinigt werden?
○ Welchen Namen kön...
Eine (kurze) Einführung
Was sind Badges?
Digital Badges
★ Ursprung: Militär [Hal12]
★ Kennzeichnen Leistungen und Erfahrungen des
Trägers
★ Bewährt als „Game Inter...
Was sind Digital Badges?
Warum Digital Badges?
Mozilla Open Badges Infrastruktur (MOBI)
[Rob13] [Geb13]
[Wec13]
Gamification im (E-)Learning
★ NICHT: Spiele zum Lernen (=Serious Games)
★ sondern: Spieleelemente in Lernszenarien als
ur...
Zertifikate
vom Papier || fürs Papier
Badges
Digital!
Wie kann man Digital Badges
in Moodle integrieren?
Badges in Moodle
★ seit v2.5, Mozilla Open
Badges kompatibel
★ für…
○ Felder im Nutzerprofil ausfüllen
○ Aktivität erfolgr...
Mehr dazu
… sehr anschaulich erläutert in der
Moodle-Dokumentation unter
https://docs.moodle.org/28/en/Badges
Badge-Anatomie
★ Name und Beschreibung des Badges
★ Bild (100 ✕ 100px)
★ Name, E-Mail-Adresse des Ausstellers
★ Ablaufdatu...
Do It Yourself
DIY
Beispiel: Badge-Modelling im Saxon Open Online Course (SOOC)
Mein Beispiel für heute: VideoMOOC
★ Markus Valley
★ 6 Kapitel/Wochen
1. Schnitt (Grundlagen)
2. Kamerabild/-ton
3. Kamera...
Mein Beispiel für diesen Workshop: VideoMOOC (beta-Planung)
Kursstruktur
Woche 1 Woche 2 Woche 3 Woche 4 Woche 5 Woche 6
B...
Badge-Design in 3 ½ Schritten
Best Practice:
1. Kriterien festlegen
2. Namen vergeben
2 ½. Gestaltungsfaktoren bestimmen
3...
Kriterien festlegen
Was will ich bescheinigen?
Klassifikationsschema für Digital Badges [LM14]
Wofür erhält man einen Badge?
★ Für welche Leistung werden Badges vergeben? →
etwas wissen|können|tun
★ Durch wen werden B...
Beispiel: HanseMOOC (Fortschritt im Kurs, automatische Vergabe)
4. Kapitel 6. Kapitel 8. Kapitel 10. Kapitel
Beispiel: VFH Teacher of the Year (Abstimmung, manuelle Vergabe)
Preisverleihung des TOY zum VFH-Symposium & Triple Sieger Andreas Wilkens 2011–13
Beispiel: MOOCCamp 2013, SOOCie, Groundhound Day Foursquare 2013
(viral, automatisch Vergabe)
Wofür erhält man einen Badge?(ca. 5min)
★ Für welche Leistung werden Badges vergeben? →
etwas wissen|können|tun
★ Durch we...
Namen vergeben
Wie soll der Badge heißen?
Wie soll der Badge heißen?
★ Name mit Bezug
○ zum Kurs(-thema)
○ zum Anbieter
○ zur zertifizierten Leistung
○ …
★ Besser k...
Beispiel: HanseMOOC mit Bezug zum Thema
Beispiel: SOOC und COER mit Bezug zum Kursnamen
COER13
hOERer & wOERker
Beispiel: OPCO12 mit Bezug zur Leistung
Wie soll der Badge heißen?(ca. 10min)
★ Name mit Bezug
○ zum Kurs(-thema)
○ zum Anbieter
○ zur zertifizierten Leistung
○ …...
Gestaltungsfaktoren bestimmen
Was muss in die grafische
Darstellung rein?
Was muss in die grafische Darstellung rein?
★ Vergabekriterium/Thema?
★ Aussteller?
★ Level/sonstige Abstufung?
★ Wiederer...
Beispiel: HanseMOOC nur mit Namen + Symbol + Farbe
Beispiel: SOOC als Abwandlung des Kurslogos
Beispiel: Foursquare und VFH Teacher of the Year mit “Level”/Abstufung
Buzzmath mit Klassenstufe, Logo, Ranking, Farbkodierung (Beispiele)
Planet Steward mit Content-Bezug und “Super Badge”
Beuth-Badges [Buc14]
Bild für den Badge gestalten
Wie soll der Badge aussehen?
Womit wird der Badge gestaltet?
★ Quick’n Dirty: Powerpoint
★ beliebiges Grafikprogramm
★ Badge-Generatoren, wie
○ Makebad...
Beuth-Badges [Buc14]
Grundlegende Elemente (Screenshots aus Makebadges)
Shapes Icons Ränder
+ Farben
Grundlegende Elemente (Screenshots aus Makebadges)
Shapes Icons Ränder
+ Farben
⇒
DIY
Badge-Vorstellung und weitere
Ideen/Anmerkungen/Fragen
Abschluss
Slides: http://bit.ly/mootde15-badges
Kontakt: http://about.me/anjalorenz
Danke!
Referenzen
[Buc14] Ilona Buchem. Beuth Badges als Elemente von digitalen Lernumgebungen. In Trahasch, Stephan; Plötzner, R...
Zum Weiterlesen
Schöne Zusammenstellung zu Badges und Badge-Design https://beuthbadges.wordpress.com/
Weitere schöne Beisp...
Bildquellen
Lancero Badge von The U.S. Army (CC BY 2.0). https://www.flickr.com/photos/soldiersmediacenter/11307311885
BSA...
Sexy DIY-Badges: Mehr als Zertifikate!?
Sexy DIY-Badges: Mehr als Zertifikate!?
Sexy DIY-Badges: Mehr als Zertifikate!?
Sexy DIY-Badges: Mehr als Zertifikate!?
Sexy DIY-Badges: Mehr als Zertifikate!?
Sexy DIY-Badges: Mehr als Zertifikate!?
Sexy DIY-Badges: Mehr als Zertifikate!?
Sexy DIY-Badges: Mehr als Zertifikate!?
Sexy DIY-Badges: Mehr als Zertifikate!?
Sexy DIY-Badges: Mehr als Zertifikate!?
Sexy DIY-Badges: Mehr als Zertifikate!?
Nächste SlideShare
Wird geladen in …5
×

Sexy DIY-Badges: Mehr als Zertifikate!?

7 Aufrufe

Veröffentlicht am

Workshop vom 06.03.2015 von Anja Lorenz auf der MoodleMaharaMOOT 2015 in Lübeck.

Veröffentlicht in: Bildung
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
7
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
1
Aktionen
Geteilt
0
Downloads
0
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Sexy DIY-Badges: Mehr als Zertifikate!?

  1. 1. Sexy DIY-Badges Mehr als Zertifikate!? Anja Lorenz, FH Lübeck
  2. 2. Worum geht es? ★ Was sind Badges? ★ DIY: Wie sollte Ihr Badge aussehen? ○ Was soll bescheinigt werden? ○ Welchen Namen könnte der Badge bekommen? ○ Was soll der grafische Badge aussagen? ○ Welche typischen Gestaltungselemente gibt es? ★ Abschluss
  3. 3. Eine (kurze) Einführung Was sind Badges?
  4. 4. Digital Badges ★ Ursprung: Militär [Hal12] ★ Kennzeichnen Leistungen und Erfahrungen des Trägers ★ Bewährt als „Game Interface Design Pattern“ [DDKN11]
  5. 5. Was sind Digital Badges?
  6. 6. Warum Digital Badges?
  7. 7. Mozilla Open Badges Infrastruktur (MOBI) [Rob13] [Geb13] [Wec13]
  8. 8. Gamification im (E-)Learning ★ NICHT: Spiele zum Lernen (=Serious Games) ★ sondern: Spieleelemente in Lernszenarien als ursprünglich lernfremder Kontext [DE11] Ziel: Motivation
  9. 9. Zertifikate vom Papier || fürs Papier Badges Digital!
  10. 10. Wie kann man Digital Badges in Moodle integrieren?
  11. 11. Badges in Moodle ★ seit v2.5, Mozilla Open Badges kompatibel ★ für… ○ Felder im Nutzerprofil ausfüllen ○ Aktivität erfolgreich abschließen ○ Kurs(e) abschließen mit definiertem Mindestergebnis ○ sonstige Leistungen (manuell)
  12. 12. Mehr dazu … sehr anschaulich erläutert in der Moodle-Dokumentation unter https://docs.moodle.org/28/en/Badges
  13. 13. Badge-Anatomie ★ Name und Beschreibung des Badges ★ Bild (100 ✕ 100px) ★ Name, E-Mail-Adresse des Ausstellers ★ Ablaufdatum (optional) ★ Kriterien für die Vergabe ★ Text für Benachrichtigung des Nutzers
  14. 14. Do It Yourself DIY
  15. 15. Beispiel: Badge-Modelling im Saxon Open Online Course (SOOC)
  16. 16. Mein Beispiel für heute: VideoMOOC ★ Markus Valley ★ 6 Kapitel/Wochen 1. Schnitt (Grundlagen) 2. Kamerabild/-ton 3. Kamera-Handling und Bildgestaltung 4. Licht und Drehplanung 5. Schnitt (Vertiefung) 6. Post-Production https://mooin.oncampus.de/videomooc
  17. 17. Mein Beispiel für diesen Workshop: VideoMOOC (beta-Planung) Kursstruktur Woche 1 Woche 2 Woche 3 Woche 4 Woche 5 Woche 6 Badges Badge 1 Badge 3 Fortschrittsbezogen nur MC in Videos Badge Projekt 1–3nur Projekte Badge 2 Projekt 1 Grundlagen Schnitt Projekt 2 erste Aufnahme Projekt 3 stabile Aufnahme Projekt 4 Organisation Aufnahme & Schnitt Post Produktion Badge Projekt 4 Community-Badge (30 Forenbeiträge?)
  18. 18. Badge-Design in 3 ½ Schritten Best Practice: 1. Kriterien festlegen 2. Namen vergeben 2 ½. Gestaltungsfaktoren bestimmen 3. Bild für den Badge gestalten
  19. 19. Kriterien festlegen Was will ich bescheinigen?
  20. 20. Klassifikationsschema für Digital Badges [LM14]
  21. 21. Wofür erhält man einen Badge? ★ Für welche Leistung werden Badges vergeben? → etwas wissen|können|tun ★ Durch wen werden Badges vergeben? → Experten|Community|System (automatisch) ★ Wann werden Badges vergeben? → Etappensieg|Endziel|als Exkurs ★ Und dann? Gibt es Level-Ups? → Nein|Welche
  22. 22. Beispiel: HanseMOOC (Fortschritt im Kurs, automatische Vergabe) 4. Kapitel 6. Kapitel 8. Kapitel 10. Kapitel
  23. 23. Beispiel: VFH Teacher of the Year (Abstimmung, manuelle Vergabe)
  24. 24. Preisverleihung des TOY zum VFH-Symposium & Triple Sieger Andreas Wilkens 2011–13
  25. 25. Beispiel: MOOCCamp 2013, SOOCie, Groundhound Day Foursquare 2013 (viral, automatisch Vergabe)
  26. 26. Wofür erhält man einen Badge?(ca. 5min) ★ Für welche Leistung werden Badges vergeben? → etwas wissen|können|tun ★ Durch wen werden Badges vergeben? → Experten|Community|System (automatisch) ★ Wann werden Badges vergeben? → Etappensieg|Endziel|als Exkurs ★ Und dann? Gibt es Level-Ups? → Nein|Welche
  27. 27. Namen vergeben Wie soll der Badge heißen?
  28. 28. Wie soll der Badge heißen? ★ Name mit Bezug ○ zum Kurs(-thema) ○ zum Anbieter ○ zur zertifizierten Leistung ○ … ★ Besser kurz (muss darstellbar sein) ★ Dabei bedenken: Der Nutzer soll den Badge auch haben wollen ○ Coole Namen sind cool! ○ Degradierungen wie “Anfänger” oder “mittelgut” vermeiden
  29. 29. Beispiel: HanseMOOC mit Bezug zum Thema
  30. 30. Beispiel: SOOC und COER mit Bezug zum Kursnamen COER13 hOERer & wOERker
  31. 31. Beispiel: OPCO12 mit Bezug zur Leistung
  32. 32. Wie soll der Badge heißen?(ca. 10min) ★ Name mit Bezug ○ zum Kurs(-thema) ○ zum Anbieter ○ zur zertifizierten Leistung ○ … ★ Besser kurz (muss darstellbar sein) ★ Dabei bedenken: Der Nutzer soll den Badge auch haben wollen ○ Coole Namen sind cool! ○ Degradierungen wie “Anfänger” oder “mittelgut” vermeiden
  33. 33. Gestaltungsfaktoren bestimmen Was muss in die grafische Darstellung rein?
  34. 34. Was muss in die grafische Darstellung rein? ★ Vergabekriterium/Thema? ★ Aussteller? ★ Level/sonstige Abstufung? ★ Wiedererkennung herstellen? ○ zu anderen Logos (Kurs, Anbieter, Plattform…) ○ bei der Farbwahl ⇒ Was soll kommuniziert werden?
  35. 35. Beispiel: HanseMOOC nur mit Namen + Symbol + Farbe
  36. 36. Beispiel: SOOC als Abwandlung des Kurslogos
  37. 37. Beispiel: Foursquare und VFH Teacher of the Year mit “Level”/Abstufung
  38. 38. Buzzmath mit Klassenstufe, Logo, Ranking, Farbkodierung (Beispiele)
  39. 39. Planet Steward mit Content-Bezug und “Super Badge”
  40. 40. Beuth-Badges [Buc14]
  41. 41. Bild für den Badge gestalten Wie soll der Badge aussehen?
  42. 42. Womit wird der Badge gestaltet? ★ Quick’n Dirty: Powerpoint ★ beliebiges Grafikprogramm ★ Badge-Generatoren, wie ○ Makebadges ○ Badge Designer ○ Emblem Generator ○ für Wordpress: OpenBadger ○ … u.v.m. https://www.google.de/search?q=badge+generator
  43. 43. Beuth-Badges [Buc14]
  44. 44. Grundlegende Elemente (Screenshots aus Makebadges) Shapes Icons Ränder + Farben
  45. 45. Grundlegende Elemente (Screenshots aus Makebadges) Shapes Icons Ränder + Farben ⇒ DIY
  46. 46. Badge-Vorstellung und weitere Ideen/Anmerkungen/Fragen Abschluss
  47. 47. Slides: http://bit.ly/mootde15-badges Kontakt: http://about.me/anjalorenz Danke!
  48. 48. Referenzen [Buc14] Ilona Buchem. Beuth Badges als Elemente von digitalen Lernumgebungen. In Trahasch, Stephan; Plötzner, Rolf; Schneider, Gerhard; Gayer, Claudia; Sassiat, Daniel; Wöhrle. Nicole: DeLFI 2014 – Die 12. e-Learning Fachtagung Informatik der Gesellschaft für Informatik e.V., Gesellschaft für Informatik e.V. (GI), Freiburg, ISBN: 9783885796275. [DDKN11] Sebastian Deterding, Dan Dixon, Rilla Khaled und Lennart Nacke. From Game Design Elements to Gamefulness: Defining "Gamification". In Proceedings of the 15th International Academic MindTrek Conference on Envisioning Future Media Environments – MindTrek ’11, Seiten 9–15, New York, New York, USA, 2011. ACM Press. [De11] Deterding, S.; Dixon, D.; Khaled, R.; Nacke, L.: From game design elements to gamefulness: defining gamification. In: Proceedings from Mindtrek 2011. Tampere, Finnland: ACM, 2011 [Geb13] Philipp Gebhardt. Open Badges – Bausteine fürs digitale Lernprofil. [Hal12] Alexander M C Halavais. A Genealogy of Badges: Inherited meaning and monstrous moral hybrids. Information, Communication & Society, 15(3): 354–373, 2012. [LM14] Anja Lorenz und Stefan Meier. Digital Badges zur Dokumentation von Kompetenzen: Klassifikation und Umsetzung am Beispiel des Saxon Open Online Courses (SOOC). Beitrag zum DeLFI2014-Workshop “Spiele und Spielelemente in Lernkontexten” in Freiburg. [Rob13] Jochen Robes. Mozilla’s Debuts Open Badges To Showcase Out-of-School Learning and Skills. [Wec13] Ulrich Wechselberger. Open Badges: Gamification für den Lebenslauf?
  49. 49. Zum Weiterlesen Schöne Zusammenstellung zu Badges und Badge-Design https://beuthbadges.wordpress.com/ Weitere schöne Beispiele Badges der PLE 2012 http://canvas.pantone.com/gallery/PLE-2012-Badges/5003493 Planet Stewards https://planetstewards.wordpress.com/badges-quests/
  50. 50. Bildquellen Lancero Badge von The U.S. Army (CC BY 2.0). https://www.flickr.com/photos/soldiersmediacenter/11307311885 BSA Troop 614 April 15 Court of Honor von Richard Masoner (CC BY-SA 2.0). https://www.flickr.com/photos/bike/3448472173/in/photostream/ Trivial von Janet McKnight Folgen (CC BY 2.0). https://www.flickr.com/photos/janetmck/3223011302 Alexander Gerst sports the fourth star von NASA (Pubic Domain). http://commons.wikimedia.org/wiki/File:Alexander_Gerst_sports_the_fourth_star.jpg Settlers of Catan von Eric Skiff (CC BY-SA 2.0). https://www.flickr.com/photos/ericskiff/2291909248/ Foursquare Badges from Anja Lorenz (Screenshot vom 15.08.2014). https://de.foursquare.com/anjalorenz/badges Mozilla Open Badges (Screenshot vom 15.08.2014). http://www.openbadges.org/ Open Badges - Freie Abzeichen von Jörg Lohrer (CC BY 2.0). https://www.flickr.com/photos/empeiria/9141558603/ What went into the trash von Denise Krebs (CC BY 2.0). https://www.flickr.com/photos/mrsdkrebs/11328991043 badgesintro von Mary Cooch (GPL). https://docs.moodle.org/28/en/File:badgesintro.png Die Anatomie von Badges von Jörg Lohrer (CC BY-SA 2.0). https://www.flickr.com/photos/empeiria/8713755995

×