• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Presentation on Web Standards and Open Data
 

Presentation on Web Standards and Open Data

on

  • 1,968 views

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

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 & 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.

Statistics

Views

Total Views
1,968
Views on SlideShare
1,966
Embed Views
2

Actions

Likes
1
Downloads
17
Comments
0

2 Embeds 2

http://www.slideshare.net 1
http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Presentation on Web Standards and Open Data Presentation on Web Standards and Open Data Presentation Transcript

    • Web StandardsOpen Data
      and
      Amber Case @caseorganic
      Aaron Parecki @aaronpk
    • Source: www.openstreetmap.org
    • Pre-Earthquake
      Post-Earthquake
    • Google Map
      Flickr: mikel_maron
      Open Street Map
    • Open Street Maps
      2008 Year of Edits
    • Bicycle Lock Rack Locations
      Source: http://pdxapi.com
    • Brought to you by:
      Max Ogden
      @maxogden
    • Ambient Findability
    • Microformats
      <div>
      <span>5 stars out of 5 stars</span>
      <h4>Crepes on Cole is awesome</h4>
      <span>Reviewer: <span>Tantek</span> - April 18, 2005</span>
      <blockquote><p>
      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.
      </p></blockquote>
      <p>Visit date: <span>April 2005</span></p>
      <p>Food eaten: <span>Florentine crepe</span></p>
      </div>
      Source: Microformats.org
    • Microformats
      <div class="hreview">
      <span><span class="rating">5</span> out of 5 stars</span>
      <h4 class="summary">Crepes on Cole is awesome</h4>
      <span class="reviewer vcard">Reviewer: <span class="fn">Tantek</span> - <abbr class="dtreviewed" title="20050418T2300-0700">April 18, 2005</abbr></span>
      <div class="description item vcard"><p>
      <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.
      </p></div>
      <p>Visit date: <span>April 2005</span></p>
      <p>Food eaten: <span>Florentine crepe</span></p>
      </div>
      Source: Microformats.org
    • Microformats in the Wild
      Source: Microformats.org
    • XFN - rel attribute
      Has met Ian in person.
      Ian is a colleague.
      Ian is a co-worker.
      Ian is a friend (isn't he lucky).
      Source: Emily Lewis ablognotlimited.com
    • A Short Blogroll
      MetaFilter gets no value since it does not represent an actual person.
      The others in the list are given space-separated values appropriate to the link target.
      Source: http://gmpg.org/xfn/intro
    • OAuth
      Source: http://oauth.net
    • One click sign-in
      Source: http://portland.cyborgcamp.org/wiki
    • Authentication
      Source: http://portland.cyborgcamp.org/wiki
    • Example
      Source: http://geoloqi.com
    • these redundant messages can be eliminated if you know where someone is.
    • the interfacedisappears
      actions are reduced
      queries are eliminated
    • a successful interface makes itself invisible
    • like electricityin your house!
    • your phone becomes a remote control for reality.
    • Transit
      Case is in San Francisco, California
      Flickr: GenoDM
    • proximal address notification
    • Developer Wiki
    • GeoloqiAPI
    • Sample Input
      This is an example of the iPhone client sending a single point of data.
      Source: http://geoloqi.org/API/location/update
    • Sample Response
      This is an example of entering information about a layer.
      Source: http://geoloqi.org/API/layer/info/:id
    • Conclusions
      Flickr: kuzeytac
    • Thank You
      Amber Case @caseorganic
      Aaron Parecki @aaronpk
      http://geoloqi.com