Proiect Programare Web:  MeetMe! – the social network www.bg.bartok.ro Gabriel BARINA an III CTI, gr.1.1
Cuprins <ul><li>Descrierea proiectului </li></ul><ul><li>Tehnologii implementate </li></ul><ul><li>Functionalitate </li></...
Descrierea Proiectului <ul><ul><li>Acest proiect reprezinta un site de social networking, unde utilizatorii inscrisi pe ba...
Tehnologii implementate <ul><li>Site-ul a fost creat folosind urmatoarele tehnologii web: </li></ul><ul><li>HTML  - HyperT...
Tehnologii implementate (continuare) <ul><li>JavaScript  – este o implementare a limbajului ECMAScript, si este un limbaj ...
Functionalitate <ul><li>Dupa ce un vizitator (inca neinscris) acceseaza adresa  www.bg.bartok.ro  este intampinat de index...
Functionalitate (continuare) <ul><li>Dupa ce userul a fost validat de catre scriptul PHP, este redirectionat catre partea ...
Functionalitate (continuare) <ul><li>Partea dreapta a paginii contine 3 parti de informatii generale, si anume: </li></ul>...
Functionalitate (continuare) <ul><li>Partea stanga a paginii contine cateva linkuri catre diverse functii, una dintre ele ...
Alte site-uri similare <ul><li>Exista o multime de site-uri cu rol si functionalitate similara, cum ar fi: </li></ul><ul><...
Resurse <ul><li>HTML, XHTML, CSS si XML  - T. Gugoiu </li></ul><ul><li>PHP 5 – editura Teora </li></ul><ul><li>www.3school...
Upcoming SlideShare
Loading in …5
×

Presentation for MeetMe! the social network

521 views
440 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
521
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Presentation for MeetMe! the social network

  1. 1. Proiect Programare Web: MeetMe! – the social network www.bg.bartok.ro Gabriel BARINA an III CTI, gr.1.1
  2. 2. Cuprins <ul><li>Descrierea proiectului </li></ul><ul><li>Tehnologii implementate </li></ul><ul><li>Functionalitate </li></ul><ul><li>Alte site-uri similare </li></ul><ul><li>Resurse </li></ul>
  3. 3. Descrierea Proiectului <ul><ul><li>Acest proiect reprezinta un site de social networking, unde utilizatorii inscrisi pe baza informatiilor personale, pot interactiona cu alti utilizatori. </li></ul></ul><ul><ul><li>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. </li></ul></ul><ul><ul><li>Codul este scris in totalitate manual, si este, deasemenea original, singurele elemente luate de pe net sunt unele functii JavaScript. </li></ul></ul><ul><ul><li>Multumita Liceului Bartok Bela din Timisoara, siteul se afla pe serverul liceului, insa este complet care la momentul actual se afla pe serverul Liceului Bartok Bela. </li></ul></ul>
  4. 4. Tehnologii implementate <ul><li>Site-ul a fost creat folosind urmatoarele tehnologii web: </li></ul><ul><li>HTML - HyperText Markup Language - este un limbaj de creare si de formatare pagini web. </li></ul><ul><li>Este elementul de baza a unei pagini web, in general, dar si al acestui site. </li></ul><ul><li>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. </li></ul><ul><li>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. </li></ul>
  5. 5. Tehnologii implementate (continuare) <ul><li>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. </li></ul><ul><li>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. </li></ul>
  6. 6. Functionalitate <ul><li>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. </li></ul><ul><li>Daca utilizatorul respectiv are deja un cont, se poate logina (sign in) folosind partea respectiva. </li></ul>
  7. 7. Functionalitate (continuare) <ul><li>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. </li></ul><ul><li>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. </li></ul>
  8. 8. Functionalitate (continuare) <ul><li>Partea dreapta a paginii contine 3 parti de informatii generale, si anume: </li></ul><ul><li>- Birthdays - aici va aparea ziua de nastere a unui prieten al user-ului. Nu este inca implementat. </li></ul><ul><li>- Online Friends - vor fi afisati prietenii online la timpul respectiv. Nu este inca implementat. </li></ul><ul><li>- Shoutbox - aici poate posta oricine un mesaj scurt (cu emoticoane dinamice) vizibil tuturor persoanelor inscrise in baza de date a site-ului. </li></ul>
  9. 9. Functionalitate (continuare) <ul><li>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. </li></ul>
  10. 10. Alte site-uri similare <ul><li>Exista o multime de site-uri cu rol si functionalitate similara, cum ar fi: </li></ul><ul><ul><li>hi5.com </li></ul></ul><ul><ul><li>MySpace </li></ul></ul><ul><ul><li>Facebook </li></ul></ul><ul><li>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. </li></ul>
  11. 11. Resurse <ul><li>HTML, XHTML, CSS si XML - T. Gugoiu </li></ul><ul><li>PHP 5 – editura Teora </li></ul><ul><li>www.3schools.com </li></ul><ul><li>alte site-uri si bloguri cu functii JavaScript si JQuery </li></ul>

×