CHƯƠNG 4: THIẾT KẾ GIAO DIỆN.

Một phần của tài liệu Xây dựng Website bán giầy dép qua mạng (Trang 121 - 140)

: Quan tri vien

17: thong bao toi quan tri vien

CHƯƠNG 4: THIẾT KẾ GIAO DIỆN.

Màn hình giao diện trang chủ.

Hình 34: Giao diện chính.

Trang này giới thiệu tổng quan về các sản phẩm giầy dép và các hãng sản xuất. Khách hàng có thể truy nhập để xem sản phẩm, xem một số chức năng của website. Tuỳ theo nhu cầu của từng khách hàng mà có thể lựa chọn chức năng tương ứng để chuyển đến trang mình muốn.

Trang t ìm kiếm.

Hình 35: Giao diện trang tìm kiếm sản phẩm.

Vào trang này khách hàng có thể tìm kiếm các sản phẩm theo các chức năng như: tìm kiếm theo từ khoá, tìm kiếm theo giá tiền, tìm kiếm theo tên công ty, loại hàng. Khi đó hệ thống sẽ đưa ra những sản phẩm mà khách hàng muốn tìm kiếm.

Trang chi tiết sản phẩm.

Hình 36: 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 sản phẩm như: kích cỡ, màu sắc, giá tiền. Nếu khách hàng có nhu cầu mua hàng thì nhấn vào nút “đặt hàng”. Còn nếu khách hàng chỉ vào để xem thì có thể quay trở lại trang chủ để lựa chọn những chức năng khác.

Trang đăng ký thành viên.

Hình 37: 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 song thông tin khách hàng nhấn vào nút “Đăng ký” còn nếu không khách hàng có thể xóa thông tin.

Trang giỏ hàng

Hình 38: 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ể thanh toán hàng bạn click vào nút “Thanh toán”, màn hình trang thanh toán sẽ hiện ra, nếu bạn không muốn mua hàng bạn có thể click vào nút “huỷ bỏ”.

Trang thanh toán.

Hình 39: giao diện trang thanh toán.

Sau khi bạn hoàn tất mua hàng, bạn thực hiện thanh toán, màn hình giao diện trang thanh toán sẽ hiện ra, trong đó có các thông tin của của người mua hàng và yêu cầu bạn lựa chọn phương thức thanh toán. Sau khi bạn lựa chọn phương thức thanh toán hệ thống sẽ tự động cập nhật phương thức thanh toán của bạn và chuyển sang trang xác nhận hoá đơn.

Trang xác nhận hoá đơn.

Hình 40: Giao diện trang xác nhận hoá đơn.

Màn hình giao diện trang xác nhận hoá đơn hiện ra với các thông tin về địa 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 click vào nút “xác nhận” để hệ thống sẽ tự động cập nhật hoá hơn vào trong database.

Trang sản phẩm mới.

Hình 41: Giao diện trang sản phẩm mới.

Giao diện trang này hiển thị toàn bộ sản phẩm mới của công ty mới nhập về. Nếu khách hàng có nhu cầu xem thông tin về sản phẩm mới có thể vào trang “newproduct. asp” để xem.

Trang sản phẩm bán chạy.

Hình 42: Giao diện trang sản phẩm bán chạy.

Tất cả các sản phẩm bán chạy và sản phẩm được khách hàng ưa thích đều được hiển thị trong giao diện trang “hotproduct.asp”.

Trang giới thiệu công ty.

Hình 43: Giao diện trang giới thiệu công ty.

Trong trang này giới thiệu về thương hiệu giầy dép của “Love Those Shoes”. Khách hàng có thể xem thông tin chi tiết về công ty.

Trang thông tin liên hệ và ý kiến phản hồi.

Hình 44: Trang thông tin liên hệ và ý kiến phản hồi.

Vào trang này, khách hàng có thể liên hệ với công ty và đóng góp những ý kiến của mình để giúp cho công ty biết được những ưu điểm và nhược điểm của c

Trang tin tức.

Hình 45: Trang tin tức.

Ngoài nhu cầu mua sắm, nếu khách hàng muốn xem tin tức khách hàng có thể vào trang tin tức để xem những tin tức được website cập nhật về.

Màn hình login của Admin

Hình 46: màn hình login của quản trị viên.

Trang này được dùng khi quản trị viên hay người quản lý muốn vào hệ thống. Đây là giao diện Login dành cho quản trị.

Màn hình giao diện trang chủ Admin.

Hình 47: Giao diện trang chủ Admin.

Tại trang này, khi admin đăng nhập vào hệ thống thì có quyền xem, sửa, thêm, xoá, cập nhật hay thay đổi những thông tin về sản phẩm như: quản lý khách hàng, quản lý sản phẩm, quản lý hoá đơn, thống kê doanh thu, quản lý tin tức…

Trang thống kê doanh thu.

Hình 48: Quản trị viên thống kê doanh thu.

Trang thống kê hoá đơn.

Trang danh sách loại hàng.

Hình 50: Trang danh sách loại hàng.

Trang danh sách công ty.

Trang danh sách sản phẩm.

Trang danh sách hoá đơn.

Trang danh sách khách hàng.

Hình 54: Trang danh sách khách hàng.

Trang danh sách ý kiến phản hồi.

Trang danh sách tin tức.

Một phần của tài liệu Xây dựng Website bán giầy dép qua mạng (Trang 121 - 140)

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

(144 trang)
w