Magazin Online de Telefoane Mobile

Cuprins

Introducere

Internet-ul reprezintă o sursă de informare, dar în același timp și locul unde el se poate prezenta, autopromova, astfel încât să devină cunoscut. Actual peste 3 miliarde de oameni folosesc Internetul, acesta fiind să devină infrastructura de bază a societății moderne. [1]

În ziua de azi, tot mai multă lume optează pentru cumpăraturi făcute prin intermediul internetului. Principala mea motivație pentru a creea un Magazin de telefoane Online.

Această lucrare prezintă o aplicație web de gestionare a unui magazin online, bazată, în principiu, pe tehnologiile HTML, CSS, PHP, JavaScript. Aceste tehnologii au fost utilizate pentru o mai bună funcționare a paginii web și o interfață ușor de folosit de către cumpărător.

Principalele facilități ale acestui Magazin Online de telefoane mobile:

Vizualizarea produselor prezente în magazine

Postarea / Vizualizarea opiniilor legate de produse

Adăugarea produselor dorite în coșul de cumpărături

Modificarea coșului de cumpărături

Plasarea comenzilor pentru produsele dorite

Tehnologii utilizate

În dezvoltarea acestei pagini web am utilizat mai multe tehnologii, cum ar fi:

HTML – utilizat pentru crearea paginilor web;

CSS – utilizat la formatarea elementelor prezente in documentele HTML;

PHP – utilizat pentru crearea paginilor dinamice, datorită facilităților de conlucrare cu baza de date a magazinului;

JavaScript – utilizat pentru a oferi interactivitate paginilor web;

MySQL – utilizat pentru gestionarea bazei de date.

Limbajul HTML

Limbajul HTML fiind utilizat la formatarea paginilor web, stă la baza acestei aplicații. Paginile web sunt partiționate cu ajutorul etichetelor specifice acestui limbaj.

1.1.1. HTML noțiuni generale

Limbajul HTML (HyperText Markup Language) este unul din primele elemente fundamentale ale WWW (World Wide Web), fiind utilizat la descrierea formatului primar în care documentele sunt distribuite și văzute pe Web.

Paginile HTML sunt formate din etichete sau tag-uri și au extensia .html sau .htm. De obicei aceste etichete sunt pereche, una de deschidere <etichetă> și alta de închidere </etichetă>. Browserul interpretează aceste etichete afișând rezultatul pe ecran.

HTML nu este un limbaj case-sensitiv, adică nu face distincția între litere mici și mari. Aceasta înseamnă că indiferent cum scriem etichetele, ele vor fi interpretate corect de browser.

Pagina principală a unui domeniu este fișierul index.html, respectiv index.htm. Această pagină este afisata automat la vizitarea unui domeniu. De exemplu la vizitarea domeniului “www.nume.ro” este afișată pagina „www.nume.ro/index.html”. [2]

Unele etichete permit utilizarea de atribute care pot avea anumite valori:

<eticheta atribut="valoare"> … </eticheta>

Componența unui document HTML este:

1. versiunea HTML a documentului

2. zona head cu etichetele <head></head>

3. zona body cu etichetele <body></body> sau <frameset></frameset>

Paginile HTML încep și se termină cu etichetele <html> și </html>. În interiorul acestor etichete găsim perechile <head>, </head> și <body>, </body>. Head conține titlul paginii între etichetele <title> și </title>, acestea sunt descrieri de tip <meta>, stiluri pentru formatarea textului, scripturi și linkuri care duc către fișiere externe (de exemplu: scripturi, fișiere de tip CSS).

Etichetele de tip meta conțin cuvinte cheie, descrierea paginii, date despre autor, informații utile motoarelor de căutare și au următorul format:

<META NAME="nume" CONTENT="conținut">

Exemplu: link către un fișier extern CSS:

<link rel="stylesheet" type="text/css" href="css.css">

Body găzduiește toate etichetele afișate de browser pe ecran.

Exemplu de cod : – o pagină HTML cu titlul Titlu iar conținutul Conținut pagina

1.1.2. HTML5

HTML5 este ultima versiune a limbajului HTML, care permite o interactivitate mai mare pentru fișierele de tip media, obiectivele sale principale fiind acelea de a îmbunătăți limbajul cu un suport pentru cele mai recente apariții multimedia.

HTML5 își propune să însumeze nu numai HTML4, dar și XHTML1 și DOM2HTML (îndeosebi JavaScript). [3]

HTML5 este un posibil candidat pentru aplicațiile de platforme mobile. Multe caracteristici ale HTML5 au fost create pe considerentul că va trebui să devină capabil să ruleze pe dispozitive cum ar fi smart-phonurile sau tabletele.

Diferențele între HTML și HTML5 sunt :

În HTML5 există tag-uri care ajută la optimizarea site-ului pentru varianta mobilă. Este adoptat și de browser-ele telefoanelor mobile.

HTML5 conține suport integral pentru grafică vectorială, prin intermediul elementului [canvas], iar în HTML4 grafica vectorială era posibilă doar cu ajutorul aplicațiilor Silverlight sau Flash.

Din HTML4, Audio și Video nu făceau parte, dar HTML5 a creat tag-uri speciale care tratează elementele multimedia: si .

În HTML5 cu ajutorul JS GeoLocation API, locația unui utilizator care accesează un site se poate detecta, pe când în HTML4, geo-localizarea era aproape imposibilă.

1.2. Limbajul CSS

CSS sau (Cascading Style Sheets – foi de stil în cascadă) este un limbaj de programare ce se află în strânsă legătură cu HTML. CSS se utilizează pentru a crea designul unui website, webmasterii din toată lumea utilizează acest limbaj de programare pentru a crea site-uri cât mai atrăgătoare cu ajutorul noilor versiuni de CSS3.

CSS3 este cel mai recent standard pentru CSS, având un număr mare de module noi pentru formatarea elementelor HTML: efecte pentru text, borduri, box model, selectori, animații, etc. [4]

CSS ajută la afișarea elementelor de HTML în funcție de instrucțiunile pe care browserele le găsesc în locurile indicate. Se pot defini, în patru locuri diferite stilurile pe care le vor respecta elementele de HTML ale unei pagini și exact ca în programarea orientată pe obiect, se moștenesc și se pot suprascrie.

Primul nivel este cel al browser-ului, care totodată este și stilul implicit. Pe nivelul doi se găsește stilul declarat într-un fișier extern, salvat cu extensia .css. Pe nivelul 3 este stilul declarat în interiorul paginii, în cadrul elementului <head>. Ultimul nivel, nivelul 4, cel care este cel mai aproape de elementul HTML de afișat, este cel definit chiar în cadrul elementului în cauză.

Exemplu de cod din fișierului style.css:

body {background:#39C;}

.main_wrapper {

width: 1000px;

height:auto;

margin:auto;

}

.header_wrapper {

width:1000px;

height:100px;

background:#FFF;

}

#navbar {

width:1000px;

height:50px;

background:#999;

color:#FFF;

}

#menu {

padding:0;

line-height:36px;

margin-top:5px;

float:left;

}

Din codul sursă afișat anterior se poate observa utilizarea CSS-ului în controlul grafic al elementelor din pagina, cum ar fi: textul , imaginea, fondul, culorile și așezarea acestora in cadrul ferestrei paginii.

Folosirea foilor de stil CSS într-un document HTML are numeroase avantaje:

Reduce efortul depus atunci când se dorește modificarea aspectului și aranjării elementelor paginilor web. În loc de parcugerea fiecărui document în parte și modificarea fiecărui element, este necesar operarea de modificări numai asupra foilor de stiluri.

Oferă control crescut asupra aspectului și plasării textului în pagină.

Reduce ”încurcătura” produsă de multitudinea de deschideri și închideri ale etichetelor HTML.

Simplifică procesul de modificare a diferitelor elemente din pagină întrucât modificarea ulterioară a unui stil se reflectă automat în toate zonele în care a fost folosit.

Foi de stil CSS pot fi create si aplicate nu doar pentru controlul aspectului fonturilor, ci și a multor altor elemente de formatare ale paginii. [5]

1.3. Limbajul PHP

În realizarea acestui site am utilizat limbajul de programare PHP pentru extragerea datelor introduse la completarea formularelor existente pe pagină și introducerea acestora în baza de date, pentru prelucrarea și afișarea datelor din baza de date.

PHP este un limbaj de programare web open-source și server-side. Acronimul recursiv PHP provine din limba engleză, de la „PHP: Hypertext Preprocessor”. Este folosit inițial pentru a produce pagini web dinamice, în dezvoltarea paginilor și aplicațiilor web. Se folosește în principal înglobat în codul HTML, dar începând de la versiunea 4.3.0 se poate folosi și în mod „linie de comandă” (CLI), permițând crearea de aplicații independente. [6]

Există versiuni disponibile pentru majoritatea serverelor web si pentru toate sistemele de operare. PHP este prezent pe Windows, Linux, HP-UX, OpenBSD, Mac OS X. Serverele web includ: Netscape, PWS, iPlanet, Apache, Xitami și altele.

PHP poate fi obținut gratuit, fiind un produs open-source. Este disponibil sub Licenṭa PHP ṣi Free Software Foundation.

Oferă suport pentru acces la servere de baze de date diferite printre care: MySQL, MS-SQL, PostgreSQL, Oracle, FilePro, Sybase, Adabas D, DB2, dBase, Informix, Ingres.

Principalele caracteristici ale limbajului de programare PHP sunt:

Familiritatea: are o sintaxă foartă ușoară, combină sintaxele unora din cele mai populare limbaje Perl sau C;

Simplitatea: nu necesită includerea de biblioteci sau directive de compilare, sintaxa limbajului este destul de liberă;

Flexibilitate: limbajul PHP a fost integrat pentru numeroase servere web existente precum: Apache, server, etc., nu este legat de un anumit server web;

Securitate: limbajul PHP oferă un set flexibil și eficient de măsuri de siguranță;

Gratuitate: PHP-ul sub licență open-source a determinat adaptarea rapidă la nevoile web-ului, eficiențizarea și securizarea codului;

Eficiența: PHP-ul folosește mecanisme de alocare a resurselor, necesare unui mediu multiutilizator, așa cum este web-ul.

Avantajul limbajului PHP este suportul său nativ pentru o gamă variată de baze de date, care permit accesul la bazele de date direct prin instructiuni SQL.

1.4. Limbajul JavaScript

În dezvoltarea site-ului am folosit funcții JavaScript pentru validarea formulalelor, dar si o bibliotecă JavaScript(jQuery) pentru realizarea unei galerii de imagini.

JavaScript este un limbaj de programare orientat pe obiecte, bazat pe conceptul prototipurilor. Acesta este folosit ca parte a browser-elor web a căror implementare permit script-urilor “client-side” să interacționeze cu utilizatorii, să controleze browser-ul, să modifice conținutul documentului afișat. [7]

Principalele caracteristici ale limbajului JavaScript sunt:

executarea funcțiilor clasice ale unui limbaj de programare;

generarea paginilor Web personalizate și modificarea dinamică a prezentării lor;

afișarea unor mesaje într-o pagină Web;

validarea conținutului unui formular;

realizarea calculelor matematice. [8]

Jquery este o platformă de dezvoltare JavaScript, concepută pentru a îmbunătăți procese precum animații, traversarea arborelui DOM în HTML. Cu ajutorul bibliotecii jQuery putem selecta și manipula elementele HTML și CSS, realiza efecte și animații Javascript.

1.5. MySQL

MySQL este un sistem de gestiune a bazelor de date relaționale, este un server de baze de date disponibil sub o licență Open Source, dar există și sub licențe comerciale, care oferă fiabilitate și multe avantaje. Are la bază limbajul SQL.

Pentru administrarea bazei de date se poate folosi o multitudine de utilitare în linia de comandă sau interfețelor grafice MySQL Administrator și MySQL Query Browser. Un alt instrument de management foarte popular este phpMyAdmin, care este o aplicație gratuită, scrisă în PHP. [9]

MySQL operează în baza unui model client/server. Orice mașină care dorește să proceseze interogări asupra unei baze de date MySQL trebuie să ruleze MySQL server, care este responsabil de tot traficul de tip intrări/ieșiri(incoming/outgoing) cu baza de date.

Exemplu cod PHP de conectare cu MySQL:

<?php

$link = mysql_connect("nume_server","nume_utilizator","parola_utilizator") or die("Nu se poate conecta");

?>

Funcția mysql_connect se conectează la MySQL folosind ca parametri adresa serverului unde rulează MySQL (dacă îl aveți instalat pe propriul calculator aceasta este localhost), user-ul (dacă îl aveți instalat pe propriul calculator aceasta ar trebui să fie root) și parola (dacă îl aveți instalat pe propriul calculator aceasta ar trebui să nu existe).

1.6. XAMPP

Pentru administrarea bazelor de date am folosit XAMPP.

XAMPP este un pachet de programe gratuit, open source și cross-platform web server, care constă în Apache HTTP Server, MySQL database și interpretoare pentru scripturile scrise în limbajele de programare PHP și Perl.

Programul XAMPP a fost lansat sub termenii licenței GNU și acționează ca un web server capabil de a servi pagini dinamice. XAMPP este utilizat în principal pentru dezvoltarea proiectelor web, acesta fiind disponibil pentru Microsoft Windows, Mac OS X și Solaris. Este utilizat pentru crearea paginilor dinamice, utilizând limbaje de programare precum PHP.

XAMPP a fost creat pentru a permite programatorilor web să își testeze aplicațiile pe calculatoarele proprii, fără a avea nevoie de acces la internet. În practică XAMPP este utilizat pentru a servi pagini web în World Wide Web. Programul XAMPP asigură suport pentru crearea și manipularea bazelor de date în MySQL și SQLite.

Adresa de localhost a serverului XAMPP poate fi tratată ca un server la distanță, prin conectare utilizând protocolul client FTP. [10]

1.7. Programe web utilizate

Adobe Dreamveawer CS6

Adobe Dreamweaver  (cunoscut anterior ca Macromedia Dreamweaver) este o aplicație de dezvoltare web a companiei americane Adobe Systems. Este disponibilă atât pentru MS Windows, cât și pentru Apple Mac OS. Versiunile recente includ suport pentru tehnologii web cum ar fi CSS, JavaScript, PHP, Cold Fusion, cât și cadre ASP.

Dreamweaver are un mare succes încă de la sfârșitul anilor 1990 și momentan deține aproximativ 80 % din piața editoarelor HTML. Produsul poate fi rulat pe variate platforme software: Mac OS, Windows, dar suportă în același timp și platforme UNIX cu ajutorul unor emulatoare software cum ar fi Wine. [11]

2. Site-ul de prezentare Magazin Online de telefoane mobile

În acest capitol este prezentat modul în care a fost implementat site-ul destinat magazinului online de telefoane mobile.

2.1. Structura bazei de date

Figura 2.1.1. ilustrează structura bazei de date si legăturile dintre tabele.

Figura 2.1.1. Structura bazei de date

Baza de date conține 6 tabele:

admin – administrarea site-ului, adăugarea, ștergerea, modificarea produselor; câmpuri existente în această tabelă sunt: id, admin, username, password;

members – reține informațiile introduse de către utilizatori în momentul înregistrării; câmpuri existente în această tabelă sunt: id, name, nick_name, email, password;

customers – înregistrează adresa, e-mail, nume, număr de telefon a clienților;

orders – reține informații despre comenzi; câmpuri existente în această tabelă sunt: serial, date, customer id;

order_detail – reține informații despre comenzi în detaliu; câmpuri existente în această tabelă sunt: order id, product id, quantity, price;

products – stochează informații despre fiecare produs existent; câmpuri existente în această tabelă sunt: serial, name, description, price, picture.

Conexiunea cu baza de date se realizează in fișierul db.php, care este inclus in fiecare pagina php.

Cod exemplu pentru conexiunea la db.php :

<?php

@mysql_connect("localhost","root","1234") or die("Connection Failed");

@mysql_select_db("telefoanemobile") or die("Connection Failed");

session_start();

?>

2.2. Structura proiectului

Structura proiectului constă din mai multe fișiere .php, fiecare având un rol bine-definit în cadrul proiectului. Un fișier .css responsabil de aspectul tuturor elementelor de pe pagină, directoarele “images” și “js ” care conțin imaginile afișate în galeria foto, precum și fișierele JavaScript, necesare la realizarea galeriei de imagini aflată pe pagina principală.

Fișierul index.php conține elementele existente în antetul și subsolul fiecărei pagini.

Fișierul “index.php” conține:

elementul <title> care conține titlul paginii(care este afișat în browser);

script-uri JavaScript;

elementul <link> definește legătura dintre document și fișierul CSS;

logo-ul;

Figura 2.2.1. ilustrează structura proiectului.

Figura 2.2.1. Structura proiectului

2.3. Nivele de acces

Arhitectura magazinului online este organizată pe trei nivele de acces:

Nivelul 0 – este specific utilizatorului normal, doar cu posibilitate de vizualizare a produselor existente și a prețurilor;

Nivelul 1 – este specific utilizatorului logat, și are următoarele posibilități: vizualizare, adăugare opinii, adăugare produse în coșul de cumpărături, modificare produse în coșul de cumpăraturi, modificarea numărului de produse din coșul de cumpărături, plasare comandă produse;

Nivelul 2 – este specific administratorului magazinului online, cu acces la toate bazele de date cu posibilitate de adăugare/ștergere produse, modificare prețuri, modificare specificații produse.

2.4. Funcționalitățile site-ului

Acesta descrie fiecare pagină a site-ului cu funcționalitățile aferente. Site-ul este alcătuit din următoarele pagini:

Pagina principală

Pagina destinată afișării produselor

Pagina Contul meu

Pagina Înregistrează-te

Pagina de contact

Din aceste pagini utilizatorul poate fi direcționat spre alte pagini, la accesarea unor elemente.

2.4.1. Pagina principală

Figura 2.4.1.1. Pagina principală

Pagina principală conține un meniu care direcționează utilizatorul spre paginile: Acasă, Produse, Contul meu, Înregistrează-te și Contact.

Codul pentru realizarea meniului principal:

<div id="navbar">

<ul id="menu">

<li><a href="index.php">Acasa</a></li>

<li><a href="produse.php">Produse</a></li>

<li><a href="cosul_meu.php">Contul meu</a></li>

<li><a href="inregistrare.php">Înregistrează-te</a></li>

<li><a href="contact.php">Contact</a></li>

</ul>

Elementul “logo” face parte din fișierul “index.php”. La accesarea logo-ului acesta ne direcționează spre pagina principal.

2.4.2. Autentificarea

Codul sursă pentru autentificare:

<?php

define ("DB_HOST", "localhost"); // set database host

define ("DB_USER", "root"); // set database user

define ("DB_PASS",""); // set database password

define ("DB_NAME","shopping"); // set database name

// verifica daca exista date transmise

if ($_POST['nick_name'] != "" && $_POST['password'] != '') {

// preia datele din formular

$username = $_POST['nick_name'];

$password = md5($_POST['password']);

// formeaza si executa query-ul de select din baza de date

$query = "SELECT * FROM `members` WHERE `nick_name` = '".$username."' AND `password` = '".$password."'";

$result = mysql_query($query) or die ( "Error : ". mysql_error() );

// verifica daca interogarea MySQL a gasit date valide

if ($result || mysql_num_rows($result) < 1) {

// daca nu, afiseaza un mesaj de eroare

echo "Datele introduse sunt incorecte<br>

Click <a href='index.php'>aici</a> pentru a reveni la pagina de login";

} else {

// salveaza username-ul si parola in sesiune

$_SESSION['username'] = $username;

$_SESSION['password'] = $password;

// afiseaza un mesaj de succes

echo "Autentificarea a fost efectuata cu succes.";

}

}

?>

Figura 2.4.2.1. Login

Pentru deconectare se accesează butonul Logout, utilizaatorul fiind direcționat spre pagina principală.

Codul sursă:

unset($_SESSION['username']);

unset($_SESSION['level']);

session_destroy();

header("Location: index.php");

exit;

Prin accesarea butonului de Înregistrează-te, utilizatorul este direcționat spre pagina de înregistrare.

Figura 2.4.2.2. Formular înregistrare

Datele introduse în campurile formularului de înregistrare sunt stocate in baza de date.

Formularul de înregistrare, secvență cod:

<form name="frmregister"action="registerAction.php" method="post" onSubmit="return validate();" >

<table class="form" border="0">

<tr>

<th><label for="name"><strong>Nume:</strong></label></th>

<td><input class="inp-text" name="name" id="name" type="text" size="30" /></td>

</tr>

<tr>

<th><label for="name"><strong>Nick Name:</strong></label></th>

<td><input class="inp-text" name="nick_name" id="nick_name" type="text" size="30" /></td>

</tr>

<tr>

<th><label for="name"><strong>Email:</strong></label></th>

<td><input class="inp-text" name="email" id="email" type="text" size="30" /></td>

</tr>

<tr>

<th><label for="name"><strong>Parola:</strong></label></th>

<td><input class="inp-text" name="password" id="password" type="password" size="30" /></td>

</tr>

<tr>

<td></td>

<td class="submit-button-right">

<input class="send_btn" type="submit" value="Submit" alt="Submit" title="Submit" />

<input class="send_btn" type="reset" value="Reset" alt="Reset" title="Reset" /></td>

</tr>

</table>

</form>

2.4.3. Produse

Această secțiune poate fi vizualizată în 3 moduri, în funcție de nivelul de acces. Vizitatorul paginii care are acces doar la vizualizarea produselor, utilizatorul care este înregistrat, si adminul care are acces la întreaga aplicație.

Produsele de pe site au asociat un nume, preț și buton ”Adăuga în coș”.

Figura 2.4.3.1. Pagină Produse

Produsele sunt împarțite pe categorii, acestea fiind extrase din baza de date.

Figura 2.4.3.2. Afișarea produselor pe categorii

Afișarea produselor pe categorii, porțiune cod:

<?php

$comanda="SELECT * FROM categorii";

$result = mysqli_query($conexiune, $comanda);

while ($categorie = mysqli_fetch_array($result)) {

echo"<li><a href='afisare_produse.php?id=".$categorie['id']."'>"

.$categorie['nume_categorie']."</a>

</li>"; }?>

2.4.4. Coșul de cumpărături

În această secțiune se pot vizualiza/modifica produsele adăugate în coș, totalul comenzii este afișat automat.

Figura 2.4.4.1. Coșul de cumpărături

Accesând butonul “Continuă sa cumperi”, utilizatorul poate opta între a continua cumpărăturile sau a plasa comanda.

În momentul plasării comenzii, produsele cumpărate, precum și cantitățile sunt introduse în tabela order_detail.

2.4.5. Finalizarea comenzii

Este necesară completarea unui formular, acesta finalizat va trimite concomitent comanda prin e-mail.

Trimiterea email-ului, cod sursă:

@mail($email_to, $email_subject, $email_message, $headers);

Figura 2.4.5.1. Finalizarea comenzii

Finalizare comandă, secvență cod:

<?php

include("includes/db.php");

include("includes/functions.php");

if(isset($_REQUEST['command']) && $_REQUEST['command'] == 'update'){

$name=$_REQUEST['name'];

$email=$_REQUEST['email'];

$address=$_REQUEST['address'];

$phone=$_REQUEST['phone'];

$result=mysql_query("insert into customers values('','$name','$email','$address','$phone')");

$customerid=mysql_insert_id();

$date=date('Y-m-d');

$result=mysql_query("insert into orders values('','$date','$customerid')");

$orderid=mysql_insert_id();

$max=count($_SESSION['cart']);

for($i=0;$i<$max;$i++){

$pid=$_SESSION['cart'][$i]['productid'];

$q=$_SESSION['cart'][$i]['qty'];

$price=get_price($pid);

mysql_query("insert into order_detail values ($orderid,$pid,$q,$price)");

}

die('Multumim! ati plasat comanda!');

} ?>

2.4.6. Modul admin

Dacă nivelul de acces al utilizatorului este 2, atunci avem posibilitatea de a șterge, modifica și adăuga produse.

if (isset($_SESSION['level'])){

if($_SESSION['level']=='2'){

echo"<button type='button'>

<a href='deleteprod.php?id=".$produs['id']."'>Sterge</a>

</button>

<button type='button'>

<a href='updateprod.php?id=".$produs['id']."'>Modifica</a>

</button>"; }}

La adăugarea unui produs în baza de date, o copie a imaginii se salvează într-un director, iar url-ul este introdus în câmpul images al tabelei products.

$comanda2= "SELECT imagine FROM produse WHERE id='".$product_id."'";

$result2= mysqli_query($conexiune, $comanda2);

while($row = mysqli_fetch_array($result2))

{

$img_to_delete=$row['imagine'];

unlink($img_to_delete);

$img_to_delete2=$row['imagine2'];

unlink($img_to_delete2);

}

$comanda = "DELETE FROM produse WHERE id =".$product_id;

$result= mysqli_query($conexiune, $comanda);

Instrucțiunea pentru modificarea datelor unui produs:

$comanda="UPDATE produse

SET nume='".$nume."' ,

pret='".$pret."',

descriere='".$descriere."'

WHERE id=".$id;

mysqli_query($conexiune, $comanda);

2.4.7. Secțiunea Contact

Selectând opțiunea Contact din meniu, utilizatorul este direcționat câtre pagina de Contact, acesta având un formular pentru trimiterea de mesaje către administratorul site-ului.

Figura 2.4.7.1. Secțiunea Contact

2.4.8. Logo

De la prima accesare a Magazinului Online utilizatorul poate observa cu ușurință logo-ul, cu care poate naviga prin intermediul browseru-lui.

În partea din stânga-sus se află Logo-ul magazinului.

Figura 2.4.8.1. Logo

Funcționalitatea principală a acestui Logo, pe langă cea de marketing, este aceea de a redirecționa clientul către pagina principală, printr-un simplu click cu ajutorul următorului cod:

<a href="index.php" class="tooltip" title="www.MagazinulMeu">Magazin Online <img src="imagini/logo.jpg"></a>

Cu ajutorul căsuței de căutare, așezată în partea din dreapta-sus a paginii, clientul poate căuta produsele dorite in funcție de producător sau denumire.

Figura 2.4.8.2. Căsuța de căutare

Motorul de căutare accesează de asemenea toată baza de date și returnează utilizatorului produsele in funcție de cuvântul cheie căutat.

Concluzii

Magazinul virtual este un tip de afacere care oferă facilități atât clienților cât și ofertanților. El asigură accesul la bunuri și servicii indiferent de locația geografică, fiind disponibil 24 de ore din 24.

Aplicația ”Magazin online de telefoane mobile” prezentată oferă funcționalitățile necesare gestionării unui magazin online. Interfața aplicației este una simplă, are ca efect ușurarea utilizării aplicației atât de către clienți, cât si de admin.

Cu ajutorul tehnologiilor folosite am realizat partea de funcționalitate, cât și cea de design a aplicației. În lucrare am folosit aceste technologii deoarece acestea fiind open-source sunt accesibile din punct de vedere al dificultății și al costurilor.

Aplicația prezentată oferă posibilitatea unei dezvoltări ulterioare. O posibilă dezvoltare ar fi designul adaptiv, care este pe departe cea mai bună soluție oferind griduri fluide, flexibilitatea imaginilor și interogări media.

Bibliografie

[1] – Popa, S., Introducere in Internet, Editura Teora, București, 1995

[2] – http://ro.wikipedia.org/wiki/HyperText_Markup_Language

[3] – http://www.w3.org/TR/2011/WD-html5-diff-20110405/

[4] – http://ro.wikipedia.org/wiki/Cascading_Style_Sheets

[5] – http://rria.ici.ro/ria2005_3/art04.html

[6] – http://www.techotopia.com/index.php/An_Overview_of_PHP#Summary

[7] – http://en.wikipedia.org/wiki/JavaScript

[8] – http://vechi.upg-ploiesti.ro/col/ldumitrascu/pdf/JAVASCRIPT/JAVASCRIPT.pdf

[9] – http://ro.wikipedia.org/wiki/MySQL

[10] – http://ro.wikipedia.org/wiki/XAMPP

[11] – http://ro.wikipedia.org/wiki/Adobe_Dreamweaver

Similar Posts