Presented by,R.MujeebabehamFinal year,CSE.

   

  Mashups Definition

 Types of Mashups

  Mashups vs Portals

  Business Mashups

  SEQUENCES :

   

 Architectural aspects of  Mashups

 Some problems with mashups

 Pro's and con's

 How to build a Mashup?

 The Mashup programming model

 SEQUENCES ...

   

Mashup: Definition“A mashup is a web application that combinescontent from more than one source into anintegrated experience”

✔   The Web as a Platform ✔   Services, not packaged software ✔   Remixable data sources ✔   Building situational applications ad hoc 

   

PICTORIAL REPRESENTATION:

User

Mashup website

User Request

Website 1 Website 2

API Call Data API Call Data

Data presentation

Data Manipulation

   

A Simple Example:

User

Mashup website

What are the available flats near US?

Real estate website Google Map

Request for available flat 

listFlat list

Request for area map

Area map

Map with available flats marked

   

 Types of Mashups:

Map mashups'

Google maps virtual Earth Yahoo maps MapQuest

Search and shopping mashups'

BizRate PriceGrabber MySimon Froogle

   

Video and photo mashups'

News mashups'

   

 Mashups vs Portals:

Portal Mashup

Older technology, extension to traditional Web server model using well defined approach

Using newer, loosely defined "Web 2.0" techniques

Traditionally content aggregation takes place on the server

Content aggregation can take place either on the server or on the client

Aggregates presentation­oriented markup fragments (HTML, WML, VoiceXML, etc.)

Can operate on pure XML content and also on presentation­oriented content (e.g., HTML)

   

Business Mashups:

Business mashups are useful for integrating business and data services, as business mashups technologies provide the ability to develop new integrated services quickly.

To combine internal services with external or personalized information, and to make these services tangible to the business user through user­friendly Web browser interfaces.

   

Architectural aspects of  Mashups:

Architecturally, there are two styles of mashups: 

(i)Web­based  and 

(ii)server­based

   

(i)Web­based Mashups :

  Use the user's Web browser to combine and     reformat  the data

(ii)server­based Mashups:

   Analyze and reformat the data on a               remote server and transmit the data to          the user's browser in its final form

   

Some problems with mashups:

   

Some problems with mashups:

1.Mashups sit on the shoulders of others.

2.Build real applications? Developing a   proprietary data source is a high cost route   to differentiation.

3. Consumer processes are simple.

4. Consumer business models are tough on    mashups.

   

Pro's and con's:

(I) Pros:

 Information reuse More resources to play with

(ii) Cons:

 Network congestion Speed bottleneckDanger of service failure

   

How to build a Mashup?

Prerequisites

Three steps 

✔ Planning✔  API sign­up✔  Coding

   

Prerequisites:

Required✔    Programming Language✔    Web Programming✔    XML Manipulation (XPath, XQuery, etc…)

Recommended✔   Web authoring tools

   

Three steps:

Planning:

(I) Pick a subject:✔     A Mashup of What?             Map + Real Estate?             Bookshop + Library Catalog?✔     More sources of data  More complicated

(II) Decide your data sources:✔         Who is your data provider?                  Maps: Google maps, Yahoo maps, etc..                  Online shopping: Amazon, EBay, etc..✔        Usually language agnostic✔        Varying complexity

   

 Planning continu...

(III) Other concerns

✔         How much time do you have?✔         Do you have a server to run it on?✔         Which programming language?

   

  API sign­up:

✔ Sign­up for the API

       ­Visit the homepage of your data source            and sign up       ✔ Example: http://www.google.com/apis/maps/

   

   Coding:

­ API Call●     REST, XML­PRC, SOAP , Javascript

­ Data Manipulation➢     To generate API requests➢     To process API responses➢     To represent data internally

­ Web programming➢      Design UI for your page

   

The Mashup programming model:

 Lightweight programming model

✔    Support lightweight programming models     that allow for loosely coupled systems

✔    Think syndication, not coordination

✔    Design for “hackability” and remixability

   

 (II) What does this mean?

✔         Uncontrolled reuse   ✔         Collaborative composition   ✔         Internet­wide interoperability   ✔          User­centric approach

The Mashup programming model:

   

          THANK YOU