Colegiul Naţional de Informatică „Grigore Moisil”,

Braşov

Lucrare pentru obţinerea atestatului

la informatică

Situația statistică a unei școli

Profesor îndrumător Niţulescu Laura

Frățilă
Cristina
Clasa a XII-a
F

Sesiunea mai 2011

Cuprins

Cuprins.................................................................................2
Motivarea alegerii temei si a limbajului utilizat..................3
Descrierea aplicației.............................................................7
Detalii tehnice de implementare........................................11
Concluzii și posibilitați de continuare...............................15
Bibliografia........................................................................15

2
Motivarea alegerii temei si a limbajului utilizat

Alegerea temei a fost una grea. Propunîndu-mi să îmi testez limitele, am crezut de
cuviință să încerc să creez o situație statistică a mediilor , din dorința ca munca mea să fie
una utilă pentru viitor.
Munca propriu-zisă a fost completată de studiierea în amănunt a informațiilor
folosite. Încercăriile eșuate au reprezentat o pierdică pentru mine, eu fiind demoralizată.
Însă datorită ambiției am reușit să creez acest site într-un timp scurt.
Din punct de vedere al limbajului utilizat am ales să folosesc limbajul Mysql
pentru că în conceperea unui situați statistice ai nevoie de baze de date în care să reți
informațiile.Am preferat PHP-ul deoarece oferă o gamă mai largă de scripturi și ajută la
creearea site-urilor dinamice De
asemenea, am folosit și CSS care fiind flexibil ajută la înfrumusețarea designului,

3
Elemente de limbaj folosite în lucrare

În realizarea site-ului “Situația statistică” se regăsesc elemente de html, css pentru

design, php şi mysql pentru baza de date şi javascript pentru slideshow-ul de imagini şi
trimiterea datelor la server fără încarcarea paginii (cu jQuery – librarie a Javascript ).

CSS prescurtarea de la Cascading Style Sheets, sunt etichete folosite pentru

formatarea paginilor web (de exemplu formatare text, background sau aranjare în pagina,
etc.). CSS-ul nu exclude html-ul din pagina web. Nu se poate realiza o pagină web
folosind numai CSS, care a fost proiectat astfel încât să conlucreze cu HTML-ul. Folosind
CSS, se ajunge la:
• un control mai fin asupra paginii web
• scăderea dimensiunii în octeti a paginii web, atunci când codul CSS e
continut într-un fisier extern
• mai mare comoditate: modificând fisierul CSS extern, modificăm simultan
toate paginile web în care acesta e inclus
• efecte mai sofisticate decât cele produse de codul HTML: suprapunerea unei
imagini peste altã imagine, a unui text peste alt text, impresia de relief,
efectul hover, afisarea unor fonturi mai mari decât h1 etc.
Beneficiile sintaxei CSS sunt: formatarea este introdusă într-un singur loc pentru
tot documentul. Dezavantajul este ca pagina conţinând cod CSS poate arata diferit în
navigatoare diferite, deoarece nu toate browserele interpreteaza codul CSS.

Pentru proiectul meu de atestat am folosit CSS-ul pentru a formata diferite

elemente ale paginilor: tabele, formulare, meniuri, imagini şi pentru a stabili poziţionarea
în pagină, culorile, fonturile şi dimensiunile.

4
 PHP este prescurtarea de la Hypertext PreProcessor. Spre deosebire de paginile
HTML care puteau fi verificate şi pe calculatorul local paginile PHP nu pot fi verificate
decât dacă sunt găzduite pe un server web care are instalat PHP.
Când accesam o pagină HTML serverul care o gazduieşte trimite pagina HTML către
browser spre afişare. În cazul unei pagini PHP serverul citeşte codul PHP, îl interpretează
şi genereaza dinamic pagina HTML care este trimisă browserului spre afişare. Acesta este
motivul pentru care utilizatorii folosesc PHP pentru construirea unor pagini cu conţinut
dinamic.

MySQL este un sistem de gestiune a bazelor de date. O bază de date este o colecţie
structurată de date. Ca să adaugi, să accesezi şi să procesezi informaţiile din baza de date
ai nevoie de un sistem de gestiune a bazelor de date ca, de exemplu MySQL. MySQL este
un sistem de gestiune a bazelor de date relaţionale. O bază de date relaţionala memorează
date în tabele separate în loc de a stoca toate informaţiile într-o singură structură adăugând
astfel viteză şi flexibilitate. Tabelele sunt legate prin relaţii permiţându-se afişarea datelor
combinate la cerere.

Site-ul “Situația statistică a unei școli” foloseşte baza de date numită “elev” în care
sunt stocate toate datele referitoare la sejururile, circuitele şi ofertele disponibile. Pe lângă
acestea mai sunt reţinute informaţii în tabele diferite precum medii, clasa, diriginte .
Membrii şi parolele lor de acces şi aăartin bazei de date “users”
Toate aceste informatii sunt accesate cu ajutorul php-ului pentru a putea fi afişate
pe site. De exemplu, afișarea si adăugarea sunt structurate pe diverse criterii pe baza
cărora sunt extrase datele necesare.

jQuery este o platformă de dezvoltare JavaScript, concepută pentru a ușura și

îmbunătăți procese precum traversarea arborelui DOM în HTML, managementul inter-
browser al evenimentelor, animații și cereri tip AJAX. jQuery îţi oferă posibilitatea de a
îndeplini cu uşurinţă următoarele task-uri:
• Accesează părţi din pagină; jQuery oferă mecanisme foarte elegante de
traversare a elementelor unei pagini.

5
• Modifică aspectul unei pagini şi oferta posibilitatea de a schimba unele
proprietăţi dinamic, după ce pagina s-a încărcat deja
• Modifică conţinutul unei pagini. jQuery poate fi schimbat un text, modificată
o imagine, reordonată o listă ş.a.m.d.
• Răspunde la interacţiunea utilizatorului cu pagina.
• Adaugă animaţii complexe paginilor.
• Primeşte informaţie de la server fără încărcarea paginii.
• Simplifică munca cu JavaScript.

6
Descrierea aplicației

Fiind un program php, manevrarea lui necesită instalearea serverelor de lucru. În

cazul meu am ales să folosesc WampServer, care prin programul “PhpMyAdmin” poate
creea baze de date și tabele, simflificînd-mi astfel munca.

Aplicaţia este uşor de foloșit datorită butoanelor informative și a informațiilor

regăsite atît pe parcursul site-ului cît și în “help”.

Cum am precizat și anterior, programul prezintă o serie de butoane, ușor de

manevrat , fiecare fiind un link către alta pagină.
Butonul “Home” are un link care trimite utilizatorul spre prima pagina, butonul
“Elevi” inserează sau șterge un elev din baza de date, în funcție de clasa selectata în
“Adaugare” și “Afiseaza” sunt inserate / afișate mediile , iar butonul “Cauta” , caută în
baza de date un anumit elev.

7
 Prima pagina a site-ului întîmpină vizitatorul cu un formular de autentificare, pe
baza căruia îi este permis accesul . Butoanele mai sus enumerate sunt inaccesibile. În cazul
în care parola este greșită, mesajul „Numele de utilizator sau parola au fost gresit
introduse!” alături de butonul „Back” oferă utilizatorului o noua șansă.

Odată cu intrarea în site, userul are libertatea de a alege între o serie de aplicații .

În submeniul „ Elevi” acesta poate să adauge sau să steargă informații într-un mod ușor.

8
 La adăugare formularul trimite date scripului, oferind feed-back pentru reușită.
La funcția de ștergere sunt afișați toți elevii din baza de date, operațiune finalizata
de linkul „Sterge elevul”

Următorul buton „Adaugare”, permite utilizatorului să acceseze una din clasele

introduse în baza de date .
Fiecare clasa reprezinta un link către o pagină . În pagina următoare sunt afișați toți
elevii, fiecare avînd 2 linku „Adaugare medii semestul I” și „Adaugare medii semestrul II”
,care insereaza în baza de date informațiile . Butonul „Back” situat în pagina aceasta ,
trimite utilizatorul înapoi în meniul „Adaugare medii” pentru a insera din nou.

9
 Mai departe, submeniul „Afiseza” se comporta similar celui „Adauga” , permițînd
utilizatorului să aleagă o clasa , în care să vadă situația mediilor.

Ultimul buton : „Cauta” , oferă user-ului poaibilitatea de a căuta un elev în baza de

date .
Totodata butonul „Back” face trimitere la pagina de căutare .

În partea de jos a paginii, se găsesc o serie de butoane similare cu cele de sus

,alături de date despre autor și site . (O mică problemă cu diacriticele)!

10
Detalii tehnice de implementare

Site-ul îmbimă o varietate de limbaje , cum ar HTML, PHP , MYSQL și pe alocuri

JAVASCRIPT.
Funcția de adăugare din primul submeniu „Elevi” , are la baza un formular care
transmite datele unei funcții „inserare_elev”

Prîn intermediul variabilelor nume,prenume,clasa ,diriginte și medie_generala, prin

POST se transmit datele, care sunt introduse în tabelul elev pentru a fi prelucrate.

O alta funcție , cea de ștergere, permite eliminarea din baza de date a elevului
dorit. Clauza „WHERE” are rolul de a specifica exact ce trebuie șters, în caz contrar se vor
șterge toate datele.

11
 În cadrul meniului Adaugare, am folost limbajul JAVASCRIPT mai precis jQuery
care mi-a permis trimiterea datelor la server fără a reîncarca pagina curenta.

Variabila $row este specifică php-ului şi reţine pe rând toate datele întoarse de
variabila $result_tara: $row[‘nr_matr] .

Expresia : <link=”pagina.php?variabila=”” reprezinta modul în care se poate

încarca codul unei pagini Web, la care variabila se transmite prin GET.
Diferența între POST și GET este aceea ca folosind GET, informatia transmisă de
la utilizator este încărcată în url, pe cînd cea de la POST nu este în url, ea este transmisa
12
prin conexiunea curentă http. Astfel, un url la care a fost transmisă o cerere POST nu se
poate salva pentru o accesare ulterioară.

În meniul căutare, prin intermediul formularului se transmit date scriptului, pentru

ca apoi printr-o noua funcție JQuery, datele să fie căutate în baza de date și apoi afișate
într-un tabel.

Una dintre cele mai interesate părți o reprezintă acel bec , care la trecerea
mouse-ului pe deasupra se aprinde. Am creeat doua id-uri numite “continut_bulb”
unde, prin intermediu backgound-ului am transmis două poze , care cu ajutorul

13
funcției hover alternează .

14
Concluzii și posibilitați de continuare

În concluzie, site-ul creeat reprezintă un site destinat școlii, cu ajutorul căruia

profesorii vor putea calcula si ține evidența mediilor.
Are o interfață simplă, ușor de utilizat , oricine reușind astfel să adauge, să șteargă
si să folosească modifice datele.
Ca ți posibilitate de continuare, consider că imbunătățire lui constă in efectuare
unor topuri în funcție de media eleviilor și deasemenea introducerea unor rubrici noi cum
ar fi absențele . Totodată elevii pot fi inregistrați și cu poze, pentru ca , de exemplu la
întîlnirea de 10 ani , aceștia să reasocieze adolescența cu liceul .

Bibliografia

• http://www.somacon.com/p141.phpț
• http://www.mysqltutorial.org/
• http://www.w3schools.com/css/tryit.asp?filename=trycss_table_width
• http://www.ecursuri.ro/cursuri/hrml
• http://www.marplo.net/html/coduri_culori.html
• http://www.tizag.com/mysqlTutorial
• http://www.freewebmasterhelp.com/tutorials/phpmysql
http://2css.net/tutoriale-Tutorial-despre-crearea-unui-site-folosind-divuri-partea-a-
doua.html

15