LUCRARE PENTRU ATESTAREA

COMPETENŢELOR PROFESIONALE

Elev :

Profesor indrumǎtor :

Liceul :

Sesiunea : mai 2013

ATESTAT LA INFORMATICǍ –FORUMUL ABSOLVENTILOR – PREZENTARE PROIECT

2

Cuprins:

1.Motivul alegerii temei …………. pag. 3

2.Structura aplicatiei ……….. pag. 4

3.Detalii tehnice …………. pag. 12

4.Despre PHP / HTML …………. pag. 13

5.Resurse de hard si soft …………. pag. 19

6.Modalitati de utilizare …………. pag. 20

ATESTAT LA INFORMATICǍ –FORUMUL ABSOLVENTILOR – PREZENTARE PROIECT

3

1. Motivul alegerii temei

Apropierea timpului de absolvire al acestui liceu si implicit

parasirea acestuia, m-a determinat sa creez acest FORUM astfel incat sa il utilizeze cat mai multi absolventi pentru a schimba impresii intre noi si implicit de a putea tine legatura.

ATESTAT LA INFORMATICǍ –FORUMUL ABSOLVENTILOR – PREZENTARE PROIECT

4

2. Structura aplicaţiei

Pagina de acces (index) cuprinde doua optiuni : - Optiunea Inregistrare - de aici se poate inregistra un

absolvent introducand datele cerute. - Optiunea Acces sistem - se face accesul in sistem pe baza

userului si a parolei.

ATESTAT LA INFORMATICǍ –FORUMUL ABSOLVENTILOR – PREZENTARE PROIECT

5

La selectarea optiunii Pentru a va inregistra, apasati se deschide

urmatorul formular:

Se completeaza utilizatorul, parola, numele, prenumele, CNP-ul, promotia – se selecteaza, profilul la fel, profesorul diriginte, localitatea si adresa de e-mail.

Odata completate aceste optiuni se apasa butonul Trimite.

In cazul in care toate datele au fost introduce corect atunci va aparea mesajul

de confirmare a inregistrarii si deci se poate trece la autentificarea in sistem.

ATESTAT LA INFORMATICǍ –FORUMUL ABSOLVENTILOR – PREZENTARE PROIECT

6

Se completeaza utilizatorul si parola si se apasa butonul Login.

In cazul introducerii unui utilizator si parole valide va aparea urmatoarea fereastra:

ATESTAT LA INFORMATICǍ –FORUMUL ABSOLVENTILOR – PREZENTARE PROIECT

7

Aceasta contine urmatoarele optiuni: Schimbarea datelor personale

o Schimbarea datelor o Schimbarea parolei

o Adaugarea unei poze Lista login

Useri on-line Chat

Arata testele mele Iesire

Deasemenea administratorul forumului mai are doua optiuni legate de administrarea userilor si administrarea comentariilor depuse de acestia.

ATESTAT LA INFORMATICǍ –FORUMUL ABSOLVENTILOR – PREZENTARE PROIECT

8

Schimbarea datelor personale:

Schimbarea parolei:

ATESTAT LA INFORMATICǍ –FORUMUL ABSOLVENTILOR – PREZENTARE PROIECT

9

Adaugarea unei poze

Lista LOGIN

ATESTAT LA INFORMATICǍ –FORUMUL ABSOLVENTILOR – PREZENTARE PROIECT

10

User On-Line

Administreaza Userii

ATESTAT LA INFORMATICǍ –FORUMUL ABSOLVENTILOR – PREZENTARE PROIECT

11

Administreaza depunerile

ATESTAT LA INFORMATICǍ –FORUMUL ABSOLVENTILOR – PREZENTARE PROIECT

12

3. Detalii tehnice

Codul sursa al primei pagini , index.php:

<?php session_start();

set_time_limit(0); require_once('config.php');

echo '<table bgcolor=yellow BORDER=5 align=center><tr><td>'; echo '<h1><center>BINE ATI VENIT PE FORUMUL DEDICAT

ABSOLVENTILOR<BR><FONT COLOR=RED> COLEGIULUI NATIONAL "GEORGE

COSBUC" </FONT><BR><FONT COLOR=BLUE>NASAUD</FONT></center></h1>

</td?</tr></table> <style>

body { background-color: orange; } </style>

<table border="1" align="center" BGCOLOR=#ccffcc>

<tr> <Td> <font color="red" size="5"><b>Pentru a va inregistra, apasati

</b></font></Td> <Td> <a href="inregistrare.php"><img src ="accesinreg.gif"></a><br>

</Td> </tr>

<tr>

<Td><font color="blue" size="5"> <b> Pentru a va autentifica, apasati</b> </font></Td>

<Td align=RIGHT> <a href="autentificare.php"><img src ="accessist.gif"></a> <br></Td>

</tr> <tr>

<Td><br><br> <img src ="liceucosbuc.jpg"><br><br> </Td> <Td><br><br> <img src ="poetulcosbuc.jpg"><br><br> </Td>

</tr> </table> ';

?>

ATESTAT LA INFORMATICǍ –FORUMUL ABSOLVENTILOR – PREZENTARE PROIECT

13

4. Despre HTML si PHP/MySQL

HyperText Markup Language (HTML) este un limbaj de marcare utilizat pentru crearea paginilor web ce pot fi afişate într-un browser (sau navigator). Scopul HTML este mai degrabă prezentarea informaţiilor – paragrafe, fonturi, tabele ş.a.m.d. – decât descrierea semanticii documentului.

Specificaţiile HTML sunt dictate de World Wide Web Consortium (W3C).

Introducere

HTML este o formă de marcare orientată către prezentarea documentelor text pe o singura pagină, utilizând un software de redare specializat, numit agent utilizator HTML, cel mai bun exemplu de astfel de software fiind browserul web. HTML furnizează mijloacele prin care conţinutul unui document poate fi adnotat cu diverse tipuri de metadate şi indicaţii de redare. Indicaţiile de redare pot varia de la decoraţiuni minore ale textului, cum ar fi specificarea faptului că un anumit cuvânt trebuie subliniat sau că o imagine trebuie introdusă, până la scripturi sofisticate, hărţi de imagini şi formulare.

Metadatele pot include informaţii despre titlul şi autorul documentului, informaţii structurale despre cum este împărţit documentul în diferite segmente, paragrafe, liste, titluri etc. şi informaţii cruciale care permit ca documentul să poată fi legat de alte documente pentru a forma astfel hiperlink-uri (sau web-ul).

HTML este un format text proiectat pentru a putea fi citit şi editat de oameni utilizând un editor de text simplu. Totuşi scrierea şi modificarea paginilor în acest fel solicită cunoştinţe solide de HTML şi este consumatoare de timp. Editoarele grafice (de tip WYSIWYG)

cum ar fi Macromedia Dreamweaver, Adobe GoLive sau Microsoft FrontPage permit ca paginile web sa fie tratate asemănător cu

ATESTAT LA INFORMATICǍ –FORUMUL ABSOLVENTILOR – PREZENTARE PROIECT

14

documetele Word, dar cu observaţia că aceste programe generează un cod HTML care este de multe ori de proastă calitate.

HTML se poate genera direct utilizând tehnologii de codare din partea serverului cum ar fi PHP, JSP sau ASP. Multe aplicaţii ca sistemele de gestionare a conţinutului, wiki-uri şi forumuri web generează pagini HTML.

HTML este de asemenea utilizat în email. Majoritatea aplicaţiilor de

email folosesc un editor HTML încorporat pentru compunerea email-urilor şi un motor de prezentare a email-urilor de acest tip. Folosirea email-urilor HTML este un subiect controversat şi multe liste de mail le blochează intenţionat.

Elementele de marcare

Mai jos sunt tipurile de elemente de marcare în HTML:

Marcare structurală. Descrie scopul unui text. De exemplu:

<h1>Fotbal</h1> Direcţioneaza browserul pentru a reda "Fotbal" ca pe cel mai important titlu. Marcarea structurală nu are un anumit stil predefinit, dar cele mai multe browsere web au standardizat modul în care acestea sunt afişate. De exemplu, titlurile importante (h1, h2, etc.) sunt aldine şi

mai mari decât restul textului.De notat că "h1" este folosit doar o singură dată per pagină deoarece cu el este marcat titlul ei.

Marcare pentru prezentare. Descrie cum apare un text, indiferent de funcţiile sale. De exemplu:

<b>îngroşat</b> Va afişa textul "îngroşat" cu litere groase, aldine.Notă: Html a inceput în ultimii ani să înceapă să nu mai folosească acest gen de tag-uri pentru că "b" nu dă sens paginii, pe când tag-ul "strong" (adică strong emphasis) dă un înţeles paginii, şi mai important, asemenea tag-uri pentru prezentare doar încarcă o

ATESTAT LA INFORMATICǍ –FORUMUL ABSOLVENTILOR – PREZENTARE PROIECT

15

pagină cu informaţii şi o fac astfel mai greu de încărcat, iar apoi dacă ataşezi un document CSS la pagină, o singură modificare la CSS (de ex: de la "font-weight:italic" la "font-weight:bold" va schimba tot textul selectat, şi de exemplu, link-urile vor trece de la text înclinat la text îngroşat, plus că în CSS avem avantajul de a putea preciza cât de mari sau mici să fie literele în pixeli «px», în puncte «pt», etc.)avem acelaşi efect ca şi cănd am avea de schimbat toate tag-urile de "i" de pe pagină în tag-uri de "b", muncă care chiar şi la un website mic este enormă, ce să mai vorbim de unul de genul wikipedia. Aşa că dacă vreţi să începeţi o carieră în html sau un hobby (şi să aveţi succes) nu folosiţi aceste taguri, nu degeaba s-a inventat CSS-ul.

Marcare pentru hiperlink. Leagă părţi ale unui document cu alte documente. De exemplu:

<a href="http://ro.wikipedia.org/">Wikipedia Românească</a>

Va reda Wikipedia românească ca hiperlink către un URL specificat.

Elemente speciale (widget). Creează obiecte, cum ar fi butoanele şi listele.

Doar marcatorii de prezentare (împreună cu foile de stiluri - CSS)

determină cum conţinutul din interiorul marcatorului va fi prezentat. Ceilalţi marcatori spun browserului ce obiecte să redea sau ce funcţii să execute.

MySQL

Introducere

Mai înainte de a porni construcţia unor script-uri pentru baze de date, ar trebui să avem o bază de

date în care să plasăm informaţii şi din care să citim. In această lecţie vom vedea cum creem o bază

de date în MySQL şi cum o pregătim pentru date. Ca un exemplu, vom crea o bază de date de tip

carte de adrese de contact.

ATESTAT LA INFORMATICǍ –FORUMUL ABSOLVENTILOR – PREZENTARE PROIECT

16

Construcţia Bazei de Date

Bazele de date MySQL au un sistem de iniţializare standard (un setup). Este vorba de o bază de date,

compusă din tabele, oarecum separate, conţinând diferite câmpuri, etc. chiar dacă sunt parte dintr-o

bază de date. Fiecare tabelă conţine înregistrări care sunt făcute din câmpuri.

Conectarea la o Bază de Date

Procesul de instalare a unei baze de date MySQL diferă de la o platformă la alta. In esenţă este vorba

peste tot de un nume al bazei de date, un nume de utilizator (cont) şi o parolă. Aceste informaţii sunt

cerute pentru conectarea la baza de date.

Dacă aveţi pachetul PHPMyAdmin (sau un program similar) instalat, atunci puteţi să intraţi acolo şi

să vă conectaţi introducând contul (numele de utilizator) şi parola. Dacă nu aveţi aşa ceva, atunci

trebuie să faceţi întreaga administrare a bazelor de date folosind script-uri PHP (şi o puteţi face).

Crearea unei Tabele

Mai înainte de orice altceva cu baza de date, trebuie să vă creaţi o tabelă. O tabelă este o secţiune a

bazei de date pentru memorarea unor informaţii structurate (legate). Intr-o tabelă vom defini diferite

câmpuri care vor fi folosite în acea tabelă. Din cauza acestei construcţii, aproape toate centrele cu

baze de date trebuie să fie satisfăcute folosind doar o bază de date.

Crearea unei tabele în PHPMyAdmin este simplă, scrieţi numele, selectaţi numărul de câmpuri şi

&Quot;apăsaţi" butonul (click). Ajungeţi atunci la un ecran setup în care trebuie să creaţi câmpurile

pentru baza de date. Dacă folosiţi un script PHP pentru a crea propria bază de date, iar completa

creere şi iniţializarea vor fi făcute îtr-o singură comandă.

Câmpuri

Există o largă varietate de câmpuri şi de atribute disponibile în MySQL şi vom discuta doar câteva

din ele:

Tipul câmpului Descriere

TINYINT Număr Intreg mic

SMALLINT Număr Intreg mic

MEDIUMINT Număr Intreg

INT Număr Intreg

VARCHAR Text (maximum 256 caractere)

TEXT Text

Acestea sunt doar câteva dintre câmpurile disponibile. O căutare pe Internet ne poate furniza lista cu

toate tipurile de câmpuri permise.

ATESTAT LA INFORMATICǍ –FORUMUL ABSOLVENTILOR – PREZENTARE PROIECT

17

Crearea unei Tabele cu PHP

Să creem o tabelă din PHP este ceva mai dificil decât cu MySQL. Avem de parcurs următorii paşi: CREATE TABLE nume_tabel { Fields }

Câmpurile sunt definite după cum urmează:

fieldname type(length) extra info,

Ultimul câmp introdus nu poate include nici o virgulă.

PHP este limbajul ideal pentru construirea de pagini web dinamice. Este usor de invatat, open-

source, poate fi rulat pe mai multe platforme si se poate conecta la mai multe tipuri de baze de date.

Cel mai important aspect al limbajului este insa posibilitatea de a fi imbricat cu cod HTML. Putem

astfel crea pagini HTML statice si din loc in loc, acolo unde este nevoie, sa introducem dinamism cu

ajutorul PHP.

Limbajul PHP s-a "nascut" in 1994 din nevoia lui Rasmus Lerdorf de a afla cate persoane ii viziteaza

CV-ul online. El a denumit setul de scripturi create PHP, acronimul pentru Personal Home Page. Pe

parcursul urmatorilor trei ani limbajul a evoluat dar adevaratul succes a inceput sa il cunoasca de

cand Zeev Suraski si Andi Gutmans au rescris motorul PHP de la cap la coada, motor care poarta din

versiunea 4 a PHP numele Zend, o combinatie de litere din prenumele creatorilor sai: Zeev si Andi.

Fiind open-source, PHP beneficiaza de suport activ din partea comunitatii online, acesta fiind si

motivul cresterii explozive a numarului site-urilor bazate pe PHP.

Interpretorul PHP este cel mai cunoscut limbaj de scripting folosit in acest moment pentru crearea

site-urilor Web interactive. Denumirea este un "acronim recursiv" pentru Hypertext PreProcessor.

Diferenta esentiala fata de alte limbaje de scripting (gen JavaScript) este faptul ca PHP este un

interpretor server-side (operatiile sunt executate de catre server si nu pe calculatorul utilizatorului).

Pentru a putea testa pagini PHP aveti nevoie de un server de web (Apache) si de pachetul PHP

instalat.

PHP permite folosirea unor elemente specifice limbajelor de programare. Iesirea standard a script-

ului PHP devine intrarea standard pentru programul de navigare care vizualizeaza pagina. Asadar, la

iesirea standard poate fi scris (de exemplu, prin intermediul comenzii echo) orice tip de cod HTML,

acesta fiind interpretat de catre borwser.

Pe langa manipularea continutului paginilor de web, PHP poate trimite headere HTTP pentru

autentificare, seta cookie-uri sau redirectiona utilizatorii. Mai mult, cu ajutorul bibliotecilor externe

de functii poate parsa fisiere XML, crea si manipula imagini, animatii Shokwave Flash, PDF-uri sau

se poate conecta la un server de mail, iar acestea sunt doar cateva din functiile pe care le poate

indeplini.

Interpretorul PHP parcurge documentul accesat pana in momentul in care intalneste un marcaj de

deschidere care indica faptul ca textul care urmeaza trebuie interpretat ca fiind cod PHP. In

ATESTAT LA INFORMATICǍ –FORUMUL ABSOLVENTILOR – PREZENTARE PROIECT

18

continuare, textul este interpretat ca fiind cod PHP pana in momentul in care este intalnit marcajul de

inchidere. Intreg textul care nu este interpretat ca fiind cod PHP este furnizat la iesire in forma in

care a fost primit ca intrare de catre interpretor. Exista mai multe marcaje care indica inceperea unei

secvente de cod PHP, dar doar doua dintre ele sunt folosite de obicei. Daca dorim ca documentul sa

respecte specificatiile XML, atunci singura posibilitate de inserare a codului PHP este folosirea unei

secvente de tipul:

<?php

//cod PHP

?>

Cea de-a doua posibilitate este utilizarea marcajului <SCRIPT> intr-o maniera asemanatoare celei

folosite pentru includerea de script-uri JavaScript. Sintaxa este urmatoarea:

<SCRIPT language = "php">

//cod PHP

</SCRIPT>

Exista alte doua posibilitati, dar acestea sunt folosite rar, in situatii particulare.

Este permisa "iesirea" si "intrarea" in "modul PHP" de oricate ori este necesar in pagina. Aceasta

este util cand se lucreaza cu texte de mari dimensiuni.

Pentru ca instructiunile PHP sa fie interpretate corect, acestea trebuie separate prin caracterul ';'.

In PHP, comentariile pot fi inserate folosin sintaxele din C, C++ si shell-urile Unix. Aparitia

secventei de caractere '//' sau a caracterului '#' indica faptul ca restul liniei reprezinta un comentariu.

Pentru a insera comentarii pe mai multe linii, acestea trebuie delimitate de secventa '/*' la inceput si

de secventa '*/' la sfarsit.

ATESTAT LA INFORMATICǍ –FORUMUL ABSOLVENTILOR – PREZENTARE PROIECT

19

5. Resurse de hard şi soft necesare

Siteul a fost realizat cu ajutorul unui editor de texte – NOTEPAD ++. Toate codurile au fost testate manual. Nu s-a folosit nici un soft ajutator. Pentru functionare trebuie sa aveti instalat un soft care sa poata interpreta limbajul PHP.

Resurse minime :

1) Hardware :

- Procesor (CPU) : 500 MHz +

- Memorie (RAM): 64 MB

- Spaţiu liber pe hard-disk : 30 MB

- Monitor :1024*768

- Un browser oarecare: Internet explore ,Mozilla, Opera

2) Software :

- Sistem de operare : Windows 98/XP, Aplicatia XAMPP

Resurse recomandate:

1) Hardware :

- Procesor (CPU) : 1000 MHz +

- Memorie (RAM): 128 MB

- Spaţiu liber pe hard-disk : 30 MB

- Monitor : VGA 32-bit color (1024x768)

- Un browser oarecare: Internet explorer ,Mozilla

2) Software :

- Sistem de operare : Windows XP, Aplicatia XAMPP

ATESTAT LA INFORMATICǍ –FORUMUL ABSOLVENTILOR – PREZENTARE PROIECT

20

6.Modalitǎţi de utilizare

Utilizarea programului este foarte

simpla. Printr-o simpla apasare a click-ului

stanga al mouse-lui pe unul din butoanele

proiectului puteti ajunge la informatia dorita.

Lansarea se realizeaza accesand fisierul

index.php.