240 likes | 309 Views
The Great Mashup! Douglas Knudsen http://www.cubicelman.com doug@cubicleman.com Follow douglasknudsen on Twitter. mash-up or mash·up (māsh'ŭp') n. An audio recording that is a composite of samples from other recordings, usually from different musical styles. Jasmine T.
E N D
The Great Mashup! Douglas Knudsen http://www.cubicelman.comdoug@cubicleman.com Follow douglasknudsen on Twitter
mash-up or mash·up (māsh'ŭp') n. An audio recording that is a composite of samples from other recordings, usually from different musical styles. Jasmine T. http://www.youtube.com/watch?v=Fbh61zuNYr8&feature=related
? mash-up or mash·up (māsh'ŭp') The term mash-up refers to a new breed of Web-based applications created by hackers and programmers (typically on a volunteer basis) to mix at least two different services from disparate, and even competing, Web sites. Via webopedia.com
What is a mashup? Web Mashup = API (1) + API (2) +…+ API (n) where n∈N
Are mashups new ? Are mashups web 2.0? Are mashups sexy? Hey wake up back there, he said sexy!
What makes a Great Mashup? • Provides value • It uses Twitter • Easy to use…UX baby! • It uses Twitter • Creative license • It uses Twitter • Uniqueness
What makes a Great Mashup? It is not about the data! It IS about the information!
Mashup Types • Consumer • Business • Data • Enterprise
Consumer Based Helveti-tweet Paris Hilton Videos http://helveti-tweet.geenius.co.uk/
Data Based SpatialKey Congress Spacebook http://www.spatialkey.com/
Business Based Dubai Real Estate Prospella http://www.restate.ae/en http://maps.acjust.com
Enterprise Based SureCast KnowledgeTreeLive
But How? All you need is XML All you need is XML XML is all you need
But How? • Flash Platform sukorz! • AJAX! • A server…but not always! • Silverlight…shhh! • Anything that consumes XML! • Some creativity, yours or otherwise • A wee bit of elbow grease • RESTful web services or Big Web Services • XML, JSON, CSV, etc…
But How? • Flex and AIR…what we are all here for, eh? • HTTPService • WebService • Use e4x not XML, Object, etc… BE SURE TO SET THIS!! • Use a server to host your Flex app • Use a server to proxy services not providing a cross-domain.xml file • Use a server to massage incoming data or cross-ref with your data • What server technology is required?
But How? Where’s the data? • Programmable Web http://programmableweb.com • Web Service List http://www.webservicelist.com/ • Amazon http://aws.amazon.com • Intuit Partner Platform https://ipp.developer.intuit.com/
But How? Formula One data • http://ergast.com/mrd/ • http://ergast.com/api/f1/drivers/alonso Driver results for Fernando Alonso • http://ergast.com/api/f1/2008/5/qualifying Qualifying results for round 5, the 2008 season
But How? Acrobat.com Document Services • http://learn.adobe.com/wiki/display/acds/Document+Services • REST based services for document storage functionality in your application • Upload and download documents • Share documents as URLs • Set permissions on documents • Retrieve document thumbnails • Retrieve Flash-based document previews • etc..
But How? 88 Miles Project Management • http://88miles.net/pages/developers • List companies /companies.xml via GET • Add companies /companies via POST • List your staff /staff.xml via GET
But How? Take me to the code!
But How? No Really, Take me to the code!
Summary Page • What is a mash-up • Things that make a good mash-up • Some places to find data • What tools we can use to build them • Some examples • Some code! • Lets get busy!
Resources • http://www.programmableweb.com • http://www.adobe.com/flex • http://www.adobe.com/air • http://www.spatialkey.com • http://www.webservicelist.com/ • http://code.google.com/p/airvj/