Badges, Badgers, Mushrooms, and a SnakeHigh Ed Web Michigan | May 22, 2014

IntroductionNicole 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 badgesNote: From here on in the presentation, when I say “badges” I really mean digital badges.

Not new to gamers

U-M TnTMembership (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": "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" } } }

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.

Mozilla Backpack

Badge Widget Hack

Badging platforms

Purdue’s Passport

Cred.ly

Panel Members

John LeasiaManager, Learning Technology Incubation Group (LTIG); Library IT

Matthew Snyder (@mattesnyder)Human Resource Communications Specialist, Human Resources Strategy and Planning

Panel Members

Patricia Anderson (@pfanderson)Emerging Technologies Informationist, Taubman Health Sciences Library

Chase Masters (@billchase2edu)Enabling Technologies Informationist, Taubman Health Sciences Library

Badges, Badgers, Mushrooms, and a SnakeNicole Rhoads | May 22, 2014

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/

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?key=0AsHml-k4XnX7dHJQSDBrdUphYlprc1N0N09KMzFzckE&usp=sharing#gid=0

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/