Badges, Badgers, Mushrooms,
and a Snake
High Ed Web Michigan | May 22, 2014
Introduction
Nicole Rhoads
@nniiccoollee
nrhoads@umich.edu
Introduction
 Digital badges explanation
 Walk-through demo of Cred.ly platform
 Panel discussion
What are digital badges?
Girl and Boy Scout badges
Law enforcement badges
And buttons! (AKA badges)
AKA “flair”
Digital badges only slightly different
 Convey similar meanings:
 Achievements
 Affiliations
 Attitudes
Only in digital form (for now)
Digital badgers badges
Note: From here on in the
presentation, when I say “badges” I
really mean digital badges.
Not new to gamers
U-M TnT
Membership (annual)
Meeting attendance
Project participation
OpenBadges.org
Open Badges Infrastructure
• Issuers
• Earners
• Display
More research...
 Great tutorial by Billy Meinke
Wrote and validated a json file
 { "recipient": "nrhoads@umich.edu", "evidence":
"http://umtnt.tumblr.com", "issued_on": ...
Uploaded a png & baked it
 Use the Mozilla “baker” service:
Append your URL to the URL below:
http://backpack.openbadges....
Mozilla Backpack
Badge Widget Hack
Badging platforms
Purdue’s Passport
Cred.ly
Panel Members
 John Leasia
Manager, Learning Technology Incubation Group (LTIG);
Library IT
 Matthew Snyder (@mattesnyde...
Panel Members
 Patricia Anderson (@pfanderson)
Emerging Technologies Informationist, Taubman Health
Sciences Library
 Ch...
Badges, Badgers, Mushrooms,
and a Snake
Nicole Rhoads | May 22, 2014
References and resources
 Mozilla Open Badges: http://openbadges.org/
 Mozilla Backpack:
https://backpack.openbadges.org...
References and resources
 Badge Lab: https://badgelab.herokuapp.com/
 Badge options for schools:
http://blog.makewav.es/...
References & resources: Tutorials
• Chris McAvoy (Mozilla): http://weblog.lonelylion.com/
• Billy Meinke:
http://billymein...
Badges, Badgers, Mushrooms, and a Snake
Upcoming SlideShare
Loading in...5
×

Badges, Badgers, Mushrooms, and a Snake

369

Published on

This presentation includes an explanation, exploration, and discussion of digital badges for use in community building, professional development, and skills/academic achievement. The first part of the presentation will define issuers, badges and criteria, and earners. The second part of the presentation includes a live demonstration and walk-through for creating and issuing a badge using the Cred.ly platform.

Session attendants will earn a badge for their participation and have the opportunity to create their own badges during this part of the session. The third and final part of the presentation will include a panel discussion with representatives from instructional technology, human resources, and others to consider potential uses of digital badges and their overall credibility and desirability.

Published in: Education, Business, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
369
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • ******** get a cred.ly account and fill out this quick form to earn the bad@$$ badger badge for participating in this session (bit.ly url)

  • About me
    Presentation content and format
    Explanation
    Walk-through demo of the Cred.ly platform
    Panel discussion
  • Explanation
    Walk-through demo of the Cred.ly platform
    Panel discussion
  • Digital badges are pretty similar to the analog badges we’ve seen our whole lives.
  • Signify achievements

    Photo: https://www.flickr.com/photos/kayray/4854361154/in/photolist-8oXSrY-5RrGmv-5RrGgP-5Rw2h3-5RrGkc-5Rw2nY-5Rw2iS-5RrGj8-cjyy1u-ayuRSM-ayuVPZ-ayxGAd-ayv1tZ-ayv1PF-ayxFnu-ayuZc2-ayxxLy-ayuRkc-4JV1Nq-4JUZBN-4JQLC4-4JQKSt-4JQNKc-4JQLtg-4JV1Ws-4JUZgJ-4JV17U-4JV1Eh-4JQM5R-4JQKNB-4JQL8K-4JUZm5-4JQLwD-4JUZP1-4JV1nm-7RCHhQ-ayuYQK-ayuZ1D-7yVxfA-5n2XRs-ayxCpj-5YJ7Ny-7Rzszp-7RCH4U-7RCGXC-5JwQDk-7Rzsni-83ZJRa-843PRG-83ZJWH
  • Signify authority

    Photo: https://www.flickr.com/photos/webhostingreview/3090392047/in/photolist-5H64Tv-fm6Ai6-7S2mKY-ek5qCm-egmdH7-fN8NCX-egAriy-dgo6C8-fxskbH-5H4QBT-deApFD-f9AyqH-f9QKAq-faXX1C-efSiVx-fbHN4Q-5H4Pqp-fpjVBz-fbtw7x-fmkLSw-fc29MX-faXUis-fc7a59-fxsjnP-fU6pSE-fxsj3a-fhTsxQ-fQRPST-fbRRRT-5H97Jo-fmXLHz-fr2Lk3-fm6ADR-fmkLxo-fxiKS3-fr2JYJ-ho2vTG-fx4tEn-faAV8i-fr2Hyb-fbtvVk-faRbgU-faRcUw-fx4tXH-fbHMhG-fbHMTQ-fxiKEm-fx4tr2-fborTF-fbCHpw
  • Signify affiliations, opinions, and attitudes
  • And sometimes a combination of these
  • And, of course, they only exist in digital form (for now)

    Photo: http://blog.spitzenpfeil.org/wordpress/2013/10/27/sew-on-coat-buttons-blinky-shiny-tiny/
  • As I was preparing for this presentation, a friend played the Badgers, badgers song and ever since, I’ve had it stuck in my head.
    You’ve probably been wondering about the title of this presentation, and well, the word “badges” is so close to “badgers” that it just stuck there.

    Photo: http://dragonforge.deviantart.com/art/012112-Snake-Badger-Mushroom-280811809
  • Digital badges are probably most recognizable to gamers; badges have been around for quite a while in that realm

    For example, this is an achievement screen from minecraft (a game I’ve never played)

    Not being a gamer myself when I began this adventure, I was mostly interested in badge design.
  • Core member and suggested that we issue badges to our membership for various things
  • I began to investigate and of course started with OpenBadges.org
    Badges associated with Mozilla’s Open Badges online standard enjoy wider credibility
  • Illustration: openbadges.org
  • I followed a great tutorial by Billy Meinke for the steps below.
  • Using OpenBadges Metadata Validator
  • Finally, you log into your Mozilla Backpack account and upload the new .PNG
  • To display the badge on a page, I used the Badge Widget Hack to generate the code to display the image on a page.

    Everything was great…. Then I realized I’d need to repeat most of these steps for each member of TnT who might want a badge.

  • Looked at several; plenty of features to consider and needs to be tailored to organizational/process goals

    For our purposes with TnT, I was looking for a free, easy-to-use system that would allow for custom badge designs.
  • Looked closely at Passport; buggy at the time, but has undergone several upgrades and may be more stable.
  • So to summarize, digital badges are gaining in popularity, but adoption may remain a challenge for at least the foreseeable future.

    Thank you to panelists

    Slides and resources available online
  • Badges, Badgers, Mushrooms, and a Snake

    1. 1. Badges, Badgers, Mushrooms, and a Snake High Ed Web Michigan | May 22, 2014
    2. 2. Introduction Nicole Rhoads @nniiccoollee nrhoads@umich.edu
    3. 3. Introduction  Digital badges explanation  Walk-through demo of Cred.ly platform  Panel discussion
    4. 4. What are digital badges?
    5. 5. Girl and Boy Scout badges
    6. 6. Law enforcement badges
    7. 7. And buttons! (AKA badges) AKA “flair”
    8. 8. Digital badges only slightly different  Convey similar meanings:  Achievements  Affiliations  Attitudes
    9. 9. Only in digital form (for now)
    10. 10. Digital badgers badges Note: From here on in the presentation, when I say “badges” I really mean digital badges.
    11. 11. Not new to gamers
    12. 12. U-M TnT Membership (annual) Meeting attendance Project participation
    13. 13. OpenBadges.org
    14. 14. Open Badges Infrastructure • Issuers • Earners • Display
    15. 15. More research...  Great tutorial by Billy Meinke
    16. 16. Wrote and validated a json file  { "recipient": "nrhoads@umich.edu", "evidence": "http://umtnt.tumblr.com", "issued_on": "2013-10-10", "badge": { "version": "1.0.0", "name": "BadgeBuildTest", "image": "http://www.ns.umich.edu/btest/tnt- badge.png", "description": "Has displayed expertise in hand-made badge creation.", "criteria": "http://umtnt.tumblr.com", "issuer": { "origin": "http://umtnt.tumblr.com", "name": "TrendsAndTechName", "org": ”Test Badge, 2013", "contact": "trendsandtech@umich.edu.edu" } } }
    17. 17. Uploaded a png & baked it  Use the Mozilla “baker” service: Append your URL to the URL below: http://backpack.openbadges.org/baker?assertion=http://your-json-url.json  Enter this URL in a browser  Mozilla’s baker service interprets the .JSON file, attaches that data to the .PNG image designated in the .JSON file, in effect, binding the image and data.  The end result is a new .PNG file for download.
    18. 18. Mozilla Backpack
    19. 19. Badge Widget Hack
    20. 20. Badging platforms
    21. 21. Purdue’s Passport
    22. 22. Cred.ly
    23. 23. Panel Members  John Leasia Manager, Learning Technology Incubation Group (LTIG); Library IT  Matthew Snyder (@mattesnyder) Human Resource Communications Specialist, Human Resources Strategy and Planning
    24. 24. Panel Members  Patricia Anderson (@pfanderson) Emerging Technologies Informationist, Taubman Health Sciences Library  Chase Masters (@billchase2edu) Enabling Technologies Informationist, Taubman Health Sciences Library
    25. 25. Badges, Badgers, Mushrooms, and a Snake Nicole Rhoads | May 22, 2014
    26. 26. References and resources  Mozilla Open Badges: http://openbadges.org/  Mozilla Backpack: https://backpack.openbadges.org/backpack  Badge Widget Hack (to display badges on a webpage): http://badgewidgethack.org/
    27. 27. References and resources  Badge Lab: https://badgelab.herokuapp.com/  Badge options for schools: http://blog.makewav.es/2013/08/05/open-badges-for- schools-what-are-the-options/  Badge platforms: https://docs.google.com/a/umich.edu/spreadsheet/ccc?k ey=0AsHml- k4XnX7dHJQSDBrdUphYlprc1N0N09KMzFzckE&usp=sharing# gid=0
    28. 28. References & resources: Tutorials • Chris McAvoy (Mozilla): http://weblog.lonelylion.com/ • Billy Meinke: http://billymeinke.wordpress.com/2012/05/24/open- badges-want-to-make-your-own-badges-by-hand-heres- how/
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×