dezvoltarea aplicaţiilor web la nivel de client (cursul #1): interacţiune web: concepte, context,...
DESCRIPTION
Dezvoltarea aplicaţiilor Web la nivel de client — detalii la http://profs.info.uaic.ro/~busaco/teach/courses/cliw/web-film.htmlTRANSCRIPT
![Page 1: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/1.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
interacțiune Web – HCI, UI, UX
![Page 2: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/2.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
“It is not the answer that enlightens, but the question.”
Eugene Ionesco
![Page 3: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/3.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Care sunt mijloacele de interacțiune dintre utilizatori și o aplicație?
![Page 4: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/4.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Human
persoană care încearcă să îndeplinească un scop
![Page 5: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/5.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
wikimedia.org
![Page 6: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/6.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Computer
rulează aplicații – software
![Page 7: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/7.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
primul joc implementat pe PDP (anii 1960)
![Page 8: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/8.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
![Page 12: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/12.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
![Page 13: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/13.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Computer
rulează aplicații – software
local – eventual, cu rol de client versus
la distanță – e.g., solicită servicii de la server(e)
![Page 14: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/14.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Interaction
“dialog” între om și calculator
![Page 15: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/15.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
![Page 16: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/16.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Interacțiunea dintre utilizator(i) şi software se realizează via o interfață (user interface)
![Page 17: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/17.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Interacțiunea dintre utilizator(i) şi software se realizează via o interfață (user interface)
API (Application Programming Interface) versus
UI (User Interface)
![Page 18: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/18.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Tipuri de interfețe
convențională (clasică) – e.g., desktop
![Page 19: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/19.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Graficon (Douglas Engelbart, 1963)
![Page 20: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/20.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Tipuri de interfete
convențională (clasică) – e.g., desktop
paradigma WIMP (Window Icon Menu Pointer) interacțiune via tastatură & mouse + alte dispozitive reprezentări (abstracte) grafice: raster vs. vectorial
suport oferite de nucleul SO vs. desktop system multi-tasking
![Page 21: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/21.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
human-computer interaction
Bryce (Kai Krause, 1997)
![Page 22: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/22.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Tipuri de interfețe
interfața Web
![Page 23: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/23.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
human-computer interaction
280slides (2010) sistemul WorldWideWeb (Tim Berners-Lee, ~1990) www.w3.org/History/1989/proposal.html
![Page 24: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/24.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Tipuri de interfețe
interfața Web browser – interacțiune limitată via controale (X)HTML
hipertext/hipermedia RIA (Rich Internet Applications): Flash, Silverlight, HTML5 interacțiune facilitată de transfer (a)sincron: Ajax/Comet
recurgerea la standarde deschise audiență globală
![Page 25: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/25.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
human-computer interaction
wireframe.cc (2013)
![Page 26: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/26.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Tipuri de interfețe
interacțiune facilitată de un dispozitiv mobil
![Page 27: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/27.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Tipuri de interfețe
interacțiune facilitată de un dispozitiv mobil
resurse/facilități limitate: rezoluție, memorie, I/O, energie etc.
mono-tasking vs. multi-tasking off-line vs. on-line
servicii bazate pe context (context awareness) model diferit de businessapp-stores
![Page 28: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/28.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
provocare: proiectarea interacțiunii în contextul multi-device UI
responsive design
www.punchcut.com/perspectives
![Page 29: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/29.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Tipuri de interfețe
interfața naturală
![Page 30: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/30.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Tipuri de interfețe
interfața naturală
paradigme noi de interacțiune + noi așteptări interfețe haptice, bazate pe gesturi, vocale, locomotorii
augmented and virtual reality physical & wearable computing
ambient intelligence – AmI
![Page 31: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/31.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Richard Harper et al. (Eds.), Being Human, Microsoft Research, 2008
![Page 32: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/32.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Interfaţa – desktop, Web,… – cu utilizatorul
parte a aplicației – desktop, Web, miniaturală,… – care permite utilizatorilor să-și exprime intențiile de operare asupra software-ului și să interpreteze
rezultatele acțiunilor efectuate de mașină
![Page 33: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/33.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
human-computer interaction
![Page 34: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/34.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Interfaţa – desktop, Web,… – cu utilizatorul
percepută nu doar ca parte vizuală a software-ului
![Page 35: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/35.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Interfaţa – desktop, Web,… – cu utilizatorul
percepută nu doar ca parte vizuală a software-ului
din punctul de vedere al utilizatorului, reprezintă întregul sistem – aplicația per se
![Page 36: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/36.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Interfaţa – desktop, Web,… – cu utilizatorul
utilitate (utility)
oferirea facilităților dorite de utilizator
![Page 37: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/37.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Interfaţa – desktop, Web,… – cu utilizatorul
utilizabilitate (usability)
cât de ușor și de plăcut pot fi folosite facilitățile?
![Page 38: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/38.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Interfaţa – desktop, Web,… – cu utilizatorul
utilă (useful)
usability + utility
![Page 39: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/39.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Oricine utilizează un instrument (software) o face cu o motivație
![Page 40: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/40.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
găsirea unei entități: informație, obiect, utilizator etc.
![Page 41: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/41.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
(auto-)învățare/instruire
![Page 42: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/42.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
realizarea unui proces – e.g., tranzacție
![Page 43: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/43.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
interacțiuni sociale – la nivel real și/sau virtual
![Page 44: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/44.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
crearea unui artefact: însemnare, imagine, articol, soluție de design, cod-sursă,…
![Page 45: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/45.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
divertisment propriu şi/sau la nivel de grup (comunitate)
![Page 46: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/46.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
UX (User Experience)
modul de percepție a produsului/serviciului de către persoanele care-l folosesc și plăcerea/satisfacția înregistrată
![Page 47: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/47.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Context
http://garrettdimon.com/pages/improving_interface_design
![Page 48: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/48.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
UX (User Experience)
“Every product that is used by someone has a user experience: newspapers, ketchup bottles,
reclining armchairs, cardigan sweaters.”
James Jesse Garrett, 2003
![Page 49: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/49.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
UX (User Experience)
experience = expectationuser is satisfied
![Page 50: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/50.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
![Page 51: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/51.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
UX (User Experience)
experience > expectationuser is delighted
![Page 52: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/52.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
![Page 53: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/53.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
UX (User Experience)
experience < expectationuser is dissatisfied
![Page 54: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/54.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
www.buigallery.com
![Page 55: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/55.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
UX în contextul interacțiunii cu dispozitive mobile
de vizitat și http://smallsurfaces.com/
studiu de caz
![Page 56: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/56.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Punerea problemei
![Page 57: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/57.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
interactiune web
![Page 58: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/58.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Categorii primare de interacțiuni (la nivel mobil) Application Centric
Activity Centric Timeline Centric
Context (Location) Centric Process/Task Centric
Emotion Centric People/Identity Centric
Rahul Sen, 2010: http://tinyurl.com/23586xg
![Page 59: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/59.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Necesitatea organizării conținutului (datelor) prezentat(e) utilizatorilor
![Page 60: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/60.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Necesitatea organizării conținutului (datelor) prezentat(e) utilizatorilor
IA – Information Architecture
![Page 61: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/61.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
![Page 62: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/62.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
![Page 63: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/63.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
IA – Information Architecture
context: data visualization
visual representation
infographics
![Page 64: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/64.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
de la vizualizarea datelor la infografice (Alecsandru Grigoriu, Mozilla Labs – Open Data Visualization, 2010)
![Page 65: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/65.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Ce aspecte vizează proiectarea interacțiunii cu utilizatorul?
![Page 66: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/66.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Interaction Design facilitarea interacțiunilor dintre oameni
via produse & servicii (software)
![Page 67: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/67.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Interaction Design facilitarea interacțiunilor dintre oameni
via produse & servicii (software)
are o natură contextuală
![Page 68: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/68.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Interaction Design facilitarea interacțiunilor dintre oameni
via produse & servicii (software)
existența a numeroase mijloace & metodologii
![Page 69: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/69.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Interaction Design facilitarea interacțiunilor dintre oameni
via produse & servicii (software)
caracter aplicativ
![Page 70: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/70.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Interaction Design facilitarea interacțiunilor dintre oameni
via produse & servicii (software)
nu trebuie să implice direct calculatoarele
![Page 71: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/71.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
“Interzis virajul la dreapta?” sau
“Mergi la dreapta, nu la stânga?”
www.baddesigns.com
![Page 72: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/72.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Interaction Design facilitarea interacțiunilor dintre oameni
via produse & servicii (software)
![Page 73: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/73.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Interaction Design facilitarea interacțiunilor dintre oameni
via produse & servicii (software)
focalizare spre utilizatori (user centered design)
![Page 74: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/74.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Interaction Design facilitarea interacțiunilor dintre oameni
via produse & servicii (software)
uzual, există alternative de proiectare
exemplu: diverse maniere de afișare a datelor
![Page 75: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/75.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
www.veen.com/nextgen.pdf
![Page 76: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/76.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Interaction Design facilitarea interacțiunilor dintre oameni
via produse & servicii (software)
inovare + prototipizare
![Page 77: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/77.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
exemplu: interacțiune cu dispozitive Arduino
Ștefan Negru
![Page 78: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/78.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Interaction Design facilitarea interacțiunilor dintre oameni
via produse & servicii (software)
caracter colaborativ și de mediere (e.g., a constrângerilor)
![Page 79: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/79.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Interaction Design facilitarea interacțiunilor dintre oameni
via produse & servicii (software)
crearea de soluții specifice – deseori, unice
![Page 80: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/80.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
interactiune web
![Page 81: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/81.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Cum am caracteriza interacțiunea Web?
![Page 82: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/82.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Aplicații (Web) sisteme software complexe, în evoluție permanentă
![Page 83: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/83.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
arhitectura tradițională a unei aplicații Web
a se revedea cursul “Tehnologii Web” tinyurl.com/tehnologii-web
![Page 84: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/84.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Uzual, implică trei strate (3-tier application)
Internet (Web)
Client Server de aplicații Stocare (interface) (application) (persistence)
![Page 85: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/85.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Sponge / Database
Jelly / Business Logic
Custard / Page Logic
Cream / Markup
Fruit / Presentation
C. Henderson, “Scalable Web Architectures”, Web 2.0 Expo, 2007: iamcal.com/talks/
![Page 86: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/86.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Sponge / Database
Jelly / Business Logic
Custard / Page Logic
Cream / Markup
Fruit / Presentation
C. Henderson, “Scalable Web Architectures”, Web 2.0 Expo, 2007: iamcal.com/talks/
![Page 87: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/87.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Aplicație Web = Interfață + Conținut (Date) + Program
mitul 1: cea mai importantă este interfața mitul 2: cel mai important este programul mitul 3: cele mai importante sunt datele
![Page 88: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/88.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Aplicație Web = Interfață + Conținut (Date) + Program
mitul 1: cea mai importantă este interfața mitul 2: cel mai important este programul mitul 3: cele mai importante sunt datele
![Page 89: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/89.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Aplicație Web = Interfață + Conținut (Date) + Program
mitul 1: cea mai importantă este interfața mitul 2: cel mai important este programul mitul 3: cele mai importante sunt datele
![Page 90: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/90.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Aplicație Web = Interfață + Conținut (Date) + Program
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 91: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/91.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Realitate
multitudinea mijloacelor de interacțiune cu utilizatorul
![Page 92: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/92.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Realitate
suportul oferit de hardware: procesor, video, audio, acces la rețea,…
![Page 93: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/93.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Realitate
proliferarea interacțiunilor naturale, mai ales via dispozitive mobile ori senzori
![Page 94: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/94.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Realitate
creșterea masei de utilizatori, având așteptări tot mai mari din partea software-ului
![Page 95: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/95.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Realitate
neadaptare la cerințele de tip business
development vs. marketing vs. management
![Page 96: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/96.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Realitate
lipsa funcționalității
![Page 97: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/97.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Realitate
calitatea precară a aplicației
![Page 98: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/98.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Ce tipuri de aplicații Web există?
![Page 99: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/99.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/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 100: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/100.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Centrate pe documente – document centric
conținut/pagini static(e): situri de companii, personale
![Page 101: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/101.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
![Page 102: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/102.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Interactive
expoziții virtuale situri de știri
sisteme de facilitare a călătoriilor (e-travel) chioșcuri informative
…
![Page 103: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/103.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
![Page 104: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/104.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Tranzacționale
online banking soluții B2B (business-to-business)
fluxuri de activități (workflow-uri)
![Page 105: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/105.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
![Page 106: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/106.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Colaborative
tele-conferințe Web aplicații Web de tip wiki
servicii e-learning aplicații Web peer-to-peer
![Page 107: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/107.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
![Page 108: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/108.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Orientate spre portaluri
localizare unitară a informațiilor tehnice, de afaceri, guvernamentale,…
specie: Web-ul cetățenesc
![Page 109: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/109.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
![Page 110: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/110.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
De tip ubicuu
servicii bazate pe locația utilizatorului, disponibile pe mai multe plaforme: desktop, telefon mobil, tabletă, TV,…
![Page 111: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/111.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
![Page 112: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/112.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Web social
mediatizare (syndication) spații de lucru virtuale
filtrare colaborativă divertisment social
social (game) computing
![Page 113: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/113.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
![Page 114: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/114.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Web semantic (Web of Data)
modelarea cunoștințelor pentru a fi “înțelese” de calculatoare
dateinformațiicunoștințe
![Page 115: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/115.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
![Page 116: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/116.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Aspecte specifice aplicațiilor Web
lipsa unei structuri reale (tangibile)
![Page 117: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/117.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Aspecte specifice aplicațiilor Web
multi-disciplinaritate
![Page 118: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/118.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Aspecte specifice aplicațiilor Web
necunoașterea publicului-țintă real
![Page 119: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/119.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Aspecte specifice aplicațiilor Web
volatilitatea cerințelor & constrângerilor
![Page 120: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/120.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Aspecte specifice aplicațiilor Web
mediu de operare impredictibil
![Page 121: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/121.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Aspecte specifice aplicațiilor Web
impactul sistemelor traditionale (legacy)
![Page 122: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/122.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Aspecte specifice aplicațiilor Web
aspecte calitative diferite
![Page 123: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/123.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Aspecte specifice aplicațiilor Web
lipsa de experiență a publicului (audienței)
![Page 124: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/124.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
Situl Web al unui muzician – cerințe:
“To maintain and develop lasting relationships with fans of Tyler’s music. In addition to being visually and
emotionally appealing and appropriate to Tyler’s fan base, the site should be a reliable source for current information
on Tyler’s activities and provide consistently updated audio and visual stimuli that encourage repeated visits
from fans.”
discuție (pentru acasă)
![Page 125: Dezvoltarea aplicaţiilor Web la nivel de client (cursul #1): Interacţiune Web: concepte, context, studii de caz](https://reader033.vdocuments.site/reader033/viewer/2022052410/5552c0bab4c90581158b4741/html5/thumbnails/125.jpg)
Dr.
Sab
in B
ura
ga
ww
w.p
url
.org
/ne
t/b
usa
co
episodul viitor: arhitectura navigatorului Web