7/26/2019 Document a Tie 3

1/12

UNIVERSITATEA DIN ORADEAFACULTATEA DE INGINERIEELECTRIC I TEHNOLOGIA

INFORMA IEI

PROIECTAREA INTERFEELOR

UTILIZATOR

PROIECT

TEHNOLOGIA INFORAM IEI ANUL 2

Indrumtor d !ro"#t$ Studnt$G%&or G"%n"n% Gro'% Co(m"n

7/26/2019 Document a Tie 3

2/12

Stabilirea proiectului

Despre mine

M% num(# Gro'% Co(m"n %m %)( %#(t !ro"#t !ntru #%m"*% !)%#ut +o#ur") d )% ,%r(t% -r%.d% (" m"*%m dor"t"ntotd%un% (% %m !ro!r"u) ("t und (% !ot (#r" !ro!r"") m)!%rr" d(!r %#(t% (" (% %m ut")"'%tor" ! ("t #%r (% "m"#omnt' #u !%rr" "n !r","r )% r,"/*ur") m)0

Descrierea ideii de proiect

1&("t*u) ! #%r %m (%*) #on(tru"(# ,% %,% #% tm% !r"m)"m!r("" -%t% d no") +o#ur" ,"do %!%rut !"%t%

Scopul website-ului

S#o!u) /&("t*u)u" (t #) d % %tr%. %tnt"% !%("on%t")or+o#ur")or ,"do (" d % )% !un )% d"(!o'"t" !ro!r"") m) !%rr"%(u!r% ,""to%r)or +o#ur" ,"do # ,or %!%r%0

7/26/2019 Document a Tie 3

3/12

Tema aleasa$ S#r"r% unor !r"m "m!r("" d(!r +o#ur" ("( %o-r mot", (tru#tur%t (" ,%)"d !ntru mot",u) "n #%r +o#u) (

mrt"% (% -" #um!%r%t (%u nu0

Structura website-ului:

Structura site-ului este una ierahica:

Acasa

A"#" %,m !r'nt%r" d(!r #%t,% d"ntr "m!r("") # )%m

-%#ut d(!r #%t,% +o#ur"0Contact

In %#%(t% !%."n% ut")"'%toru) !o%t (% "% #ont%#t #u%dm"n(tr%toru) !%."n""

7/26/2019 Document a Tie 3

4/12

Despre

A"#" %m -%#ut o m"#% d(#r"r d(!r m"n (" (#o!u) !ntru#%r %m %)( (% -%# %#(t ("t0

Obiective

Unele dintre obiectivele pe care acest website

doreste sa le atinga sunt atragerea unui numar

mare de utilizatori. Odata cu aceasta as vrea sa

adaug o sectiune de comentarii pentru utlizatorii.

Odata cu atragerea unui numar cat mai mare de

utilizatori apar si potentiali sponsori care o sa imi

dea sa promovez anumite produse de gaming de la

ei

Implementarea interfatei website-ului :

Implementarea website-ului am sa o fac cu

ajutorul unui HTML!""#avascript framewor$ numit

%ootstrap.&ebsite-ul va ' si mobile p(one-

responsive.

7/26/2019 Document a Tie 3

5/12

)oresc ca 'ecare pagina sa 'e legata una de

cealalta printr-un navigation bar insemnand ca

oriunde in website m-as a*a pot sa ajung la pagina

principala sau la celelalte pagini ale website-ului.

+agina principala ,casa/

+e pagina principal este prezentat (eaderul cu oimagine atasata in spatele (eaderului

"ecventa de cod pentru implementarea (eaderului

este/

nalog au fost implementate si celelalte elemente'ecare avand speci'cate in cadrul div-urilor

speci'catiile necesare

7/26/2019 Document a Tie 3

6/12

In josul paginii am adaugat doua butoane care

duce 'ecare la paginile de faceboo$ respect twitter

ale site-ului

Mai jos am atasat codurile la cele doua butoane

respectiv codul pentru drepturile de autor

7/26/2019 Document a Tie 3

7/12

+agina 0eview12

+rin aceasta pagina se doreste informarea corectaa utilizatorilor asupra jocului video.34plicandu-le

tot ce se poate spune despre acesta.m atasat la

acesta la fel ca la cealatate review-uri poza de la

(eader cu cea a jocului

7/26/2019 Document a Tie 3

8/12

+entru te4te am folosit codul /5p657p6 iar pentru

titluri (8 iar printe te4te am mai bagat si niste poze

sugestive pentru ceea ce am scris si deasemenea

bloc$buster

)easemenea la urmatoarele review-uri tot acelas

format am folosit doar ca difera jocul.

+agina ,)espre mine

In aceasta pagina doar ce am scris o mica descrie

despre mine si de ce am ales sa fac acest site

7/26/2019 Document a Tie 3

9/12

!odul ce l-am folosit pentru aceasta pagina este

urmatorul/

7/26/2019 Document a Tie 3

10/12

+agina ,!ontact

7/26/2019 Document a Tie 3

11/12

La pagina contact am implementat si un cod p(p

care ar face ca adminstratorul sa iti trimita mail

7/26/2019 Document a Tie 3

12/12

cum ca a primit mesajul utilizatorul