Mettre la main à la pâte. Et la tête aussi.
Vous êtes ici : Accueil » Formation » Des badges fait à la main,....

Des badges fait à la main,....

D 14 décembre 2012     H 13:56     A t_num     C 0 messages


agrandir

Créer un badge ouvert (openbadge) pas à pas
Article librement inspiré.
http://billymeinke.wordpress.com/2012/05/24/open-badges-want-to-make-your-own-badges-by-hand-heres-how/

1. Votre badge doit une image avec une extention .png
J’ai utilisé un badge existant comme patron. Je l’ai téléchargé puis je l’ai ouvert avec GIMP.

2. Créez un fichier texte avec un éditeur du type Notepad, Leafpad,...et copiez y le code ci-dessous :

{ "recipient": "earner.name@gmail.com", "evidence": "http://google.com", "issued_on": "2012-05-21", "badge": { "version": "1.0.0", "name": "Explorer", "image": "http://urlofyourbadge.com/testbadgeimage.png", "description": "Has displayed expertise in hand-made badge creation.", "criteria": "http://etec.hawaii.edu", "issuer": { "origin": "http://openeducation.us/", "name": "Course Lecturer", "org": "Not a Real Badge, 2012", "contact": "issuer_email@hawaii.edu" } } }

Vous remplacez
earner.name@gmail.com par le mail du destinataire du badge
2012-05-21 par la date d’obtention du badge

  • Explorer par le nom que vous avez donné au badge
  • http://urlofyourbadge.com/testbadgeimage.png par l’adresse internet de votre badge
  • Has displayed expertise in hand-made badge creation par la description de la compétence validé
  • http://etec.hawaii.edu par l’adresse de la page web qui informe des critère de validation de cette compétence.
  • http://openeducation.us/ par le nom du site qui délivre le badge
  • Course Lecturer par le nom du prof responsable
  • Not a Real Badge, 2012 par le nom de l’organisme
  • issuer_email@hawaii.edu par un mail de contact

3. Enregistrez votre fichier avec l’extention .json (exemple : monbage.json)
4. Faites valider votre code à l’adresse ci-dessous.
http://beta.openbadges.org/issuer/validator
Vous arrivez sur une page web avec un cadre de saisie où vous copiez le code de votre fichier json. Cliquez sur le bouton Check your assertion. Un message(eng) vous indique l’erreur si il y en a un ou valide votre code.

PNG - 26.9 ko

Une fois corrigé et validé , vous téléversez votre fichier en ligne pour qu’il soit accessible publiquement sur un serveur web ou un site auto-hébergé.

5. Envoyez votre fichier json au service "baker" de Mozilla

Le but de cette opération est de lier votre badge et votre fichier json pour inclure les métadonnées dans votre badge. Tapez http://beta.openbadges.org/baker dans votre navigateur préféré.

Copier le lien vers votre fichier json que vous venez de mettre en ligne dans le cadre de saisie sur l’image ci-dessus et cliquez sur Build this badge.
Un nouveau badge vous sera proposé au téléchargement. C’est celui là que vous utiliserait dorénavant.

6. Créer votre "backpack"(sac à dos en français)
En vous inscrivant à l’adresse suivante : http://beta.openbadges.org/backpack/login

7. Téléversez votre badge dans votre backpack
En cliquant sur le bouton bleu Uploaud sur la gauche

8. Vous pouvez alors crée un portfolio pour votre badge et les prochains qui rentreront dans la même catégorie.
Vous créez le portfolio en glissant-déposant un badge qui est sur votre gauche dans le bandeau Drag your badge here. Par la suite vous n’aurait plus qu’à glisser-déposer les badges dans les bandeaux déjà créés.

Un petit descriptif :
Sur la gauche de bandeau du nouveau portfolio que vous venez de créer, il y a le titre que vous pouvez modifier. En dessous, il y a un bouton qui vous permet de le rendre public car le portfolio est privé par défaut. En haut à droite, une croix pour supprimer le portfolio. Enfin en dessous de la croix, un bouton de partage.
En cliquant sur ce bouton vous verrez ce qui sera rendu public et vous pouvez y modifier certaines informations.

À vous de jouer maintenant.

L’article dont je me suis inspiré propose d’autres méthodes pour la création des badges.

Dans la même rubrique

7 janvier 2013 – Mon bilan champêtre

13 décembre 2012 – Derniers P’ITyPas...?

5 décembre 2012 – Twit, twit, les petits sociaux

3 décembre 2012 – We can be heroes

26 novembre 2012 – Objectifs MOOC

Un message, un commentaire ?
modération a priori

Ce forum est modéré a priori : votre contribution n'apparaîtra qu'après avoir été validée par un administrateur du site.

Qui êtes-vous ?
Votre message