Presentation on Web Standards and Open Data

2,086 views

Published on

An introduction to Open Data and Standards for @tylersticka's Web Standard's Class at Portland Art Institute. Given by @caseorganic and @aaronpk.

Syllabus: <a>www.scribd.com/doc/33970016/AiPd-WDIM268-Summer-2010-Syll...</a>

The class was comprised of 22 Art Institute students, most of which are Web Design &amp; Interactive Media majors. The prerequisites for the class were intro to HTML and CSS classes, and most of the students were level 200 (sophomores), and a few seniors.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,086
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
19
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Presentation on Web Standards and Open Data

  1. 1. Web StandardsOpen Data<br />and<br />Amber Case @caseorganic<br /> Aaron Parecki @aaronpk<br />
  2. 2. Source: www.openstreetmap.org<br />
  3. 3. Pre-Earthquake<br />Post-Earthquake<br />
  4. 4. Google Map<br />Flickr: mikel_maron<br />Open Street Map<br />
  5. 5. Open Street Maps<br />2008 Year of Edits<br />
  6. 6.
  7. 7. Bicycle Lock Rack Locations<br />Source: http://pdxapi.com<br />
  8. 8. Brought to you by:<br />Max Ogden<br />@maxogden<br />
  9. 9.
  10. 10.
  11. 11. Ambient Findability<br />
  12. 12. Microformats<br /><div> <br /><span>5 stars out of 5 stars</span> <br /><h4>Crepes on Cole is awesome</h4> <br /><span>Reviewer: <span>Tantek</span> - April 18, 2005</span> <br /><blockquote><p> <br />Crepes on Cole is one of the best little creperies in San Francisco. Excellent food and service. Plenty of tables in a variety of sizes for parties large and small. Window seating makes for excellent people watching to/from the N-Judah which stops right outside. I've had many fun social gatherings here, as well as gotten plenty of work done thanks to neighborhood WiFi. <br /></p></blockquote> <br /><p>Visit date: <span>April 2005</span></p> <br /><p>Food eaten: <span>Florentine crepe</span></p> <br /></div> <br />Source: Microformats.org<br />
  13. 13. Microformats<br /><div class="hreview"> <br /><span><span class="rating">5</span> out of 5 stars</span> <br /><h4 class="summary">Crepes on Cole is awesome</h4> <br /><span class="reviewer vcard">Reviewer: <span class="fn">Tantek</span> - <abbr class="dtreviewed" title="20050418T2300-0700">April 18, 2005</abbr></span> <br /><div class="description item vcard"><p> <br /><span class="fn org">Crepes on Cole</span> is one of the best little creperies in <span class="adr"><span class="locality">San Francisco</span></span>. Excellent food and service. Plenty of tables in a variety of sizes for parties large and small. Window seating makes for excellent people watching to/from the N-Judah which stops right outside. I've had many fun social gatherings here, as well as gotten plenty of work done thanks to neighborhood WiFi. <br /></p></div><br /><p>Visit date: <span>April 2005</span></p> <br /><p>Food eaten: <span>Florentine crepe</span></p> <br /></div> <br />Source: Microformats.org<br />
  14. 14. Microformats in the Wild<br />Source: Microformats.org<br />
  15. 15. XFN - rel attribute<br />Has met Ian in person.<br />Ian is a colleague.<br />Ian is a co-worker.<br />Ian is a friend (isn't he lucky).<br />Source: Emily Lewis ablognotlimited.com <br />
  16. 16. A Short Blogroll<br />MetaFilter gets no value since it does not represent an actual person. <br />The others in the list are given space-separated values appropriate to the link target.<br />Source: http://gmpg.org/xfn/intro<br />
  17. 17. OAuth<br />Source: http://oauth.net<br />
  18. 18. One click sign-in<br />Source: http://portland.cyborgcamp.org/wiki<br />
  19. 19. Authentication<br />Source: http://portland.cyborgcamp.org/wiki<br />
  20. 20.
  21. 21.
  22. 22. Example<br />Source: http://geoloqi.com<br />
  23. 23.
  24. 24.
  25. 25.
  26. 26.
  27. 27.
  28. 28. these redundant messages can be eliminated if you know where someone is.<br />
  29. 29.
  30. 30.
  31. 31.
  32. 32.
  33. 33.
  34. 34. the interfacedisappears<br />actions are reduced <br />queries are eliminated<br />
  35. 35.
  36. 36.
  37. 37. a successful interface makes itself invisible<br />
  38. 38. like electricityin your house!<br />
  39. 39.
  40. 40.
  41. 41.
  42. 42. your phone becomes a remote control for reality.<br />
  43. 43.
  44. 44.
  45. 45.
  46. 46. Transit<br />Case is in San Francisco, California<br />Flickr: GenoDM<br />
  47. 47. proximal address notification<br />
  48. 48.
  49. 49. Developer Wiki<br />
  50. 50. GeoloqiAPI<br />
  51. 51. Sample Input<br />This is an example of the iPhone client sending a single point of data. <br />Source: http://geoloqi.org/API/location/update<br />
  52. 52. Sample Response<br />This is an example of entering information about a layer.<br />Source: http://geoloqi.org/API/layer/info/:id<br />
  53. 53. Conclusions<br />Flickr: kuzeytac<br />
  54. 54. Thank You<br />Amber Case @caseorganic<br /> Aaron Parecki @aaronpk<br /> http://geoloqi.com<br />

×