Trang ch trang đ u tiên khi ng i xem truy c p vào website, li t kê các liên k t đ n các trang khác c a website, trình bày các thông tin, s ki n, gi i thi u và đ c bi t là gi i thi u v s n ph m c a website.
Trang ch đ c thi t k v i mong mu n cho phép ng i xem có đ c thông tin
nhanh nh t v các dòng s n ph m c a website, v i thi t k tr ng bày các s n ph m n m trung tâm c a website, các m c menu hãng s n xu t n m bên trái và ph n tìm
ki m n m bên ph i website cho phép khách hàng có th tìm ki m đ c thông tin v
s n ph m mình c n tìm m t cách nhanh nh t.
Giao di n trang ch c a website đ c thi t k bao g m 5 ph n: header (bên trên
c a website), footer (bên d i), left menu (bên trái), right menu (bên ph i), content (n i dung).
Hình 4.1. Trang ch c a website.
4.1.2. Ph n header.
Ph n header c a website bao g m banner, thanh menu ngang, m c hi n th s
Banner c a website đ c thi t k b ng công ngh Jquery cho phép ng i xem có
th xem nhi u banner cùng lúc, nh m chuy n t i đ c nhi u thông tin, n i dung h n
so v i các banner t nh, và c ng nh m m c đích thu hút đ c nhi u t m m t h n.
Thanh menu ngang c a websie có các m c: trang ch (v trang ch c a website),
tài kho n (bao g m m c đ ng kí và đ ng nh p), h ng d n, liên h . Thanh menu này
đ c hi n th trong t t c các trang c a website.
Ch c n ng xem gi hàng cho phép khách hàng xem l i gi hàng hi n t i, mà qua đó khách hàng có th ki m soát d dàng các s n ph m trong gi hàng c a mình.
Hình 4.2. Ph n header c a website.
4.1.3. Ph n footer.
Ph n footer c a website ch a các thông tin v tác gi c a website.
Hình 4.3. Ph n footer c a website.
4.1.4. Ph n left menu.
Ph n left menu bao g m m t menu d c ch a t t c các lo i s n ph m đ c bày bán
trên website nh : máy laptop, máy b hãng, máy b HT (máy do nhà qu n tr c u hình), mainboard, cpu – vi x lý, ram – b nh , hdd – đ a c ng, card màn hình, power – ngu n, case - thùng máy.
Khi khách hàng nh p ch n vào m t trong các m c trong ph n này thì trong ph n content c a website s hi n th danh sách các s n ph m thu c lo i s n ph m đã ch n.
Hình 4.4. Ph n left menu c a website.
4.1.5. Ph n right menu.
Ph n right menu th hi n ch c n ng tìm ki m c a website, cho phép khách hàng có th tìm ki m theo các thông tin: lo i s n ph m, hãng s n xu t, giá t , giá đ n c a s n ph m. Khi khách hàng nh p vào tìm ki m thì trong ph n content c a website s hi n th danh sách t t c các s n ph m theo n i dung đã tìm ki m. Ph n tìm ki m này s đ c hi n th trong t t c các trang khách hàng c a website.
Hình 4.5. Ph n right menu c a website.
4.1.6. Ph n content:
Ph n content ch a t t c các s n ph m đ c khách hàng ch n theo lo i (left menu) ho c đ c tìm ki m (right menu).
Các s n ph m này ng v i t ng lo i s n ph m s đ c chia ra thành 3 nhóm: s n
ph m cao c p, trung c p, ph thông. Các nhóm này s ch a các s n ph m có giá ti n trong kho n nào đó. Và m i nhóm s li t kê ra t t c các s n ph m có giá ti n thu c
kho ng nhóm c a mình. Khi không có s n ph m nào thu c nhóm c a mình thì ch ng
trình s hi n th thông báo “không có s n ph m” bên d i nhóm đó.
Và khi khách hàng ch n vào m t s n ph m nào đó trong ph n content thì website
Hình 4.6. Ph n content c a website.
4.2. ng kí và đ ng nh p c a h th ng website .
4.2.1. ng kí.
Ch c n ng đ ng kí đ c s d ng đ t o m t tài kho n cho khách hàng khi có nhu
c u đ t mua hàng trên website.
Khi khách hàng đ ng kí c n ph i cung c p đ y đ các thông tin đ ng kí nh : h tên, gi i tính, email, s đi n tho i, đ a ch , v..v. Và n u khách hàng cung c p thông tin sai ho c không nh p thông tin thì h th ng s hi n th lên thông báo c nh báo v nh ng thông tin ch a đúng đó.
Khi đ ng kí thành viên thành công h th ng s chuy n khách hàng t i trang ch , và lúc này khách hàng có th s d ng các ch c n ng thành viên c a website.
4.2.2. ng nh p:
Ch c n ng đ ng nh p c a website đ c s d ng v i m c đích cho ng i dùng
đ ng nh p vào h th ng website bao g m: các thành viên (khách hàng đã đ ng kí),
nhân viên nh p hàng và nhà qu n tr website. Khi đ ng nh p ng i dùng ph i cung c p đ y đ và chính xác các thông tin v tên đ ng nh p và m t kh u. n u thông tin sai h th ng s hi n th thông báo c nh báo cho ng i dùng.
Hình 4.8. Trang đ ng nh p c a website.
N u tài kho n c a khách hàng, nhân viên nh p hàng hay nhà qu n tr (khóa b i systemadmin) đang b t m khóa, khi đ ng nh p vào h th ng s hi n th c nh báo “tài kho n c a b n hi n đang t m khóa, xin vui lòng quay l i sau”.
Hình 4.9. ng nh p v i tài kho n b khóa.
Sau khi đã đ ng nh p thành công v i quy n:
• Thành viên: Thì h th ng s chuy n t i trang ch c a website và lúc này khách
hàng có th s d ng các ch c n ng thành viên c a website.
• Nhân viên: Nh p hàng thì h th ng s chuy n t i trang nh p hàng lúc này nhân
viên s th c hi n ch c n ng nh p hàng vào website c a mình.
• Nhà qu n tr : Thì h th ng s chuy n t i trang qu n tr website và t i trang
qu n tr này nhà qu n tr s đ c cung c p các công c đ qu n lý website:
qu n lý khách hàng, đ n hàng, hàng t n kho, qu n lý nhà cung c p, lo i s n