Documentul descrie un proiect de creare a unui site web pentru trimiterea de felicitări cu ocazia sărbătorilor de iarnă, utilizând tehnologii precum HTML, CSS, JavaScript, MySQL și PHP. Proiectul include o pagină de start, un slideshow realizat cu Kizoa, opțiuni pentru alegerea felicitărilor și formular de contact, toate având funcționalități de bază integrate. De asemenea, sunt menționate detalii tehnice despre fiecare tehnologie utilizată și beneficiile acestora în dezvoltarea site-ului.

1. Realizat de: Balas Adina Georgiana An 3 CTI Gr 3.1 Horvath Maria Andreea An 3 CTI Gr 3.3 Ilie Diana Alexandra An 3 CTI Gr 3.3 Nicula Maria Giorgiana An 3 CTI Gr 4.2 PROIECT PROGRAMARE WEB

2. Documentare Pentru realizarea proiectului am folosit tehnologiile care au fost prezentate in cadrul laboratorului, dar si altele noi. Tehnologiile folosite sunt urmatoarele: HTML CSS JAVASCRIPT MYSQL PHP FLASH

3. HTML: HTML este un limbaj de marcare pentru hypertext care este inteles de toti clientii de WWW - lingua franca pentru WWW. Este un limbaj in continua evolutie si diferite browsere WWW pot recunoaste diferite seturi de HTML. Toate regulile HTML compun Document Type Definition ( DTD ), supervizat de W3C. Cu ajutorul limbajului HTML (Hyper Text Markup Language) poti construi pagini web nu foarte pretentioase insa reprezinta un inceput pentru realizarea site-urilor profesionale. HTML se poate genera direct utilizând tehnologii de codare din partea serverului cum ar fi PHP , JSP sau ASP . Multe aplicații ca sisteme de gestionarea continutului,wiki-uri și forumuri web generează pagini HTML.

4. CSS CSS (Cascading Style Sheets) este un standard pentru formatarea elementelor unui document HTML. Stilurile se pot atașa elementelor HTML prin intermediul unor fișiere externe sau în cadrul documentului, prin elementul <style> și/sau atributul style. CSS se poate utiliza și pentru formatarea elementelor XHTML, XML și SVGL. Beneficiile sintaxei CSS sunt: -formatarea este introdusa intr-un singur loc pentru tot documentul -editarea rapida a etichetelor -datorita introducerii intr-un singur loc a etichetelor se obtine o micsorare a codului paginii, implicit incarcarea mai rapida a acesteia Sintaxa CSS este structurata pe trei nivele: - nivelul 1 fiind proprietatile etichetelor din documentul HTML, tip inline - nivelul 2 este informatia introdusa in blocul HEAD, tip embedded - nivelul 3 este reprezentat de comenzile aflate in pagini separate, tip externe

5. JAVASCRIPT : JavaScript este un limbaj de programare orientat obiect bazat pe conceptul prototipurilor. Este folosit mai ales pentru introducerea unor funcționalități în paginile web, codul Javascript din aceste pagini fiind rulat de către browser. Limbajul este binecunoscut pentru folosirea sa în construirea site-urilor web, dar este folosit și pentru acesul la obiecte încastrate (embedded objects) în alte aplicații. Programatorii web pot îngloba în paginile HTML script-uri pentru diverse activități cum ar fi verificarea datelor introduse de utilizatori sau crearea de meniuri și alte efecte animate.

6. MYSQL: MySQL este un sistem de gestiune a bazelor de date relational, produs de compania suedeza MySQL AB. Este cel mai popular SGBD open-source la ora actuală, fiind o componentă cheie a stivei LAMP(Linux, Apache, MySQL, PHP).Deși este folosit foarte des împreună cu limbajul de programare PHP, cu MySQL se pot construi aplicații în orice limbaj major. Este un sistem client-server . Serverul de baze de date este separat logic si deseori fizic (pe calculatoare diferite) de programele client care asigura interfata operatiilor cu baza de date. Serverul MySQL suporta o paleta larga de programe client, scrise in diverse limbaje de programare. Este rapid, fiabil si totodata usor de utilizat. Are scalabilitate buna motiv pentru care suporta baze de date de mari dimensiuni. Exista aplicatii cu aproximativ 5 miliarde inregistrari ruland pe MySQL .

7. PHP PHP este un limbaj de programare. Numele PHP provine din limba engleză și este un acronim recursiv : Php: Hypertext Preprocessor. Folosit inițial pentru a produce pagini web dinamice, este folosit pe scară largă în dezvoltarea paginilor și aplicațiilor web. Se folosește în principal înglobat în codul HTML, dar începând de la versiunea 4.3.0 se poate folosi și în mod „linie de comandă” (CLI), permițând crearea de aplicații independente. Este unul din cele mai importante limbaje de programare web open-source și server-side, existând versiuni disponibile pentru majoritatea web serverelor și pentru toate sistemele de operare. Conform statisticilor este instalat pe 20 de milioane de situri web și pe 1 milion de servere web. Este disponibil sub Licenṭa PHP ṣi Free Software Foundation îl considerã a fi un software liber.Inițial, limbajul a fost dezvoltat de inventatorul său, Rasmus Lerdorf. Odată cu creșterea numărului de utilizatori, dezvoltarea a fost preluată de o nouă entitate, numită The PHP Group (Grupul PHP).

8. FLASH / KIZOA Pentru pagina de prezentare a felicitarilor, am utilizat un editor online de poze, Kizoa si am creat un slideshow cu felicitarile propuse pe site-ul nostru. Acest slideshow a fost creat cu ajutorul aplicatiei x-shockwave-flash , produsa de Macromedia care ne permite adaugarea de animatii in prezentare si a unei melodii pe background. Pentru a insera aplicatia flash in codul paginii noastre, am folosit codul e mbedded furnizat de Kizoa dupa setarea tuturor optiunilor dorite asupra prezentarii si salvarea acesteia.

9. Descrierea proiectului Am realizat un site pentru trimiterea de felicitari cu ocazia Sarbatorilor de iarna. Site-ul este cuprins dintr-o pagina de start (home page) care contine pe langa titlu si imagine de fundal specifica sarbatorilor si un meniu care ne directioneaza catre alte pagini din cadrul proiectului. Acest meniu cuprinde urmatoarele redirectari: prezentare felicitari; alegere felicitare; resurse; contact.

10. In urma selectarii optiunii “Prezentare felicitari” vom fi trimisi intr-o pagina care contine o prezentare realizata in Kizoa (incorporeaza o serie de imagini intr-un slideshow). Tranzitiile dintre poze si efectele facute asupra lor au la baza tehnologia Flash. Pe fundalul prezentarii putem auzi o melodie care ne induce si mai mult in spiritul sarbatorilor. De asemenea in pagina se gasesc o serie de animatii, gif-uri specifice temei site-ului. Dupa vizualizarea prezentarii ne putem intoarce inapoi la pagina de start printr-un link inserat intr-o imagine.

11. Daca felicitarile vazute in prezentare au fost pe placul nostru accesam optiunea “Alegere felicitare”. In urma selectarii acestei optiuni suntem trimisi intro pagina care contine o serie de felicitari, prezentate anterior in slideshow. Putem alege felicitarea dorita prin selectarea ei, lucru care automat ne trimite intr-o pagina care contine formularul corespunzator felicitarii. In formular se vor completa numele expeditorului, numele si adresa destinatarului si textul care va fi atasat felicitarii. Informatiile completate in formular se vor salva intr-o baza de date. Daca dorim sa ne intoarcem inapoi in pagina de start putem face acest lucru atat din pagina corespunzatoare selectarii felicitarii cat si din formular.

12. In pagina de resurse avem o lista de link-uri catre site-uri care au aceeasi tematica ca si site-ul nostru propuse vizitatorilor, precum si cateva animatii si o imagine fundal specifica sarbatorilor de iarna. Pagina de contact va contine un formular in care utilizatorul adica expeditorul felicitarii va contine informatii despre el si datele sale de contact. Aceste date vor fi salvate intr-o baza de date iar in acest mod noi vom avea o evidenta a clientilor nostri pentru a-i putea anunta pe viitor de orice noutate aparuta.