WEB MASH-UP

Ambarish Hazarnis Bhagyashree Deokar Varsha Gaikwad

A web mashup is a web application that takes information from one or more sources and presents it in a new way or with a unique layout.

Mashing up = Combining or stitching together.

WHAT IS WEB MASH-UP

Google Yahoo

COMPANIES USING WEB MASH-UP

WEB MASH-

UP

Google (Google earth,

Froogle) Yahoo (Yahoo!Pipes)

Amazon

eBay

Flickr

eWEEK

Online News

Services

SocialNet-

working Sites

NEED OF WEB MASH-UP• To foster innovation by unlocking and

remixing information in ways not originally planned for

1

• To uncover new business insights by easily assembling information from multiple sources

2

• To increase agility by supporting dynamic assembly and configuration of applications

3

• To speed up the development 4

• To reduce development costs through lightweight integration, reuse and sharing

5

Provide immediate benefit at little cost.

Reuse using the APIs provided.E.g. http://www.programmableweb.com/apis

Faster time-to-market.

Cost efficient.

ADVANTAGES OF MASH-UP

zDISADVANTAGES OF MASH-UPService reliability and QoS

Integrity of content no warranted

Scalability issues

Most data sources are not made as a service

There are no standards: difficult to implement security mechanisms

TYPES OF MASH-UP

Business Mash-up

Customer Mash-up

Data Mash-up

BUSINESS MASH-UP Internal combinations of company resources, often enhanced with external web services.

CUSTOMER MASH-UP Different visualisations and data elements for more appealing consumption of information

DATA MASH-UP Combines similar type of information from multiple sources into a single representation.

Architecture of mash-up

The architecture of a mashup is divided into three layers:

Presentation /user interaction : • This is the of user interface mashups. Technologies :• HTML/XHTML• CSS• Javascript • Asynchronous Javascript and Xml (Ajax).

ARCHITECTURE OF MASH-UP

PRESENATATI

ON

User interaction of mash-up

Technologies:-HTML/XHTML-CSS-JavaScript-Ajax

WEB

SERVI

CES

Product functionality can be accessed using API services

Technologies:-XMLHTTPRequest-XML-RPC-JSON-RPC-SOAP-REST

DATA

Handling the data like sending, storing and receivingTechnologies:-XML-JSON-KML

MAKE YOUR OWN MASH-UPPick a

Subject.Decide from where

to import data.

Do you have a server to run this

on?

What language will you use ?

Sign-up for an API.

Start coding.

• Security Be careful with user information.• Compatability

With various web clients.• Performance

Obviously on the client side, but be careful not to overload the server.• Attribution

Be aware of terms of use, check out licenses, e.g., creative commons.• Legality

Watch out for clauses relating to commercialisation, copyright issues.

5 BEST PRACTICES

THANK YOU