SlideShare a Scribd company logo
Jarrar © 2013 1
Dr. Mustafa Jarrar
University of Birzeit
mjarrar@birzeit.edu
www.jarrar.info
Lecture Notes on Web Data Management
Birzeit University, Palestine
2013
Introduction to
Web 2.0 Data Mashups
Jarrar © 2013 2
Watch this lecture and download the slides from
http://jarrar-courses.blogspot.com/2013/11/web-data-management.html
Jarrar © 2013 3
Outline
From Web 1.0 to Web 2.0
- Where Web 2.0 is going?
- Business/Professional Networking
- Social Networking
- Web 2.0 Technologies
- The Mashup Phenomena
- Web 2.0 challenges
Keywords: Social Community, Collaboration, Sharing, APIs, blog, Social Networking, Content syndication, Mashups,
Web APIs
Jarrar © 2013 4
Social Community, Collaboration, Sharing
From Web 1.0 to Web 2.0
Jarrar © 2013 5
Where Web 2.0 is going?
most Web 2.0 sites provide APIs
Jarrar © 2013 6
API
Wikipedia edited in real-time by anyone
(in 252 languages, millions of articles) written collaboratively
by volunteers around the world.
Jarrar © 2013 7
A social network for sharing photos
API
•3,464 uploads in the last minute ·
•160,129 things tagged with morning ·
•2.3 million things geotagged this month
In 2008
Source: http://www.flickr.com
Jarrar © 2013 8
API
Upload, View, and Share Videos (and tags...)
Jarrar © 2013 9
e-Buy and e-Sell
API
Millions of items are listed, bought, sold, and discussed daily.
Jarrar © 2013 10
API
We know this! What is social?
Jarrar © 2013 11
Upcoimg.org
API
A social event calendar website, uses iCalender, supports an open API
for the submission of event descriptions.
Jarrar © 2013 12
Blog (Your Own Journal)
API
Commentary, news, personal diaries... + comments/discussions
(+106 million blogs, as of 2007)
Jarrar © 2013 13
Business/Professional Networking
API
Social employability
16 million registered users (2007)
60 million registered users (2007)
Jarrar © 2013 14
Social Networking
API
Find your friends, socialize, group, share/organize events, and
more…(1.15 billion monthly users)
Jarrar © 2013 15
Web 2.0 Technologies
Content syndication
How can you deliver recent news to your users without forcing
them to visit your website?  RSS, Atom
Mashups
How can you remix free content and make a new website?
Web APIs (programmable web)
How can make use of the free content inside my website?
Companies are competing in gathering content from people
and
offering this content back through APIs (i.e. structured data)
Jarrar © 2013 16
Content Syndication
Millions of online publishers including newspapers, commercial web
sites and blogs now publish their latest news headlines, product offers
or blog postings in standard format news feed[1].
A typical web
feed logo
Jarrar © 2013 17
Content Syndication
The two main families of web syndication formats are RSS and Atom.
Jarrar © 2013 18
Mashups / Programmable Web
(The Puzzle of APIs)
Jarrar © 2013 19
Mashups
• A new type of web applications.
• Combines data from more than one source into a single
integrated tool[2].
• Creating a new and distinct web service that was not
originally provided by either source.
• Content is typically sourced via an API* or a RSS Feed
Let’s see some examples..
Jarrar © 2013 20
Mashups (Example)
Real-time mashup of votes from around the world
Ask500People.com
Jarrar © 2013 21
Map of Forbes list of the top 100 most powerful and best paid
celebrities. Pop-up windows for each includes related YouTube
videos.
Google Maps
Yahoo Geocoding
YouTube
Mashups (Example)
Jarrar © 2013 22
Pageflakes
Custom homepage builder that uses Ajax to let a user layout and
customize a page with relevant information. Includes pre-built modules
for Flickr, YouTube, Amazon and hundreds of other popular sites.
• Amazon S3,
• AOL Video,
• Box,
• Clickatell,
• del.icio.us,
• FedEx,
• Flickr,
• Google
• + many others
Mashups (Example)
Jarrar © 2013 23
Yahoo! Maps-
Yahoo! Local-
Flickr-
ePartyGuide.com
Mashups (Example)
Jarrar © 2013 24
Combines Google maps with real-estate databases
Mashups (Example)
Google Maps-
Real-estate-
Jarrar © 2013 25
A unified and comprehensive view of the current global state of
infectious diseases and their effect on human and animal health
Google News-
ProMED-
World Health
Organization-
Mashups (Example)
Jarrar © 2013 26
A visually rich application that combines the Amazon API to show the
relationship between movies, bands, actors, etc.
Mashups (Example)
Amazon API-
You Tube-
Others-
Jarrar © 2013 27
Be Innovative… (The Puzzle of APIs)
Jarrar © 2013 28
Find popular APIs
Jarrar © 2013 29
Find popular APIs here
Also, How-To start a
mashup
Jarrar © 2013 30
(APIX + APIY = Money)
… Be innovative to know x and y ;-)
See the “Mashup Market”
The Mashup Phenomena
 From Web of Documents (Hypertext) into Web of Data
In other words,
The Web is becoming a Database, where
a data source is seen as a table, and
a mashup is seen a query over multiple tables/sources.
 Data Web
Jarrar © 2013 32
Web 2.0 challenges
Suppose you want to build a mashup:
Build up your publications “publications webpage”, combining all
data from all sources/APIs?
• How to link data items cross sources?
• How to answer structured queries (over different APIs)
such as “Give me all people who works-at Birzeit and previously
lived in Belgium”?
• How to know the meaning/type of data Items? Bessan is
a person name, or a city name?
 Linking data items cross sources, such that it becomes
easy to integrate search, and retrieve (use RDF).
Jarrar © 2013 33
From Web 2.0 to Web 3.0
Next lecture
Jarrar © 2013 34
References
1. "Web Syndication." Wikipedia. Wikimedia Foundation. Web. 16 Feb. 2015.
<http://en.wikipedia.org/wiki/Web_syndication>.
2. Dengel, Andreas. KI 2008, Advances in Artificial Intelligence 31st Annual
German Conference on AI, KI 2008, Kaiserslautern, Germany, September 23-
26, 2008 : Proceedings. Berlin: Springer, 2008. Print.

More Related Content

PPTX
Jarrar: Introduction to Linked Data
PPTX
Jarrar: Introduction to data Integration
PDF
Jarrar: Linked Data
PPT
George thomas gtra2010
PPTX
Linked Data In Action
PDF
Structured Data for the Financial Industry
PPTX
Linking Open Data to Accelerate Low - Carbon Development
PDF
Using Linked Data Resources to generate web pages based on a BBC case study
Jarrar: Introduction to Linked Data
Jarrar: Introduction to data Integration
Jarrar: Linked Data
George thomas gtra2010
Linked Data In Action
Structured Data for the Financial Industry
Linking Open Data to Accelerate Low - Carbon Development
Using Linked Data Resources to generate web pages based on a BBC case study

What's hot (19)

PDF
Cooking up the Semantic Web
PDF
STUDY OF DEEP WEB AND A NEW FORM BASED CRAWLING TECHNIQUE
PPT
Web 3.0 / Semantic Web: What it means for academic users, libraries and publi...
PPT
EPA OEI Linked Data Process
PPTX
Introduction to the Semantic Web
DOCX
PPTX
Using DBpedia for Thesaurus Management and Linked Open Data Integration
PDF
Advance Frameworks for Hidden Web Retrieval Using Innovative Vision-Based Pag...
PPT
Keynote Presentation at MTSR07
PPT
Zeine 2011 LinkedIn Use of Information Technology for Global Professional Net...
PPTX
Web mining (1)
PDF
The Data Records Extraction from Web Pages
PDF
WEB MINING – A CATALYST FOR E-BUSINESS
PPT
Apprendre Via les Objets Xin Chen
PDF
BioIT 2018 'Easier integration and enrichment of your data by making public d...
PPTX
Linked data
PPTX
Web content mining
PPTX
Web mining tools
PPTX
Web Mining
Cooking up the Semantic Web
STUDY OF DEEP WEB AND A NEW FORM BASED CRAWLING TECHNIQUE
Web 3.0 / Semantic Web: What it means for academic users, libraries and publi...
EPA OEI Linked Data Process
Introduction to the Semantic Web
Using DBpedia for Thesaurus Management and Linked Open Data Integration
Advance Frameworks for Hidden Web Retrieval Using Innovative Vision-Based Pag...
Keynote Presentation at MTSR07
Zeine 2011 LinkedIn Use of Information Technology for Global Professional Net...
Web mining (1)
The Data Records Extraction from Web Pages
WEB MINING – A CATALYST FOR E-BUSINESS
Apprendre Via les Objets Xin Chen
BioIT 2018 'Easier integration and enrichment of your data by making public d...
Linked data
Web content mining
Web mining tools
Web Mining
Ad

Similar to Jarrar: Web 2.0 Data Mashups (20)

PDF
Jarrar: Web 2 Data Mashups
PPTX
Jarrar: The Next Generation of the Web 3.0: The Semantic Web
KEY
Web 30 and RSS
PPT
Sears web30e connectionartificialintelligence
PPT
Sears web30e connectionartificialintelligence
PPT
Web 2.0: new definition of web
PPT
WEB 2.0 For Interns(Surya)
PDF
MASHUP : THE WEB APPLICATION INTEGRATION (OVERVIEW)
PPT
Web20 Intro Naj Shaik
PPT
WEB 2.0
PPT
Info1010 presentation
PDF
Week 2 computers, web and the internet
PPTX
Cloud technology (Mashup) + Case Study
PDF
Gov 2.0 - eGovernment Social Media Platform Deployments and Future Opportunities
PDF
Web Crawler For Mining Web Data
PDF
20080509 webresearch lifshits_lecture01
PPT
Semantic Web Science
PDF
The “Big Data” Ecosystem at LinkedIn
PDF
The "Big Data" Ecosystem at LinkedIn
Jarrar: Web 2 Data Mashups
Jarrar: The Next Generation of the Web 3.0: The Semantic Web
Web 30 and RSS
Sears web30e connectionartificialintelligence
Sears web30e connectionartificialintelligence
Web 2.0: new definition of web
WEB 2.0 For Interns(Surya)
MASHUP : THE WEB APPLICATION INTEGRATION (OVERVIEW)
Web20 Intro Naj Shaik
WEB 2.0
Info1010 presentation
Week 2 computers, web and the internet
Cloud technology (Mashup) + Case Study
Gov 2.0 - eGovernment Social Media Platform Deployments and Future Opportunities
Web Crawler For Mining Web Data
20080509 webresearch lifshits_lecture01
Semantic Web Science
The “Big Data” Ecosystem at LinkedIn
The "Big Data" Ecosystem at LinkedIn
Ad

More from Mustafa Jarrar (20)

PPTX
Clustering Arabic Tweets for Sentiment Analysis
PPTX
Classifying Processes and Basic Formal Ontology
PPTX
Discrete Mathematics Course Outline
PPTX
Business Process Implementation
PPTX
Business Process Design and Re-engineering
PPTX
BPMN 2.0 Analytical Constructs
PPTX
BPMN 2.0 Descriptive Constructs
PPTX
Introduction to Business Process Management
PDF
Customer Complaint Ontology
PPTX
Subset, Equality, and Exclusion Rules
PPTX
Schema Modularization in ORM
PPTX
On Computer Science Trends and Priorities in Palestine
PPTX
Lessons from Class Recording & Publishing of Eight Online Courses
PPTX
Presentation curras paper-emnlp2014-final
PPTX
Jarrar: Future Internet in Horizon 2020 Calls
PPT
Habash: Arabic Natural Language Processing
PDF
Adnan: Introduction to Natural Language Processing
PPTX
Riestra: How to Design and engineer Competitive Horizon 2020 Proposals
PPTX
Bouquet: SIERA Workshop on The Pillars of Horizon2020
PPTX
Jarrar: Sparql Project
Clustering Arabic Tweets for Sentiment Analysis
Classifying Processes and Basic Formal Ontology
Discrete Mathematics Course Outline
Business Process Implementation
Business Process Design and Re-engineering
BPMN 2.0 Analytical Constructs
BPMN 2.0 Descriptive Constructs
Introduction to Business Process Management
Customer Complaint Ontology
Subset, Equality, and Exclusion Rules
Schema Modularization in ORM
On Computer Science Trends and Priorities in Palestine
Lessons from Class Recording & Publishing of Eight Online Courses
Presentation curras paper-emnlp2014-final
Jarrar: Future Internet in Horizon 2020 Calls
Habash: Arabic Natural Language Processing
Adnan: Introduction to Natural Language Processing
Riestra: How to Design and engineer Competitive Horizon 2020 Proposals
Bouquet: SIERA Workshop on The Pillars of Horizon2020
Jarrar: Sparql Project

Recently uploaded (20)

PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PPTX
Cloud computing and distributed systems.
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Electronic commerce courselecture one. Pdf
PDF
cuic standard and advanced reporting.pdf
PPTX
Spectroscopy.pptx food analysis technology
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
Approach and Philosophy of On baking technology
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Per capita expenditure prediction using model stacking based on satellite ima...
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Understanding_Digital_Forensics_Presentation.pptx
Review of recent advances in non-invasive hemoglobin estimation
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Cloud computing and distributed systems.
“AI and Expert System Decision Support & Business Intelligence Systems”
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Electronic commerce courselecture one. Pdf
cuic standard and advanced reporting.pdf
Spectroscopy.pptx food analysis technology
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Approach and Philosophy of On baking technology
20250228 LYD VKU AI Blended-Learning.pptx
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Network Security Unit 5.pdf for BCA BBA.
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...

Jarrar: Web 2.0 Data Mashups

  • 1. Jarrar © 2013 1 Dr. Mustafa Jarrar University of Birzeit mjarrar@birzeit.edu www.jarrar.info Lecture Notes on Web Data Management Birzeit University, Palestine 2013 Introduction to Web 2.0 Data Mashups
  • 2. Jarrar © 2013 2 Watch this lecture and download the slides from http://jarrar-courses.blogspot.com/2013/11/web-data-management.html
  • 3. Jarrar © 2013 3 Outline From Web 1.0 to Web 2.0 - Where Web 2.0 is going? - Business/Professional Networking - Social Networking - Web 2.0 Technologies - The Mashup Phenomena - Web 2.0 challenges Keywords: Social Community, Collaboration, Sharing, APIs, blog, Social Networking, Content syndication, Mashups, Web APIs
  • 4. Jarrar © 2013 4 Social Community, Collaboration, Sharing From Web 1.0 to Web 2.0
  • 5. Jarrar © 2013 5 Where Web 2.0 is going? most Web 2.0 sites provide APIs
  • 6. Jarrar © 2013 6 API Wikipedia edited in real-time by anyone (in 252 languages, millions of articles) written collaboratively by volunteers around the world.
  • 7. Jarrar © 2013 7 A social network for sharing photos API •3,464 uploads in the last minute · •160,129 things tagged with morning · •2.3 million things geotagged this month In 2008 Source: http://www.flickr.com
  • 8. Jarrar © 2013 8 API Upload, View, and Share Videos (and tags...)
  • 9. Jarrar © 2013 9 e-Buy and e-Sell API Millions of items are listed, bought, sold, and discussed daily.
  • 10. Jarrar © 2013 10 API We know this! What is social?
  • 11. Jarrar © 2013 11 Upcoimg.org API A social event calendar website, uses iCalender, supports an open API for the submission of event descriptions.
  • 12. Jarrar © 2013 12 Blog (Your Own Journal) API Commentary, news, personal diaries... + comments/discussions (+106 million blogs, as of 2007)
  • 13. Jarrar © 2013 13 Business/Professional Networking API Social employability 16 million registered users (2007) 60 million registered users (2007)
  • 14. Jarrar © 2013 14 Social Networking API Find your friends, socialize, group, share/organize events, and more…(1.15 billion monthly users)
  • 15. Jarrar © 2013 15 Web 2.0 Technologies Content syndication How can you deliver recent news to your users without forcing them to visit your website?  RSS, Atom Mashups How can you remix free content and make a new website? Web APIs (programmable web) How can make use of the free content inside my website? Companies are competing in gathering content from people and offering this content back through APIs (i.e. structured data)
  • 16. Jarrar © 2013 16 Content Syndication Millions of online publishers including newspapers, commercial web sites and blogs now publish their latest news headlines, product offers or blog postings in standard format news feed[1]. A typical web feed logo
  • 17. Jarrar © 2013 17 Content Syndication The two main families of web syndication formats are RSS and Atom.
  • 18. Jarrar © 2013 18 Mashups / Programmable Web (The Puzzle of APIs)
  • 19. Jarrar © 2013 19 Mashups • A new type of web applications. • Combines data from more than one source into a single integrated tool[2]. • Creating a new and distinct web service that was not originally provided by either source. • Content is typically sourced via an API* or a RSS Feed Let’s see some examples..
  • 20. Jarrar © 2013 20 Mashups (Example) Real-time mashup of votes from around the world Ask500People.com
  • 21. Jarrar © 2013 21 Map of Forbes list of the top 100 most powerful and best paid celebrities. Pop-up windows for each includes related YouTube videos. Google Maps Yahoo Geocoding YouTube Mashups (Example)
  • 22. Jarrar © 2013 22 Pageflakes Custom homepage builder that uses Ajax to let a user layout and customize a page with relevant information. Includes pre-built modules for Flickr, YouTube, Amazon and hundreds of other popular sites. • Amazon S3, • AOL Video, • Box, • Clickatell, • del.icio.us, • FedEx, • Flickr, • Google • + many others Mashups (Example)
  • 23. Jarrar © 2013 23 Yahoo! Maps- Yahoo! Local- Flickr- ePartyGuide.com Mashups (Example)
  • 24. Jarrar © 2013 24 Combines Google maps with real-estate databases Mashups (Example) Google Maps- Real-estate-
  • 25. Jarrar © 2013 25 A unified and comprehensive view of the current global state of infectious diseases and their effect on human and animal health Google News- ProMED- World Health Organization- Mashups (Example)
  • 26. Jarrar © 2013 26 A visually rich application that combines the Amazon API to show the relationship between movies, bands, actors, etc. Mashups (Example) Amazon API- You Tube- Others-
  • 27. Jarrar © 2013 27 Be Innovative… (The Puzzle of APIs)
  • 28. Jarrar © 2013 28 Find popular APIs
  • 29. Jarrar © 2013 29 Find popular APIs here Also, How-To start a mashup
  • 30. Jarrar © 2013 30 (APIX + APIY = Money) … Be innovative to know x and y ;-) See the “Mashup Market”
  • 31. The Mashup Phenomena  From Web of Documents (Hypertext) into Web of Data In other words, The Web is becoming a Database, where a data source is seen as a table, and a mashup is seen a query over multiple tables/sources.  Data Web
  • 32. Jarrar © 2013 32 Web 2.0 challenges Suppose you want to build a mashup: Build up your publications “publications webpage”, combining all data from all sources/APIs? • How to link data items cross sources? • How to answer structured queries (over different APIs) such as “Give me all people who works-at Birzeit and previously lived in Belgium”? • How to know the meaning/type of data Items? Bessan is a person name, or a city name?  Linking data items cross sources, such that it becomes easy to integrate search, and retrieve (use RDF).
  • 33. Jarrar © 2013 33 From Web 2.0 to Web 3.0 Next lecture
  • 34. Jarrar © 2013 34 References 1. "Web Syndication." Wikipedia. Wikimedia Foundation. Web. 16 Feb. 2015. <http://en.wikipedia.org/wiki/Web_syndication>. 2. Dengel, Andreas. KI 2008, Advances in Artificial Intelligence 31st Annual German Conference on AI, KI 2008, Kaiserslautern, Germany, September 23- 26, 2008 : Proceedings. Berlin: Springer, 2008. Print.