Survey
* Your assessment is very important for improving the workof artificial intelligence, which forms the content of this project
* Your assessment is very important for improving the workof artificial intelligence, which forms the content of this project
MASHUPS: BUILDING MULTIMEDIA DOCUMENTS ON THE WEB GENOVEVA VARGAS SOLAR FRENCH COUNCIL OF SCIENTIFIC RESEARCH, LIG-LAFMIA, FRANCE [email protected] http://www.vargas-solar.com/ AGENDA Mashing up Web data Key concepts Problem statement and objective SUNO: a mashup definition environment Principle: mashing up data in space General architecture and main functions Implementation issues Conclusions and perspectives 2 SCENARIO Data integration in the Web Aggregation Combination Visualization 3 MASHUP Mashlet Atomic and reusable container that calls a data-provider and Presents the retrieved data (e.g. a Web page) Data Provider Web scrapping Feeds Web services Mashup 4 MASHUP Mashlet Mashup Application that aggregate, integrate, manage and display data, which are retrieved from several data-providers Examples Yahoo! Pipes (Data Flow) MS Montage (Spatial data organization) 5 MASHING UP DATA • • Mashlet • Graphical: widget • Functional: web services Mashup • Composition of mashlets • Loosely coupled data integration • Databases • Web services • Web Pages • Local Files 6 EXISTING WORKS CRITERION WSO2 MASHUP SERVER YAHOO! PIPES INTEL MASHMAKER PRESTO Type Platform Platform Platform Language/Platform Implementation JavaScript Drag-And-Drop Drag-And-Drop D&D XML/ support for adding scripts Edition tool Navigator Navigator Navigator Eclipse/ Navigator Dashbord WSO2 gadget server Yes Yes Yes Catalogue No Yes Yes No 7 APPROACH Digital profile of Genoveva Vargas : address, google, bing, flicker, facebook … S2: pages blanches M2 S3: 118 000 M1 S1 Mashlet: basic unit for retrieving data from a data service (service call) and visualizing results Data service identified by an URI and exports an API with methods for retrieving data Visualization defines a way how to display data in a 2D space (html page) and in time Mashup: a set of mashlets associated by spatial and temporal relationships 8 MASHLET Digital profile of Genoveva Vargas : address, google, bing, flicker, facebook … x t y Visualization: associates a size, a position, a start time, and a duration to the data retrieved from a service Management: frequency in which data have to be retrieved by calling the service 9 MASHLET Digital profile of Genoveva Vargas : address, google, bing, flicker, facebook … y 300 pixels x M1 Present Genoveva’s current addresses during 10 minutes once data have been retrieved in the upper part of the space in a rectangle of 300 x 200 pixels 200 pixels Visualization: associates a size, a position, a start time, and a duration to the data retrieved from a service Management: frequency in which data have to be retrieved by calling the service 10 MASHLET Digital profile of Genoveva Vargas : address, google, bing, flicker, facebook … t data transfer interval Present Genoveva’s current addresses during 10 minutes once data have been retrieved in the upper part of the space In a rectangle of 300 x 200 pixels 10 minutes Visualization: associates a size, a position, a start time, and a duration to the data retrieved from a service Management: frequency in which data have to be retrieved by calling the service 11 MASHLET Digital profile of Genoveva Vargas : address, google, bing, flicker, facebook … But Genoveva moves a lot and changes addresses frequently … … so data have to be refreshed S2 : Pages blanches M1 Get Genoveva’s address every week Visualization: associates a size, a position, a start time, and a duration to the data retrieved from a service Management: frequency in which data have to be retrieved by calling the service 12 MASHUP Digital profile of Genoveva Vargas : address, google, bing, flicker, facebook … Inspired in http://www.123people.fr 13 MASHUP ELEMENTS M1 S2: pages blanches Present Genoveva’s current addresses during 10 minutes once data have been retrieved in the upper part of the space In a rectangle of 300 x 200 pixels M2 M3 M2 Present Genoveva’s telephone numbers during 10 minutes once data have been retrieved in the upper part of the space in a rectangle of 600 x 200 pixels M1 Present Genoveva’s photos as long as data have been retrieved in the upper part of the space in a rectangle of 600 x 150 pixels S3: 118 000 S1 14 MASHUP M1 x t y S2: pages blanches M2 Compose M1 and M2 where M1 is touches M2 at the east and M1 and M2 are centered M2 M1 S1 15 MASHUP x y t M4 S2: pages blanches S1 Compose M1 and M2 where M1 is touches M2 at the east and M1 and M2 are centered 16 MASHUP x y t M4 S2: pages blanches Compose M4 and M3 where M3 touches M4 at the south and M4 and M3 are centred S1 M3 S3: 118 000 17 MASHUP x y t S2: pages blanches S3: 118 000 Compose M4 and M3 where M3 touches M4 at the south and M4 and M3 are centred S1 18 [email protected] http://www.vargas-solar.com/ AGENDA Mashing up Web data Key concepts Problem statement and objective SUNO: a mashup definition environment Principle: mashing up data in space General architecture and main functions Implementation issues Conclusions and perspectives 20 MASHING UP DATA IN A 2D SPACE PRINCIPLE X (1,1) (16,1) Photo - CNN Y (14,7) (1,9) Principle (16,9) Video - YouTube News – CNN Internet Internet News - LeMonde SS4 4 SS5 5 SS3 3 SS2 2 (18,7) Photo Flickr 21 SUNO ARCHITECTURE Client Server HTTP User interface Edition Environment User Accounts Presentation Mashlets Catalog Data Sources Manager Internet S4 S5 S3 S2 22 SUNO FUNCTIONS MASHLET DEFINITION Procedure Step 1 Specify the sources Step 2 Specify the data format Mashlet 1 Source = “http://…/CNN” Type = “Photo” Mashlet 2 … Save Step 3 Save the mashlet Mashlet Catalog 23 SUNO FUNCTIONS MASHUP 2D SPACE ORGANIZATION (I) (10,1) Container A Container B Y X (17,8) “My First Mashup” 24 SUNO FUNCTIONS MASHUP 2D SPACE ORGANIZATION (II) (10,1) Container A Container B Y X (17,8) 25 SUNO FUNCTIONS LINKING MASHLETS FOR PRODUCING A MASHUP (I) Mashlet 1 Container A Mashlet 2 Container B Mashlets Catalog 26 SUNO FUNCTIONS LINKING MASHLETS FOR PRODUCING A MASHUP (II) Mashlet 1 Container A Mashlet 2 Container B 27 SUNO FUNCTIONS MASHUP EXECUTION (1,1) (1,9) Mashlet 1 ( Photo - CNN) Mashlet 3 (News – CNN) (16,1) (14,7) Mashlet 2 (News - LeMonde) (16,9)Mashlet 4 (Video - YouTube) (18,7) M5 (Photo Flickr) 28 IMPLEMENTATION ISSUES Development platform Communication Styles .NET 4 Platform RESTful Silverlight SOAP Tools and Technologies Data Format XAML JSON C# XML Visual Studio 2010 29 Thanks 30