Nhóm người dùng là người dùng cuố

Một phần của tài liệu Hệ thống website bán hàng trực tuyến Trang sức shop.docx (Trang 33 - 49)

5. Các giao diện người dùng

5.2. Nhóm người dùng là người dùng cuố

Giao diện GDUs001

 Mục đích : Tìm kiếm sản phẩm.

Hình 3.5.2.1_Giao diện Tìm kiếm

 Control “Tìm” có tác dụng tìm kiếm các sản phẩm có tên giống từ khóa được nhập vào, thuộc loại sản phẩm được chọn, phù hợp với mức giá được chọn.

 Dữ liệu nhập : Nhập tên sản phẩm, chọn loại sản phẩm và chọn mức giá.

 Dữ liệu xuất : xuất ra các sản phẩm có tên giống từ khóa được nhập vào, thuộc loại sản phẩm được chọn, phù hợp với mức giá được chọn

Giao diện GDUs002

 Mục đích : Hiển thị kết quả tìm kiếm dạng phân trang.

 Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.

Hình 3.5.2.2_Giao diện Kết quả tìm kiếm

Giao diện GDUs003

 Mục đích : Cho phép người dùng đăng nhập.

 Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.

Hình 3.5.2.3_Giao diện Đăng nhập

 Control “Đăng nhập” có tác dụng cho phép người dùng đăng nhập vào hệ thống với tên đăng nhập và mật khẩu của mình.

 Control “Đăng ký” có tác dụng cho phép người dùng đăng ký thành viên.

 Dữ liệu nhập : Tên đăng nhập và mật khẩu của người dùng.

Giao diện GDUs004

 Mục đích : Cho phép người dùng đăng ký thành viên.

 Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.

Hình 3.5.2.4_Giao diện Đăng ký thành viên

 Control ”Đăng ký” có tác dụng lưu thông tin khách hàng đăng ký vào hệ thống.

 Dữ liệu nhập : Tên đăng nhập, mật khẩu, họ tên, địa chỉ, email, số điện thoại, số tài khoản của người dùng.

Giao diện GDUs005

 Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.

 Hình thức

Hình 3.5.2.5_Giao diện Thông tin đăng nhập

 Control “Đăng xuất” có tác dụng giúp người dùng đăng xuất ra khỏi hệ thống.

 Control “Thay đổi thông tin cá nhân” có tác dụng cho phép người dùng thay đổi thông tin cá nhân.

 Control “Đổi mật khẩu” có tác dụng cho phép người dùng đổi mật khẩu.

Giao diện GDUs006

 Mục đích : Hiển thị thông tin của người dùng và cho phép người dùng thay đổi.

 Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.

Hình 3.5.2.6_Giao diện Thay đổi thông tin cá nhân

 Control “Đồng ý” có tác dụng lưu các thay đổi khi người dùng chỉnh sửa thông tin cá nhân của mình.

GDUs007

 Mục đích : Cho phép người dùng thay đổi mật khẩu.

 Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.

Hình 3.5.2.7_Giao diện đổi mật khẩu

 Control “Đồng ý” có tác dụng lưu lại mật khẩu mới cho người dùng.

GDUs008

 Mục đích : Hiển thị danh mục loại sản phẩm.

 Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.

Hình 3.5.2.8_Giao diện Danh mục loại sản phẩm

 Khi chọn vào tên loại sản phẩm, các sản phẩm thuộc loại vừa chọn sẽ hiển thị.

Giao diện GDUs009

 Mục đích : Hiển thị sản phẩm theo phân loại.

 Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”

Hình 3.5.2.9_Giao diện Sản phẩm theo loại

Giao diện GDUs010

 Mục đích : Hiển thị thông tin chi tiết của sản phẩm.

 Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.

Hình 3.5.2.10_Giao diện Chi tiết sản phẩm

 Control “Chọn mua” có tác dụng thêm sản phẩm này vào Giỏ hàng.

 Control “Zoom” có tác dụng phóng to hình ảnh.

Giao diện GDUs011

 Mục đích : Hiển thị thông tin giỏ hàng.

 Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.

Hình 3.5.2.10_Giao diện Thông tin giỏ hàng

 Control “xem” có tác dụng liên kết đến trang Giỏ hàng của bạn.

Giao diện GDUs012

 Mục đích : Hiển thị thông tin chi tiết giỏ hàng.

 Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.

Hình 3.5.2.12_Giao diện Chi tiết giỏ hàng

 Control “Xóa” có tác dụng xóa sản phẩm ra khỏi giỏ hàng.

 Control “Sửa” có tác dụng cho phép sửa số lượng sản phẩm cần mua.

 Control “Tiếp tục mua” có tác dụng quay lại trang chủ để người dùng tiếp tục mua hàng.

 Control “Thanh toán” có tác dụng thanh toán khi người dùng quyết định mua hàng.

 Dữ liệu nhập : sửa số lượng

 Dữ liệu xuất : Cập nhật lại thông tin chi tiết giỏ hàng sau khi sửa, xóa.

Giao diện GDUs013

 Mục đích : Cho phép người dùng nhập thông tin cá nhân để hoàn tất quá trình thanh toán.

 Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.

Hình 3.5.2.13_Giao diện Thông tin khách hàng

 Control “Hoàn thành” có tác dụng lưu thông tin khách hàng và hoàn tất việc thanh toán, hệ thống sẽ trừ số tiền mua hàng vào tài khoản của khách hàng.

 Dữ liệu nhập : Họ tên, email, số điện thoại, số tài khoản của khách hàng.

Giao diện GDUs014

 Mục đích : Hiển thị sản phẩm mới.

 Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.

Hình 3.5.2.14_Giao diện sản phẩm mới

Giao diện GDUs015

 Mục đích : Hiển thị sản phẩm đề cử.

 Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.

Hình 3.5.2.15_Giao diện Sản phẩm đề cử

 Control “Chitiet” có tác dụng cho phép người dùng xem chi tiết của sản phẩm

Giao diện GDUs016

 Mục đích : Hiển thị các sản phẩm ngẫu nhiên.

 Người sử dụng : Người dùng thuộc nhóm “Người dùng cuối”.

Hình 3.5.2.16_Giao diện sản phẩm ngẫu nhiên

6. Site map

Một phần của tài liệu Hệ thống website bán hàng trực tuyến Trang sức shop.docx (Trang 33 - 49)

Tải bản đầy đủ (DOCX)

(65 trang)
w