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


“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


preambul: ce este Web-ul?

Dr.

Sab

in B

ura

ga


Web

WWW – World Wide Web

“pânza de păianjen mondială”

Dr.

Sab

in B

ura

ga


Serviciu Internet

WWW Internet

Dr.

Sab

in B

ura

ga


mediu de comunicare între oameni

Dr.

Sab

in B

ura

ga


…și între calculatoare

Dr.

Sab

in B

ura

ga


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


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


Bazat pe modelul client/server

serverWeb

client Web

(browser)

cerere

răspuns

Dr.

Sab

in B

ura

ga


…și pe hipertext

Dr.

Sab

in B

ura

ga


Scopuri principale:

independența de dispozitivindependența de software

scalabilitateamultimedia

Dr.

Sab

in B

ura

ga


Scopuri principale:

independența de dispozitivindependența de software

scalabilitateamultimedia

caracter deschisopen standards

Dr.

Sab

in B

ura

ga


Funcționează conform reglementărilorConsorțiului Web

MIT, ERCIM, Keio UniversityAdobe, HP, IBM, Microsoft, Oracle,…

www.w3.org

Dr.

Sab

in B

ura

ga


Dr.

Sab

in B

ura

ga


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



Accesul la conținutul – reprezentarea –resurselor Web

se realizează printr-un protocol

HTTP – HyperText Transfer Protocol

Dr.

Sab

in B

ura

ga


resursele – documentele – includ <marcaje />

pagini Web

Dr.

Sab

in B

ura

ga



marcajele conțin la rândul lor URI-urihipertext

Dr.

Sab

in B

ura

ga


Web-ul clasic: 1.0

Dr.

Sab

in B

ura

ga


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


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


Caracterizare

Aplicaţie Web

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

Dr.

Sab

in B

ura

ga


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


Dr.

Sab

in B

ura

ga


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


Caracterizare

Arhitectura unei aplicaţii Web

Dr.

Sab

in B

ura

ga


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

Dr.

Sab

in B

ura

ga


mitul 1: cea mai importantă este interfața

Dr.

Sab

in B

ura

ga



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


mitul 2: cel mai important este programul

Dr.

Sab

in B

ura

ga




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

Dr.

Sab

in B

ura

ga


mitul 3: cele mai importante sunt datele

Dr.

Sab

in B

ura

ga




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

Dr.

Sab

in B

ura

ga




fapt: sunt importante toate!

Dr.

Sab

in B

ura

ga


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


Web-ul prezent

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

Dr.

Sab

in B

ura

ga


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


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

Jeff Clavier

Dr.

Sab

in B

ura

ga


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


platforme de (micro)blogging

Dr.

Sab

in B

ura

ga


agregatoare de știri

Dr.

Sab

in B

ura

ga


sisteme de recomandare bazate pe locație

Dr.

Sab

in B

ura

ga



Participare, nu doar publicare a datelorread/write Web

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

Dr.

Sab

in B

ura

ga



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




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




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

Facebook, Twitter etc.

Dr.

Sab

in B

ura

ga



Partajare de artefacte informaționale

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

Dr.

Sab

in B

ura

ga



Dr.

Sab

in B

ura

ga



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


Dr.

Sab

in B

ura

ga



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




tag = (meta)dată simplă – termen arbitrar ales –

asociată extern unui obiect (unei resurse)

Dr.

Sab

in B

ura

ga


Dr.

Sab

in B

ura

ga




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


tagging

Dr.

Sab

in B

ura

ga


Dr.

Sab

in B

ura

ga




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

exemplu: social bookmarking

Dr.

Sab

in B

ura

ga


experiment

accesarea resurselorWeb marcate

cu anumite tag-uri

Dr.

Sab

in B

ura

ga




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



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

Dr.

Sab

in B

ura

ga



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



Evoluția unui sistem de tagging

#1: Make System Personally Useful

Dr.

Sab

in B

ura

ga




#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




#2: Identify Symbiotic Relationshipbetween Personal & Social

Dr.

Sab

in B

ura

ga




#2: Identify Symbiotic Relationshipbetween Personal & Social

Personal snippetsSocial stream

exemple:PicturesEvents, MusicPlaylists

Dr.

Sab

in B

ura

ga




#3: Make Porous Boundarybetween Public & Private

Dr.

Sab

in B

ura

ga




#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




#4: Provide Outlet for Self-expression

Dr.

Sab

in B

ura

ga




#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



Inteligenţa colectivă

editare și management colaborativ al conţinutului

Dr.

Sab

in B

ura

ga



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


Dr.

Sab

in B

ura

ga



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



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



Dr.

Sab

in B

ura

ga



Software rulat oriunde

ubicuitatea aplicaţiilor Web

Dr.

Sab

in B

ura

ga



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



Mediatizare (syndication) Web

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

Dr.

Sab

in B

ura

ga




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




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




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


Web-ul social: Caracteristiciacces la fluxuri RSS/Atomvia Google Reader

Dr.

Sab

in B

ura

ga



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



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



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



Dr.

Sab

in B

ura

ga




platforme (de dezvoltare) Webpentru utilizatorii obişnuiți

Drupal, Facebook, Joomla, WordPress etc.

Dr.

Sab

in B

ura

ga




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




noi paradigme de interacțiunee.g., realitatea virtuală/îmbogățită

(virtual/augmented reality)

Sabin Buraga < [email protected] >

augmented Twitter

social augmented reality (Thomas Purves)

Sabin Buraga < [email protected] >

social augmented realityconcept creat de Matthew Buckland:

www.matthewbuckland.com/?p=1041

Dr.

Sab

in B

ura

ga



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



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


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

Dr.

Sab

in B

ura

ga



Valori de bază

deschidere, transparenţă, respect

iniţiativa Creative Commonsreasonable, flexible copyright

Dr.

Sab

in B

ura

ga



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

Dr.

Sab

in B

ura

ga



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

Dr.

Sab

in B

ura

ga


Există mai multe categorii de aplicații Web?

Dr.

Sab

in B

ura

ga


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


Centrate pe documente – document centric

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

Dr.

Sab

in B

ura

ga


Interactive

expoziții virtualesituri de știri

sisteme de facilitare a călătoriilor…

Dr.

Sab

in B

ura

ga


Dr.

Sab

in B

ura

ga


Tranzacționale

online bankingsoluții B2B (business-to-business)

fluxuri de activități (workflow-uri)

Dr.

Sab

in B

ura

ga


Colaborative

tele-conferințe Webwiki-uri

servicii e-learningaplicații Web peer-to-peer

Dr.

Sab

in B

ura

ga


Orientate spre portaluri

localizare unitară a informațiilortehnice, de afaceri, guvernamentale,…

specie: Web-ul cetățenesc

Dr.

Sab

in B

ura

ga


Dr.

Sab

in B

ura

ga


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


Web social

mediatizare (syndication)spații de lucru virtuale

filtrare colaborativădivertisment social

social (game) computing

Dr.

Sab

in B

ura

ga


Web semantic

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

dateinformațiicunoștințe

Dr.

Sab

in B

ura

ga


Dr.

Sab

in B

ura

ga


Web semantic

interconectarea datelor având descrieri procesabilela nivelul calculatoarelor

Dr.

Sab

in B

ura

ga


Web semantic


linked open data

Dr.

Sab

in B

ura

ga


Web semantic


linked open data

open education, open government,open journalism, open science,…

Dr.

Sab

in B

ura

ga


Dr.

Sab

in B

ura

ga


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

Dr.

Sab

in B

ura

ga


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


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


“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


participând la Web

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

sabin buraga: participând la web

Education