Web mashup
-
Upload
ambarish-hazarnis -
Category
Technology
-
view
2.181 -
download
1
description
Transcript of Web mashup
![Page 1: Web mashup](https://reader033.fdocuments.net/reader033/viewer/2022061209/548c4cf9b47959a8628b4592/html5/thumbnails/1.jpg)
WEB MASH-UP
Ambarish Hazarnis Bhagyashree Deokar Varsha Gaikwad
![Page 2: Web mashup](https://reader033.fdocuments.net/reader033/viewer/2022061209/548c4cf9b47959a8628b4592/html5/thumbnails/2.jpg)
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
![Page 3: Web mashup](https://reader033.fdocuments.net/reader033/viewer/2022061209/548c4cf9b47959a8628b4592/html5/thumbnails/3.jpg)
![Page 4: Web mashup](https://reader033.fdocuments.net/reader033/viewer/2022061209/548c4cf9b47959a8628b4592/html5/thumbnails/4.jpg)
![Page 5: Web mashup](https://reader033.fdocuments.net/reader033/viewer/2022061209/548c4cf9b47959a8628b4592/html5/thumbnails/5.jpg)
![Page 6: Web mashup](https://reader033.fdocuments.net/reader033/viewer/2022061209/548c4cf9b47959a8628b4592/html5/thumbnails/6.jpg)
![Page 7: Web mashup](https://reader033.fdocuments.net/reader033/viewer/2022061209/548c4cf9b47959a8628b4592/html5/thumbnails/7.jpg)
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
![Page 8: Web mashup](https://reader033.fdocuments.net/reader033/viewer/2022061209/548c4cf9b47959a8628b4592/html5/thumbnails/8.jpg)
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
![Page 9: Web mashup](https://reader033.fdocuments.net/reader033/viewer/2022061209/548c4cf9b47959a8628b4592/html5/thumbnails/9.jpg)
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
![Page 10: Web mashup](https://reader033.fdocuments.net/reader033/viewer/2022061209/548c4cf9b47959a8628b4592/html5/thumbnails/10.jpg)
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
![Page 11: Web mashup](https://reader033.fdocuments.net/reader033/viewer/2022061209/548c4cf9b47959a8628b4592/html5/thumbnails/11.jpg)
TYPES OF MASH-UP
Business Mash-up
Customer Mash-up
Data Mash-up
![Page 12: Web mashup](https://reader033.fdocuments.net/reader033/viewer/2022061209/548c4cf9b47959a8628b4592/html5/thumbnails/12.jpg)
BUSINESS MASH-UP Internal combinations of company resources, often enhanced with external web services.
![Page 13: Web mashup](https://reader033.fdocuments.net/reader033/viewer/2022061209/548c4cf9b47959a8628b4592/html5/thumbnails/13.jpg)
CUSTOMER MASH-UP Different visualisations and data elements for more appealing consumption of information
![Page 14: Web mashup](https://reader033.fdocuments.net/reader033/viewer/2022061209/548c4cf9b47959a8628b4592/html5/thumbnails/14.jpg)
DATA MASH-UP Combines similar type of information from multiple sources into a single representation.
![Page 15: Web mashup](https://reader033.fdocuments.net/reader033/viewer/2022061209/548c4cf9b47959a8628b4592/html5/thumbnails/15.jpg)
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
![Page 16: Web mashup](https://reader033.fdocuments.net/reader033/viewer/2022061209/548c4cf9b47959a8628b4592/html5/thumbnails/16.jpg)
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.
![Page 17: Web mashup](https://reader033.fdocuments.net/reader033/viewer/2022061209/548c4cf9b47959a8628b4592/html5/thumbnails/17.jpg)
• 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
![Page 18: Web mashup](https://reader033.fdocuments.net/reader033/viewer/2022061209/548c4cf9b47959a8628b4592/html5/thumbnails/18.jpg)
THANK YOU