Construirea Unei Aplicatii Web Dinamice Folosind O Aplicatie Informatica

Construirea unei aplicații Web dinamice folosind o aplicație informatică

Cuprins

Introducere

Capitolul 1. Componente soft utilizate pentru realizarea aplicației

1.1. Web Servers și Web Application Servers

1.1.1. Server Web

1.1.2. Pagini Web

1.1.3. Browsere Web

1.2. Avantajul Paginilor Web Dinamice

1.2.1. Avantajele și dezavantajele de a avea un site Web dinamic

Avantajele de a avea un site Web dinamic sunt următoarele:

1.3. Înțelegerea Aplicațiilor Web

1.4. Limbajul CSS3

1.4.1. Nou în CSS3

1.4.2. Avantajele utilizării limbajului CSS3

1.5. Limbajul HTML5

1.5.1. Nou in HTML5

1.5.2. Elementele eliminate din HTML5

1.5.3. Avantajele utilizării limbajului HTML5

1.6. Limbajul PHP

1.6.1. Utilizări comune ale PHP-ului

1.6.2. Caracteristici ale PHP-ului

1.7. Limbajul JAVASCRIPT

1.7.1. Cum se construiește limbajul JavaScript

1.7.2. Utilizări ale limbajului JavaScript

1.7.3. Inserarea codului JavaScript în pagină HTML

1.8. Baze de date

1.8.1. Terminologia SGBD

1.8.2. Normalizarea tabelelor

1.8.3. Structured Query Language (SQL)

1.9. MYSQL

1.9.1. Comenzi MYSQL

1.9.2. Utilizarea bazelor de date MYSQL

1.9.3. Conectarea la serverul MYSQL

1.9.4. Selectarea bazei de date

1.9.5. Închiderea conexiunii cu serverul MYSQL

1.9.6. Funcția mysql_query()

Capitolul 2. Tehnologii utilizate

1.1. NOTEPAD++

1.2. XAMPP

1.3. PHPMYADMIN

1.4. PHOTOSHOP

Capitolul 3. Descrierea aplicației

1.1. Descrierea site-ului

1.2. Structura site-ului

1.3. Crearea bazei de date MYSQL

1.4. Utilizarea aplicației

Concluzii

Bibliografie

Introducere

Dezvoltarea rapidă din ultima perioadă a resurselor hardware și software din domeniul tehnologiei informației oferă o mai bună comunicare și acces mult mai rapid la toate categoriile de informații. Se poate observa acest lucru foarte ușor datorită sistemului World Wide Web, cu ajutorul căruia, printr-un simplu click de mouse se poate naviga prin miile de resurse informaționale din întreaga lume.

Această lucrare prezintă o aplicație ce constă intr-un site dinamic, construit prin utilizarea tehnologiilor PHP, MYSQL, CSS3, HTML5 și JAVASCRIPT. Acest site reprezintă o implementare Web a unui adăpost de animale sau păsări. La acest adăpost se pot aduce animale sau păsări pentru a fi date spre adopție dar pot fi și adoptate. De exemplu, dacă utilizatorul este un iubitor de animale sau păsări și se hotărește să adopte, poate apela la acest adăpost prin intermediul acestui site. În cazul în care există un utilizator care are acasă un animal sau o pasăre și din diferite motive nu se mai poate ocupa de ele, poate apela de asemenea la acest adăpost prin intermediul acestui site, decât să le abandoneze pe străzile orașului, oferindu-le astfel posibilitatea de a fi adoptate de alți utilizatori.

Lucrarea este structurată în trei capitole, primele două constau în prezentarea principalelor noțiuni și concepte folosite în realizarea aplicației, iar ultimul capitol reprezintă descrierea aplicației și modul în care aceasta a fost realizată.

Capitolul 1 – Componente soft utilizate pentru realizarea aplicației reprezintă o scurtă descriere a principalelor noțiuni legate de limbajele utilizate la realizarea aplicației.

Capitolul 2 – Tehnologii utilizate reprezinta o scurtă prezentare a tehnologiilor folosite pentru realizarea aplicației.

Capitolul 3 – Descrierea aplicației

Implementarea acestui site a fost realizată folosind limbajul PHP datorită flexibilității acestuia și faptul că poate fi folosit gratuit, fără restricții. De asemenea, a fost ales sistemul de gestiune a bazelor de date relaționale MYSQL datorită faptului că și acesta poate fi folosit gratuit si este Open Source și este cel mai potrivit produs pentru accesarea și administrarea bazelor de date prin Internet.

Pentru setarea modalităților de afișare a diferitelor elemente HTML, pentru alegerea stilului site-ului s-a folosit un fișier .css, acesta putând fi modificat sau înlocuit și întregul site își schimba automat înfățișarea.

Prin combinarea acestor două produse, PHP și MYSQL, aplicația realizată este foarte flexibilă, putându-se adăuga noi funcționalități dacă este necesar.

Capitolul 1. Componente soft utilizate pentru realizarea aplicației

Web Servers și Web Application Servers

Server Web

World Wide Web este contruit pe baza unui protocol numit Hypertext Transfer Protocol (HTTP). HTTP este un protocol mic și rapid care se potrivește foarte bine sistemelor informatice multimedia și distribuite și salturilor între site-uri.

Web-ul constă în pagini cu informații de pe gazde care rulează software de tip server Web. Serverele Web este un software care oferă (servește) pagini Web la cerere.

Serverul Web este un program, nu calculatorul în sine.

Fiecare server Web are o adresă IP și eventual un nume de domeniu. Orice calculator poate fi transformat într-un server Web prin instalarea software-ului de server și conectarea aparatului la Internet.

Există multe aplicații software de tip server Web. Două servere Web de conducere sunt Apache, serverul Web cel mai instalat, și Internet Information Server Microsoft (IIS). Alte servere Web sunt Novell Web Server pentru utilizatorii sistemului de operare NetWare și familia IMB de servere Lotus Domino, în primul rând pentru OS IBM/390 și AS/400 de clienți.

Apache este un server HTTP  și este de tip open source.

Conexiunile la serverele Web sunt realizate pe măsură ce sunt necesare. Dacă este solicitată o pagină de la un server Web, o conexiune IP este realizată prin Internet între gazda solicitantă și gazda pe care rulează serverul Web. Pagina Web solicitată este transmisă prin conexiunea respectivă. Conexiunea aceasta este întreruptă imediat ce pagina este primită. Daca acea pagină conține referințe la alte informații ce trebuiesc încărcate, fiecare va fi obținută folosind o nouă conexiune.

Pe același host pot rula mai multe aplicații de Internet. Un server Web, un server FTP, un server DNS și un server de mail SMTP POP3 pot rula în același timp. Un port îî este atribuit fiecărui server pentru a asigura că fiecare server o să răspundă numai cererilor din partea clienților corespunzători.

Majoritatea serverelor folosesc un set de porturi predefinite. Serverele Web folosesc de obicei portul 80, însă acesta poate fi schimbat. Pot fi instalate pe porturi nestandard pentru a fi ascunse. De asemenea, pot fi instalate mai multe servere Web pe un singur calculator asociindu-le porturi diferite.

Pagini Web

Informațiile din World Wide Web sunt stocate în pagini. O pagină poate conține oricare din următoarele:

Text

Header-e

Liste

Meniuri

Formulare

Elemente grafice

Script-uri

Stiluri (style sheets)

Obiecte multimedia

Paginile Web sunt realizate folosind o serie de tehnologii pe partea de client și sunt procesate și afișate de către browsere.

Browsere Web

Browserele Web sunt programe client folosite pentru a accesa site-uri și pagini Web. Scopul unui browser este de a procesa paginile Web primite și de a le prezenta utilizatorului. Browser-ul încearcă să afișeze grafice, tabele, formulare, text formatat și orice conține o pagină.

Cele mai populare browsere sunt Internet Explorer, Google Chrome, Mozilla Firefox, Safari și Opera.

Avantajul Paginilor Web Dinamice

Paginile statice sunt formate din text, imagini și tag-uri HTML pentru formatare. Paginile acestea sunt create și întreținute manual, astfel că, dacă informațiile se modifică și pagina trebuie modificată. Acest lucru implică încărcarea paginii într-un editor, realizarea modificărilor, reformatarea textului dacă este nevoie și apoi salvarea fișierului. Operațiile acestea necesită foarte mult timp dacă numarul paginilor care trebuiesc actualizate este mare.

Paginile dinamice conțin foarte puțin text, în schimb atrag informațiile din alte aplicații. Paginile dinamice pot comunica cu bazele de date, foi de calcul tabelar, sisteme de gestiune a bazelor de date client-server și multe alte aplicații.

Avantajele și dezavantajele de a avea un site Web dinamic

Avantajele de a avea un site Web dinamic sunt următoarele:

Interogarea aplicațiilor de baze de date existente pentru obținerea datelor;

Crearea de interogări dinamice care facilitează obținerea în mod flexibil a datelor;

Execuția procedurilor stocate;

Execuția codului condițional on-the-fly pentru a personaliza răspunsurile în funcție de situațiile specifice;

Sporirea capabilităților formularelor HTML standard prin folosirea unor funcții de validare;

Popularea în mod dinamic a elementelor din formulare;

Personalizarea modului de afișare a informațiilor legate de dată, timp și monedă folosind funcții de formatare;

Ușurarea creării aplicațiilor de introducere a datelor prin wizards;

Generarea automată de email.

Prin construirea site-ului cu capabilități dinamice se deschide o gamă largă de posibilități, cum ar fi rezervări, galerii foto on-line, Vot/Sondaje, forumuri, site-uri comerciale și coșuri electronice de cumpărături și multe altele.

Dezavantajele de a avea un site Web dinamic sunt de exemplu pentru companiile mici pentru care un site dinamic ar putea fi prea scump sau vazut inutil, astfel investiția să nu fie justificată.

Alt dezavantaj ar fi timpul inițial de dezvoltare mai scurt și costul punerii în aplicare a formării sistemului de management al conținutului Client/Staff.

Înțelegerea Aplicațiilor Web

Browserele Web trimit cereri către serverele Web, iar acestea le îndeplinesc. Trimit înapoi informațiile cerute către browser. Informațiile acestea sunt de obicei fișiere HTML, ca și alte tipuri de fișiere.

Serverele Web nu permit interacțiunea cu bazele de date, nu permit personalizarea paginilor Web, nu permit procesarea rezultatelor trimiterii unui formular de către utilizator.

Un Web Application Server este un software care propagă serverul Web, permițând acestuia să realizeze lucrurile pe care nu le poate face singur.

Atunci când un server Web recepționează o cerere de la un browser, el controlează acea cerere pentru a realiza dacă este o simplă pagină Web sau o pagină care are nevoie de prelucrări suplimentare de către un Web Application Server. Acest lucru îl realizează prin verificarea extensiei sau a tipului MIME (Multi-Purpose Internet Mail Extensions). Dacă tipul MIME indică o pagină simplă, atunci serverul Web îndeplinește cererea și trimite fișierul către browserul client nemodificată. În cazul în care tipul MIME indică faptul că fișierul cerut necesită procesarea de către un Web Application Server, atunci fișierul va fi trimis de către server. Web serverul trimite fișierul către Web Application Server-ul corespunzător și trimite browserului rezultatul pe care îl primește de la Web Application Server.

Web Application Servers sunt preprocesoare pentru pagini. Pagina cerută va fi procesată înainte ca aceasta să fie trimisă înapoi la client.

1.4. Limbajul CSS3

CSS, prescurtarea de la Cascading Style Sheets, este limbajul principal utilizat pentru a descrie aspectul si formatarea pentru pagini Web pe Internet și documentele de marcare (de exemplu HTML și XML) în general.

CSS este interpretat de browser (aplicația utilizată pentru a vizualiza pagina Web, de exemplu Internet Explorer sau Google Chrome) și apoi folosite pentru a decide cum ar trebui să arate pagina. Acest lucru înseamnă, de asemenea, că în timp ce există o specificație foarte amănunțită a limbajului CSS, multe browsere interpretează codul CSS în felul său.

CSS3 este cel mai recent standard de CSS.

CSS3 este complet compatibil cu versiunile anterioare de CSS.

1.4.1. Nou în CSS3

Unele dintre cele mai importante noi module CSS3 sunt:

Selectoarele (Selectors)

Model caseta (Box Model)

Fundaluri si Borduri (Backgrounds and Borders)

Image Values and Replaced Content

Efecte Text (Text Effects)

Transformări 2D/3D (3D/3D Transformations)

Animații (Animations)

Multiple Column Layout

Interfața Utilizator (User Interface)

1.4.2. Avantajele utilizării limbajului CSS3

Înainte de CSS, Web designerii s-au limitat la aspece către server. Web serverul trimite fișierul către Web Application Server-ul corespunzător și trimite browserului rezultatul pe care îl primește de la Web Application Server.

Web Application Servers sunt preprocesoare pentru pagini. Pagina cerută va fi procesată înainte ca aceasta să fie trimisă înapoi la client.

1.4. Limbajul CSS3

CSS, prescurtarea de la Cascading Style Sheets, este limbajul principal utilizat pentru a descrie aspectul si formatarea pentru pagini Web pe Internet și documentele de marcare (de exemplu HTML și XML) în general.

CSS este interpretat de browser (aplicația utilizată pentru a vizualiza pagina Web, de exemplu Internet Explorer sau Google Chrome) și apoi folosite pentru a decide cum ar trebui să arate pagina. Acest lucru înseamnă, de asemenea, că în timp ce există o specificație foarte amănunțită a limbajului CSS, multe browsere interpretează codul CSS în felul său.

CSS3 este cel mai recent standard de CSS.

CSS3 este complet compatibil cu versiunile anterioare de CSS.

1.4.1. Nou în CSS3

Unele dintre cele mai importante noi module CSS3 sunt:

Selectoarele (Selectors)

Model caseta (Box Model)

Fundaluri si Borduri (Backgrounds and Borders)

Image Values and Replaced Content

Efecte Text (Text Effects)

Transformări 2D/3D (3D/3D Transformations)

Animații (Animations)

Multiple Column Layout

Interfața Utilizator (User Interface)

1.4.2. Avantajele utilizării limbajului CSS3

Înainte de CSS, Web designerii s-au limitat la aspectul și opțiunile de stil aparținând HTML.

HTML formează încă fundamentul tuturor paginilor de pe World Wide Web dar nu este un instrument de design. Sigur, HTML oferă opțiuni de formatare de bază pentru text, imagini, tabele și alte elemente de pagină Web, ce pot face paginile Web să arate destul de bine folosind doar HTML. Dar rezultatul este de multe ori pagini Web lente încărcate cu coduri greoaie.

CSS, în schimb, oferă următoarele avantaje:

Foile de stil oferă mult mai multe opțiuni de formatare decât HTML. Cu CSS, putem formata paragrafele așa cum apar într-o revistă sau ziar (de exemplu prima linie indentată și lipsa spațiului între fiecare paragraf).

Când utilizăm CSS pentru a adăuga o imagine de fundal pentru o pagină, putem decide dacă și de câte ori să se repete imaginea de fundal. Cu HTML nu se poate face asta.

Stilurile CSS ocupă mult mai puțin spațiu decât opțiunile de formatare HTML, cum ar fi opțiunea <font>.

Foile de stil pot, de asemenea actualiza site-ul mai ușor. Putem colecta toate stilurile noastre într-o singură foaie de stil externă care este legată de fiecare pagină pe site-ul nostru. Putem schimba complet aspectul unui site doar prin editarea unei singure foi de stil.

1.5. Limbajul HTML5

HTML5 este un limbaj folosit pentru structurarea și prezentarea conținutului pentru World Wide Web, o tehnologie nucleu pentru Internet propusă inițial pentru software-ul Opera.

HTML5 este o extensie a HTML4 și XHTML prima variantă și este o specificație competitivă în raport cu XHTML 2, a cărui dezvoltare a fost abandonată in favoarea sprijinului HTML5.

Multe caracteristici ale HTML5 au fost create cu scopul că va trebui să devină capabil să ruleze pe dispozitive cum ar fi smart-phonuri sau tablete.

1.5.1. Nou in HTML5

Limbajul introduce mai multe elemente noi în comparație cu omologii săi mai in vârstă, printre altele:

Noi tag-uri, cum ar fi: article, header, footer, nav, video, audio, mark, progress, section;

Noi tipuri de câmpuri de formular: color, email, datetime-local, datetime, date, month, week, time, number, range, tel, search, url;

Noi atribute de elemente de formular: autofocus, required, autocomplete, min, max, multiple, pattern, step.

Programatorul primește o mulțime de facilități pentru programarea UI (User Interface).

Există, de asemenea, noi metode API (Application Programming Interface):

Desen 2D cu elementul nou – Canvas;

Drag and drop API, cu atributul draggable;

Redarea audio și video API;

Editarea API cu atributul contenteditable;

API pentru aplicații offline;

Stocare API (memorie) – locale;

Geolocalizare, micro și altele.

Există, de asemenea, noi metode DOM (Document Object Model):

activeElement ()

hasFocus ()

getElementsByClassName ()

getSelection ()

classList ()

relList () – pentru elementul HTML “a”

innerHTML () – pentru ferestre și documente

1.5.2. Elementele eliminate din HTML5

Următoarele elemente HTML4 au fost eliminate din HTML5:

Tabelul 1.1. Elemente eliminate din HTML5.

1.5.3. Avantajele utilizării limbajului HTML5

Una dintre cele mai mari noi îmbunătățiri in HTML5 este dezvoltarea de tag-uri bogate, cum ar fi mass-media audio și video. Complet programabile cu JavaScript, aceste tag-uri oferă ușurință incredibilă de utilizare în timp ce oferă, de asemenea, o flexibilitate puternică prin accesul larg la elementele media prin programare.

Limbajul PHP

PHP a început ca un mic proiect care a evoluat cum tot mai mulți oameni au aflat cât de util este. Rasmus Lerdorf a dezvoltat prima versiune de PHP în 1994.

PHP este un acronim recursiv pentru “PHP:Hypertext Preprocessor”.

PHP este un limbaj de scripting pe partea de server, care este încorporat in HTML. Acesta este utilizat pentru a gestiona conținut dinamic, baze de date și urmărirea sesiunii.

Acesta este integrat cu un număr de baze de date populare, inclusiv MYSQL, PostgreSQL, Oracle, Sybase, Informix și Microsoft SQL Server.

PHP este plăcut în executarea sa, în special atunci când este compilat ca modul Apache pe partea Unix. Serverul MYSQL, odata început, execută chiar interogări foarte complexe, cu seturi de rezultate uriașe în timp record.

Utilizări comune ale PHP-ului

PHP îndeplinește funcțiile sistemului, adică de la fișierele de pe un sistem se poate crea, deschide, citi, scrie și închide fișierele strânse pe server.

Cu PHP se pot aduna date din formulare, salva datele într-un fișier iar prin e-mail se pot trimite datele.

Se pot adăuga, șterge, modifica elemente din cadrul bazei de date prin PHP.

Poate trimite și primi cookie-uri.

Folosind PHP se pot restricționa utilizatorii să acceseze anumite pagini ale site-ului.

Se pot cripta datele.

Ca și alte limbaje de scripting pentru Web, PHP permite furnizarea unui conținut Web dinamic, adică un conținut Web care se schimbă automat de la un minut la altul sau de la o zi la alta. Conținutul Web este un element important în susținerea traficului unui site Web. Vizitatorii nu vor mai reveni la o pagină Web care conține aceleași informații ca și cele prezente la ultima vizită. Site-urile Web frecvent actualizate pot atrage cantități enorme de trafic.

Spre deosebire de limbajele de scripting, precum JavaScript, PHP rulează pe serverul Web, nu în browserul Web. PHP poate obține accesul la fișiere, baze de date și alte resurse inaccesibile programului JavaScript. Acestea constituie bogate resurse de conținut dinamic, care atrag multi vizitatori.

Caracteristici ale PHP-ului

Cinci caracteristici importante face PHP cât mai practic:

Simplitate

Eficiență

Securitate

Flexibilitate

Familiaritate

Folosind PHP, nu există limitare doar la afișare HTML. PHP permite afișarea de imagini, fișiere PDF și chiar filme Flash (utilizând libswf și Ming). Se poate afișa orice text, cum ar fi XHTML sau alt fișier XML.

În ultima perioada dezvoltarea limbajului PHP a avansat foarte mult prin apariția unor noi versiuni ale acestuia ajungând la momentul actual printre cele mai utilizate limbaje de programare Web.

Limbajul JAVASCRIPT

JavaScript este cel mai popular limbaj de programare în lume.

JavaScript rulează la nivelul browserului și a fost dezvoltat pentru a prelucra informațiile din formulare și pentru a oferi dinamism paginilor Web.

Denumirea inițială a limbajului JavaScript a fost LiveScript. Este un limbaj interpretat si dependent de mediu. Software-ul care rulează de fapt programul este browser-ul Web (Firefox, Opera, Internet Explorer, Safari, etc. ).

Folosind JavaScript se poate realiza: validarea formularelor, animarea textului și a imaginilor, crearea de meniuri drop-down și a controalelor de navigare, se pot realiza procesări de bază numerice asupra textelor și multe altele.

Scripting-ul permite programatorilor să detecteze și să proceseze evenimentele. O pagină care se încarcă, un formular trimis, mișcarea pointer-ului mouse-ului asupra unei imagini sunt toate evenimente, iar script-urile pot fi executate automat de browser atunci când aceste evenimente au loc.

Script-urile pot fi incluse în codul HTML sau pot fi stocate în fișiere externe și legate în interiorul codului HTML.

JavaScript este unul dintre cele 3 limbaje pe care toți dezvoltatorii Web trebuie sa îl invețe:

HTML – pentru a defini conținutul paginilor Web;

CSS – pentru a specifica structura paginilor Web;

JavaScript – pentru a programa comportamentul paginii Web.

Cum se construiește limbajul JavaScript

Limbajul JavaScript a fost realizat astfel încât sa reflecte sintaxa limbajului Java, multe dintre cuvintele cheie fiind aceleași.

La baza limbajului se află trei elemente fundamentale:

Valorile – sunt acele tipuri de date suportate de JavaScript;

Obiectele – sunt acele colecții de proprietăți care pot fi apelate cu un singur nume;

Funcțiile – sunt acele proceduri care pot fi executate de o aplicație.

Funcțiile asociate cu un anumit obiect se numesc metodele obiectului.

JavaScript este construit pe metafora obiectelor. Un obiect este o construcție cu proprietăți care sunt variabile sau alte obiecte. Limbajul vine cu un anumit număr de obiecte predefinite ( de exemplu math, location, history și document) care se creează ori de cate ori se încarcă o pagină în navigator. De altfel se pot construi și propriile obiecte.

Utilizări ale limbajului JavaScript

Cu ajutorul limbajului JavaScript poți executa scripturi la nivelul browserului.

Poți deasemenea citi și schimba conținutul unui element HTML.

Ai posibilitatea de a valida datele din formulare înainte de a fi trimise către server. Poate fi folosit acest limbaj pentru a detecta tipul browserului și in funcție de acest tip putem încărca o pagină sau alta.

Reacționează la evenimente, poate fi configurat să execute o anumită operație atunci când se întâmplă ceva (de exemplu dacă userul a facut click pe un element HTML).

JavaScript poate fi folosit pentru a seta cookie-uri și pentru a obține valoarea acestora.

Inserarea codului JavaScript în pagină HTML

Inserarea de cod Javascript într-o pagină HTML se face cu ajutorul tag-ului <script> :

<script type=”text/javascript”>

…

Instrucțiuni

…

</script>

Atributul type stabilește limbajul de scripting utilizat (implicit JavaScript).

Baze de date

O bază de date este o colecție de informații care sunt organizate astfel încât să poată fi accesate cu ușurință, gestionate și actualizate. Aceasta conține toate informațiile necesare despre obiectele ce intervin într-o mulțime de aplicații, relațiile logice între aceste informații și uneltele de prelucrare corespunzătoare. În bazele de date se realizează o integrare a datelor, în sensul că mai multe fișiere sunt privite în ansamblu, eliminându-se astfel surplusul de informații.

O clasificare a bazelor de date se poate face în funcție de mai multe criterii cum ar fi:

După orientare: pot fi generalizate sau specializate;

După amploarea geografică: pot fi locale sau distribuite;

După limbajele folosite: pot fi autonome, atunci când au limbaje proprii, sau pot fi cu limbaj gazdă sau mixte.

Principalul criteriu de clasificare al lor este modelul conceptual utilizat în descrierea structurii conceptuale și logice a datelor.

În funcție de acest criteriu bazele de date pot fi:

Ierarhice;

Rețea;

Relaționale;

Distribuite;

Multimedia;

Orientate obiect;

Deductive;

Funcționale.

Un Sistem de Gestiune a Bazelor de Date (SGBD) este o colecție de programe care permte stocarea, modificarea și extragerea de informații dintr-o bază de date. Există mai multe tipuri diferite de SGBD, variind de la sisteme mici, care rulează pe calculatoare personale la sistemele mari care rulează pe servere. Prin intermediul SGBD-ului utilizatorul are posibilitatea să aibă acces la date utilizând un limbaj de nivel superior pentru a primi informații, utilizatorul făcând abstracție de algoritmii aplicați pentru selecționarea datelor implicate și a modului de memorare a lor. SGBD este o interfață între utilizatori și sistemul de operare.

Sistemele de baze de date au în vedere mai multe tipuri de structuri de reprezentare a informațiilor la nivel logic și de operare cu ele. Dintre acestea cel mai folosit este modelul relațional.

Modelul acesta a fost creat de un matematician de la IBM, E.F. Codd prin anii 1960. Bazele de date organizate pe baza acestui model se numesc baze de date relaționale.

Un model relațional de baze de date cuprinde trei componente principale:

Structura datelor – prin definirea unor domenii și a relațiilor n-are;

Integritatea datelor – prin impunerea unor restricții;

Prelucrarea datelor – prin operații din algebra relațională sau calculul relațional.

Modelul relațional se bazează pe noțiunea matematică de relație. De obicei relațiile sunt reprezentate sub forma unor tabele în care fiecare tuplu fiecare coloană reprezintă valorile tuplurilor și rând reprezintă un dintr-un domeniu. Coloanelor și domeniilor corespunzătoare lor li se asociază nume intitulate atribute.

Calea de acces la informații se face prin intermediul cheilor. O cheie este o coloană sau un grup de coloane care distinge în mod unic un rând dintr-un tabel.

Terminologia SGBD

Câteva definiții referitoare la bazele de date:

Baza de date – o colecție de tabele cu date aferente;

Tabel – o matrice cu date. Un tabel într-o bază de date arată ca o simplă foaie de calcul;

Coloană (element de date) – conține date de una și aceeași natură ( de exemplu codul poștal);

Rând (intrare sau înregistrare) – un grup de date aferente (de exemplu datele dintr-un abonament);

Redundanța – stocarea datelor de două ori, redundant pentru a face sistemul mai repede;

Cheia primară (Primary Key) – este unică. O valoare cheie nu poate avea loc de două ori într-un singur tabel;

Cheie de externe (Foreign Key) – o cheie externă este PIN-ul de legatură între două tabele;

Cheie compus (Compound Key) – este o cheie care constă din mai multe coloane, pentru că o coloană nu este suficient de unică;

Index – un index într-o bază de date seamană cu un index din spatele unei cărți;

Referențial Integritate (Referential Integrity) – Integritatea referențială – asigură ca mereu o cheie externă indică spre un rând existent.

Normalizarea tabelelor

S-au făcut mai multe clasificări pentru a deosebi anumite cantități specifice ale unor relații. Cea mai frecvent utilizată este clasificarea în forme normale. O relație (un tabel) este într-o formă normală particulară dacă satisface o mulțime dată de constrângeri. Transformarea unei relații într-o mulțime de relații de un anumit tip se numește normalizare. Sunt disponibile cinci forme normale, primele trei au fost create de Codd, iar a patra și a cincea au fost create de Fagin.

Scopurile urmărite în procesul de normalizare sunt: eliminarea unui surplus de informații, evitarea unor abateri de reactualizare, realizarea unui proiect care să reprezinte cât mai fidel modelul ușor de înțeles și eventual de modificat, stabilirea unor constrângeri de integritate simple și altele.

Structured Query Language (SQL)

Structured Query Language (SQL) este un limbaj de programare standard și interactiv cu care se obține informații o bază de date. Este un limbaj relațional de cereri care formează nucleul multor sisteme de gestiune a bazelor de date. SQL a fost creat de IBM în anii ’70 – ’80 și standardizat la sfârșitul anilor ’80.

SQL este un limbaj foarte puternic care poate obține accesul la date și să le vizualizeze. Folosind SQL este posibil accesul la datele înmagazinate într-o bază de date relațională fără a scrie un program de aplicație.

În funcție de întrebuințarea sa, SQL poate fi împărțit în trei componente:

DDL – Data Definition Language – folosit pentru a construi bazele de date;

DML – Data Manipulation Language – folosit în actualizarea datelor;

DQL – Data Query Language – folosit pentru extragerea informațiilor din baze de date.

MYSQL

MYSQL este un SGBD rapid, ușor de utilizat fiind folosit de foarte multe companii mici și mari. Este dezvoltat, comercializat și susținut de MYSQL AB, care este o companie suedeză. MYSQL a devenit atât de popular din mai multe motive:

Este un program foarte puternic;

Folosește un formular standard cunoscut ca limbaj SQL;

Funcționează pe mai multe sisteme de operare și cu mai multe limbaje, inclusiv PHP, PERL, C, C++, JAVA, etc.;

Funcționează rapid și bine chiar cu seturi mari de date;

Este foarte prietenos cu PHP, limbajul cel mai apreciat pentru dezvoltarea Web;

Susține baze de date mari, de pană la 50 de milioane de rânduri sau mai multe într-un tabel. Limita de dimensiune de fișier implicită pentru un tabel este de 4GB, dar poate crește la o limită teoretică de 8 milioane de terabytes (TB);

Este personalizabil.

MYSQL permite inserarea unor tipuri diferite de date precum caractere, șiruri de caractere, numere întregi, date calendaristice dar și inserarea de imagini. Folosind MYSQL putem crea diferite tabele în baza de date și se pot aplica diferite constrângeri asupra acestora, se pot modifica date, se poate modifica structura tabelelor din baza de date sau se pot elimina definitiv din baza de date.

Am folosit MYSQL datorită flexibilității de care dispune și a performanței ridicate secifice arhitecturii unice a motorului său de stocare.

Utilizarea sa în etapele realizării aplicațiilor Web este de multe ori asociată cu utilizarea limbajului PHP, care este de multe ori combinat cu MYSQL.

Comenzi MYSQL

Unele dintre cele mai utilizate comenzi MYSQL sunt următoarele:

Tabelul 1.2. Comenzi MYSQL.

Utilizarea bazelor de date MYSQL

PHP include o bibliotecă de funcții. Aceste funcții furnizează o interfață cu sistemul MYSQL de gestiune a bazelor de date. Folosind aceste funcții, un program PHP poate obține accesul la datele rezidente într-o bază de date MYSQL și le poate modifica.

Majoritatea interacțiunilor cu o bază de date se desfășoară astfel:

Se deschide o conexiune cu serverul MYSQL;

Se specifică baza de date la care se va obține accesul;

Se emit interogări SQL;

Se obține accesul la rezultatele interogărilor și se execută operații non-SQL;

Se închide conexiunea cu serverul MYSQL.

Conectarea la serverul MYSQL

Pentru a realiza conectarea la un server MYSQL, se invocă funcția mysql_connect(), a cărei sintaxă este următoarea:

mysql_connect(nume_gazdă,nume_utilizator,parola)

nume_gazdă este numele gazdei pe care rulează serviciul MYSQL, nume_utilizator este identificatorul de utilizator MYSQL care va fi folosit, iar parola este parola MYSQL asociată identificatorului de utilizator. Funcția returnează false în caz de eșec, iar în caz contrar returnează o valoare, denumită identificator de legătură, care servește ca instrument de manipulare pentru accesul la serverul MYSQL.

Numele gazdei, identificatorul de utilizator și parola se pot omite, sau toate cele trei argumente.

Dacă se procedează astfel, vor fi luate în considerare, în mod prestabilit, următoarele valori:

numele gazdei: localhost

identificatorul de utilizator: identificatorul de utilizator al procesului server MYSQL

parola: o parola vidă

Selectarea bazei de date

După ce programul a obținut o conexiune cu serverul MYSQL, programul poate specifica baza de date la care va avea acces. Pentru aceasta, se invocă funcția mysql_select_db(), care are următoarea formă:

mysql_select_db(baza_de_date)

unde baza_de_date este un șir care conține numele bazei de date la care urmează a se obține acces. Funcția returnează true dacă poate obține accesul la baza de date, respectiv false în caz contrar.

Selectarea bazei de date se face implementând:

$db=mysql_select_db(“numele bazei de date”);

Închiderea conexiunii cu serverul MYSQL

Pentru a închide o conexiune cu serverul MYSQL se invocă funcția mysql_close(). Această funcție returnează true în caz de reușită iar în caz contrar returnează false. În general nu este necesară invocarea acestei funcții deoarece PHP închide automat conexiunile deschise cu bazele de date atunci când un script își încheie execuția.

Funcția mysql_query()

Funcția mysql_query() execută o interogare specificată și are următoarea formă:

mysql_query(interogare)

unde interogare este un șir care conține interogarea care urmează a fi executată. Funcția returnează true daca serverul a reușit să execute interogarea iar, în caz contrar, returnează false.

Capitolul 2. Tehnologii utilizate

NOTEPAD++

NOTEPAD++ este un editor de text gratuit pentru Windows. NOTEPAD++ este găzduit la Sourceforge. Acest program permite editarea codului sursă specific unui număr mare de limbaje de programare, precum C, C++, Cobol, HTML, Pascal, PHP.

Are colorare sintactică pentru 48 de limbaje de programare. Aceasta se poate modifica de către utilizator. NOTEPAD++ are facilitatea de tipărire color a codului sursa, autocompletare (întregirea automată a cuvântului de cod din biblioteca utilizată). Are o interfață cu mai multe ferestre, utilizează deci tab-uri. Are deasemenea suport pentru căutări sau înlocuiri cu expresii regulate PERL și suport pentru macroinstrucțiuni.

NOTEPAD++ se bazează pe motorul Scintilla, fiind programat în C++ și utilizând Win32 API și biblioteca STL. Asigură astfel o execuție mai rapidă și un consum mai redus de resurse.

XAMPP

XAMPP este un pachet de programe open source,free software și cross-platform Web Server. Acest lucru constă în Apache HTTP Server, MYSQL Database și interpretoare pentru scripturile scrise în limbaje de programare PHP și Perl. Are și alte module precum OpenSSL și phpMyAdmin.

Numele XAMPP reprezintă o prescurtare de la:

X (de la cross, care înseamnă cross-platform);

Apache HTTP Server;

MYSQL;

PHP;

Perl.

Cea mai bună caracteristică a XAMPP este ușurința de instalare. Nu este necesar sa instalăm fiecare dintre componentele unui server Web individual și, prin urmare, instalarea este mai ușoară și mai rapidă. Nu trebuie să ne facem probleme cu privire la configurația PHP sau configurarea MYSQL, etc.

Este portabil și dacă nu dorim sa rulăm XAMPP automat de fiecare dată cand pornește computerul, nu este nevoie pentru a instala servicii.

XAMPP este lansat sub termenii licenței GNU și acționează ca un Web Server capabil de a servi pagini dinamice. Este disponibil pentru Microsoft Windows, Solaris, Linux și Mac OS X. Este deasemenea utilizat în principal pentru dezvoltarea proiectelor Web.

XAMPP este util pentru crearea paginilor dinamice, utilizând limbaje de proramare ca PHP, JSP, Servlets.

Poți folosi adresa de localhost a serverului XAMPP ca pe un server la distanta, prin conectare utilizând protocolul client FTP.

PHPMYADMIN

phpMyAdmin este un instrument de administrare pentru baze de date cel mai popular. O mulțime de furnizori de găzduiren îl folosesc pentru a permite clienților lor să-și organizeze bazele lor de date. Navighează de asemenea cu platforme de dezvoltare populare, cum ar fi WampServer, XAMPP și MAMP.

phpMyAdmin este scris in PHP și, prin urmare este ușor de utilizat cu un browser Web obișnuit. Acesta permite utilizatorilor sa efectueze sarcini administrative pentru baza lor de date, prin intermediul click-urilor de mouse în loc să mai scriem alte interogări SQL.

Prin acest program putem crea, modifica, șterge, importa și exporta tabelele din bazele de date MYSQL. Putem rula interogări MYSQL, optimiza, repara și verifica tabelele.

PHOTOSHOP

Un software de editare al imaginilor dezvoltat și fabricat de Systems Inc. Adobe Photoshop este considerat unul dintre liderii în editare foto. Software-ul permite utilizatorilor să manipuleze , sa decupeze fotografii, să le redimensioneze și să corecteze culoarea la fotografiile digitale. Software-ul Photoshop este foarte popular printre fotografii profesioniști și designerii de grafică.

Prin utilizarea programului Photoshop se asigură sporirea și îmbunătățirea calității fotografiilor. Fotografii au posibilitatea de a edita imagini la nevoile și specificațiile exacte ale dorințelor clientului.

Capitolul 3. Descrierea aplicației

Descrierea site-ului

În cadrul acestei aplicații s-a dorit realizarea unui site dinamic, prin combinarea a două limbaje de programare: PHP și MYSQL. Aceste programe dau posibilitatea vizitatorilor săi să-și găsească animalul sau pasărea favorită sau să ofere spre adopție un animal în cazul în care nu îl mai pot îngriji. Site-ul reprezintă implementarea Web a unui adăpost de animale. Utilizatorii pot vizualiza informațiile celorlalți adoptanți sau donatori, pot vizualiza o galerie foto cu animalele sau păsările disponibile în adăpost la momentul vizitării site-ului, au un forum unde pot lăsa comentarii cu diferitele probleme de sănătate ale animalelor sau păsărilor. De asemenea veterinarii disponibili în acel moment la cabinet pot să le răspundă în timp util, fără a mai fi nevoie să se deplaseze până la cabinet. Utilizatorii pot vizualiza informațiile despre veterinari, programul lor pe teren sau la cabinetul localizat la adăpost, pot vizualiza consultațiile realizate până la momentul vizualizării site-ului, se pot programa pentru consultații completând un formular, pot oferi spre adopție sau adopta un animal sau pasăre completând de asemenea formularele aferente fiecărei opțiuni și există și o pagină Web pentru contact .

Vizitatorii site-ului au la dispoziție și legea privind protecția animalelor pentru a fi informați în cazul în care nu o cunosc.

Site-ul Web are de asemenea și parte de administrare, disponibilă doar pentru administratorul care se poate loga si actualiza diferite informații.

Structura site-ului

Pentru o mai bună organizare a aplicației fișierele au fost incluse, pe cât posibil, în directoare cu denumiri semnificative. Astfel, directorul Fotografii conține toate imaginile incluse în paginile site-ului, în directorul Index sunt stocate fotografiile slide-ului de pe pagina Home iar în directorul Coment se află comentariile utilizatorilor postate pe pagina Forum într-un program notepad coment.txt.

Paginile principale ale aplicației sunt următoarele:

main.php

adoptanti.php

animale1.php

consultatii.php

donatori.php

hrana.php

veterinari.php

formular_de_adoptie.php

adauga_adoptie.php

programare_consultatie.php

galerie.php

coment.php

contact.php

lege.php

index.php

login.php

admin_main.php

adaugare.php

meniuadmin_modificare_stergere.php

modificare_stergere_animale

modificare_stergere_hrana.php

modificare_stergere_consultatie.php

modificare_stergere_adoptant.php

modificare_stergere_veterinar.php

modificare_stergere_donator.php

cautare.php

cereri_de_adoptie.php

adaugare_spre_adoptie.php

cereri_programare.php

Astfel main.php reprezintă pagina Home a site-ului, pagina adoptanti.php conține informațiile despre adoptanți, pagina animale1.php conține informațiile despre animalele disponibile în adăpost, pagina consultatii.php conține informațiile despre consultațiile medicale făcute animalelor aduse la control veterinar, pagina donatori.php conține informațiile despre donatorii de animale, pagina hrana.php conține informații despre anumite brand-uri de hrana,ce preț au și ce tip de hrană este, pagina veterinari.php conține informații despre veterinarii adăpostului, pagina formular_de_adoptie.php conține un formular pe care utilizatorii interesați să adopte un animal sau o pasăre trebuie sa îl completeze, pagina adauga_adoptie.php conține un formular pe care utilizatorii doritori să ofere spre adopție un animal sau o pasăre trebuie să îl completeze, pagina programare_consultatie.php conține un formular prin intermediul căruia utilizatorii își pot programa animalele sau păsările la control veterinar, pagina galerie.php conține fotografii cu animalele disponibile în adăpost la momentul vizitării site-ului, pagina contact.php conține informații despre autorul aplicației și respectiv, modul de contactare a acestuia, pagina coment.php conține forumul site-ului prin intermediul căruia utilizatorii sunt în legătura virtuală cu medicii veterinari disponibili la adăpost, pagina lege.php oferă utilizatorilor posibilitatea de a se informa în legătura cu legea privind protecția animalelor.

De la pagina index.php începe partea de administrare prin intermediul căreia administratorul se autentifică și face astfel actualizările necesare. Prin intermediul paginilor adaugare.php, meniuadmin_modificare_stergere.php administratorul poate adăuga, modifica sau șterge diferite date disponibile în baza de date. Pagina cautare.php realizează căutarea animalelor sau păsărilor disponibile în funcție de tipul animalului (câine, pisică, etc.) și sexul acestuia.

Accesând pagina meniuadmin_modificare_stergere.php, administratorul are la dispoziție alte 6 opțiuni în funcție de ce dorește să modifice/șteargă din baza de date: animale/păsări, hrană, consultații, adoptanți, veterinari sau donatori. Aceste opțiuni sunt paginile prezentate mai sus și anume:modificare_stergere_animale.php,modificare_stergere_hrana.php,modificare_stergere_consultatie.php,modificare_stergere_adoptant.php,modificare_stergere_veterinar.php,modificare_stergere_donator.php.

Pagina cereri_de_adoptie.php conține informațiile utilizatorilor care doresc să adopte un animal iar administratorul în funcție de aceste date hotărăște daca îi acceptă sau nu cererea. În cazul în care este acceptată cererea utilizatorul respectiv este anunțat prin intermediul datelor de contact oferite la completarea formularului de adopție și astfel vine adăugat în baza de date la adoptanti, astfel actualizându-se pagina adoptanti.php.

Pagina adaugare_spre_adoptie.php conține informațiile utilizatorilor care doresc să ofere spre adopție un animal sau o pasăre.

Pagina cereri_programare.php conține informațiile utilizatorilor care doresc să își programeze animalul sau pasărea la controlul veterinar.

Pentru partea de antet și subsol avem paginile header.php și footer.php. Partea de antet implementată în header.php conține logo-ul site-ului, bară de meniu disponibil, autentificarea și legea privind protecția animalelor. Partea de subsol implementată în footer.php conține opțiunea de trimitere la începutul paginii și informații de tip Copyright.

Fișierul style.css conține declarațiile de stil pentru elementele HTML5 folosite în cadrul paginilor. Acestea pot fi cu ușurință modificate și, datorită faptului că acest Style Sheet este aplicat tuturor paginilor, întregul layout al site-ului este modificat automat.

Crearea bazei de date MYSQL

Pentru stocarea informațiilor s-a folosit o bază de date MYSQL.

Aceasta este formată din zece tabele, și anume:

adauga_adoptie;

administratori;

adoptanti;

animale;

consultatii;

donatori;

formular_adoptie;

hrana;

programare_consultatie;

veterinari.

Tabelul adauga_adopție conține informațiile despre utilizatorii care doresc să ofere spre adopție un animal sau o pasăre.

Tabelul administratori conține informațiile despre conturile de administratori.

Tabelul adoptanti conține informațiile utilizatorilor care au adoptat un animal.

Tabelul animale conține informații despre animalele disponibile în adăpost.

Tabelul consultatii conține informațiile despre consultațiile efectuate de veterinari.

Tabelul donatori conține informațiile utilizatorilor care au oferit un animal sau o pasăre spre adopție.

Tabelul formular_adoptie conține informații legate de utilizatorii care doresc să adopte un animal sau o pasăre.

Tabelul hrana conține informații legate de hrana animalelor sau păsărilor, tipul, prețul și brandul hranei.

Tabelul programare_consultatie conține informațiile utilizatorilor care doresc să programeze animalul sau pasărea la consultație veterinară.

Tabelul veterinari conține informațiile despre veterinarii cabinetului.

Utilizarea aplicației

Principala utilizare a acestei aplicații constă în crearea unei căi de comunicație între utilizatori și membrii adăpostului. Această aplicație reprezintă locul în care se pot menține legăturile între aceștia prin intermediul conversațiilor de pe forum dar și prin programările la consult medical la care aceștia pot lua parte cu animalele sau păsările lor.

Partea de antet a site-ului cuprinde logo-ul site-ului, meniul principal, opțiunea de autentificare a administratorului și legea privind protecția animalelor.

Figura 1.1. Partea de antet a aplicației.

Vizualizarea aplicației se face accesând meniul principal care cuprinde majoritatea secțiunilor din această aplicație.

Structura acestui meniu este următoarea:

Figura 1.2. Meniul principal al aplicației.

În figura de mai jos se regăsește o parte din această lege a protecției animalelor.

Figura 1.3. O parte din pagina cu legea privind protecția animalelor.

Partea de subsol a aplicației cuprinde informații de tip Copyright și oferă utilizatorilor opțiunea de trimitere la începutul paginii.

Figura 1.4. Partea de subsol a aplicației.

Opțiunea Home va permite utilizatorului revenirea pe pagina de start. Pagina Home este următoarea:

Figura 1.5. Pagina Home a aplicației.

Partea de sus a paginii Home conține un slide de 18 imagini și informații oferite utilizatorilor despre motivele adoptării unui animal sau o pasăre iar partea de jos a paginii Home conține trei imagini flip3D.

Pentru crearea slide-ului de imagini am utilizat javascript iar pentru crearea imaginilor flip3D am utilizat CSS3 și javascript.

Structura la slide-ul de imagini este următoarea:

Figura 1.6. Structura slide-ului de pe pagina Home.

Structura celor trei imagini flip3D este următoarea:

Figura 1.7. Primul flip3D de pe pagina Home.

Figura 1.8. Al doilea flip3D din pagina Home.

Figura 1.9. Al treilea flip3D de pe pagina Home.

Partea de Optiuni are următoarea structura:

Figura 1.10. Opțiuni din bara de meniu.

La Optiuni utilizatorul are mai multe posibilități:

Poate vizualiza utilizatorii care au adoptat prin intermediul paginii Noi am adoptat deja;

Figura 1.11. Utilizatorii care au adoptat.

Poate vizualiza animalele sau păsările care sunt în acel moment al vizitării site-ului disponibile în adăpost;

Pagina Ia-mă acasă!!! conține toate informațiile necesare despre animale/păsări cum ar fi: poză cu animalul/pasărea, tipul animalului/păsării, greutatea, sexul, descrierea și data nașterii. Astfel, utilizatorii au posibilitatea de a-și alege animalul sau pasărea pe care o doresc.

Figura 1.12. Pagina cu animale disponibile în adăpost.

Poate vizualiza consultațiile realizate până în acel moment al vizitării site-ului;

Figura 1.13. Consultațiile veterinare.

Accesând pagina Consultații vizitatorii au posibilitatea de a afla adresa cabinetului veterinar aflată la sediul adăpostului, programul cabinetului, medicii disponibili și programul lor la cabinet sau pe teren.

Poate vizualiza utilizatorii care au donat animale sau păsări până în acel moment al vizitării site-ului;

Figura 1.14. Utilizatorii care au donat animale sau păsări.

Poate vizualiza informații legate de hrană pentru animale și păsări;

Figura 1.15. Informații legate de hrană.

Poate vizualiza informațiile despre veterinarii adăpostului;

Figura 1.16. Informații legate de veterinarii adăpostului.

Are de asemenea trei formulare la dispoziție:

Formular de adopție – pentru a adopta;

Formular Oferă animal/pasăre spre adopție – pentru a dona un animal sau o pasăre;

Formular Programează consultație – pentru programare consultație.

Formularul de adopție are următorul conținut:

Figura 1.17. Formular de adopție.

Formularul de adăugare spre adopție are următorul conținut:

Figura 1.18. Formular de adăugare animal sau pasăre spre adopție.

Formularul pentru programarea consultațiilor are următorul conținut:

Figura 1.19. Formular de programare consultație.

Următoarea opțiune a meniului principal este Galerie foto și arată astfel:

Figura 1.20. Pagina Galerie foto a aplicației.

Opțiunea Forum a meniului principal are structura de mai jos:

Figura 1.21. Pagina de Forum a aplicației.

Ultima opțiune a meniului este Contact și are structura următoare:

Figura 1.22. Pagina de Contact a aplicației.

Opțiunea Autentificare se află în antetul aplicației și se adresează doar administratorului. Acesta este singurul care poate actualiza informațiile site-ului.

Pagina Autentificare are următoarea structură:

Figura 1.23. Pagina de autentificare a administratorului.

Prin Autentificare, administratorul are următoarele opțiuni:

Adăugare – poate adăuga informații noi în baza de date;

Modificare / Ștergere – poate modifica sau șterge informații din baza de date;

Căutare – poate căuta animalele sau păsările existente în baza de date;

Cereri de adopție – poate vizualiza cererile de adopție ale utilizatorilor;

Adăugare spre adoptie – poate vizualiza cererile utilizatorilor care doresc să doneze un animal sau o pasăre;

Cereri programare consultație – poate vizualiza cererile utilizatorilor pentru programare la consultație

Structura paginii Administrare site este următoarea:

Figura 1.24. Pagina de meniu a administratorului.

Prima opțiune din meniul administatorului este pagina de Adaugare și are următoarele opțiuni:

Hrană nouă;

Veterinar nou;

Consultație nouă;

Animal/pasăre nouă;

Adoptant nou;

Donator nou.

Structura paginii Adăugare este următoarea:

Figura 1.25. Pagina de adăugare informații noi în baza de date.

A doua opțiune aflată în meniul administratorului este Modificare / Stergere. Accesând această pagină administratorul are un nou meniu cu opțiunile următoare:

Modificare/ Ștergere Animale/Păsări;

Modificare/Ștergere Hrană;

Modificare/Ștergere Consultații;

Modificare/Ștergere Adoptanți;

Modificare/Ștergere Veterinari;

Modificare/Ștergere Donatori.

Structura paginii Modificare/Ștergere este următoarea:

Figura 1.26. Pagina de modificare / ștergere informații din baza de date.

Structurile opțiunilor din pagina Meniu Modificare/Ștergere sunt următoarele:

Figura 1.27. O parte din pagina Modificare/Ștergere Animale/Păsări.

Figura 1.28. O parte din pagina Modificare/Ștergere Hrană.

Figura 1.29. O parte din pagina Modificare/Ștergere Consultație.

Figura 1.30. O parte din pagina Modificare/Ștergere Adoptanți.

Figura 1.31. O parte din pagina Modificare/Ștergere Veterinari.

Figura 1.32. O parte din pagina Modificare/Ștergere Donatori.

A treia opțiune din meniul paginii Administrare site este cea de Cautare și are următoarea structură:

Figura 1.33. Pagina de căutare.

A patra opțiune din meniul administratorului este pagina Cereri de adoptie iar o parte din structura ei este prezentată mai jos.

Figura 1.34. Pagina cu informațiile utilizatorilor care vor să adopte un animal sau o pasăre.

Pe baza informațiilor oferite de utilizatori completând formularul de adopție, administratorul poate decide dacă acceptă sau nu acea cerere.

Dacă cererea este acceptată, administratorul adaugă informațiile în baza de date la pagina Noi am adoptat și anunță utilizatorul care dorește să adopte animalul sau pasărea, folosindu-se de informațiile de contact oferite la completarea formularului de adopție.

A cincea opțiune din meniul administratorului este Adăugare spre adopție.

Figura 1.35. Pagina cu informațiile utilizatorilor care doresc sa ofere spre adopție un animal/pasăre

Ultima opțiune din meniul administratorului este Cerere programare consultație și are următoarea structură:

Figura 1.36. Pagina cu cererile de programare consultație

Paginile din Administrare site conțin opțiunea de trimitere înapoi la pagina de administrare prin click pe imaginea de pe pagina respectivă.

Opțiunile din pagina Meniu Modificare/Ștergere au de asemenea această opțiune.

Figura 1.37. La aducerea mouse-ului pe imagine va arăta numele paginii de destinație la acționarea click-ului pe imagine.

Concluzii

Cu ocazia realizării acestui site am aprofundat și mai mult studiul în programarea Web. Interfața acestui site este cea mai profesională interfață realizată de mine până acum, deoarece se bazează pe o muncă bine structurată și organizată. Am învățat HTML5, CSS3, JavaScript, MYSQL dar și PHP la un nivel destul de avansat. Pentru mine redactarea licenței a fost un proces de sistematizare a mai multor limbaje de programare pe care le-am învățat de-a lungul celor trei ani de facultate.

Consider că întreaga aplicație, din faza inițială – studiul aplicațiilor similare, până la etapa de documentare pentru realizarea lucrării de licență și scrierea propriu-zisă a codului, a fost o ocazie deosebită de a avansa pe plan profesional. Colaborarea cu Lector univ. dr. Alina Pitic, coordonatorul proiectului, a decurs foarte bine și a fost benefică pentru rezultatele finale obținute la nivel de site.

Site-ul are un design atractiv, dispune de o structură bine organizată și este foarte simplu de folosit.

Bibliografie

Matthew MacDonald, HTML5: The Missing Manual, January 3, 2014.

David Sawyer McFarland, CSS3: The Missing Manual, January 6, 2013.

David Sawyer McFarlan, JavaScript & Jquery: The Missing Manual (Missing Manuals), October 3, 2014.

Brett McLaughlin, PHP & MySQL: The Missing Manual, 2nd Edition, November 2012.

Lesa Snider, Photoshop CC: The Missing Manual, 2nd Edition, August 2014.

Alina E. Pitic, Tehnologii web-curs în format electronic.

Alina E. Pitic, Modeling user sessions of educational software, ACTA UNIVERSITATIS CIBINIENSIS – TECHNICAL SERIES, vol. 62, 2011.

Alina E. Pipic, An analzsis of file formats used in digital libraries, Sibiu, 2010.

Alina E. Pitic, Computer Science in Biblioteconom, Sibiu, 2010.

Alina. E. Pitic, Contribuții la modelarea, proiectarea și dezvoltarea interfețelor utilizator pentru software internațional, Sibiu, 2012.

W3schools, http://www.w3schools.com (tutorial) (data accesării: 03.06.2015).

Proiectare site web, http://www.afaceri-online.net/proiectare-site-web (prezentare și exemple) (data accesării: 21.05.2015).

Tutorial HTML, http://www.emgos.autosite.ro/Tutorial_HTML.pdf (data accesării: 08.05.2015).

XAMPP, http://en.wikipedia.org/wiki/XAMPP (data accesării: 04.06.2015).

Notepad++, http://en.wikipedia.org/wiki/Notepad%2B%2B (data accesării: 29.05.2015).

phpMyAdmin, http://en.wikipedia.org/wiki/PhpMyAdmin (data accesării: 27.05.2015).