Presentation delivered at the NMC Summer conference highlighting the work done to prepare for the launch of a digital badge initiative aimed at engaging incoming Freshmen.
1. BADGES AT SHU
Presented by: Danielle Mirliss, Tom McGee, Mike Soupios
2. Please rate your overall
knowledge of digital badges
1. I could lead this session
2. I’m comfortable with the
concept
3. I was a Boy / Girl Scout. It’s
like that, right?
4. Completely new concept
5. I walked into the wrong
0% 0% 0% 0% 0%
session
1 2 3 4 5
3. Please rate your experience
with digital badges
1. We’re launching our own
program
2. We’re planning to launch
3. We’re planning to plan
4. We’re discussing the
possibility of planning
5. Still in the wrong session 0% 0% 0% 0% 0%
1 2 3 4 5
4. What is your primary role in
your organization?
1. Programmer
2. Faculty
3. Administrative
4. Technical
5. Other
0% 0% 0% 0% 0%
1 2 3 4 5
5. How much technical
information do you want?
1. Hit me, I can take it
2. I’ll take a little code
3. No code, please
4. Looking at your code will
make me run screaming from
the session
0% 0% 0% 0%
1 2 3 4
11. • User accounts are given early
• Includes access to Blackboard
• June laptop distribution
• Web scavenger hunt (doubloon)
• Weekly chat sessions
• Summer Reading
• Summer Homework
• ePortfolio (University Life Course)
13. We Didn’t Get the Grant
• Are we still in?
• Who’s at the table?
• Who’ll be the audience?
• What’s the timeline?
• Who’s responsible for what?
14. Principles
• Engagement
• Skills & Activities
• Academics
• Create Culture of Use
• Low barrier to access
• Student interest
• Meet them where they are
15. Let’s Pilot
• Pirate Adventure Begins!
• Freshman Preview
• On Campus Adventure
• Summer programs
• Welcome Week
22. Users
• What Kinds of Roles?
– Recipient
– Editor
– Awarder
– Creator
– Administrator
• How to Handle Registration?
• What Method of Authentication?
• How to Protect Your Badges, and Delegate?
• What Privacy Options To Present?
28. Badge Creation
• How To Create New Badges?
• Simple Copying?
• How To Edit?
• I Only Want It Available During A Specific
Time!
• What Are Badges vs. Awards and Why?
• Decentralization: Who Can Make Them?
• How to Build Level-up Badges?
46. A Little Code
jQuery does this:
$('a.bake').click(function() {
var badge = $(this).attr('name');
var action = $(this).text();
var button = $(this);
if ( action=='Show') newtext='Hide' ;
else newtext='Show';
var formdata = 'badge=' + badge + '&action=' + action;
//alert(formdata);
window.open('http://beta.openbadges.org/baker?assertion=http://tltc.shu.edu/badges/folder/' + badge);
return false;
});
Translated in the .htaccess file:
RewriteEngine on
RewriteRule ^([A-Za-z0-9]+)(/)?$ bakeme.php?a=$1
47. This Is The Last Code, I Promise
$json_request = <<<END
{
"recipient": "$badge_eMail",
"evidence": "$badge_evidence",
"badge": {
"version": "$badge_version",
"name": "$badge_name",
"image": "$badge_url",
"description": "$badge_description",
"criteria": "$badge_criteria",
"issuer": {
"origin": "http://tltc.shu.edu",
"name": "$badge_issuer",
"org": "$badge_organization",
"contact": "$badge_contact"
}
}
}
END;
header('Content-Type: application/json');
echo $json_request;
52. Technical Next Steps
• Limited issuance & other features
– The first 50 clicks can win this
– Card readers
• Facebook
– OBI has a Facebook app in the works
• WordPress
– Several levels of WordPress tools, from widgets to
major plugins, are in development
• Better GUI for user management
• Open it up
53. Badges Next Steps
• Get through the Pilot
– Still quite a bit left
– Assess buy in and short- to mid-term prospects
– Where do the new badges come from
• Cautiously plan to roll out
– Undergrads
– Clubs and Organizations
– Graduate students
– Faculty and Staff
– Alumni
– Business partners
• Be thankful for all the creative talent
54. Additional Resources
• Google Group:
https://groups.google.com/forum/#!forum/openbadges
• Project Web Site:
http://openbadges.org/en-US/
• Community Calls every Wednesday 9am PT
• Wiki: http://openbadges.org/en-US/
• GitHub: https://github.com/mozilla/openbadges
• SHU’s Blog: http://blogs.shu.edu/badges
Notas del editor
Talk about Badge competition – some of the higher ed projects that were awarded
When we saw proposal immediately thought of our technology skills initiative
Many different disparate programs – thought it to join them together through badges (Maybe Mike talks to this slide in his part??)
Thinking about it further, realized that a badge initiative could compliment retention efforts on campus
Talk about current retention efforts (supported by technology)Tech IDs and user accounts given early, early intro to university's learning platform, placement tests given through university portal, June laptop distribution, scavenger hunt, weekly chat sessions, summer homework, summer reading. Highlight the blog on this slide.
Extrovert - based on existing design; distributed by Staff; TLTC will generate 150 cards; other awardees will come to TLTC in list from Mariel I’m Connected (Introvert) - new badge; distributed by PAs & Staff; TLTC will generate 150 cards SAB Voice Heard Badge - new badge, awardees will come to TLTC in list from Mariel Curious Pirate - based on existing design; Andy will work with TLTC to determine if existing posters will meet needs Pirate Leader (ROTC) - new badge; distributed by ROTC; TLTC will generate 150 cards Pirate On - new badge; distributed by PAs; TLTC will generate 750 cards Pirate Gear - new badge; distributed by Pirate entourage; TLTC will generate 150 cards DOVE Orientation - new badge; distributed by DOVE at orientation sessions; TLTC will generate 100 cards Tweet-up Housing - new badge, awardees will come in list from Cheryl
Badge earners, badge developers, tiered sets of rights to award or modify
Registration is handled automatically, with information from our AD system.
Assign different levels in the database. Check on login, then on each page load.
We want to ensure that students think about this, so we set a cookie. Extensive use of jquery ajax throughout
In the future, we might do by-class rankings, so we ask this Scores can be kept private, as can the display of all badges
Even with display turned on, they have to allow individual badges to be shown The system defaults to showing less information Ajax toggles.
Came up with scenarios Events Points-only Level-ups
Based on the OBI specs. We’ve added a few additional items, categories and points. Helps display, and allows for competition
Anything can be modified, including the image Or the basics of an existing badge can be cloned, saving time. Can do both without a reload.
Create an image or not? Invisible png
Searches through the entire user list
Drag-and-drop. Logic. Multi-tiered by magic
Different ways of distributing them, depending on the context
Hyperlink, along with the URL in an IMG tag. QR code can be copied-and-pasted. No antialiasing.
Basic “click here” award.
You can take this artwork and do whatever with it.
A similar name-search function, as on the delegation screen. Or a batch-upload method. Can use either SHU names or SHU IDs, or a mix.
Concerned with cheating Each badge has a user/award flag set, so they can’t be clicked repeatedly to run up the score No real solution for sharing, but time limits and natural competitiveness may help.
Information about the badge Bake Show
Only those allowing scores to be shown are here. Only those allowing image display are links. Your own row is highlighted – it will take you to your profile page.
Clicking another user’s name Shows you the badges they allowed to be public Summarizes the rest (so you understand where their score came from)
Downloading a properly baked badge What’s a “baked” badge? PNG file, meta data encoded within
How jQuery adds links to the “bake” buttons How the .htaccess translates that into an actionable link without multiple query strings
The construction of a valid “Assertion” Notice the Evidence and Criteria fields
This isn’t ours, but it’s why the whole “baking” thing is necessary. Create an account and log in at openbadges.org/backpack You can upload your badges and organize them here. Share them using the standard sideways-V link
Click a badge on the previous page It pulls out the encoded information in the PNG file and displays it
What you see when you click on the “Criteria” link