The Great Mashup! Douglas Knudsen

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.com http://www.restate.ae/en

Enterprise Based

KnowledgeTreeLive SureCast

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 the XML object 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/