Hình 6.1 Giao diện trang chủ
Trong phần trang chủ gồm có phần banner quảng cáo, lấy từ cơ sở dữ liệu.
Xuống dưới có phần Navigation gồm có các link liên kết đến các trang như: trang chủ, giới thiệu, hướng dẫn, khuyến mãi, liên hệ. Ngoài ra nếu Admin đã đăng nhập thì còn có thêm phần amdin link đến trang quản trị còn các user bình thường sẽ không thấy link này.
Phần sidebar phía bên trái gồm có 1 form tìm kiếm, và 1 menu các loại sản phẩm, hảng ,số lượng số lượng model trên hảng.
Phía bên phải có 1 form để người dùng đăng nhập hoặc tạo tài khoản mới nếu người dùng chưa có tài khoản. Tiếp đến là phần giỏ hàng lưu trữ số lượng sản phẩm mà người dùng đã chọn, ngoài ra còn có link liên kết đến trang chi tiết giỏ hàng. Tiếp đến là phần
26
thông tin số lượt truy cập website. Cuối cùng là phần hổ trợ khách hàng online thông qua yahoo chat nằm góc dưới phía bên phải website.
Hình 6.2 Giao diện trang chủ (tiếp)
Phần dưới cùng gồm phần cập nhật tin tức công nghệ mới nhất. Phần copyright và phần liên hệ.
27
Trang này chủ yếu chứa các thông tin về công ty, cam kết chất lượng phục vụ với khách hàng.
28
Hình 6.5 Trang liên hệ
29
Hình 6.7 Khung thông tin khách hàng sau khi đăng nhập
Hình 6.8 Khung thông tin tài khoản người dùng
Trang thông tin cái nhân chứa các thông tin mà khách hàng đã đăng ký, gồm có username, password đã được mã hóa,...
Khách hàng củng có thể sửa chữa thông tin đã đăng ký bằng cách click vào button
30
Hình 6.9 Khung chỉnh sửa thông tin người dùng
31
Phần giỏ hàng chứa các sản phầm mà khách hàng đã chọn gồm tên sản phẩm, số lượng, đơn giá, trị giá, tổng trị giá. Khách hàng củng có thể cập nhật lại số lượng của từng sản phẩm. Hoặc có thể click vào button MuaTiếp để chọn thêm sản phẩm hoặc so sánh sản phẩm.
Phía bên dưới có thêm 1 form điền thông tin khách hàng để tiện cho việc giao dịch sau này. Sau khi khách hàng đã chọn đủ số lượng thì click vào button Thanh Toán để thực hiện việc thanh toán online thông qua nganluong.vn.