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 toá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 toán nhấn vào “Proceed to Checkout” thì tiến hành thanh toán, còn chưa thì tiếp tục mua hàng.
Giao diện quá trình thanh toán: Khách hàng xem thông tin đơn hàng cùng với các thông tin trong quá trình thanh toá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 toán. Sau khi đã kiểm tra thông tin hoà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 thành công tài khoản
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 khẩu
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 phẩm và thêm hình ảnh sản phẩm
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