Getting Started with Badges

Step 1: Setup Badges.illinois.edu website
Step 2: Log in
Step 3: Edit your email template
Step 4: Create a badge
Step 5: Start Awarding (Issuing) badges to badge earners
Step 6: Let us know how it is going!

openbadges_0

 

 

Badge Instructions

Step 1: Get a space setup on our badges.illinois.edu site.
Contact badges-support@illinois.edu to get started. Give us some information about what you would like to do with your badges. We would be happy to setup a time to meet in person and discuss your ideas.

Let us know what your “group name” is – This will be used as the Issuer and as the URL.
The URL will look like http://badges.illinois.edu/GROUPNAME

 
Step 2: Log in
After we create your site on badges.illinois.edu, you will be added as a WordPress admin for your respective website.

Login: https://badges.illinois.edu/wp-login.php 

Badges @ Illinois › Log In 2014-01-16 15-08-21

It is setup like any WordPress site, with one HUGE exception, this should not be treated like a blog, there should be NO blog posts made to this system. Instead of blog posts, you can use the WordPress Admin interface to Create a Badge and to Award a

Badge.

Step 3: Edit your email template

Either you can edit your email template or badges-support@illinois.edu can assist you with this. Your email template represents the contents of the email message that gets sent to individual badge earners when you issue them a badge.

Editing your email template can be done in Settings -> WPBadgerConfiguration. A screen shot below is an example. You can use tags, such as Badge_Title that will auto populate. Be SURE to use the Award_URL – this will populate with a link to the badge being awarded, without this the badge can not be accepted.

Screen Shot of Email Text

Step 4: Create a badge

Designing the Image

All badges are simple PNG files. You can create one in your favorite image editing software. Keep these rules in mind:

  • Size should be about 100×100 pixels
  • The background of the badge should be transparent for the best effect
  • For branding purposes, it is advised to use a Block I on your graphic

We have also added a ‘Badge Designer’ as a quick way to assemble a badge in the system.

Creating the Badge

Log in to your WordPress site. In the left hand sidebar there should be a section called “Badges”. Click on “Add New” to create your badge. Some of the information you’ll need to think about:

  • Title: something simple to identify your badge quickly.
  • Description: Short description to be used internally.
  • Main Content Area – Criteria:  A 3rd party who sees the badge will use the description to figure out what the user accomplished. What does it mean to have earned this badge? What skills does the user possess? What training have they completed?
  • Badge Version: you can increment this as you change what the badge means. Starting off with “1.0″ is fine.
  • Badge Image: upload the PNG you created before. After it’s uploaded in the media manager, scroll down and click “Use as featured image”. You can then close the media manager. The badge should now appear in the sidebar of your “Add New Badge” window.

When you’re all done, click “Publish” to make your new badge

available

.

 
Step 5: Start Awarding (Issuing) badges to badge earners
This system does not currently integrate with any learning management systems (LMS). When a user has completed a course or training, it’s your responsibly to collect their email address and award them the badge.

Badge to a Single User

Log in to your WordPress site. On the sidebar you should see an “Awards” section. Click “Add New”. Some of the fields for the award:

  • Main Text Area: Reason an individual was awarded the badge. What specifically did the user do to deserve this badge. For example, “Completed Ethics training on 6th of October, 2016.”
  • Choose Badge: From the drop-down list of created badges, which badge goes with this award?
  • Email Address: the user’s email address. This must match the one they use for their backpack. Upon awarding a badge, an email is sent to the user’s email address notifying them of the award.

When you click “Publish” the user will receive an email and decide whether to accept the award or not.

Screen Shot of Add New Award screen

Badge to Multiple Users

Log in to your WordPress site. On the sidebar you should see an “Awards” section. Click “Bulk Award Badges”. Some of the fields for the award:

  • Badge: which badge goes with this award?
  • Email Address: the users’ email addresses. You can enter one per line. This must match the addresses they use for their backpack.
  • Evidence: what specifically did the users do to deserve this badge. For example, “Completed Ethics training on 6th of October, 2016.”
  • Expiration Date: when does this award expire? Optional.

When you click “Publish” the users will receive an email and decide whether to accept the award or not.

AwardBadgesInBulk

Step 6: Let us know how it is going!!

Shoot us an email at badges-support@illinois.edu and give us your feedback!