Web 01 Ar Hitec Tura Web

D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Tehnologii Web
concepte primare
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

De la un anumit punct incolo,
nu mai exista cale de intoarcere.
Acela este punctul ce trebuie atins.

Franz Kafka
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Ce este Web-ul?
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

world wide web
Web

WWW

pinza de paianjen mondiala
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

world wide web
Serviciu Internet

WWW Internet
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

world wide web
Idee (Sir Tim Berners-Lee la CERN 1989)

integrarea unor sisteme informaionale
disparate ntr-un mod unitar,
fr diferene ntre sursele de date
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

world wide web

D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

world wide web

D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

world wide web


anything can link to anything
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

world wide web
Bazat pe modelul client/server

server
Web
client
Web
(browser)
cerere
raspuns
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

si pe hipertext
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

world wide web
CERN 1989, Sir Tim Berners-Lee et al.

Information Management: A Proposal

www.w3.org/History/1989/proposal.html
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

world wide web
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

world wide web
Functioneaza conform reglementarilor
Consortiului Web

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

www.w3.org
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

world wide web
Scopuri principale:

independenta de dispozitiv
independenta de software
scalabilitatea
multimedia
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

world wide web
Scopuri principale:

independenta de dispozitiv
independenta de software
scalabilitatea
multimedia

caracter deschisopen standards
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

arhitectura Web-ului
Resursele sunt identificate prin adresa lor

identificator uniform de resurse
URI Uniform Resource Identifier
http://slideshare.net/busaco/presentations
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Accesul la coninutul reprezentarea
resurselor Web
se realizeaz printr-un protocol

HTTP HyperText Transfer Protocol
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Unicode DNS TCP/IP
URI HTTP
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

resursele documentele includ <marcaje />
pagini Web
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

marcajele conin la rndul lor URI-urihipertext

D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Relatiile dintre o resursa Web, adresa ei (URI) si
reprezentarea structurata a resursei
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Relatiile dintre o resursa Web, adresa ei (URI) si
reprezentarea structurata a resursei
reprezentarea = date propriu-zise + meta-date (date despre date)
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Ce inseamna hipertextul?
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

hipertext: definire
Material scris sau grafic interconectat
intr-o maniera complexa care in mod conventional
nu poate fi reprezentat pe hirtie.

Ted Nelson, 1965
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

hipertext: definire
Text non-liniar
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

hipertext: definire
Text non-liniar
versus
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

hipertext: definire
Forma de document electronic
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

hipertext: definire
Forma de document electronic

format(e) de reprezentare a continutului
DocBook, HTML, ODF (Open Document Format),
PDF (Portable Document Format),
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

hipertext: definire
Forma de comunicare dintre om si calculator,
interfata cu utilizatorul fiind hipertextul
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

hipertext: istoric
Vannebar Bush As We May Think, 1945

MEMEX (MEMory EXtended)
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

hipertext: istoric
Douglas Engelbart
Augment (1968)

mouse, interfete grafice, procesoare de text,
posta electronica, script-uri, ferestre pe ecran etc.
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

hipertext: istoric
Ted Nelson
Xanadu prototip, 1991

termenul hipertext
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

hipertext: istoric
Hipermedia = hipertext + multimedia

Multimedia = medii
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

hipertext: istoric
Hipermedia = hipertext + multimedia

Multimedia = medii

medii de comunicare:
continue (audio, video) si/sau discrete (text)
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

hipertext: ingrediente
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Hipertextul ca (di)graf

noduri = concepte

legaturi = relatii

D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Noduri interconectate prin legaturi

nod sursa = referinta (ancora)

nod destinatie = referent (ancora)
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

hipertext: legaturi
referentiale (non-ierarhice)
organizationale (ierarhice, structurale)
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

hipertext: legaturi
referentiale (non-ierarhice)
organizationale (ierarhice, structurale)

statice versus dinamice
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

hipertext: documente
Continut
tipuri de medii

Organizare
noduri + legaturi structurale

Prezentare
textuala, grafica, multimedia, 3D, mixta
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Cum identificam (adresam) resursele Web?
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

URI
Fiecare resursa Web este desemnata via
identificatori uniformi de resurse

URI Uniform Resource Identifiers

RFC 2396, 3986
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

URI: definitii
Resursa
lucru care poseda o identitate
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

URI: definitii
Resursa
lucru care poseda o identitate

insemnare, CV, fotografie, prezentare, melodie, program,
persoana, baza de date, concept arbitrar etc.
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

URI: definitii
Identificator
obiect care poate juca rolul unei resurse
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

URI: definitii
Identificator
obiect care poate juca rolul unei resurse

secventa de caractere avind o sintaxa precisa
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

URI: definitii
Uniformitate
resurse eterogene pot fi desemnate
pe baza acelorasi conventii sintactice,
fiind interpretate semantic in mod uniform
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

URI = URL + URN
Uniform Resource Locator

identifica resursele prin intermediul mecanismului
de accesare: adresa de retea, domeniu simbolic

RFC 2717, 2718
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

URI = URL + URN
Uniform Resource Locator

http://www.info.uaic.ro/~busaco/teach/
mailto:tux@pinguin.info
ftp://ftp.funet.fi/pub/README.txt
data:image/png;base64,iVBORw0KGgoAAYII=
tel:+40232201090
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

URI = URL + URN
Uniform Resource Name

identifica resursele prin nume, in mod persistent,
chiar daca resursa este una abstracta

RFC 2141
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

URI = URL + URN
urn:mimetypes

urn:ISBN:973-681-988-4

urn:ietf:rfc:2401

urn:mozilla:install-manifest
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

URI = URL + URN
urn:mimetypes

urn:ISBN:973-681-988-4

urn:ietf:rfc:2401

urn:mozilla:install-manifest
tip de date
MIME
carte
identificata
unic prin ISBN
specificatie
(standard)
componenta
software
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

schema://authority/path?query

http://www.pinguin.info/prog/cauta?id=Tux

D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

URI
Caractere rezervate
; / ? : @ & = + $ ,

se codific n baza 16, precedate de %
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

URI
Caractere rezervate
; / ? : @ & = + $ ,

se codific n baza 16, precedate de %

exemplu: spaiul va deveni %20
de ce?
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

URI
URL-uri absolute

http://www.info.uaic.ro/~busaco/cv.html

apar obligatoriu componentele schema si authority
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

URI
URL-uri relative

../../csb.css

apar doar constructii referitoare la componenta path
si, eventual, query

D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

URI
Fragmente dintr-un coninut
pot fi referite prin URIref
(referine, fragment identifiers)

URI#URIref
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

URI
Fragmente dintr-un coninut
pot fi referite prin URIref
(referine, fragment identifiers)

URI#URIref

web-biblio.html#web
http://www.youtube.com/watch?v=LjpYjEzgLKU#t=21m21s
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

URI
O resursa Web poate fi identificata
de unul sau mai multe URI-uri

URI aliases

utilizarea URI-urilor trebuie sa fie consistenta
de evitat

avansat
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

URI
URI-urile trebuie considerate opace

nu trebuie ghicit tipul continutului
inspectind URI-ul asociat resursei

avansat
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

URI


tipul unei resurse nu este dat de extensie e.g., .html ,
ci de tipul MIME transmis de server

avansat
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

URI


starea resursei poate evolua in timp,
dar URI-ul asociat ei nu

avansat
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

IRI
Internationalized Resource Identifier
complementar URI-ului vezi RFC 3987

permite folosirea unor caractere din seturi de
caractere mai largi decit ASCII e.g., Unicode
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

IRI
Exemplu:

http://color.org/ros&#xE9 este identic cu URI-ul
http://color.org/ros&#233 (in HTML/XML) sau
http://color.org/ros&#xE9 (in XML) si poate fi
reprezentat vizual prin http://color.org/ros
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Web-ul clasic: 1.0

D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Caracterizare
Sit Web

sistem pe care ruleaz un server Web
gzduind o serie de pagini (resurse) nrudite

ale unei organizaii, companii sau persoane
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Caracterizare
Aplicaie Web

colecie interconectat de pagini Web
cu coninut generat dinamic, menit a oferi
utilizatorilor o funcionalitate specific
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Caracterizare
Aplicaie Web

interaciunea dintre aplicaie i utilizatori
are loc via o interfa Web
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Caracterizare
Aplicaie Web

interaciunea dintre aplicaie i utilizatori
are loc via o interfa Web

uzual, sit Web = aplicaie Web
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Caracterizare
Aplicaie Web

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

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Caracterizare
Arhitectura generica a unei aplicaii Web
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Aplicaie Web = Interfa + Coninut (Date) + Program
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o


mitul 1: cea mai important este interfaa
mitul 2: cel mai important este programul
mitul 3: cele mai importante sunt datele

HTML, CSS, Ajax, Flash, Silverlight, SVG, widget-uri,
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o



server: C#, Java, JavaScript, PHP, Ruby,; client: JavaScript
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o



relationale (SQL), XML, grafuri, modelare semantica (RDF)
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o



fapt: sunt importante toate!
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Web-ul social

D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

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
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Web-ul prezent
WWW platforma n care utilizatorul
i controleaz propriile date

aa-numitul Web 2.0, conform Tim OReilly, 2005

D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Weblog-uri jurnale Web personale/colective

Wiki-uri aplicatii Web colaborative

Social networks comunitati de interese

Podcast/vodcast-uri streaming Web la cerere

Mash-ups combinarea continutului din mai multe surse,
oferind o functionalitate/experienta noua
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Web-ul social: Caracteristici
Participare, nu doar publicare a datelor
read/write Web

colaborare, comuniti,
conectivitate inter-personal & ntre aplicaii
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

read/write Web

colaborare, comuniti,
conectivitate inter-personal & ntre aplicaii

exemple: platforme de (micro)blogging, agregatoare de
stiri, sisteme de recomandare bazate pe locatie,
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

read/write Web

social network in stilul peer-to-peer (P2P)
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

read/write Web


generatia I relatii (in)directe intre persoane:
LinkedIn (afaceri), Friendster, Hi5 (relatii sociale),
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

read/write Web


generatia II partajarea unui obiect social:
BookMooch (carti vechi), Flickr (foto), H20 (idei),
PatientsLikeMe (afectiuni), Reddit (stiri),
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

read/write Web


generatia III crearea unui univers digital personal,
prin mixarea resurselor/serviciilor (mash-ups):
Facebook, Google Plus, Twitter etc.
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Partajare de artefacte informationale

documente, fotografii, multimedia, cod-surs etc.
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Partajare de artefacte informationale

documente, fotografii, multimedia, cod-surs etc.

e.g., sisteme de management de continut on-line
Bubbl.us, Flickr, Gliffy, GoodReads, Scribd, SlideShare, Revyu,
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Adnotari (tag-uri) definite de utilizator

clasificari ad-hoc realizate de oameni partajate
in cadrul unei comunitati
adnotarea (tagging) continutului
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o


tag = (meta)data simpla termen arbitrar ales
asociata extern unui obiect (unei resurse)
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o


tag = (meta)data simpla termen arbitrar ales
asociata extern unui obiect (unei resurse)

cu scopul de a identifica, sorta, agrega etc. acea resursa
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

tagging
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o


au loc intr-un sistem social facilitand tagging-ul

exemplu: social bookmarking
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

tag-uri asociate prezentarilor video oferite de Ontwik
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

wordle.net vizualizarea tag-urilor folosite de busaco in Delicious
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Utilizari ale tagging-ului:
social bookmarking: Delicious, FavWiki
multimedia: Flickr, Dabble, Last.fm, Viddler
stiri: Digg, newsvine
e-business: Amazon, Lulu
localizare geografica (geotagging): Panoramio, Platial
muzee: Steve.museum, Powerhouse
stiinta: CiteULike, myExperiment
in Intranet: IBM Dogear, Scuttle, ConnectBeam
la nivel de sistem de operare (fisiere): Mac OS X, Vista/7
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Inteligena colectiv

editare & management colaborativ al coninutului
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Inteligena colectiv

editare & management colaborativ al coninutului

aplicaii de tip wiki Media Wiki, XWiki etc.
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Servicii i nu pachete software

aplicaiile masive (mamut) sunt substituite
de cele constituite din servicii specifice,
disponibile pe Web, uor de nlocuit
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Servicii i nu pachete software

SaaS Software as a Service

suite de birouGoogle Docs, 280Slides, Prezi
Adobe Creative SuiteAviary
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Software rulat oriunde

ubicuitatea aplicatiilor Web
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Software rulat oriunde

bookmark-uri salvate local
(pentru fiecare browser si calculator folosit)
versus
bookmark-uri disponibile pe Web,
uor de accesat i de partajat cu alii,
independent de platforma
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Mediatizare (syndication) Web

date privitoare la un sit Web sunt expuse liber
via un flux (feed) de stiri
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o


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

format RSS (Really Simple Syndication) sau Atom

XML
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o


un feed este disponibil via un URL (fixat),
eventual doar in contextul unui intranet/extranet,
pentru a fi preluat & procesat de un program
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o


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

navigator Web Firefox, Safari sau extensie: Feedly
cititor de stiri FeedDemon, Google Reader,
agregator Web FeedBurner, Feedster, Technorati
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Podcasting = pod (iPod) + broadcast

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

D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Interactiune bogata cu utilizatorul
RIA Rich Internet Applications

aplicarea modalitatilor de interactiune traditionala
(la nivel de desktop) in contextul aplicatiilor Web
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Interactiune bogata cu utilizatorul
RIA Rich Internet Applications

avantajele Web-ului (ubicuitate, date distribuite
via hipertext, posibilitati de cautare etc.) +
interactiune sofisticata + utilizabilitate
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Valori de baz

deschidere, transparen, respect

iniiativa Creative Commons
reasonable, flexible copyright
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

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

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Web-ul social
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

Rezumat
terminologie, modelul client/server, hipertextul,
URI, sit vs. aplicaie, Web-ul social, evoluie
D
r
.

S
a
b
i
n

B
u
r
a
g
a
w
w
w
.
p
u
r
l
.
o
r
g
/
n
e
t
/
b
u
s
a
c
o

?

Web 01 Ar Hitec Tura Web

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Web 01 Ar Hitec Tura Web

Încărcat de

Drepturi de autor:

Formate disponibile

D

S-ar putea să vă placă și