Documente Academic
Documente Profesional
Documente Cultură
Delta Dunarii Documentatie Atestat
Delta Dunarii Documentatie Atestat
1. Prezentarea lucrrii
1.1. Introducere
Delta Dunarii se dorete a fi un instrument educaional proiectat pentru nsuirea i evaluarea cunotinelor privind rezervatia naturala a Deltei Dunarii, cu ajutorul computerului. Lucrarea descrie caracteristicile deltei, ct i frumusetile acesteia. Interfaa lucrrii este prietenoas, putnd fi folosit cu uurin de ctre orice persoan, indiferent de calificare sau dac a mai folosit sau nu un asemenea soft educaional. Utilizatorul poate accesa fiecare seciune unde va gsi informaii utile pentru completarea cunotinelor sale. Un singur click pe un link, l va trimite la seciunea respectiv unde informaiile dorite i stau la dispoziie. De asemenea, proiectul permite utilizatorului crearea unui cont fr de care accesarea informaiilor nu este posibil. Datele utilizatorului sunt stocate ntr-o baz de date. Logarea se face pe baza unui formular (realizat n HTML i PHP), ce conine cteva cmpuri de identificare, ce permit ulterior administratorului s gestioneze felul n care este utilizat aplicaia. n realizarea acestui proiect s-au utilizat limbajul HTML, limbajul PHP, limbajul SQL.
delimitare a marcajelor "<", ">" permit deosebirea acestora de textul propriu-zis. De exemplu, pentru textele aldine (ngroate), marcajul de nceput este <B> iar de sfrit - </B>. Procesele de standardizare i de includere a comenzilor de marcare n fiierele HTML permit navigatoarelor s citeasc i s formateze paginile Web, lucru foarte important n condiiile n care ele conin nu numai texte alb-negru, ci i culori, imagini, hiperlegturi, diverse obiecte. Practic, marcajele HTML asigur controlul asupra modului de afiare a obiectelor corespunztoare n cadrul programelor de vizualizare a documentelor HTML navigatoarele. Limbajul HTML a evoluat n versiuni succesive, odat cu evoluia protocolului HTTP i a programelor de navigare. Astfel, HTML 1.0 era compatibil cu Mosaic, primul program de navigare, dar dup apariia unor navigatoare noi, a fost necesar introducerea unui standard oficial Internet pentru construirea paginilor (HTML 2.0) i extinderea sa cu noi faciliti: formule matematice, tabele, moduri avansate de descriere a organizrii paginilor (ncepnd cu HTML 3.0). Standardizarea oficial a limbajului HTML a fost realizat de consortiul WWW i dezvoltat de diveri productori de soft (unii dintre acetia urmresc chiar promovarea navigatoarelor proprii prin introducerea unor particulariti n formatele oficiale). Paginile HTML se pot crea cu orice editor de texte de ctre utilizatorii care cunosc limbajul HTML sau, mai simplu, se pot utiliza editoare speciale, n care obiectele se introduc interactiv iar codul HTML se genereaz automat.
suport pentru cookies (mecanism de stocare a datelor n navigatorul client pentru identificarea utilizatorilor, propus de Netscape). Aceast aplicaie este disponibil gratuit pe Internet, pentru medii Unix i mai nou pentru medii Windows (inclusiv sursele), integrndu-se n popularul sever Apache. Istoria PHP-ului ncepe la sfritul anului 1994, cnd Rasmus Lerdorf dezvolt prima versiune, ca proiect personal. PHP-ul este fcut public n debutul anului 1995 sub denumirea de Personal Home Page Tools, fiind considerat un analizor simplist care interpreta cteva macrouri ce puteau fi incluse n cadrul documentelor HTML, permind contorizarea accesului la paginile Web sau accesarea unei cari de oaspei (guestbook). Analizorul a fost rescris la mijlocul aceluiai an i denumit PHP/FI 2.0, unde FI era o alta aplicaie scris de Rasmus Lenford, un interpreter de formulare HTML. A fost adugat i suportul pentru bazele de date mSQL i astfel PHP/FI a nceput s aib succes, fiind disponibil gratuit pe Web. Se estimeaz c la sfritul lui 1996 cel puin 15 mii de site-uri Web utilizau PHP/FI, iar n anul 1997 numrul acestora era de 50 de mii. Programatorii Zeev Suraski i Andi Gutmans rescriu analizorul PHP i noua aplicaie formeaz nucleul versiunii PHP 3.0 care include o parte din vechile surse PHP/FI 2.0. Relativ recent, la nceputul anului 2000, a fost facut public versiunea PHP 4.0, utiliznd puternicul motor de scriptare Zend i oferind suport nu numai pentru servrul Apache ci i pentru alte servere Web. De asemeni, PHP 4.0 ofer posibilitatea accesrii documentelor XML via DOM. Se estimeaz c numrul site-urilor care folosesc n prezent PHP este de peste un milion. Deja, pe Web, exista o multitudine de aplicaii i utilitare concepute n PHP, care se regsesc grupate i n aa-numitul PEAR (PHP Extension and Add-on Repository). Este de notat diferena cu alte limbaje script CGI scrise n limbaje precum Perl sau C: n loc de a scrie un program cu o multitudine de linii de comanda afiate n final ntr-o pagin HTML, vei scrie o pagin HTML cu codul inclus pentru a realiza o aciune precis (n cazul nostru se va afia un text). Codul PHP este inclus ntre tag-urile speciale de nceput i de sfrit care permit utilizatorului s treac din "modul HTML" n "modul PHP". Fa de alte limbaje script, precum Javascript, la PHP codul se execut pe server. Dac pe serverul Web se afl un script similar, clientul nu va primi dect rezultatul execuiei scriptului, fr a avea nici o posibilitate de acces la codul care a produs rezultatul. V putei configura serverul de Web s prelucreze (analizeze) toate fiierele HTML ca fiiere PHP. Astfel nu exist nici un mijloc de a distinge paginile care sunt produse dinamic de paginile statice. Limbajul PHP posed aceleai funcii ca alte limbaje permind s se scrie scripturi CGI, s colecteze date i s genereze dinamic pagini web sau s trimit i s primeasc cookies.
7
Marea calitate i cel mai mare avantaj al limbajului PHP este suportul cu un numr mare de baze de date. A realiza o pagin web dinamic cu o baza de date este extrem de simplu.
Folosind CSS, se ajunge la: un control mai fin asupra paginii web ; scderea dimensiunii n octei a paginii web, atunci cnd codul CSS e coninut ntr-un fiier extern ; mai mare comoditate: modificnd fiierul CSS extern, modificm simultan toate paginile web n care acesta e inclus; efecte mai sofisticate dect cele produse de codul HTML: suprapunerea unei imagini peste alt imagine, a unui text peste alt text, impresia de relief, efectul hover, afiarea unor fonturi mai mari dect h1 etc.
Dezavantaj: Pagina coninnd cod CSS poate arta diferit n navigatoare diferite, deoarece nu toate browserele interpreteaz codul CSS. Internet Explorer citete corect i complet codul CSS, spre deosebire de Netscape Navigator. Adugnd cod JavaScript, se obin efecte i mai sofisticate, chiar de animatie. CSS + JavaScript = DHTML ( Dynamic HTML ). Aceste efecte spectaculoase justific titulatura de "artiti CSS" sau "artizani CSS" acordat unor creatori de pagini web.
de la Netscape Communications Corporation sub numele de Mocha, apoi LiveScript, i denumit n final JavaScript. Cea mai des ntlnit utilizare a JavaScript este n scriptarea paginilor web. 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. Browserele rein n memorie o reprezentare a unei pagini web sub forma unui arbore de obiecte i pun la dispoziie aceste obiecte script-urilor JavaScript, care le pot citi i manipula. Arborele de obiecte poart numele de Document Object Model sa DOM. Exist un standard W3C pentru DOM-ul pe care trebuie s l pun la dispoziie un browser, ceea ce ofer premiza scrierii de script-uri portabile, care s funcioneze pe toate browserele. n practic, ns, standardul W3C pentru DOM este incomplet implementat. Dei tendina browserelor este de a se alinia standardului W3C, unele din acestea nc prezint incompatibiliti majore, cum este cazul Internet Explorer. O tehnic de construire a paginilor web tot mai ntlnit n ultimul timp este AJAX, abreviere de la Asynchronous JavaScript and XML. Aceast tehnic const n executarea de cereri HTTP n fundal, fr a rencrca toat pagina web, i actualizarea numai anumitor poriuni ale paginii prin manipularea DOM-ului paginii. Tehnica AJAX permite construirea unor interfee web cu timp de rspuns mic, ntruct operaia (costisitoare ca timp) de ncrcare a unei pagini HTML complete este n mare parte eliminat.
Pentru a putea scrie corect o instructiune SQL n Access trebuie s se respecte urmtoarele reguli de sintax: orice comand se va ncheia cu punct ; ntr-o interogare unde se folosesc cmpuri din mai multe tabele, pentru a separa numele tabelului de numele cmpului, se va utiliza . dup modelul tabel.cmp; parantezele drepte ncadreaz numele de cmpuri doar cnd acestea conin spaii sau simboluri neacceptate de SQL; pentru a delimita parametrii dintr-o list, se utilizeaz virgulele; valorile de tip ir se marcheaz prin apostrof sau ghilimele ; inegalitile din cadrul clauzelor se vor specifica prin <> ; simbolurile ? i * sunt folosite pentru a desemna unul sau mai multe caractere de nlocuire.
Sunt si avantaje, si dezavantaje ale folosirii SQL Static. Iata cateva avantaje: cresterea vitezei de executie ; verificarea erorilor in timpul compilarii.
Dezavantajele folosirii acestei tehnici sunt urmatoarele: nu este flexibila ; conduce la o dimensiune mare a codului (deoarece interogarile nu pot fi formulate in timpul executiei aplicatiei) ; codul nu este portabil pe alte sisteme de baze de date (un aspect care ar trebui luat permanent in considerare).
10
11
12
Apsnd butonul de logare, se va deschide o nou pagin ce conine cmpuri necesare introducerii datelor pentru autentificare. Dac vizitatorul nu are nca un cont, i poate crea cu uurin unul apsnd Aici. Dup autentificare, utilizatorul poate accesa meniul. Totul se poate observa pas cu pas n imaginile de mai jos:
Pagina de logare
13
Formularul de nscriere
14
Accesarea meniului
15
Introducere
Pozitia geografica
16
Geologie
Geomorfologie
17
Clima
Animale
18
Peti
Psri
19
Flora
Populaie
20
Video
Test
21
Rezolvarea testului
22
Biografie
Contact
23
4.Instalarea aplicaiei
6.Anexe
Fragmente din sursele paginilor proiectului: Fragment din pagina principal:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Index</title> <link rel="stylesheet" type="text/css" href="stiluri.css" /> <script type="text/javascript" src="functiiJS.js"></script> <script type="text/javascript"> setInterval( function(){schimbaPoza()},2000 ); var i = 1; var imgGata = 0; function schimbaPoza(){ if(imgGata == 0) { Image1= new Image(600,400); Image1.src = "Imagini\\SerieImgBune\\img1.jpg"; Image2= new Image(600,400); Image2.src = "Imagini\\SerieImgBune\\img2.jpg"; Image3= new Image(600,400); Image3.src = "Imagini\\SerieImgBune\\img3.jpg"; Image4= new Image(600,400); Image4.src = "Imagini\\SerieImgBune\\img4.jpg"; Image5= new Image(600,400); 24
Image5.src = "Imagini\\SerieImgBune\\img5.jpg"; Image6= new Image(600,400); Image6.src = "Imagini\\SerieImgBune\\img6.jpg"; imgGata = 1; } if(i == 1) document.getElementById('idPoza').innerHTML = '<img src="Imagini\\SerieImgBune\\img1.jpg" width="100%">'; if(i == 2) document.getElementById('idPoza').innerHTML = '<img src="Imagini\\SerieImgBune\\img2.jpg" width="100%">'; if(i == 3) document.getElementById('idPoza').innerHTML = '<img src="Imagini\\SerieImgBune\\img3.jpg" width="100%">'; if(i == 4) document.getElementById('idPoza').innerHTML = '<img src="Imagini\\SerieImgBune\\img4.jpg" width="100%">'; if(i == 5) document.getElementById('idPoza').innerHTML = '<img src="Imagini\\SerieImgBune\\img5.jpg" width="100%">'; if(i == 6) document.getElementById('idPoza').innerHTML = '<img src="Imagini\\SerieImgBune\\img6.jpg" width="100%">'; i++; if(i == 7) i = 1; } </script> </head> <body onload="schimbaPoza()"> <table border="0" width="100%" height="100%" cellspacing="0"> <tr height="20%"> <td width="10%"></td> <td width="15%"><img src="ImgTransparente/PELICAN_transp.png" alt="Imagine Pelican" width="100%"></td> <td class="titluPrincip">Delta Dunarii</td> <td width="15%"><img src="ImgTransparente/PELICAN_transp.png" alt="Imagine Pelican" width="100%"</td> <td width="10%"></td> </tr> <tr> <td></td> <td colspan="3"> <!-- de aici --> <table border="0" width="100%" height="100%" cellspacing="0"> <tr height="15px"> <td class="colDungi" width="20%"></td> <td class="colDungi"></td> <td class="colDungi" width="2%"></td> </tr> <tr height="35px"> <td class="colGen"></td> <td class="colGen" align="center"> <!-- Aici vor fi butoanele pentru meniul de sus... --> 25
<input class="buton" type="submit" value=" Acasa " onclick="mesajLogare()"> <input class="buton" type="submit" value=" Test " onclick="mesajLogare()"> <input class="buton" type="submit" value=" Biografie " onclick="mesajLogare()"> <input class="buton" type="submit" value=" Utile " onclick="mesajLogare()"> <input class="buton" type="submit" value="Contact" onclick="mesajLogare()"> </td> <td class="colGen"></td> </tr> <tr height="15px"> <td class="colDungi"></td> <td class="colDungi"></td> <td class="colDungi"></td> </tr> <tr> <td class="colGen" align="center" valign="top"> <img src="ImgTransparente/PELICAN_transp.png" alt="Imagine Pelican" width="80%"> <br> <br> <form name="formLogin" action="pagLogin.php" method="get"> <input type="submit" value="Login"> </form> </td> <td bgcolor="black"><span id="idPoza">aaa</span></td> <td class="colGen"></td> </tr> <tr height="10%"> <td class="colPdeJos" colspan="3">Poenaru AnamariaCosmina<br>Clasa XII B</td> </tr> </table> <!-- pana aici --> </td> <td></td> </tr> </table> </body> </html>
26
*Nume: name="nume" size="20" maxlength="20"><br> maxlength="20"><br><br> *Sex:<br> <input value="masc">Masculin<br> <input value="fem">Feminin <br><br> *Stare civila:<br> <select name="stare_civ"> type="radio" type="radio"
name="sex" name="sex"
id="id_masc" id="id_fem"
<option value="casatorit">Casatorit(a)</option> <option value="necasatorit">Necasatorit(a)</option> </select><br><br> *Data nasterii:<br> <select name="dn_zi"> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <option value="04">04</option> <option value="05">05</option> <option value="06">06</option> <option value="07">07</option> <option value="08">08</option> <option value="09">09</option> <option value="10">10</option>
28
<option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> <select name="dn_luna">> <option value="Ian">Ianuarie</option> <option value="Feb">Februarie</option> <option value="Mart">Martie</option> <option value="Apr">Aprilie</option> <option value="Mai">Mai</option>
29
<option value="Iun">Iunie</option> <option value="Iul">Iulie</option> <option value="Aug">August</option> <option value="Sept">Septembrie</option> <option value="Oct">Octombrie</option> <option value="Nov">Noiembrie</option> <option value="Dec">Decembrie</option> </select> <select name="dn_an">> <option value="<1990">inainte de 1990</option> <option value="1990">1990</option> <option value="1991">1991</option> <option value="1992">1992</option> <option value="1993">1993</option> <option value="1994">1994</option> <option value="1995">1995</option> <option value="1996">1996</option> <option value="1997">1997</option> <option value="1998">1998</option> <option value="1999">1999</option> <option value="2001">2001</option> <option value="2002">2002</option> <option value="2003">2003</option> <option value="2004">2004</option> <option value="2005">2005</option> <option value="2006">2006</option> <option value="2007">2007</option> <option value="2008">2008</option>
30
<option value="2009">2009</option> <option value="2010">2010</option> <option value="2011">2011</option> <option value="2012">2012</option> <option value="2013">2013</option> </select><br><br> *Oras: maxlength="20"><br> *Judet: maxlength="20"><br><br> *E-mail: <input type="text" name="e_mail" size="32" maxlength="32"><br> *Parola: <input type="password" name="parola" size="32" maxlength="15"><br><br> <input type="submit" value=" INREGISTRARE "> </form> Campurile marcate cu steluta sunt obligatorii! </div> '; require('reutilizabil.php'); ?> <input type="text" name="judet" size="20" <input type="text" name="oras" size="20"
31
Bibliografie: Wikipedia Manual Informatica pentru clasa a IX-a, editura Donaris, 2006 Youtube Cursuri HTML www.marplo.net Cursuri PHP-MySQL www.marplo.net
32