My Name is E & Open Standards

My Name is E & Open Standards Wednesday 27 May 2009 Noordelijke Hogeschool Leeuwarden Andreas Creten

Hi, I’m Andreas

Lead Development at

Social Networks

Online Service

Card sharing on any mobile phone.

All you need is an internet connection.

E for iPhone

Available for free.

Connector

Status Launched last month. Winners of the Next Web Award.

E’s Architecture. PHP 5 MySQL jQuery Pongo Artoo

Pongo Model-View- Controller Framework

Artoo Sync Service app for pushing and pulling social network contact information.

Artoo

Webserver 1 Static Storage Amazon EC2 Amazon S3 E • Mobile 1 E • Desktop 1 Proﬁle images Artoo UI customization images r Load balance 2 Am azon EC Webserver 2 Database Server EBS Volume Amazon EC2 Amazon EC2 Amazon EBS E • Mobile 2 E • Desktop 2 Database EBS Access MySQL Data Artoo MySQL Server Setup

E is about bridging the gap between the virtual and physical.

Sharing cards is the ﬁrst step.

E knows who you are and what’s around you.

You decide how you connect and what you share.

Do you use open standards?

IEEE 802.11 (WiFi) vCal International Mobile Telecommunications-2000 (IMT-2000) Bluetooth Short Message Service (SMS) JPEG MPEG-4 Part 14, ISO/IEC 14496-14:2003 (MP4) MPEG-1 Audio Layer 3 (MP3) SQLite, TXT vCard, etc HTTP, CSS, JS, etc SMTP, IMAP Image credits: Chris Messina

“Standards change competition for a market to competition within a market” Hall Varian - Information Rules, 1998

Data Portability

RSS Really Simple Syndication

APML Attention Proﬁle Markup Language

RDF Resource Description Framework

<rdf:RDF xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\" xmlns:foaf=\"http://xmlns.com/foaf/0.1/\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\"> <rdf:Description rdf:about=\"http://en.wikipedia.org/wiki/ Tony_Benn\"> <dc:title>Tony Benn</dc:title> <dc:publisher>Wikipedia</dc:publisher> <foaf:primaryTopic> <foaf:Person> <foaf:name>Tony Benn</foaf:name> </foaf:Person> </foaf:primaryTopic> </rdf:Description> </rdf:RDF>

XMPP Extensible Messaging and Presence Protocol

OpenSocial opensocial.org - OpenSocial Foundation

A common API for social applications across multiple websites

Image credits: Patrick Chanezon, Kevin Marks & Christian Schalk

OpenSocial applications

Based on standards: HTML, Javascript, REST, oAuth

Access to: People, friends, Activities, ...

REST endpoints: /people/{uid}/@friends /people/{uid}/@self /activities/{uid}/@friends /activities/{uid}/@self

Additional parameters: format={format} format desired - options: atom, json (default) fields={field+} List of fields to include in request count={number} Set number of items/page startPage={startPage} Select a page from a paged collection

OpenSocial containers

Microformats microformats.org

How do we extract content?

Travel Network User Experience | sabreux.com 16

<h1>Canon EOS 5D 12.8 MP Digital SLR Camera</h1> <p> <strong>overage rating:</strong> <img src=\"5stars.jpg\" alt=\"5 stars\" /> </p> <img src=\"canon5d.jpg\" alt=\"camera body\" /> <p>The 12.8 megapixel Canon EOS 5d ... alloy body.</p> <ul> <li>35.8 x 23.9-millimeter CMOS sensor</li> <li>3 frame-per-second burst</li> <li>0.2 second start-up time operation</li> </ul>

Title <h1>Canon EOS 5D 12.8 MP Digital SLR Camera</h1> <p> <strong>overage rating:</strong> <img src=\"5stars.jpg\" alt=\"5 stars\" /> </p> <img src=\"canon5d.jpg\" alt=\"camera body\" /> <p>The 12.8 megapixel Canon EOS 5d ... alloy body.</p> <ul> <li>35.8 x 23.9-millimeter CMOS sensor</li> <li>3 frame-per-second burst</li> <li>0.2 second start-up time operation</li> </ul>

<h1>Canon EOS 5D 12.8 MP Digital SLR Camera</h1> <p> <strong>overage rating:</strong> <img src=\"5stars.jpg\" alt=\"5 stars\" /> </p> <img src=\"canon5d.jpg\" alt=\"camera body\" /> Paragraph <p>The 12.8 megapixel Canon EOS 5d ... alloy body.</p> <ul> <li>35.8 x 23.9-millimeter CMOS sensor</li> <li>3 frame-per-second burst</li> <li>0.2 second start-up time operation</li> </ul>

<h1>Canon EOS 5D 12.8 MP Digital SLR Camera</h1> <p> <strong>overage rating:</strong> <img src=\"5stars.jpg\" alt=\"5 stars\" /> </p> <img src=\"canon5d.jpg\" alt=\"camera body\" /> <p>The 12.8 megapixel Canon EOS 5d ... alloy body.</p> <ul> <li>35.8 x 23.9-millimeter CMOS sensor</li> List <li>3 frame-per-second burst</li> <li>0.2 second start-up time operation</li> </ul>

Useless

Must be split into: Title, Rating, Image, Description, Features

<div class=\"hreview\"> <h1 class=\"item fn\">Canon EOS 5D 12.8 MP Digital SLR Camera</h1> <p> <strong>overage rating:</strong> <span class=\"rating\" title=\"5\"> <img src=\"5stars.jpg\" alt=\"5 stars\" /> </span> </p> <img src=\"canon5d.jpg\" alt=\"camera body\" /> <p class=\"description\"> The 12.8 megapixel Canon EOS 5d ... alloy body. <ul> <li>35.8 x 23.9-millimeter CMOS sensor</li> <li>3 frame-per-second burst</li> <li>0.2 second start-up time operation</li> </ul> </p> </div>

Compound microformats hReview, hCalendar, hCard, hListing, hAtom, hResume

Element microformats deﬁning the relation of an object with the page

Demo time: Examples hCalendar: http://microformats.org/code/hcalendar/creator hCard: http://microformats.org/code/hcard/creator hReview: http://microformats.org/code/hreview/creator hResume: http://hresume.weblogswork.com/hresumecreator/ hAtom: http://dichotomize.com/uf/hatom/creator.html

Firefox plugin: Operator

openid.net - OpenID foundation

Images source: http://konstruktors.com/blog/understanding-web/259-how-to-be-your-own-openid-provider-and-use-your-blogs-url-for-identiﬁcation/

oauth.net

en tok ss ce ac

oAuthX Flow Second consumer First consumer Service provider Request Request Grant Exchange token Exchange token Exchange token Passes Exchange token Request Grant Access token Access token Access Protected Resources

JS-Kit

Exchange token JS-Kit

Data Portability are the tools to make the internet more like real life

We are looking for interns In Amsterdam And Antwerp

Questions? andreascreten.be @andreascreten mynameise.com/andreas

My Name is E & Open Standards

0 comments

Notes on slide 1

1 Event