SlideShare a Scribd company logo
1 of 14
Using Badges On
Your Site


Prepared by Sanam Zaman
April 12th, 2013




                          EbizON
Understanding
Badging System
Issuer
Backpack
Displayer
                 EbizON
Who is Issuer?
Whoever issues a badge becomes an issuer.




                                                                   An issuer is one who issues
                                                                         badges to users




                                                                            Badge




                                                                                           Earner
                                 Issuer

              [Schools, Institutes, Organizations, Jon Training,
                       Gaming sites, Online learning]
3
                                                                                    EbizON
Backpack
A Backpack is the central repository system where the badges are stored when user claims the
badges. From the Backpack, user can manage the badges, group them, set privacy level and share
it on various displayer sites.




                                                Group badges


                                                 Set Privacy


                                                     Share


                                        Backpack



                                                                                 EbizON
 4
Displayer
Displayer is any site where the badge is being displayed. If you want the users to display their
badges on your site as well, you can also become a displayer. It can be multiple sites. The
backpack is used to share the badges on various displayers.




                                                                    Your website


                                                                       Social
                                                                     networking
                                                                        sites


                        Backpack                                     Job Portals



                                                                     Displayer
 5                                                                                       EbizON
Different approach of
implementing badging
system



                  EbizON
Approach 1: Using Mozilla Backpack

•   An issuer and displayer plugin for your site.
•   Mozilla Backpack.
•   Each user will use Mozilla Persona to claim their badges.
•   Mozilla Displayer API can be used to embed Javascript widgets.




    Issuer Plugin                                   Mozilla                          Displayer
                              Claimed badges
                                                   Backpack                           Plugin
                                                 A central repository to   Push to
          To issue badges                       keep and manage all the    display    To display badges
                                                  badges from various
                                                        issuers
                              Mozilla Persona




7
                                                                                          EbizON
PROS & CONS Of Approach 1
Pros
•   Easiest to implement
•   Mozilla takes care of API upgrades etc.




Cons

•   We need to have users sign up on Persona.
•   Branding of your site is not controlled.




8
                                                EbizON
Approach 2 – Using a local instance of
Mozilla Backpack
•   An issuer and displayer plugin for your site.
•   An instance of Mozilla Backpack on your server https://github.com/mozilla/openbadges
•   The backpack instance would be meant to bypass Persona and integrate with your website’s SSO
    implementation




                                                  A local
    Issuer Plugin                               instance of                        Displayer
                             Claimed badges       Mozilla                           Plugin
                                                 Backpack                Push to
                                  SSO          A central repository to
         To issue badges                                                 display    To display badges
                                              keep and manage all the
                                                      badges




9
                                                                                           EbizON
PROS & CONS of Approach 2
Pros
•    Your website’s branding can also be implemented on manage backpack.
•    Here you can also control that only your badges are shown on your site.

Cons
•    Slightly difficult to implement, since you’ll need to by-pass Persona, Integrate the manage
     backup interface with your user page etc.

•    Here the local instance of backpack needs to be upgraded regularly as Mozilla upgrades the
     backpack code.




10
                                                                                         EbizON
Approach 3 – Drupal Backpack
Implementation
•    Run the Drupal backpack implementation            (https://github.com/ebizon/openbadging-profile)   on your local
     server
•    Also includes issuer backpack implementation.
•    Displayer API would integrate with external forums/blogs etc.
•    These badges are OBI Compliant and can be pushed to Mozilla




                                                                                                     Displayer
            Issuer                   Claimed badges
                                                      Custom Backpack
            Subdomain                                                             Push to
     [www.badging.example.com]                        A central repository to                        www.example.com
                                                      manage and group the        display
                                          SSO            earned badges
     Badges will be issued here to
             the users.
                                                                                                     www.example1.com



            Your Site
        [www.example.com]


11
                                                                                                              EbizON
PROS & CONS of Approach 3
Pros

•    Already existing out of the box system.
•    Fastest to use.
•    Would have to implement SSO with existing system.
•    Branding can also be controlled.


Cons-
Backpack is custom written in Drupal and therefore, needs to be updated whenever OBI
specifications are changed.




12
                                                                                  EbizON
If you want to integrate badging with your site
          using any of these above,

     Contact : priyanka@ebizontek.com




13
                                        EbizON
For Any Query or Installation of
    Open Badges, contact:
            Priyanka Jhamnani
      Sr. Drupal Consultant/Manager
           Email: priyanka@ebizontek.com
          Skype: priyanka.jhamnani
       Drupal.org http://drupal.org/node/1962434
               id:
        Website: http://ebizontek.com




                                                   EbizON

More Related Content

Similar to Using badges on your site

Open Badges - CENT UJI 2012
Open Badges - CENT UJI 2012Open Badges - CENT UJI 2012
Open Badges - CENT UJI 2012CENT
 
What is an open badging system and how to implement it
What is an open badging system and how to implement itWhat is an open badging system and how to implement it
What is an open badging system and how to implement itEbizon
 
TERMINALFOUR t44u 2009 - University of St Andrews Case Study
TERMINALFOUR t44u 2009 - University of St Andrews Case StudyTERMINALFOUR t44u 2009 - University of St Andrews Case Study
TERMINALFOUR t44u 2009 - University of St Andrews Case StudyTerminalfour
 
Firefox for Mobile
Firefox for MobileFirefox for Mobile
Firefox for Mobilefoxymary
 
Introduction to DaVinci
Introduction to DaVinciIntroduction to DaVinci
Introduction to DaVinciDavinciTool
 
eXo overview Fev 2013. Introducing our new positioning.
eXo overview Fev 2013. Introducing our new positioning. eXo overview Fev 2013. Introducing our new positioning.
eXo overview Fev 2013. Introducing our new positioning. Yann Aubry
 
Easy as pie creating widgets for ibm connections
Easy as pie   creating widgets for ibm connectionsEasy as pie   creating widgets for ibm connections
Easy as pie creating widgets for ibm connectionsLetsConnect
 
Devoxx France 2013 Cloud Best Practices
Devoxx France 2013 Cloud Best PracticesDevoxx France 2013 Cloud Best Practices
Devoxx France 2013 Cloud Best PracticesEric Bottard
 
Reactive summit 2020 microsoft orleans the easy way
Reactive summit 2020   microsoft orleans the easy wayReactive summit 2020   microsoft orleans the easy way
Reactive summit 2020 microsoft orleans the easy wayJohn Azariah
 
Adobe digital publishing cmbo - ktukker
Adobe digital publishing   cmbo - ktukkerAdobe digital publishing   cmbo - ktukker
Adobe digital publishing cmbo - ktukkerPeter Luit
 
Next Generation Development Infrastructure with the Maven Enterprise Stack
Next Generation Development Infrastructure with the Maven Enterprise StackNext Generation Development Infrastructure with the Maven Enterprise Stack
Next Generation Development Infrastructure with the Maven Enterprise StackTim O'Brien
 
IBM Drupal Users Group Discussion on Managing and Deploying Configuration
IBM Drupal Users Group Discussion on Managing and Deploying ConfigurationIBM Drupal Users Group Discussion on Managing and Deploying Configuration
IBM Drupal Users Group Discussion on Managing and Deploying ConfigurationDevelopment Seed
 
Running Great Design Reviews With Clients & Partners
Running Great Design Reviews With Clients & PartnersRunning Great Design Reviews With Clients & Partners
Running Great Design Reviews With Clients & PartnersCraig Peters
 
Oboss - the Next Generation Apps Workspace for Business
Oboss - the Next Generation Apps Workspace for BusinessOboss - the Next Generation Apps Workspace for Business
Oboss - the Next Generation Apps Workspace for BusinessLu Chen Pin
 
What's New in IBM Connections 4.0
What's New in IBM Connections 4.0What's New in IBM Connections 4.0
What's New in IBM Connections 4.0Luis Benitez
 
Responsive Web Design: Tips and Tricks
Responsive Web Design: Tips and TricksResponsive Web Design: Tips and Tricks
Responsive Web Design: Tips and TricksGautam Krishnan
 

Similar to Using badges on your site (20)

Open Badges - CENT UJI 2012
Open Badges - CENT UJI 2012Open Badges - CENT UJI 2012
Open Badges - CENT UJI 2012
 
What is an open badging system and how to implement it
What is an open badging system and how to implement itWhat is an open badging system and how to implement it
What is an open badging system and how to implement it
 
TERMINALFOUR t44u 2009 - University of St Andrews Case Study
TERMINALFOUR t44u 2009 - University of St Andrews Case StudyTERMINALFOUR t44u 2009 - University of St Andrews Case Study
TERMINALFOUR t44u 2009 - University of St Andrews Case Study
 
Firefox for Mobile
Firefox for MobileFirefox for Mobile
Firefox for Mobile
 
Introduction to DaVinci
Introduction to DaVinciIntroduction to DaVinci
Introduction to DaVinci
 
eXo overview Fev 2013. Introducing our new positioning.
eXo overview Fev 2013. Introducing our new positioning. eXo overview Fev 2013. Introducing our new positioning.
eXo overview Fev 2013. Introducing our new positioning.
 
Easy as pie creating widgets for ibm connections
Easy as pie   creating widgets for ibm connectionsEasy as pie   creating widgets for ibm connections
Easy as pie creating widgets for ibm connections
 
Devoxx France 2013 Cloud Best Practices
Devoxx France 2013 Cloud Best PracticesDevoxx France 2013 Cloud Best Practices
Devoxx France 2013 Cloud Best Practices
 
Reactive summit 2020 microsoft orleans the easy way
Reactive summit 2020   microsoft orleans the easy wayReactive summit 2020   microsoft orleans the easy way
Reactive summit 2020 microsoft orleans the easy way
 
Adobe digital publishing cmbo - ktukker
Adobe digital publishing   cmbo - ktukkerAdobe digital publishing   cmbo - ktukker
Adobe digital publishing cmbo - ktukker
 
Badge Spec for P2PU
Badge Spec for P2PUBadge Spec for P2PU
Badge Spec for P2PU
 
Next Generation Development Infrastructure with the Maven Enterprise Stack
Next Generation Development Infrastructure with the Maven Enterprise StackNext Generation Development Infrastructure with the Maven Enterprise Stack
Next Generation Development Infrastructure with the Maven Enterprise Stack
 
Javabeans .pdf
Javabeans .pdfJavabeans .pdf
Javabeans .pdf
 
Unit4wt
Unit4wtUnit4wt
Unit4wt
 
IBM Drupal Users Group Discussion on Managing and Deploying Configuration
IBM Drupal Users Group Discussion on Managing and Deploying ConfigurationIBM Drupal Users Group Discussion on Managing and Deploying Configuration
IBM Drupal Users Group Discussion on Managing and Deploying Configuration
 
Running Great Design Reviews With Clients & Partners
Running Great Design Reviews With Clients & PartnersRunning Great Design Reviews With Clients & Partners
Running Great Design Reviews With Clients & Partners
 
Oboss - the Next Generation Apps Workspace for Business
Oboss - the Next Generation Apps Workspace for BusinessOboss - the Next Generation Apps Workspace for Business
Oboss - the Next Generation Apps Workspace for Business
 
What's New in IBM Connections 4.0
What's New in IBM Connections 4.0What's New in IBM Connections 4.0
What's New in IBM Connections 4.0
 
Responsive Web Design: Tips and Tricks
Responsive Web Design: Tips and TricksResponsive Web Design: Tips and Tricks
Responsive Web Design: Tips and Tricks
 
Unit4wt
Unit4wtUnit4wt
Unit4wt
 

More from Ebizon

Meeting etiquettes
Meeting etiquettesMeeting etiquettes
Meeting etiquettesEbizon
 
Drupal 6 to 7 migration guide
Drupal 6 to 7 migration guideDrupal 6 to 7 migration guide
Drupal 6 to 7 migration guideEbizon
 
Is Wordpress a threat to Drupal
Is Wordpress a threat to Drupal Is Wordpress a threat to Drupal
Is Wordpress a threat to Drupal Ebizon
 
About Ebizon and Portfolio
About Ebizon and PortfolioAbout Ebizon and Portfolio
About Ebizon and PortfolioEbizon
 
Open Source Learning Management System - Canvas
Open Source Learning Management System - CanvasOpen Source Learning Management System - Canvas
Open Source Learning Management System - CanvasEbizon
 
Practically painless drupal project outsourcing
Practically painless drupal project outsourcingPractically painless drupal project outsourcing
Practically painless drupal project outsourcingEbizon
 
Ebizon capability
Ebizon capabilityEbizon capability
Ebizon capabilityEbizon
 
The true story about a norfolk based agency that saved cost by outsourcing
The true story about a norfolk based agency that saved cost by outsourcingThe true story about a norfolk based agency that saved cost by outsourcing
The true story about a norfolk based agency that saved cost by outsourcingEbizon
 
AWS Instance Preparation
AWS Instance PreparationAWS Instance Preparation
AWS Instance PreparationEbizon
 
5 tricks to know before you outsource your drupal project
5 tricks to know before you outsource your drupal project5 tricks to know before you outsource your drupal project
5 tricks to know before you outsource your drupal projectEbizon
 
Single Sign On - Case Study
Single Sign On - Case StudySingle Sign On - Case Study
Single Sign On - Case StudyEbizon
 
How Society for Science & the Public digitize their accreditation system
How Society for Science & the Public digitize their accreditation systemHow Society for Science & the Public digitize their accreditation system
How Society for Science & the Public digitize their accreditation systemEbizon
 

More from Ebizon (12)

Meeting etiquettes
Meeting etiquettesMeeting etiquettes
Meeting etiquettes
 
Drupal 6 to 7 migration guide
Drupal 6 to 7 migration guideDrupal 6 to 7 migration guide
Drupal 6 to 7 migration guide
 
Is Wordpress a threat to Drupal
Is Wordpress a threat to Drupal Is Wordpress a threat to Drupal
Is Wordpress a threat to Drupal
 
About Ebizon and Portfolio
About Ebizon and PortfolioAbout Ebizon and Portfolio
About Ebizon and Portfolio
 
Open Source Learning Management System - Canvas
Open Source Learning Management System - CanvasOpen Source Learning Management System - Canvas
Open Source Learning Management System - Canvas
 
Practically painless drupal project outsourcing
Practically painless drupal project outsourcingPractically painless drupal project outsourcing
Practically painless drupal project outsourcing
 
Ebizon capability
Ebizon capabilityEbizon capability
Ebizon capability
 
The true story about a norfolk based agency that saved cost by outsourcing
The true story about a norfolk based agency that saved cost by outsourcingThe true story about a norfolk based agency that saved cost by outsourcing
The true story about a norfolk based agency that saved cost by outsourcing
 
AWS Instance Preparation
AWS Instance PreparationAWS Instance Preparation
AWS Instance Preparation
 
5 tricks to know before you outsource your drupal project
5 tricks to know before you outsource your drupal project5 tricks to know before you outsource your drupal project
5 tricks to know before you outsource your drupal project
 
Single Sign On - Case Study
Single Sign On - Case StudySingle Sign On - Case Study
Single Sign On - Case Study
 
How Society for Science & the Public digitize their accreditation system
How Society for Science & the Public digitize their accreditation systemHow Society for Science & the Public digitize their accreditation system
How Society for Science & the Public digitize their accreditation system
 

Using badges on your site

  • 1. Using Badges On Your Site Prepared by Sanam Zaman April 12th, 2013 EbizON
  • 3. Who is Issuer? Whoever issues a badge becomes an issuer. An issuer is one who issues badges to users Badge Earner Issuer [Schools, Institutes, Organizations, Jon Training, Gaming sites, Online learning] 3 EbizON
  • 4. Backpack A Backpack is the central repository system where the badges are stored when user claims the badges. From the Backpack, user can manage the badges, group them, set privacy level and share it on various displayer sites. Group badges Set Privacy Share Backpack EbizON 4
  • 5. Displayer Displayer is any site where the badge is being displayed. If you want the users to display their badges on your site as well, you can also become a displayer. It can be multiple sites. The backpack is used to share the badges on various displayers. Your website Social networking sites Backpack Job Portals Displayer 5 EbizON
  • 6. Different approach of implementing badging system EbizON
  • 7. Approach 1: Using Mozilla Backpack • An issuer and displayer plugin for your site. • Mozilla Backpack. • Each user will use Mozilla Persona to claim their badges. • Mozilla Displayer API can be used to embed Javascript widgets. Issuer Plugin Mozilla Displayer Claimed badges Backpack Plugin A central repository to Push to To issue badges keep and manage all the display To display badges badges from various issuers Mozilla Persona 7 EbizON
  • 8. PROS & CONS Of Approach 1 Pros • Easiest to implement • Mozilla takes care of API upgrades etc. Cons • We need to have users sign up on Persona. • Branding of your site is not controlled. 8 EbizON
  • 9. Approach 2 – Using a local instance of Mozilla Backpack • An issuer and displayer plugin for your site. • An instance of Mozilla Backpack on your server https://github.com/mozilla/openbadges • The backpack instance would be meant to bypass Persona and integrate with your website’s SSO implementation A local Issuer Plugin instance of Displayer Claimed badges Mozilla Plugin Backpack Push to SSO A central repository to To issue badges display To display badges keep and manage all the badges 9 EbizON
  • 10. PROS & CONS of Approach 2 Pros • Your website’s branding can also be implemented on manage backpack. • Here you can also control that only your badges are shown on your site. Cons • Slightly difficult to implement, since you’ll need to by-pass Persona, Integrate the manage backup interface with your user page etc. • Here the local instance of backpack needs to be upgraded regularly as Mozilla upgrades the backpack code. 10 EbizON
  • 11. Approach 3 – Drupal Backpack Implementation • Run the Drupal backpack implementation (https://github.com/ebizon/openbadging-profile) on your local server • Also includes issuer backpack implementation. • Displayer API would integrate with external forums/blogs etc. • These badges are OBI Compliant and can be pushed to Mozilla Displayer Issuer Claimed badges Custom Backpack Subdomain Push to [www.badging.example.com] A central repository to www.example.com manage and group the display SSO earned badges Badges will be issued here to the users. www.example1.com Your Site [www.example.com] 11 EbizON
  • 12. PROS & CONS of Approach 3 Pros • Already existing out of the box system. • Fastest to use. • Would have to implement SSO with existing system. • Branding can also be controlled. Cons- Backpack is custom written in Drupal and therefore, needs to be updated whenever OBI specifications are changed. 12 EbizON
  • 13. If you want to integrate badging with your site using any of these above, Contact : priyanka@ebizontek.com 13 EbizON
  • 14. For Any Query or Installation of Open Badges, contact: Priyanka Jhamnani Sr. Drupal Consultant/Manager Email: priyanka@ebizontek.com Skype: priyanka.jhamnani Drupal.org http://drupal.org/node/1962434 id: Website: http://ebizontek.com EbizON