Thi tk giao di nế ệ

Một phần của tài liệu (TIỂU LUẬN) đồ án tìm HIỂU và xây DỰNG hệ THỐNG THÔNG TIN CHO DOANH NGHIỆP THƯƠNG mại đề tài WEBSITE bán GIÀY (Trang 32 - 48)

CHƯƠNG 3: TH IT KH TH NG THÔNG TIN Ố 3.1 Thi t k c s d li uếế ơ ở ữ ệ

3.2 Thi tk giao di nế ệ

Giao diện trang chủ: Đây là trang giao diện đầu tiên khi vào link bán giày trực

tuyến

Chức năng đăng nhập, đăng ký: Khi khách hàng muốn thanh tốn đơn hàng thì

phải đăng nhập (đối với khách hàng đã đăng ký tài khoản) và đăng ký (đối với khách hàng chưa có tài khoản). Khi đăng nhập hay đăng ký sau khi thêm sản phẩm vào giỏ hàng thì giỏ hàng vẫn sẽ giữ nguyên.

Chức năng xem và lọc sản phẩm: Tại giao diện này ta có thể xem sản phẩm và

danh mục các hãng và loại sản phẩm. Có thể tìm kiếm sản phẩm trực tiếp hoặc lọc sản phẩm dựa theo Thương hiệu và Loại sản phẩm.

Giao diện giỏ hàng: Những sản phẩm được đưa vào giỏ hàng sẽ được hiển thị ở

đây. Khách hàng có thể xóa sản phẩm trong giỏ hàng khi bấm “thùng rác” để xóa. Nếu khách hàng muốn thanh tốn nhấn vào “Proceed to Checkout” thì tiến hành thanh tốn, cịn chưa thì tiếp tục mua hàng.

Giao diện quá trình thanh tốn: Khách hàng xem thông tin đơn hàng cùng với

các thơng tin trong q trình thanh tốn. Đối với khách hàng mới thì chọn địa chỉ giao hàng, sau đó chọn phương thức vận chuyển và thanh tốn. Sau khi đã kiểm tra thơng tin hồn thành thì bấm vào nút “Submit order”.

Giao diện User manager: Tại giao diện này ta có thể thêm mới user khi nhấn nút

“Create new user”, sửa tài khoản khi nhấn nút “Edit”, xoá tài khoản khi nhấn nút “Delete”, Tìm kiếm tài khoản.

Giao diện Create new user: Nhập thông tin đầy đủ, nhấn nút “Submit” là tạo

Giao diện chỉnh sửa user: Tại giao diện này ta có thể cập nhật thơng tin user

Giao diện Edit profile: Tại giao diện này ta có thể xem hồ sơ, sửa hồ sơ, đổi mật

Giao diện Wish List: Tại giao diện này ta có thể xem danh sách sản phẩm ta đã

thích

Giao diện manager: Product manager, user manager, brand manager, type

manager, warehouse manager

Giao diện Create new product: Tại giao diện này ta có thể thêm thơng tin sản

Giao diện Warehouse:

Giao diện thêm và sửa thương hiệu:

Giao diện View Orders: Tại giao diện này ta có thể xem lịch sử đơn hàng và chi

tiết lịch sử đơn hàng

Một phần của tài liệu (TIỂU LUẬN) đồ án tìm HIỂU và xây DỰNG hệ THỐNG THÔNG TIN CHO DOANH NGHIỆP THƯƠNG mại đề tài WEBSITE bán GIÀY (Trang 32 - 48)