Fronteers 2009 Of Hamsters, Feature Creatures and Missed Opportunities
-
Upload
christian-heilmann -
Category
Technology
-
view
3.464 -
download
0
description
Transcript of Fronteers 2009 Of Hamsters, Feature Creatures and Missed Opportunities
Of hamsters, feature creatures and missed opportunities
Chris&anHeilmann,Fronteers,Amsterdam,5thofNovember2009(remember,remember)
Hamstering.
h@p://www.flickr.com/photos/codepo8/4066032678/
STUPID
h@p://www.flickr.com/photos/atalaya/544843059/
Howwelearntwebdesignisnottherightway.
WaSP Interact
h@p://interact.webstandards.org/
Opera Web Standards curriculum
h@p://www.opera.com/company/educa&on/curriculum/
Ourjob:evolvingtheweb
Specialists.
Fanboys.
*bleep*
Gooddevelopersarelikelibrarians.
h@p://www.flickr.com/photos/feliciaday/3828388329/
Libraries.
(...)
Writeless,domore.!=
Writeless,makeithardtomaintain.
Bewarethefeaturecreature.
Thefeatureloop
Complex
Simple
Feedback
Features
Shi[ingourpointofviewtospotopportuni&es.
Ourtechnologiesareshithot.
Thewebisnotsites.
Thewebisnotcode.
Itisaboutdata.
h@p://www.flickr.com/photos/22414102@N07/3508671863/
Buildingwithcomponents.
http://www.flickr.com/photos/seven13avenue/2080281038/
CMS
h@p://www.youtube.com/watch?v=_vJlADxbv4U&
KobayashiMaru
PhotosfromFlickr?
select*fromflickr.photos.searchwheretext="cat"
HeadlinesoftheNewYorkTimes?
select*fromnyt.ar&cle.searchwherequery="spontaneouscombus&on"
LatestcommitsonaGitHubrepo?
select*fromgithub.repo.commitswhereid='yql'andrepo='yql‐tables'
LatestheadlinesoftheVolkskrant?
select&tlefromhtmlwhereurl="h@p://www.volkskrant.nl/"andxpath="//h2[@&tle]"
LatestEnglishheadlinesoftheVolkskrant?select*fromgoogle.translatewhereqin(select&tlefromhtmlwhereurl="h@p://www.volkskrant.nl/"andxpath="//h2[@&tle]")andtarget='en'
Upda&ngTwi@er?
use'h@p://www.yqlblog.net/samples/[email protected]';[email protected](status,username,password)values("Inyourfronteers,blowingurmindz","codepo8","didyoureallythinkIshowit?")
Upda&ngWordpress?
insertintowordpress.post(&tle,descrip&on,blogurl,username,password)values("TestTitle","Thisisatestbody","h@p://ajaxian.com","cheilmann","iedoesitright")
Upda&ngtheinternet?
deletefrominternetwhereuser_agent="MSIE"andversion<8;
Notye
t,soz.
SearchoneterminGoogle,BingandYahoo?
select*fromquery.mul&wherequeries='select*frommicroso[.bingwherequery="JimmyHoffa"andsourcein("web");select*fromgoogle.searchwhereq="JimmyHoffa";select*fromsearch.webwherequery="JimmyHoffa"'
1)DefineyourQuery
2)Selectyouroutput
3)CopytheURL.
Orthemanlyway...
h@ps://query.yahooapis.com/v1/public/yql?q={uri‐encoded‐query}&format={xml|json}&diagnos&cs={true|false}&callback={func&on}&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys
Youcanmixandmatchwhateveryouwant.Youcansortandlimit.Youcanextendwithyourowndatatablesbywri&ngaschemaandpu|ngitonGitHub.Youcanstoreinforma&onontheYQLservers(thecloud,thecloud)
Where’sthecatch?
10khitsanhour(20kwithoAuth).100khitsaday.Dataiscachedfor15minutes(sooncustomisable).Execu&onlimitontheserveris30seconds(fornow).
That’s
all!
Let’sbiteintoanexample.
FindAmsterdam.
select*fromgeo.placeswheretext="amsterdam"
DefineAmsterdamandgetphotostakenthere.
select*fromflickr.photos.searchwherewoe_idin(selectwoeidfromgeo.placeswheretext="amsterdam")
Getalltheinforma&onaboutthesephotos.
select*fromflickr.photos.inforwherephoto_idin(selectidfromflickr.photos.searchwherewoe_idin(selectwoeidfromgeo.placeswheretext="amsterdam"))
Getonlywhatweneed.
selectfarm,id,secret,owner.realname,server,&tle,urls.url.contentfromflickr.photos.infowherephoto_idfromflickr.photos.inforwherephoto_idin(selectidfromflickr.photos.searchwherewoe_idin(selectwoeidfromgeo.placeswheretext="amsterdam"))
SelectformatJSON,defineacallbackandcopyandpastetheURL.h@ps://query.yahooapis.com/v1/yql?q=select%20*%20from%20flickr.photos.info%20where%20photo_id%20in%20(select%20id%20from%20flickr.photos.search%20where%20woe_id%20in%20(select%20woeid%20from%20geo.places%20where%20text%3D%22amsterdam%22))&format=json&diagnos&cs=false&env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&callback=flickr
CopyintoascriptsrcandwriteafewlinesofDomScrip&ng.
PROFIT!
h@p://isithackday.com/hacks/ajaxexperience/flickrgeophotos.html
Toolazytochangethedemo,meh.
Also:FAIL.
DonottrustJavaScripttobeavailable!
SomoveyourJavaScriptserverside!
YQLopentablescanhaveembeddedJSthatrunsontheYQLserver(withRhino)andsupportsXMLna&velywithE4X.
FlickrphotosasULsnow:
use"h@p://github.com/codepo8/yql‐tables/raw/master/flickr/flickr.photolist.xml"asflickr;select*fromflickrwheretext="me"andloca&on="uk"andamount=20
DisplaywithJavaScript:
DisplaywithPHP:
Joinus!h@p://github.com/yql/yql‐tables
Spendyour&meonmakingthewebfunforhumans,notpleasingmachines.
Ifyouareclever,youareallowedtobelazy.
Replacingthewebwouldbetough,souseitwell.
Chris&anHeilmannh@p://wait‐&ll‐i.comh@p://developer‐evangelism.comh@p://[email protected]/codepo8
Bedankt!