Sunteți pe pagina 1din 18

ACADEMIA FORTELOR TERESTRE ,,NICOLAE BALCESCU’’

SIBIU

Proiect
Informatica

Realizat de

SIBIU
2012

1
CUPRINS

1. Aspecte generale......................................................................................3

2. Introducere..............................................................................................4

3. Crearea bazei de date si a tabelelor......................................................5

3.1. Crearea bazei de date.....................................................................5

3.2. Crearea tabelelor............................................................................5

4. Arhitectura aplicatiei.............................................................................6

5. Implementarea aplicatiei in html si php...............................................7

6. Concluzii................................................................................................17

7. Bibliografie............................................................................................18

2
1. ASPECTE GENERALE

Obiectivul acestui proiect este de a prezenta modul în care se poate realiza o


pagină web pentru promovarea unui site in cadrul caruia se pot afla informatii utile
despre anumite masini noi si second- hand
Pagina realizată oferă informaţii despre informatiile referitoare la diverse
marci de masini pe care diferiti utlizatorii le afiseaza pe site. De asemenea,
vizitatorii au posibilitatea de a modifica anumite aspecte legate de masinile pe care
le inregistreaza.
Aplicaţia a fost realizată cu ajutorul limbajului HTML, a limbajului PHP
(pentru citirea datelor din baza de date, prelucrarea acestora, adăugarea unor date
noi) şi a sistemului de gestiune a bazelor de date MySQL (pentru stocarea datelor).

3
2. INTRODUCERE

Proiectul de faţă este structurat pe cinci capitole al căror scop este


prezentarea succintă a limbajelor HTML, PHP şi a sistemului de gestiune a bazelor
de date MYSQL prin realizarea unei pagini web de prezentare a eventualului
concurs.
Primul capitol este rezervat prezentării modului de creare a unei baze de date
şi a tabelelor în sistemul de gestiune a bezelor de date MYSQL.
Cel de-al doilea capitol prezintă arhitectura funcţională a aplicaţiei.
Capitolul trei prezintă modul în care se poate lucra în HTML, PHP, MYSQL
în scopul realizării unei aplicaţii care să ofere opţiuni multiple vizitatorilor.
Cel de-al patrulea capitol este aplicaţia în sine.
Ultimul capitol oferă informaţii despre instalarea aplicaţiei.

4
3. CREAREA BAZEI DE DATE SI A TABELELOR

3.1. Crearea bazei de date


Se creează o bază de date „masini” urmând paşii:
-se rulează adresa http://127.0.0.1/mysql/ în browser-ul web;

-se introduce numele bazei de date (masini) se apasă butonul creeaza.

Aceiaşi bază de date se poate crea rulând următarea comandă în SQL:


CREATE DATABASE `masini` ;

3.2. Crearea tabelelor


Se crează cele două tabele urmând paşii:
-se introduc numele tabelului (lista masini) şi numărul de câmpuri din
tabel;

-se apasă butonul executa;

Lista masini 7
Name: Number of fields:

-apoi se editează caracteristicile fiecărui câmp (Nr Crt-int-primary key,


Marca-varchar (20), Model-varchar (20), Tip caroserie-varchar (20),
Culoare masina-varchar(20), Dotari – varchar (100));

-se apasă butonul salvează;

5
4. ARHITECTURA APLICATIEI

Având în vedere componenta paginii principale, putem afirma faptul că pagina web are
următoarea arhitectură:

index.html Prima pagină, unde se poate observa meniul principal

Căutare.html Informaţii despre masini in funcţie de “Marca”

Vizualizare.php Afişează câmpurile introduse despre masini: “Marca, Model,


Tipul de caroserie, Stare masina, Culoare, Detalii” 

Adaugare Un formular care ofera posibilitatea inregistrarii in baza de


masina.html date a altor masini
(Adăugare)

cautare.php
Permite introducerea marcii pe care dorim sa o vizualizam

modificare.php Modifică unul din cele mai importante campuri (“Culoare”),


masinii ce a fost gasita cu ajutorul formularului anterior
“cautare.php”

Stergere.php
Permite introducerea modelului si marcii masinii pe care
dorim sale eliminam

6
5. IMPLEMENTAREA APLICATIEI IN HTML SI PHP

Cod sursa pentru “Home”


<html>
<body bgcolor="#669999">
<FONT size="24" style="italic">
<table width="1079" height="231" align="center" border="1">
<tr>
<td bgcolor="#666699"><div align="center">
<p>Aici puteti afla informatii esentiale despre cele mai cunoscute marci de masini cum ar fi
Audi,BMW,Mercedes,Volkswagen,Dacia... </p>
<p><a href="audi.html"><img src="audi.png" width="129" height="83" border="0"></a><a
href="bmw.html"><img src="BMW_full.png" width="76" height="70" border="0"></a><a
href="mercedes.html"><img src="Mercedes-Benz-414x300.png" width="137" height="74"
border="0"></a><a href="volkswagen.html"><img src="Logo_Volkswagen.png" width="94"
height="84" border="0"></a><a href="dacia.html"><img src="dacia-logo.png" width="116"
height="81" border="0"></a></p>
</div></td>
</tr>

7
</table>
<p align="center"><img src="audi-rs6-avant-1-big.jpg" width="331" height="212"><img
src="ac-schnitzer-acs3-sport-bmw-m3-2008-756438.jpg" width="327" height="211"><img
src="dacia-logan-facelift-1.jpg" width="332" height="212"></p>
<p align="center"><img src="KICHERER-MERCEDES-SL-EVO-II-FRONT.jpg" width="492"
height="266"><img src="vw-golf-r-32-abt-1.jpg" width="438" height="266"></p>
</FONT>
</body>
</html>

Audi.html

<html>
<title>...::: Audi :::...</title>

<body bgcolor="AD D8 E6">


<table width="1100" border="0" bordercolor="AD D8 E6">
<tr>
<td width="222"><div align="justify" ><i>AUDI AG, cunoscut simplu ca Audi, este un
producator de automobile din Germania, cu sediul în Ingolstadt, landul Bavaria. Capitalul
societatii Audi este detinut aproape în totalitate (99,14%) de Grupul Volkswagen. De la 1
ianuarie 1985, sediul central al firmei Audi NSU Auto Union AG (AG este echivalentul
german al abrevierii românesti S.A.), a fost mutat de la Neckarsulm la Ingolstadt, si de
atunci produsele poarta numele Audi.</i></div></td>
<td width="377"><img src="audi vechi.jpg" width="377" height="299"></td>
<td width="63"><img src="sageata (1).png" width="63" height="28"></td>
<td width="420"><img src="Audi R8 02.jpg" width="410" height="283"></td>
</tr>
</table>

8
<p><a href="prima pagina.html"><img src="back-2-1.png" width="50" height="50"
border="0"></a></p>
</html>

Bmw.html

<html>
<title>...::: BMW :::...</title>

<body bgcolor="AD D8 E6">


<table width="1100" border="0" bordercolor="AD D8 E6">
<tr>
<td width="334"><div align="justify"><i>BMW, acronimul pentru Bayerische
Motoren Werke AG (în romana Uzina Bavareza de Motoare SA), este un producator
german de automobile, motociclete si motoare. BMW este o companie germana organizata
ca societate pe actiuni, inregistrata in DAX la Bursa din Frankfurt.</i></div></td>
<td width="336"><img
src="1970_BMW_2000_Neue_Klasse_Sedan_For_Sale_Front_1.jpg" width="336"
height="282"></td>
<td width="63"><img src="sageata (1).png" width="63" height="28"></td>
<td width="349"><img src="bmw-m6-2012_54.jpg" width="349" height="239"></td>
</tr>
</table>
<p><a href="prima pagina.html"><img src="back-2-1.png" width="50" height="50"
border="0"></a></p>
</html>

Mercedes.html

9
<html>
<title>...::: Mercedes :::...</title>
<body bgcolor="AD D8 E6">
<table width="1100" border="0" bordercolor="AD D8 E6">
<tr>
<td width="334"><div align="justify"><i>Mercedes-Benz (adeseori scurtat la Mercedes
ori doar Benz) este o marca germana consacrata de automobile, autobuze, camioane si auto
trenuri rutiere care este proprietatea companiei pe actiuni DaimlerChrysler AG (cunoscuta
inaintea fuziunii sale cu Chrysler, ca Daimler-Benz). Mercedes-Benz este al doilea mare
producator de vehicule de lux la nivel mondial. Compania Daimler-Benz AG a fost
înfiintata în 28 iunie 1926 când doua companii, Benz & Cie. si Daimler Motoren
Gesellschaft (DMG), au fuzionat.Fondata in 1871, Benz & Cie., a fost una dintre cele mai
importante dintre companiile fondate de Karl Benz, fiind si unul dintre cei mai vechi
producatori de autovehicule. DMG a fost o alta companie axata pe constructia de
autovehicule, fondata de Gottlieb Daimler si Wilhelm Maybach în 1890. În 1900, Daimler a
murit, iar Maybach a parasit compania fondata de cei doi în 1890. Pe vremea aceea, cele
doua companii devenisera deja rivale.
In 1924, datorita situatiei economice dezastroase in care se gasea Republica de la Weimar,
cele doua companii rivale au intrat într-o "Intelegere de interese mutuale", care le permitea
sa produca si sa vanda propriile produse in mod independent si care urma sa fie valabila 75
de ani, pana in anul 2000. Dupa numai doi ani, in 1926, odata cu fuziunea oficiala a
companiilor Benz & Cie. si Daimler Motoren Gesellschaft, numele Mercedes-Benz a fost
creat.</i></div></td>
<td width="336"><img
src="1970_Mercedes_Benz_300SEL_Euro_6.3_For_Sale_Front_1.jpg" width="336"
height="282">
<p><a href="prima pagina.html"><img src="back-2-1.png" width="50" height="50"
border="0"></a></p></td>
<td width="63"><img src="sageata (1).png" width="63" height="28"></td>

10
<td width="349"><img src="7-mercedes-benz-slr-mclaren-452750.jpg" width="349"
height="239"></td>
</tr>
</table>
</html>

In urmatoarea comanda php(vezi.php) utilizatorul poate vizualiza o lista


cu masinile din baza de date

<html>
<body bgcolor="#669999">
<br>
<center><b><FONT size="18"> Lista cu masini</FONT></b></center>
<?php
$con=mysql_connect("localhost","root","");
$db=mysql_select_db("masini",$con);
echo '<center><table bgcolor=white border=1></center>';
echo "<tr>";
echo'<td>'.'<b>Nr.crt</b>'.'</td><td>'.'<b>Marca</b>'.'</td><td>'.'<b>Model</b>'.'</td><t
d>'.'<b>Tip caroserie</b>'.'</td><td>'.'<b>Stare masina</b>'.'</td><td>'.'<b>Culoare
masina</b>'.'</td><td>'.'<b>Dotari</b>'.'</td>';
echo "</tr>";
if($db=="")
echo mysql_error();
$sql="SELECT * FROM listamasini";
$rez=mysql_query($sql);

$i=0;

while($r=mysql_fetch_array($rez))

11
{

$i=$i+1;
echo '<tr>';
echo '<td>'.$i.'</td>';
echo '<td>'.$r[1].'</td>';
echo '<td>'.$r[2].'</td>';
echo '<td>'.$r[3].'</td>';
echo '<td>'.$r[4].'</td>';
echo '<td>'.$r[5].'</td>';
echo '<td>'.$r[6].'</td>';
echo '</tr>';
}
echo '</table>';
?>
</body>
</html>

In urmatoartea interfata html(adaugare masina in lista.html) permite


utilizatorului sa adauge in lista o masina in functie de anumite criteria

<html>
<body bgcolor="#669999">

<?php
$n=$_POST['marca'];
$p=$_POST['model'];
$t=$_POST['tip'];
$g=$_POST['stare'];

12
$c=$_POST['culoare'];
$e=$_POST['dotari'];

echo '<div align=left size="20">';


echo 'Marca: '.$n;
echo '<br>';
echo 'Model: '.$p;
echo '<br>';
echo 'Tipul caroseriei: '.$t;
echo '<br>';
echo 'Stare masina: '.$g;
echo '<br>';
echo 'Culoare: '.$c;
echo '<br>';
echo 'Dotari: '.$e;
echo '<br>';

$con=mysql_connect("localhost","root","A");
$db=mysql_select_db("masini",$con);
if($db=="")
echo mysql_error();
$sql="INSERT INTO listamasini(marca,model,tip,stare,culoare,dotari)
VALUES('$n','$p','$t','$g','$c','$e')";
$rez=mysql_query($sql);
if(!$rez)
echo mysql_error();
else
echo '<br>';
echo '<br>';
echo 'Masina a fost inscrisa in lista!!! ';

?>

</body>
</html>

13
Urmeaza comanda (stergere masina.html) in care se pot sterge o masina in
funcie de marca si model:

<html>
<body bgcolor="#669999">
<FONT size="14" color="80 00 00">
<?php
$x=$_POST['marca'];
$m=$_POST['model'];
$con=mysql_connect("localhost","root","");
$db=mysql_select_db("masini",$con);
if($db=="")
echo mysql_error();
$sql="DELETE FROM listamasini WHERE marca='$x' " ;
$sql="DELETE FROM listamasini WHERE model='$m' " ;
mysql_query($sql);
$rez=mysql_query($sql);
if(!$rez)
echo mysql_error();
else
echo "Ati sters cu succes!";

?>
</FONT>
</body>
</html>

14
Urmatoarea pagina (cautare.html) permite utilizatorului sa caute o masina
dupa marca….

<html>
<title>...:::Cautare masina:::...</title>
<body bgcolor="#669999">
<center><img src="cautare masina.png" width="700" height="100"></center>
<b>Alegeti marca masinii pe care o cautati</b>
<form action="cautare.php" method="post">
<b>Marca:</b><select name="marca">
<option value="audi">audi</option>
<option value="bmw">bmw</option>
<option value="mercedes">mercedes</option>
<option value="volkswagen">volkswagen</option>
<option value="dacia">dacia</option>
</select>
<input type="submit" value="Cauta" />
</form>
<img align="right" src="unde.png" width="200" height="100"> <img align="right"
src="cauta masina 1.jpg" width="300" height="200"> <img align="right" src="unde.png"
width="200" height="100">
</body>
</html>

Urmatoarea comanda modifica culoarea masinii dupa modelul ei

<html>
<body bgcolor="#669999">
<?php

15
$p=$_POST['model'];
$c=$_POST['culoare'];
$con=mysql_connect("localhost","root","");
$db=mysql_select_db("masini",$con);
if($db=="")
echo mysql_error();
$sql="update listamasini set culoare='$c' where model='$p'";
$rez=mysql_query($sql);
if(!$rez)
echo mysql_error();
else
echo '<br>';
echo '<br>';
echo 'Culoarea masinii a fost modificata cu succes!!! ';
?></body>
</html>

16
CONCLUZII

În urma realizării acestui proiect am reuşit să învât minimul din programarea PHP şi
HTML, conştientizând în acelaşi timp greutatea cu care se face o pagina web şi munca asiduă pe
care o depun cei ce realizează o astfel de pagină.
Perechea PHP /MySQL se foloseşte în foarte multe aplicaţii online, deoarece prezintă o
serie de avantaje, cum ar fi: tehnologii open-source, uşurinţa scrierii codului sursă, suport limbaj
universal SQL, portabilitate Windows, Linux, sintaxa PHP asemănătoare cu C++, viteză de
execuţie a codului PHP;
În concluzie, consider ca informaţiile însuşite în urma parcurgerii acestui curs şi a
realizării acestei aplicaţii îmi vor folosi de-a lungul carierei mele si ori de câte ori voi lua contact
cu Internetul.

17
BIBLIOGRAFIE

1. Giurgiu, Luminiţa, Programare web, Sibiu, Editura Academiei Forţelor Terestre


„Nicolae Bălcescu", 2006
2. www.php.net;
3. www.tutoriale.far-php.ro;
4. Anghel, Traian, Dezvoltarea aplicaţiilor WEB folosind XHTML, PHP şi MySQL,
Librăria Stilus Online
5. http://www.w3schools.com

18