Xây dựng website bán điện thoại di động

Gi&i thi~u tang quan:Trong thai diilicong ngh~ phat trien vugt b~c nhu hi~n nay , vi~c ungd\lng cong ngh~ thong tin CNTT va Internet vao trong cac lInh vvc kinh t~, xa hQi, giao d\lc, y

KHOA CONG NGH~ THONG TIN

GIAo VI:ENHUaNG DAN:

NGUYEN GIA TuAN ANH SINH VI:ENTHVC HI~N:

NGUYEN THJ TUONG VI -0511374

TP HO CHi MINH - 2009

Lu?n van t6t nghi~p

Cam an gia dinh va t~t ca b~n be cua em, nhung nguai da sat canh cungchia se nhung kh6 khan, dQng vien em nhung luc g~p kh6 khan va giup dO'emr~t nhi~u trong qua tfinh th\fc hi~n lu?n van

Thanh ph6 H6 Chi Minh, thang 7 nam 2009

Sinh vien th\fc hi~nNguy~n Thi Tuang Vi

Lu?n van t6t nghi~p

Y KIEN GIAO VfEN

2

.

, .

.

.

.

t

Chfrky eua giao vien

1.2 B6i canh ra dai va nhu cfiu th\fc tiSn: 7

1 3 M \IC leu va p ~m VI cua t." 'h '? d~ e al: t" . 7

Lu~n van 161nghi~p 4

,

"

•

,

3.3 Ma hinh chuc nang va vai tro cua Adrnin: 27

4.3 Hi~n th\fc rnQt s6 chuc nang cua h~ th6ng: 56

4.3.1 Giao di~n trang chu cua Website: 56

,

Kh6a lu?n nh~m xay d\Ing " Website ban di~n tho?i di d(>ngtn,rc tuyen"

N(>idung cua kh6a lu?n bao g6m:

• NghienCll'U Ngon ngfr L?p trinh PHP

• Nghien clm Ajax

• Tim hiSu quy trinh Ban hang tn,rc tuyen

• Phan tich, thiet ke theo phuong phap huang d6i tugng, Slr d\lngUML 2.0 dS d?c tao

• Xay d\Ing Dfr li~u tren H~ quan tri CO So' Dfr li~u My SQLServer 2000

• Cai d?t ung d\lng

1.1 Gi&i thi~u tang quan:

Trong thai diilicong ngh~ phat trien vugt b~c nhu hi~n nay , vi~c ungd\lng cong ngh~ thong tin (CNTT) va Internet vao trong cac lInh vvc kinh t~,

xa hQi, giao d\lc, y t~, kinh doanh da giup tang cuang hi~u qua vi~c truySn ba,quan ly, cling nhu mua s~m cua nguai dung Ben Ciilnhdo, Sl,fbung n6 cuanganh khoa hQc CNTT trong nhUng nam g~n day da lam thay d6i Ian bQ m?t

cua xa hQi V~n dS trao d6i, luu tni va xu ly thong tin tra thanh v~n dS quan

trQng d6i vai mQi cong vi~c Vi~c yeu c~u dugc trng d\lng cac ti~n bQ cling

nhu cac phuang ti~n h6 trg cua CNTT ngay cang nhiSu han D?c bi~t trong

lInh kinh doanh trl,fc tuy~n, r~t nhiSu san ph~m ph~n mSm, nhung ung d\lng

CNTT da tra thanh nguai biilnkhong the thi~u d6i vai cac t6 chuc Nha Nuac,

Xa HQi, ca nhan trong cong vi~c quan ly cua hQ.6dau cling co the th~y Sl,fcom?t cua CNTT, mQt hinh anh cho ta th~y t~m quan trQng cua CNTT trong ungd\lng quan ly, ph\lc V\lcho con nguai CNTT da g~n ch?t vao cong tac chuyen

mon nghi~p V\l,tra thanh mQt bQ ph~n khong th~ thi~u cua dan vi.

Chuang 1 Gi6i thi~u t6ng quan 7

•

•

1.2 B&icanh ra diri va nhu ciu th\fc ti~n:

V 6i S\f phat tri€n khong ngirng cua CNTT, cac 19i ich to l6n cuaCNTT mang l~i cho nguai dung trong m<;>ilInh V\fCngay mQt nang cao.CNTT g~n nhu xu~t hi~n a m<;>im~t cua cUQcs6ng xa hQi ngay nay, tirlInh V\fCkinh t~ cho d~n khoa h<;>ckI thu:~.t.D6i v6i cac nha doanh

nghi~p, ung dlfng CNTT ngay cang tra thanh mQt nhu c~u khong th€

thi~u

Vi du nhu: Ph~n mSm k~ toan, Ph~n mSm qmln Ifnhan s\f V6inhUng ph~n rpSm tren vftn chua dap ung dugc nhu c~u g~n k~t nguaitieu dung v6i cac nha doanh nghi~p v6i chi phi th~p nh~t

Tren th\fc tiSn khach quan do, dS tai nghien Clruva phat tri€n cuachung t6i la xay dlfng mQt h~ th6ng Website h6trg trong vi~c gi6i thi~u

vS san ph<1m,mua ban tr\fc tuy~n, giup nguai tieu dung ti~t ki~m dugcthai gian va chi phi nh~t vi khach hang co th€ tim hi€u r5 thong tin vSsan ph<1mc~n mua va d~t mua ngay t~i nha Clf th€ la ap dlfng cho vi~cxay d\filg Website buon ban di~n tho~i di dQng tf\TCtuy~n

1.3 Ml}c tieu va ph~mvi clla d~ tai:

MlfC tieu cua dS tai la t~o ra mQt h~ th6ng Website h6 trg chonhu c~u gi6i thi~u vS san ph<1m,chuang tinh khuy~n m~i, d~t mua hangonline

Nhfrng mlfc tieu chinh dS ra d6i v6i h~ th6ng nhu sau:

• V~du' li~u:

~ Vi~c xay d\fng ca sa dfr li~u d€ luu tm thong tin lienquan d~n website phai dam bao khoa h<;>c,hgp If,coth€ sao lUll, phlfCh6i mQt cach dS dang

~ D6ng thai phai bao dam tinh toan vyn cua dfr li~u,tranh trung l~p thong tin va dfr li~u rac

~ Dfr li~u c~n chinh xac, r5 rang

Chuang 1Gi6i thi~u t6ng quan

• V~cac chti'c nang:

8

•

•

Website bao g6m cac chuc nang chinh sau:

>- Gi6i thi~u thong tin san ph~m

>- D?t hang tr\l'c tuySn: Khach hang co thS d?t muahang tr\l'c tuySn Co thS d?t cung lilc nhiSu loc;tisanph~m, m6i loc;tiv6i s6 lugng nhiSu

>- Lien h~: thS hi~n thong tin lien lc;tcgiua cong ty v6ikhach hang Khi khach hang click vo phc1n h6 trgtf\l'C tuySn, h~ th6ng se kSt n6i tf\l'C tiSp v6i nhanvien cua cong ty, nh&m dap ung cho nhung yeu cc1ucling nhu th~c m~c cua khach hang, d6ng thai trenwebsite se co dia chi C\l thS cua cong ty dS khachhang d@dang lien lc;tc

>- Banner khuySn mai, quang cao: thong tin khuySnmc;ticua cong ty va quang cao cua cac san ph~mthuQc cac cong ty khac

>- Lien kSt : gi6i thi~u cac website rna website mu6nlien kSt

>- H~ th6ng quan ly thong tin san ph~m, thong tinkhach hang

• V~ giao di~n:

Giao di~n phai dyp m~t, than thi~n va d@Slr d\lng d6iv6i nguai dung va tranh gay cam giac kho chiu khi nguaidung lum web

Chuang 1 Gi6i thi~u t6ng quan

1.4 Yell eill ella ngU'O'i dung:

1.4.1 Yell eill nghi~p vy:

1.4.2 Yell eill v~ bao m~t:

~ Phai phan quy@ncho nguai su d\lng theo tung vai tro cuanguai 8U d\lng h~ th6ng Nguai dung chi co quy@n h(;lntrong ph(;lmvi cua hQ, tranh tinh tr(;lngthong tin m~tbi lc1y

Chuang 1 Gi6i thi~u t6ng quan 10

•

1.4.3 Yeu cAu v~ giao di~n:

~ Giao di~n phai triOO bay than thi~n, ph6i mau trang websao cho nguai dung Slr d\lng mQt cach tv nhien, thoai maio

~ Giao di~n web phai th6ng oofit (] tfit ca cac trang, tnlnhtiOOtr~mg giao di~n triOObay (] trang nay mQt cach, trangkia mQt cach

KETLU~N:

Nh~m gi6i thi~u t6ng quan vS OOungchilc nang, OOungyeu c~u cua website

rat r(>ngrai

Ma PHP du<,Jcth\1'cthi aphia Server, khi trinh duy~t cua nguaidung truy c~p rn(>ttrang web co chua rn(>tdo?n rna PHP thi trinh duy~tnh~n du<,Jctrang kSt qua da xu ly til Web server, nguai dung se khongbiSt du<,Jcdo?n rna viSt gi Ma PHP du<,Jcbao trong C?P d:1u<?php?>

ho?c <? ?> T~p tin PHP co ph~n rna r(>ngla php ho?c php3

PHP su d\lng tuang t\1'JSP va ASP v6i t~p the l~nh dung chotrang HTML Di~rn d?c bi~t la PHP du<,Jcphat tri~n hoan toan cho n~n

Chuang 2 Gi6i thi~u cac c6ng ngh~ lien quan 12

tang Web, chinh vi v?y rna cac ung d\lng viSt b~ng PHP nit ng~n g<;msov6i VBScript hay JSP Day cling chinh la di~m m:;mhcua PHP so v6iPerl

Cli phap PHP muqn til nhiSu ng6n ngfr khac nhu C, Java, Perl

PHP co th~ giao tiSp v6i nhiSu h~ Ca So' dfr li~u(CSDL) nhu MySQL,

MS Access, Sybase, Oracle va ca Microsoft SQL Kh6ng chi co khanang thao tac CSDL, PHP con co nhiSu kha nang khac nhu IMAP,SNMP, LDAP, XML PHP ch~y h~u hSt tren cac nSn tang h~ th6ng.Trinh may chu phan giai rna l~nh PHP co th~ tai vS miSn phi til trangweb chinh thuc cua PHP

2.1.2.1 Kdn true caban:

WEB SERVER (Apache lIS)

DATABASE SERVER (MySQL.

SQLserver )

I;'TEfu'\ET

WEB BROWSER iImernel Explorer ~etsc:lpe)

Hinh 2.01- SO' d& ki~n true tBng quat

Chuang 2 Gi6i thi~u cac cong ngh~ lien quan

2.1.2.2 Thong dich (rang PHP

Purse

TQ.p tin PHP

Khi ngmJi su dVng gQi trang PHP, Web Server tri~u gQi PHP

Engine d~ thong dich (tuang tv nhu ASP 3.0 chi thong dich chu khong

phai bien dich ) dich trang PHP va tra vS kSt qua cho nguai su dVng

2.2 Cong ngh~ Ajax:

2.2.1 Ajax hi gi?

Ajax la viSt t~t cua Asynchronous JavaScript and XML - kythu~t kSt hqp hai tinh nang m~nh cua JavaScript duqc cac nha phattri~n danh gia, nit cao:

G6i yeu c~u(request) dSn may chu rna khong c~n n~p l~i trang.Phan tach va lam vi~c v6i XML

Chuang 2 Gi6i thi~u cac cong ngh~ lien quan 14

Cac ung dung AJAX xoay quanh mQt tinh nang co ten laXMLHttpRequest Tinh nang nay duqc h6 trq a Firefox, Safari,Explored

AJ AX khong phai la mQt cong ngh~ rna no la sv kSt hqp cua mQtnhom cong ngh~ v6i nhau rna thu hut sv quan tam cua gi6i cong nghi~ptrong thai gian g:1nday Do chinh la :

Trinh bay trang web dVa tren XHTML va CSS, cac chu~n cuaW3C, duqc Firefox, Mozilla,Opera, Netscape 8.0 h6 trq nit t6t

Mo hinh tuang tac va hi~n thi dQng dua tren Document ObjectModel theo chu~n cua W3C

Trao d6i va xu ly du li~u dung XML va XSLT chu~n W3C

Nh?n t~ong tin khong d6ng bQ v6i d6i tuqng XMLHttpRequest.Dung JavaScript kSt hqp m9i thu l:;tiv6i nhau JavaScript a day

la ECMASCript chu~n cua ECMA khong phai la Jcript cua Microsoft

2.2.2 Tinh nang ella Ajax

Co th~ noi, k~ til khi cai ten "Ajax" ra dai dSn nay, tiSm nang cua

no vftn chua duqc danh gia hSt va cac nha phat tri~n web vftn con dangmay mo nghien cuu tim ra nhung ung d\lng cua cong ngh~ nay DSnthai di~m hi~n t:;ti, di:lco nit nhiSu nhung vi d\l th~ hi~n kha nang d~cbi~t cua cong ngh~ nay nhu cac ung d\lng li~t ke a d:1ubai viSt rna n6ib?t nh~t co th~ k~ dSn Gmail va Google Map

Thu duy~t Google Map va chftc chftn b:;tn se khong kh6i b~t ngatru6c nhung gi rna Ajax co th~ lam duqc: thu phong to, thu nh6, dichuy~n quanh ban d6 trong Google Map - b:;tng:1nnhu khong phai dqi

Chuang 2 Gi6i thi~u cae eong ngh~ lien quan 15

ehut xiu nao; hinh anh cu xu~t hi~n thanh mQt ehu6i lien t\le nhu b~ndang xem ban d6 tren phftn mSma may minh v~y

T~t nhien, nhung ll'ng d\lng nhu Gmail va Google Maps la nhung

vi d\l vo eung phue t~p eua nhung ung d\lng eua eong ngh~ Ajax Tuynhien, Ajax khong chi th~ hi~n uu di~m eua no d6i v6i cae ung d\lng16n nhu v~y B~n hoan toan co th~ su d\lng Ajax eho nhfrng ung d\lngnho han, th~m chi chi cho mQt s6 thanh phftn trong ung d\lng web euab~n d~ lam tang kha nang tuang tae v6i nguai dung

Co Ie mQt trong nhfrng ung d\lng "nho rna n6i ti@ng" nh~t euaAjax la tinh nang "Live Search", b~t ehu6e eong ngh~ Spotlight Applem6i gi6i thi~u trong phien ban Mac OSX 10.4 Tiger Go mQt ky tll vao

o tim ki@mva mQt danh saeh cae k@tqua xu~t hi~n ngay I~p tue bendu6i, go them mQt ky tll nua va danh sach do tll dQng rut ng~n I~i, B~n co th~ tim hi~u them vS Live Search va each tich hqp no vaowebsite eua minh t~i day (tuy nhien, vi~e co nen ap d\lng hay khong I~i

la ehuy~n khac, nhU se phan tich aphftn sau)

2.2.3 (Jng dI,lng ella Ajax:

MQt s6 ll'ng d\lng kha ph6 bi@nnhu:

Tinh nang "Auto save" (luu tll dQng): SU d\lng Ajax, b~n co th~b~t ehu6e tinh nang eua cae phftn mSm so~n thao tll dQng luu nhung ginguai dung da:go duqc sau mQt khoan thai gian nh~t dinh (se th~t tuy~tn@unhu cae trinh webmail co tinh nang nay N@ub~n su d\lng Gmail,b~n co th~ su d\lng tinh nang nay b~ng each tai vS trinh b6 sung)

Ki~m tra trung I~p: b~n t~o ra mQt mfru dan dang ky v6i yeu c~u

la ten dang nh~p phai khong bi trung I~p v6i b~t ky ai trong Co' sa duli~u Thong thuang, b~n se b~t nguai dung nh~p h@tthong tin va gui

Chuang 2 Gi6i thi~u cac cong ngh~ lien guan 16

•

dan dang ky len may chu va r6i m6i kiSm tra Te;tisao khong kiSm trangay sau khi nguai dung vLram6i chQn xong ten? Day chinh la vi d\lminh hQa cho bai viSt nay (xem ph~n sau)

Djch tr\fc tuySn: be;tnco thS su d\lng Ajax dS te;tOra tinh nang chophep nguai dung chi c~n chQn mQt tu tren trang web cua be;tnva hiSn thj

tu tuang ung cua cac ngon ngu khac (su d\lng cac djch v\l cua cac trangt\f diSn)

Cac trang ban hang tr\fc tuySn: C?P nh?t theo thai gian th\fc danhsach nhung gi nguai mua chQn va gia ca rna khong c~n phai tai le;titrangweb (vi d\l nguai dung nh~n chQn them mQt m~t hang, ngay l?p tuc noxu~t hi~n trong danh sach ben ce;tnhva t6ng gia tiSn cling se duQ'c C?Pnh?t tuang ung)

H~ th6ng danh gia 6 cac trang web nhe;tCs6: Nguai dung nh~nmQt nut danh gia va ngay l?p mc no se duQ'c C?P nh?t vao h~ th6ng (haitrang Nhe;tcS6 va Nhe;tcVi~t co Ie nen tim hiSu ap d\lng ky thu?t nay)

2.2.4 Ajax ho~t dQng nhU' th~ nilO?

d cac ung d\lng web truySn th6ng, client se gui HTTP RequestdSn web server va web server se gui tra response chua cac thong tindu6i de;tngHTML va CSS Ajax cho phep te;tOra mQt Ajax Engine n&mgiua giao tiSp nay Khi do, cac yeu c~u gui resquest va nh?n response

do Ajax Engine thlJc hi~n Thay vi tra du li~u du6i de;tngHTML va CSStrvc tiSp cho trinh duy~t, web server co thS gui tra dfr li~u de;tngXML

va Ajax Engine se tiSp nh?n, phan tach va chuySn hoa thanhXHTML+CSS cho trinh duy~t hiSn thj Vi~c nay duQ'c thlJc hi~n tren

client nen gia.m tai dt nhiSu cho server, d6ng thai nguai su d\lng cam

th~y kSt qua xu ly duQ'chiSn thj tuc thi rna khong c~n ne;tple;titrang M~t

Chuang 2 Gi&i thi~u cac cong ngh~ lien quan 17

khac, S\f kSt hgp cua cac cong ngh~ web nhu CSS va XHTML lam cho

vi~c trinh bay giao di~n trang web t6t han nhi~u va giam dang k~ dung

lm;mg trang phai n~p Day la nhftng IQ'ifch hSt suc thiSt th\fc rna Ajax

dem l~i

Hai mo hinh du&i day minh hQa 2 co chS lam vi~c khac nhau :mQt ben la co chS cua trng d\IDgweb truy~n th6ng, mQt ben la trng d\IDgweb sir d\lllg cong ngh~ Ajax

MO HINH UNG DUNG WEB TRUYEN THONG MO HIN UNG DUNG WEB SU DUNG AJAX

Hiob 2.03- Mo biob trog d\log web truy~o tbaog V01rno biob trog d\log

web v6'i AJAX

B~n khOng thS luu I~i dia chi tJang web (bookmark) chUa nQidung nao do duqc tai b~ng cong ngh~ \.jax Ban ch~t S11 d\mg rnQt lap

trung gian dS giao dich khiSn cho cac uhg d\lng web khong co rnQt diachi nhit dinh cho tim.g n~i dung (day ~iing Iii vin dS ~~n g~p khi sud\l,ng F,rarne trong thiet ke web) MQt viI ~\l ro rang nhat 1a b~n khongthe nhan nut "BACK" cua trinh duy~t de quay l~i nQi dung truac do

T~o b6i r6i cho nguai dung nSu b~n ap d\lng cong ngh~ Ajax rnakhong suy nghT kyo Nguai dung thuang \ a quen vai vi~c nh~n nut dSth\fc hi~n rnQt tac Y\l nao do - trong khi ~jax cho phep b~n th\fc hi~nthay d6i ngay'l?p tuc Uay 1a rnQt diSrn yS kha nghiern tn;mg: Ban ch~tcua Ajax Iii kh~ng dung thu (UfOrgiveless\') Chinh vi b~n co thS thl,fchi~n cac thay doi ngay l?p tuc, doi khi nguai dung chi vo tinh cling dathay d6i dfr 1i~u trong co sa dfr 1i~u cua b\~n rna Cach an toan nh~t 1a

chi S11 di,mg Ajax de th\fc hi~n cac tac Y\l dern tra rna kh6ng tac dQngtf\fC tiSp dSn dfr li~u, ho?c 1a b~n phai ch~c ch~n r~ng rninh cung c~prnQt co chS dS khoi ph\lc cac 16i vo tinh, hJ?C 1a b~n t~o ra rnQt co chS

dS xac nh?n ,rn6i khi hanh dQng cua ngUO\i dung co kha nang t~o ranhfrng thay d6i dfr 1i~u

Tuong thich: Ajax chi ho~t dQng nSu trinh duy~t h6 trq d6i tuqngXMLHttpRequest Uay 1a v~n d~ rna Grn1il g?P phai d6i vai trinh

19Chuang 2 Gi&!thi~u cae cang ngM lien qua \

duy~t Opera tru6c khi Opera 8 ra doi Tuy nhien, den thai diem hi~n t?ithi cac trinh duy~t ph6 biSn nh~t deu ht~trg XMLHttpRequest (Fire fox,Intern~t Explorer, Opera 8, Sarafi) Ch1 diI vh, h~y luan xay d:mg rnQt

co che d\f phong truang hgp trinh duy~t khong ho trg (vi d\l neu nguaidung su d\lng may Palm, )

Tuong'tac nguai dung: Bu6n cuai lel m~c du Ajax gieli quyStdugc mQt v~n de then ch6t ve tuong tac nguai dung cua cac ung d\lngweb, no l?i t?O ra mQt s6 v~n dS nh6 kh(~c.Chinh vi Ajax th\fc hi~n tacV\l qua nhanh nen doi khi nguai dung hong tin lel no da: dugc th\fchi~n! T<1tnhien day don thufrn l~ v<1n,de re thoi quen, tuy nhi:n dS delmbao kha nang tuong tac a muc tot nhat, b?n nen co mQt co che giup xacnh?n nhung gi dang diSn ra a ben trong k?n co thS l~y vi d\l minh h9a(xem phfrn sau) dS tham khao, ho~c xem }nQtvi d\l khac a day

KET LU~N:

Gi6i thi~u ve nhung chuc nang cling nhu, eu cfru cua website

Gi6i thi~u ve cac cong ngh~ da: dugc su d ng trong qua trinh th\fc hi~nwebsite

Chuang 3 Phan tich va thiSt kS h~ th6ng

20

3.1 D~c ta va cac rno hinh ch.rc nang clla h~ thBng:

V 6i cae yeu e~u eua e6ng ty d~ra, chung t6i dakhai quat m6 hinh ehucnang quan ly h~ th6ng website eua e6ng ty M6 hinh ehue nang h~ th6ng quan

ly website g6m co cae tae nhan ehinh tham gia van quy trinh quan ly, baog6m : admin va khach hang

Chuang 3 Phan tich va thi~t k~ h~ th6ng 21

3.2 Mo hinh chu'c nang va vai tro clla Member:

Member la nhung ngwJi co nhu c~u mu6n tim hi~u ro v~ san ph~m, d~tmua san ph~m tren m:;mg, xem thong tin v~ san ph~m Khach hang bao g6mcac chilc nang sau: d~t hang tn,rc tuy~n, xem thong tin san ph~m, dong gop yki~n, lien h~

[// -._ _._ '1

/ Lua chon ngon ngu hien thi

I

/'"

Khach hang thuong xuyen

XI' Oat hang truc tuyen

Xem tin tuc

Xem thong tin san pham Dong gop y kien

Khach hang khong thuong xuye~,

Chuang 3 Phan tich va thi~t k~ h~ th6ng 22

.•.

Ti~n ai~u ki?n: La nguai dung mai ho~c mu6n tiilomQt tai khoan maio

Lu6ng Sll ki~n chinh:

./ ChQn chuc nang Dang kYo

./ Nh?p vao cac thong tin cfrn thi~t (ten dang nh?p, m?t kh~u,

hQ ten, dia chi, di~n thoiili, email, ngay sinh, giai tinh) va

nh~n vao nut Dang kyo./ Kiem tra cac thong tin co hgp l~ hay khong (rna nhan vien

co trong ca sa du li~u khong, m?t kh~u khong gi6ng nhau,dia chi Email hgp l~ v.v )

./ N~u dung thllC hi~n lu6ng AI, ngugc liilico l6i thllC hi~nlu6ng A2

./ K~t thuc

Lu6ng nhanh A I :

TiilOmQt tai khoan mai cho nguai dung va gui mQt Email thong bao

xac nh?n den dia chi nguai dung oa nh?p vao

Hien thi thong bao thanh cong

Lu6ng nhanh A2:

Hien thi thong bao l6i, yeu cfru nh?P liilicac thong tin cho chinh xac.K~t thuc

Chuang 3 Phan tich va thiSt kS h~ th6ng 23

1 : Chon chuc nang Dang Ky ):

3 : Nhap thong tin yeu cau ):

7 : Thong tin hop Ie

8 : Luu thong tin tai khoan moi

10 : Thong tin khong hop Ie

k 111 :Thong bao khong thanh cong I

Hinh 3.03 -80' d& tuftn hil' qua trinh dang ky tili khmin m6'i.

Lu6ng SlJ ki~n chinh:

./ Ch9n chuc nang Dang nhgp.

Chuang 3 Phan tich va thiSt kS h~ th6ng 24

./ Nh?p vao ten dang nh?p va m?t kh~u, sau d6 nhfrn nut

Dang nhgp

./ Ki~m tra ten dang nh?P va m?t kh~u c6 hgp l~ hay khong.NSu dung thllc hi~n luang AI, nSu khong thllc hi~n luangA2

./ KSt thuc

Luang nhanh AI:

Chuy~n dSn cac trang chu cua website

Luang nhanh A2:

Hi~n thi thong bao 16i, yeu c~u user nh?p h;li

NSu user nh?P sai qua 3 l~n se khong cho phep nh?p nua.C6 th~ Slr dVng chuc nang Lciy !gi mgt kh6u nSu nhu

quenm?t kh~u

: :Merrber

Form Dang Nhap I Control I

6 : Thong bao dung

i 1: Nhap thong tin dang nhap i

2 : Xac nhan thong tin dang nha~!

3 : Kiem tra thong tin dang nhap : :

14,.emtr tho", to d", "hog!f< s :.J!1().~g ~if.l d.lJ~g i

i::J7: Thong bao dang nhap thanh cong

k

9 : Thong bao sai

8 : Thong tin sai

Hinh 3.04 - SO' dB tuftn t•.•.cho qua trinh dang nh~p h~ thBng

Chuang 3 Phan tich va thiSt kS h~ th6ng 25

3.2.3 Dang xu~t:

M6 ta:.D€ co th€ thoat kh6i h~ th6ng hay truac khi mu6n dang

nh?p vao m(>ttai khoan khac thi nhfrng user dff Dang nhgp deu phai Slr d\lllg chuc nang Dang xu6t.

Bizt d6u: Chuc nang nay duqc bat d~u khi nguai dung mu6n

thoat ra kh6i h~ th6ng

Ti~n di~u ki?n: Nguai dung dff dang nh?P

Lu6ng S\f ki~n chinh:

./ Ch(,)nchuc nang Thadt

./ H~ th6ng dang xuflt cho user./ Chuy€n trinh duy~t vS trang chu cua website./ KSt thuc

: :Merroer

Form Chue Nang I Control I

1 : Chon link dang xuat >:

1 2 : Luu thong tin mua hang neu e~i

: 3 : Luu thong tin mua hang neu co :

: 4: Dong phien lamviee :

P5: Chuyen den trang ehu

Hinh 3.05 - So' dB tufin tl}' cho qua trinh dang xu~t

Chuang 3 Phan tich va thiSt kS h~ th6ng 26

3.2.4 Mua hang trl}'c tuy~n:

M6 ta: Nguai dung co thS d~t hang tr\fc tuySn qua m?ng

B~t d~u: Chuc nang nay duqc b~t d~u khi ngmJi dung mu6n d~thang tf\Tc tuySn t?i nha hay b~t cu nai nao dang kSt n6i duqc v&iwebsite

Ti~n di~u ki~n: Phai la member cua website va hi~n dang dang

Lu6ng S\fki~n chinh:

./ Khi nguai dung xem san ph~m, va mu6n d~t mua sanph~mthi nh~n nut D~t hang

./ H~ th6ng se chuySn san ph~m vao gio hang / Nguai dung click vao nut Mua hang

./ Nguai dung ch<.mThai giao hang, Ten nguai nh?n va Dia

diSm giao hang

./ Nguai dung nh~n nut D?t hang

./ KiSm tra da dang nh?p chua NSu chua dang nh?P thi th\fchi~n lu6ng AI, nSu da dang nh?p thi th\fc hi~n lu6ng A2 / KSt thuc

Lu6ng nhcinh AI: Nguai dung chua dang nh?p

Yeu c~u dang nh?p

N Su thanh c6ng thi h~ th6ng chuySn sang trang mua hang

N Su th~t b?i h~ th6ng yeu c~u dang nh?p l?i

Lu6ng nhcinh A2: Nguai dung da dang nh?P

H~ th6ng chuySn dSn trang chi tiSt d?t hang

Chuang 3 Phan tich va thi~t k~ h~ th6ng 27

: MerrtJer

11 : Khach hang chon sp can mu;l

4 : Chon mua hang

IForm Mua Hang

2 : Xac nhan sp da chon

! 3 : Dua sa n pha m vaogio han~.

< ,

7 : Thong tin dung

9 : Thong tin thieu

r<

o10: Yeu cau nhap Iai

8 : Luu vao co so du lieu

Hinh 3.06 - SO' d& tuftn t\f cho qua trinh mua hang tr\fc tuy~n

3.3. Mo hinh chii'c nang va vai tro clla Admin:

Admin 1anguai Slr dVng chung nhc1t,din b~mnhc1tcua h~ th6ng Admin

co cac chuc nang can bim nhc1tthu(k h~ th6ng quan 1y website, bao g6m cacchuc nang nhu dang ky thanh vien vao h~ th6ng, dang nh~p vao h~ th6ng,dang xuc1tra kh6i h~ th6ng, quan 1y san ph~m ( them, xoa, c~p nh~t thong tinsan ph~m) thong tin khach hang, quan 1ydan di[tthang, quan 1yquang cao

Chuang 3 Phan tich va thiSt kS h~ th6ng 28

Quan Iy don dat hang

_ -Quan Iy thong tin khach hang

Hinh 3.07 - SO' dB use ease ella tae nhan Admin 3.3.1 Dang nh~p:

Admin mu6n lam vi~c v6i h~ th6ng c~n phai dang nh~p vao h~th6ng b~ng tai khoan cua minh da:dang ky

Bftt ailU: Chilc nang nay duqc b~t d~u khi Admin mu6n dangnh~p vao h~ th6ng

TiJn aiJu ki?n: La Admin chua dang nh~p ho?c da:dang xu:1t.

Lu6ng SlJ ki~n chinh:

./ C;h9n chilc nang Dang nh~p

Chuang 3 Phan tich va thi~t k~ h~ th6ng 29

./ Nh?p vao ten dang nh?p va m?t khfru, sau d6 nh~n nutDang nh?p

./ Kikm tra ten dang nh?R va m?t khfru c6 hgl? l~ hay kho,ng.Neu dung thlfc hl~n luong AI, neu khong thlfc hi~n luongA2

./ K~t thucLu6ng nhanh AI:

Chux~n d~n cac trang chu cua website, d6ng thai hi~nchuc nang Qmin trio

Lu6ng nhanh A2:

Hi~n thi thong baa l6i, yeu c~u user nh?P l~i

N~u user nh?p sai qua 3 l~n se khong cho phep nh?p mla.C6 th~ su dVng chuc nang Ldy !gi mcjt kh6u n~u nhu quenm?t khfru

Form Dang Nhap

6 : Thong bao dung

: 1: Nhap thong tin dang nhap>

!2 : Xac nhan thong tin dang nhag!

3 : Kiem tra thong tin dang nhap

>'14 :Kiem tra thong tin dang nh~! '

r::J10 : Thong bao dang nhap khong thanh cong i

Hinh 3.08 - SO' dB tuin tl}'cho qua trinh dang nh~p h~thBng

Chuang 3 Phan tich va thiSt kS h~ thdng 30

3.3.2 Dang nh~p:

M6 ta: D~ co th~ thmit kh6i h~ thdng thi Admin b~t bUQcphai Slr

dVng chuc nang Dang xu6t.

Bat iJ6u: Chuc nang nay duqc bat d~u khi Admin mudn thoat ra

kh6i h~ thdng

Ti~n iJi~u ki?n: Admin dff dang nh?P

Lu6ng sv ki~n chinh:

./ Ch9n chuc nang Thoat / H~ thdng dang xu~t Admin / Chuy~n trinh duy~t vS trang chli website / KSt thuc

1 : Chon link dang xuat >:

W 5: Chuyen den trang chu

Hinh 3.09 SO' dBtu~n tl}' cho qua trinh dang xufit

Chuang 3 Phan tich va thiSt kS h~ th6ng 31

3.3.3 Quan ly chung lo~i:

M6 ta: Trang qua trinh quan ly Chung lo?i, Admin d.n c~p nh~t,

thay d6i thong tin cua Chung lo?i

Blit e!du: Chuc nang nay duqc su d\mg khi Admin thay d6i,themmai, x6a thong tin Chung lo?i

Ti~n i1i~uki?n: Admin da:dang nh~p.

Lu6ng s\l' ki~n chinh./ Admin click vao Chung lo?i tren menu / H~ th6ng chuy~n dSn trang Danh sach chung lo?i / Hi~n thi thong tin Chung lo?i va cac chuc nang them, x6a,sua Chung lo?i

Lu6ng nhanh AI: Them mai Chung lo?i

Nguai dung click chQn nut Them maioChuy~n dSn trang nh?P thong tin Chung l<;>aimaioNguai dung nh~p cac thong tin v~ Chung lo?i maioNh~n nut Luu

KSt thuc

Lu6ng nhitnh A2: C?P nh~t Chung lo?i

Sau khi them Chung lo?i mai, h~ th6ng se load tra v~

trang Danh sach chung lo?i

Nguai dung click chQn Chung lo?i c~n thay d6i

H~ th6ng chuy~n dSn trang dang luu thong tin v~ Chung

Nguai dung thay d6i thong tin c~n c~p nh~t

Nh~n nut C~p nh?t

Chuang 3 Phan tich va thi~t k~ h~ th6ng

Chuang 3 Phan tich va thiSt kS h~ th6ng 33

I Control I

6 : Nhap thong tin chung Ioai lTDi

1 : Chon rrenu chung Ioai

i p2 : Load form danh sach chung Ioai

:3 : Chon chuc nang them lTDichung bS!!

4: Chuyen sang trang rrachungloai >

15 : Load cae f1ekJthong tin chung Ioail

>:

7 : Luu thong tin chung Ioai

• • , ".

11 : Load ferm danh sach chung Ioai

8 : Luu thong tin chung Ioai

10 : Luu thanh cong

'9 : Luu thong tin chung~i

1

13 : Chon chung loai can thay doi>! 12 : Hien thong tin chung Ioai

14 : Chuyen sang trang ITDtchungloai _

'< J15 : Load thong tin chung Ioai

~ 1_6_:_Su_a_th_O_ng_t_in_ch_u_ng_loa_i ~ ~""

17 : Chon uu thong tin

•

21 : Load form danh sach chung Ioai

24 : Load xac nhan xoa

19 : Luu thong tin •••'

, 26: Xoa thong tin

18 : Luu thong tin

20 : Luu thanh rong

,

29 : Load form danh sach chung Ioai _ - _ _.1

25: Chon xoa

23 : Chon chung Ioai can xoa

Hinh 3.10 - SO' dA tuftn tl)' cho qua trinh Quan Iy chung lo~i

3.3.4 Quan Iy lo~i san phftm:

Mo ta: Trong qua trinh quan 1y Lo?i san ph~m, Adminnh?t, thay d6i thong tin eua Lo?i san ph~m

Chuang 3 Phan tich va thiSt kS h~ th6ng 34

B~t d~u: Chilc nang nay duqc Slr d\lng khi Admin thay d6i,themmai, x6a thong tin Lo?i san ph~m

Ti~n di~u ki~n: Admin dff dang nh?PLu6ng sv ki~n chinh

v' Admin click vao Lo?i san ph~m tren menu

v' HO thOng sOchuyOn dOn trang Danh sach loOi sOnphOm

v' HiOn thO thong tin LoOi sOnphOm va cac chOc nang them,x6a, sOaLoOi sOnphOm

Lu6ng nhanh A l: Them mai Lo?i san ph~m

NgmJi dung click chc;m nut Them maioChuySn dSn trang nh?P thong tin Lo?i san ph~m maioNguai dung nh?p cac thong tin v~ Lo?i san ph~m maioNh~n nut Luu

KSt thuc

Lu6ng nhanh A2: C?P nh?t Lo?i san ph~m

Sau khi them Lo?i san ph~m mai, h~ th6ng se load tra v~trang Danh sach lo?i san ph~m

Nguai dung click chc;m Lo?i san ph~m c~n thay d6i

H~ th6ng chuySn dSn trang dang luu thong tin v~ Lo?i sanph~m

Nguai dung thay d6i thong tin c~n c?P nh?t

Nh~n nut C?P nh?t

KSt thuc

Lu6ng nhanh A3: X6a thong tin Lo?i san ph~m

Sau khi them Lo?i san ph~m mai, h~ th6ng se load tra v~trang Danh sach lo?i san ph~m