240 likes | 309 Views
Explore the world of mashups, where hackers and programmers merge different web services to create unique and valuable applications. Learn about mashup types, tools, and examples. Get ready to dive into the exciting realm of mashup development!
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/