Badges/StepxStep

Onboarding the non-technical OBI implementer

Start using the Open Badges Infrastructure (OBI) today. This step-by-step guide has been built to get you using badges as quickly and easily as you can while keeping the technology know-how to a minimum. This guide has been built for people to move through step-by-step in order. You may feel you can move quickly through a step, it is suggested you do not skip any steps.

Step 0: Do a whole lot of reading

1. A laundry list of sites and specific pages to start your journey towards understanding badges
2. This blog post details what I've learned so far with open badges. It also serves as a good list of resources.
3. The p2pu challenge titled open badges 101 is a great way to jump into the community.

related screencasts

• Readings about the Open Badges Infrastructure - http://youtu.be/3-FkzP18_lQ
• FAQs and Technical resources available for Open Badges - http://youtu.be/fzARrbOoP-8
• First look at the JSON message structure for issuing open badges - http://youtu.be/jqjuqmyW06E
• A first look at the P2Pu Open Badges 101 challenges - http://youtu.be/LcIQw-NkOFE

Step 1: Go out and claim yourself a badge

Go get your first badge. This is important for the claiming of your first badge exposes you to an issuer and your backpack and initiates the setup of the accounts required to be a badge holder.

An easy first step

There are a lot of sites where you could claim or earn a badge, all of these give a different perspective of how badges can be used... it is good to understand badges from many views and this list is just a beginning.

• openbadges.org - easily grab your first badge
• khan academy - start easy and achieve proficiency
• foursquare - grab a coffee, earn a badge
• p2pu - find an area of interest and challenge yourself to earn a badge, or jump into open badges 101

Once you've earned and claimed a few badges, think deeply of the three main infrastructures of; issuer, earner and displayer. Think about the role of these three and where the backpack would fit within these three.

Note: not all badge issuing platforms work with the open badges. This is part of the open badges initiative, to create a standard approach and messaging protocol for the issuing and display of badges.

related screencasts

• Digital badges - claiming your first badge - http://youtu.be/cp0v8LKIeHo

Step 2: Technical Prerequisites

You can't avoid it, you are going to have to start thinking about technology. If you venturing into the open badges realm at this early stage you need to get to know some of the underlying technology. Then of course you could wait until the technology and related services are more mature. To be successful with implementing open badges you are going to need a very basic understanding of JavaScript, an idea of the web technology stack and the basics of server infrastructure. You don't require a deep understanding, but a basic understanding of these three areas will help greatly in supporting your learning.

A beginner understanding of JavaScript

To issue a badge a basic understanding of JavaScript is required. A reference needs to be set to the Mozilla JavaScript that "pushes" the badges JSON file toward the earners backpack.

Basic structure of JavaScript

To get started with issuing a badge from a web page it is strongly recommended that you brush up on your JavaScript knowledge. There are good number of online tutorials and books you can access, a simple Google search on "JavaScript Beginner" can provide a good list of resources.

Inserting a JavaScript include

One of your focuses as you learn JavaScript is going to be how to make a reference to an existing JavaScript library. Your going to require enough learning to understand this line of code and how it sets a reference to the library you require.

<script src="http://beta.openbadges.org/issuer.js"></script>

Calling a JavaScript module

Combined with setting a reference to the correct JavaScript library you will also have to know how to make a call to a function within the library. Review these lines of code to provide a sample of what you will need to know. Don't worry, I will be diving a little deeper in how these JavaScript calls work. These should provide you enough to focus this first round of learning.

Joseph Badjernor
<a href="javascript:OpenBadges.issue(['http://badges.bit.bc.ca/mwa/mwa-pjrch01.json'], 
function(errors, successes){  });">, claim your badge.</a></p>

Or some other server side programming language or application

Making use of the javascript libraries from within a web page is the manual approach to issuing badges. If you are going to want to issue badges from within a learning management system (LMS), another software application or custom developed software you are going to have to develop an understanding of that particular environment.

related screencasts

• Open Badges Technical Prerequisites - JavaScript - http://youtu.be/jzJjimCZz6g

The technology stack

Each of the three roles of issuer, earner and displayer have different technology requirements. It is expected that most people reading this will fall within the issuer role, but others will do well by continuing to read this wiki page.

For the issuer:

A web server with;

1. a stable URL that will remain consistent until all the badges issued have expired and are no longer displayed
2. the ability to host a web site, web pages, javascript and related services
3. the ability to serve up JSON files (this can occur in two ways; 3.1. being the preferred approach)
   1. web programming language and a database and required software to generate the JSON message to issue a badge for each earner who has completed the criteria and provided the appropriate evidence.
   2. hand edited JSON files for each earner who has completed the criteria and provided the appropriate evidence.

For the earner:

1. A blog, website or online portfolio to display your evidence.
2. A blog with the correct widgets or ability to embed javascript to display badges. This blog isn't so much a place to display the badges but to write and reflect about your learnings.
3. Personal accounts with one or more social media sites that allow the display of badges
4. Ability to access and manage your badge backpack

For the displayer:

1. The ability to serve up widgets or javascript
2. Access the earners backpack via the Displayer API.
3. Web hosting, programming language and database to store desired earner badges information

related screencasts

• Open Badges Technical Prerequisites - Technology Stack - http://youtu.be/X3Dc-Vofroc

Server Infrastructure

Each role requires resources on the internet, these vary greatly due to the work that is required. The diagram below shows the three roles and their interactions. The issuer on the left requires the most server infrastructure. The earner backpack requires infrastructure resources which will increase if you are planning on hosting a backpack (this is currently not recommended due to the lack of backpack federation features). It is currently recommended that you use the openbadges backpack hosted at http://beta.openbadges.org. The displayer role requires the least amount of resources as displaying badges requires the least amount of softwar features. This can increase if the displayer provides additional badge display features.

for the issuer:

The issuer requires the most server infrastructure, for it needs to host the badge and earners information. The servers also need the computing resources to issue (push) the badges to the Issuer API and compute and store any local badge management and tracking information. The issuer may also require the ability to inter-operate with other organizational server infrastructure (like a learning management system, event registration, etc).

To get a sense of the resource requirements for the issuer a review of the issuer json and its two main stores of information required to issue a badge are; the earner (or recipient) and the badge.

1. earner (recipient) information
   1. evidence information
2. badge information
   1. png file(s)
   2. criteria information
   3. issuer information

for the earner:

The earner requires the least amount of server infrastructure to support their activities. The earner could successfully earn badges with no server infrastructure of their own. The earner will require web locations to be able to host their evidence; this hosting could be in blogs, wikis, personal web spaces or existing educational infrastructure. If the earner does have their own server infrastructure or web space this could be used to host their evidence.

for the displayer:

From a server infrastructure perspective the displayer will need to have the ability to host HTML, JavaScript or an application widget that can make calls to the displayer API. This can be as simple as a hosted web page or a blog that can have the HTML of JavaScript embedded. If the displayer is providing the more robust features of a widget they will require the features for hosting the widget, making the displayer API calls, and any other programming or database infrastructure to support their widgets features.

related screencasts

• Open Badges Technical Prerequisites - Server Infrastructure - http://youtu.be/j-fOUEmHGnM

Step 6: Managing your badges

https://groups.google.com/d/topic/openbadges/NC_5_2pgiKA/discussion