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ủ.
Trang này giới thiệu tổng quan về các mặt hàng thực phẩm. Khách hàng có thể:
- Xem danh sách sản phẩm nổi bật, sản phẩm mới, sản phẩm bán chạy, và các sản phẩm theo danh mục thường thấy.
- 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.
Thương mại điện tử và ứng dụng
- 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.
- Thêm sản phẩm và tùy chỉnh số lượng trước khi thêm vào giỏ hàng - Xem các sản phẩm tương tự trên các danh sách sản phẩm gợi ý
Trang đăng ký thành viên.
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ý”.
Thương mại điện tử và ứng dụng
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 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ỉ.
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.
Thương mại điện tử và ứng dụng
Hình 9: giao diện trang chọn phương thức giao hàng
Ở 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”.
Thương mại điện tử và ứng dụng
chỉ giao nhận hàng, phương thức thanh toán và thông tin về sản phẩm đã được mua. Sau khi xem song các thông tin trên trang khách hàng chọn phương thức thanh toán và đặt hàng.
Trang tìm kiếm tổng.
Hình 12: Giao diện trang cá nhân Trang lịch sử mua hàng.
Thương mại điện tử và ứng dụng
Hình 13: Giao diện trang lịch sử mua hàng Trang chi tiết đơn hàng.
Hình 14: Giao diện trang chi tiết đơn hàng Trang thông tin các nhân.
Thương mại điện tử và ứng dụng
Hình 15: Giao diện trang thông tin cá nhân