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?

• It uses Twitter

•Uniqueness

• It uses Twitter• It uses Twitter

•Provides value•Easy to use…UX baby!•Creative license

What makes a Great Mashup?

It IS about the information!

It is not about the data!

Mashup Types

•Enterprise

•Consumer

•Data

•Business

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://maps.acjust.comhttp://www.restate.ae/en

Enterprise Based

KnowledgeTreeLiveSureCast

But How?

All you need is XML

But How?

All you need is XML

XML is all you need

•XML, JSON, CSV, etc…

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

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?

But How?

•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/

Formula One data

But How?

•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

Acrobat.com Document Services

But How?

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

88 Miles Project Management

But How?

•http://88miles.net/pages/developers•List companies /companies.xml via GET•Add companies /companies via POST•List your staff /staff.xml via GET

Take me to the code!

But How?

No Really, Take me to the code!

But How?

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/