ce înseamnă a fi dezvoltator web (varianta 2014)
DESCRIPTION
Considerații privind diverse posibilități de carieră în domeniul tehnologiilor Web, de dorit după absolvirea studiilor oferite de Facultatea de Informatică, UAIC Iași. Pentru alte detalii, a se vizita http://www.info.uaic.ro/~busaco/teach/TRANSCRIPT
![Page 1: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/1.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Dr. Sabin BuragaFacultatea de Informatică, Universitatea „A. I. Cuza” – Iași, România
www.purl.org/net/busaco @busaco4web
![Page 2: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/2.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Ce este Web-ul?
![Page 3: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/3.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
coWorld Wide Web
“a common information space
in which we communicate by sharing information”
Sir Tim Berners-Lee – a creat Web-ul în decembrie 1989
![Page 4: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/4.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
coWorld Wide Web
scopuri principale:
independența de dispozitiv
independența de software
scalabilitatea
ubicuitatea
![Page 5: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/5.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
coWorld Wide Web
bazat pe standarde deschise stipulate de Consorțiul Web
www.w3.org
![Page 6: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/6.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
coWorld Wide Web
un serviciu Internet
alături de poștă electronică, transfer de fișiere etc.
WWW Internet
![Page 7: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/7.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
client(realizează cereri)
![Page 8: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/8.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
server(oferă răspunsuri)
client(realizează cereri)
![Page 9: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/9.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
client(realizează cereri)
protocol(reguli de transfer de date)
server(oferă răspunsuri)
![Page 10: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/10.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Web-ul e bazat pe modelul client/server al Internet-ului
server Webclient Web
cerere
răspuns
![Page 11: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/11.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
web
primul client Web
![Page 12: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/12.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
webprimul server Web
![Page 13: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/13.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
clientul Web (browser, player multimedia,
aplicație desktop/mobilă, robot al unui motor de căutare,…)
procesează conținuturi – adică date – primite de la server
![Page 14: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/14.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
pentru a reprezenta aceste conținuturi,
se adoptă diverse formate de date
cel mai popular: HTML (HyperText Markup Language)
![Page 15: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/15.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
conținut ≅ <marcajeHTML versiune=5/> +
{ foi de stiluri: CSS3 } la modă
![Page 16: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/16.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
aceste conținuturi sunt stocate
în documente (pagini) Web
mai general, resurse Web
![Page 17: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/17.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
resursele vor fi identificate printr-o adresă Web
URL (Uniform Resource Locator)
http://profs.info.uaic.ro/~busaco/teach/
identificator unic
![Page 18: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/18.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
paginile Web – la rândul lor – includ referințe
către alte resurse de interes via adrese (URL-uri)
hipertext (hipermedia)
![Page 19: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/19.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Web-ul reprezintă un graf hipermedia
explorat pe baza interacțiunii cu utilizatorul via URL-uri
![Page 20: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/20.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
la nivel de server Web, resursele (conținuturile)
solicitate de client – via un URL – sunt
fie stocate static (i.e. create manual), fie generate dinamic
– pe baza unor programe implementând diverși algoritmi
![Page 21: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/21.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
transferul datelor între client și server e stabilit
de un protocol de comunicație
pentru Web: HTTP (HyperText Transfer Protocol)
![Page 22: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/22.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
codificarea
datelor Unicode
nume de domenii
DNS
protocoalele
Internet
TCP/IP
adrese Web
URI = URL + URN
protocoale Web
HTTP, HTTPS, SPDY
![Page 23: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/23.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Internet
(Web)
Client
interfață cu
utilizatorul
![Page 24: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/24.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Internet
(Web)
Client
interfață cu
utilizatorul
Server
sit/aplicație Web
![Page 25: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/25.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Internet
(Web)
Client
interfață cu
utilizatorul
Server
sit/aplicație Web
sit Websistem găzduind o serie de pagini (resurse) Web înrudite
ale unei organizații, companii sau persoane
![Page 26: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/26.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Internet
(Web)
Client
interfață cu
utilizatorul
Server
sit/aplicație Web
aplicație Webcolecție interconectată de pagini Web
cu conținut generat dinamic, oferind o funcționalitate specifică
![Page 27: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/27.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Internet
(Web)
Client
interfață cu
utilizatorul
Server
sit/aplicație Web
interacțiune Web„dialogul” dintre utilizator(i) și aplicație are loc via o interfață Web
![Page 28: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/28.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Internet
(Web)
Client
interfață cu
utilizatorul
Server
sit/aplicație Web
interacțiune Web
uzual, sit Web = aplicație Web
![Page 29: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/29.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
exemple de aplicații Web:
Amazon, Coursera, Facebook, Dropbox, Flickr, GitHub, info.uaic.ro,
Instagram, Medium, PHPMyAdmin, Reddit, Quora, SlideShare,
TED.com, Tumblr, Twitter, Vimeo, webmin, Wikipedia, WordPress
…și multe, multe, multe altele
![Page 30: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/30.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Internet
(Web)
Client
interfață cu
utilizatorul
Server
sit/aplicație Web
Date
stocate
persistent
![Page 31: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/31.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Internet
(Web)
Client
interfață cu
utilizatorul
Server
sit/aplicație Web
Date
stocate
persistent
accesul la date poate fi realizat via servicii Websoftware oferind o funcționalitate specifică
în urma căreia se obțin date de interes
![Page 32: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/32.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Care sunt tipurile de aplicații Web?
![Page 33: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/33.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Centrate pe documente
Interactive
Tranzacționale
Colaborative
Orientate spre portaluri
De tip ubicuu
Web social
Web semantic
evoluția în timp
a complexității
![Page 34: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/34.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Centrate pe documente
conținut/pagini static(e):
situri de companii, personale
![Page 35: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/35.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
![Page 36: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/36.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Interactive
expoziții virtuale
situri de știri
sisteme de facilitare a călătoriilor
chioșcuri informative
…
![Page 37: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/37.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
![Page 38: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/38.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Tranzacționale
comerț electronic
soluții B2B (business-to-business)
fluxuri de activități
![Page 39: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/39.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
![Page 40: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/40.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Colaborative
tele-conferințe Web
aplicații Web de tip wiki
servicii e-learning
aplicații Web peer-to-peer
![Page 41: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/41.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
![Page 42: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/42.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Orientate spre portaluri
localizare unitară a informațiilor
tehnice, de afaceri, guvernamentale,…
specie: Web-ul cetățenesc
![Page 43: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/43.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
![Page 44: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/44.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
De tip ubicuu
servicii mobile bazate pe locația utilizatorului,
disponibile pe mai multe plaforme:
desktop, dispozitive mobile, tabletă, ceas,…
Web-ul mobil
![Page 45: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/45.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
proiecte dezvoltate de studenții Facultății de Informatică
http://profs.info.uaic.ro/~stefan.negru/studentprojects/
![Page 46: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/46.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Web social
mediatizare
filtrare colaborativă pe baza tagging-ului
spații de lucru virtuale
divertisment social
social (game) computing
![Page 47: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/47.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
#iphonesia #photooftheday #jj
#iphoneography #instagood
#instagram #instagramhub
#iphoneonly #igers #instamood
#sky #gang_family
#bestoftheday #webstagram #ig
#iphone #all_shots
cele mai populare tag-uri folosite
de utilizatorii aplicației Instagram
(octombrie 2014)
![Page 48: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/48.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Web semantic (Web-ul datelor interconectate)
modelarea cunoștințelor
pentru a fi „înțelese” de calculatoare
dateinformațiicunoștințe
![Page 49: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/49.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
![Page 50: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/50.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
open participation
open data
open software
open app development
open web
open cloud
open (computing) hardware
![Page 51: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/51.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Care e arhitectura generică
a unei aplicații Web?
![Page 52: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/52.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Internet
(Web)
uzual, o aplicație Web implică trei strate (3-tier)
client server de aplicații stocare
(interface) (application) (persistence)
![Page 53: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/53.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Sponge / Database
Jelly / Business Logic
Custard / Page Logic
Cream / Markup
Fruit / Presentation
C. Henderson, “Scalable Web Architectures”, 2007
![Page 54: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/54.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Sponge / Database
Jelly / Business Logic
Custard / Page Logic
Cream / Markup
Fruit / Presentation
C. Henderson, “Scalable Web Architectures”, 2007
![Page 55: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/55.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Internet
(Web)
Aplicație Web = Interfață + Program + Conținut (Date)
![Page 56: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/56.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
mitul 1: cea mai importantă este interfața
![Page 57: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/57.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Internet
(Web)
Aplicație Web = Interfață + Program + Conținut (Date)
standarde deschise: HTML, CSS, Ajax, SVG, WebGL,…
![Page 58: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/58.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
![Page 59: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/59.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Internet
(Web)
Aplicație Web = Interfață + Program + Conținut (Date)
![Page 60: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/60.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
mitul 2: cel mai important este programul
![Page 61: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/61.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Internet
(Web)
Aplicație Web = Interfață + Program + Conținut (Date)
server: C#, Go, Java, JavaScript, PHP, Ruby, Scala și multe altele
client: JavaScript
servere de aplicații Web, framework-uri, biblioteci, componente,…
![Page 62: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/62.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
![Page 63: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/63.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Internet
(Web)
Aplicație Web = Interfață + Program + Conținut (Date)
![Page 64: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/64.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
mitul 3: cele mai importante sunt datele
![Page 65: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/65.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Internet
(Web)
Aplicație Web = Interfață + Program + Conținut (Date)
utilizarea diverselor modele:
relațional – interogare via SQL
bazat pe grafuri (NoSQL)
cheie-valoare – formatul JSON
arborescent – XML
![Page 66: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/66.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
![Page 67: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/67.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Internet
(Web)
Aplicație Web = Interfață + Program + Conținut (Date)
mitul 1: cea mai importantă este interfața
mitul 2: cel mai important este programul
mitul 3: cele mai importante sunt datele
fapt: sunt importante toate!
![Page 68: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/68.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Câteva exemplificări de aplicații Web?
![Page 69: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/69.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
client(i)
firewall
proxy
middleware
server(e) Web
server(e) de aplicații
framework-uri, biblioteci, alte componente
server(e) de stocare persistentă – e.g., baze de date
server(e) de conținut multimedia
server(e) de management al conținutului (CMS)
aplicații/sisteme tradiționale
![Page 70: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/70.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
studiu de caz: Flickr
![Page 71: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/71.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Flickr
scop: partajare a conținutului grafic (fotografii)
aplicație reprezentativă a Web-ului social
agregare de comunități – imaginea ca obiect social
adnotări via termeni de conținut (tagging) + comentarii
![Page 72: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/72.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
PHP (procesare – application logic, acces la API,
prezentare de conținut via Smarty, modul de e-mail)
Perl (validarea datelor)
Java (managementul nodurilor de stocare)
MySQL (stocare de date)
ImageMagick (bibliotecă C de prelucrare de imagini)
Ajax (interacțiune asincronă)
Linux (platformă de rulare)
alte detalii la http://highscalability.com/flickr-architecture
![Page 73: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/73.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
arhitectura inițială – conform (Cal Henderson, 2007)
![Page 74: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/74.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
interfețe de programare (API-uri)
oferite de Flickr
facilitează accesul la serviciile Web
în cadrul aplicațiilor
eventual, rulând pe alte platforme
www.flickr.com/services/api/
![Page 75: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/75.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
studiu de caz: Lanyrd
![Page 76: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/76.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Lanyrd
scop: descoperire & management de evenimente
(de exemplu, conferințe cu caracter tehnologic)
agregare de comunități – evenimentul ca obiect social
suport pentru vorbitori & audiență, slide-uri,…
+ calendare și locații geografice
![Page 77: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/77.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Creat aproape complet în Python (folosind Django)
și întreținut de 6 persoane
2½ backend developers
1¾ frontend developers
½ mobile developers
1½ designers
¾ system administrators
¾ business operations
http://www.infoq.com/presentations/lanyrd-architecture
![Page 78: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/78.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
![Page 79: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/79.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Aspecte importante vizând
dezvoltarea de aplicații Web?
![Page 80: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/80.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
aplicații Web sisteme software complexe,
în evoluție permanentă
![Page 81: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/81.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
mijloace multiple de interacțiune Web cu utilizatorul
mobil laptop PC tabletă (smart) TV ecran urban
![Page 82: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/82.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
creșterea masei de utilizatori,
având așteptări tot mai mari din partea software-ului
de la conținut (hiper)textual
la aplicații Web sociale + interacțiune naturală
![Page 83: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/83.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
suportul variat privind dezvoltarea de aplicații
(limbaje, API-uri, SDK-uri, biblioteci, framework-uri,...)
oferit de platforma hardware/software
la nivel de server(e) și/sau de client(i)
![Page 84: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/84.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
neadaptarea la cerințele economice (de tip business)
development vs. marketing vs. management
![Page 85: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/85.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
adaptare după Crumlish & Malone, 2009
scopuri
psihologie
comportament
interacțiune
controale
limbi naturale
facilități
tehnologii
algoritmi
indexare
structurare
meta-date
instrumente
metodologii
stimuli
utilizatori interfață software conținut creatori
![Page 86: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/86.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Etape în dezvoltarea unei aplicații Web
Cerințe – requirementsAnaliză și proiectare – software design
Implementare – buildTestare – testing
Exploatare – deploymentMentenanță – maintenance
Evoluție – evolution
![Page 87: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/87.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Jesse Garrett, The Elements of User Experience (2nd Edition), New Riders, 2011
![Page 88: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/88.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
programare (server + client)
creare/adaptarede conținuttestare
documen-tare
arhitectura info+ navigarecerințe
public beta lansare
mentenanță
http://sixrevisions.com/web-development/agile/
![Page 89: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/89.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Vreau să dezvolt un proiect Web…
![Page 90: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/90.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
code repositoriesinstrumente de
dezvoltare (IDE)
runtime environment
dezvoltare
rulare
A. Iq
bal
, M
. H
aunse
nbla
s, S
. D
ecke
r (2
012
)
procesul actual de dezvoltare și exploatare
a aplicațiilor Web
![Page 91: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/91.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
code repositoriesinstrumente de
dezvoltare (IDE)
runtime environment
dezvoltare
rulare
A. Iq
bal
, M
. H
aunse
nbla
s, S
. D
ecke
r (2
012
)
Web: Cloud9, Koding, eXo Cloud, Ideone
desktop: Eclipse, Visual Studio
BitBucket
GitHub, Unfuddle
Google App Engine, Heroku,
Jelastic, Windows Azure
![Page 92: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/92.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Parametrii unui proiect Web
obiectiv principal
durată
cost
abordare
tehnologii
procese
rezultat
resurse umane
profilul echipei
![Page 93: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/93.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
✓obiectiv principal
crearea unui produs software utilizabil
în cât mai scurt timp posibil
![Page 94: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/94.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
⌚durată
aproximativ 2—6 luni
![Page 95: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/95.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
♨cost
de ordinul miilor de Euro
![Page 96: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/96.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
✒abordare
prototipizare – wireframe, mockup,…
metode agile
asamblare de componente reutilizabile
![Page 97: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/97.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co♻tehnologii
componente (servicii Web, API-uri publice,
framework-uri, biblioteci, plugin-uri, extensii etc.)
proiectare/programare „vizuală”
multimedia
…și altele
![Page 98: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/98.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
procese
uzual, dezvoltarea aplicațiilor Web se realizează iterativ
„nu te aștepta să-ți iasă din prima…”
understand
study
designbuild
evaluate
![Page 99: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/99.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co⎚rezultat
reutilizabilitate mare a codului,
recurgerea la componente/limbaje/platforme standard
aplicații implementate uzual conform standardelor
designul vizual este, de cele mai multe ori, unicat
![Page 100: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/100.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
♚♞♟resurse umane
uzual, 3—9 persoane
“For the first version of your app, start with only 3 people.”
Getting Real – https://gettingreal.37signals.com/
![Page 101: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/101.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
profilul echipei
specialiști în interacțiune – uzual: designeri Web
+
dezvoltatori (programatori) Web – la nivel client/server
+
arhitecți de baze de date
+
specialiști în marketing și/sau relații cu publicul
![Page 102: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/102.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Care-i echipa de dezvoltare
a unei aplicații Web de anvergură?
![Page 103: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/103.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
managementsite editor
project manager
![Page 104: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/104.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
codezvoltare (arhitectură)
system architect
data (content) architect
component architect
security architect
![Page 105: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/105.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
![Page 106: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/106.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
interacțiune cu utilizatorul
creative lead
Web interface designer(s)
graphic artist(s)
HCI engineer
![Page 107: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/107.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
![Page 108: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/108.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
programare
server-side programmers
client-side programmers
data/component integration programmers
![Page 109: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/109.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
![Page 110: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/110.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
cotestare
testing lead
client-side tester(s)
server-side tester(s)
component tester(s)
integration tester(s)
![Page 111: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/111.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
![Page 112: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/112.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
operații tehnice
Webmaster
hardware & network technicians
network administrator(s)
database administrator(s)
backup operator
uptime monitor
security monitor(s)
![Page 113: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/113.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
comarketing
content producer(s)
copywriter(s)
content editor(s)
branding & advertising expert(s)
direct e-marketer
public relations personnel
![Page 114: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/114.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
echipa proiectului Web
management
Web Project Manager
funcționalitate
Software Engineer(s)
Multimedia Designer(s)
conținut (date)
Domain Expert
Business Expert
![Page 115: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/115.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
![Page 116: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/116.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Web Designer
aplicații grafice raster/vectoriale, HTML (de dorit, HTML5), CSS,
cunoștințe despre compatibilitate cu/între diverse navigatoare Web,
experiență în design vizual + design responsiv,
cunoștințe privind interacțiunea Web – inclusiv la nivel mobil,
JavaScript (+biblioteci, precum jQuery),
familiar cu paradigme de interacțiune naturală
(tactilă, bazată pe gesturi, realitate virtuală/îmbogățită),…
![Page 117: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/117.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Web Developer
cel puțin 1 limbaj obiectual – la nivel de server/client,
protocoale și standarde Internet + Web,
cunoștințe privind baze de date (inclusiv NoSQL și/sau XML),
familiaritate cu sisteme CMS/wiki, cunoștințe vizând servicii Web,
familiar cu alte paradigme de programare (e.g., funcțională,
distribuită), securitate & performanță Web,…
![Page 118: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/118.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
![Page 119: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/119.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Web Technician
asistent (ajutor) al webmaster-ului,
designerului sau dezvoltatorului Web
poate efectua operații tehnice:
instalare, configurare, monitorizare,…
![Page 120: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/120.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Web Maintainer
actualizează conținutul
uzual, via o interfață WYSIWYG
(de exemplu, recurgând la un sistem
de management al conținutului – CMS)
![Page 121: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/121.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
☺Bun… Și eu ce fac?
![Page 122: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/122.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
fii curios & iscoditor
învață(citește + experimentează + cere ajutor + reutilizează)
creează și arată
(design, cod-sursă, prototipuri, exemple demonstrative,…)
acumuleazăexperiență, „aură”, statut social etc.reputație
concurează
(…atât de multe oportunități)
ajută/instruiește pe ceilalți
![Page 123: Ce înseamnă a fi dezvoltator Web (varianta 2014)](https://reader033.vdocuments.us/reader033/viewer/2022052908/55961c701a28ab860e8b45a3/html5/thumbnails/123.jpg)
Dr. S
abin
-Cor
nel
iuBura
ga–
ww
w.p
url.o
rg/n
et/b
usa
co
Mult succes!
imagini de epocă furnizate de vintag.es