how i built the demo's
DESCRIPTION
An explanation of how I built the social graph demo’s for the Experiments in Data Portability talk.TRANSCRIPT
![Page 1: How I built the demo's](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55585298d8b42a993b8b4a41/html5/thumbnails/1.jpg)
Glenn Jones Barcamp London 6 28 March 2008
Experiments in Data PortabilityHow I built the demo’s
![Page 2: How I built the demo's](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55585298d8b42a993b8b4a41/html5/thumbnails/2.jpg)
![Page 3: How I built the demo's](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55585298d8b42a993b8b4a41/html5/thumbnails/3.jpg)
lab.madgex.com
![Page 4: How I built the demo's](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55585298d8b42a993b8b4a41/html5/thumbnails/4.jpg)
Start SiteOutward claim
How your Social Graph is built
Found Site
rel=me
Start SiteInward claimFound
Siterel=me
Start SiteReciprocal claimFound
Siterel=me
< a href=“http://www.glennjones.net/” rel=“me”>Glenn Jones</a>
![Page 5: How I built the demo's](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55585298d8b42a993b8b4a41/html5/thumbnails/5.jpg)
Open Standards Stack
Digest Access Authentication
Social Graph Node Mapper
Microformats Parser
OAuthmicroformats
RSS Library
ATOM Library
Google’s SocialGraph API
![Page 6: How I built the demo's](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55585298d8b42a993b8b4a41/html5/thumbnails/6.jpg)
Microformats - hCard
<p class=“vcard”> <a
class=“fn url” rel=“me” href=http://www.glennjones.net
/>Glenn Jones</p> </p>
![Page 7: How I built the demo's](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55585298d8b42a993b8b4a41/html5/thumbnails/7.jpg)
RSS and ATOM
<item> <title>SXSW 2009: Not the Same Old Story</title>
<description>If the web provides so many ways to connect with audiences, why are we all stuck telling the same story with our designs?</description> <link>http://huffduffer.com/adactio/3950</link> <enclosure url="http://audio.sxsw.com/2009/podcasts/NotTheSameOldStory.mp3" type="audio/mpeg" length="21898329"/>
<pubDate>Tue, 24 Mar 2009 10:29:46 GMT</pubDate> <category>sxsw</category>
</item>
![Page 8: How I built the demo's](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55585298d8b42a993b8b4a41/html5/thumbnails/8.jpg)
Social Graph Node Mapper
http://www.flickr.com/photos/glennjonesnet/
sgn://flickr.com/?ident=glennjonesnet
profile: http://www.flickr.com/people/glennjonesnet/content: http://www.flickr.com/photos/glennjonesnet/
rss: http://api.flickr.com/services/feeds/...
![Page 9: How I built the demo's](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55585298d8b42a993b8b4a41/html5/thumbnails/9.jpg)
priority: 20schema: hAtomcontent type: statusresource: listaction: readauthorisation: anonymousmime type: text/htmlverb: geturl-template: http://twitter.com/{username}/
![Page 10: How I built the demo's](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55585298d8b42a993b8b4a41/html5/thumbnails/10.jpg)
XRD discovery is on its way
<XRD>
<Subject>http://twitter.com/</Subject>
<Link priority=“10”>
<Rel>profile</Rel>
<Type>http://www.w3.org/2006/03/hcard</Type> <Type>http://ns.madgex.com/ufdp/contenttype/profile</Type> <Type>http://ns.madgex.com/ufdp/resoucetype/item</Type> <Type>http://ns.madgex.com/ufdp/action/read</Type>
<Type>http://ns.madgex.com/ufdp/verb/get</Type> <Type>http://ns.madgex.com/ufdp/authorisation/anonymous</Type>
<URITemplate>http://twitter.com/{username}</URITemplate><MediaType>text/html</MediaType>
</Link>
</XRD>
Conceptual outline of XRD-Based service description
![Page 11: How I built the demo's](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55585298d8b42a993b8b4a41/html5/thumbnails/11.jpg)
Open StackSocial Graph Search
SGN or XRD
URI Templates
Basic or OAuth
microformats
Web wide discovery
Site API/Services discovery
URL description
Authentication & access
Standard formats
![Page 12: How I built the demo's](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55585298d8b42a993b8b4a41/html5/thumbnails/12.jpg)
lab.madgex.com/identify
![Page 13: How I built the demo's](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55585298d8b42a993b8b4a41/html5/thumbnails/13.jpg)
![Page 14: How I built the demo's](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55585298d8b42a993b8b4a41/html5/thumbnails/14.jpg)
lab.madgex.com/microformats/apidemo/
![Page 15: How I built the demo's](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55585298d8b42a993b8b4a41/html5/thumbnails/15.jpg)
Chaining open standards together provides massively
great value than the sum of the parts
![Page 16: How I built the demo's](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55585298d8b42a993b8b4a41/html5/thumbnails/16.jpg)
Microformats Parsershttp://microformats.org/wiki/parsers
Microformats Parser - Optimus - XSLT http://microformatique.com/optimus/
Microformats Parser - Cognition - Perlhttp://buzzword.org.uk/cognition/
Google Social Graph APIhttp://socialgraph.apis.google.com/
Social Graph Node Mapperhttp://code.google.com/p/google-sgnodemapper/
URI-Templatehttp://tools.ietf.org/html/draft-gregorio-uritemplate-03
YQLhttp://developer.yahoo.com/yql/
Portable Contacts APIhttp://portablecontacts.net/
Bloghttp://www.glennjones.net/
Madgex Labs http://lab.madgex.com/
UfXtracthttp://ufxtract.com/
Backnetworkhttp://lab.backnetwork.com/
![Page 17: How I built the demo's](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55585298d8b42a993b8b4a41/html5/thumbnails/17.jpg)
XRDS-simplehttp://xrds-simple.net/core/1.0/
LRDD http://tools.ietf.org/html/draft-hammer-discovery-03
Eran Hammer-Lahavhttp://www.hueniverse.com/
![Page 18: How I built the demo's](https://reader034.vdocuments.mx/reader034/viewer/2022052619/55585298d8b42a993b8b4a41/html5/thumbnails/18.jpg)
Creative Commons Attribution-Non-Commercial 2.0 UK: England & Wales Licence.
Copyright Madgex 2008www.glennjones.net