wla 2014 - badges_tools
TRANSCRIPT
How to Use Badges and Interactive Online Tools
David McHugh - DPI
Disclaimer
These tools are not endorsed or supported by DPI.
Who am I?
David McHugh
DPI Ed. Consultant Digital Resources, Innovation, and Prof. LearningM.A. Library & Information Studies
Formerly BadgerLink Coordinator, DPI
Goal
See cool tools, with an overview of how to use them.
You won’t be experts after this, but you’ll know how to get started, and where to get more info.
Outline
ARISTwineBadgesHonorable Mentions
ARIS
ARISgames.org
Augmented Reality Interactive Storytelling
arisgames.org
ARIS - Example
arisgames.org
ARIS - Why?
● Harness situated learning● Interactive and engaging● Create activities for patrons, or have them
be the creators● Interact with your community
ARIS - What
● Create from any computer● Played on iPhone/iPad app ● Interact with digital objects/people with real
world locations● Location based (GPS/etc. and/or QR codes)● Open source
ARIS
arisgames.org
ARIS
arisgames.org
ARIS
Ideas/Questions?
Twine
Twinery.org - Create interactive stories
Twine - Example
Start - The Kissby Dan Waber
©2013
Twine - Why?
● Write and create● Read● Stories are how we learn and remember● Introduction to simple web/programming
concepts
Twine - Easy
No programming needed!
[[Continue to next slide?|page2]] [[End Presentation|end]]
Twine - Easy
http://aliendovecote.com/twine101/#/4
The Kiss node map by Dan Waber
Twine - Extra Features
● Add pictures, animations, sound● Use HTML/CSS to theme● Use variables for more depth● Twine 2.0 - browser based
Twine - How To Publish
When your game/story is complete, just select Build Story to get a single HTML file.
Twine - Ideas for your library
● Create games/stories set in your library● Host a writing/game jam for patrons to
create and share their stories/games● Explore and promote existing twines as
literature/games
Twine
Ideas/Questions?
Badges
http://dclibrary.org
Badges - Why
● Represent skills/knowledge/achievements○ Lifelong learning ○ For staff (professional development) and/or patrons
(resumes/skill building)● Document learning path● Incentives● Democratize Learning
Badges - Definition
“Visual representations of a skill or achievement”
- Mark Surman (Mozilla)
Badges - What
Physical (Boyscouts) and Digital (Foursquare)
http://www.4squarebadges.com/foursquare-badge-list/
Badges - What
Not just a picture - digital badges have metadata. Including:● issuer● date● why it was issued
Badges - Example
Professional Learning:
YALSA utilized badges to reflect digital skills
Badges - Example
ChicagoSummerofLearning.org/
Explore Chicago, earn badges, win prizes.
Badges - Example
Brooklyn-kids-2014.bibliocommons.com/badge
Earn badges for being active at the library
Badges - Steps
1. Plana. What will badges be used for?b. How/when are they earned?
2. Get badges a. Build some and/or use a system with some pre-built
3. Set criteria 4. Issue badges
a. In a way they can be displayed (e.g. Mozilla Open Backpack)
Badges - Plan
● Allow choice● Don’t stifle intrinsic motivation● Build in meaning● Beware the PBL pitfalls
Badges - Build a badge
1. Get an image (.png) a. https://www.openbadges.me/designer.html
2. Create the metadataa. use a text editor to create metadata and save as a
json file{“recipient”: “[email protected]”,“evidence”: “url to your evidence”,
“issued_on”: “2014-11-06″}
3. “Bake” the two togethera. http://backpack.openbadges.org/baker?assertion=http://yoursite.com/badge-assertion.json
Badges - Platforms
You have options● DIY via Mozilla
○ BadgeKit - host it yourself, or apply for the beta■ Someday BadgeKit will have features for the
public too● Use another free or paid platform
Badges - How
Badges - BadgeKit
github.com/mozilla/openbadges-badgekit/
“Build, Assess, Issue, Collect, Share, Discover and Use”
Badges - Mozilla Backpack
https://backpack.openbadges.org/
● Open source place to display/manage your own badges○ From a variety of sources
Badges - BadgeOS
BadgeOS.org
Who here uses Wordpress?
Badges - BadgeOS
● Free, open source Wordpress plugin● Free support● Automatically or manually issue badges
Badges - BadgeOS
● Compatible with Mozilla and Credly○ Created by the company that makes Credly
● Has been used by:○ Madison College (MATC)○ UW-Stout○ Smithsonian○ IMLS
Badges - BadgeOS
Badges - Credly
Credly.com
“Give credit where credit is due.”
Badges - Credly
● Free (with paid Pro options)● Complete package
○ Create, issue, manage and display badges
Badges - Credly
● Compatible with:○ Your Site (via API)○ LinkedIn○ Facebook○ Twitter○ Mozilla○ iPhone app○ Drupal ○ And more
Badges - Credly
Badges - Credly
Badges - Best Practices
● Don’t use badges without a plan - they can demotivate
● Make the meaning/value of the badges clear
Badges - Ideas for your library
● Have patrons design/share badges● Summer reading programs● Events● Help patrons build digital “resume”
Badges
Ideas/Questions?
Honorable Mentions
● Oppia.org ○ “Bite-sized learning journeys, by anyone and for
everyone”○ Easy to embed interactive learning “explorations”○ Open source○ Pitch Perfect Example
● Plickers.com○ Instant feedback from a group○ Free or Premium○ Android and iPhone
BadgerLink
Questions?
List of Resources
Twine Guide Badge Platforms ListBuild a Badge GuideYALSA Badges Case StudyMozilla BadgeKit Documentation HASTAC Bibliography