My Name is E & Open Standards

  • 517 views
Uploaded on

The presentation I did at the minor The Next Web in Leeuwarden.

The presentation I did at the minor The Next Web in Leeuwarden.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
517
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
3
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. My Name is E & Open Standards Wednesday 27 May 2009 Noordelijke Hogeschool Leeuwarden Andreas Creten
  • 2. Hi, I’m Andreas
  • 3. Lead Development at
  • 4. My Name is E & Open Standards Wednesday 27 May 2009 Noordelijke Hogeschool Leeuwarden Andreas Creten
  • 5. Social Networks
  • 6. Online Service
  • 7. Card sharing on any mobile phone.
  • 8. All you need is an internet connection.
  • 9. E for iPhone
  • 10. Available for free.
  • 11. Connector
  • 12. Status Launched last month. Winners of the Next Web Award.
  • 13. E’s Architecture. PHP 5 MySQL jQuery Pongo Artoo
  • 14. E’s Architecture. PHP 5 MySQL jQuery Pongo Artoo
  • 15. Pongo Model-View- Controller Framework
  • 16. Artoo Sync Service app for pushing and pulling social network contact information.
  • 17. Artoo
  • 18. Webserver 1 Static Storage Amazon EC2 Amazon S3 E • Mobile 1 E • Desktop 1 Profile 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
  • 19. E is about bridging the gap between the virtual and physical.
  • 20. Sharing cards is the first step.
  • 21. E knows who you are and what’s around you.
  • 22. You decide how you connect and what you share.
  • 23. My Name is E & Open Standards Wednesday 27 May 2009 Noordelijke Hogeschool Leeuwarden Andreas Creten
  • 24. Do you use open standards?
  • 25. 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
  • 26. “Standards change competition for a market to competition within a market” Hall Varian - Information Rules, 1998
  • 27. Data Portability
  • 28. RSS Really Simple Syndication
  • 29. APML Attention Profile Markup Language
  • 30. RDF Resource Description Framework
  • 31. <rdf:RDF xmlns:rdf=quot;http://www.w3.org/1999/02/22-rdf-syntax-ns#quot; xmlns:foaf=quot;http://xmlns.com/foaf/0.1/quot; xmlns:dc=quot;http://purl.org/dc/elements/1.1/quot;> <rdf:Description rdf:about=quot;http://en.wikipedia.org/wiki/ Tony_Bennquot;> <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>
  • 32. XMPP Extensible Messaging and Presence Protocol
  • 33. OpenSocial opensocial.org - OpenSocial Foundation
  • 34. A common API for social applications across multiple websites
  • 35. Image credits: Patrick Chanezon, Kevin Marks & Christian Schalk
  • 36. Image credits: Patrick Chanezon, Kevin Marks & Christian Schalk
  • 37. Image credits: Patrick Chanezon, Kevin Marks & Christian Schalk
  • 38. Image credits: Patrick Chanezon, Kevin Marks & Christian Schalk
  • 39. OpenSocial applications
  • 40. Based on standards: HTML, Javascript, REST, oAuth
  • 41. Access to: People, friends, Activities, ...
  • 42. REST endpoints: /people/{uid}/@friends /people/{uid}/@self /activities/{uid}/@friends /activities/{uid}/@self
  • 43. 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
  • 44. OpenSocial containers
  • 45. Microformats microformats.org
  • 46. How do we extract content?
  • 47. Travel Network User Experience | sabreux.com 16
  • 48. <h1>Canon EOS 5D 12.8 MP Digital SLR Camera</h1> <p> <strong>overage rating:</strong> <img src=quot;5stars.jpgquot; alt=quot;5 starsquot; /> </p> <img src=quot;canon5d.jpgquot; alt=quot;camera bodyquot; /> <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>
  • 49. Title <h1>Canon EOS 5D 12.8 MP Digital SLR Camera</h1> <p> <strong>overage rating:</strong> <img src=quot;5stars.jpgquot; alt=quot;5 starsquot; /> </p> <img src=quot;canon5d.jpgquot; alt=quot;camera bodyquot; /> <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>
  • 50. <h1>Canon EOS 5D 12.8 MP Digital SLR Camera</h1> <p> <strong>overage rating:</strong> <img src=quot;5stars.jpgquot; alt=quot;5 starsquot; /> </p> <img src=quot;canon5d.jpgquot; alt=quot;camera bodyquot; /> 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>
  • 51. <h1>Canon EOS 5D 12.8 MP Digital SLR Camera</h1> <p> <strong>overage rating:</strong> <img src=quot;5stars.jpgquot; alt=quot;5 starsquot; /> </p> <img src=quot;canon5d.jpgquot; alt=quot;camera bodyquot; /> <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>
  • 52. Useless
  • 53. Must be split into: Title, Rating, Image, Description, Features
  • 54. <div class=quot;hreviewquot;> <h1 class=quot;item fnquot;>Canon EOS 5D 12.8 MP Digital SLR Camera</h1> <p> <strong>overage rating:</strong> <span class=quot;ratingquot; title=quot;5quot;> <img src=quot;5stars.jpgquot; alt=quot;5 starsquot; /> </span> </p> <img src=quot;canon5d.jpgquot; alt=quot;camera bodyquot; /> <p class=quot;descriptionquot;> 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>
  • 55. Compound microformats hReview, hCalendar, hCard, hListing, hAtom, hResume
  • 56. Element microformats defining the relation of an object with the page
  • 57. 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
  • 58. Firefox plugin: Operator
  • 59. openid.net - OpenID foundation
  • 60. Images source: http://konstruktors.com/blog/understanding-web/259-how-to-be-your-own-openid-provider-and-use-your-blogs-url-for-identification/
  • 61. oauth.net
  • 62. en tok ss ce ac
  • 63. 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
  • 64. JS-Kit
  • 65. Exchange token JS-Kit
  • 66. Exchange token JS-Kit
  • 67. Exchange token JS-Kit
  • 68. Data Portability are the tools to make the internet more like real life
  • 69. We are looking for interns In Amsterdam And Antwerp
  • 70. Questions? andreascreten.be @andreascreten mynameise.com/andreas