Sabin Buraga: Participând la Web

participând la…Web

Dr. Sabin Buragawww.purl.org/net/busaco
o prezentare pentru studenții la jurnalism
Dr. Sabin Buraga

“De la un anumit punct încolo,
nu mai există cale de întoarcere.
Acela este punctul ce trebuie atins.”

Franz Kafka

preambul: ce este Web-ul?


Web

WWW – World Wide Web

“pânza de păianjen mondială”

WWW  Internet
Serviciu Internet


mediu de comunicare între oameni


…și între calculatoare


Idee (Sir Tim Berners-Lee la CERN – 1989)

accesarea sistemelor informaționale disparate,
indiferent de natura surselor de date

Idee (Sir Tim Berners-Lee la CERN – 1989)

accesarea sistemelor informaționale disparate,
indiferent de natura surselor de date

anything can link to anything

Bazat pe modelul client/server

cerere
client
Web server
(browser) Web
răspuns

…și pe hipertext


Scopuri principale:

independența de dispozitiv
independența de software
scalabilitatea
multimedia

Scopuri principale:

independența de dispozitiv
independența de software
scalabilitatea
multimedia

caracter deschisopen standards

Funcționează conform reglementărilor
Consorțiului Web

MIT, ERCIM, Keio University
Adobe, HP, IBM, Microsoft, Oracle,…

www.w3.org

arhitectura Web-ului

Resursele sunt identificate prin adresa lor

identificator uniform de resurse
URI – Uniform Resource Identifier

http://slideshare.net/busaco/presentations


Accesul la conținutul – reprezentarea –
resurselor Web
se realizează printr-un protocol

HTTP – HyperText Transfer Protocol

resursele – documentele – includ <marcaje />

pagini Web


marcajele conțin la rândul lor URI-urihipertext

Web-ul clasic: 1.0


Caracterizare

Sit Web

sistem pe care rulează un server Web
găzduind o serie de pagini (resurse) înrudite

ale unei organizaţii, companii sau persoane

Caracterizare

Aplicaţie Web

colecţie interconectată de pagini Web
cu conţinut generat dinamic, menită a oferi
utilizatorilor o funcţionalitate specifică

Caracterizare

Aplicaţie Web

interacţiunea dintre aplicaţie şi utilizatori
are loc via o interfaţă Web

Caracterizare

Aplicaţie Web

interacţiunea dintre aplicaţie şi utilizatori
are loc via o interfaţă Web

uzual, sit Web = aplicaţie Web

Caracterizare

Aplicaţie Web

exemple:
Amazon, Expedia, Flickr, GMail, Joobs.ro, Knol, PHPMyAdmin,
Quora, SlideShare, Twitter, Vimeo, webmin, WordPress etc.

Caracterizare

Arhitectura unei aplicaţii Web

Aplicaţie Web = Interfaţă + Conţinut (Date) + Program

mitul 1: cea mai importantă este interfața


mitul 1: cea mai importantă este interfaţa
mitul 2: cel mai important este programul
mitul 3: cele mai importante sunt datele

HTML, CSS, Ajax, Flash, Silverlight, SVG, widget-uri,…



server: C#, Java, Perl, PHP, Ruby etc.; client: JavaScript



relaționale (SQL), XML, grafuri, modelare semantică (RDF)



fapt: sunt importante toate!

Web-ul social


“The Web is more a social creation
than a technical one.
The ultimate goal of the Web is to support and
improve our Web-like existence in the world.
We clump into families, associations, and companies.
We develop trust across miles and
distrust around a corner.”

Tim Berners-Lee, Weaving the Web, 1999

Web-ul prezent

WWW  platforma în care utilizatorul
îşi controlează propriile date

Web-ul prezent

WWW  platforma în care utilizatorul
îşi controlează propriile date

aşa-numitul Web 2.0, conform Tim O’Reilly, 2005

„…openness of data and services,
rich user experience and low cost of delivery.”

Jeff Clavier

Web-ul social: Caracteristici

Participare, nu doar publicare a datelor
read/write Web

colaborare, comunităţi,
conectivitate inter-personală și între aplicaţii

platforme de (micro)blogging


agregatoare de știri


sisteme de recomandare bazate pe locație


read/write Web

social network în stilul peer-to-peer (P2P)


generația I – relații (in)directe între persoane

LinkedIn (afaceri), Friendster, Hi5 (relații sociale),…


generația II – partajarea unui “obiect” social

BookMooch (cărți vechi), Flickr (foto), H20 (idei),
PatientsLikeMe (afecțiuni), Reddit (știri),…


generația III – crearea unui univers digital personal,
prin mixarea resurselor/serviciilor (mash-ups)

Facebook, Twitter etc.


Partajare de artefacte informaționale

documente, fotografii, multimedia, cod-sursă etc.


Partajare de artefacte informaționale

documente, fotografii, multimedia, cod-sursă etc.

e.g., sisteme de management de conținut on-line
Bubbl.us, Flickr, Gliffy, GoodReads, Scribd, SlideShare, Revyu,…


Adnotări (tag-uri) definite de utilizator

clasificări ad-hoc realizate de oameni
partajate în cadrul unei comunități

adnotarea (tagging) conținutului



tag = (meta)dată simplă – termen arbitrar ales –
asociată extern unui obiect (unei resurse)



tag = (meta)dată simplă – termen arbitrar ales –
asociată extern unui obiect (unei resurse)

cu scopul de a identifica, sorta, agrega etc. acea resursă

tagging




au loc într-un sistem social facilitând tagging-ul

exemplu: social bookmarking

experiment

accesarea resurselor
Web marcate
cu anumite tag-uri



folksonomy = folk + taxonomy

“…is the result of personal free tagging of pages
and objects for one’s own retrieval”

Thomas Vander Wal


wordle.net – vizualizarea tag-urilor folosite de busaco în delicious


Utilizări ale tagging-ului:
social bookmarking: del.icio.us, FavWiki, Ma.gnolia
multimedia: Flickr, Dabble, Last.fm, Viddler
știri: Digg, newsvine
e-business: Amazon, Lulu
localizare geografică (geotagging): Panoramio, Platial
muzee: Steve.museum, Powerhouse
știință: CiteULike, myExperiment
în Intranet: IBM Dogear, Scuttle, ConnectBeam
la nivel de sistem de operare (fișiere): Mac OS X, Vista/7


Evoluția unui sistem de tagging

#1: Make System Personally Useful



#1: Make System Personally Useful

sistemul trebuie să fie util
pentru fiecare utilizator în parte (oamenii sunt egoiști)

comunicarea clară a beneficiilor tagging-ului



#2: Identify Symbiotic Relationship
between Personal & Social



#2: Identify Symbiotic Relationship
between Personal & Social

Personal snippetsSocial stream

exemple:
PicturesEvents, MusicPlaylists



#3: Make Porous Boundary
between Public & Private



#3: Make Porous Boundary
between Public & Private

utilizatorul decide politica privind drepturile de autor
și/sau caracterul privat al resurselor (privacy)



#4: Provide Outlet for Self-expression



#4: Provide Outlet for Self-expression

suport pentru exprimări artistice sau umor

acces la resurse via URL-uri simple și memorabile

suport pentru jocuri sociale: aprecieri, concursuri,…


Inteligenţa colectivă

editare și management colaborativ al conţinutului


Inteligenţa colectivă

editare și management colaborativ al conţinutului

aplicaţii de tip wiki – Media Wiki, XWiki etc.


Servicii și nu pachete software

aplicaţiile masive („mamut”) sunt substituite
de cele constituite din servicii specifice,
disponibile pe Web, uşor de înlocuit


Servicii și nu pachete software

SaaS – Software as a Service

suite de birouGoogle Docs, 280Slides, Prezi,
Adobe Creative SuiteAviary


Software rulat oriunde

ubicuitatea aplicaţiilor Web


Software rulat oriunde

bookmark-uri salvate local
(pentru fiecare browser și calculator folosit)
versus
bookmark-uri disponibile pe Web,
uşor de accesat şi de partajat cu alţii,
independent de platformă


Mediatizare (syndication) Web

date privitoare la un sit Web sunt expuse liber
via un flux (feed) de știri



date privitoare la un sit Web sunt expuse liber
via un flux (feed) de știri

format RSS (Really Simple Syndication) sau Atom


un feed este disponibil via un URL (fixat),
eventual doar în contextul unui intranet/extranet,
pentru a fi preluat și procesat de un program



accesul la fluxuri RSS/Atom

navigator Web – Firefox, Safari – sau extensie: Feedly
cititor de știri – FeedDemon, Google Reader,…
agregator Web – FeedBurner, Feedster, Technorati

acces la fluxuri RSS/Atom
via Google Reader



Podcasting = pod (iPod) + broadcast

flux audio/video automat expediat utilizatorului
pentru a fi redat de un player multimedia
– e.g., iTunes – accesibil oricând via un podcast feed


Podcasting = pod (iPod) + broadcast

flux audio/video automat expediat utilizatorului
pentru a fi redat de un player multimedia
– e.g., iTunes – accesibil oricând via un podcast feed

inițiativa iTunesU


Interacțiune bogată cu utilizatorul
RIA – Rich Internet Applications

aplicarea modalităților de interacțiune tradițională
(la nivel de desktop) în contextul aplicațiilor Web



platforme (de dezvoltare) Web
pentru utilizatorii obişnuiți

Drupal, Facebook, Joomla, WordPress etc.



widget-uri (mini-aplicaţii specifice) la nivel de:
sistem de operare, Web, dispozitive mobile

KDE, Windows 7, iGoogle, iPhone/iPod,…



noi paradigme de interacțiune
e.g., realitatea virtuală/îmbogățită
(virtual/augmented reality)

augmented Twitter

social augmented reality (Thomas Purves)
Sabin Buraga < busaco@infoiasi.ro >

social augmented reality
concept creat de Matthew Buckland:
www.matthewbuckland.com/?p=1041
Sabin Buraga < busaco@infoiasi.ro >


Aplicaţii Web hibride: mash-ups

combinarea conţinutului ce provine
din surse (situri) multiple,
oferind o funcţionalitate/experienţă nouă


Aplicaţii Web hibride: mash-ups

combinarea conţinutului ce provine
din surse (situri) multiple,
oferind o funcţionalitate/experienţă nouă

utilizează fluxuri RSS/Atom, servicii Web, API-uri,…

aplicație Web hibridă (mash-up)
folosind tagging-ul de resurse


Valori de bază

deschidere, transparenţă, respect

iniţiativa Creative Commons
reasonable, flexible copyright


http://creativecommons.org/about/licenses/


căutarea resurselor multimedia ce pot fi folosite
conform licențelor Creative Commons

Există mai multe categorii de aplicații Web?

Categorii de aplicații Web
Centrate pe documente
Interactive
Tranzacționale
Colaborative evoluția în timp
Orientate spre portaluri a complexității
De tip ubicuu
Web social
Web semantic

Centrate pe documente – document centric

conținut/pagini static(e):
situri de companii, personale

Interactive

expoziții virtuale
situri de știri
sisteme de facilitare a călătoriilor
…

Tranzacționale

online banking
soluții B2B (business-to-business)
fluxuri de activități (workflow-uri)

Colaborative

tele-conferințe Web
wiki-uri
servicii e-learning
aplicații Web peer-to-peer

Orientate spre portaluri

localizare unitară a informațiilor
tehnice, de afaceri, guvernamentale,…

specie: Web-ul cetățenesc

De tip ubicuu

servicii mobile bazate pe locația utilizatorului,
disponibile pe mai multe plaforme:
desktop, dispozitive mobile, tablet,…

Web-ul mobil

Web social

mediatizare (syndication)
spații de lucru virtuale
filtrare colaborativă
divertisment social

social (game) computing

Web semantic

modelarea cunoștințelor
pentru a fi “înțelese” de calculatoare

dateinformațiicunoștințe

Web semantic

interconectarea datelor având descrieri procesabile
la nivelul calculatoarelor

Web semantic


linked open data

Web semantic


linked open data

open education, open government,
open journalism, open science,…

starea curentă este oferită de http://lod-cloud.net/

Web semantic

management de cunoștințe
mediatizare complexă
realizare automată de raționamente
recomandare “inteligentă” de resurse
regăsirea și reutilizarea datelor
etc.

It’s not the wires – it’s the computers

It’s not the computers – it’s the documents

It’s not the documents – it’s the things

“The last level of abstraction is
the Web of real things,
built on top of the Web of documents,
which is in turn built on the network of computers.”

Tim Berners-Lee, 2008

participând la Web

Dr. Sabin Buraga – Facultatea de Informatică, UAIC
www.purl.org/net/busaco

Sabin Buraga: Participând la Web

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (9)

Similar to Sabin Buraga: Participând la Web

Similar to Sabin Buraga: Participând la Web (19)

More from Sabin Buraga

More from Sabin Buraga (20)

Recently uploaded

Recently uploaded (6)

Sabin Buraga: Participând la Web