Proiect Programare Web

„Photo JukeBox – Website”

Laura BROASCADiana BRATA

Grupa 3.1, CTI, anul 3

Continut:

- Ce am realizat?- Tehnologii utilizate- Site-uri asemanatoare- Resurse

Ce am realizat?

Site-ul Photo JukeBox ofera un sprijin utilizatorilor pasionati de imagistica, arte, poze, fotografii si care doresc sa isi expuna aceste lucrari online, atat pentru a fi stocate cat si pentru a putea fi vizualizate de catre alti utilizatori sau pasionati ai acestui gen de activitate.

Pentru a putea ajunge insa la partea interesanta de adaugare si vizualizare a pozelor, utilizatorii trebuie intai sa isi creeze un cont pe site in cativa pasi simpli. Astfel fiecare utilizator detine un username si o parola necesare la logare pentru a putea sa faca upload pozelor pe site.

Un feature interesant al site-ului il reprezinta galeria de poze (grupate pe categorii) in care utilizatorii pot cauta si vizualiza intreaga gama de fotografii disponibile pe site.

Ce am realizat?

Utilizatorii site-ului Photo JukeBox au posibilitatea de a cauta poze dupa diferite criterii: in functie de utilizatorul care a postat poza, dupa tag-uri, dupa categoria unde se incadreaza pozele.

In final userii au la dispozitie si o pagina de contact prin care pot trimite atat pareri despre site, cat si sugestii referitoare la imbunatatirea acestuia.

Photo JukeBox este deci un site interactiv cu multe optiuni ce apeleaza la latura vizuala si creativa a oricaruia din utilizatorii de internet.

Tehnologii folosite:

Pentru realizarea acestui proiect am folosit urmatoarele limbaje de programare:

html – structura statica a site-ului, legaturile dintre pagini php – generare dinamica de cod css – elemente de stil, formatare mysql – baze de date rss – evidenta noutatilor

Am folosit si un script care utilizeaza javascript.

Prima Pagina - contine butoane pentru a naviga spre celelalte pagini ale site-ului;- formular de login;- formular pentru creare cont nou;- formulare pentru cautare poze dupa diverse criterii;- sunt afisate ultimele 4 poze postate de utilizatori

Daca utilizatorul este logat atunci pe prima pagina in loc de formularul de creare cont nou apare formularul pentru „Upload Photos”.

Pozele dunt salvate in directorul „photos”, iar calea spre acestea, precum si descrierea, tag-urile si categoria lor sunt salvate intr-un tabel dintr-o baza de date.

Baze de date

In baza de date mai exista un al doilea tabel cel al utilizatorilor – acesta contine nume utilizatorilor si parolele acestora. Dupa completarea formularului de login si transmiterea datelor din formular se verifica daca datele exista in baza de date, iar in functie de rezultat este permisa logarea utilizatoului sau nu.

Pagina de resurse

- contine sursele de inspiratie, site-uri similare existente

- de asemenea bara din stanga pentru login si cautare ramane prezenta pe pagina

Galeria Foto

- pozele sunt structurate pe categorii

- fiecare poza se poate vizualiza separat

Pagina de contact

- contine formularul de contact- utilizatorii pot trimite comentarii, informatii, sugestii

Site-uri asemanatoare:

Flickr.com - site web apartinand grupului Yahoo, asemanator cu cel creat de noi,cu optiuni de uploading si sharing, cautare si rating de poze; Photobucket.com - site international ce detine in principiu aceleasi optiuni ca si flickr, dar ofera si posibilitatea formarii unor slide presentations. Imageshack.com - site international similar cu celelalte doua siteuri, util pentru upload si sharing de poze. Contine colectii de poze ale tuturor utilizatorilor deviantart.com - site web pentru cei pasionati de fotografie si arta in general, ce ofera facilitati similare pentru uploadul pozelor.

Resurse utile http://www.w3schools.com – html, css, php http://sye.dk/sfpg/ - folosit pentru galeria foto http://mysqltips.co.uk/ - folosit pentru partea de baze de date (mysql) http://www.wellho.net/solutions/php-example-php-form-image-upload-store-in-mysql-database-retreive.html - php, mysql for photo upload http://www.webdeveloper.com materiale de la curs