APLICAȚIE WEB -E-commerce [624133]

1

FACULTATEA DE AUTOMATICĂ ȘI CALCULATOARE
DEPARTAMENTUL DE AUTOMATICĂ

APLICAȚIE WEB -E-commerce

PROIECT DE DIPLOMĂ

Autor: Răzvan Roatiș -Șipoș
Coordonator: Prof.dr.ing.Honoriu Vălean

2016

2

FACULTATEA DE AUTOMATICĂ ȘI CALCULATOARE
DEPARTAMENTUL DE AUTOMATICĂ

Decan, Vizat,
Prof.dr.ing.Liviu Miclea Director Departament
Prof.dr.ing.Holoriu Vălean

Autor Răzvan Roatiș -Șipoș

APLICAȚIE WEB -E-commerce

1.Enunțul temei: Acest proiect de magazin virtual se dorește a fi un ajutor în ceea ce
privește cumpărarea de produse IT și să sprijine comerțul online spre dezvoltare.

2.Conținutul proiectului: Introducere , studiu bibliografic , analiză și proiectare ,
implementare , testare și validare , concluzii , bibliografie

3.Locul documentației: Universitatea Tehnică din Cluj -Napoca

4.Consultanț i: Diana Sab ău

5.Dat a emiterii temei: 10.12.2015

6.Data predării temei : 24.06.2016

Semnătura autorului_________________

Semnă tura coordonatorului___________

3

FACULTATEA DE AUTOMATICĂ ȘI CALCULATOARE
DEPARTAMENTUL DE AUTOMATICĂ

Declarația autorului,

Subsemnatul Răzvan Roatiș -Șipoș , student: [anonimizat],
Universitatea Tehnică din Cluj -Napoca, declar că ideile, analiza, proiectarea, implementarea,
rezultatele și concluziile cuprinse în acest proiect de diplomă constituie efortul meu pro priu, mai
puțin acele elemente ce nu îmi aparțin, pe care le indic și recunosc ca atare.
Declar de asemenea că, după știința mea, lucrarea în această formă este originală și nu a
mai fost niciodată prezentată sau depusă în alte locuri sau alte instituții decât cele indicate în mod
expres de mine.

Data: Autor: Răzvan Roatiș -Șipoș
Număr matricol: 21021063
Semnătura______________

4

SINTEZA
proiectului de diplomă cu titlul:

Aplicație Web -E-commerce

Autor: Răzvan Roatiș -Șipoș
Coordonator : Prof.dr.ing.Honoriu Vălean

1.Cerințele temei:
Crearea unui magazin virtual pe partea de e -commerce, care să ofere utilizatorilor de
internet posibilitatea de a cumpăra online diverse mo dele de laptopuri , componente ale acestor a
și nu în ultimul rând jocuri fără a depune prea mult efort .

2.Soluții alese:
Pentru creearea acestui site am folosit ca mediu de dezvoltare Webstorm 2016 versiunea 1.3. Pe
partea de baze de date și server am folosit Fireba se datorită performanțelor foarte bune și a
actualizării informațiilor în timp real.

3.Rezultate obținute:
Cu ajutorul tehnologiilor pe care le -am enunțat mai sus , am realizat un magazin virtual care dă
posibilitatea vizitatorilor să filtreze produsele în funcție de ceea ce doresc iar într -un final să le
adauge în coș pentru a fi achiziționate.Acest magazin virtual accesează informații din baza de
date în timp real.

4.Testări și verificări:
Am verificat ca orice acțiune sau opțiune ar putea să o aleagă un vizitator să funcționeze potrivit
asteptărilor lor.

5.Contribuții personale:
Autorul a realizat o analiză a nevoilor și doleanțelor vizitatorilor, a creat un site cât mai atractiv și
în același timp ușor de utilizat care este legat la o bază de date ca re la rândul ei a fost
implementată de acesta.

6.Surse de documentare:
Internetul, biblioteci online , site -uri de profil pentru dezvoltare , tutoriale online , etc

Data: Semnătu ra autorului_____________

Semnătura coordonatorului__________

5

Cuprins

Capitolul 1 INTRODUCERE………………………………………………………….. ……………………… 6
1.1 Utilizarea internetului în lume și în România…………………………………… ……………….. 6
Capitolul 2 STUDIU BIBLIOGRAFIC………………………………………………….. ………………… 8
2.1 M arketingul…………………………………………………………………………………. ………………… 8
2.1.1Markentingul Online…………………………………………………………. ………………. 10
2.2 Afaceri Onli ne…………………………………………………………………………….. ………………… 11
2.2.1 Categorii de afaceri online……………………………………………….. ………………. 12
2.2.2 Pașii pentru crearea unei afaceri online…………………………….. ………………. 14
2.2.3 Modalități de plată în afacerile online……………………………….. ………………. 14
2.3 E -commerce generalități………………… ……………………………………………. ……………….. .15
2.3.1 Dezvoltarea E -commerce -ului în România………………………… …………….. .16
2.4 Baze de date…………………………………………………………. ……………………. ……………….. .19
2.4.1 Generalități……………………………………………………………………. ………………. .19
2.4.2 Sisteme de baze de date……………………………………………….. ………………….. ..22
2.4.3 Sisteme de gestiune a bazelor de date……………………………….. ………………. ..22
2.4.4 Firebase………………………………………………………………………… ……………… ..24
2.5 Tehnologii de back -end și front -end folosite………………………………….. ……………….. ..25
2.5.1 Node.JS………………………………………………………………………… ………………. ..25
2.5.2 HTML……….. ………………………………………………………………… ………………. …27
2.5.3 CSS……………………………………………………………………………… ………………. …27
2.5.4 JavaScript……………. ……………………………………………………… ………………. …28
Capitolul 3 ANALIZĂ și PROIECTARE……………………………………………. ………………… …29
3.1 Analiză……………………………………………………………………………………. ………………… …29
3.2 Ar hitectura aplicației………………………………………………………………… ………………… ..30
3.3 Proiectare………………………………………………………………………………. ………………… ….31
Capitolul 4 IMPLEMENTARE………………………………………………………… ………………… …33
4.1 Implementare baza de date……………………………………………………….. ………………… …33
4.2 Implementare ap licație…………………………………………………………….. ………………… …40
Capitolul 5 TESTARE și VALIDARE…………………………………………………………………. …49
Capitolul 6 CONCLUZII…………….. …………………………………………………………………… …59
Bibliografie………………………………………………………………………………………………….. …..60

6

Capitolul 1 INTRODUCERE

1.1 Utiliza rea internetului în lume și în România

Cea mai importantă descoperire a secolului XX este apariția internetului, iar asta se
datorează într -u totul americanilor care din nev oia și dorința de a crea o interconexiune î ntre
calculatoare pentru studiu ,comunicare și pentru a putea transfera date mult mai ra pid și mai
simplu, au făcut acest lucru posibil la începutul anului 1969 [1].
Ce este defapt internetul? Internetul este o rețea sau mai bine zis o mulțime de rețele mici
prin care se plimbă informația de orice fel , cum ar fi de exemplu:imagini , muzică sau text.
Chiar la începuturi , internetul nu a fost nimic mai mult decât o rețea de patru
calculatoare conectate între ele , aceste patru calculatoare aparțineau Universităților din Los
Angeles , Santa Barbara , Utah și Institut ul de cercetare din Stanford.Odată cu trecerea timpului
si alți oameni de stiință și -au arătat interesul legat de internet, dar fiindcă la vremea aceea
deținerea si întreținerea unui calculator era destul de costisitoare , aceștia au văzut un avantaj în
folosirea unei rețele comune [1].
Din acea vreme și până și în ziua de azi, la baza internetului se găsește transmisia de date
TCP/IP ( Transmission Control Protoco / Internet Protocol ), datorită ei calculatoare de diferite
tipuri și modele sunt compatibile în tre ele chiar dacă acestea operează pe sisteme de operare
diferite cum ar fi Windows , Unix sau MacOS.
Primele servicii de internet au apărut pe la începutul anilor 70 , acestea sunt File Transfer
Protocol pentru transferul informatiei , Telnet este folo sit pentru baze de date și biblioteci , iar
pentru a putea trimite mesaje si informatii avem E -mail.
Accesul oamenilor de rând , nu doar al cercetătorilor la imagini , muzică sau text , cu alte
cuvinte internet are loc odat ă cu apariția aplicației www , prin care oricine avea acces la site -uri
web , iar totodată cu acest p as internetul a devenit din ce î n ce mai comercial .
Numărul de calculatoare conectate la internet după anul 1990 era într -o creștere continua
,astfel s -a ajuns ca 300.000 de calculatoar e să fie conectate la 3.000 de rețele prin intermediul
internetului, iar de atunci internetul s -a dezvoltat d in ce în ce mai mult ajungând să se dubleze
numărul de calculatoare conectate la internet în fiecare an.
Fiecare calculator care este conectat la i nternet are o adresă de ip unică formată din patru
numere mai mici decat 255 , cum ar fi de exemplu 192.168. 0.1 , aceste numere care formează
adresa sunt depărțite de ‘.’ .

7

Pentru a facilita modul în care calculatoarele sunt legate la internet și pentru o utilizare
cât mai amplă , numele și adresa acestora sunt introduse și memorate în baza de date aranjate
ierarhic.Cum ar fi de exemplu domeniile oranizaționale:

 .edu → Instituții de învățământ
 .com → Entități comerciale
 .net → Resurse pentru rețea

Pe lângă domeniile enunțate mai sus și anume cele organizaționale mai există și
domeniile geografice,astfel încât orice țară care este înafara Statelor Unite ale Americii are câte
un cod unic , propriu prin care este recunoscută.Câteva exemple ar fi :

 .de → aparține Germaniei
 .uk → aparține Angliei
 .ro → aparține României

În România internetul și -a făcut apariția prin anii 90 mai exact în 1993 , cu toate astea
România a fost printre ultimele țări europe la acest capitol pe vreme aceea. După anul 1993 care
avea să producă un impact major asupra comunicațiilor și transferului date în România au apărut
și primele licee care au avut parte de primele calculatoare și bine înteles odata cu acestea
conexiune la internet [2].
Cuvinte precum calculat or și internet înainte de revoluție pentru noi toți românii erau
doar niște neologisme , însă odata cu apariția domeniului ro s-au înmulțit și furnizorii de internet
, iar toate astea au dus catre o evolutie rapida a internetului în România.Deși la începu tul anilor
90 România era codașă la capitolul internet , astăzi are o viteză la conexiunea de internet care o
duce pâna pe locul 4 în lume.
Potrivit Biroului Român de Audit Transmedia , România a ajuns în ziua de azi să aibă
aproape 10 milioane de utilizat ori de internet , dintre care mai bine de jumătate dintre aceștia
sunt zilnic conectați la intenet fie pe rețele de socializare , mass media sau pur și simplu pentru
informație [2].

8

Capitolul 2 STUDIU BIBLIOGRAFIC

2.1 Marketingul

Alături de internet , marketingul a fost de asemenea o descoperire foarte importantă a
secolului XX , realizată de puținele firme din acea perioadă care au ajuns atunci la anumite
cunoștințe teoretice , iar în cele din urmă le -au pus și în practică.
Ce este Marketingul? O în trebare pusă foarte frecvent și la care avem o gramadă de
răspunsuri și de definiții.Așadar prima definiție a marketingului a fost dată de către Comitetul de
Definiții al Asociației Americane de Marketing (AMA) prin anul 1986 și este în felul următor:
“ Marketingul este procesul de planificare și executare a activităților de concepere ,
stabilire a prețului, promovare și distribuire a ideilor, bunurilor și serviciilor, în scopul realizării
unor schimburi care să satisfacă obiective individuale și organizați onale .” [3]
O altă definiție cunoscută este dată de un cunoscut profesor și specialist de marketing pe
nume Philip Kotler , a cărui definiție sună așa:
“ Marketingul reprezintă un proces social și managerial prin care grupurile sau indivizii
obțin ceea ce l e trebuie sau iși doresc prin crearea și schimbul de produse ori valori cu alte
grupuri și indivizi.”
Din partea specialiștilor economici români avem parte de asemenea de o definiție a
marketingului , mai exact aceasta vine de la profesorii catedrei de ma rketing din cadrul
Academiei de Studii Economice București care au publicat această definiție în lucreara “
Marketing” undeva prin anul 1992. Definiția lor este următoarea “ Maketingul reprezintă o
concepție modernă în orientarea întreprinderilor , concret izată într -un ansamblu coerent de
activități practice programate și organizate prin utilizarea unor metode și tehnici științifice.” [3]
Parerea mea este că marketingul este o știință pe care o întreprindere o are în a -și dirija
toate eforturile și resursele c ătre satisfacerea clienților ei , împreună cu realizarea profitului
acesteia.
După cum spuneam și mai sus o firmă este dependentă de clienți.Ce este clientul? Un
client este cea mai importantă resursă pentru o firmă și pentru fiecare angajat al acesteia.C lientul
este scopul activității unei firme , astfel că nu clientul depinde de firmă ci firma este cea care
depinde de client.
O firmă care vrea să își păstreze clientela trebuie să analizeze pas cu pas așteptările
acestora , performanțele pecepute de clie nți și nu în ultimul rând gradul de satisfacție a clienților.
Marketingul este un ansamblu de decizii și activități referitoare la mixul de
marketing.Mixul de marketing este format din 4 variabile foarte importante:

9

 Produsul
 Prețul
 Distribuția
 Promovare a
Cei care practică aceste activități de marketing se numesc marketeri , dar de asemenea
marketingul poate fi practicat și de organizații din orice domeniu de activitate , atât din sectorul
așa numit lucrativ cât și din cel non profit.
Tipuri de marketing sectorial:
 Marketing industrial
 Marketing politic
 Marketing educațional
 Marketing cultural
 Marketing religios
 Marketing online
De asemenea marketingul este un anume proces care presupune un schimb între două sau
mai multe părți și are trei condiții de ba ză.
1. Cele două părți trebuie să fie capabile să comunice între ele fără nicio problemă
2. Ambele părți trebuie să dețină o valoare sau un bun pe care cealaltă parte și -o dorește
3. Acestea trebuie să poată renunța la valoarea lor pentru a putea obține valoarea ca re o
doresc de la cealaltă parte.

În schema de mai sus avem ciclul de vânzare -cumpărare a unui produs , de care cu
siguranță toți dintre noi ne lovim de el zilnic.

10

2.1.1 Marketingul online

Dintre tipurile de marketing enumerate mai sus pe noi cel ma i mult ne interesează
marketingul online.
Ce este marketingul online? Marketingul online înseamnă maximizarea profitului și de
asemenea creșterea potențialului afacerii prin încărcarea acesteia sau a unui produs pe internet
pentru a putea fi vazută de cât mai multi posibili viitori clienți.
Un avantaj al marketingului online este că nu necesită bani mulți pentru a -ți face
cunoscută afacerea sau pentru a începe o afacere de la zero în mediul online.E nevoie de acest tip
de marketing pentru o comunicare mai bună cu clienți sau pentru promovarea afacerii respectiv
al produsului pe care o companie sau firmă dorește sa îl vândă. [4]
Clientul este factorul cel mai important pe care o firmă trebuie sa îl ia în considerare
atunci când își construiește politica de mar keting , tocmai de aceea avem 3 lucruri importante de
care trebuie să ținem cont în acel moment.
Primul lucru este comunicarea.Este esențial ca timpul de răspuns să fie cât mai mic într –
un dialog cu clientul.Tocmai de aceea E -mailul este considerat cea mai bună cale de comunicare
între firmă și client.
Un al doilea lucru de care trebuie să ținem cont ar fi resursele umane.În momentul în care
vei reuși să atragi cât mai mulți clienți pe site ,iar afacerea online să aibă un succes mare , trebuie
să fii în stare să răspunzi oricărui client care are întrebari,adică să ai personal destul care să facă
asta 24 din 24 de ore astfel încât timpul de răspuns să nu fie prea mare deoarece ar putea afecta
afacerea pe viitor. [4]
Al treilea lucru important care trebuie l uat în considerare este produsul pe care vrei să îl
promovezi , respectiv să îl vinzi.Asta înseamnă că produsul trebuie să fie exact ceea ce clienți
caută și să se plieze cât mai bine pe nevoile acestora.
Marketingul online are un impact semnificativ asup a unei companii deoarece acestea pot
trăi de pe urma veniturilor online așa cu cum fac marea majoritate a firmelor , dar mai există la
polul opus și companii care deși au parte de marketing online nu iși pot realiza veniturile de
asemenea online. Un exempl u pentru aceasta situație ar fi companiile care vând mașini , au o
pagină web de unde poți culege informații despre mașina pe care dorești să o achiziționezi sau
unde poți pune întrebări în legătură cu aceasta , dar e foarte puțin probabil ca să o poți cum păra
direct de pe site. [4]
În ziua de azi , o companie trebuie sa fie pregătită pentru schimbări , deschisă către nou ,
să țină pasul cu tehnoligia și să privească mereu spre viitor dacă dorește să supraviețuiască și să
prospere.

11

Ne dăm seama cât de importa nt este pentru o firmă sau o companie să fie în mediul
online și să aibă parte de marketing online deoarece acestea merg mână în mână pentru o
funcționare și dezvoltare propice acestor firme.

2.2 Afacerile online

Impactul internetului asupra utilizator ilor este clar și se poate observa că mai nou și tot
mai des aceștia apelează la el , când au nevoie să cumpere ceva , deoarece au început sa aibă
încredere mai mare în produsele puse pe net decât în cele care le sunt prezentate în mod
tradițional.
O afac ere online poate fi pornită între doi parteneri care se află în colțuri opuse ale țării
sau chiar ale lumii prin intermediul unui calculator, iar costurile sunt destul de mici , însă profitul
este considerabil. [5]
În ceea ce ne privește pe noi românii și spa țiul virtual de la noi , la început nu am fost
prea deschiși la ideea de magazine online, dar cu timpul am ajuns și noi să ne facem
cumparăturile în mediul online din ce în ce mai des , deoarece câștigăm mult mai mult timp și
depunem mai pușin efort.
Bene ficiile pe care internetul le aduce atât oamenilor de mar keting cât și companiilor sunt
câștigurile anuale mai însemnate prin intermediul marketingului online , iar internetul ajută
aceste companii sa atingă patru obiective importante în vederea supraviețu irii lor.
Primul obiectiv ar fi intrarea pe piață , companiile trebuie să își facă cunocut brandul și
produsele pe care le promovează față de consumatorii care se află deja pe piață.
Cel de al doilea obiectiv ar fi extinderea pieței , firmele care deja d eja s-au făcut
cunoscute pe anumite piețe cum ar fi cele locale , internetul le permite șansa de a se dezvolta
către piețe internaționale. [5]
Un al treilea obiectiv este dezvoltarea produselor , apariția unor produse noi sau
promovarea lor se poate face dire ct pe internet, de unde acestea să poată fi achiziționate direct.
Ultimul obiectiv pentru aceste companii este diversificarea produselor , deoarece
consumatorii în momentul în care se vor sătura de un produs , vor căuta ceva nou , inovativ ,
tocmai de ace ea o firmă trebuie să aibă în vedere și să diversifice produsele pe care le pune la
dispoziția clienților.

12

2.2.1 Categorii de afaceri online
Aria afacerilor online este una foarte mare, vastă și împărțită in multe categorii.Cea mai
importantă categori e din mediul afacerilor online este de departe comerțul electronic cunoscut
sub numele de e -commerce.
Ce presupune comerțul electronic? E -commerce -ul reprezintă acțiunea de vânzare –
cumpărare sau schimb a unui produs sau a unui serviciu cu ajutorul calcula toarelor și bineînteles
a internetului.
O altă categorie importantă a mediului de afaceri online este e -business -ul , această
categorie nu se rezumă doar la partea de cumpărare și vânzare a unui produs , ci presupune și
conducerea unei companii cu ajutoru l calculatoarelor și uneori într -o colaborare cu alți oameni
de afaceri.
Pentru a conduce o afacere electronică , aceasta trebuie să îndeplinească anumite criterii ,
cum ar fi:
 Să fie online
 Să se poată plasa comnda online
 De asemenea să se poată achita on line
 Să fie capabilă trimiterea sau predarea produsului online
Am văzut mai sus ceea ce înseamnă comerțul electronic , însă acesta nu ar putea să se
desfășoare dacă nu ar avea un mediu propice , un mediu care să -i permită să se dezvolte pe zi ce
trece , ac est mediu este locul unde toți clienți și vânzătorii se găsesc, unde aceștia pot schimba
păreri și produse pentru o anumită sumă de bani , așadar acest mediu este piața virtuală.
În continuare voi enumera câteva din cele mai importante tipuri de afaceri onl ine:
 Business to Costumer
 Costumer to business
 Costumer to Costumer
 Business to Business
 E-learning
 E-working
 E-mailing
 E-banking
 M-commerce
 E-trading
 E-leasing
 Government to costumer
 Governm ent to business [5]

13

Acum le vom lua pe fiecare pe rând pentru a ne face o idee cam ce înseamnă toate tipurile
de afaceri online enumerate mai sus.
Primul tip pe care îl vom aborda este cel de business to costumer , acesta este cel mai
frecvent tip de afacere , deoarece presupune ca o companie să aibă un magazin online de unde
orice persoană sa poată achiziționa un produs ori un serviciu , iar înainte de a cumpăra
respectivele produse aceștia să se poată informa despre ele , să poată vedea eventualele oferte
oferite de companie sau discounturi și în cazul în care se hotărăs c să cumpere plata să se poată
face online pe site -ul respectiv.Aceste magazine online sunt formate în spate dintr -un site și o
bază de date care sunt administrate continuu de către firmă , deoarece datele care sunt stocate
trebuie să fie actualizate mereu în cazul vânzării unui produs sau serviciu.Clienți trebuie să fie
mereu informați , în timp real dacă un produs mai este pe stoc sau nu.Un exemplu de magazin
onlin ar fi www.emag.ro .[5]
Tipul costumer to business se referă la persoanele sau clienți propriu ziși care cu ajutorul
internetului reușesc să își vândă produsele sau serviciile online , firmelor doritoare sau care au
nevoie de produsul respectiv.
Costumer to costumer este tipul de afacere online în care consumatori i cumpără unii de la
alți produse fără a exista o companie la mijlocul tranzacției.Un astfel de site ar fi www.okazii.ro .
Un al tip de afacere este business to business , ca și în cazul de costumer to costumer
unde co nsumatorii își vând între ei , aici e vorba despre un comerț în care sunt implicate doar
companiile.Acest tip de afacere se bazazează cel mai mult pe schimbul de informații și date
referitoare la un anumit produs sau serviciu pe care firmele îl au între el e.Schimburi de opinii
legate atât de piețele locale cât și de cele internaționale pe care orice firmă își dorește să pătrundă
cât mai repede cu putință. [5]
Platformele de E -learning sunt de asemeanea o categorie puternică de afaceri online ,
acestea vin în s prijinul sistemelor educaționale tradiționale.În aceste zile, în care timpul este din
ce în ce mai prețios pentru fiecare dintre noi ,iar generațiile din ziua de azi petrec cel mai mult
din timpul lor pe calculator respectiv pe internet, platformele de E -learning sunt numai bune
pentru a accesa resurse materiale și informații , astfel elevii ar putea folosi internetul si timpul
într-un mod mult mai constructiv.Alte avantaje ale acestor platforme pe lângă accesibilitate ar fi
flexibilitatea și bineînteles co nfortul , deoarece elevi preferă să stea acasă pe calculator în loc să
meargă la bibliotecă pentru a avea parte de anumite resurse.
Niște exemple de paltforme de E -learning ar fi www.moodle.com și www.docebo.com ,
astea ar fi unele din cele mai cunoscute la noi în România.
E-working -ul reprezintă platformele virtuale ale unor întreprinderi , la fel ca și cele de E –
learning , acestea au fost create pentru a dinamiza creșterea ace tor întreprinderi.

14

2.2.2 Pașii pen tru crearea unei afaceri online
La fel ca și pentru pornirea la drum cu o afacere normală avem aceeași pași și când vine
vorba de crearea uneia online.Acești pași sunt:
 Cercetarea afacerii online
 Cunoașterea posibilelo r riscuri
 Proiectare
 Creare
 Reclama
 Administrarea

2.2.3 Modalități de plată în afacerile online

Pentru a mulțumi clientul și pentru a face ca afacerea ta online să fie privită cât mai bine
trebuie să le oferi acestor mai multe posibilități de achitare a produserlor sau a serviciilor pe care
aceștia le cumpără. Cele mai folosite sunt:
a) Cărțile de credit
b) Paypal
c) Cecuri electronice
d) Cybercash
e) Metode clasice de plată
După cum bine știm cu toți cel mai folosit mijloc de plată în ziua de astăzi sunt cărțile de
credit , în momentul în care clientul s -a hotărât asupra unui produs acesta completează un așa
numit formular de comandă unde introduce date legate de cardul său pentru ca firma să poată să
extragă suma echivalentă acelui produs.Pentru ca această modalitate de plată să nu aibă un
impact negativ asupra vânzărilor este de preferat ca firma respectivă să fie în colaborare sau să
aibă contracte cu cât mai multe bănci și parteneri.În cazul în care există vreo șansă de fraudă
toată responsabilitatea este mutată pe umeri organizației financiare de care aparține cardul , ceea
ce constituie un adevărat avantaj pentru client dar și pentru firmă.
Paypal -ul este un mod de plată online aproape la fel de răspândit ca și cărțile de credit ,
tot ce trebuie să facă cel care d orește să cumpere ceva este să își facă cont de Paypal și să aibă
grijă să încarce contul respectiv cu suficienți bani pentru a -și putea achiziționa produsul pe care
și-l dorește. [5]
Un alt mijloc de plată online este cecul electronic , acesta presupune ca c lientul să
dispună de un procesor care va emite un cec electronic și doar semnându -l digital acesta v -a fi
trimis mai departe spre procesare fie către banca clientului care va trebuie să își dea ok -ul pentru
tranzacție fie direct băncii de care aparține ma gazinul online .

15

2.3 E -commerce generalități

În vremurile de demult comerțul electronic era cunoscut sub formă de troc , iar apoi au
apărut primele pături sociale și odată cu acestea au apărut și banii ducând astfel comerțul la un
alt nivel.Mai tâ rziu au început să se dezvolte și telecomunicațiile , după aceea au apărut și
calculatoarele , iar internetul avea să joace un rol foarte important în comerț.
Așadar odată cu dezvoltarea internetului , firmele și companiile s -au văzut nevoite să țină
pasul cu acesta și cu noile tehnologii apărute pentru a putea supraviețui.Acum totul se întâmplă
în acest mediu online deoarece este mult mai ușor să se realizeze un schimb de date sau de
informații cu ajutorul internetului.
La fel ca și în cazul marketingului , a vem mai multe definiții pentru termenul de
ecommerce , una dintre ele spusă chiar de Comisia Europeană sună în felul următor , citez :
“ Comerțul electronic ar putea fi orice formă de tranzacție de afaceri în care părțile
interacționează electronic în loc de schimb fizic sau contact fizic direct” [6]
O definiție simplă și pe înțelesul tuturor ar putea fi că acest tip de comerț și anume cel
electronic reprezintă acțiunea de vânzare -cumpărare prin intermediul internetului.
După cum ne putem da seama comerțul elec tronic față de cel clasic are câteva elemente
tipice pentru el pe care la cel clasic nu le întâlnim cum ar fi modul în care acesta poate fi accesat
de oriunde te -ai afla , este întins la scară mondială , dialogul între client și vânzător este
interactiv , iar informația pe care acesta o pune la dispoziție este mult mai vastă și în același timp
mai complexă.
Este clar faptul ca piața virtuală este în continuă dezvoltare , iar dacă reușești să îți faci
bine conoscut magazinul tău online și reușești să tragi de partea ta câți mai mulți clienți fideli cu
produse de cea mai bună calitate vei avea parte de un succes mult mai mare decât pe piața
tradițională de comerț.

Pe această piață virtuală se derulează mai multe tipuri de comerț:
B2B = business to busine ss
B2C = business to consumer
C2B = consumer to busines
C2C = consumer to consumer
G2B = government to business
G2C = government to consumer [6]

16

2.3.1 Dezvoltarea ecommerce -ului în România

La noi până a apărut primul magazin online a trecut ceva timp , așa că românii s -au
bucurat și au văzut un prim magazin online abia prin anul 1997 datorită firmei PC Net , care se
ocupa la vremea aceea cu vânzarea de cd -uri , însă primul magazin online care avea cât de cât
introdus și conceptul de coș pentru cumpăra turi apare nu la multă vreme după cel lansat de
compania menționată mai sus. [7]
Urmând după aceste prime două magazine deschise , piața virtuală din România ușor ușor
să prindă contur ,odată cu ea crește și numărul utilizatorilor care folosesc atât calculato rul cât și
internetul.
Bineînțeles după cum era de așteptat , noi românii nu am primit cu brațele deschise
această idee de face cumpărături pe internet , nu aveam încredere în aceste site -uri și nici în
calitatea produselor puse la dispoziție de acestea.

Primul magazin online cu adevărat consistent și bine pus la punct a apărut în România în
anul 2000 sub numele de eMania , urmat la câteva luni de un magazin care și astăzi este
disponibil și se află în topul vânzărilor și vizitatorilor, acesta este Okazii.ro care undeva lumea
spune că este asemănător cu unul dintre cele mai cunoscute magazine online din lume și anume
eBay -ul.[7]
Următorul magazin online care avea să se lanseze un an mai târziu , în 2001 , este
Emag.ro care și până în ziua de azi este cel mai mare și mai tare magazin online apărut vreodată
în România.
Iată un top al celor mai vizitate magazine în momentul actual din România din toate
punctele de vedere potrivit traffic.ro:
1. www.emag.ro
2. www.okazii.ro
3. www.shopmania.ro
4. www.altex.ro
5. www.domo.ro
6. www.biggoto.ro
7. www.elefant.ro
8. www.bilete.ro
9. www.adelaida.ro
10. www.fashiondays.ro

17

După cum putem observa cel mai frecventate site -uri de către români sunt cele cu
produse IT , în topul de mai sus regasim patru astfel de magazine online.
Dezvoltarea e -commerce -ului în România poate fi urmărită în tabelul de mai jos:

Anul în care au apă rut Numărul de magazine
2000 3
2001 19
2002 43
2003 54
2004 142
2005 328
2006 589
2007 918
2008 2.215

Mai jos avem un grafic cu evoluția acestora pe parcursul anilor prezentați în tabelul de
mai sus.

După cum putem observa din graficul de m ai sus , dezvoltarea magazinelor online în
România pe piața virtuală a fost destul de constantă.
Deoarece românii continuau să fie reticenți la ideea de a face cumpărături online , din
cauza neîncrederii și a siguranței în momentul tranzacției , a apărut pe la începutul anului 2004
un sistem la cu totul alt nivel în ceea ce privește siguranța tranzacțiilor online care se numea 3D
Secure. 05001000150020002500
2000 2001 2002 2003 2004 2005 2006 2007 2008Creșterea num ărului de magazine online
în Rom ânia

18

La nivel global deja acest sistem era prezent în cateva țări cum ar fi Anglia , Germania
sau Spania , iar în România ac esta a fost conceput și implementat de către RomCard cu ajutorul
celor de la MasterCard și Visa.Băncile au fost foarte receptive la acest nou sistem și au văzut în
el oportunitatea de a se dezvolta , iar ca urmare toate băncile au început să îl preia.
După implementarea acestui sistem încetul cu încetul românii au prins curaj , astfel că în
următoarele luni aveau să aibă loc aproape trei mii de tranzacții online , dar impactul major a fost
spre sfârșitul anului când s -au realizat undeva la doua zeci de mii de tranzacții pe piața virtuală
românească , cheltuindu -se aproape patru milioane de dolari pentru aceste plăți online.
Potrivit celor de la RomCard așa au arătat ultimele luni ale anului 2004:

Luna Lei Dolari
Octombrie 419.376.301 29.287
Noiembrie 501.445.478 701.511
Decembrie 453.753.235 2.100.000

Conform unui studiu al celor de la Visa , în anul 2004 cei care erau posesori de carduri
Visa în România au realizat și încheiat mai multe tranzacții online în străinătate decât la noi în
țară, aceștia și-au îndreptat atenția spre magazinele online din America tranzacționând astfel
undeva spre patru milioane de dolari. Deși după cum spuneam înainte că noi români preferam să
cumpărăm de peste hotare , cei din străinătate la rândul lor nu prea s -au înghes uit să cumpere de
pe piața virtuală românească , tranzacțiile acestea generând o sumă puțin peste un milion de
dolari , putem spune aproape deloc comparabilă cu cea cheltuită de români în străinătate.
Un an mai târziu și anume în 2005 valoarea tranzacțiil or pe piață virtuală romnânească a
crescut simțitor , ajungându -se la o valoare de aproape 45 de milioane de dolari .Anul următor
tranzacțiile aveau să aibe iar mari fluctuații în ceea ce privește valoarea lor.Pe durata următorilor
doi ani , comerțul onlin e avea să revină pe linia de plutire care o începuse în 2005 , atingând în
2008 o valoarea de aproape 60 de milioane de euro. [7]
Așadar cam ăsta este începutul comerțului online la noi în România , însă de atunci se
află într -o continuă evoluție , iar țara n oastră trebuie să se alinieze în rând cu marile puteri
economice ale europei pentru a nu pierde pasul cu noile tehnologia și de asemenea cu
dezvoltarea economică.

19

2.4 Baze de date

2.4.1 Generalități

Bazele de date reprezintă gruparea informației sau organizarea acesteia în tabele sau alte
structuri pentru a putea fi cautată și accesată într -un timp foarte scurt ulterior.Acestea sunt defapt
pionul cel mai important în organizarea informației.
Ele sunt o colecție de date și un sistem de legături create în același fel tocmai pentru a
putea fi inteconectate între ele. Pot fi create atât manual , cât și cumpoterizat așa cum sunt mai
toate în zilele noastre.
Acestea sunt stocate într -un fișier sau dacă e cazul în mai multe fișiere , putând fi
manevrate cu intrumente de gestiune a bazelor de date.
Datele dintr -o bază de date sunt organizate astfel:
 Nivel intern
 Nivel extern
 Nivel conceptual
La nivel intern sunt datele care se află în imediata apropiere a spațiului de stocare și
reprezintă felul cum datele sunt întipărit e în sistem.În nivelul extern întâlnim datele care sunt
văzute direct de utilizatori.Nivelul conceptual este doar un nivel de intermediere între cele două
enunțate mai sus.

20

În schema de mai sus avem ilustrate toate cele 3 nivele și modul cum sunt aranj ate datele
într-o bază de date.
În funcție de structura acestora , bazele de date sunt clasificate în felul următor:
a) Baze de date ierarhizate
b) Baze de date relaționale

a) Bazele de date de tip ierarhic au fost primul tip folosit pentru dezvoltarea
acestora. Aici datele sunt structurate ierarhic și sunt conectate între ele prin legături.
Modul în care este reprezentată o bază de date ierarhică este sub forma unui arbore
aranjat pe mai multe nivele , nodurile care le conține sunt defapt înregistrările iar arcele sunt
legăturile dintre ele.
Așada r fiecare înregistrare(nod) cu excepția celei care are rolul de rădăcină are o singură
legătură către o înregistrare superioară care are rolul de părinte , iar fiecare înregistrare are una
sau mai mule legături către cele d e nivel inferior care au rolul de fii.

Avantajele acestui tip de baze de date sunt faptul că modurile de căutare a informașiilor
sunt mult mai simple și în același timp mult mai rapide.
Cu toate că acest tip de baze de date oferea acces rapid la date , avea binînțeles și unele
dezavantaje cum ar fi redundanța datelor și imposibilitatea tratării a unui subarbore ca o entitate
independentă iar în combaterea acestor dezavantaje a fost nevoie de creearea unui nou tip de date
și anume date de rețea.
Acest tip de rețea este format dint -un schelet de grafuri , nodurile grafului reprezentând
entitățile iar muchiile acestuia fiind legăturile dintre aceste noduri.În acest tip de date un nod care
are rolul de copil poate avea mai multe noduri cu rolul de părinți după cum se poate vedea în
schema de mai jos.

21

b) Bazele de date de tip relațional sunt cele mai folosite în ziua de azi deoarece acesta
permite trecerea bazelor de date pe calculatoare personale , fără a mai fi nevoie de
alte echipament suplimentare.
Principal ul atu al acestor baze de date este că sunt organizate simplu sub formă de
tabele.Orice linie existentă în tabel este o entitate formată din valorile atributelor entități
corespunzătoare , iar aceste atribute aparțin unei coloane a tabelului.
Alte avantaje pentru modelul relațional are fi că vine odată cu o interfață flexibilă , fără a
fi nevoie să se utilizeze pointeri și în același timp vine și cu un limbaj de programare destul de
cunoscut SQL.Mai jos putem vedea un exemplu de structură pentru bazele de d ate relaționale.

22

2.4.2 Sisteme de baze de date

Sistemele de baze de date sunt sisteme de organizare , aranjare și modificare a informației
formate din umătoarele 3 aspecte:
– Mulțimea datelor aflate în legătură(interdependență)
– Descrierea datelor și a c onexiunilor dintre ele
– Un limbaj de programare pentru exploatare
Arhitectura unui sistem a unei baze de date este expusă în schema următoare.

2.4.3 Sisteme de gestiune a bazelor de date

Toate bazele de date sunt gestionate de un SGBD care este un sistem de gestiune ce asigură
partea software dintre utilizator și baza de date , acesta proce sează cererile de accesare si
gestionare a informațiilor , apoi le execută și trimite înapoi răspunsul.
SGBD are rolul de a interpreta codul SQL , iar în funcție de ace sta să proceseze una din
acțiunile de definire , introducere , modificare sau stergere a datelor selectate. Mai jos avem
schema de comunicare dintre un utilizator și baza de date.

23

În zilele noastre avem parte de o mare varietate de sisteme de gestiune a bazelor de date
atât cu licență cât și fără .Majoritatea însă au versiuni de test pe care utilizatori le pot folosi de
obicei pentru 30 de zile.
Câteva exemple de SGBD -uri sunt :
 Microsoft SQL Server
 Microsoft Access
 MySQL
 Visual FOX PRO

Microsoft SQL S erver reprezint ă produsul celor de la Microsoft după cum ne putem da
seama și din nume fiind un sistem de gestiune a bazelor de date proiectat doar pentru
Windows. Cei de la Microsoft au dezvoltat două versiuni ale produsului , cea utilizată în zilele
noastre și anume SQLServer 2000 și o a doua versiune SQLServer 2003 care este în stadiul de
probă.
Microsoft Access pune la dispoziția utilizatorului o interfață ușor de utilizat , astfel că
bazele de date sunt ușor de creat în Microsoft Access fiindcă dispune de un generator atât pentru
aplicații(wizards) , formulare(forms), cât și pentru rapoarte(reports).
MySQL este considerat cel mai cunoscut SGBD de piață poate si prin faptul că e open
source.Este lider în ceea ce prive ște aplicațiile construite pe web datoriă serviciilor de e –
commerce și informare, este de asemenea ușor de utilizat și fiabil. Acesta nu vine cu o intefață
prestabilită și se poate folosi cu limbaje de programare cum ar fi PHP , C++ ,C, C#.
Visual FoxPro este un limbaj de programare orientat pe obiect produs de Microsoft ,
conceput să fie ușor de utilizat , iar principala sa caracteristică pe care o are este viteza de
răspuns.

24

2.4.4 Firebase

Mai sus putem vedea logo -ul acestora.Firebase este un furni zor de servicii de cloud și
back -end , iar sediul acestora se află în San Francisco , California. Aceștia realizează produse
pentru dezvoltatorii software , dar în același timp ei dezvoltă atât aplicații mobile cât și aplicații
web.
Bazele Firebase -ului au fost puse de către Andrew Lee și James Taplin în anul 2011 ,
Prima versiune de bază de date a fost dezvoltată în anul 2012 , aceasta fiind o bază de date în
cloud cu afișaj în timp real.
Baza de date dezvoltată în 2012 oferea un API carea permitea dezvo ltatorilor să stocheze
și să sincronizeze datele dintre mai mulți clienți.Mai târziu și anume în anul 2014 compania avea
să fie cumpărată de către cei de la Google. Un real avantaj în momentul de față îl reprezintă faptul
ca este open source.

Serviciile o ferite de Firebase:
– Firebase Analytics – reprezint ă o soluție gratuită de analizare a aplicației și oferă
o imagine de ansamb lu asupra utilizării aplicației
– Firebase Cloud Messaging – este o platformă care permite dezvoltatorilor să
trimită și să primească mesaje într -un mod fiabil .
– Firebase Auth – este un serviciu care ajută la autentificarea utilizatorilor prin cod
client -side.Acesta include un sistem de gestionare a utilizatorilor prin care
dezvoltatorii permit utilizatorului să se logheze cu e -mail-lul si parola care sunt
stocate în Firebase.
– Real time database – Firebase pune la dispoziție o baza de date în timp real. Acest
serviciu oferă dezvoltatorilor un API care permite ca datele aplicației să fie
salvate pe cloud -ul Firebase -ului.Firebase conține biblioteci ca re permit integrarea
de aplicații concepute în Android , IOS , JavaScript sau NodeJS.
– Firebase storage – permite încărcarea și descărcarea de fișiere pe aplicația
construită de noi indiferent de calitatea rețelei.Serviciul este folosit de cătr e
dezvoltator pentru a stoca imagini , videouri sau orice alte lucruri generate de
utilizator.

25

2.5 Tehnologii de back -end și front -end

O aplicație web este practic formată din două părți , aceste părți poartă denumirea de
back -end și fron t-end.Pe scur t back -end-ul este partea din spate a aplicației pe care utilizatorul
site-ului nu o poate vedea și aceasta este partea unde se gestionează informația , iar front -end-ul
este ceea ce utilizatorul poate vedea.
Back -end-ul este format din 3 elemente și anum e: bază de date , aplicație de interfață și
un server.Scopul lui este de administra datele cât mai correct și de a face asta de preferat într -un
timp cât mai scurt.
Limbajele folosite pentru a dezvolta partea de back -end sunt PHP, Ruby sau în cazul
nostru am folosit NodeJS.Pentru a fi cât mai ușor de lucrat cu ele apar framework -uri noi ale
acestora cum ar fi Ruby on Rails , Cake PHP și ExpressJS.
Front -end-ul după cum am spus și adineauri este partea cu care utilizatorul ajunge să
interacționeze.Acesta e ste format din două secțiuni și anume designul care reprezintă partea
creativă și dezvoltarea interfeței ca este partea de implementare HTML.
Părții de front -end I se mai spune și client -side , iar aceasta este vizibilă datoriă
limbajelor de dezvoltare H TML, CSS, JavaScript. Scopul acestuia este de a se asigura că
utilizatorul vede corect infomația și se poate folosi de ea.
Acum voi prezenta tehnologiile care le -am folosit la dezvoltarea aplicației atât pe partea
de back -end cât și pe cea de front -end.

2.5.1 NodeJS

Limbajul pe partea de back -end pe care l -am ales pentru dezvoltarea aplicației mele este
NodeJS.L -am ales tocmai pentru că este unul dintre cele mai cunoscute limbaje aflate pe piață iar
un al motiv care m -a determinat să îl aleg a fost fapt ul ca e open source.
Acest NodeJS este o platformă de dezvoltare a aplicațiilor server -side și a aplicațiilor
online , folosind o bibliotecă bogată de module JavaScript care simplifică dezvoltarea si
funcționează pe aproape orice sistem de operare fie el Windows sau Linux.
În cele ce urmează voi enumera cele mai importante caracteristici ale Node .JS.
 Toate API -urile de bibliotecă Node.JS sunt asincrone, asta înseamnă că un server
bazat pe NodeJS nu așteaptă niciodată acel set de protocoale pentru a returna
date.
 Este foarte rapid deoare este construit pe JavaScript v8 Motorul Google Chrome
 Bibiloteca NodeJS este foarte rapidă în executarea de cod

26

 Dispune de mechanism de eveniment care ajută serverul să răspundă într -un timp
foarte scurt spre deosebire de se rverele traditionale.
 Nu deține buffere de memorie , aceste aplicații pur și simplu expun datele pe
bucăți
 Este licențiat de către cei de la MIT

Node.JS este o platformă foarte utilizată de aplicații online cunoscute cum ar fi eBay,
Microsoft , PayPal și Yahoo.
Următoarea diagramă ilustrează foarte bine părțile importante ale Node.JS -ului

Domeniile în care Node.JS a dovedit ca este o tehnologie aproape perfecta sunt:
o I/O Aplicații legate
o Aplicații de Streaming de date
o Aplicații cu date în timp rea l
o Aplicații JSON

27

2.5.2 HTML

Hyper Text Markup Language este cel mai cunoscut limbaj de pe piață la ora actuală în
ceea ce privește de zvoltarea paginilor web statice care pot fi afișate într -un browser.Scopul
paginilor HTM L este de a afișa informațiile din tabele , fonturi sau paragrafe într -o pagina web
pentru ca acestea să poată fi interpretate de utilizator.
HTML este format dintr -o serie de coduri scurte scrise într-un editor simplu de text, apoi
textul este salvat într -un fișier HTML. Acest cod scri s este pentru a reprezenta pagini web care
sunt încărcate cu poze , text . fișiere audio sau fișiere video.
Paginile HTML au extensia “.html” sau “ htm” și sunt alcătuite din tag -uri sau
etichete.Tag -urile stau la baza creării paginilor web și sunt cele ca re separă textul normal de cod
de codul HTML. A ceste tag -uri și etichete sunt scrise între paranteze de genul < head > asta
pentru deschiderea tag -urilor iar </head> pentru închiderea tag -urilor .
Dezvoltarea unei pagini în HTML trebuie să se combine perfec t cu creativitatea pentru a
ieși un lucru cât mai plăcut pentru utilizator.Tehnologiile care ajută la crearea paginii sunt
JavaScript , CSS , Node.JS , acestea trebuie să fie scrise în pagini HTML altfel pagina web
respectivă nu ar putea fi accesată , deoa rece browserul începe prin citirea codului HTML.
Ultima versiune a HTML -ului este HTML5 , însă aceasta nu este gata ci se află în plină
dezvoltare.A fost creată pentru a îmbunătăți limbajul în ceea ce privește cele mai noi apariții
multimedia și pentru al face cât mai ușor de folosit pentru oameni și calculatoare.
HTML5 încearcă să devină un limbaj de marcare care să poată fi scris atât în HTML cât
și în XHTML.

2.5.3 CSS

Cascading Style Sheets tradus în română ar veni foi de stil în cascadă și alături de HTML
este unul dintre cele mai folosite limbaje în ziua de azi . Acesta este un limbaj de stilizare a
elementelor sau a tag -urilor unui document scris în HTML.Ceea ce îl deosebește de restul
limbajelor este după cum ne putem da seama încă din nume, efectul de cascadă.
Componentele de CSS asigură partea de detalii legate de afișarea în pagină a siteului , tot
ceea ce ține de font , culori , fundaluri și așa mai departe.
Limbajul CSS poate fi aplicat asupra unui cod HTML în mai mult feluri:
 CSS inline
 CSS ext ern
 Clase CSS

28

CSS inline este definit chiar în interiorul codului HTML exact în componenta care se
vrea a fi stilizată.Ca să inserăm un element inline vom folosi atributul style, așadar această
metodă se recomandă pentru proiecte de mici dimensiuni.
La CSS extern întâlnim posibilitatea de a folosi fișiere externe care au extensia .css , iar
aceste fișiere fiind scrise odată pot fi utilizate pentru orice pagină a site -ului fără a trebui să se
scrie pentru fiecare pagină în parte.Din acest punct de vedere est e cea mai avantajoasă metodă pe
care CSS ne -o pune la dispoziție.
Clasele CSS sunt folosite pentru stilizarea în mod diferit a unor tag -uri HTM L, ele sunt
definite în fișiere externe de css , numele acestora având în față „.” sau „#”.O clasă este apelată
în tag -ul asupra căruia se dorește să aibă efect.Momentul când mai multe metode de CSS sunt
folosite pentru stilizarea unui element HTML ele vor fi executate în cascadă , primele fiind cele
inline apoi cele externe.
Acest limbaj s -a aflat într -o evolușie co ntinuă de când a apărut , reușind să ajungă la cea
de a treia versiune.Pima versiune a fost CSS1 apoi cea de a doua a fost CSS2 și cea mai nouă
versiune fiind CSS3.

2.5.4 JavaScript

JavaScript este un limbaj de programare orientat pe obiect fiind crea t pentru a da
activitate paginilor web.Este cel mai folosit limbaj de scripturi și este accesibil pentru oricare din
browserele aflate pe piață la ora actuală : Internet Explorer , Chrome , Firefox și Opera.
Acest limbaj este utilizat pentru construirea pa ginilor web și de a adăuga funcționalități
noi în acestea , după cum știm aceste pagini fiind executate de către browser.
Prima denumire a limbajulului JavaScript a fost de Mocha , apoi a trecut la LiveScript și
În cele din urmă a ajuns la denumirea car e este folosită și în ziua de azi . El a fost dezvoltat de
Brendan Eich de la Nestscape Communication Corporation.
Deși limbajul de JavaScript are câteva influențe din Java , cele două sunt diferite din
punctul de vedere al JavaScript deoarece asta este u n limbaj mult mai complex decât Java.
Codul de JavaScript nu are nevoie de un program anume,acesta poate fi scris în orice
editor de text.Însă pentru a face mai vizibil codul și erorile afișate de acesta se recomandă
folosirea editoarelor cum ar fi Npote pad++, Eclipse sau Sublime.
Programarea în acest program este realizată pe evenimente. Funcția este lansată în mod
automat în momentul în care evenimentul de care este conectată își face apariția.
JavaScript este un limbaj de programare concentrat pe în deplinirea acțiunilor dinamice, în
timp ce HTML este un limbaj de marcare dezvoltat pentru implementarea conținutului static
dintr -o pagină web.

29

Capitolul 3 ANALIZĂ ȘI PROIE CTARE

Pentru proiectarea aplicației web am folosit următoarele programe :
 Fireb ase.com
 Webstorm
 Git
 Node.js

3.1 Analiză

Având în vedere ideea de a se realiza o aplicație performantă însă în același timp ușor de
ușor de utilizat am căutat cele mai bune soluții de implementare ș i realizare care sunt disponibile
pe piață.

Partea de analiză înaintea implementării propriu zise este foarte impotantă în vederea
dezvoltării unei aplicații .

În vedearea creării unui magazin online avem nevoie de partea de back -end care
reprezintă partea din spate a aplicației și anume serverul împreună cu baza de date.Pe lângă
partea de back -end avem nevoie și de partea de front -end care este web -clientul.

Partea de back -end la această aplicație este construită cu ajutorul Firebase , iar IDE -ul
folosit este Webstorm.Pentru partea de front -end vom folosi tehnologii cum ar fi HTML ,
CSS , JAVASCRIPT, JSON.

Trebuie să avem grijă în momentul dezvoltării părții de front -end pentru ca asceasta să fie
cât mai ușor de utilizat , informația să fie cât mai bine structurată și cât mai ușor de găsit ,
deoarece cea sta să poată fi utilizată și de persoane care nu au cunoștințe de programare.
Mai trebuie ținut cont că aplicația trebuie să se miște cât se poate de bine din punct de
vedere al timpul și să dea avertisemente sau mesaje sugestive în caz de nevoie.

30

3.2 Arhitectura aplicației

Aplicația web realizată și dezvoltată este de tip client -server .După cum ne putem da
seama și din nume , aplicația are este formată din două componente și anume server unde se află
de asemenea și baza de date și client pe care se a flă interfața . Putem spune că această arhitectură
stă la baza funcționării internetului. Mai jos putem vedea arhitectura aplicației

După cum se vede și în poza de mai sus , arhitectura aplicației este formată din 3
elemente :
 Firebase
 Protocol de comunicare
 Clientul
Serverul este partea pasivă care așteaptă impulsuri din partea clientului , acesta nu v -a
activ a nicodată fără a primi o cerere care să vină de la client , iar în momentul în care primește
impulsul , îl v -a procesa și v -a încerca să trimită un răspuns clientului într -un timp cât mai scurt.
Protocolul de comunicare este cel care face legatura între server și impusurile venite de la
client.

31

Clientul este partea activă a arhitecturii prezentate mai sus , acesta trebuie să genereze
impu lsuri ca să primească un răspuns din partea serverului.Practic acesta generează un impusl ,
așteaptă ca serverul să îl proceseze, primește răspuns de la server și il trimite mai departe
utilizatorului dar într -un stil formatat pentru a pute fi înțeleasă in formația de către acesta.

3.3 Proiectare

Pentru partea de proie ctare a aplicației , am construit în primul rând diagrama cazurilor
de utilizare , pentru a putea reprezenta toate acțiunile pe care un utilizator l -ar putea face pe site.
Acest tip de diagra me este folosit pentru evidențierea și reprezenta rea funcționalității site –
ului.Mai jos avem diagrama cazurilor de utilizare pentru sistemul nostru.

32

Deoarece baza de date folosită de noi pentru implementarea acestei aplicații web este una
noSQL nu avem relaționării între tabele , astfel Firebase poate fi considerată o bază de date
ierarhizată.
Bazele de date NoSQL sunt de cele mai multe ori comparate cu criterii de bază non –
funcționale ca și scalabilitate , performanță și consistență.Acest aspect al baze lor de date NoSQL
este destul de bine studiat, atât în teorie cât și în practică deoarece proprietățile de bază non –
funcșionale specifice sunt de cele mai multe ori principala justificare pentru utilizarea NoSQL și
rezultate fundamentale privind sistemele distribuite ca teorema PAC se aplică și sistemelor
NoSQL.
Modelarea datelor NoSQL pornește adesea de la interogări specifice aplicației spre
deosebire cele relaționale. Modelarea relațională este în mod tipic determinată de structura datelor
disponibile.
Aceasă modelare a datelor NoSQL n ecesită adesea o înțelegere mai profundă a
structurilor de date și algoritmi de modelare baze d e date relaționale. Bazele de date relaționale
nu sunt foarte convenabile pentru modelarea ierarhică a datelor.Bazele de date de tip grafic sunt
în mod evident soluția cea mai bună pentru acest domeniu.

Pentru o mai bună vizualizare și înțelegere a datelor existente,în schema de mai sus am
desenat baza de date ca și cum ar fi de tip relațional.

33

Capitolul 4 IMPLEMENTARE

Pentru aplicația web și anume magazinul virtual de laptopuri, componente și jocuri pe
care l -am construit am folosit pentru partea de back -end Firebase , iar pentru partea de front -end
am folosit HTML, CSS , JavaScript.Mediul de programare ales pentru impl ementarea acestei
aplicații este Webstorm.

4.1 Implementare bază de date

În partea de back -end după cum spuneam am folosit Firebase care ține locul atât
serverului cât și a bazei de date.
Pentru dezvoltarea părții de back -end avem nevoie de un cont de gmail. Doar cu acest
cont de gmail vom avea acces la cei de la Firebase pe site și la to ate resursele puse la dispoziție
de aceștia.Faptul că Firebase este open source prezintă un real avantaj.
Contul pe care l -am creat pentru a avea access pe site es te: magazin.sipos.razvan@gmail.com
După ce am creat userul , mergem pe site și ne logăm cu acesta.

34

Ca să creeăm un proiect nou după ce ne -am logat mergem pe consolă.Mergem și apăsăm
pe butonul d e create new project pentru a putea începe dezvoltarea.

Prin apăsarea butonului de create new project , ne v -a trimite la o altă pagina pentru a
completa anumite date referitoare la proiectul pe care dorim să îl construim.

Numele ales pentru p roiectul nostru este chiar numele magazinului virtual adică implicit
și al site -ului RS -LaptopStore iar țara selectată este bineînțeles România.
După crearea proiectului , îl vom deschide pentru a începe implementarea propriu zisă

35

În imaginea de mai jos putem vedea mediul bazei de date în care vom concepe aplicația.

Firebase te ajută să dezvolți aplicații de înaltă calitate , în același timp baza ta de date să
fie într -o creștere continuă, fiecare caracteristică funcționează independent dar mult ma i bine
funcționează toate împreună.
Cele mai multe aplicații au nevoie să cunoască identitatea unui utilizator , știind
identitatea acestuia permite aplicației să salveze în siguranță datele utilizatorului.
Ca și o primă caracteristică pentru construirea bazei de date am folosit Auth care este
prescurtarea de la Authentication , cu aceasta se implementează un sistem de autentificare
complet care acceptă conturi de email.Această caracteristică oferă kituri de de dezvoltare
software flexibile pe partea de su s a infrasctructurii Google , partea de UI optimizată pentru a
oferi utilizatorilor o experiență cât mai plăcută.O altă funcționalitate avansată oferită de această
caracteristică este verificarea e -mailului.
Autentificarea în Firebase se află în strânsă l egătură cu alte servicii și folosește Oauth 2.0
și OpenID Connect pentru a fi ușor de integrat și să aibă un back -end pesonalizat.
Funcții de bază ale acestei caracteristici :
 FirebaseUI
 Autentificarea bazată pe e-mail și parolă
 Integrarea sistemului de a utentificare personalizat
 Autentificare anonimă

36

Funcția de FirebaseUI pune în aplicare cele mai bune practici pentru autentificarea pe
site-uri, de asemenea această funcție poate fi personalizată fără problem e pentru a se putea
potrivi cu aspectul vizual al aplicației.
Autentificarea bazată pe e -mail oferă metode pentru a crea și gestiona utilizatorii care
folosesc adresele lor de e -mail pentru a se conecta la baza de date Firebase.
Prin faptul că se integrează sistemul la metoda de autentinficare personal izată , aplicația
are parte de o bază de date în timp real .
Autentificarea anonimă permite unui utilizator să se conecteze la Firebase printr -un cont
anonim care este creat temporar pentru a putea folosi serviciile oferite de Firebase , iar mai apoi
dacă acesta consideră ca utilizarea acestor servicii îi sunt de folos poate să își upgradeze contul
de la unul anonim la unul normal.
Pentru a putea crea un user în aplicație trebuie să obținem întâi acreditări de autentificare
din partea user -ului , aceste acr editări sunt adresa de e -mail și parola lui , ele ajung la kitul de
dezvoltare software iar serviciile de back -end vor fi cele care le verifică și retunearză un răspuns
userului.
De la această caracteristică de autentificare am folosit metodele de implem entare USERS
și SIGN -IN METHOD.
Prima metodă folosită din această caracteristică a fost cea de SIGN -IN METHODS
pentru a putea permite crearea de useri în baza de date. În funcție de cum vrem să se logheze
utilizatorul trebuie să activăm acest lucru din cons olă.

37

După cum se vede și în poza de mai sus , am ales din consolă pentru logarea utilizatorilor
doar e -mailul cu parola care îi revine acestuia , așadar logarea prin Google , Facebook sau orice
altceva nu este posbilă.
Mergând mai departe am folosit m etoda USERS care ne ajută să popu lăm baza de date
cu utilizatori care si -au creat cont pe site .

După cum vedea așa arat ă baza noastră de date în USERS.Pentru a crea un user nou se
apasă butonul ADD USER iar serverul ne va trimite la o pagină nouă und e trebuie să introducem
e-mailul și parola user -ului pe care dorim să îl înregistrăm în baza de date.

38

Fiecărui user care este creat i se atriubuie automat de către Firebase un unic ID , prin care
este recunoscut de baza de date.
A doua caracteristică pe care am folosit -o Database și anume ca baza de date să fie în
timp real.Datele sunt sincronizate pe toși useri în timp real și rămân disponibile chiar și în
momentul în care aplicația merge offline.
Baza de date este de tip cloud astfel că toate datele sunt stocate ca și JSON fiind
sincronizate în timp real pentru a putea fi vizibile de or ice utilizator conectat la site,toți acești
utilizatori folosesc aceeași instanță de bază de date.
Pentru a începe popularea site -ului cu produse , din tabul Database se merge pe products
iar de acolo se apasă pe “+”

Momentul în care se apasă pe „+” se dorește inserarea unui nou produs , iar acest lucru ne
duce la următoare pagină

În câmpul name completăm cu un număr care reprezintă Id -ul produsului în baza de date ,
iar în câmpul value se introduce un cod de tip JSON care va introduce produsul în products.
{
"category": "laptops",
"description": "descriere laptop",
"details": "mai multe detalii despre laptop",
"img_url": "adresa imaginii laptopului",
"name ": "nume laptop",
"price": 1299.99,
"quantity": 7
}

39

Codul de mai sus este unul de tip JSON și este folosit pentru adăiugarea unui produs în
baza de date.
Customers din Database este strâns lega t de acțiunea utilizatorilor.Ace sta se populează
automat cu date în momentul în care un utilizator a plasat o comandă.În momentul plasării unei
comenzi în customers va apărea unic ID -ul utilizatorului care a plasat comanda și informații în
legătura cu comanda acestuia.

După cum ne putem da seama și din poza de mai sus se vede clar că Firebase este o bază
de date organizată ierarhic.

40

4.2 Implementare aplicație

Pentru a putea realiza această aplicație avem nevoie de așa numite programe auxiliare.
Aceste programe în cazul nostru sunt git și Node.JS.
Programul git îl dăm jos chiar de la ei de pe site https://git -scm.com/downloads și vom
folosi versiunea pentru windows, bineînțeles programul este open source.
Deși în cea mai mare parte , git -ul este folosi t pentru proiectele care se dezvoltă pe linux ,
noi am ales să îl folosim de data aceasta pe Windows. Git -ul reprezintă un sistem distribuit care
nu gestionează o bază de date comună.Spre deosibire de celelalte sisteme client -server , fiecare
director de l ucru git este un depozit cu drepturi depline , cu istoric complet fără a se ține cont
dacă are acces sau nu la rețea ori server.
După ce am instalat git -ul , pornim linia de comandă care este foarte asemănătoare cu cea
a linuxului. În linia de comndă dăm calea către proiect.

În continuare dăm comanda: npm install

41

Apoi comanda: npm install bootstrap

Așa cum se poate vedea și în imaginea de mai sus am instalat si boostrap , care este cel
mai popular framework de HTML , JavaScript și CSS în ceea ce privește dezvoltarea de aplicații
web.
Pentru ca boostrap să funcționeze avem nevoie de biblioteca jQuery care este una din
cele mai folosite biblioteci de JavaScript din ziua de azi.
În acest moment am terminat de instalat tot ce ține de pr ogramul git și mergem mai
departe la Node.JS.

Ca să descărcăm Node.JS mergem de asemenea la ei pe site https://nodejs.org/en/ și dăm
jos versiunea 4.4.5 care este cea mai folosită.După descărcare pornim command line -ul cu
ajutorul căruia vom instala Node.JS.
Pentru instalarea acestuia se vor folosi următoarele comenzi :

După crearea unei clone a git -ului acesta trebuie configurat prin comanda următoare:

Urmeaz ă comanda propriu zisă de instalare :

42

În ace st moment avem instalat și Node.Js -ul , iar în momentul în care deschidem linia de
comandă s e poate vedea acest lucru foarte clar.

Acum că avem instalate toate aceste program auxiliare de care aveam nevoie pentru
implementarea aplicăției , ne trebuie un mediu de dezvoltare a acesteia.Ca și mediu de dezvoltare
pentru aplicație am ales Websto rm-ul.
Webstorm -ul este cel mai bun și folosit mediu de de zvoltare oferit de JavaScript.Acesta nu
este open source dar cu toate astea îl vom putea folosi 30 de zil e din momentul instalării.
Acesta oferă asistență inteligentă de codificare pentru JavaScript și poate fi compilat cu
limbaje ca Node.JS , HTML sau CSS.
Câteva din cele mai importante caracteristici ale acestui mediu de dezvoltare care m -au
determinat să îl folosesc sunt:
 Modern framework , webstormul oferă asistență avansată de codificare pentru
Angular .
 Smart editor, acesta analizează proiectul în timp ce este construit și oferă cele mai
bune soluții pentru fina lizarea codului indiferent de li mbajul de programare.
 Navigation and Search , trecerea de la o metodă la alta sau de la o funcție la ale este
doar la un clic distanță.

Ca să îl putem folosi l -am descărcat direct de pe site -ul acestora
https://ww w.jetbrains.com/webstorm/ . Versiunea care am folosit -o este ultima cea apărută
în 2016.
Instalarea se face foarte ușor se despachetează și se dă drumul la installer.După ce am
terminat de instalat Webstorm -ul, îl deschidem si creeăm un nou proiect de tipul Angular JS din
File New Project.

43

Urmând ca acuma să începem crearea de pachete și foldere care ne vor ajuta la
construirea aplicației.
Punctul de pornire al aplicației este fișierul index.html care ne -a creat pagina web , ace sta
fiind main -ul.Index.html -ul conține scheletele de bază al siteului.

44

În strânsă legătură cu fișierul index.html este javascript -ul principal app.js , de unde
acesta își importă toate javascript -urile necesare.

Câteva din javascript -urile ese nțiale construirii paginii web sunt următoarele:
 Pentru adăugarea coșului pe pagina web se folosește următoarea sintaxă

}) .when("/cart", {
templateUrl: "views/cart.html",
controller: "CartCtrl"
})

 Pentru a filtra produsele de pe pagină este sintaxa d e mai jos

}) .when('/products/:filterValue', {
templateUrl: 'views/products.html',
controller: 'ProductsCtrl'
})

 Pentru a te putea înregistra

}) .when('/register', {
templateUrl: 'views/register.html',
controller: 'RegisterCtrl' })

45

 Pentru logare p e site

}) .when('/signin', {
templateUrl: 'views/signin.html',
controller: 'SignInCtrl'
})

 Pentru plaseara comenzii

}) .when('/orders/:orderId', {
templateUrl: 'views/order.html',
controller: 'OrderCtrl'
})

Mai sus am evidențiat câteva din javasc ript-urile care alcătuiesc arborele view -urilor.
În acest moment avem creată pagina web și puteam vedea arborele creat în websto rm de
către fișiere.

46

Pentru a simplifica codul pe cât posibil am extras codul din home.html care reprezintă
header -ul și f ooter -ul și l -am inclus în toate paginile pe care acesta ar trebui să apară folosind
directiva angular <header data -ng-include=”’views/header.html’”></header> și <div data -ng-
include=”’views/footer .html’”></div> .

Alte direcvtive angular folosite putem vedea în pachetul views.De exemplu în fișierul
cart.html am folosit mai multe directive angular cum ar fi :

Directiva de ng -controller ata șează o clasă de tip controller la view, angular sprijină
principiile din spatele modelului de proiectare Mo del-View -Controller.

Directiva ng -show arată elemente de HTML bazate pe expresia furnizată de atribut.

Directiva ng -hide ascunde elemente de HTML.

Directiva ng -repeat instanțiază un șablon o singură dată pentru fiecare element din
colecție.F iecare instanță șablon devenind propriul șablon

47

Folosind marcarea de tip Angular , cum ar fi în cazul nostrum {{product.id}} într-un atribut
src nu funcționează cum trebuie deoarece browserul va prelua de la URL {{product.id}} până când
Angular înlo cuiește expresia din interior, iar directive ng -src rezolvă această problemă.

Directiva ng -clik ne permite să specificăm un comportament personalizat atunci când un
element din pagină este apăsat.

Conexiunea la baza de date Firebase pentru încărcar ea produselor pe pagina web este
realizată în fișierul home -ctrl.js

În momentul când un utilizator dorește să se logheze site -ul trimite impulsuri către baza
de date.Conexiunea către aceasta se realizează prin fișierul signin -ctrl.js.

48

Sintax a prezentată în poza de mai sus este pentru logarea cu success a utilizatorului, se
verifică e -mail și parola acestuia , iar dacă acestea sunt corecte îi dă voie utilizatorului să intre și
să poată plasa o comandă .
Pentru a afișa eventualele erori de la l ogare am tratat codurile de eroare întoarse de
Firebase în callback -ul de eșec.În cazul apariției acestor erori ele vor fi în limba română.

Astfel erorile venind în limba română va fi mult mai ușor pentru utilizator să le
gestioneze.

49

Capitolul 5 TEST ARE și VALIDARE

Pentr u testarea și validarea magazinului virtual , vom face pas cu pas tot ce un utilizator
ar putea face pe site , de la crearea unui cont nou până la plasarea comenzii acestuia.Site -ul poate
fi accesat de către doritori prin următorul l ink: http://localhost:63342/Licenta/rs -laptop –
store/app/index.html?_ijt=71tqgp1jttg51b9nvo8efa0drq#/home

După cum putem vedea pa gina de home s -a încarcat prin accesarea linkului , același lucru
se întamplă și dacă apăsăm direct buton ul aferent unui browser din mediul de dezvoltare utilizat
și anume Webstorm , în momentul în care fișierul de web -host es te deschis , acesta fiind
index.html.

50

Pentru vizitatori sau viitori clien ți care doresc să achiziționeze produse de pe site sau
doar să arunce o privire este imposibilă conectarea la magazin prin intermediul webstormului
deoarece aceștia nu au acces la mediul în care site -ul a fost realizat.
După cum este si normal , site -ul poate fi vizitat de oricine pentru a arunca o privire la
produsele oferite de noi , dar din motive de siguranță pentru a nu fi prejudiciat nici site -ul , cât
nici clientul este nevoie de creaarea unui con t în vederea achiziționării unui produs.
Pentru ca un vizitator să își creeze cont pe site trebuie să dea pe butonul roșu din dreapta
sus , se vede în prima poză care a fost pusă mai sus în documentație.Acesta îl va trimite la o altă
pagină unde acesta îș i v-a putea creea cont cu ajutorul unei adrese de email.

51

După ce utilizatorul a introdus adresa de email , i se cere o parolă.În ceea ce privește
parola am impus anumite condiții din motive de securitate pentru a asigura siguranța clientului în
momentu l conectării la magazinul nostru.Una din condițiile pe care le -am impus este ca parola sa
fie formată din minim 8 caractere. Momentul în care parola nu respectă politica impusă sau
adresa de email nu este validă , va apărea sub aceste câmpuri un mesaj de a vertizare ca în
imaginea următoare.

Dacă paro la și userul au fost bine introduse , atunci câmpurile roșii dispar , iar pagina îți
permite să apeși butonul de creeare a contului.
Dacă utilizatorul are deja un cont existent la noi pe site , acesta poate merge la pagina de
logare prin apăsarea butonului “ Click aici “ sau prin apăsarea butonului verde pe care scrie
“ Intrare cont ” de pe pagina de home.
În cazul în care a fost creat un cont nou , serverul trimite datele noi de conectare a
utilizato rului către baza de date , unde acesta este înregistrat și i se atribuie un unic ID , acest
unic ID este diferit pentru fiecare user în parte , este practic identitatea userului repectiv , așa că
este exclus ca să întâlnim doi useri cu același unic ID.
Așadar în acest moment contul care l -am creat anterior și anume l@l.gmail.com ar trebui
să apară în acest moment în baza de date , unde se află lista cu restul userilor creați anterior.

52

După cum putem observa în imag inea de mai sus , userul nou creat a fost introdus cu
succes și i -a fost atribuit de asemenea si un unic ID de care vorbeam înainte.
Așadar utilizatorul având acum userul creat poate între timp ce navighează pe site să și
achiziționeze vreun produs dacă e ste pe placul său.
În funcție de ce caută utilizatorul acesta poate filtra produsele atât prin tabelul de
categorii aflat în partea stângă a paginii de home , cât și prin banda de search aflată deasupra
produselor.

53

În cazul luat în poza de mai sus se vede că utilizatorul a filtrat produsele după categoria
laptopuri.
Cum mai spuneam mai este un mod în care acesta poate filtra produsele și anume prind
banda de search.

Aici se poate observa limpede că filtrul care a fost introdus este cel de joc , iar site -ul a
afișat doar jocurile disponibile.
Selectând această categorie putem vedea că orice joc , este disponibil pe stoc și poate fi
achiziționat instat, dar sunt cazuri nefiricite când utilizatorul dorește să cumpere un produs dar
acesta nu este pe stoc. Tocmai de aceea la fiecare produs din fiecare categorie avem un status
care ne arată daca acel produs este disponibil pe stoc sau nu.
În momentul de față userul creat nu are nimic în coș ceea ce rezultă că și istoricul
acestuia este gol , iar date le personale despre acesta , cum ar fi adresa , nume, prenume lipsesc și
ele până acesta va plasa prima comandă după care toate informațiile despre el vor fi salvate în
baza de date , iar la următoarea comandă acesta nu v -a mai trebui să le completeze din nou.
Pentru a vizualiza aceste lucruri se merge pe butonul verde din dreapta sus pe care scrie
“Contul meu”.

54

După apăsare , site -ul te aduce direct la datele personale ale userului , iar dacă v -om
selecta tabul comenzile mele se va vedea ca este gol istoricul.

Mai avem și tabul de logout prezent aici , care prin apăsarea acestuia te va deloga de pe
cont și te va trimite la pagina de home a site -ului , iar daca utilizatorul v -a dori să plaseze o altă
comandă v -a trebui să se logheze din nou cu use rul său.
În continuare v -om urmări procesul de plasare a unei comenzi , ceea ce presune un coș de
cumpărături și toate informațiile de care e nevoie pentru a duce la bun sfârșit o comandă.

Pentru a putea plasa o comandă utilizatorul trebuie să fie loga t în primul rând , apoi să se
hotărască asupra produselor pe care dorește să le cumpere și să le adauge în coș.Fiecare produs

55

de pe site are o imagine sub care este trecută o descriere , prețul și de asemenea dacă acesta se
mai găsește pe stoc sau nu.
După ce utilizatorul se hotărăște care produs îl interesează apasă pe butonul Adaugă în
coș” , serverul v -a reține această înregistrare și o va pune în coșul de cumpărături.
O să luăm exemplul în care utilizatorul este dornic să cumpere un laptop apple:

Aici putem vedea faptul că serverul a încărcat în coșul de cumpărături al utilizatorului
produsul care acesta și l -a dorit, prin numărul 1 care apare în dreptul coșului , care reprezintă
numărul de produse care se află în acel moment în coș.Pasul următo r esta ca utilizatorul să dea
pe butonul de „Coșul meu” care îl v -a trimite la următoarea pagină.

Cu toate că clientul a selectat deja că dorește doar o singură bucată din modelul acesta de
laptop prin introducerea doar o singură dată în coșul de cump ărături , aici are ocazia dacă cumva

56

dorește să cumpere mai multe bucăți să apese butonul de „+” , iar dacă ar fi cazul de mai multe
bucăți deja existente în coș și ar dori să renunțe la câteva din ele , ar putea face asta prin apăsarea
butonului “ -“.
În cazul în care nu mai dorește nimic din coș și nu dorește să continue cu plasarea
comenzii are posibilitatea de a goli coșul prin apăsarea butonului “ Goleste cosul” .
Acum pentru a procesa comanda mai departe , utilizatorul v -a apăsa butonul albastru cu
denumirea de “ Comanda “ .

Prin apăsarea butonului “ Comanda “ , serverul ne trimite la un formular pe care
utilizatorul este obligat să il completeze cu informațiile cerute de acesta pentru ca comanda să
poată fi procesată mai departe.

57

După comp letarea formularului de mai sus , mai rămâne doar un singur pas până la
finalizarea comenzii și anume apăsarea butonului “ Plaseaza comanda” aflat în mai jos pe această
pagină.

Dacă butonul este apăsat , serverul trimite utilizatorul la istoricul co menzilor lui și anume
în tabul “ Comenzile mele “ unde acesta mai poate vedea odată informațiile de plasare a
comenzii.

58

Așadar acesta este procesul de plasare a unei comenzi pe site , este un proces simplu și
bine pus la punct.
Acum dacă vom merge în baza de date , se va vedea în dreptul unic ID -ului care aparține
acestui utilizator că apare de aceas tă dată și tabul de orders și de asemenea date despre acesta.

În momentul înregistrării în baza de date , la fel ca și la crearea unui cont nou , co mandei
plasate i se va atribui la rândul ei un unic ID .

59

Capitolul 6 CONCLUZII

Deoarece în vremurile de azi dezvoltarea noastră ca societate și comunitate este strâns
legată de dezvoltarea tehnologiilor , programelor și a internetului suntem nevoiți s ă ținem pasul
cu acestea.

Această lucare vine în întâmpinarea dorinței de a dezvolta piața virtuală și comerțul
elecrtronic.Bineînțeles ca această piață s -a dezvoltat destul de mult în ultima perioada și aici la
noi , dar c oncunrența este mereu benefică și face bine deoarece duce la dezvoltarea și
îmbunătățirea tuturor magazinele de e -commerce aflate deja pe piață.
Avan tajul faptului că afacerea de comerț este văzută și pe internet este clar , ajută la
bunul mers al acesteia și a supraviețuirii în timp a ei.De asemenea într -o astfel de afacere nu are
de câștigat doar cel care conduce afacerea ci și clienți care sunt interesați să cumpere de pe
pagina acetuia deoarece posibili clienți pot achiziționa orice produs disponibil pe site în orice zi
din săptămâ nă și la orice oră din zi sau noapte din fața unui calculator fie că sunt acasă sau la
service.

Magazinele virtuale se adre sează tuturor claselor sociale indiferent de vârstă sau nivel
educațional deoarece sunt foarte ușor de utilizat și tot mai at ractive de la o zi la alta.
Pe viitor aplicația poate fi dezvoltată în mai multe direcții cum ar fi :
– Să folosim Bread crumbs pentru navigare
– Editarea detaliilor unui utilizatpr să se poată face din myAccount
– Folosirea Firebase Storage pentru stocarea imaginilo r de profil ale utilizatorilor
– Mai multe imagini la un produs , realizarea unui slideshow
– Adaptarea site -ului la vizualizare pe mobil

Ca și o ultimă concluzie acest site de e -commerce are șansa de a fi într -o continu ă
dezvoltare deoarece depinde direct de cerințe le și necesitățile clienților care se pot schimba de la
o zi la alta.

60

Bibliografie

[1] http://www.info -portal.ro/articol/istoria -internetului/269/1/0/
[2] http://dya.ebloguri.ro/2015/01/11/romania -conectata -la-internet/
[3] https://ro.wikipedia.org/wik i/Marketing
[4] http://www.liciniu.ro/ecs/comert/pdf/3.Marketing_Online.pdf
[5] http://www.scritub.com/stiinta/informatica/Lucrare -de-licenta -MAGAZINE -VI24219202310.php
[6] http://searchcio.techtarget.com/definition/e -commerce
[7] https://www.scribd.com/doc/23578667/Comertul -Electronic
[8] http://idsi.md/files/file/prezentari_practica_studenti/baze_de_date.pdf
[9] http://www.cs.ubbcluj.ro/~vcioban/Matematica/Anul3/BD/Bd.pdf
[10] http://www2.unitbv.ro/LinkClick.aspx?fileticket=8Gsfz0SfMt0%3D&tabid=4146&language=en -US
[11] http://www.inphpwetrust.com/arhitectura -client -server/
[12] http://www.yourhtmlsource.com/starthere/whatishtml.html
[13] http ://www.aut.upt.ro/~andreea.robu/Lab1_PAI.pdf
[14] https://ro.wikipedia.org/wiki/Cascading_Style_Sheets
[15] https://nevo.ro/blog/ce -este -javascript/
[16] https://ro.wikipedia.org/wiki/JavaScript
[17 ] http://code.tutsplus.com/tutorials/create -a-simple -shopping -cart-using -angularjs -part -1–cms-
23535
[18] http://code.tutsplus.com/tutorials/creating -a-web -app-from -scratch -using -angularjs -and-firebase –
cms-22391

61