Mashups for the masses Maarten Brugman & Sven Vintges Atos Origin SI Center of Excellence RIA.

Presentatie over: "Mashups for the masses Maarten Brugman & Sven Vintges Atos Origin SI Center of Excellence RIA."— Transcript van de presentatie:

1 Mashups for the masses Maarten Brugman & Sven Vintges Atos Origin SI Center of Excellence RIA

2 Agenda Mashups Voorbeelden Architectuur Tools Yahoo! Google Case + Demo Aandachtspunten Huidige ontwikkelingen Conclusie

3 Even voorstellen Maarten Brugman –Software architect JAVA en deelnemer CoE RIA Sven Vintges –Software architect JAVA en.NET en deelnemer CoE RIA

4 Wat is een mashup Muzikale stroming –DJ Danger Mouse: The Beatles and Jay-z Web 2.0 –“a web application that combines data from more than one source into a single integrated tool “ (Wikipedia)web application

5 Hype!!!!

6 Soorten mashups Publieke mashups Enterprise mashups –combineer enterprise data uit verschillende bronnen –mogelijk ook publieke bronnen Gadgets / widgets in sidebar / persoonlijke pagina –eigenlijk geen mashup; –soms gebruikt in mashups.

7 Soorten gegevensbronnen Feeds –(Geo)-RSS –ATOM (Web) services –Typisch in enterprise-context Maps –Google, Yahoo!, Virtual Earth,... HTML –Screen scraping

8 Voorbeelden, shopping Zoeken in verschillende shops; Vergelijken van de prijzen van de verschillende shops; Community, review door andere gebruikers over producten én shops. http://www.vergelijk.nl/

9 Voorbeelden, nieuws Integreren van verschillende nieuwsbronnen; Bronnen zijn diverse soorten, bijvoorbeeld de beurs met nieuwsberichten; http://finance.google.com

10 Voorbeelden, video en foto Tonen van foto en map /3d foto’s; Foto’s m.b.v. een game laten kwalificeren, achterliggen doel: opbouwen hoe mensen foto’s kwalificeren. Herkenbare punten opslaan. http://www.360tuscany.net/

11 Voorbeelden, mapping Informatie met een map combineren; Geografische informatie (GeoRSS) in kaart brengen; http://www.swisstrains.ch

12 Agenda Mashups Voorbeelden Architectuur Tools Yahoo! Google Case + Demo Aandachtspunten Huidige ontwikkelingen Conclusie

13 Server Side Integratie Figuur 1: server-side mash-up, ref: sun.com

14 Server Side Integratie (2) Voordelen –Beveiliging: XMLHttpRequest sandboxing; –Veel libraries in JAVA en.NET om WS te gebruiken; –Filtering van data (grote hoeveelheden); –Caching; –Aggregatie.

15 Mashups Client Side Figuur 2: client-side mash-up, ref: sun.com

16 Mashups Client Side Cross domain issues; Veel browsers ondersteunen JSON; Makkelijk en snel, geen applicatieserver nodig; Performance, kracht van client wordt gebruikt.

17 Agenda Mashups Voorbeelden Architectuur Tools Yahoo! Google Case + Demo Aandachtspunten Huidige ontwikkelingen Conclusie

18 Yahoo! Toolkit (1) Yahoo! Music engine Yahoo! Widgets Yahoo! Search Yahoo! Travel Yahoo! Traffic Yahoo! User Interface Library Yahoo! Pipes …

19 Yahoo! UI Toolkit

20 Yahoo! Widgets Desktop experience; Mashups: –Veel standaard; –Zelfbouw mogelijk. http://widgets.yahoo.com

21 Yahoo! Mapping Verschillende manieren –AJAX (JavaScript); –Flash (Actionscript 2 en 3); –Simple API; –Image API; Mogelijkheden –Plaatsen van markers, labels etc; –Geocoding; –Routes weergeven (polylines); –Zooming, navigatie.

22 Google APIs so many to choose from... Android Google Data APIs Blogger Data API FeedBurner APIs Gmail Atom Feeds Google Account Authentication Google AdSense API Google AdSense for Audio API Google AdWords API Google AJAX APIs Google AJAX Feed API Google AJAX Language API Google AJAX Search API Google Analytics Google Apps APIs Google Base Data API Google Book Search Book Viewability API Google Calendar APIs and Tools Google Chart API Google Checkout API Google Code Search Google Code Search Data API Google Contacts Data API Google Coupon Feeds Google Desktop Gadget API Google Desktop Search APIs Google Documents List Data API Google Gadgets API Google Gears Google KML Google Mapplets Google Maps API Google Mashup Editor Google News Feeds Google Notebook Data API OpenSocial Orkut Google Safe Browsing APIs Google Search Appliance APIs Google Search History Feeds Google Sitemaps Google SketchUp Ruby API Social Graph API Google Spreadsheets Data API Google Static Maps API Google Talk XMPP Google Themes API Google Toolbar API Google Transit Feed Specification Google Visualization API Google Web Toolkit Picasa APIs Picasa Web Albums Data API YouTube Data API

23 Google APIs bruikbaar voor mashups Google maps API Google charts API Google gadgets API –user preferences (onder Google account) –fetch HTML (screen scraping) –fetch feeds (as JSON object) –fetch XML content (as DOM object)...en natuurlijk Google Mashup Editor

24 Agenda Mashups Voorbeelden Architectuur Tools Yahoo! Google Case + Demo Aandachtspunten Huidige ontwikkelingen Conclusie

25 Demo http://localhost/yahoo/index.html

26 Map toevoegen

27 Marker toevoegen

28 Focus marker

29 Updaten data/ markers

30 Charting

31 Aandachtspunten voor je mashup Beveiliging –Client-side mashup: per service regelen –Server-side mashup: 1x op de mashup-server Versionering/ beschikbaarheid –Client-side mashup: Beschikbaarheid van services/ kwaliteit van dienstverlening afhankelijk van derden; –Server-side mashup: Server dient als proxy, indien service niet beschikbaar dan kan server toch leveren door het uit de cache te halen. Performance; –Client-side: minder load op de server; –Server-side: complexere integratie, caching en polling mogelijk. Voor publieke services moet er een lijn naar buiten zijn. Integratie; –Client-side mogelijkheden zijn beperkt.

32 Agenda Mashups Voorbeelden Architectuur Tools Yahoo! Google Case + Demo Aandachtspunten Huidige ontwikkelingen Conclusie

33 Mashup Tools On-line: Yahoo! Pipes (beta) Google mashup server (beta) Microsoft Popfly OpenKapow Dapper Intel Mashmaker (beta) Open Source: WSO2 Mashup Server Apatar SnapLogic

34 Commerciële tools

35 Yahoo! Pipes Integratieservice; Resultaat als ‘pipe’ voor de map; Consumeren van RSS Feeds, Geo feeds, Services (toekomst).

36 Google mashup server

37 Google Mashup Server Wiki Issue Tracker Subversion Repo 100MB (publiek)

38 WSO2 Mashup server Web service composing; Deploying services als ws-*, REST met WSDL 1.1, WSDL 2.0, XML-Schema en AJAX test pagina; Gebaseerd op apache/ axis2 t.b.v. security, betrouwbaarheid en bewaking (governance); Gericht op enterprise mash-ups; www.wso2.com

39 Standaarden Server-side OpenSAM; Open AJAX; DataPortability.org.

40 Conclusie Mashup = HYPE, Adoptie = snel (Gartner); Wildgroei aan tools; Doe-het-zelf: “Information worker”; Client vs Server; Poging tot standaardisatie.

41 Meer informatie Websites –http://www.programmableweb.com/http://www.programmableweb.com/ –http://developer.yahoo.com/http://developer.yahoo.com/ –http://code.google.comhttp://code.google.com –http://blogs.zdnet.com/Hinchcliffe/?p=111http://blogs.zdnet.com/Hinchcliffe/?p=111 Mashups –http://www.swisstrains.chhttp://www.swisstrains.ch –http://www.treelz.comhttp://www.treelz.com –http://misdaadkaart.nl/http://misdaadkaart.nl/

42 Huidige ontwikkelingen Google Mashup toolkit http://mashmaker.intel.com/