sabin buraga: participând la web

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 < busaco@infoiasi.ro >

augmented Twitter

social augmented reality (Thomas Purves)

Sabin Buraga < busaco@infoiasi.ro >

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