Universitatea Politehnica TimisoaraDepartamentul de Calculatoare si Tehnologia Informatiei

Proiect Programare Web:

Website Design Patterns in Java

Studenti: Miclaus Ana Olaru Flavia Popescu Petre

Ianuarie 2011

Tematica site

Site-ul reprezinta o colectie de materiale ce au ca scop intelegerea si aprofundarea tiparelor de proiectare orientate pe obiecte. Pe langa materialele de eLearning (ce includ atat teorie cat si exemple in limbajul Java), utilizatorii site-ului pot posta comentarii si intrebari. Comentariile sau intrebarile vor fi destinate fiecarui tipar in parte, aparand pe pagina tiparului respectiv, si la care administratorul sau alti utilizatori vor putea raspunde.

Tehnologii folosite

HTML partile statice ale site-ului

CSS - formatare

PHP partea dinamica

MySQL stocat continut si comentarii

Java Script code highlighting

RSS

Photoshop design interfata

Dreamwaver - IDE

Site-uri similare

http://sourcemaking.com/ - site de inginerie software care pe langa tipare de proiectare abordeaza si refactorizarea si UML

http://www.oodesign.com/ - site general de design orientat pe obiecte care prezinta si principii de proiectare OO.

http://www.javaworld.com/ -site dedicat programarii in Java care abordeaza printre altele si tematica design-urilor de programare

Resurse online utilizate - continut

www.delicous.com http://www.dofactory.com/

www.wikipedia.org

http://loose.upt.ro/~oose/

http://www.oodesign.com/

Resurse online utilizate programare si design

www.w3c.com

www.php.net

www.mysql.com

http://www.tutorialized.com/tutorials/Photoshop/1

http://www.w3schools.com/css/

Prezentare site(1)

1. Home Page-Cuprinde informatii generale despre tiparele de proiectare.-Este o pagina codata direct in interfata nu poate fi stearsa din panoul de administrare, ci doar poate fi editata

2. Paginile de continut-Pagini dinamice toata informatia este luata din baza de date-Pot fi editate, sterse si adaugate din panoul de administrare-Highlight-ul exemplelor de cod se face dinamic la incarcarea paginii cu JavaScript-Pe aceasta pagina se adauga comentariile utilizatorilor pentru fiecare tipar-Se acceseaza din meniu

Prezentare site(2)

Prezentare site(3)

Screenshot pagina de continut

Prezentare site(4)

3. Pagina de contact- Este codata direct in interfata, singura posibilitate de modificare este editarea fisierului sursa

Panou administrare

-Permite editarea, stergerea, adaugarea paginilor de continut

Click to edit the title text format

Click to edit the title text format