Pirate patchfinal

  • 2,049 views
Uploaded on

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.

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.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
2,049
On Slideshare
0
From Embeds
0
Number of Embeds
5

Actions

Shares
Downloads
3
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • 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
  • LAMP jQuery including UI, timepicker, validate, tablesorter, windowmsg, alerts, sortable, cookies, uploadify, drag-and-drop Bootstrap
  • 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
  • What you see when you click “Evidence”

Transcript

  • 1. BADGES AT SHU Presented by: Danielle Mirliss, Tom McGee, Mike Soupios
  • 2. Please rate your overall knowledge of digital badges1. I could lead this session2. I’m comfortable with the concept3. I was a Boy / Girl Scout. It’s like that, right?4. Completely new concept5. I walked into the wrong 0% 0% 0% 0% 0% session 1 2 3 4 5
  • 3. Please rate your experience with digital badges1. We’re launching our own program2. We’re planning to launch3. We’re planning to plan4. We’re discussing the possibility of planning5. 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. Programmer2. Faculty3. Administrative4. Technical5. 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 it2. I’ll take a little code3. No code, please4. Looking at your code will make me run screaming from the session 0% 0% 0% 0% 1 2 3 4
  • 6. The Pirate PatchA Digital Badges Initiative
  • 7. omputer Science Student Network Badge System Design for America: A Badge Community for Innovation The SA&FS Learner Driven Badges Projec
  • 8. Pillars of Retention
  • 9. • 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)
  • 10. The Pirate Patch PilotThe Dangers of Creative Energy
  • 11. 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?
  • 12. Principles• Engagement• Skills & Activities• Academics• Create Culture of Use• Low barrier to access• Student interest• Meet them where they are
  • 13. Let’s Pilot• Pirate Adventure Begins!• Freshman Preview• On Campus Adventure• Summer programs• Welcome Week
  • 14. Pirate Adventure Begins!• Welcome aboard!• Incoming Student Portal• Site Launch• Companion Blog
  • 15. Freshman Preview• Everyone gets a Patch• Culture of Use• Stand out in the crowd• Challenges
  • 16. On Campus Adventure• The Big Push – I’m Connected; SAB Voice Heard; Curious Pirate; Pirate Leader; Pirate On; Pirate Gear; Extrovert; DOVE Orientation; Tweet-up Housing• Distribution methods• Utilize everyone
  • 17. Summer Programs• Summer Reading – Optional Enrichment Activities• Tech Skills One – Skills Training carries for years• Doubloon Hunting – Leveling Up
  • 18. Welcome Week• Leaderboard Launch• Assess where we are• Last chance to push the captive audience• End of the Pilot?
  • 19. Technical Aspects Issues and Answers
  • 20. 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?
  • 21. Logged-in User
  • 22. Different User Roles See Different Things
  • 23. Make Sure Users PayAttention To Their Privacy
  • 24. The Privacy Settings We Offer
  • 25. Making It More Granular
  • 26. 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?
  • 27. Creating a Badge
  • 28. Editing and Cloning Badges
  • 29. Time Limits for Real Events
  • 30. Badges vs. Awards
  • 31. Protecting Your Badge And Delegation
  • 32. Logically Leveling-Up
  • 33. Earning Badges• Click?• Snap?• Can We Just Award Them?• How To Automate Level-ups?• Can We Prevent Cheating? – Duplicates – Sharing
  • 34. Basic Methods of Granting Awards
  • 35. Embed a Link in a Web Page
  • 36. Make Posters, Cards or T-Shirts
  • 37. Batch Awarding
  • 38. One Per Customer, Please
  • 39. Displaying Badges• Privacy• Points• Leaderboards• Baking• Backpacks• Validations
  • 40. Baking, Hiding and Displaying
  • 41. What’s The Score?
  • 42. Only See What They Let You
  • 43. Bakery Action
  • 44. A Little CodejQuery 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 onRewriteRule ^([A-Za-z0-9]+)(/)?$ bakeme.php?a=$1
  • 45. 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;
  • 46. openbadges.org Backpack
  • 47. Backpack Details
  • 48. Demonstrating Criteria
  • 49. Proof Of Ownership
  • 50. 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
  • 51. 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
  • 52. 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