Proiect Programare Web: MeetMe! – the social network

www.bg.bartok.ro

Gabriel BARINA an III CTI, gr.1.1

Cuprins

Descrierea proiectului

Tehnologii implementate

Functionalitate

Alte site-uri similare

Resurse

Descrierea Proiectului

Acest proiect reprezinta un site de social networking, unde utilizatorii inscrisi pe baza informatiilor personale, pot interactiona cu alti utilizatori.

Initial acest proiect urma sa fie de uz personal, si deoarece am lucrat singur la acest proiect doar in timpul meu liber (cateva ore pe saptamana) nu este 100% functional.

Codul este scris in totalitate manual, si este, deasemenea original, singurele elemente luate de pe net sunt unele functii JavaScript.

Multumita Liceului Bartok Bela din Timisoara, siteul se afla pe serverul local, la adresa http://www.bg.bartok.ro/

Tehnologii implementate

Site-ul a fost creat folosind urmatoarele tehnologii web:HTML - HyperText Markup Language - este un limbaj de creare si

de formatare pagini web.Este elementul de baza a unei pagini web, in general, dar si al acestui site.

CSS - Cascading Style Sheets - cu ajutorul caruia se poate formata layout-ul unui site, sau formatarea acestuia. Este cel mai raspandit mod de a formata site-uri scrise in HTML, XHTML, XML.

PHP – HyperText Preprocessor – este un limbaj de scripting foarte raspandit, cu ajutorul caruia se pot crea pagini web dinamice. Acest limbaj este executat pe partea de server, si care este redat utilizatorului ca si cod HTML.

Tehnologii implementate(continuare)

JavaScript – este o implementare a limbajului ECMAScript, si este un limbaj de programare orientat pe obiecte, cu structura tipica gen functie. Se foloseste la site-uri unde se doreste o implementare dinamica, fara reinprospatarea paginii.

JQuery – este o librarie de la JavaScript cu ajutorul caruia se poate simplifica interactiunea cu userul site-ului pe partea de client. Contribuie la crearea paginilor web dinamice.

Functionalitate

Dupa ce un vizitator (inca neinscris) acceseaza adresa www.bg.bartok.ro este intampinat de indexul paginii, unde se poate inscrie (sign up) folosind formularele pentru informatii (minime) personale, dupa care primeste un mail de confirmare catre adresa de mail precizat. Acest mail contine atat un mesaj de intampinare cat si un link de confirmare, ce contine un sir de caractere aleatoare, unice utilizatorului respectiv – asa se poate evita o eventuala frauda.

Daca utilizatorul respectiv are deja un cont, se poate logina (sign in) folosind partea respectiva.

Functionalitate(continuare)

Dupa ce userul a fost validat de catre scriptul PHP, este redirectionat catre partea principala a site-ului. Redirectionarea automata se face la o parte ce va contine noutatile generale, aceasta insa nefiind inca implementat. In meniul din stanga sus poate accesa urmatoarele linkuri: Home, ce il va redirectiona la paginea de noutati, Profile, ce redirectioneaza utilizatorul catre profilul lui. Aici el poate seta un status (ce poate contine atat text, link, sau o imagine introdusa – emoticon), sau poate viziona un history personal de actiuni.

Deasemenea mai este si un link catre optinea Search, cu care un utilizator poate cauta un alt utilizator cautand fie dupa numele si prenumele persoanei, sau dupa o adresa de mail. Rubricile de cautare au implementat o functie auto-complete. Linkul Profile redirectioneaza utilizatorul catre setarile de profil (informatii personale diversificate) cat si un link de Logout ce va sterge toate variabilele temporare create, va sterge sesiunea deschisa si va sterge si cookies-urile create, daca utilizatorul a ales optiunea de Remember me! la sign in.

Functionalitate(continuare)

Partea dreapta a paginii contine 3 parti de informatii generale, si anume:

- Birthdays - aici va aparea ziua de nastere a unui prieten al user-ului. Nu este inca implementat.

- Online Friends - vor fi afisati prietenii online la timpul respectiv. Nu este inca implementat.

- Shoutbox - aici poate posta oricine un mesaj scurt (cu emoticoane dinamice) vizibil tuturor persoanelor inscrise in baza de date a site-ului.

Functionalitate(continuare)

Partea stanga a paginii contine cateva linkuri catre diverse functii, una dintre ele fiind vizualizarea informatiei personale a unei persoane selectate din search-ul bazei de date. Celelalte functii inca nu sunt implementate, dar vor oferi posibilitatea de a citi mesajele scrise/trimise, pozele de profil, prieteni etc.

Alte site-uri similare

Exista o multime de site-uri cu rol si functionalitate similara, cum ar fi: hi5.com MySpace Facebook

Cu toate ca site-ul MeetMe! seamana mult cu layout-ul de la Facebook, design-ul si codul sunt originale, iar functionalitatea cuprinde mai multe optiuni adunate la un loc.

Resurse

HTML, XHTML, CSS si XML - T. Gugoiu PHP 5 – editura Teora www.3schools.com alte site-uri si bloguri cu functii JavaScript si

JQuery