Skip to main content

Greg McVerry

Update on Sending Webmention Badges from Wikimedia #openbadges

3 min read

I have made progress on webmention badges. In fact we can now issue webmention badges from https://indieweb.org the wiki directly to someone's Badge page like mine https://jgregorymcverry.com/badges

How cool is that?

Imagine a fandom wiki where you can develop a set of badges for a contributor and as soon as you make the wikipage the badge shows up on their website. That is the power of webmentions, a w3c standard designed to drive the new social web!

What if wikipedia had a similar badging experience? Every badge issunace gets a permalink and every contribuor gets to proudly display their badge. Who know it could increase contribution rates.

How Does it Work

The wiki has a little bit of extra magic. This is a tiny bit of microformats, samntic markup in your HTML. Anyone who can write a basic HTML file can use microformats.

I am using the following mark up for the badge. What you don't see is the h-entry indicating a post. Every wiki page on our wiki has an h-entry property:

 <h1 class="p-name">Tool Builder Badge </h1>
  <p>
    Issued <time class="dt-published" datetime="2013-12-15 12:00:00">15<sup>th</sup>Dec 2018</time>
    by <a class="p-author h-card" href="https://indieweb.org">IndieWeb.org</a>.
  </p>
<div class="e-content">
<img class="u-photo" src="https://indieweb.org/images/2/2e/toolbuilderbadge.png" alt="tool builder badge">
<p>To earn the tool builder badge you had to<span class="p-criteria">launch code with documentation for the community to use.</span></p>
<p> <a class="u-in-reply-to" href="https://jgregorymcverry.com/badges"><span class="h-card">jgmac1106</span> </a> earned this badge  as  <span class="p-evidence">evidenced by <a class="u-in-reply-to" href="https://glitch.com/@jgmac1106/indie-web-learning-networks">IndieWeb Learning Networks</a></span></p></div>

The p-criteria and p-evidence are proposed microforamts and are currently ignored by all parsers.

I then made a page on the wiki for the badge. The badge temoplate can then be copied and the wiki username added to the file to issue the badge. https://indieweb.org/toolbuilder-badge-jgmac1106

The IndieWeb wiki uses webmentions.io to recieve webmentions and telegraph.io to send webmentions. Any wiki could use these services, or better yet, build the service right into your server.

When I create the file for a specific user I can then send the webmention to the evidence and to the users website page for displaying badges.

Then the user gets to decide how to display the badge.

What's Next?

I want to keep working with our version of mediawiki, being able to provide this level of creditialing from a wiki has so many use cases.

I also want to work on a micropub client for making and issuing a badge. This would have to publish a badge to an issuer's website and then send a webmention badge to a recipient while creating a public ledger.

It's quite doable. Wanna help?