My Name is E & Open Standards

836 views

Published on

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

Published in: Technology, Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
836
On SlideShare
0
From Embeds
0
Number of Embeds
31
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

My Name is E & Open Standards

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

×