Proiectarea Unei Aplicatii Privind Un Magazin Virtual

Cap 4. Prezentarea Aplicației – Ghid de utilizare al magazinului virtual creat.

4.1 Functii ale aplicației

Interfata Utilizator

– se pot vizualiza produsele dupa categoria din care face parte;

– listare produse dupa producator;

– cautare produse (dupa numele produsului, dupa producator, cautare in detaliile produsului sau cautare in site);

– vizualizare shopping cart, posibilitate de modificare numar de produse, stergere produse din cart;

4.2 Structura magazinului

Structural, magazinul este compus din toua secțiuni:

Secțiunea de prezentare – client – comanda;

Secțiunea de administrare.

4.2.1. Secțiunea de prezentare – Prin intermediul acestei sectiuni utilizatorul poate vedea catalogul de produse disponibile la S.C. PC-SHOP S.R.L , acesta poate vedea detaliile produsului respectiv , pretul si nu in ultimul rand poate adauga produsul in cosul de cumparaturi pentru a efectua o comanda online.

Prima Pagina

In aceasta pagina este disponibil catalogul de produse aflate in stocul S.C. PC-SHOP S.R.L , se pot gasi ofertele speciale , informatii despre societatea noastra dar si conditiile de plata si livrare a produselor comandate.

Fig. 4.1 – Prima Pagina

Pagina – Lista Preturi

In aceasta pagina sunt listate preturile produselor oferite spre vanzare de catre S.C. PC-SHOP S.R.L

Fig. 4.2 – Lista Preturi

Pagina – Despre Noi

In aceasta pagina se gasesc informatii referitoare la firma S.C PC-SHOP S.R.L

Fig. 4.3 – Despre Noi

Pagina – Plata si Livrare

In aceasta pagina se gasesc informatii referitoare la plata si livrarea produselor comandate de client.

Fig. 4.4 – Plata si Livrare

Pagina – Listare Produse dintr-o categorie

Ex: Listarea produselor din categoria Laptop:

Fig. 4.5 – Listare Produse din Categoria Laptop

Pagina – Listare Produs Detaliat

In aceasta pagina clientul / vizitatorul poate vedea specificatiile detaliate ale produslui , poate efectua adaugarea produsului in cos , si daca este multumit poate lasa si un vot.

Fig. 4.6 – Listare Produs Detaliat

Pagina – Cosul de Cumparaturi

Aceasta pagina arata produsele adaugate de client in cos , permite stabilirea cantitati produselor comandate , permite stergerea unui produs care nu mai este dorit , este afisat pretul pe care clientul il are de platit pentru produsele comandate si nu in ultimul rand are posibilitatea de a trimite comanda.

Fig. 4.7 – Cosul de Cumparaturi

Pagina – Finalizarea Comenzii – Formular

Pentru a trimite comanda spre un operator uman clientul trebuie sa completeze datele necesare intocmiri actelor de vanzare a produselor comandate.

Fig. 4.8 – Formular date Client

4.2.2 Secțiunea de administrare este accesibilă administratorului magazinului virtual, care poate fi un angajat cu acces la produsele magazinului, nu neapărat programatorul magazinului. Un administrator are acces la toate paginile magazinului, în plus el putând adăuga sau modifica produse, vizualiza comenzi și formulare de contact ale utilizatorilor, modifica date, niveluri de acces ale utilizatorilor ori ștergere utilizatori, răspunde la mesaje sau ștergerea lor, prelucrare comenzi sau ștergere manuală a acestora în cazul în care nu sunt confirmate. Oricum, un administrator are acces la întreaga bază de date, putând manipula informația după dorință.

Pagina – Panou de Administrare

Prin intermediul acestui panou de administrare pot fi modificate toate datele afisate in acest magazin virtual. Pot fi vazute comenzile facute de client , pot fi modificate produsele , categoriile cat si alte setari aferente acestei aplicatii.

Fig. 4.9 – Panou de Administrare

Pagina – Adaugare Categorie

Pentru adăugarea unei noi categorii de produse este necesară completarea a 4 câmpuri:

”Parinte” – Categorie Principală / Subcategorie dacă este selectată o categorie existentă.

”Nume Categorie” – Numele Categoriei

”Logo” – Poza aferenta pentru aceasta categorie

”Descriere” – Descrierea sumara a categoriei adaugate

Dupa completarea acestor campuri se apasa butonul „Salveaza”

Fig. 4.10 – Adaugare Categorie

Pagina – Adaugare Produse

Adăugarea unui nou produs în baza de date de către administrator se face completând un formular .

” Categorie” – Categoria unde apare produsul

” Denumire” – Nume produs

” Preț” – Prețul produsului

” Preț Nou” – Dacă se va completa câmpul Preț Nou – Produsul respectiv urmează să apară în categoria de PROMOȚII.

” Poza” – Upload fotografie produs

” În Stoc” – Da/Nu – Produsul se află sau nu în stoc.

” Descriere” – Descrierea produsului respectiv

Dupa completarea acestor campuri se apasa butonul „Salveaza”

Fig. 4.11 – Adaugare Produse

Pagina – Listare Produse Adaugate

Ex: Listarea produselor din categoria LAPTOP , de aici se poate seta si oferta speciala care apare in cadrul primei pagina a aplicatiei , dar se si pot sterge produse.

Fig. 4.12 – Listare Produse Adaugate

Pagina – Oferte Speciale

Listarea Ofertelor Speciale , stabilirea ordinii in care acestea sa apara in prima pagina , dar si optiunea de stergere a ofertei atunci cand ea nu mai este disponibila.

Fig. 4.13 – Oferte Speciale

Pagina – Listare Comenzilor

Pagina de unde operatorul ia datele clientului pentru facturare .

Fig. 4.14 – Listare Comenzi

Pagina – Configurare – Setari Generale

Fig. 4.15 – Setari Generale

Setari Generale

Configurare

” Nume Site” – Setare nume site.

” Url” – Adresa site (ex: www.pc-shop.ro).

” Admin Email” – Setare adresa e-mail administrator.

” Verificare Email” – Verificare e-mail.

Moneda

” Simbol Moneda” – Setare simbol moneda (ex: RON , $ , €)

” Moneda Curenta” – Setare Moneda

” Monede Acceptate” – Lista monede acceptate (ex: RON , USD , EURO)

Pagina – Configurare – Parola Admin

Fig. 4.16 – Parola Admin

Parola Admin – Schimbare Parola

” User” – Editare user administrator.

” Parola Veche” – Parola Veche

” Parola Noua” – Adaugare Parola Noua

” Confirmare Parola Noua” – Verificare Parola Noua

Pagina – Configurare – Editare Pagini

Fig. 4.17 – Editare Pagini

Pagini Site – Editare Pagini

” Pg. Despre Noi” – Editare pagina Despre Noi

” Pg. Plata si Livrare” – Editare pagina Plata si Livrare

4.3 Implementarea aplicației

Pentru implementarea rapidă a aplicației se vor respecta următoarele norme:

Se vor difuza instrucțiunile de executare a procedurilor manuale și automate;

Se va instrui personalul utilizator al aplicației;

Se vor asigura condițiile organizatorice necesare funcționării sistemului;

Se vor asigura resursele hardware și spațiul corespunzător desfășurării lucrărilor de informatică (asigurarea materialelor consumabile; asigurarea integrității, securității și confidențialității datelor);

Se va asigura fondul informațional (pregătirea bazei de date inițiale atât manual cât și cu ajutorul programelor de conversie).

4.4 Instalarea aplicației

1. Instalați serverul de Apache (WAMP), accesand urmatorul link web: http://www.wampserver.com/dl.php (Nu modificati nimic din setarile implicite ale procesului de instalare – aplicatia trebuie instalata in C:\wamp)

2. Copiati aplicatia trimisa in directorul: C:\wamp\www\shop\

3. Dupa instalarea wampului, veti vedea o iconita mica, sub forma unui semicerc alb negru, in coltul din dreapta jos, acolo unde apare si ceasul de windows.

4. Dati click pe iconita WAMP-ului si undeva in meniul afisat, sus, o sa vedeti optiunea phpMyAdmin (pe a doua pozitie de sus);

5. Se va deschide intr-o fereastra phpMyAdminul. introduceti textul "shop" acolo unde apare "Create new database" si apasati butonul Create;

6. Dati click pe tabul de sus unde scrie "SQL" (al doilea, imediat dupa "Structure");

7. Duceti-va in c:\wamp\www\shop\db\ si deschideti cu Notepad fisierul "shop.sql"

8. Copiati continutul acestui fisier (Ctrl+A si apoi Ctrl+C)

9. Reveniti in fereastra phpMyAdmin-ului, si mutati cursorul acolo unde scrie "Run SQL query/queries on database shopping" si apoi apasati Ctrl+V (Paste)

10. Apasati pe butonul "Go" de jos si apoi un OK pentru confirmare.

11. Deschideti o noua fereastra de Internet Explorer si introduceti adresa:

http://localhost/shop/index.php (pentru interfata utilizator)

respectiv http://localhost/shop/admin.php (pentru interfata de administrare a aplicatiei, user: admin , pass: admin)