A First Class Web Citizen

Gareth Rushgrove | morethanseven.net

Some People Use Browsers

Some People Don’t Use Browsers

urllib.urlopen('http://twitter.com/statuses/update.xml').read

Some People Aren't People, They're Robots

And Not Everything Is a Website

The Web Is On Your Desktop Too

And Sometimes It’s a Rabbit...

...Sort Of

What Is A Designer To Do?

Understand The Web As A Platform

Native To A Web Of Data

“An aggregate web of connected data sources and services

Tom Coates

A Semantic Web?

“The Semantic Web is the application of weblike design to data

Tim Berners-Lee

Websites Talking To Websites

“Mashups are the most interesting innovation in software development in 20 years

Douglas Crockford

APIs As User Interfaces

“The API is the product Todd Sampson

2Understand HTTP

Methods You Know

GET, POST

Sample GET Request

GET /index.html HTTP/1.1Host: www.example.com

Sample Response

HTTP/1.1 200 OKDate: Mon, 23 May 2005 22:38:34 GMTServer: Apache/1.3.3.7 (Unix) (Red-Hat/Linux)Last-Modified: Wed, 08 Jan 2003 23:11:55 GMTEtag: "3f80f-1b6-3e1cb03b"Accept-Ranges: bytesContent-Length: 438Connection: closeContent-Type: text/html; charset=UTF-8

Methods You Don’t

HEAD, PUT, DELETE, TRACE, OPTIONS

Everyone knows 404 Not Found

And Maybe 500 Internal Server Error

But What About 200 Found

Or 503 Service Unavailable

Applications

3Understand URLs

The Webs Coordinates

“The Web is an information space. Human

Dan Connolly

beings have a lot of mental machinery for manipulating, imagining, and finding their way in spaces. URIs are the points in that space

URL Design

“What, design a URI? I have to design URIs? Yes, you have to think about it

Tim Berners-Lee

Good or Bad?

http://flickr.com/photos

http://del.icio.us/tag/highlandfling

http://news.bbc.co.uk/sport1/hi/football/eng_prem/7309369.stm

http://musicbrainz.org/ws/1/artist

Framework Of Choice

from django.conf.urls.defaults import *

urlpatterns = patterns('', (r'ârticles/2003/$', 'news.views.special_case_2003'), (r'ârticles/(\d{4})/$', 'news.views.year'), (r'ârticles/(\d{4})/(\d{2})/$', 'news.views.month'), (r'ârticles/(\d{4})/(\d{2})/(\d+)/$', 'news.views.article'),)

Designing Good APIs

Prodable

Curl == Stick

curl --get http://musicbrainz.org/ws/1/artist/ -d type=xml -d query="delgados"

A Response

<?xml version="1.0" encoding="UTF-8"?><metadata xmlns="http://musicbrainz.org/ns/mmd-1.0#" xmlns:ext="http://musicbrainz.org/ns/ext-1.0#"> <artist-list count="1" offset="0"> <artist id="d629843e-d2b9-4665-a203-19f9c7f811ef" type="Group" ext:score="100"> <name>The Delgados</name> <sort-name>Delgados, The</sort-name> <life-span begin="1995" end="2005-04"/> </artist> </artist-list></metadata>

2Hackable

A Simple Trick

Variables In URLs

http://twitter.com/{username}

3Multilingual

Fire Eagle and Dopplr

5Transparent

Can Your Website Be Your API?

What About Other Websites?

6Obvious

Understand

2. HTTP

3. URLs

1. The Web As A Platform

Make Your API

6. Obvious

4. Open

2. Hackable

3. Multilingual

1. Prodable

5. Transparent

Thanks flickr

flickr.com/photos/stoweboyd/2350135191/

flickr.com/photos/sjaek/275710273/

flickr.com/photos/lkfdesign/365335459/

flickr.com/photos/mn_francis/418495671/

flickr.com/photos/tripu/267155109/

flickr.com/photos/jessefriedman/1435220149/

flickr.com/photos/sanbeiji/1821188052/

flickr.com/photos/lwr/2276706021/

flickr.com/photos/brocktice/1444774312/

flickr.com/photos/qwirksilver/104266807/

flickr.com/photos/deapeajay/2267569368/

flickr.com/photos/queen_of_subtle/461631577/

flickr.com/photos/wongjunhao/2189540204/

flickr.com/photos/warhead/2053343/

flickr.com/photos/stoweboyd/2350976688/

A First Class Web Citizen

Technology

Making Digital Workforce Metrics a First-Class Citizen of ......Citizen of Robotic Process Automation February 2019 Written by: Maureen Fleming, Program Vice President, Intelligent

First Annual Report of the Citizen Trade Policy Commission

First European Conference on Citizen Initiatives for Global Solidarity

First Class Fancies - backlucrative.combacklucrative.com/wp-content/uploads/2017/07/First-Class-Fancies.pdf · First Class Fancies focuses speciﬁcally on class 1 ... greater volume

CLASS 5A •FIRST TEAM CLASS 5A » FIRST TEAM CLASS 4A

First Line is First Class

Making Direction a First-Class Citizen of Tobler's First ...geog.ucsb.edu/~zhu/papers/TGIS_Special2019_DirTFL.pdf · becoming a ﬁrst-class citizen of equal importance to distance

Windows reimagined A new UI where touch is a first-class citizen along with full mouse-and-keyboard support

Frontend as a first class citizen

MIMO As a First-Class Citizen in 802.11 Kate C.-J. Lin Academia Sinica Shyamnath Gollakota and Dina Katabi MIT

Citizen engagement - First international ECSA conference 2016

Citizen Nation Class

First Citizen As

-OVER CLASS READBl^ PACIFIC CITIZEN · -OVER 75^ READBl^ secoMD CLASS pomsE-^ PAID AT LOSiANCCLES, CAUT PMUSHED «rtDa.V except last week ortea* PACIFIC CITIZEN By the Board: Changing

Grocott's Mail Citizen Journ Presentation Class 1 2010

MIMO As a First-Class Citizen in 802.11

De la Terre à la Lune - radzimire.free.frradzimire.free.fr/DL/Fuseeverne.pdf · first class first class 2 class d 2 class d first class first class c5 c6 c1 c2 c3 c4 c7 c1 c2 c5

Make Design A First Class Citizen To Ensure Analytics Success

George White Marston: San Diego’s “First Citizen” (1850-1946)

First Class in First Year