SlideShare ist ein Scribd-Unternehmen logo
1 von 61
Downloaden Sie, um offline zu lesen
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önnte der Badge bekommen?
○ Was soll der grafische Badge aussagen?
○ Welche typischen Gestaltungselemente gibt es?
★ Abschluss
Eine (kurze) Einführung
Was sind Badges?
Digital Badges
★ Ursprung: Militär [Hal12]
★ Kennzeichnen Leistungen und Erfahrungen des
Trägers
★ Bewährt als „Game Interface Design Pattern“
[DDKN11]
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
ursprünglich lernfremder Kontext [DE11]
Ziel: Motivation
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 erfolgreich abschließen
○ Kurs(e) abschließen mit
definiertem Mindestergebnis
○ sonstige Leistungen (manuell)
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
★ Ablaufdatum (optional)
★ Kriterien für die Vergabe
★ Text für Benachrichtigung des Nutzers
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-Handling und Bildgestaltung
4. Licht und Drehplanung
5. Schnitt (Vertiefung)
6. Post-Production
https://mooin.oncampus.de/videomooc
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?)
Badge-Design in 3 ½ Schritten
Best Practice:
1. Kriterien festlegen
2. Namen vergeben
2 ½. Gestaltungsfaktoren bestimmen
3. Bild für den Badge gestalten
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 Badges vergeben?
→ Experten|Community|System (automatisch)
★ Wann werden Badges vergeben?
→ Etappensieg|Endziel|als Exkurs
★ Und dann? Gibt es Level-Ups? → Nein|Welche
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 wen werden Badges vergeben?
→ Experten|Community|System (automatisch)
★ Wann werden Badges vergeben?
→ Etappensieg|Endziel|als Exkurs
★ Und dann? Gibt es Level-Ups? → Nein|Welche
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 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
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
○ …
★ 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
Gestaltungsfaktoren bestimmen
Was muss in die grafische
Darstellung rein?
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?
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
○ Makebadges
○ Badge Designer
○ Emblem Generator
○ für Wordpress: OpenBadger
○ … u.v.m. https://www.google.de/search?q=badge+generator
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, 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?
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/
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

Weitere ähnliche Inhalte

Was ist angesagt? (20)

British Festivals and Celebrations
British Festivals and CelebrationsBritish Festivals and Celebrations
British Festivals and Celebrations
 
Canadian History
Canadian HistoryCanadian History
Canadian History
 
Upplysningen
UpplysningenUpplysningen
Upplysningen
 
France
FranceFrance
France
 
Great Britain
Great BritainGreat Britain
Great Britain
 
Le lievre et la tortue
Le lievre et la tortueLe lievre et la tortue
Le lievre et la tortue
 
Pancake day
Pancake dayPancake day
Pancake day
 
Prezentacja o warszawie
Prezentacja o warszawiePrezentacja o warszawie
Prezentacja o warszawie
 
Saint Patrick’S Day
Saint Patrick’S DaySaint Patrick’S Day
Saint Patrick’S Day
 
Welcome To Canada
Welcome To Canada Welcome To Canada
Welcome To Canada
 
British culture,customs and traditions
British culture,customs and traditionsBritish culture,customs and traditions
British culture,customs and traditions
 
Boxing day
Boxing day Boxing day
Boxing day
 
London
LondonLondon
London
 
Canada ppt
Canada pptCanada ppt
Canada ppt
 
British festivals and celebrations
British festivals and celebrationsBritish festivals and celebrations
British festivals and celebrations
 
Industriella revolutionen
Industriella revolutionenIndustriella revolutionen
Industriella revolutionen
 
Quebec
QuebecQuebec
Quebec
 
Austria presentation
Austria presentationAustria presentation
Austria presentation
 
Buildings and monuments in London
Buildings and monuments in LondonBuildings and monuments in London
Buildings and monuments in London
 
Wales (student presentation)
Wales (student presentation)Wales (student presentation)
Wales (student presentation)
 

Ähnlich wie Sexy DIY-Badges: Mehr als Zertifikate!?

Digital Badges (nicht nur) auf Moodle
Digital Badges (nicht nur) auf MoodleDigital Badges (nicht nur) auf Moodle
Digital Badges (nicht nur) auf MoodleAnja Lorenz
 
Digital Badges (nicht nur) auf Moodle
Digital Badges (nicht nur) auf MoodleDigital Badges (nicht nur) auf Moodle
Digital Badges (nicht nur) auf Moodleoncampus
 
Inworld PR & Networking für eLearning-Projekte in Second Life
Inworld PR & Networking für eLearning-Projekte in Second LifeInworld PR & Networking für eLearning-Projekte in Second Life
Inworld PR & Networking für eLearning-Projekte in Second LifeDörte Giebel
 
Einsatzszenarien von Open Badges am Beispiel von BeuthBadges
Einsatzszenarien von Open Badges am Beispiel von BeuthBadgesEinsatzszenarien von Open Badges am Beispiel von BeuthBadges
Einsatzszenarien von Open Badges am Beispiel von BeuthBadgesIlona Buchem
 
Internationales Projektmanagement in der Cloud
Internationales Projektmanagement in der CloudInternationales Projektmanagement in der Cloud
Internationales Projektmanagement in der Cloudkategroup
 
Gamification internetbriefing2014 final
Gamification internetbriefing2014 finalGamification internetbriefing2014 final
Gamification internetbriefing2014 finalJan Biller
 
Gamification internetbriefing2014
Gamification internetbriefing2014Gamification internetbriefing2014
Gamification internetbriefing2014Jan Biller
 
Effiziente Dialogführung mit Zielgruppen im Social Web
Effiziente Dialogführung mit Zielgruppen im Social WebEffiziente Dialogführung mit Zielgruppen im Social Web
Effiziente Dialogführung mit Zielgruppen im Social WebGoldbach Group AG
 
Barcamps inside: Der Studiengang Onlinekommunikation
Barcamps inside: Der Studiengang OnlinekommunikationBarcamps inside: Der Studiengang Onlinekommunikation
Barcamps inside: Der Studiengang OnlinekommunikationThomas Pleil
 
Projekte starten mit Lego - Insidrrr Day 02
Projekte starten mit Lego - Insidrrr Day 02Projekte starten mit Lego - Insidrrr Day 02
Projekte starten mit Lego - Insidrrr Day 02Oliver Schirok
 
Gamification infosession für den #cl20
Gamification infosession für den #cl20Gamification infosession für den #cl20
Gamification infosession für den #cl20Thomas Jenewein
 
Jede Veränderung braucht Ver-Rückte
Jede Veränderung braucht Ver-RückteJede Veränderung braucht Ver-Rückte
Jede Veränderung braucht Ver-RückteMartin Heider
 
Mediendidaktische Konzepte bei der Erstellung von E-Learning
Mediendidaktische Konzepte bei der Erstellung von E-LearningMediendidaktische Konzepte bei der Erstellung von E-Learning
Mediendidaktische Konzepte bei der Erstellung von E-LearningJochen Robes
 
Implementierung von Gamification-Elementen in MOOC-Diskussionsforen
Implementierung von Gamification-Elementen in MOOC-DiskussionsforenImplementierung von Gamification-Elementen in MOOC-Diskussionsforen
Implementierung von Gamification-Elementen in MOOC-DiskussionsforenEducational Technology
 
Online-Coaching als zeitgemäßes Instrument für die Personal- und Führungskräf...
Online-Coaching als zeitgemäßes Instrument für die Personal- und Führungskräf...Online-Coaching als zeitgemäßes Instrument für die Personal- und Führungskräf...
Online-Coaching als zeitgemäßes Instrument für die Personal- und Führungskräf...Johannes Moskaliuk
 
User experience with Moodle
User experience with Moodle User experience with Moodle
User experience with Moodle Andreas Wittke
 
Design Thinking - Was niemand über Design Thinking sagt!
Design Thinking - Was niemand über Design Thinking sagt!Design Thinking - Was niemand über Design Thinking sagt!
Design Thinking - Was niemand über Design Thinking sagt!Lukas Fischer
 
Dual studieren - digital. Theorie und Praxis verbinden durch digitale Werkzeuge
Dual studieren - digital. Theorie und Praxis verbinden durch digitale WerkzeugeDual studieren - digital. Theorie und Praxis verbinden durch digitale Werkzeuge
Dual studieren - digital. Theorie und Praxis verbinden durch digitale WerkzeugeIsabell Grundschober
 

Ähnlich wie Sexy DIY-Badges: Mehr als Zertifikate!? (20)

Digital Badges (nicht nur) auf Moodle
Digital Badges (nicht nur) auf MoodleDigital Badges (nicht nur) auf Moodle
Digital Badges (nicht nur) auf Moodle
 
Digital Badges (nicht nur) auf Moodle
Digital Badges (nicht nur) auf MoodleDigital Badges (nicht nur) auf Moodle
Digital Badges (nicht nur) auf Moodle
 
Inworld PR & Networking für eLearning-Projekte in Second Life
Inworld PR & Networking für eLearning-Projekte in Second LifeInworld PR & Networking für eLearning-Projekte in Second Life
Inworld PR & Networking für eLearning-Projekte in Second Life
 
Einsatzszenarien von Open Badges am Beispiel von BeuthBadges
Einsatzszenarien von Open Badges am Beispiel von BeuthBadgesEinsatzszenarien von Open Badges am Beispiel von BeuthBadges
Einsatzszenarien von Open Badges am Beispiel von BeuthBadges
 
Internationales Projektmanagement in der Cloud
Internationales Projektmanagement in der CloudInternationales Projektmanagement in der Cloud
Internationales Projektmanagement in der Cloud
 
Gamification internetbriefing2014 final
Gamification internetbriefing2014 finalGamification internetbriefing2014 final
Gamification internetbriefing2014 final
 
Gamification internetbriefing2014
Gamification internetbriefing2014Gamification internetbriefing2014
Gamification internetbriefing2014
 
Effiziente Dialogführung mit Zielgruppen im Social Web
Effiziente Dialogführung mit Zielgruppen im Social WebEffiziente Dialogführung mit Zielgruppen im Social Web
Effiziente Dialogführung mit Zielgruppen im Social Web
 
Barcamps inside: Der Studiengang Onlinekommunikation
Barcamps inside: Der Studiengang OnlinekommunikationBarcamps inside: Der Studiengang Onlinekommunikation
Barcamps inside: Der Studiengang Onlinekommunikation
 
Projekte starten mit Lego - Insidrrr Day 02
Projekte starten mit Lego - Insidrrr Day 02Projekte starten mit Lego - Insidrrr Day 02
Projekte starten mit Lego - Insidrrr Day 02
 
OpenBadges
OpenBadgesOpenBadges
OpenBadges
 
Gamification infosession für den #cl20
Gamification infosession für den #cl20Gamification infosession für den #cl20
Gamification infosession für den #cl20
 
Jede Veränderung braucht Ver-Rückte
Jede Veränderung braucht Ver-RückteJede Veränderung braucht Ver-Rückte
Jede Veränderung braucht Ver-Rückte
 
Mediendidaktische Konzepte bei der Erstellung von E-Learning
Mediendidaktische Konzepte bei der Erstellung von E-LearningMediendidaktische Konzepte bei der Erstellung von E-Learning
Mediendidaktische Konzepte bei der Erstellung von E-Learning
 
Implementierung von Gamification-Elementen in MOOC-Diskussionsforen
Implementierung von Gamification-Elementen in MOOC-DiskussionsforenImplementierung von Gamification-Elementen in MOOC-Diskussionsforen
Implementierung von Gamification-Elementen in MOOC-Diskussionsforen
 
Online-Coaching als zeitgemäßes Instrument für die Personal- und Führungskräf...
Online-Coaching als zeitgemäßes Instrument für die Personal- und Führungskräf...Online-Coaching als zeitgemäßes Instrument für die Personal- und Führungskräf...
Online-Coaching als zeitgemäßes Instrument für die Personal- und Führungskräf...
 
User experience with Moodle
User experience with Moodle User experience with Moodle
User experience with Moodle
 
Design Thinking - Was niemand über Design Thinking sagt!
Design Thinking - Was niemand über Design Thinking sagt!Design Thinking - Was niemand über Design Thinking sagt!
Design Thinking - Was niemand über Design Thinking sagt!
 
Webinar: Webconferencing Do's and Don'ts
Webinar: Webconferencing Do's and Don'tsWebinar: Webconferencing Do's and Don'ts
Webinar: Webconferencing Do's and Don'ts
 
Dual studieren - digital. Theorie und Praxis verbinden durch digitale Werkzeuge
Dual studieren - digital. Theorie und Praxis verbinden durch digitale WerkzeugeDual studieren - digital. Theorie und Praxis verbinden durch digitale Werkzeuge
Dual studieren - digital. Theorie und Praxis verbinden durch digitale Werkzeuge
 

Mehr von Anja Lorenz

MOOCs auf mooin: Bildung für alle
MOOCs auf mooin: Bildung für alleMOOCs auf mooin: Bildung für alle
MOOCs auf mooin: Bildung für alleAnja Lorenz
 
Online learning 4 refugees #bchh16
Online learning 4 refugees #bchh16Online learning 4 refugees #bchh16
Online learning 4 refugees #bchh16Anja Lorenz
 
Massiv, offen und online: kostenlose Weiterbildungsmöglichkeiten im Netz
Massiv, offen und online: kostenlose Weiterbildungsmöglichkeiten im NetzMassiv, offen und online: kostenlose Weiterbildungsmöglichkeiten im Netz
Massiv, offen und online: kostenlose Weiterbildungsmöglichkeiten im NetzAnja Lorenz
 
Best Practice: OER und Hochschule
Best Practice: OER und HochschuleBest Practice: OER und Hochschule
Best Practice: OER und HochschuleAnja Lorenz
 
#refugeesWelcome an der Fachhochschule Lübeck
#refugeesWelcome an der Fachhochschule Lübeck#refugeesWelcome an der Fachhochschule Lübeck
#refugeesWelcome an der Fachhochschule LübeckAnja Lorenz
 
The MOOC Production Fellowship: Reviewing the first German MOOC funding program
The MOOC Production Fellowship: Reviewing the first German MOOC funding programThe MOOC Production Fellowship: Reviewing the first German MOOC funding program
The MOOC Production Fellowship: Reviewing the first German MOOC funding programAnja Lorenz
 
oncampus integration (not only) via MOOCs
oncampus integration (not only) via MOOCsoncampus integration (not only) via MOOCs
oncampus integration (not only) via MOOCsAnja Lorenz
 
Offene Hochschule durch offene Formate. Das Projekt pMOOCs
Offene Hochschule durch offene Formate. Das Projekt pMOOCsOffene Hochschule durch offene Formate. Das Projekt pMOOCs
Offene Hochschule durch offene Formate. Das Projekt pMOOCsAnja Lorenz
 
Digital ist keine Option, sondern unser Standard
Digital ist keine Option, sondern unser StandardDigital ist keine Option, sondern unser Standard
Digital ist keine Option, sondern unser StandardAnja Lorenz
 
1 Jahr mooin #vfh16
1 Jahr mooin #vfh161 Jahr mooin #vfh16
1 Jahr mooin #vfh16Anja Lorenz
 
We say "mooin": MOOC Making Stories from Luebeck
We say "mooin": MOOC Making Stories from LuebeckWe say "mooin": MOOC Making Stories from Luebeck
We say "mooin": MOOC Making Stories from LuebeckAnja Lorenz
 
oncampus integration (not only) via MOOCs
oncampus integration (not only) via MOOCsoncampus integration (not only) via MOOCs
oncampus integration (not only) via MOOCsAnja Lorenz
 
MOOC Production Fellowship: Was kann man aus dem ersten deutschen Förderprogr...
MOOC Production Fellowship: Was kann man aus dem ersten deutschen Förderprogr...MOOC Production Fellowship: Was kann man aus dem ersten deutschen Förderprogr...
MOOC Production Fellowship: Was kann man aus dem ersten deutschen Förderprogr...Anja Lorenz
 
MOOCs als Teil der Hochschulstrategie
MOOCs als Teil der HochschulstrategieMOOCs als Teil der Hochschulstrategie
MOOCs als Teil der HochschulstrategieAnja Lorenz
 
From moodle to mooin: Development of a MOOC platform
From moodle to mooin: Development of a MOOC platformFrom moodle to mooin: Development of a MOOC platform
From moodle to mooin: Development of a MOOC platformAnja Lorenz
 
Horizon Report 2015: Was ist der nächste heiße Scheiß im E-Learning
Horizon Report 2015: Was ist der nächste heiße Scheiß im E-LearningHorizon Report 2015: Was ist der nächste heiße Scheiß im E-Learning
Horizon Report 2015: Was ist der nächste heiße Scheiß im E-LearningAnja Lorenz
 
Die Ritter des Aluhuts
Die Ritter des AluhutsDie Ritter des Aluhuts
Die Ritter des AluhutsAnja Lorenz
 
Ausziehen! Ausziehen!
Ausziehen! Ausziehen!Ausziehen! Ausziehen!
Ausziehen! Ausziehen!Anja Lorenz
 
Scheuklappenbasierte Kompetenzorientierung
Scheuklappenbasierte KompetenzorientierungScheuklappenbasierte Kompetenzorientierung
Scheuklappenbasierte KompetenzorientierungAnja Lorenz
 
Papieriges Büro
Papieriges BüroPapieriges Büro
Papieriges BüroAnja Lorenz
 

Mehr von Anja Lorenz (20)

MOOCs auf mooin: Bildung für alle
MOOCs auf mooin: Bildung für alleMOOCs auf mooin: Bildung für alle
MOOCs auf mooin: Bildung für alle
 
Online learning 4 refugees #bchh16
Online learning 4 refugees #bchh16Online learning 4 refugees #bchh16
Online learning 4 refugees #bchh16
 
Massiv, offen und online: kostenlose Weiterbildungsmöglichkeiten im Netz
Massiv, offen und online: kostenlose Weiterbildungsmöglichkeiten im NetzMassiv, offen und online: kostenlose Weiterbildungsmöglichkeiten im Netz
Massiv, offen und online: kostenlose Weiterbildungsmöglichkeiten im Netz
 
Best Practice: OER und Hochschule
Best Practice: OER und HochschuleBest Practice: OER und Hochschule
Best Practice: OER und Hochschule
 
#refugeesWelcome an der Fachhochschule Lübeck
#refugeesWelcome an der Fachhochschule Lübeck#refugeesWelcome an der Fachhochschule Lübeck
#refugeesWelcome an der Fachhochschule Lübeck
 
The MOOC Production Fellowship: Reviewing the first German MOOC funding program
The MOOC Production Fellowship: Reviewing the first German MOOC funding programThe MOOC Production Fellowship: Reviewing the first German MOOC funding program
The MOOC Production Fellowship: Reviewing the first German MOOC funding program
 
oncampus integration (not only) via MOOCs
oncampus integration (not only) via MOOCsoncampus integration (not only) via MOOCs
oncampus integration (not only) via MOOCs
 
Offene Hochschule durch offene Formate. Das Projekt pMOOCs
Offene Hochschule durch offene Formate. Das Projekt pMOOCsOffene Hochschule durch offene Formate. Das Projekt pMOOCs
Offene Hochschule durch offene Formate. Das Projekt pMOOCs
 
Digital ist keine Option, sondern unser Standard
Digital ist keine Option, sondern unser StandardDigital ist keine Option, sondern unser Standard
Digital ist keine Option, sondern unser Standard
 
1 Jahr mooin #vfh16
1 Jahr mooin #vfh161 Jahr mooin #vfh16
1 Jahr mooin #vfh16
 
We say "mooin": MOOC Making Stories from Luebeck
We say "mooin": MOOC Making Stories from LuebeckWe say "mooin": MOOC Making Stories from Luebeck
We say "mooin": MOOC Making Stories from Luebeck
 
oncampus integration (not only) via MOOCs
oncampus integration (not only) via MOOCsoncampus integration (not only) via MOOCs
oncampus integration (not only) via MOOCs
 
MOOC Production Fellowship: Was kann man aus dem ersten deutschen Förderprogr...
MOOC Production Fellowship: Was kann man aus dem ersten deutschen Förderprogr...MOOC Production Fellowship: Was kann man aus dem ersten deutschen Förderprogr...
MOOC Production Fellowship: Was kann man aus dem ersten deutschen Förderprogr...
 
MOOCs als Teil der Hochschulstrategie
MOOCs als Teil der HochschulstrategieMOOCs als Teil der Hochschulstrategie
MOOCs als Teil der Hochschulstrategie
 
From moodle to mooin: Development of a MOOC platform
From moodle to mooin: Development of a MOOC platformFrom moodle to mooin: Development of a MOOC platform
From moodle to mooin: Development of a MOOC platform
 
Horizon Report 2015: Was ist der nächste heiße Scheiß im E-Learning
Horizon Report 2015: Was ist der nächste heiße Scheiß im E-LearningHorizon Report 2015: Was ist der nächste heiße Scheiß im E-Learning
Horizon Report 2015: Was ist der nächste heiße Scheiß im E-Learning
 
Die Ritter des Aluhuts
Die Ritter des AluhutsDie Ritter des Aluhuts
Die Ritter des Aluhuts
 
Ausziehen! Ausziehen!
Ausziehen! Ausziehen!Ausziehen! Ausziehen!
Ausziehen! Ausziehen!
 
Scheuklappenbasierte Kompetenzorientierung
Scheuklappenbasierte KompetenzorientierungScheuklappenbasierte Kompetenzorientierung
Scheuklappenbasierte Kompetenzorientierung
 
Papieriges Büro
Papieriges BüroPapieriges Büro
Papieriges Büro
 

Sexy DIY-Badges: Mehr als Zertifikate!?

  • 1. Sexy DIY-Badges Mehr als Zertifikate!? Anja Lorenz, FH Lübeck
  • 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
  • 4.
  • 5.
  • 6. Digital Badges ★ Ursprung: Militär [Hal12] ★ Kennzeichnen Leistungen und Erfahrungen des Trägers ★ Bewährt als „Game Interface Design Pattern“ [DDKN11]
  • 7.
  • 8.
  • 9.
  • 10. Was sind Digital Badges?
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 18. Mozilla Open Badges Infrastruktur (MOBI) [Rob13] [Geb13] [Wec13]
  • 19. Gamification im (E-)Learning ★ NICHT: Spiele zum Lernen (=Serious Games) ★ sondern: Spieleelemente in Lernszenarien als ursprünglich lernfremder Kontext [DE11] Ziel: Motivation
  • 20. Zertifikate vom Papier || fürs Papier Badges Digital!
  • 21. Wie kann man Digital Badges in Moodle integrieren?
  • 22. 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)
  • 23. Mehr dazu … sehr anschaulich erläutert in der Moodle- Dokumentation unter https://docs.moodle.org/28/en/Badges
  • 24. 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
  • 26. Beispiel: Badge-Modelling im Saxon Open Online Course (SOOC)
  • 27. 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
  • 28. 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?)
  • 29. Badge-Design in 3 ½ Schritten Best Practice: 1. Kriterien festlegen 2. Namen vergeben 2 ½. Gestaltungsfaktoren bestimmen 3. Bild für den Badge gestalten
  • 30. Kriterien festlegen Was will ich bescheinigen?
  • 32. 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
  • 33. Beispiel: HanseMOOC (Fortschritt im Kurs, automatische Vergabe) 4. Kapitel 6. Kapitel 8. Kapitel 10. Kapitel
  • 34. Beispiel: VFH Teacher of the Year (Abstimmung, manuelle Vergabe)
  • 35. Preisverleihung des TOY zum VFH-Symposium & Triple Sieger Andreas Wilkens 2011–13
  • 36. Beispiel: MOOCCamp 2013, SOOCie, Groundhound Day Foursquare 2013 (viral, automatisch Vergabe)
  • 37. 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
  • 38. Namen vergeben Wie soll der Badge heißen?
  • 39. 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
  • 40. Beispiel: HanseMOOC mit Bezug zum Thema
  • 41. Beispiel: SOOC und COER mit Bezug zum Kursnamen COER13 hOERer & wOERker
  • 42. Beispiel: OPCO12 mit Bezug zur Leistung
  • 43. 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
  • 44. Gestaltungsfaktoren bestimmen Was muss in die grafische Darstellung rein?
  • 45. 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?
  • 46. Beispiel: HanseMOOC nur mit Namen + Symbol + Farbe
  • 47. Beispiel: SOOC als Abwandlung des Kurslogos
  • 48. Beispiel: Foursquare und VFH Teacher of the Year mit “Level”/Abstufung
  • 49. Buzzmath mit Klassenstufe, Logo, Ranking, Farbkodierung (Beispiele)
  • 50. Planet Steward mit Content-Bezug und “Super Badge”
  • 52. Bild für den Badge gestalten Wie soll der Badge aussehen?
  • 53. 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
  • 55. Grundlegende Elemente (Screenshots aus Makebadges) Shapes Icons Ränder + Farben
  • 56. Grundlegende Elemente (Screenshots aus Makebadges) Shapes Icons Ränder + Farben ⇒ DIY
  • 59. 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?
  • 60. 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/
  • 61. 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