SlideShare a Scribd company logo
Web 2.0 Mashups Dr. Harry Chen CMSC 491S/691S March 3, 2008
Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object]
Mashup (web application hybrid) “ In technology, a  mashup  is  a web application that combines data from more than one source into a single integrated tool ; an example is the use of cartographic data from Google Maps to add location information to real-estate data from Craigslist, thereby creating a new and distinct web service that was not originally provided by either source.” http://en.wikipedia.org/wiki/Mashup_(web_application_hybrid)
Mashups and Mashups Music Mashups Web 2.0 Mashups
Good ideas behind Mashups ,[object Object],[object Object],[object Object]
These ideas are not new!  ,[object Object],[object Object],[object Object]
Mashup, old idea repolished? ,[object Object],[object Object]
Similar, but distinct  Web Portals & Web Information Aggregators  vs.  Mashups ,[object Object],[object Object],[object Object],Difference Similarity
Restaurants Example ,[object Object],[object Object],[object Object],[object Object],[object Object],An example from: http://webtrends.about.com/od/webmashups/a/web_mashup.htm
Restaurant Mashup App ,[object Object],[object Object],[object Object]
Mashup Genres ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Mashup Architecture
What’s involved Content Provider API Provider Mashup Site Client  Web Browser Content Provider Content Provider API Provider API Provider
Content Provider ,[object Object],[object Object],[object Object],[object Object],[object Object],Can you name a Content Provider?
API Provider ,[object Object],[object Object],[object Object],[object Object],Can you name an API Provider who is not a Content Provider?
Mashup Site ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Do you see any problems with mashups that rely on content scrapping?
Client Web Browser ,[object Object],[object Object],[object Object],[object Object],What’s the role Flash technology in Web 2.0 Mashups?
Key Enabling Technologies
Technical issues to consider… Mashup Site Client  Web Browser Content Provider API Provider Interface for read/write data Light-weight data format representation  Rich content & dynamic user interaction Programming language neutrality Cross-browser and multiple device platforms
Key technologies ,[object Object],[object Object],[object Object],[object Object],[object Object],Not a complete list. But, a majority of mashup webapps use these technologies.  An overview for now. We will revisit them in more detail in the next few classes.
HTTP ,[object Object],[object Object],[object Object],Web Browser Web Server request response Can you name those methods?
Key HTTP Methods ,[object Object]
HTTP in Mashups ,[object Object],[object Object],[object Object],[object Object]
Ajax ,[object Object],[object Object],Browser JavaScript code Web Server “ Give me some data” “ Here, data in XML” Modify the page content, without refreshing the page
Ajax vs. tradition HTTP paradigm  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ajax in Mashups ,[object Object],[object Object],[object Object],[object Object],[object Object]
XHTML and CSS ,[object Object],[object Object],[object Object],Why do we need XHTML?  What’s wrong with HTML?
XHTML and CSS in JavaScript ,[object Object],[object Object],[object Object]
XHTML and CSS in Mashups ,[object Object],[object Object],[object Object],[object Object],[object Object]
REST ,[object Object],[object Object],[object Object],[object Object],http://example.com/user/johnsmith
The CRUD model e.g., REST operation:  http://example.com/user/johnsmith
REST in Mashups ,[object Object],[object Object],[object Object]
RSS ,[object Object],[object Object]
RSS in Mashups ,[object Object],[object Object],[object Object]
Mashup Legal and Business Issues
Legal Issues ,[object Object],[object Object],[object Object],See also: http://web.mit.edu/sloan-msa/Papers/4.5.pdf
Business Issues ,[object Object],[object Object],[object Object],[object Object]
Summary ,[object Object],[object Object],[object Object]

More Related Content

What's hot

Basics of cloud computing & salesforce.com
Basics of cloud computing & salesforce.comBasics of cloud computing & salesforce.com
Basics of cloud computing & salesforce.com
Deepu S Nath
 
Software engineering Questions and Answers
Software engineering Questions and AnswersSoftware engineering Questions and Answers
Software engineering Questions and Answers
Bala Ganesh
 

What's hot (20)

Cloud Computing - Benefits and Challenges
Cloud Computing - Benefits and ChallengesCloud Computing - Benefits and Challenges
Cloud Computing - Benefits and Challenges
 
Monolithic architecture
Monolithic architectureMonolithic architecture
Monolithic architecture
 
AWS PPT.pptx
AWS PPT.pptxAWS PPT.pptx
AWS PPT.pptx
 
Website design with Wordpress ppt
Website design with Wordpress pptWebsite design with Wordpress ppt
Website design with Wordpress ppt
 
Wordpress ppt
Wordpress pptWordpress ppt
Wordpress ppt
 
Introduction to GCP (Google Cloud Platform)
Introduction to GCP (Google Cloud Platform)Introduction to GCP (Google Cloud Platform)
Introduction to GCP (Google Cloud Platform)
 
A quick introduction to Strapi CMS
A quick introduction to Strapi CMSA quick introduction to Strapi CMS
A quick introduction to Strapi CMS
 
IaaS, SaaS, PasS : Cloud Computing
IaaS, SaaS, PasS : Cloud ComputingIaaS, SaaS, PasS : Cloud Computing
IaaS, SaaS, PasS : Cloud Computing
 
Cloud Computing Service Models | IaaS PaaS SaaS Explained | Cloud Masters Pro...
Cloud Computing Service Models | IaaS PaaS SaaS Explained | Cloud Masters Pro...Cloud Computing Service Models | IaaS PaaS SaaS Explained | Cloud Masters Pro...
Cloud Computing Service Models | IaaS PaaS SaaS Explained | Cloud Masters Pro...
 
Basics of cloud computing & salesforce.com
Basics of cloud computing & salesforce.comBasics of cloud computing & salesforce.com
Basics of cloud computing & salesforce.com
 
Content Management System
Content Management SystemContent Management System
Content Management System
 
Unit 5- Architectural Design in software engineering
Unit 5- Architectural Design in software engineering Unit 5- Architectural Design in software engineering
Unit 5- Architectural Design in software engineering
 
API Management - Why it matters!
API Management - Why it matters!API Management - Why it matters!
API Management - Why it matters!
 
Software design patterns ppt
Software design patterns pptSoftware design patterns ppt
Software design patterns ppt
 
What is Cloud Computing with Amazon Web Services?
What is Cloud Computing with Amazon Web Services?What is Cloud Computing with Amazon Web Services?
What is Cloud Computing with Amazon Web Services?
 
Aws ppt
Aws pptAws ppt
Aws ppt
 
Cloud computing ppt
Cloud computing pptCloud computing ppt
Cloud computing ppt
 
Software engineering Questions and Answers
Software engineering Questions and AnswersSoftware engineering Questions and Answers
Software engineering Questions and Answers
 
Definitive Guide to API Management
Definitive Guide to API ManagementDefinitive Guide to API Management
Definitive Guide to API Management
 
CMS ( Content Management System ) Digital Marketing
CMS ( Content Management System ) Digital MarketingCMS ( Content Management System ) Digital Marketing
CMS ( Content Management System ) Digital Marketing
 

Similar to Web 2.0 Mashups

Mashups and Web Services
Mashups and Web ServicesMashups and Web Services
Mashups and Web Services
giurca
 
Doing More with Less: Mash Your Way to Productivity
Doing More with Less: Mash Your Way to ProductivityDoing More with Less: Mash Your Way to Productivity
Doing More with Less: Mash Your Way to Productivity
kevinreiss
 
MLA Plenary Session IV - Bart Ragon
MLA Plenary Session IV -  Bart RagonMLA Plenary Session IV -  Bart Ragon
MLA Plenary Session IV - Bart Ragon
David Rothman
 
Web2.0 Ajax and REST in WebSphere Portal
Web2.0 Ajax and REST in WebSphere PortalWeb2.0 Ajax and REST in WebSphere Portal
Web2.0 Ajax and REST in WebSphere Portal
Munish Gupta
 
Web 2 0 Fullfeatures
Web 2 0 FullfeaturesWeb 2 0 Fullfeatures
Web 2 0 Fullfeatures
vsnmurthy
 

Similar to Web 2.0 Mashups (20)

Mashups
MashupsMashups
Mashups
 
Mashups and Web Services
Mashups and Web ServicesMashups and Web Services
Mashups and Web Services
 
Web 2 0 Tools
Web 2 0 ToolsWeb 2 0 Tools
Web 2 0 Tools
 
Doing More with Less: Mash Your Way to Productivity
Doing More with Less: Mash Your Way to ProductivityDoing More with Less: Mash Your Way to Productivity
Doing More with Less: Mash Your Way to Productivity
 
Doing More with Less: Mash Your Way to Productivity
Doing More with Less: Mash Your Way to ProductivityDoing More with Less: Mash Your Way to Productivity
Doing More with Less: Mash Your Way to Productivity
 
Experience Ajax - Workshop For Designers
Experience Ajax - Workshop For DesignersExperience Ajax - Workshop For Designers
Experience Ajax - Workshop For Designers
 
Talking to 25% of the web - In-depth report and analysis on the WordPress RES...
Talking to 25% of the web - In-depth report and analysis on the WordPress RES...Talking to 25% of the web - In-depth report and analysis on the WordPress RES...
Talking to 25% of the web - In-depth report and analysis on the WordPress RES...
 
Openkapow At Mashup Camp 5
Openkapow At Mashup Camp 5Openkapow At Mashup Camp 5
Openkapow At Mashup Camp 5
 
Donation Website.pptx
Donation Website.pptxDonation Website.pptx
Donation Website.pptx
 
Building Components and Services for the Programmable Web
Building Components and Services for the Programmable WebBuilding Components and Services for the Programmable Web
Building Components and Services for the Programmable Web
 
single page application
single page applicationsingle page application
single page application
 
REST full API Design
REST full API DesignREST full API Design
REST full API Design
 
Cloud technology (Mashup) + Case Study
Cloud technology (Mashup) + Case StudyCloud technology (Mashup) + Case Study
Cloud technology (Mashup) + Case Study
 
MLA Plenary Session IV - Bart Ragon
MLA Plenary Session IV -  Bart RagonMLA Plenary Session IV -  Bart Ragon
MLA Plenary Session IV - Bart Ragon
 
Mashup
MashupMashup
Mashup
 
Client-side Rendering Vs. Server-side Rendering Vs. Pre-Rendering for Web App...
Client-side Rendering Vs. Server-side Rendering Vs. Pre-Rendering for Web App...Client-side Rendering Vs. Server-side Rendering Vs. Pre-Rendering for Web App...
Client-side Rendering Vs. Server-side Rendering Vs. Pre-Rendering for Web App...
 
Elucidating the Mashup Hype: Definition, Challenges, Methodical Guide and Too...
Elucidating the Mashup Hype: Definition, Challenges, Methodical Guide and Too...Elucidating the Mashup Hype: Definition, Challenges, Methodical Guide and Too...
Elucidating the Mashup Hype: Definition, Challenges, Methodical Guide and Too...
 
Web2.0 Ajax and REST in WebSphere Portal
Web2.0 Ajax and REST in WebSphere PortalWeb2.0 Ajax and REST in WebSphere Portal
Web2.0 Ajax and REST in WebSphere Portal
 
Mashups for Libraries
Mashups for LibrariesMashups for Libraries
Mashups for Libraries
 
Web 2 0 Fullfeatures
Web 2 0 FullfeaturesWeb 2 0 Fullfeatures
Web 2 0 Fullfeatures
 

More from hchen1 (14)

Semantic Web 2.0
Semantic Web 2.0Semantic Web 2.0
Semantic Web 2.0
 
Semantic HTML
Semantic HTMLSemantic HTML
Semantic HTML
 
Geonames
GeonamesGeonames
Geonames
 
Google Maps API
Google Maps APIGoogle Maps API
Google Maps API
 
Geospatial Web
Geospatial WebGeospatial Web
Geospatial Web
 
OpenSearch
OpenSearchOpenSearch
OpenSearch
 
RSS and Atom in the Social Web
RSS and Atom in the Social WebRSS and Atom in the Social Web
RSS and Atom in the Social Web
 
An Introduction to Ajax Programming
An Introduction to Ajax ProgrammingAn Introduction to Ajax Programming
An Introduction to Ajax Programming
 
Machine Tags
Machine TagsMachine Tags
Machine Tags
 
Gnizr Architecture (for developers)
Gnizr Architecture (for developers)Gnizr Architecture (for developers)
Gnizr Architecture (for developers)
 
Folksonomy and Tagging in the Social Web
Folksonomy and Tagging in the Social WebFolksonomy and Tagging in the Social Web
Folksonomy and Tagging in the Social Web
 
Developing Java Web Applications
Developing Java Web ApplicationsDeveloping Java Web Applications
Developing Java Web Applications
 
Inside Gnizr
Inside GnizrInside Gnizr
Inside Gnizr
 
Social Web Technologies
Social Web TechnologiesSocial Web Technologies
Social Web Technologies
 

Recently uploaded

Monthly Economic Monitoring of Ukraine No. 232, May 2024
Monthly Economic Monitoring of Ukraine No. 232, May 2024Monthly Economic Monitoring of Ukraine No. 232, May 2024
NO1 Uk Black Magic Specialist Expert In Sahiwal, Okara, Hafizabad, Mandi Bah...
NO1 Uk Black Magic Specialist Expert In Sahiwal, Okara, Hafizabad,  Mandi Bah...NO1 Uk Black Magic Specialist Expert In Sahiwal, Okara, Hafizabad,  Mandi Bah...
NO1 Uk Black Magic Specialist Expert In Sahiwal, Okara, Hafizabad, Mandi Bah...
Amil Baba Dawood bangali
 
what is the future of Pi Network currency.
what is the future of Pi Network currency.what is the future of Pi Network currency.
what is the future of Pi Network currency.
DOT TECH
 
一比一原版Adelaide毕业证阿德莱德大学毕业证成绩单如何办理
一比一原版Adelaide毕业证阿德莱德大学毕业证成绩单如何办理一比一原版Adelaide毕业证阿德莱德大学毕业证成绩单如何办理
一比一原版Adelaide毕业证阿德莱德大学毕业证成绩单如何办理
zsewypy
 
Introduction to Economics II Chapter 28 Unemployment (1).pdf
Introduction to Economics II Chapter 28 Unemployment (1).pdfIntroduction to Economics II Chapter 28 Unemployment (1).pdf
Introduction to Economics II Chapter 28 Unemployment (1).pdf
Safa444074
 

Recently uploaded (20)

Greek trade a pillar of dynamic economic growth - European Business Review
Greek trade a pillar of dynamic economic growth - European Business ReviewGreek trade a pillar of dynamic economic growth - European Business Review
Greek trade a pillar of dynamic economic growth - European Business Review
 
The new type of smart, sustainable entrepreneurship and the next day | Europe...
The new type of smart, sustainable entrepreneurship and the next day | Europe...The new type of smart, sustainable entrepreneurship and the next day | Europe...
The new type of smart, sustainable entrepreneurship and the next day | Europe...
 
Economics and Economic reasoning Chap. 1
Economics and Economic reasoning Chap. 1Economics and Economic reasoning Chap. 1
Economics and Economic reasoning Chap. 1
 
how can I sell my locked pi coins safety.
how can I sell my locked pi coins safety.how can I sell my locked pi coins safety.
how can I sell my locked pi coins safety.
 
Monthly Economic Monitoring of Ukraine No. 232, May 2024
Monthly Economic Monitoring of Ukraine No. 232, May 2024Monthly Economic Monitoring of Ukraine No. 232, May 2024
Monthly Economic Monitoring of Ukraine No. 232, May 2024
 
NO1 Uk Black Magic Specialist Expert In Sahiwal, Okara, Hafizabad, Mandi Bah...
NO1 Uk Black Magic Specialist Expert In Sahiwal, Okara, Hafizabad,  Mandi Bah...NO1 Uk Black Magic Specialist Expert In Sahiwal, Okara, Hafizabad,  Mandi Bah...
NO1 Uk Black Magic Specialist Expert In Sahiwal, Okara, Hafizabad, Mandi Bah...
 
how can I sell/buy bulk pi coins securely
how can I sell/buy bulk pi coins securelyhow can I sell/buy bulk pi coins securely
how can I sell/buy bulk pi coins securely
 
what is the future of Pi Network currency.
what is the future of Pi Network currency.what is the future of Pi Network currency.
what is the future of Pi Network currency.
 
一比一原版Adelaide毕业证阿德莱德大学毕业证成绩单如何办理
一比一原版Adelaide毕业证阿德莱德大学毕业证成绩单如何办理一比一原版Adelaide毕业证阿德莱德大学毕业证成绩单如何办理
一比一原版Adelaide毕业证阿德莱德大学毕业证成绩单如何办理
 
Isios-2024-Professional-Independent-Trustee-Survey.pdf
Isios-2024-Professional-Independent-Trustee-Survey.pdfIsios-2024-Professional-Independent-Trustee-Survey.pdf
Isios-2024-Professional-Independent-Trustee-Survey.pdf
 
Monthly Market Risk Update: May 2024 [SlideShare]
Monthly Market Risk Update: May 2024 [SlideShare]Monthly Market Risk Update: May 2024 [SlideShare]
Monthly Market Risk Update: May 2024 [SlideShare]
 
how can I sell my pi coins in China 2024.
how can I sell my pi coins in China 2024.how can I sell my pi coins in China 2024.
how can I sell my pi coins in China 2024.
 
Falcon Invoice Discounting: Optimizing Returns with Minimal Risk
Falcon Invoice Discounting: Optimizing Returns with Minimal RiskFalcon Invoice Discounting: Optimizing Returns with Minimal Risk
Falcon Invoice Discounting: Optimizing Returns with Minimal Risk
 
Introduction to Economics II Chapter 28 Unemployment (1).pdf
Introduction to Economics II Chapter 28 Unemployment (1).pdfIntroduction to Economics II Chapter 28 Unemployment (1).pdf
Introduction to Economics II Chapter 28 Unemployment (1).pdf
 
Commercial Bank Economic Capsule - May 2024
Commercial Bank Economic Capsule - May 2024Commercial Bank Economic Capsule - May 2024
Commercial Bank Economic Capsule - May 2024
 
how can I send my pi coins to Binance exchange
how can I send my pi coins to Binance exchangehow can I send my pi coins to Binance exchange
how can I send my pi coins to Binance exchange
 
Proposer Builder Separation Problem in Ethereum
Proposer Builder Separation Problem in EthereumProposer Builder Separation Problem in Ethereum
Proposer Builder Separation Problem in Ethereum
 
Next Cryptocurrencies to Explode in 2024.pdf
Next Cryptocurrencies to Explode in 2024.pdfNext Cryptocurrencies to Explode in 2024.pdf
Next Cryptocurrencies to Explode in 2024.pdf
 
Introduction to Economics II Chapter 25 Production and Growth.pdf
Introduction to Economics II Chapter 25 Production and Growth.pdfIntroduction to Economics II Chapter 25 Production and Growth.pdf
Introduction to Economics II Chapter 25 Production and Growth.pdf
 
how can I sell my mined pi coins profitabily.
how can I sell my mined pi coins profitabily.how can I sell my mined pi coins profitabily.
how can I sell my mined pi coins profitabily.
 

Web 2.0 Mashups

  • 1. Web 2.0 Mashups Dr. Harry Chen CMSC 491S/691S March 3, 2008
  • 2.
  • 3. Mashup (web application hybrid) “ In technology, a mashup is a web application that combines data from more than one source into a single integrated tool ; an example is the use of cartographic data from Google Maps to add location information to real-estate data from Craigslist, thereby creating a new and distinct web service that was not originally provided by either source.” http://en.wikipedia.org/wiki/Mashup_(web_application_hybrid)
  • 4. Mashups and Mashups Music Mashups Web 2.0 Mashups
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 13. What’s involved Content Provider API Provider Mashup Site Client Web Browser Content Provider Content Provider API Provider API Provider
  • 14.
  • 15.
  • 16.
  • 17.
  • 19. Technical issues to consider… Mashup Site Client Web Browser Content Provider API Provider Interface for read/write data Light-weight data format representation Rich content & dynamic user interaction Programming language neutrality Cross-browser and multiple device platforms
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31. The CRUD model e.g., REST operation: http://example.com/user/johnsmith
  • 32.
  • 33.
  • 34.
  • 35. Mashup Legal and Business Issues
  • 36.
  • 37.
  • 38.