Hình 3.21 M u báo cáo s d cu i k
3.5 Giao di n bán hàng tr c tuy n
3.5.1 S l c v h th ng bán hàng tr c tuy n
Hi n nay, nhu c u mua s m online đang ph bi n trong mơ hình ho t đ ng kinh t , không nh ng giúp ng i tiêu dùng ti t ki m đ c th i gian mua hàng, còn giúp cho vi c ch n s n ph m c a ng i tiêu dùng đ c d dàng h n. Ch c n đ ng ký tài kho n, là khách hàng có th d dàng mua s m tr c tuy n.
H th ng mua s m online giúp cho vi c th ng m i c a trung tâm mua s m đ c thu n ti n h n, ti t ki m chi phí qu ng bá s n ph m, mà còn đ a vi c mua s m vào trong t ng gia đình m t cách d dàng. Ch đ n gi n ch n s n ph m ng ý và hình th c thanh tốn, ng i tiêu dùng đã d dàng s h u s n ph m v i nh ng u đãi v khuy n mãi đ y đ nh ng i t i mua s m t i gian hàng mà không m t nhi u công s c th i gian b ra.
Bên c nh ch ng trình qu n lý trung tâm th ng m i, nhu c u th c hi n website là c n thi t trong vi c phát tri n mơ hình kinh doanh và đáp ng nhu c u phát tri n c a kinh t th tr ng.
Mô t t ng quan h th ng
Hi n nay, đ đáp ng đ c xu h ng t t y u c a kinh t th tr ng, m t trang web bán hàng c n ph i có các thành ph n chính sau:
o Hi n th thơng tin s n ph m o Mua s m online
o Tin t c, s ki n c p nh t
o Thanh toán qua các ph ng th c nh Ngân l ng, b o kim vv… o Thành viên khách hàng
o Giao di n tr c quang, d ti p c n, s d ng.
Sau đây, chúng ta s đi vào t ng ph n c a website đ xem xét các y u t k trên đã đ c th hi n nh th nào
3.5.2 Trang ch
Hình 3.22 Tồn c nh Trang ch
Nh hình 1, ta d nh n th y trang web v c b n phân b ra làm 3 ph n : Ph n đ u trang
Ph n logo c a trung tâm đ c đ t vào ph n đ u trang đ th hi n bi u t ng và b m t c a trung tâm s h u trang web, k đ n là ph n đ ng nh p cho khách hàng có ý đnh mua hàng tr c tuy n. N u khách hàng ch a có tài kho n thì có th nh n vào nút ng ký, ch qua vài b c khai báo cá nhân và nh p captcha và đã có th s d ng h th ng mua s m tr c ti p qua m ng.
Ti p đ n là banner, t i đây trung tâm mua s m có th đ t các banner qu ng cáo th ng hi u ho c các s n ph m có nhu c u.
K đó là ph n gi hàng, gi hàng ch ho t đ ng th c s khi chúng ta ch n mua hàng. V n đ này s đ c nói ph n sau
Hình 3.23 Gi hàng
Cu i cùng bên ph i là ph n tìm ki m s n ph m, ng i dùng nh p b t k n i dung có liên quan đ n s n ph m c n ki m đ hi n th s n ph m mong mu n.
Ph n thân trang
Chúng ta có th nh n th y ph n thân trang web đ c chia ra làm 2 c t . C t trái : bao g m các thành ph n sau
Menu: T i đây, ng i dùng có th chuy n h ng theo dõi sang các trang khác c a trang web.
C u trúc c a thanh menu bao g m các ph n sau
o Trang ch : chính là trang m đ u c a trang web, ng i s d ng s vào trang này đ u tiên
o Danh m c s n ph m : v c b n trang này gi ng v i trang ch do cùng hi n th các s n ph m đ ng i dùng ch n khi b c vào trang web, nh ng khi ng i dùng đ a chu t vào ph n menu c a này, s xu t hi n menu con, t i đây ng i dùng có th phân lo i s n ph m mình mong mu n đ hi n th .
Hình 3.24 Menu danh m c s n ph m
o Gi i thi u: ch a n i dung gi i thi u t ng quát v trung tâm th ng m i Parkson.
o Tin t c : ng i s d ng h th ng có th theo dõi thơng tin v kinh t trong 24 gi v a qua trên trang này.
o Liên h : ng i có nh ng ý ki n đóng góp ho c liên l c v i trung tâm thông qua vi c s d ng liên h .
o Gi hàng : N i ng i dùng có th xem nh ng món hàng đã đ t trong gi . T i dây ng i dùng đ c t do ch nh s a v s l ng s n ph m ho c thêm xóa các m t hàng .
o Liên l c : c s d ng đ liên l c tr c ti p v i b ph n k thu t ho c mua bán hàng đ bi t thêm thơng tin chi ti t.
Hình 3.25 Liên l c online
o C t ph i : n i th hi n s n ph m , t i đây s n ph m và thông tin s n ph m c ng nh n i dung ch đ o c a trang web đ c th hi n .
Hình 3.27 Gi i thi u
Ph n k t trang :
o Ph n k t dùng đ hi n th đa ch liên h và b n quy n c a trang web.
o Bên c nh các ph n chính đã nêu trên, khách hàng có th s d ng nút Top đ tr v ph n đ u trang d dàng. c s d ng khi ph n phân trang th hi n n i dung quá dài .Nút luôn hi n th ph n cu i bên trái trình duy t.
Hình 3.29 Nút back to top
Chi ti t website
V c b n, website bao g m các trang chính sau đây: o Trang hi n th s n ph m :
ây là n i nhi u s n ph m đ c th hi n theo yêu c u ng i dùng .T i đây ng i dùng có th ch n hi n th các s n ph m theo mong mu n , nh lo i s n ph m ho c các s n ph m có tên hi n th nh ng i dùng ch đnh . N u s n ph m hi n th quá nhi u, h th ng s th c hi n vi c phân trang.
Hình 3.30 Hình nh trang ch
i v i trang ch và danh m c s n ph m, c t hi n th n i dung s hi n th to n b s n ph m m t cách ng u nhiên. N u ng i dùng nh p n i dung c n tìm ki m
vào khung tìm ki m, s n ph m có n i dung trùng kh p th a đi u ki n tìm ki m s hi n th vào khung n i dung.
Hình 3.32: Khung hi n th khi n i dung c n tìm là “Ti vi”
Hình 3.31 S n ph m hi n th theo danh m c Laptop
o Hi n th thông tin s n ph m:
Khi ng i dùng mu n xem thông tin chi ti t m t s n ph m, b m vào nút xem trong khung s n ph m mong mu n đ c th hi n đ hi n th các thông tin c a ng i dùng .
Hình 3.32 N i dung 1 s n ph m
T i đây, thu c tính chi ti t c a 1 s n ph m đ c th hi n, theo hình 11, ta th y rõ lo i c a s n ph m, Giá ti n c a s n ph m và các thơng tin thu c tính. Theo CSDL, các thơng tin thu c tính này thay đ i theo t ng lo i s n ph m, giúp cho các s n ph m đ c phân b thu c tính chi ti t theo t ng dịng s n ph m.
Theo hình trên, ta c ng nh n th y nút đ t mua và ô s l ng c n mua c a s n ph m, nút xem gi hàng . Các ph n t này giúp cho vi c đ t mua hàng online đ c thu n ti n và d dàng h n v i ng i s d ng.
Bên d i, ngồi vi c hi n các thơng tin s n ph m, ng i dùng cịn có th tham kh o các s n ph m t ng t cùng lo i khác.
Trang gi hàng:
th c hi n vi c ki m tra các s n ph m đã đ t mua c ng nh xác nh n vi c mua hàng, trang gi hàng đ c thi t k đ th a mãn các nhu c u trên.
Hình 3.33 Gi hàng
Nh hình ta th y, ngồi vi c đ t mua hàng, trang web cịn tích h p vào các nút thanh toán b ng b o kim hay ngân l ng các đ i t ng thanh toán online ph bi n hi n nay.
Chi ti t c a đ n hàng c ng đ c th hi n thơng qua hình nh table, m i record th hi n m t s n ph m đã đ t mua. m i dòng s n ph m ng i dùng có th tùy ch n m t s n ph m b ng cách nh p vào dịng s n ph m đó, trang thơng tin s hi n th n i dung s n ph m, ng i dùng ch vi c nh p l i s l ng s n ph m mong mu n đ c đ t đ thay đ i. Thành ti n và s n ph m t ng kèm s thay đ i theo s l ng s n ph m đ c đ t.
Vi c hi n th t ng ti n cho phép ng i s d ng theo dõi t ng đ n hàng đ t s ti n bao nhiêu.
đ t thành công s n ph m ta ch n “Thanh toán” . Nh p theo ch d n c a trang web đ đ t hàng thành cơng.
Hình 3.35 Ch n ph ng th c thanh toán
T i b c này n u khơng hài lịng v đa ch đã nh p , ta ch n dòng đ a ch bên d i đ đ c tr l i b c 1.
T b c này n u ch n “Thanh toán tr c ti p”, đ n đ t hàng s đ c xác l p . Vi c thanh toán s đ c th c hi n khi vi c giao hàng thành cơng, ng i giao hàng mang hóa đ n v và xác nh n v i trung tâm đã giao d ch thành công đ l u hóa đ n vào csdl.
N u khách hàng ch n vi c thanh toán qua ngân hàng, đ ki m tra quá trình giao d ch, project “BankOnline” đ c t o ra ph c v cho vi c thanh tốn online, các thơng tin v tài kho n đ u đ c l u tr trong csdl riêng và ch đ c truy xu t b i chính project. Project s cung c p webservice đ ph c v cho vi c xác nh n tài kho n phía ngân hàng và thi t l p giao d ch n u đã xác nh n thành công tài kho n.
Hình 3.36 Xác nh n tài kho n ngân hàng
T i b c này n u nh p đúng s tài kho n ngân hàng , vi c thanh toán s t đ ng đ c th c hi n, l ch s giao d ch đ c l u l i t i CSDL phía ngân hàng . N u nh p sai, h th ng s báo sai mã tài kho n vi c giao d ch h y b .
T t c hình th c thanh tốn đ u d n đ n trang giao d ch thành công , nh ng đ i v i thanh tốn tr c tuy n. Khi thành cơng h th ng d ng l i b c nh p thành công đ n hàng online vào c s d li u , nh ng đ i v i chuy n kho n ngân hàng, vì m i s n ph m đ u đ c đ u chuy n v hóa đ n t i t ng qu y, m i qu y có 1 hóa đ n riêng bi t n u s n ph m đ c đ t có t i qu y đó.
Hình 3.37 Giao d ch thành công
L u ý : khi đã giao d ch thành công, gi hàng đ c làm tr ng đ ph c v cho vi c đ t hàng ti p theo.
Trang gi i thi u:
Trang này đ c s d ng cho vi c gi i thi u thông tin v trung tâm, l ch s phát tri n .Hi n trang có n i dung gi i thi u trung tâm th ng m i Parkson .
Hình 3.38 Trang gi i thi u công ty(trung tâm th ng m i)
Trang tin t c:
Ngoài vi c th c hi n mua s m, h th ng c ng ph c v cho vi c theo dõi thông tin di n bi n các s ki n v kinh t , thông qua ph ng th c RSS , h th ng th c hi n vi c chuy n toàn b n i dung bài vi t t ngu n RSS (trong ch ng trình hi n đang s d ng RSS tin t c kinh t c a )
Trang liên h :
N i ng i s d ng g i ý ki n th c m c hay nh ng thông tin c n thi t cho trung tâm, vi c nh p các thông tin c n thi t và xác nh n s g i mail và các thông tin c n thi t c a ng i dùng vào email c a trung tâm .
Hình 3.41 Hình nh trang Liên h
Trang liên h c ng cung c p d ch v google maps giúp ng i dùng d dàng đnh v v trí c a trung tâm .
Trang đ ng nh p, đ ng ký , l y m t kh u
Vi c đ ng nh p giúp d dàng nh n bi t thông tin khách hàng, khi n vi c thanh toán đ c xác minh rõ ràng h n, tránh tình tr ng mua bán khơng rõ đa ch . Ngồi ra, cịn d dàng phát tri n , khách mua hàng d nh n nh ng u đãi khi đ ng ký thành viên, thu n l i trong mua s m.
Giao di n c a đ ng nh p và đ ng ký c ng d s d ng, không c n xác nh n email, ng i dùng ch c n đ ng ký thành công, xác nh n các thông tin c n thi t cho vi c thanh tốn là đã có th s d ng đ c vi c thanh toán qua gi hàng.
Hình 3.42 Giao di n đ ng nh p
Hình 3.44 Giao di n l y m t kh u
V i trang đ ng nh p, ng i dùng c n nh p tên ng i dùng và m t kh u đ xác nh n đ ng nh p.
V i trang đ ng ký ng i dùng, Ng i dùng c n nh p đ các thông tin đánh d u * . Trang đ ng ký có s d ng h th ng recaptcha đ xác nh n vi c đ ng ký tài kho n. Tránh tình tr ng các ch ng trình đ c h i s d ng đ đ ng ký t đ ng các trang web, gi m tình tr ng tài kho n ma trong ch ng trình. Khi đã nh p các thông tin c n thi t và xác nh n captcha. H th ng t đ ng ki m tra các thông tin đã h p l không. N u t t c thơng tin nh p vào chính xác, vi c s d ng tài kho n h p l , khách hàng có th b t đ u đ t hàng vào gi .
V i trang quên m t kh u, đ n gi n ch c n khách hàng nh p vào đ a ch email đã đ ng ký. H th ng s g i mail t đ ng đ n đ a ch email đã đ ng ký c a khách hàng. N i dung email g m tên tài kho n và m t kh u đã đ ng ký t i website.
3.5.3 c đi m n i b t c a website
Website s d ng ch đ o b i css và n i dung web h u h t đ c th hi n b ng javascript .
Thông qua các file css trong project, các thành ph n c a web đ c th hi n đúng cách. Qua đó h th ng hi n th các thành ph n rõ ràng và tr c quan. Các hi u ng c a button hay các th a , div c ng thông qua css đ hi n th rõ nét.
Vi c s d ng AJAX đ hi n th s n ph m đ y nhanh t c đ s n ph m hi n th trên website. Gi m th i gian khách hàng ch đ i.
Các handler dùng ch đ o cho vi c s d ng x lý các thông tin đ c g i trong javascript . Các javascipt s d ng công ngh AJAX đ k t n i các handler x lý các thông tin yêu c u t phía client.
Thanh tốn online có tích h p các cơng ngh Webservice th hi n gi l p phía ngân hàng. Cho th y s l u thông và logic trong v n đ thanh toán và nh n hàng. N u thanh toán ra ngân hàng, vi c đ y đ n hàng vào thành t ng hóa đ n c a riêng các qu y đ c h th ng th c hi n m t cách t đ ng.
-Trang tin t c có th l y tin và n i dung c a trang cung c p RSS cho vào chính website .
Ch ng 4 K T LU N
4.1 N i dung ch ng trình đã th c hi n
ng d ng qu n lý kinh doanh và h th ng bán hàng tr c tuy n đã th c hi n đ y đ các nghi p v đã đ ra trong các v n đ qu n lý s n ph m, khách hàng, qu n lý dịng l u