Top Banner
WEB 2.0 WEB 2.0
19

WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.

Dec 16, 2015

Download

Documents

Elliott Cullin
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.

WEB 2.0WEB 2.0WEB 2.0WEB 2.0

Page 2: WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.

What we are speaking about…

• Transformation of WEB, the WEB 2.0– New generation of websites…– Importance of Open Data…– Importance of Users… – Web as application platform…– Web 2.0 hard to define…

• Web technolologies– Client and server, HTTP, HTML, CSS– Static and Dinamic web pages

• Web 2.0 technologies– RSS, AJAX and the others…

Page 3: WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.

Have you heard about them?

• Some new websites was born in the last couple of years. They are – „somehow different” – „not just plain” websites but services– giving a „Rich User Experience”– Wikipedia, Del.icio.us, Facebook, Google

services (Mail, Maps, Docs), Youtube, Flickr, and more and more others, probably you have heard about them…

Page 4: WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.

Web 1.0  Web 2.0 Tendencies

• Britannica Online --> Wikipedia

• personal websites --> blogging

• publishing --> participation

• content management systems --> wikis

• directories (taxonomy) --> tagging ("folksonomy")

• mp3.com --> BitTorrent

• Screen scraping --> web services

• Stickiness --> syndication

Page 5: WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.

Websites as Applications

• Rich Internet Applications – more than a book or a computer program.

• Rich User Experience• Instead a desktop PC program you can

use Internet services for your daily work (text and image editing, watching movies)

• You can access your data and programs from everywhere of the world.

• A Web 2.0 as platform

Page 6: WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.

Participating

• Create not just consume• Community• Living on the web…• Social networking• User Ranking• Tagging• Blogging

Page 7: WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.

Tagging example

Flickr.com

Page 8: WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.

Open Data

• Open standards (w3c.org) to obey = understandable content for everybody

• Data ownership – Don’t steal my data, dont lock me in

• New copyright regulations (?)• Content independent from the way of

visualization and the place of creation• „No more secret”

Page 9: WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.

© Tim O'Reilly

Page 10: WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.

Web technologies – Client and server

Server

Client

Client

Client

Client

Page 11: WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.

Basic Communication of WEB

Webserver

Browser (the client)

HTTPreq.

HTTPans. HTM

L

Page 12: WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.

Web communication – Static Web

Browser (the client)

HTTPreq.

HTTPans. HTM

L

WebServer

File system static files

HTML, JPG, …

Page 13: WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.

Browser(client)

HTTPreq.

HTTPans. HTM

L

Web serverprogram

File system: programs also

Pl. PHP

Databaseserver

SQL req.

DATA

Web communication – Dynamic Web

Page 14: WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.

Technologies: RSSReally Simple Syndication (RSS 2.0)

Page 15: WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.

Technologies: AJAXAsynchronous JavaScript and XML

• It’s not ONE (new) technology, but more technlolgies together:– XHTML és CSS (to visualize the standardised

content); – Document Object Model (Dinamic view and

interacivity)– XML és XSLT; (Data transfer and data

handling)– XMLHttpRequest; – JavaScript, the glue…

Page 16: WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.

Ajax solves… (?)

• A Web is good to display html but can it

be used as a program? Interactivity?

• What do you do while the webserver

creating the page to your request?

Waiting?

• Do you have to see when the browser

makes a connection to the server?

Page 17: WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.

Differences - Modell

Page 18: WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.

Differences - Communication

Page 19: WEB 2.0. What we are speaking about… Transformation of WEB, the WEB 2.0 –New generation of websites… –Importance of Open Data… –Importance of Users… –Web.

Who uses AJAX?

• „Paractical” examples (not in a „laboratory”):– Google services (Gmail, Google Groups, Google

Maps, BodyBrowser, Picasa…)– Google Documents – text editor, office programs – Flickr – photos

– del.icio.us - bookmark– Youtube – media– Facebook – social– Wikipedia