Comert Electronic

Miere BeeBee

Student: Birca Andreea

 Alegerea temei
Avand un site web deja inceput, la care am implementat si functionalitatea de comert
electronic, am ales sa fac documentatia pe baza acestuia.

Tema site-ului este un magazin de prezentare si vanzare a unor produse apicole

100% naturale. Utilizatorii pot vizualiza articole despre produsele apicole si beneficiile lor, dar
si caracteristicile fiecarui produs in parte (vitamine, substante minerale, nutritive, valoare
energetica etc).

Magazinele online sunt din ce în ce mai populare şi în ţara noastră, iar comandarea unor
produse prin internet este preferată de tot mai mulţi români. Se spune că un magazin online este
cea mai simplă afacere posibilă.

Vanzarea produselor prin intermediul online constituie un avantaj, deoarece tehnologia

avanseaza, iar majoritatea oamenilor isi petrec mai mult timp pe internet. Calitatea produselor
poate fi dovedita prin analize facute in laboratoare de specialitate.

Clientii vor comanda doar online, prin intermediul site-ului web si livrarea se va face
prin Posta Romana, in pachete special ambalate pentru a nu deteriora produsul. Achitarea
produselor se face direct cu cardul, prin procesatorul de plati Braintree.

Analiza SWOT

Puncte Tari Puncte Slabe

 Calitate superioara a produselor  Este o tema care necesita cateva
comercializate cu scopul satisfacerii cunostinte de specialitate
clientilor  Concurenta pe piata
 Varietatea produselor  Produsele ecologice sunt mai
 Clientii vor putea comanda doar online costisitoare, de aceea au o pondere mai
 Siguranta tranzactiilor mica in cosul de consum al populatiei
Oportunitati Amenintari
 Preocuparea crescuta a populatiei  Intrarea pe piata a noi competitor
 pentru sanatate si pentru consumarea de directi si agresivi
produse natural  Concurenta crescuta
 Receptivitatea populatiei  Produse in cantitate mica, datorita
factorilor externi

Analiza temei alese

Scopul aplicatiei

Aplicatia se ocupa cu vanzarea produselor apicole.

Scopul aplicatiei este de a crea un site de unde doritorii de produse apicole 100% naturale
vor putea sa le cumpere. Dorim să oferim clientilor produse din miere de albine de cea mai inalta
calitate şi să dezvoltam tradiţia consumului acestui aliment în ţară, prin vanzarea online.

Aria de acoperire a aplicatiei

Aplicatia aduce o alternativa accesibila de vanzare a produselor de apicole, precum si

documentarea despre acestea.

Produsele au o gama larga de utilizare si se adreseaza tuturor persoanelor indiferent de

varsta, sex, ocupatie. Mierea este un “produs universal” şi poate fi consumată de oricine, fără
limită de varstă, sex, pregătire fizică, etc, se comercializează la un preţ accesibil atât populaţiei
cu venituri mari cât şi mici. Segmentul ţintă al firmei este reprezentat de populaţia cu venit
mediu, vârsta medie şi înaintată, care este preocupată de un mod de viaţă sănătos si consumatorii
de produse ecologice.

Grupurile de interes

Produsele finale se vor vinde onlie prin intermediul Postei Romane, iar plata se va face cu
cardul prin paypal. Produsele au o gama larga de utilizare si se adreseaza tuturor persoanelor
indiferent de varsta, sex, ocupatie.
 Cu toate calităţile sale preţioase, mierea are şi contraindicaţii pentru pacienţii care suferă
de obezitate, diabet zaharat, tulburări glicoregulatorii, insuficienţă pancreatică exocrină şi pentru
pacienţii gastrectomizaţi, cât şi în anumite tulburări alergice.

Colectarea cerintelor

-Metoda directa: Atunci cand am inceput sa dezvolt site-ul am intrebat cativa oameni ce
asteptari ar avea de la un magazine online de produse apicole si mi-au oferit idei pe care le-am
implementat, ulterior, in aplicatie.

-Metoda indirecta: Am intrat pe mai multe magazine online cu produse apicole de unde
m-am putut inspira si am putut observa ce anume ii incanta pe acesti cumparatori

Interpretarea cerintelor

Am implementat in aplicatie o pagina cu articole despre produse apicole si beneficiile

acestora, creand o interfata prietenoasa, in ton cu tema aleasa si usor de folosit. Pe alta pagina se
afla toate produsele date spre vanzare, cu specificarea stocului si descrierea produsului. Tot acolo
se afla cateva indicatii pentru a putea folosi mai usor magazinul online. Dupa ce utilizatorul
adauga produse in cos, va trebui sa completeze un formular cu adresa de livrare si detaliile platii.
Plata se poate face direct cu cardul sau cu contul de paypal. Pentru nelamuriri, utilizatorii au la
dispozitie o pagina de contact in care pot trimite un mail sau pot suna direct. Functionalitatea de
inregistrare nu este inca implementata, dar aplicatia poate fi imbunatatita in viitor.

Analiza Pareto

1) IMPORTANTA MARE, EFORT MARE

- Implementarea cosului de cumparaturi
2) IMPORTANTA MICA, EFORT MARE
- Functionalitatea de contact prin e-mail
3) IMPORTANTA MARE, EFORT MIC
- Pagina de descriere a fiecarui produs
- Determinarea stocului
4) IMPORTANTA MICA, EFORT MIC
- Articolele despre beneficiile produselor apicole
 - Pagina de intampinare

Utilizatorul poate sa vada toate paginile din site si sa faca o comanda. Deoarece nu este
implementat un CMS pentru aceasta aplicatie, administratorul va trebui sa editeze produsele doar
din baza de date.

Raport de proiectare
Perspectiva de utilizare

Fiecare utilizator va fi intampinat de aceasta pagina. Este o pagina cu un design prietenos,

ales pe tema site-ului si in nuantele mierii. Acestia pot sa navigheze mai departe in site dand
click pe butoanele din bara de navigare: Acasa, Articole, Cumpara, Contact, Cosul Meu.

Pagina “Acasa” contine mesaje informationale despre proprietarul site-ului si despre

produsele vandute. In pagina “Articole” utilizatorul poate sa citeasca articole despre curiozitati
sau beneficii ale produselor apicole. Toate produsele date spre vanzare se gasesc in pagina
“Cumpara”, iar pentru nelamuriri si alte informatii exista pagina de “Contact”. Asa cum este
intitulat si numele “Cosul meu” aici se afla produsele pe care utilizatorul doreste sa le cumpere.

Accesand pagina “Articole”, utilizatorul va fi intampinat de urmatorul design:

Pentru a vizualiza tot articolul, utilizatorul va trebui sa dea click pe butonul “Citeste mai
mult” care il va redirectiona pe urmatoarea pagina:

Din bara de navigare, utilizatorul poate sa dea click pe butonul “Cumpara” care il va
redirectiona pe pagina cu toate produsele puse in vanzare. In partea de sus se afla un text cu
indicatii despre cum ar trebui utilizat magazinul.

Dupa aceste indicatii, se va afla o lista cu toate produsele, organizate in box-uri cu

imaginea, titlul si pretul afferent.

Asa cum scrie si in indicatii, utilizatorul trebuie sa dea click pe imaginea produsului dorit,
care il va trimite pe paginea cu descrierea lui si cu informatia referitoare la stoc: “In stoc”, “Stoc
scazut” si “Fara stoc”. Pentru produsele care nu mai sunt valabile, nu va mai aparea butonul
“Adauga in cos”.
 Dupa ce utilizatorul va adauga un produs in cos, va fi redirectionat pe pagina unde se afla
cosul de cumparaturi. Pentru a creste cantitatea produsului, va trebui sa dea click pe dropdown-ul
de sub “Cantitate” si apoi click pe “Update”. In partea dreapta va aparea costul total al
produselor si o taxa de transport.

Pentru a adauga alte produse va trebui sa se intoarca la pagina “Cumpara” si sa repete

pasii anteriori.

Dupa ce utilizatorul s-a hotarat ca vrea sa finalizeze comanda, trebuie sa dea click pe
butonul “Finalizeaza comanda”, dupa care va trebui sa completeze toate datele de contact pentru
ca livrarea sa fie posibila.

In pagina de finalizare a comenzii, cumparatorul trebuie sa adauge urmatoarele date de

contact: nume, prenume, email, adresa, oras si codul postal. Plata se poate face direct cu cardul
sau cu contul de PayPal. In cazul in care comanda s-a efectuat cu success, utilizatorul va primi
un mesaj de confirmare cu toate datele comenzii

Pentru tranzactiile online am folosit pachetul de la Braintree, un serviciu oferit de PayPal,

care stocheaza datele sub forma:

Sau

Observati ca in cazul platii direct cu cardul, statusul este “Submitted for settlement”. In
contul Braintree pe care il detine administratorul site-ului, statusul tranzactiei se va modifica in
“Settled”.

Tranzactia este procesata prin procesatorul Braintree. Nu exista nicio taxa suplimentara
sau vreun commision.

De ce este sigura plata online cu Braintree?

 Braintree este un procesator international de plati online, parte din grupul PayPal, cu un
nivel inalt de secutitate, conform standardelor international.
 Compania are certificare VISA si MasterCard
 Braintree garanteaza confidentialitatea datelor introduse
 Pentru nelamuriri sau pentru a intra in contact cu vanzatorii, utilizatorul poate sa intre pe
pagina de “Contact” din bara de navigare.

Perspectiva structurala

Aplicatia este implementata pe baza framework-ului Laravel, care functioneaza pe

modelul MVC.

Site-ul este structurat dupa urmatoarea diagrama:

Articole Single Article

Finalizare
Acasa Cumpara Single Product Cosul meu
comanda

Cosul meu

Contact

Perspectiva asupra datelor sau modelul de date

Perspectiva comportamentala

Dupa ce utilizatorul a adaugat produsele dorite in cos, el trebuie sa completeze datele de

contact. La actiunea click-ului pe butonul “Plaseaza comanda”, sunt salvate date in 5 tabele.

1. In tabelul “CUSTOMERS” se salveaza numele, prenumele si emailul.

2. In tabelul “ADDRESSES” se salveaza adresa, orasul si codul postal
3. In tabelul “ORDERS” se salveaza un id codat (hashed), suma totala, id-ul adresei si id-ul
cumparatorului
4. In tabelul “ORDERS_PRODUCT” se salveaza id-ul comenzii, id-urile produselor si
cantitatea pentru fiecare produs
 5. In tabelul “PAYMENTS” se salveaza id-ul comenzii, un Boolean pentru verificarea platii
si id-ul tranzactiei, care este stocat si afisat in contul de Braintree.

Perspectiva fizica

In dezvoltarea proiectului am folosit WampServer ca si server pentru site si baza de date.

Pentru site-ul web : HTML, CSS, JavaScript, PHP (framework-ul Laravel)

Pentru baza de date: MySQL cu tool-ul PHPMyAdmin

Perspectiva de dezvoltare

1. Componente de dezvoltare:
 Site-ul in sine folosind HTML/CSS/JavaScript pentru frontend si PHP
impreuna cu framework-ul Laravel pentru backend
 Baza de date folosind MySQL si phpMyAdmin
 Serverul oferit de Wamp
2. Stabilirea ordinei de dezvoltare a componentelor:
 Baza de date
 Relatiile dintre tabelele din baza de date
 Website

Perspectiva de testare

Website-ul a fost testat manual atat de front-end cat si pe back-end, adaugand, editand
si stergand date.

Raport de testare
Pentru a testa aplicatia am creat diverse scenario de testare pentru a verifica diferite
functionalitati.

La formularul cu datele de contact pentru comanda:

-Apasat pe butonul submit fara nici un camp completat -> apare warning cu campurile
obligatorii
 -Email-ul trebuie sa aiba structura unui email.

-Datele cardului trebuie sa fie toate valide (eu am testat cu un card de test) -> Braintree are
toate validarile necesare pentru o tranzactie cu success