Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 ·...
Transcript of Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 ·...
![Page 1: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/1.jpg)
1
Department of Computer Science University of Cyprus, Nicosia
December 6, 2007
Web 2.0, Social Programming, and Mashups(What is in for me!)
Dr Mustafa JarrarDr. Mustafa [email protected]
HPCLab, University of Cyprus
Social Community, Collaboration, Sharing
2
Back to the future…
![Page 2: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/2.jpg)
2
Who wrote this label?
3
Who uploaded this photo?
4
![Page 3: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/3.jpg)
3
• What is Web 2.0? What is social Web?
Outline
• Web 1.0 vs. Web 2.0?
• How can I make my website web 2.0?– RSS, Atom– Mashups– Programmable web
• How can I build a mashup?
What is Web 2.0?
I cannot define it , let’s see some examples..
6
![Page 4: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/4.jpg)
4
Wikipedia edited in real-time by anyone
(9.1 million articles in 252 languages) written collaboratively by volunteers around the world. <Top 10 visited sites on the net>
7
Users can work together to collaborate on photo projects and use each others’ tags to find new photos. (60 millions photos/week)
A social network for sharing photos
8
API
![Page 5: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/5.jpg)
5
Upload, View, and Share Videos (and tags...)
9
API
e-Buy and e-Sell
Millions of items are listed, bought, sold, and discussed daily.
10
API
![Page 6: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/6.jpg)
6
We know this! What is social?
11
API
Upcoimg.org
A social event calendar website, uses iCalender, supports an open API for the submission of event descriptions.
12
API
![Page 7: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/7.jpg)
7
Blog (Your Own Journal)
Commentary, news, personal diaries... + comments/discussions (+106 million blogs, as of 2007)
13
API
Personal Blogs
journalists, j ,scientists,
employees,...
everybody
14
![Page 8: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/8.jpg)
8
Corporate Blogs
15
Business/Professional Networking
16 million registered users
Social employability
16
API
![Page 9: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/9.jpg)
9
Social Networking
Find your friends, socialize, group, share/organize events, and more…(55 million active members)
Founded by Mark Zuckerberg in 2004 (Harvard students).
Became public in 2005
17
API
Became public in 2005
Looking for a Dating?!
A big business (now, 2nd largest segment of “paid content”)$500 million subscription fees in 2005 in the US (20M users/year?).
18
![Page 10: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/10.jpg)
10
What is Web 2.0?
Web 1.0Web 1.0html, xml, cgi, php, portal,
Web 2.0Web 2.0Blog, Wiki, folksonomy, RSS, Atom, g p p p
xform…g y
Mashup …
Read Read/ContributePage Post/RecordStatic Live
“Client server” “Web Service”Dogmatic Democratic
Social aspects
19
Social aspectsCommunity/collaboration
Content sharingUsers are its driving force
….very creative
What is in it for me?
“Me”, as a user?
“Me”, as a programmers?
,
I will join networks, learn, share, contribute…
Ideas?
20
Let’s see some of the Web 2.0 Technologies(to make your site web 2.0)
![Page 11: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/11.jpg)
11
Web 2.0 Technologies
Content syndicationHow 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?
21
Web APIs (programmable web)How can make use of the free content inside my website?
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.
A t i l b
22
A typical web
feed logo
![Page 12: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/12.jpg)
12
Content Syndication
Browsers can read these feeds, syndicate, and save them as “Favorites”
23
Content Syndication
The two main families of web syndication formats are RSS and Atom.
24
![Page 13: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/13.jpg)
13
Content Syndication
RSS (Really Simple Syndication)
• An RSS document is an XML (/sometimes RDF) document.• An RSS document, (called a "feed“/"channel," contains a
summary of content or the full text. • People are updated automatically.• RSS content can be read using "RSS readers," "feed reader" or
an "aggregator."
25
gg g
AtomSame as RSS, but elements are typed, + some other features.
See http://en.wikipedia.org/wiki/Atom
Content Syndication
A client software or a Web application which aggregates syndicated
Feed AggregatorA client software or a Web application which aggregates syndicated web content such as news headlines, blogs, podcasts, and vlogs in a single location for easy viewing.
• Akregator (KDE/Linux) • Apple Mail (Mac OS) • Attensa Feed Readers (cross-platform) • BlogBridge (cross-platform)
F d i Fi f t i ( l tf )
For example:• Google Reader • Google News • Netvibes • Newshutch
N I F
26
• Feedview, a Firefox extension (cross-platform) • FeedDemon (Windows) • FeedGhost (Windows) • Hubdog (Windows Mobile) • Juice (cross-platform) • Liferea (Linux) • Mozilla Thunderbird (cross-platform) • Microsoft Outlook 2007 (Windows) • Internet Explorer 7 (Windows) • ...
• NewsIsFree • ....
![Page 14: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/14.jpg)
14
Mashups / Programmable WebMashups / Programmable Web(The Puzzle of APIs)
27
Mashups
• A new breed of web applications.
• Combines data from more than one source into a single integrated• Combines data from more than one source into a single integrated tool.
• 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
28
Let’s see some examples..
![Page 15: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/15.jpg)
15
Mashups (Example)
Real-time mashup of votes from around the world Ask500People.com
29
ePartyGuide.com
Mashups (Example)
30
Yahoo! Maps-Yahoo! Local-
Flickr-
![Page 16: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/16.jpg)
16
Download and view any maps on your mobile.
Mashups (Example)
31
Google-Yahoo-
MSVEearth-
Combines Google maps with real-estate databases
Mashups (Example)
32
Google Maps-Real-estate-
![Page 17: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/17.jpg)
17
A unified and comprehensive view of the current global state of infectious diseases and their effect on human and animal health
Mashups (Example)
33
Google News-ProMED-
World Health Organization-
Mashups (Example)
Google news visualized intelligently
34
Google News-
![Page 18: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/18.jpg)
18
A visually rich application that combines the Amazon API to show the relationship between movies, bands, actors, etc.
Mashups (Example)
35
Amazon API-You Tube-
Others-
Visualize the most important incoming links for any URL.
Mashups (Example)
36
Google Search-Yahoo Search-
![Page 19: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/19.jpg)
19
Plan what movies to watch with your friends
Mashups (Example)
37
Ruby on Rails-Amazon ECS-
YouTube-Yahoo BBAuth-
Top Mashup TagsTime Line
38
![Page 20: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/20.jpg)
20
Be Innovative… (The Puzzle of APIs)
39
Be Innovative… (The Puzzle of APIs)
40
![Page 21: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/21.jpg)
21
Find popular APIs
41
How an API looks like?
42
![Page 22: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/22.jpg)
22
Watch, Google Base Coming!Watch, Google Base Coming!
43
Find popular APIs here
Also, How-To start a mashup
44
![Page 23: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/23.jpg)
23
Opportunity to compete
45
How Can I build a mashup?
What do you want to do?
Which data you need? APIs/RSS available? How is your programming skills?
Use mashup editors
Semi technical skillsProgrammers’ affair! (For Google Maps: HTML, XML, JavaScript )
Microsoft PopflySign up for a developer token
46Start coding Start Configuring
Microsoft Popfly Yahoo! Pipes QEDWiki by IBM Google Mashup Editor (Coming) Serena Business Mashups Dapper JackBe Presto Wires
http://aws.amazon.com/http://www.google.com/apis/maps/http://api.search.yahoo.com/webservices/re
![Page 24: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/24.jpg)
24
Yahoo Mashup Editor
DemoDemo
47
What is in it for me?
“Me”, as a user?
I will join networks, learn, share, contribute…
“Me”, as a programmers?
I will join networks, learn, share, contribute…
Support RSS, APIs, Mashup…
“Me”, as a businessman?(API + API Mone )
48
(APIX + APIY = Money)… Be innovative to know x and y ;-)
See the “Mashup Market”
![Page 25: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/25.jpg)
25
Where can I read more about Mashups?
49
What is
“Me”, as a user?
I will join networks, learn, share, contribute…
“Me”, as a programmers?
I will join networks, learn, share, contribute…
Support RSS, APIs, Mashup…
“Me”, as a businessman?(API +API Mone ) See the “Mash p Market”
50
(APIX+APIY = Money)… See the “Mashup Market”
“Me”, as a researcher?Prepare yourself for an open discussion.Let see some observations…
![Page 26: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/26.jpg)
26
The API phenomena is great!
• Close your eyes and imagine, a high tech room, where all information you need (cross all computers) can be retrieved and visualized very efficiently? What you will do? How do you want to personalize it?
• Where are we going? what is next?
51
• Is it really true what they say about (Web 3.0Web 3.0) ;-)that “the whole web is turning into a database”
• Where are we going? what is next?
What is the problem is the API phenomena
• How can we link data items cross sources?
• How to answer structured queries (over different APIs) such as “Give me all people who works-for UCY and
52
previously lived in Belgium”?
• How can I build up my “publications webpage”, combining all data from all sources/APIs?
![Page 27: Web 2.0, Social Programming, and Mashups (What is in for me!) - … 2.0-ver08.pdf · 2018-11-26 · 1 Department of Computer Science University of Cyprus, Nicosia December 6, 2007](https://reader033.fdocuments.net/reader033/viewer/2022060420/5f17434ec1d32c645344e54d/html5/thumbnails/27.jpg)
27
Can RDF and SPARQL help Web 2.0/3.0?
• Feeds are published in RDF.• SPARQL is used to query and combine RDF documents
53
• Does this technology really solve the problem?• If so what are the challenges? ((((Let’s discuss)))
Thank YouThank You
Download slides http://www.cs.ucy.ac.cy/~mjarrar
54
Contact me:[email protected]
HPCLab, University of Cyprus