Sunteți pe pagina 1din 23

PROIECT

Analiza i proiectarea Aplicatiei web magazin virtual

Munteanu MadalinBogdan

Cuprins
Partea I Raport de Analiz........................................................................................ 3
Introducere................................................................................................................. 4
1. Identificarea i Descrierea Problemei.....................................................................4
1.2 Context.............................................................................................................. 4
1.1 Motivaie........................................................................................................... 4
3. Cerine de sistem................................................................................................... 5
3.1 Surse de cerine................................................................................................ 5
3.2 Elicitaia cerinelor............................................................................................ 5
3.3 Formularea Cerinelor........................................................................................ 6
3.3.1 Procese i Activiti..................................................................................... 6
3.3.2 .............................................................................................................. 6
4. Model de Dezvoltare............................................................................................... 6
Glosar......................................................................................................................... 6
Partea II Proiectarea Sistemului Informatic..............................................................7
5. Proiectarea Logic.................................................................................................. 8
5.1 Arhitectura Sistemului....................................................................................... 8
5.2 Baza Informaional.......................................................................................... 8
6. Proiectarea Tehnic................................................................................................ 8
6.1 Procese i Algoritmi........................................................................................... 8
6.2 Structura fizic a datelor...................................................................................8
6.3 Tehnologii specifice........................................................................................... 9

Partea I Raport de Analiz

Introducere

Tematica aleasa de mine este dezvoltarea unei aplicatii web denumita Electronics
SRL.
Am ales aceasta tematica deoarece sunt preocupat de comertul electronic fiindca are
o vastitate foarte mare.
Odata cu dezvoltarea Internetului, comertul on-line a luat amploare antrennd din ce
n ce mai multi jucatori pe piata. Mediul de afaceri s-a schimbat radical. Practic
acum si cele mai mici firme au o pagina web n care prezinta cel putin cteva date de
contact, oferta de bunuri si servicii oferita clientilor sai precum si domeniul de
activitate. Afacerile se dezvolta si cei care iau n calcul si o prezenta on-line pot
spera sa gaseasca noi clienti si/sau parteneri de afaceri.
Din acest motiv am considerat ca este foarte utila alegerea unei asemenea teme,
studiul unui sector n continua expansiune, la care s-a adaugat si provocarea de a
nvata cum se construieste o pagina de Internet.
Comertul electronic este procesul de cumparare, vnzare sau schimb de produse,
servicii sau informatii prin intermediul retelelor de calculatoare. Afacerile
electronice (e-business) nu se limiteaza la cumpararea si vnzarea de bunuri sau
servicii, ci includ si facilitati pentru servirea cumparatorilor, colaborarea cu
partenerii de afaceri sau conducerea unei organizatii prin mijloace electronice. Un
exemplu poate fi compania Hewlett-Packard care a lansat sub numele de servicii
electronice (e-services), o serie de solutii complete pentru afaceri, formate dintr-o
componenta hardware, o parte software si consultanta pentru afaceri.
Magazinul online Electronics ofera posibilitatea vizitatorilor sa comande o
vastitate foarte mare de produse electronice la preturi avantajoase.
Odata cu lansarea aplicatiei web Electronics ,venim cu o interfata grafica
moderna,usor de utilizat ,cu descrierea detaliata a produselor si cu servere de calitate
superioara.

1.Identificarea i Descrierea Problemei


Beneficiarii acestui magazin online sunt clientii deoarece venim cu un site nou,compact si usor de
utilizat.
Magazinul nostru avea nevoie de o aplicatie web de cea mai buna calitate pentru a atrage privirile
potentialilor cumparatori.
Pentru a acoperi costurile de ntreinere se vor vinde spaii publicitare pe aplicatia web. Consider c
aceast soluie va reui s acopere costurile de ntreinere deoarece exist posibilitatea de a realiza
publicitate cu rata de conversie ridicat datorit segmentrii publicului int. Sunt diverse firme
care comercializeaz produse de papetarie, jucrii sau firme care presteaz servicii precum
meditaii, orientare n carier, organizare de evenimente i coli de oferi care prezint un interes
pentru acest gen de publicitate.

1.1 Motivaie

Aplicatia web ofera o experienta placuta clientilor deoarece este foarte


fiabila,placuta ochiului,cu o interfata grafica de cea mai buna calitate,iar clientii
Electronics pot cauta foarte usor produsele magazinului cu un filtru special care
include discount-urile,preturile sau marcile produselor iar clientii se pot abona pe
site la un newsletter pentru a primi noile oferte de pe piata.
n figura 1 voi reprezenta motivaiile care stau la baza proiectului de dezvoltare cu
ajutorul diagramei Fishbone.

Figura 1 - Diagrama Fishbone

Cu ajutorul schemei de descompunere a obiectivelor voi prezenta proprietile


i modul de utilizare al aplicatiei.
Gestiunea eficient si
optimizarea activitatii
magazinului virtual
Adaugarea
de produse
electronice

Securizarea
comenzilor prin
User si
parola

Configurarea de
drepturi si
restrictii
Pe paginile
aplicatiei

Cresterea profitului prin


comenzi electronice
Publicitate
web

Figura
2.
Diagra
ma
Obiecti
velor

Fiabilitatea
platformei
web
Posibilitatea
de abonare
la newsletter

Simplificarea cantitii de
munc pentru clienti
printr-un suport online

Realizare
a de
rapoarte
automate

Comen
zi
Rapide
Si
sigure

Gestiunea
Preluarii
comenzil
or intr-un
interval
scurt de
timp

1.2 Context
Faeta subiect:
Magazin online cu opiuni de:
cautare produse,filtru de produse,adugare produse, modificare cantitate, cont
personal de utilizator,produs favorit,compararea produselor.
trimitere automat de newselettere catre clientii site-ului.
Faeta utilizare:
Scopul aplicaiei web este de a vinde produse prin intermediul website-ului pentru
a simplica eventualele costuri fata de un magazin real.
Vor exista 2 tipuri de conturi: Administrator aplicaie si user-ul client.
Faeta IT:
Sistemul se instaleaz pe un server Windows i este accesat de ctre utilizatorii
aplicaiei de pe orice sistem de calcul sau sistem mobil i funcioneaz pe toate
sistemele de operare ce au instalat un browser web.
Faeta dezvoltare:
Pentru dezvoltare se folosete limbajul html, php, javascript, css,mysql. Pentru a
asigura securitatea conturilor utilizatorilor se vor folosi diverse tehnici printre care
implementarea unor politici de acces la fiiere doar pentru utilizatorii autentificai
iar parolele se vor pastra in baza de date. Partea de verificare a codului scris se va
face utiliznd un server php i mysql local i anume Xampp. Pentru partea de
creare si design a fiierelor se va folosi Notepad++.Pentru anumite funcionaliti
se vor folosi diverse librrii de cod open source.Pentru utilizatorii logati se vor
securiza parolele intr-o baza de date criptate cu un algoritm Salt.

1.2.1

Delimitarea Sistemului de Contextul Su

Crearea unei aplicatii web de tip magazin online este un proces complex care, pentru a
putea fi ndeplinit cu succes, trebuie s respecte o anumit ordine i claritate n
execuie. Pentru ca structura unui site de acest tip s fie una u or de pus n practic,
avem nevoie de o imagine mental bine conturat asupra aspectului pe care dorim s l
aib.

Logo cel mai important element de identificare pentru o firm. Logo-ul se afi eaz de
obicei n col ntr-un loc vizibil i apare pe toate paginile site-ului.
Prima pagin numit de obicei Acas sau Prima pagin este, n cele mai multe
cazuri, pagina cea mai vizitat pagin de pe site. Importan a ei este foarte mare pentru
c n funcie de aspectul acesteia vizitatorul decide dac rmne pe pagin sau
prsete pagina dup primele 2 secunde, dac site-ul tu este plcut de navigat i
dac mai dorete s viziteze i alte pagini.

Meniul este de asemenea o component important. Una dintre cele mai des ntlnite
erori n structura unui site web este funcionalitatea meniului. Sunt sigur c nu de
puine ori ai intrat pe un site care, dei arta bine, cnd ai dat click pe meniu fie nu s-a
ncrcat, fie link-ul ctre pagina promis nu a func ionat.
Pentru un site foarte mare, ordinea paginilor i subpaginilor conteaz extrem de mult
pentru c fr claritate i uurin n navigare, utilizatorul nu va putea gsi informa ia pe
care o caut ntr-o mare de informaii.

Costul unei aplicatii de acest tip este unul ridicat fiindca avem nevoie de un domeniu
stabil,server Windows ,calculatoare performante si un provider de o calitate ridicata.
Printre dezavantajele existente in cazul aplicatiilor web se numara riscul unei conexiuni
slabe la internet, ceea ce inseamna ca soft-ul va rula cu dificultate iar atat clientii cat si
administratorii de site ar putea fi nemultumiti fiindca pe de o parte utilizatorii ar putea
sa-si piarda rabdarea in a cauta un produs de pe website,iar administratorii de web ar
putea avea un trafic redus.
Un alt dezavantaj ar putea fi suprasolicitarea serverului web din cauza unui trafic ridicat
pe site ceea ce ar ridica un semn de intrebare in randul cumparatorilor magazinului.
1.2.2 Fateta utilizare
Aplicaia va functiona n urmtorul mod :

Se va creea un cont de utilizator si va exista i posibilitatea sa se logheze si sa isi


comanda produse ;
Odata intrat pe site va putea cauta produsele dorite de el prin filtrul barei de Search ;

n cazul n care clientul stie dj produsul pe care doreste sa il comande poate sa mearga
direct la categoria respectiva ;
Dup ce primete mailul de confirmare la inregistrarea lui va putea comanda produse de
pe site ;
Toate actiunile utilizatorului pe pagina web vor fi monotorizate iar pe baza acestora se
vor genera statistici cu ajutorul unui dashboard.

Principalul scop al acestui site este de a oferi clientilor cea mai buna experienta de
shopping online.
In aplicatie doar 2 tipuri de conturi si anume:

Administratorul

Clientul

1.2.3 Fateta IT

Aplicaia va functiona de pe un Server HP Gen10 cu procesor Intel Xeon E5-2620 v3


2.50GHz, Haswell-EP, 1 x 16GB, 2 x 500GB 2.5", DVD-RW, Sursa 500W, Rack mountable
Acesta aplicaie va putea fi accesat de pe orice device care are o conexiune la internet.
Nu va fi nici o problema de aspect n cazul utilizrii de pe un device-uri de dimensiuni mici
deoarece aplicaia este responsive. De asemenea acesta va fi accesat printr-un browser. n
momentul de fat aplicaia a fost testat pe un browserele Google Chrome, Mozilla FireFox si
Internet Explorer si nu prezinta nicio problema.

1.2.4Fateta devoltare

In procesul de dezvoltare a aplicaiei am ales s folosesc modelul Cascada, deoarece


consider c este cel mai potrivit pentru aceasta aplicatie. Se bazeaza pe o secventa de faze bine
delimitate. Este adecvat pentru proiectele in care cerintele sunt bine intelese de la inceput si nu se
modifica pe parcursul procesului de dezvoltare.
n momentul nceperii dezvoltrii aplicatie am ales s respect un ciclu cu urmtoarele faze :
1.
2.
3.
4.

Determinarea cerintelor
Alegerea unui design
Implementarea
Testarea

2. Procese i Activiti

10

Principalele activiti ale unei astfel de aplicaii sunt: administrarea paginilor,administrarea


conturilor utilizatorilor, adaugarea de produse,admistrar comenzi,verificare comenzi

Figura 3- Diagrama de flux a procesului de adugare utilizator

3. Cerine de sistem
3.1 Surse de cerine
Pe baza surselor de cerine provenite din cercetari de piata s-au realizat specificatiile aplicatiei. Am
folosit aceste cercetari cu scopul atragerii vizitatorilor de a le oferi un magazine online cat mai
atractiv.

11

3.2 Elicitaia cerinelor


Prile implicate n aceast aplicaie sunt vizitatorii i dezvoltatorul aplicaiei. Avantajele vor fi de
partea ambelor tabere,vizitatorii vor benefica de o aplicatie usor de utilizat,cu un design atragator;iar
dezvoltatorul aplicatiei va beneficia de un trafic mare de utilizatori.

3.2.1 Modelul Business


Modelul de business a fost folosit pentru a nelege procesele unei aplicatii web de tip magazin
virtual.

Figura 4 Organigrama magazin online

3.2.2 Cazuri de utilizare


n continuare voi prezenta diagrama cazurilor de utilizare pentru toi utilizatorii acesteia, iar apoi voi
prezenta diagrama cazurilor de utilizare pentru fiecare utilizator n parte.

Figura 5

12

Diagrama
Cazurilor
utilizare

De

Creeza cont nou

Se autentifica
Administreaza cont

1)Anonimii(Vizitatorii) vizualizeaz site-ul de prezentare al aplicaiei i au posibilitatea s trimit un mesaj


administratorului prin pagina de Contact din Meniu.
Trimite
Mesaj admin-ului

Vizualizeaza
Site-ul

Vizualizeaza
Site-ul
Trimite mesaj
Admin-ului

Figura 6-Diagrama cazurilor de utilizare pentru anonimi(vizitatori)

2)Administratorul aplicaiei dup ce se autentific poate s creeze conturi noi i s administreze


conturile existente.

13

Figura 7-Diagrama cazurilor de utilizare pentru Admini


3) Clientul vizualizeaza site-ul,se poate inregistra si poate cumpara
produse de pe site.

Comanda

Creeaza cont

Logare
Vizualizeaza
Site-ul

Figura 8-Diagrama cazurilor de utilizare pentru Clienti


Descriere cazuri de utilizare in forma tabelara:

14

Cazul de utilizare : Navigarea pe site


Nr.Crt

Parte

Coninut/Explicaie

1.

Identificator

User

2.

Nume

Navigare pe site

3.

Autor

Munteanu Madalin

4.

Versiune

1.0

5.

Istoric

Nu exist versiune
anterioar

6.

Prioritate

Mare

7.

Criticitate

Important

8.

Surs

Munteanu Madalin

9.

Stakeholder resp.

Munteanu Madalin

10.

Descriere

Utilizatorul vizualizeaz
site-ul

11.

Tip scenariu

12.

Obiective

Vanzare de produse

13.

Actor primar

Utilizator/Client

14.

Precondiie

Conexiune la internet

15.

Postcondiie

Utilizatorul si-a atins


scopul

16.

Rezultate

Gsirea produsului de
catre client

17.

Scenariu principal

-Completare chestionar

18.

Scenariu exceptional

Nu se pot gasi anumite


informaii

19.

Caliti

mbuntete
utilizabilitatea aplicaiei

20.

Relaia cu alte scenarii

3.2.3 Metoda interviului

15

Metoda interviului este o tehnic direct, conceput s furnizeze nelegerea problemelor


reale i a posibilelor soluii din perspectiva vizitatorilor, clienilor i a altor stakeholderi. Am ales
s implementm aceast metod pentru a descoperii soluii mai bune de dezvoltare.
Pentru a fii totul ct mai clar am ncercat s acoperim toate tipurile de ntrebri cu aplicarea
acestei metode.
ntrebri pentru utilizatori
1.Am dori s ne oferii cteva detalii despre dumneavoastr? Cum ar fi ce produse ati comanda ?
2.Care sunt principalele necesiti cnd v gndii la un site care v vinde produse electronice?
ntrebri descriptive (metantrebri)
1.V considerai persoana potrivit(stackholder) care s rspund ntrebarilor mele?
2.Considerai c mai avei ceva de adugat? V rog s detaliai
ntrebri despre produs
1.Ce problem rezolv acest produs?
2.Ce ateptri avei pentru utilizabilitate?
3.Ce ateptri avei pentru performan?
Am intervievat mai multe persoane posibile stakeholderi pentru a putea trage nite concluzii n
urma intrebarilor noastre. Mai jos v vom prezenta rspunsurile de la o persoana iar la final
concluziile trase n urma intervievrii tuturor persoanelor. Toate ntrebrile care nu au fost clare
din prima pentru persoanele intervievate au fost reformulate pentru ntelesul fiecaruia.
Rspunsurile date de persoanele intervievate au fost foarte lungi iar pentru acest luncru s-a
hotrt ca s fie afiate doar ideeile principale din fiecare rspuns.

Subiect: Pop Ion


Profesie: inginer
Ultimul nivel de educaie absolvit: facultate
Care sunt principalele necesiti cnd v
gndii la un site care v vinde produse?
Ce ateptri avei pentru acest site?

Rspuns
:
Rspuns
:

16

-informaii reale
-produse calitative
-s fie ct mai simplu de navigat

Ce problem rezolv acest site?

Rspuns
:
Rspuns
:

-ajut clientii s-i gseasc


produsul potrivit.
-s nu se blocheze n momentul
utilizrii

V considerai persoana
potrivit(stackholder) care s rspund
ntrebarilor mele?

Rspuns
:

-da, deoarece si eu cautam un site


competent de vanzari de produse.

Considerai c mai avei ceva de adugat?


V rog s detaliai.

Rspuns
:

-chiar imi doream s existe un


astfel de site.

Ce ateptri avei pentru performan?

Concluziile tuturor interviurilor


n urma aplicrii acestei metode s-au descoperit urmtoarele lucruri:

Se dorete un site ct mai intuitiv i uor de folosit


Mai multe persoane ii doreau s existe un site de genul acesta
Se dorete s existe o garantie a produselor prin acest site
Timpul de raspuns al site-ului sa fie unul acceptat de utilizatori.

3.3 Formularea Cerinelor


Cerinele obinute n procesul de elicitaie se mpart n mai multe categorii precum cerine
utilizator, cerine funcionale, cerine nefuncionale i cerine specifice.
Cerinele utilizator reprezint fraze n limbaj natural care descriu serviciile pe care se dorete s
le ofere aplicatia i totodat constrngeri de operare.
Cerinele funcionale descriu serviciile ce trebuie s fie oferite de website.

n urma metodelor aplicate s-au extras urmtoarele cerine funcionale:


-nregistrare utilizatori: Aplicaia trebuie s pun la dispoziie un formular de nregistrare al
utilizatorilor, iar la acest formular poate avea acces doar administratorul paginii web.
-Autentificare utilizatori: Utilizatorii trebuie s se autentifice ct mai simplu atunci cnd doresc
s foloseasc website-ul pentru a comanda produse i atunci vor completa doar un cmp pentru
email i unul pentru parol.
-Trimiterea comenzilor: Odat creai utilizatorii pot fi trimise comenzi cu produsele alese.

17

- Confirmarea comenzii facute in aplicatie si trimiterea facturii cu produsele alese.

Cerinele nefuncionale reprezint constrngeri de timp, constrngeri ale procesului de


dezvoltare si standardele ce trebuiesc respectate.
Tot n cerinele nefuncionale se ncadreaz cerinele calitative. Pentru vizitatori, website-ul
trebuie s fie disponibil de pe orice dispozitiv i browser de navigare n orice moment al zilei.
Aplicaia trebuie s fie eficienta, adic s poat funciona n parametri normali n cazul accesului
concurenial al unui numr mare de vizitatori i s execute comenzile primite ntr-un timp ct
mai scurt i fr erori. Pe lng toate aceste cerine aplicaia trebuie s aib un design i o
structur de calitate, uor de utilizat de catre vizitatori.
Constrangeri sunt date de alegerea unui nume de domeniu,gasirea unui server-gazda pentru siteul Electronics sau costurile care ar putea fi ridicate.Exista limite tehnice sau contractuale
referitoare la aceste aspecte. Cu cat cantitatea de informatii care se doreste a fi disponibilizata
pentru publicul vizat este mai mare, cu atat este necesara o viteza de reactie mai mare si absenta
oricaror limitari in trimiterea acestora.
- urmarirea traficului: este un element-cheie in evaluarea eficientei utilizarii site-ului web ca
instrument de marketing on-line; intereseaza existenta unor facilitati cum ar fi contorizarea
numarului de accesari, repartitia acestora pe intervale temporale (ore, zile, etc.) si identificarea
acestora (de exemplu identificarea motoarelor de cautare de pe care a fost accesat site-ul).
- reexpedierea postei electronice: permite retransmiterea tuturor mesajelor de posta electronica
de catre administratorul (detinatorul) server-ului gazda catre utilizatori in cazul newsletterelor, in
cazul confirmarii comenzilor de pe site sau confirmarea conturilor utilizatorilor.
- natura conexiunii la Internet a serverului-gazda: tipul conexiunii si viteza de transfer sunt
esentiale pentru "vizibilitatea" site-ului web al organizatiei in spatiul virtual. Cu cat site-ul este
mai accesibil, cu atat eficienta cat si vizitele sau profitul va creste.
Alegerea serverului-gazda este rezultatul unei analize comparative a facilitatilor oferite de catre
diferitii furnizori avuti in vedere si a facilitatilor vizate ce catre organizatie.

18

4. Model de Dezvoltare
Descriei modelul de dezvoltare ales pentru dezvoltarea aplicaiei propuse. Justificai alegerea
fcut. Coninutul din aceast seciune trebuie s fie corelat cu Faeta IT.

19

Glosar
Aceasta este o seciune foarte important a raportului de analiz, aici fiind prezentate definiii,
explicaii, descrieri detaliate ale conceptelor importante care caracterizeaz spaiul problemei
abordate.
Conceptele sunt prezentate sub form de list ordonat alfabetic. n glosar pot fi folosite i
scheme sau diagrame pentru o ct mai clar explicare a termenilor. Totodat, pot fi descrise
relaii ntre concepte.
Obligatoriu, ncepei glosarul odat cu specificarea spaiului problemei.
Minimum 20 de termeni. Introducerea termenilor banali pentru atingerea numrului minim
de termeni este penalizat cu 0.05 puncte/termen din nota raportului de analiz (Partea I).

20

Partea II Proiectarea Sistemului


Informatic

5. Proiectarea Logic
Specificai i justificai abordarea de prelucrare a datelor la nivel de sistem:
centralizat/distribuit.
Prezentai mprirea pe uniti logice-funcionale a sistemului. Diagrame DFD.

21

5.1 Arhitectura Sistemului


Prezentai arhitectura sistemului i justificai alegerea fcut.
Prezentai i reprezentai grafic arhitectura sistemului att n contextul de funcionare a
sistemului (abordare intuitiv, la nivel general) ct i n abordarea pe componente.
Furnizai o descriere narativ pentru componentele reprezentate n diagrama de componente.
Detaliai arhitectura sistemului pe mai multe niveluri de detaliere/abstractizare. Furnizai i o
descriere textual a componentelor reprezentate. Folosii diagrame de componente. Descriei
detaliat rolurile componentelor i interaciunile acestora cu exteriorul i n interiorul lor.
Descriei abloane de proiectare folosite i motivai prezena acestora n soluie.
Utilizai o modelare orientat pe soluie. Descriei modelarea obiectual folosit pentru a
realiza arhitectura de sistem propus.

5.2 Baza Informaional


Descriei baza informaional, soluia aleas pentru aceasta, conform cerinelor documentate
n Partea I. Pentru unele tematici aceasta poate fi baza de cunotine.

6. Proiectarea Tehnic
6.1 Procese i Algoritmi
Prezentai algoritmii folosii pentru realizarea funcionalitilor din componente structura
fizic a programelor.
Descriei algoritmii prin pseudocod i oferii explicaia lor. Dac este necesar folosii scheme
logice.
Facei legtura cu precondiii i postcondiii documentate n Partea I.

6.2 Structura fizic a datelor


Reprezentai i descriei structura fizic a datelor. Asigurai-v c exist o strns legtur cu
faeta subiect din Partea I.
Justificai structurile i coleciile de date folosite de componente pentru realizarea
funcionalitilor. Specificai cantiti de memorie- resurse folosite pentru diverse scenarii de
utilizare (grade de ncrcare a sistemului).
Specificai condiii de iniializare a datelor, stri ale obiectelor, dependene, tipuri de memorie
folosit pentru implementarea soluiei.
Prezentai soluia pentru baza informaional. Realizai i descriei diagrama bazei de date.

22

6.3 Tehnologii specifice


Descriei i justificai tehnologiile software/hardware folosite, limbaje de programare, sisteme
de operare, alte dependene tehnice etc.
Coninutul din aceast seciune trebuie s fie corelat cu faeta IT din Partea I.
Descriei framework-uri, API-uri folosite i asigurai-v n special de coerena cu 5.1 i 6.1.

23