Mashups for the masses Maarten Brugman & Sven Vintges.

Presentatie over: "Mashups for the masses Maarten Brugman & Sven Vintges."— Transcript van de presentatie:

1 Mashups for the masses Maarten Brugman & Sven Vintges

2 Agenda KLAD Mashups Maarten Voorbeelden Sven Tools Maarten YUI Sven –maps API –YUI –feed API –JavaScript? –web svs API XXX –logging Google APIs Maarten –maps API –gadget API –feed API –web svs API XXX –logging ? Case: callcenter Demo + code snippets beiden: map, map controls, data op map, focussen op map, Beveiliging (cookies, IWA, SAML? WS-Sec?) Sven Vergelijking Andere mashup-tools (WSO2 Sven, Google mashup Maarten, yahoo pipes Sven, intel mashmaker Maarten)

3 Agenda Mashups Voorbeelden Tools YUI Google Case Demo Beveiliging Vergelijking

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

5 Voorbeelden TODO SVEN

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 (slide met voorbeeld van iGoogle?)

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

8 Mashups Server Side Integratie informatie op de server (proxy style).

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

10 Mashups Client Side

11 Cross domain issues; Makkelijk en snel, geen applicatie server nodig; Veel browsers ondersteunen JSON; Performance, kracht van client wordt gebruiker.

12 Mashup Tools On-line: Google mashup server (beta) Yahoo! Pipes (beta) Microsoft Popfly Software: WSO2 mashup server IBM mashup starter kit (beta)

13 Commerciële tools

14 Aanroepen van SOAP web services dojo prototype

15 Hoe kunnen mashups tot stand worden gebracht? (1) 3rd party components; –Maps (swisstrains.cz); Representatie van geofeeds; Representatie van locatieobjecten; –Charting (finance.google.com); Tonen van data uit verschillende bronnen; Combineren van grafiek met andere informatie;

16 Hoe kunnen mashups tot stand worden gebracht? (1) Verschillende gegevensbronnen; –Eigen beheer; Interne RSS feed (openstaande incidenten); ….; –Ingekocht; Software as a Service?; …. –Uitgangspunt: 1+1 = 3

17 Hoe kunnen mashups tot stand worden gebracht? (1) (3rd party) Services; –… Representatie van geofeeds; Representatie van locatieobjecten; –… Tonen van data uit verschillende bronnen; Combineren van grafiek met andere informatie;

18 Aan de slag Wat hebben we nodig? –Een Toolkit Voldoende grote set componenten; Combineren van verschillende gegevensbronnen; Aanroepen van services; Een ‘lekker’ gevoel geven aan de applicatie. –Ontwikkelomgeving

19 Dit is de voorbeeld titel Google Toolkit –Een sub bullet Nog een bullet Bullet 2 Bullet 3

20 Agenda Yahoo Toolkit –Een sub bullet Nog een bullet Bullet 2 Bullet 3

21 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

22 Relevante APIs

23 Yahoo Maps Mapping –Maps.google.com –Maps.yahoo.com ….

24 Google vs Yahoo Ajax Toolkits –Nog een bullet ….

25 Toekomst Google Mashup toolkit –Nog een bullet http://www.mapbuilder.net/ http://mashmaker.intel.com/

26 Links Websites –http://www.programmableweb.com/http://www.programmableweb.com/ –http://reviews.cnet.com/4520-9239_7-6526615-3.htmlhttp://reviews.cnet.com/4520-9239_7-6526615-3.html –http://developer.yahoo.com/http://developer.yahoo.com/ Mashups –http://www.swisstrain.czwww.swisstrain.cz –http://www.treelz.comhttp://www.treelz.com –http://spotcrime.com/http://spotcrime.com/ Bullet 3

27 Agenda Bullet 1 –Een sub bullet Nog een bullet Bullet 2 Bullet 3

28 Benodigdheden Tools –Commercieel (enterprise mashups): Nexaweb, JackBe, BackBase, –Open source: google gadget, YUI, Gegevensbronnen –Maps: google, yahoo, ask, M$ –Publieke registers: kvk, telefoongids, postcodes, … –Enterprise services: …. Runtime –Appserver –Google mashup server –WSO2 mashup server

29 Cross-domain referencing Communiceren met andere server niet mogelijk via JavaScript Oplossingen: –proxy op dezelfde server (server-side) –JSON –dynamic script tag –IFrame