alumnibooth

college alumni project

Transcript

1. AlumniBooth Anul: IV Grupa: 1641 B Student: Oros Vlad Universitatea Oradea Facultatea de Inginerie Electrică si Tehnologia Informatiei Specializarea: Tehnologia Informatiei Proiect Tehnologii Web
2. Introducere Ce este AlumniBooth? Alumnibooth este un website bazat pe datele fostilor studenti ai Universitatii Oradea, realizat pentru a exemplifica tehnologiile HTML5, CSS3, Javascript si PHP. Pe langa comunitatea ce necesita grupul initial oferit de LinkedIn, cel mai mare professional social networking website, utilizatorii isi pot accesa profilul prestabilit de la universitate, modificand sau adaugand date curente. Motivatia proiectului Proiectul a fost creeat pentru a oferi posibilitatea de a pastra legătura cu foşti colegi şi profesori, prieteni, cu întreaga Universitate. Experienţele trăite în studenţie sunt baza unei relaţii ce poate dura o viaţă, iar websiteul Alumni oferă suportul necesar pentru aceasta celor care au absolvit la Universitatea Oradea.
3. Principalele tehnologii folosite CSS 3 • Rounded borders – fiecare div tip panou (login, maindiv) • Box shadow – fiecare div tip panou (login, maindiv) • Gradient background – folosit pentru a nu avea imagini in website (mai putin in cazul texturilor) • @font-face pentru icoane – folosit in nav • Attribute selectors – folosit in formulare • Avantaj: prototyping rapid, full css layout, 2 poze in tot website-ul HTML 5 • Doctype – pentru SVG-uri din grafice • Placeholders • Semantic Header/Footer & Nav
4. Principalele tehnologii folosite JavaScript & Jquery • Animatii (slide) • Animatie @font-face spinner • Sanitizare (validare) folosind Regular Expression Patterns • Functie format time • Placeholder support pentru IE • AJAX requests & JSON parsing PHP • Implementare librarie PHP pentru comunicarea cu Linkedin API folosind modulul Oauth si cURL • Templateuri & optimizare • Implementare folosind Codeigniter 2.1, implicit pattern-ul Model–view–controller
5. Structura Models • Base – functii globale pentru returnarea datelor din DB • Users • Avantaj: ORM, structura clean, ordonata Views • Implementare librarie Layout – ofera un mod mai usor de organizare a view-urilor astfel avem doua zone principale comune Header si Footer in application -> views -> template • Dashboard – mesaj de intampinare • Social – afisare discutii • Login – layout principal continand formularul de login • Signup – layout verificare CNP & user nou • Settings – layout sectiune vizualizare/editare profil
6. Structura Controllers • Dashboard – pagina principala, dupa logare, afisand post-urile dintr-un grup prestabilit sau mesaj de eroare • Login & Logout (cu redirect spre Registration) • Registration: o Login, Logout, Signup o Functii de validare (checkEmail, checkCNP, checkUsername) o Login & token verification si revocare acces pentru Linkedin • Settings – Afisare/editare profil Todo • Editare profil, full REST API, grafice folosind SVG si d3.js
7. Alumnibooth
8. Vă mulțumesc pentru atenție!