Transcript GreatMashup - cubicleman.com

The Great Mashup!
Douglas Knudsen
http://www.cubicelman.com
[email protected]
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
••Easy
It uses
to Twitter
use…UX baby!
• It uses Twitter
•Creative license
••Uniqueness
It uses Twitter
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
http://helveti-tweet.geenius.co.uk/
Paris Hilton Videos
Data Based
SpatialKey
http://www.spatialkey.com/
Congress Spacebook
Business Based
Dubai Real Estate
http://www.restate.ae/en
Prospella
http://maps.acjust.com
Enterprise Based
SureCast
KnowledgeTreeLive
But How?
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.co
m/
•Amazon
http://aws.amazon.com
•Intuit Partner Platform
https://ipp.developer.intuit.co
m/
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/