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

panza 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
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
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
Idee (Sir Tim Berners-Lee la CERN 1989)

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

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
a common information space in which
we communicate by sharing information


Sir Tim Berners-Lee (2013)


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
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
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

arhitectura Web-ului
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

arhitectura Web-ului
codificarea
datelor
Unicode
nume de
domenii
DNS
protocoalele
Internet
TCP/IP
adrese Web
URI = URL + URN
protocoale Web
HTTP, HTTPS, SPDY
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
informatii
meteo
despre Iasi
http://world.info/europe/romania/iasi/#weather?today
<weather>
<point lat= long=>
<name lang= "ro">
Iasi
</name>
<type>city</type>

</point>
<temperature when=>
<value></value>
</temperature>
</weather>

reprezentare
adresabilitate via URI
resursa Web
identifica
reprezinta
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
informatii
meteo
despre Iasi
http://world.info/europe/romania/iasi/#weather?today
<weather>
<point lat= long=>
<name lang= "ro">
Iasi
</name>
<type>city</type>

</point>
<temperature when=>
<value></value>
</temperature>
</weather>

reprezentare
adresabilitate via URI
resursa Web
identifica
reprezinta
reprezentarea intr-un format deschis (e.g., HTML, XML,
JSON, RDF,) include date propriu-zise + meta-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

formate de reprezentare a continutului
DocBook
HTML (HyperText Markup Language)
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: 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
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

hipertext: ingrediente
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 avand 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

../../web.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
https://drive.google.com/#my-drive
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
inspectand 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
URI-urile trebuie considerate opace

nu trebuie ghicit tipul continutului
inspectand URI-ul asociat resursei


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
URI-urile trebuie considerate opace

nu trebuie ghicit tipul continutului
inspectand URI-ul asociat resursei


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 (RFC 3987)
permite folosirea caracterelor Unicode

a se vedea si IDN (Internationalized Domain Name)

exemplificari:
http://thefreedictionary.com/ros
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

Ce tipuri de aplicatii Web exista?
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

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

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

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

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

Aplicaie Web

exemple:
Amazon, Coursera, Dropbox, Expedia, Flickr,
info.uaic.ro, PHPMyAdmin, Reddit, Quora,
SlideShare, Twitter, Vimeo, webmin, WordPress

i multe, multe altele
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

Centrate pe documente
Interactive
Tranzacionale
Colaborative
Orientate spre portaluri
De tip ubicuu
Web social
Web semantic
evoluia n timp
a complexitii
tipuri de 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

Centrate pe documente document centric

coninut/pagini static(e):
situri de companii, personale
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

Interactive

expoziii virtuale
situri de tiri
sisteme de facilitare a cltoriilor (e-travel)
chiocuri informative

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

Tranzacionale

online banking
soluii B2B (business-to-business)
fluxuri de activiti (workflow-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

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

Colaborative

tele-conferine Web
aplicaii Web de tip wiki
servicii e-learning
aplicaii Web peer-to-peer
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

Orientate spre portaluri

localizare unitar a informaiilor
tehnice, de afaceri, guvernamentale,



specie: Web-ul cetenesc
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

De tip ubicuu

servicii mobile bazate pe locaia utilizatorului,
disponibile pe mai multe plaforme:
desktop, dispozitive mobile, tablet,


Web-ul mobil
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

Web social

mediatizare (syndication)
filtrare colaborativ pe baza tagging-ului
spaii de lucru virtuale
divertisment social


social (game) computing

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
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

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 semantic (Web of Data)

modelarea cunotinelor
pentru a fi nelese de calculatoare


dateinformaiicunotine
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

Care-i arhitectura unei aplicatii 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

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

Aplicaie Web = Interfa + Coninut (Date) + Program

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, WebGL,
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

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


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

Aplicaie Web = Interfa + Coninut (Date) + Program

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


JSON, XML, relationale (SQL), grafuri (NoSQL), 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

Aplicaie Web = Interfa + Coninut (Date) + Program

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

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

rezumat
terminologie, modelul client/server, hipertextul,
URI, sit vs. aplicaie, tipuri de 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

?