sabin buraga: participând la web
DESCRIPTION
A presentation regarding Web technologies, delivered to students at journalism.TRANSCRIPT
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
participând la…Web
Dr. Sabin Buraga
o prezentare pentru studenții la jurnalism
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
“De la un anumit punct încolo,nu mai există cale de întoarcere.
Acela este punctul ce trebuie atins.”
Franz Kafka
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
preambul: ce este Web-ul?
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web
WWW – World Wide Web
“pânza de păianjen mondială”
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Serviciu Internet
WWW Internet
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
mediu de comunicare între oameni
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
…și între calculatoare
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Idee (Sir Tim Berners-Lee la CERN – 1989)
accesarea sistemelor informaționale disparate,indiferent de natura surselor de date
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Idee (Sir Tim Berners-Lee la CERN – 1989)
accesarea sistemelor informaționale disparate,indiferent de natura surselor de date
anything can link to anything
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Bazat pe modelul client/server
serverWeb
client Web
(browser)
cerere
răspuns
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
…și pe hipertext
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Scopuri principale:
independența de dispozitivindependența de software
scalabilitateamultimedia
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Scopuri principale:
independența de dispozitivindependența de software
scalabilitateamultimedia
caracter deschisopen standards
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Funcționează conform reglementărilorConsorțiului Web
MIT, ERCIM, Keio UniversityAdobe, HP, IBM, Microsoft, Oracle,…
www.w3.org
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Resursele sunt identificate prin adresa lor
identificator uniform de resurseURI – Uniform Resource Identifier
http://slideshare.net/busaco/presentations
arhitectura Web-ului
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
arhitectura Web-ului
Accesul la conținutul – reprezentarea –resurselor Web
se realizează printr-un protocol
HTTP – HyperText Transfer Protocol
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
resursele – documentele – includ <marcaje />
pagini Web
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
arhitectura Web-ului
marcajele conțin la rândul lor URI-urihipertext
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul clasic: 1.0
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Caracterizare
Sit Web
sistem pe care rulează un server Webgăzduind o serie de pagini (resurse) înrudite
ale unei organizaţii, companii sau persoane
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Caracterizare
Aplicaţie Web
colecţie interconectată de pagini Webcu conţinut generat dinamic, menită a oferi
utilizatorilor o funcţionalitate specifică
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Caracterizare
Aplicaţie Web
interacţiunea dintre aplicaţie şi utilizatoriare loc via o interfaţă Web
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Caracterizare
Aplicaţie Web
interacţiunea dintre aplicaţie şi utilizatoriare loc via o interfaţă Web
uzual, sit Web = aplicaţie Web
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Caracterizare
Aplicaţie Web
exemple:Amazon, Expedia, Flickr, GMail, Joobs.ro, Knol, PHPMyAdmin,
Quora, SlideShare, Twitter, Vimeo, webmin, WordPress etc.
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Caracterizare
Arhitectura unei aplicaţii Web
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Aplicaţie Web = Interfaţă + Conţinut (Date) + Program
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
mitul 1: cea mai importantă este interfața
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Aplicaţie Web = Interfaţă + Conţinut (Date) + Program
mitul 1: cea mai importantă este interfaţamitul 2: cel mai important este programulmitul 3: cele mai importante sunt datele
HTML, CSS, Ajax, Flash, Silverlight, SVG, widget-uri,…
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
mitul 2: cel mai important este programul
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Aplicaţie Web = Interfaţă + Conţinut (Date) + Program
mitul 1: cea mai importantă este interfaţamitul 2: cel mai important este programulmitul 3: cele mai importante sunt datele
server: C#, Java, Perl, PHP, Ruby etc.; client: JavaScript
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
mitul 3: cele mai importante sunt datele
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Aplicaţie Web = Interfaţă + Conţinut (Date) + Program
mitul 1: cea mai importantă este interfaţamitul 2: cel mai important este programulmitul 3: cele mai importante sunt datele
relaționale (SQL), XML, grafuri, modelare semantică (RDF)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Aplicaţie Web = Interfaţă + Conţinut (Date) + Program
mitul 1: cea mai importantă este interfaţamitul 2: cel mai important este programulmitul 3: cele mai importante sunt datele
fapt: sunt importante toate!
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco“The Web is more a social creation
than a technical one.The ultimate goal of the Web is to support andimprove 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
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul prezent
WWW platforma în care utilizatorulîşi controlează propriile date
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul prezent
WWW platforma în care utilizatorulîşi controlează propriile date
aşa-numitul Web 2.0, conform Tim O’Reilly, 2005
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
„…openness of data and services,rich user experience and low cost of delivery.”
Jeff Clavier
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Participare, nu doar publicare a datelorread/write Web
colaborare, comunităţi,conectivitate inter-personală și între aplicaţii
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
platforme de (micro)blogging
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
agregatoare de știri
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
sisteme de recomandare bazate pe locație
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Participare, nu doar publicare a datelorread/write Web
social network în stilul peer-to-peer (P2P)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Participare, nu doar publicare a datelor
generația I – relații (in)directe între persoane
LinkedIn (afaceri), Friendster, Hi5 (relații sociale),…
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Participare, nu doar publicare a datelor
generația II – partajarea unui “obiect” social
BookMooch (cărți vechi), Flickr (foto), H20 (idei),PatientsLikeMe (afecțiuni), Reddit (știri),…
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Participare, nu doar publicare a datelor
generația III – crearea unui univers digital personal,prin mixarea resurselor/serviciilor (mash-ups)
Facebook, Twitter etc.
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Partajare de artefacte informaționale
documente, fotografii, multimedia, cod-sursă etc.
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Partajare de artefacte informaționale
documente, fotografii, multimedia, cod-sursă etc.
e.g., sisteme de management de conținut on-lineBubbl.us, Flickr, Gliffy, GoodReads, Scribd, SlideShare, Revyu,…
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Adnotări (tag-uri) definite de utilizator
clasificări ad-hoc realizate de oamenipartajate în cadrul unei comunități
adnotarea (tagging) conținutului
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Adnotări (tag-uri) definite de utilizator
tag = (meta)dată simplă – termen arbitrar ales –
asociată extern unui obiect (unei resurse)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Adnotări (tag-uri) definite de utilizator
tag = (meta)dată simplă – termen arbitrar ales –
asociată extern unui obiect (unei resurse)
cu scopul de a identifica, sorta, agrega etc. acea resursă
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
tagging
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Adnotări (tag-uri) definite de utilizator
au loc într-un sistem social facilitând tagging-ul
exemplu: social bookmarking
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
experiment
accesarea resurselorWeb marcate
cu anumite tag-uri
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Adnotări (tag-uri) definite de utilizator
folksonomy = folk + taxonomy
“…is the result of personal free tagging of pagesand objects for one’s own retrieval”
Thomas Vander Wal
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
wordle.net – vizualizarea tag-urilor folosite de busaco în delicious
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
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, Lululocalizare geografică (geotagging): Panoramio, Platial
muzee: Steve.museum, Powerhouseștiință: CiteULike, myExperiment
în Intranet: IBM Dogear, Scuttle, ConnectBeamla nivel de sistem de operare (fișiere): Mac OS X, Vista/7
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Evoluția unui sistem de tagging
#1: Make System Personally Useful
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Evoluția unui sistem de tagging
#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
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Evoluția unui sistem de tagging
#2: Identify Symbiotic Relationshipbetween Personal & Social
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Evoluția unui sistem de tagging
#2: Identify Symbiotic Relationshipbetween Personal & Social
Personal snippetsSocial stream
exemple:PicturesEvents, MusicPlaylists
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Evoluția unui sistem de tagging
#3: Make Porous Boundarybetween Public & Private
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Evoluția unui sistem de tagging
#3: Make Porous Boundarybetween Public & Private
utilizatorul decide politica privind drepturile de autor și/sau caracterul privat al resurselor (privacy)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Evoluția unui sistem de tagging
#4: Provide Outlet for Self-expression
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Evoluția unui sistem de tagging
#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,…
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Inteligenţa colectivă
editare și management colaborativ al conţinutului
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Inteligenţa colectivă
editare și management colaborativ al conţinutului
aplicaţii de tip wiki – Media Wiki, XWiki etc.
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Servicii și nu pachete software
aplicaţiile masive („mamut”) sunt substituitede cele constituite din servicii specifice,
disponibile pe Web, uşor de înlocuit
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Servicii și nu pachete software
SaaS – Software as a Service
suite de birouGoogle Docs, 280Slides, Prezi,Adobe Creative SuiteAviary
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Software rulat oriunde
ubicuitatea aplicaţiilor Web
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Software rulat oriunde
bookmark-uri salvate local(pentru fiecare browser și calculator folosit)
versusbookmark-uri disponibile pe Web,
uşor de accesat şi de partajat cu alţii,independent de platformă
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Mediatizare (syndication) Web
date privitoare la un sit Web sunt expuse libervia un flux (feed) de știri
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Mediatizare (syndication) Web
date privitoare la un sit Web sunt expuse libervia un flux (feed) de știri
format RSS (Really Simple Syndication) sau Atom
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Mediatizare (syndication) Web
un feed este disponibil via un URL (fixat),eventual doar în contextul unui intranet/extranet,
pentru a fi preluat și procesat de un program
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Mediatizare (syndication) Web
accesul la fluxuri RSS/Atom
navigator Web – Firefox, Safari – sau extensie: Feedlycititor de știri – FeedDemon, Google Reader,…
agregator Web – FeedBurner, Feedster, Technorati
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristiciacces la fluxuri RSS/Atomvia Google Reader
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
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
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
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
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Interacțiune bogată cu utilizatorulRIA – Rich Internet Applications
aplicarea modalităților de interacțiune tradițională(la nivel de desktop) în contextul aplicațiilor Web
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Interacțiune bogată cu utilizatorulRIA – Rich Internet Applications
platforme (de dezvoltare) Webpentru utilizatorii obişnuiți
Drupal, Facebook, Joomla, WordPress etc.
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Interacțiune bogată cu utilizatorulRIA – Rich Internet Applications
widget-uri (mini-aplicaţii specifice) la nivel de:sistem de operare, Web, dispozitive mobile
KDE, Windows 7, iGoogle, iPhone/iPod,…
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Interacțiune bogată cu utilizatorulRIA – Rich Internet Applications
noi paradigme de interacțiunee.g., realitatea virtuală/îmbogățită
(virtual/augmented reality)
Sabin Buraga < [email protected] >
social augmented realityconcept creat de Matthew Buckland:
www.matthewbuckland.com/?p=1041
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Aplicaţii Web hibride: mash-ups
combinarea conţinutului ce provinedin surse (situri) multiple,
oferind o funcţionalitate/experienţă nouă
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Aplicaţii Web hibride: mash-ups
combinarea conţinutului ce provinedin surse (situri) multiple,
oferind o funcţionalitate/experienţă nouă
utilizează fluxuri RSS/Atom, servicii Web, API-uri,…
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
aplicație Web hibridă (mash-up)folosind tagging-ul de resurse
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
Valori de bază
deschidere, transparenţă, respect
iniţiativa Creative Commonsreasonable, flexible copyright
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
http://creativecommons.org/about/licenses/
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web-ul social: Caracteristici
căutarea resurselor multimedia ce pot fi folositeconform licențelor Creative Commons
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Există mai multe categorii de aplicații Web?
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Categorii de aplicații WebCentrate pe documenteInteractiveTranzacționaleColaborativeOrientate spre portaluriDe tip ubicuuWeb socialWeb semantic
evoluția în timpa complexității
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Centrate pe documente – document centric
conținut/pagini static(e): situri de companii, personale
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Interactive
expoziții virtualesituri de știri
sisteme de facilitare a călătoriilor…
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Tranzacționale
online bankingsoluții B2B (business-to-business)
fluxuri de activități (workflow-uri)
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Colaborative
tele-conferințe Webwiki-uri
servicii e-learningaplicații Web peer-to-peer
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Orientate spre portaluri
localizare unitară a informațiilortehnice, de afaceri, guvernamentale,…
specie: Web-ul cetățenesc
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
De tip ubicuu
servicii mobile bazate pe locația utilizatorului, disponibile pe mai multe plaforme:
desktop, dispozitive mobile, tablet,…
Web-ul mobil
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web social
mediatizare (syndication)spații de lucru virtuale
filtrare colaborativădivertisment social
social (game) computing
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web semantic
modelarea cunoștințelorpentru a fi “înțelese” de calculatoare
dateinformațiicunoștințe
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web semantic
interconectarea datelor având descrieri procesabilela nivelul calculatoarelor
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web semantic
interconectarea datelor având descrieri procesabilela nivelul calculatoarelor
linked open data
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web semantic
interconectarea datelor având descrieri procesabilela nivelul calculatoarelor
linked open data
open education, open government,open journalism, open science,…
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
starea curentă este oferită de http://lod-cloud.net/
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
Web semantic
management de cunoștințemediatizare complexă
realizare automată de raționamenterecomandare “inteligentă” de resurse
regăsirea și reutilizarea dateloretc.
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
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
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
“The last level of abstraction isthe 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
Dr.
Sab
in B
ura
ga
www.purl.org/net/busaco
participând la Web
Dr. Sabin Buraga – Facultatea de Informatică, UAICwww.purl.org/net/busaco