I. Nội dung báo cáo Mở đầu:
CHƯƠNG 3: THIẾT KẾ GIAO DIỆN VÀ PHÂN TÍCH CHỨC NĂNG MỖI TRANG.
I.3.1 Phần dành cho khách hàng Màn hình giao diện trang chủ.
Màn hình giao diện trang chủ.
28
29
- Truy cập vào các danh mục sản phẩm
- Truy cập vào các sản phẩm để xem chi tiết và mua hàng
- Tìm kiếm sản phẩm
- Truy cập vào giỏ hàng
- Kiểm tra đơn hàng và thông tin cá nhân nếu đã đăng nhập
- đăng nhập hoặc đăng kí nếu người dùng chưa đăng nhập
- Xem thông tin của công ty
Trang chi tiết loại sản phẩm.
Hình 3: Giao diện trang chi tiết loại sản phẩm.
Vào trang này khách hàng có thể:
- Danh sách sản phẩm của loại sản phẩm đó
- Xem số lượng sản phẩm thuộc loại sản phẩm đó
30
- Sắp xếp theo giá thành
- Xem thông tin sản phẩm và mua hàng khi nhấp chuột vào những đơn vị trên danh sách sản phẩm
Trang chi tiết sản phẩm.
Hình 4: Giao diện trang chi tiết sản phẩm.
Vào trang này khách hàng có thể:
- Xem chi tiết thông tin sản phẩm như: Hình ảnh, khối lượng, giá thành, đánh giá, mô tả sản phẩm,...
31
Hình 5: Giao diện trang đăng ký thành viên.
Nếu khách hàng muốn trở thành thành viên của trang web, khách hàng vào trang “Đăng ký” và nhập các thông tin cần thiết mà trang web đưa ra để yêu cầu nhập.sau khi nhập xong thông tin khách hàng nhấn vào nút “Đăng ký”.
Trang đăng nhập.
32
Hình 6: Giao diện trang đăng nhập.
Sau khi đăng ký hoặc đã có sẵn tài khoản từ trước thì người dùng có thể nhập tài khoản và mật khẩu vào trang “Đăng nhập” để có thể đặt hàng và xem thông tin các nhân.
Trang giỏ hàng
Hình 7: Giao diện trang giỏ hàng.
Trang thông tin giỏ hàng sẽ hiển thị tất cả các mặt hàng mà bạn đã chọn. trong này bạn có thể thay đổi số lượng mua hàng cũng như mặt hàng bạn muốn mua. Sau khi thực hiện hoàn tất mua hàng bạn có thể tiếp tục thao tác chọn địa chỉ bằng cách click vào nút “Tiếp tục đặt hàng”, màn hình trang thanh toán sẽ hiện ra, nếu bạn chưa đăng nhập thì web sẽ chuyển bạn đến trang đăng nhập.
Trang địa chỉ.
33
Hình 8: giao diện trang địa chỉ
Nhập và chọn tỉnh thành quận huyện bạn muốn giao tới cũng như số điện thoại liên lạc, khi nhập xong thì nhấn nút “tiến hành đặt hàng” để đến trang chọn phương thức vận chuyển.
Trang chọn phương thức giao hàng.
Hình 9: giao diện trang chọn phương thức giao hàng
34
Ở trang này sẽ cho chúng ta danh sách các hình thức giao hàng, người dùng phải chọn 1 trong các hình thức đó và đến bước thanh toán khi click nút “tiếp tục đơn hàng”.
Trang xác thanh toán.
35
Trang tìm kiếm tổng.
Hình 11: Giao diện trang tìm kiếm tổng
36
Trang cá nhân.
Hình 12: Giao diện trang cá nhân Trang lịch sử mua hàng.
Hình 13: Giao diện trang lịch sử mua hàng
37
Hình 14: Giao diện trang chi tiết đơn hàng Trang thông tin các nhân.
Hình 15: Giao diện trang thông tin cá nhân
38