SlideShare uma empresa Scribd logo
1 de 38
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]

Mais conteúdo relacionado

Mais procurados

Serverless Kafka on AWS as Part of a Cloud-native Data Lake Architecture
Serverless Kafka on AWS as Part of a Cloud-native Data Lake ArchitectureServerless Kafka on AWS as Part of a Cloud-native Data Lake Architecture
Serverless Kafka on AWS as Part of a Cloud-native Data Lake Architecture
Kai Wähner
 
April 8 NISO Webinar: Experimenting with BIBFRAME: Reports from Early Adopters
April 8 NISO Webinar: Experimenting with BIBFRAME: Reports from Early AdoptersApril 8 NISO Webinar: Experimenting with BIBFRAME: Reports from Early Adopters
April 8 NISO Webinar: Experimenting with BIBFRAME: Reports from Early Adopters
National Information Standards Organization (NISO)
 

Mais procurados (20)

AWS 101 Webinar: Journey to the AWS Cloud - Introduction to Cloud Computing w...
AWS 101 Webinar: Journey to the AWS Cloud - Introduction to Cloud Computing w...AWS 101 Webinar: Journey to the AWS Cloud - Introduction to Cloud Computing w...
AWS 101 Webinar: Journey to the AWS Cloud - Introduction to Cloud Computing w...
 
Knowledge agenda
Knowledge agenda Knowledge agenda
Knowledge agenda
 
Big Data and Analytics on AWS
Big Data and Analytics on AWS Big Data and Analytics on AWS
Big Data and Analytics on AWS
 
Bring the Customer Journey to Life with Salesforce Marketing Cloud
Bring the Customer Journey to Life with Salesforce Marketing CloudBring the Customer Journey to Life with Salesforce Marketing Cloud
Bring the Customer Journey to Life with Salesforce Marketing Cloud
 
Guide to an API-first Strategy
Guide to an API-first StrategyGuide to an API-first Strategy
Guide to an API-first Strategy
 
Introduction to Cloud Computing
Introduction to Cloud Computing Introduction to Cloud Computing
Introduction to Cloud Computing
 
Seminar Report On Amazon Web Service
Seminar Report On Amazon Web ServiceSeminar Report On Amazon Web Service
Seminar Report On Amazon Web Service
 
Low code application platforms
Low code application platformsLow code application platforms
Low code application platforms
 
5 Steps for Architecting a Data Lake
5 Steps for Architecting a Data Lake5 Steps for Architecting a Data Lake
5 Steps for Architecting a Data Lake
 
Cloud computing
Cloud computingCloud computing
Cloud computing
 
Migrating your Databases to AWS: Deep Dive on Amazon RDS and AWS Database Mig...
Migrating your Databases to AWS: Deep Dive on Amazon RDS and AWS Database Mig...Migrating your Databases to AWS: Deep Dive on Amazon RDS and AWS Database Mig...
Migrating your Databases to AWS: Deep Dive on Amazon RDS and AWS Database Mig...
 
Leveraging the AWS Sales Methodology and Partner Best Practices aws-partner-s...
Leveraging the AWS Sales Methodology and Partner Best Practices aws-partner-s...Leveraging the AWS Sales Methodology and Partner Best Practices aws-partner-s...
Leveraging the AWS Sales Methodology and Partner Best Practices aws-partner-s...
 
SaaS Presentation
SaaS PresentationSaaS Presentation
SaaS Presentation
 
20 Cloud Computing Quotes You Can't Miss
20 Cloud Computing Quotes You Can't Miss20 Cloud Computing Quotes You Can't Miss
20 Cloud Computing Quotes You Can't Miss
 
Serverless Kafka on AWS as Part of a Cloud-native Data Lake Architecture
Serverless Kafka on AWS as Part of a Cloud-native Data Lake ArchitectureServerless Kafka on AWS as Part of a Cloud-native Data Lake Architecture
Serverless Kafka on AWS as Part of a Cloud-native Data Lake Architecture
 
Hybrid Cloud Strategy for Big Data and Analytics
Hybrid Cloud Strategy for Big Data and Analytics Hybrid Cloud Strategy for Big Data and Analytics
Hybrid Cloud Strategy for Big Data and Analytics
 
Extending DSpace 7: DSpace-CRIS and DSpace-GLAM for empowered repositories an...
Extending DSpace 7: DSpace-CRIS and DSpace-GLAM for empowered repositories an...Extending DSpace 7: DSpace-CRIS and DSpace-GLAM for empowered repositories an...
Extending DSpace 7: DSpace-CRIS and DSpace-GLAM for empowered repositories an...
 
Salesforce Online Training
Salesforce Online TrainingSalesforce Online Training
Salesforce Online Training
 
Cloud computing
Cloud computingCloud computing
Cloud computing
 
April 8 NISO Webinar: Experimenting with BIBFRAME: Reports from Early Adopters
April 8 NISO Webinar: Experimenting with BIBFRAME: Reports from Early AdoptersApril 8 NISO Webinar: Experimenting with BIBFRAME: Reports from Early Adopters
April 8 NISO Webinar: Experimenting with BIBFRAME: Reports from Early Adopters
 

Semelhante a 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
 

Semelhante a 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
 

Mais de 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
 

Último

CALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best sexual service
CALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best sexual serviceCALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best sexual service
CALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best sexual service
anilsa9823
 
VIP Call Girl Service Andheri West ⚡ 9920725232 What It Takes To Be The Best ...
VIP Call Girl Service Andheri West ⚡ 9920725232 What It Takes To Be The Best ...VIP Call Girl Service Andheri West ⚡ 9920725232 What It Takes To Be The Best ...
VIP Call Girl Service Andheri West ⚡ 9920725232 What It Takes To Be The Best ...
dipikadinghjn ( Why You Choose Us? ) Escorts
 
VIP Call Girl in Mira Road 💧 9920725232 ( Call Me ) Get A New Crush Everyday ...
VIP Call Girl in Mira Road 💧 9920725232 ( Call Me ) Get A New Crush Everyday ...VIP Call Girl in Mira Road 💧 9920725232 ( Call Me ) Get A New Crush Everyday ...
VIP Call Girl in Mira Road 💧 9920725232 ( Call Me ) Get A New Crush Everyday ...
dipikadinghjn ( Why You Choose Us? ) Escorts
 

Último (20)

The Economic History of the U.S. Lecture 22.pdf
The Economic History of the U.S. Lecture 22.pdfThe Economic History of the U.S. Lecture 22.pdf
The Economic History of the U.S. Lecture 22.pdf
 
Best VIP Call Girls Noida Sector 18 Call Me: 8448380779
Best VIP Call Girls Noida Sector 18 Call Me: 8448380779Best VIP Call Girls Noida Sector 18 Call Me: 8448380779
Best VIP Call Girls Noida Sector 18 Call Me: 8448380779
 
The Economic History of the U.S. Lecture 23.pdf
The Economic History of the U.S. Lecture 23.pdfThe Economic History of the U.S. Lecture 23.pdf
The Economic History of the U.S. Lecture 23.pdf
 
Gurley shaw Theory of Monetary Economics.
Gurley shaw Theory of Monetary Economics.Gurley shaw Theory of Monetary Economics.
Gurley shaw Theory of Monetary Economics.
 
Booking open Available Pune Call Girls Talegaon Dabhade 6297143586 Call Hot ...
Booking open Available Pune Call Girls Talegaon Dabhade  6297143586 Call Hot ...Booking open Available Pune Call Girls Talegaon Dabhade  6297143586 Call Hot ...
Booking open Available Pune Call Girls Talegaon Dabhade 6297143586 Call Hot ...
 
CALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best sexual service
CALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best sexual serviceCALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best sexual service
CALL ON ➥8923113531 🔝Call Girls Gomti Nagar Lucknow best sexual service
 
WhatsApp 📞 Call : 9892124323 ✅Call Girls In Chembur ( Mumbai ) secure service
WhatsApp 📞 Call : 9892124323  ✅Call Girls In Chembur ( Mumbai ) secure serviceWhatsApp 📞 Call : 9892124323  ✅Call Girls In Chembur ( Mumbai ) secure service
WhatsApp 📞 Call : 9892124323 ✅Call Girls In Chembur ( Mumbai ) secure service
 
Veritas Interim Report 1 January–31 March 2024
Veritas Interim Report 1 January–31 March 2024Veritas Interim Report 1 January–31 March 2024
Veritas Interim Report 1 January–31 March 2024
 
Basic concepts related to Financial modelling
Basic concepts related to Financial modellingBasic concepts related to Financial modelling
Basic concepts related to Financial modelling
 
Stock Market Brief Deck (Under Pressure).pdf
Stock Market Brief Deck (Under Pressure).pdfStock Market Brief Deck (Under Pressure).pdf
Stock Market Brief Deck (Under Pressure).pdf
 
Independent Call Girl Number in Kurla Mumbai📲 Pooja Nehwal 9892124323 💞 Full ...
Independent Call Girl Number in Kurla Mumbai📲 Pooja Nehwal 9892124323 💞 Full ...Independent Call Girl Number in Kurla Mumbai📲 Pooja Nehwal 9892124323 💞 Full ...
Independent Call Girl Number in Kurla Mumbai📲 Pooja Nehwal 9892124323 💞 Full ...
 
02_Fabio Colombo_Accenture_MeetupDora&Cybersecurity.pptx
02_Fabio Colombo_Accenture_MeetupDora&Cybersecurity.pptx02_Fabio Colombo_Accenture_MeetupDora&Cybersecurity.pptx
02_Fabio Colombo_Accenture_MeetupDora&Cybersecurity.pptx
 
VIP Call Girl Service Andheri West ⚡ 9920725232 What It Takes To Be The Best ...
VIP Call Girl Service Andheri West ⚡ 9920725232 What It Takes To Be The Best ...VIP Call Girl Service Andheri West ⚡ 9920725232 What It Takes To Be The Best ...
VIP Call Girl Service Andheri West ⚡ 9920725232 What It Takes To Be The Best ...
 
Indore Real Estate Market Trends Report.pdf
Indore Real Estate Market Trends Report.pdfIndore Real Estate Market Trends Report.pdf
Indore Real Estate Market Trends Report.pdf
 
High Class Call Girls Nagpur Grishma Call 7001035870 Meet With Nagpur Escorts
High Class Call Girls Nagpur Grishma Call 7001035870 Meet With Nagpur EscortsHigh Class Call Girls Nagpur Grishma Call 7001035870 Meet With Nagpur Escorts
High Class Call Girls Nagpur Grishma Call 7001035870 Meet With Nagpur Escorts
 
Vip Call US 📞 7738631006 ✅Call Girls In Sakinaka ( Mumbai )
Vip Call US 📞 7738631006 ✅Call Girls In Sakinaka ( Mumbai )Vip Call US 📞 7738631006 ✅Call Girls In Sakinaka ( Mumbai )
Vip Call US 📞 7738631006 ✅Call Girls In Sakinaka ( Mumbai )
 
06_Joeri Van Speybroek_Dell_MeetupDora&Cybersecurity.pdf
06_Joeri Van Speybroek_Dell_MeetupDora&Cybersecurity.pdf06_Joeri Van Speybroek_Dell_MeetupDora&Cybersecurity.pdf
06_Joeri Van Speybroek_Dell_MeetupDora&Cybersecurity.pdf
 
Call Girls Service Nagpur Maya Call 7001035870 Meet With Nagpur Escorts
Call Girls Service Nagpur Maya Call 7001035870 Meet With Nagpur EscortsCall Girls Service Nagpur Maya Call 7001035870 Meet With Nagpur Escorts
Call Girls Service Nagpur Maya Call 7001035870 Meet With Nagpur Escorts
 
The Economic History of the U.S. Lecture 20.pdf
The Economic History of the U.S. Lecture 20.pdfThe Economic History of the U.S. Lecture 20.pdf
The Economic History of the U.S. Lecture 20.pdf
 
VIP Call Girl in Mira Road 💧 9920725232 ( Call Me ) Get A New Crush Everyday ...
VIP Call Girl in Mira Road 💧 9920725232 ( Call Me ) Get A New Crush Everyday ...VIP Call Girl in Mira Road 💧 9920725232 ( Call Me ) Get A New Crush Everyday ...
VIP Call Girl in Mira Road 💧 9920725232 ( Call Me ) Get A New Crush Everyday ...
 

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.