Giao diện trang giỏ hàng

Một phần của tài liệu Xây dựng hệ thống website bán sách (Trang 70)

CHƯƠNG 4 KẾT QUẢ

4.1. GIAO DIỆN PHÍA KHÁCH HÀNG

4.1.8. Giao diện trang giỏ hàng

Khách hàng có thể thấy được những sản phẩm mình đã chọn mua, khách hàng có thể xóa sản phẩm, tăng số lượng sản phẩm có thể đặt hàng sản phẩm bằng cách nhấn vào nút thanh tốn

Hình 4.9: Giao diện trang giỏ hàng 4.1.9. Giao diện trang thanh toán

Trang thanh toán hiện thị lại các sản phẩm bạn đã lựa chọn, khách hàng cần nhập thông tin địa chỉ nhận hàng sau đó nhấn nút thanh tốn để tiến hành đặt hàng

61

4.1.10. Giao diện trang tin tức

Khách hàng truy cập trang tin tức để có thể đọc các bài báo, bài viết theo các thể loại khác nhau

62

4.1.11. Giao diện trang thông tin khách hàng

– Tại đây khách hàng sẽ thấy được tất cả thơng tin chi tiết của tài khoản mình – Khách hàng có thể chỉnh sửa thơng tin như: họ tên, số điện thoại, địa chỉ, email – Khách hàng có thể thay đổi mật khẩu tài khoản

– Khách hàng có thể xem các đơn hàng từ trước tới nay

63

4.1.12. Giao diện chatbox

Khách hàng có thể liên hệ với quản trị thông qua chatbox từ facebook

Hình 4.13: Giao diện chatbox 4.1.13. Giao diện trang đọc sách

Khách hàng có thể đọc sách trực tuyến trên website

64

4.2. GIAO DIỆN PHÍA QUẢN TRỊ VIÊN 4.2.1. Giao diện trang chủ 4.2.1. Giao diện trang chủ

– Trang giao diện trang chủ của Admin được chia thành 2 phần: thanh menu phía bên trái và nội dung của trang web phía bên phải

– Phần Menu phía bên trái bao gồm các thơng tin mà quản trị viên có thể quản lý như quản lý nhà xuất bản, quản lý bìa, quản lý tin tức, quản lý tài khoản, thành viên

– Trong phần nội dung của giao diện trang chủ phía bên phải là danh sách các danh mục quản lý mà Admin được quản lý. Admin có thể chọn vào các danh mục để xem thơng tin, cũng như có thể xóa sửa các thơng tin trong đó

Hình 4.15: Giao diện trang chủ 4.2.2. Giao diện thêm nhà xuất bản

Quản trị viên nhập thơng tin nhà xuất bản sau đó nhấn nút thêm

65

4.2.3. Giao diện sửa nhà xuất bản

Quản trị viên nhập thông tin cần chỉnh sửa của nhà xuất bản sau đó nhấn nút cập nhật

Hình 4.17: Giao diện thêm nhà xuất bản 4.2.4. Giao diện quản lý tin tức

– Tại đây hiển thị toàn bộ tin tức mà quản trị viên quản lý – Quản trị viên có thể chỉnh sửa trạng thái của tin tức – Quản trị viên có thể tìm kiếm tin tức ở ơ tìm kiếm

66

4.2.4. Giao diện thêm tin tức

Tại đây quản trị viên tiến hành nhập đầy đủ thông tin của tin tức sau đó nhấn vào nút thêm để hiện thị tin tức lên website

Hình 4.19: Giao diện thêm tin tức 4.2.4. Giao diện sửa tin tức

Tại đây quản trị viên có thể xem thơng tin của tin tức, quản trị viên có thể chỉnh sửa các thông tin theo từng mục

67

4.2.6. Giao diện khách hàng thành viên

Tại đây hiện thị các khách hàng thành viên của hệ thống, quản trị có thể xem thơng tin chi tiết thành viên

Hình 4.21: Giao diện trang khách hàng thành viên 4.2.7. Giao diện thêm quản trị viên

Quản trị viên có thể thêm thành viên quản trị khác bằng cách nhập thông tin tương ứng từng mục rồi nhấn nút thêm

68

4.3. GIAO DIỆN PHÍA NHÀ XUẤT BẢN 4.3.1. Giao diện trang chủ 4.3.1. Giao diện trang chủ

– Hiện thị thông tin của quản trị viên bán hàng bao gồm số sản phẩm, tổng số sản phẩm có trong kho hàng, hố đơn bán ra và số thành viên

– Tại đây cũng hiện thị danh thu bán hàng trong tháng

Hình 4.23: Giao diện trang chủ 4.3.2. Giao diện quản lý sách

– Tại đây hiển thị toàn bộ sản phẩm của nhà xuất bản – Nhà xuất bản có thể tìm kiếm sản phẩm theo từ khố

69

4.3.3. Giao diện thêm sách

Tại đây nhà xuất bản cần nhập đầy đủ thông tin sản phẩm tương ứng theo từng mục, sau đó nhấn vào nút thêm để tiến hành thêm sản phẩm

70

4.3.4. Giao diện sửa sách

Tại đây nhà xuất bản có thể thấy thơng tin chi tiết sản phẩm, nhà xuất bản có thể chỉnh sửa thơng tin tại từng mục và sau đó nhấn nút cập nhật để tiến hành sửa sản phẩm

71

4.3.5. Giao diện quản lý danh mục sách

– Tại đây hiển thị toàn bộ danh mục sản phẩm của hệ thống – Nhà xuất bản có thể tìm kiếm danh mục theo từ khố

Hình 4.27: Giao diện quản lý danh mục sách 4.3.6. Giao diện thêm danh mục sách

Tại đây nhà xuất bản nhập tên danh mục sản phẩm sau đó nhấn nút thêm để tiến hành thêm danh mục

Hình 4. 28: Giao diện thêm danh mục sách 4.3.7. Giao diện sửa danh mục sách

Tại đây nhà xuất bản thấy tên cũ của danh mục và sau đó thể thay đổi tên và nhấn nút cập nhật để tiến hành sửa danh mục

72

4.3.8. Giao diện quản lý đơn hàng

– Tại đây nhà xuất bản có thể thấy tồn bộ đơn hàng của khách hàng – Nhà xuất bản có thể điều chỉnh trạng thái của đơn hàng hiện tại

Hình 4.30: Giao diện quản lý đơn hàng 4.3.9. Giao diện chi tiết đơn hàng

– Tại đây nhà xuất bản có thể xem chi tiết đơn hàng của khách hàng như thông tin khách hàng, thông tin sản phẩm đã đặt của khách hàng

– Nhà xuất bản có thể nhấn nút in để tiến hành in hoá đơn

73

4.3.10. Giao diện quản lý kho hàng

– Tại đây nhà xuất bản có thể thấy tồn bộ sản phẩm của kho hàng, nhà xuất bản có thể tiến hành sửa số lượng nhập hoặc xoá sản phẩm

– Nhà xuất bản thể tìm kiếm sản phẩm với từ khố tương ứng

74

CHƯƠNG 5 KẾT LUẬN KẾT LUẬN 5.1. TỔNG KẾT

5.1.1 Kết quả đạt được

– Đã hoàn thành được các chức năng cơ bản nhất như xem sản phẩm, mua sản phẩm, nhập kho, xuất đơn hàng, xử lý đơn hàng, cập nhật các danh mục nhà cung cấp, trang tin tức, quản lý người dùng…

– Áp dụng công nghệ Ajax kết hợp với jQuery để tối ưu hóa việc cập nhật dữ liệu (nhanh hơn, thuận tiện, đơn giản hơn)

– Giao diện thao tác đơn giản, trực quan

– Phân tích và đánh giá các yêu cầu của website

– Vận dụng HTML, ngôn ngữ PHP… và MySQLvào việc xây dựng website – Phần giao diện người dùng: giao diện thân thiện, cho phép người dùng xem được thông tin cơng ty, sản phẩm cơng ty nhanh chóng dễ dàng

– Phần quản trị đã xây dựng được hệ thống quản lý dữ liệu của website, giúp cho những người quản trị dễ dàng quản lý thơng tin, dữ liệu, xem, thêm, xóa, cập nhật dữ liệu cho website, cũng như thống kê được thông tin của từng mục quản lý

5.1.2 Hạn chế

– Một số chức năng chưa xây dựng như: Quản lý nhà vận chuyển, thanh toán trực tuyến…

– Chức năng thống kê và kho hàng chưa được tối ưu về mặt quản lý

– Hệ thống vẫn chưa được tối ưu về cấu trúc cơ sở dữ liệu, code, giao diện, và một số chức năng

5.2. HƯỚNG PHÁT TRIỂN

– Xây dựng thêm một số chức năng như thống kê doanh thu chi tiết, thanh toán trực tuyến, quản lý nhà vận chuyển…

– Tối ưu hóa hệ thống để website hoạt động nhanh hơn

– Nâng cấp và hoàn thiện giao diện người dùng, các chức năng và tính bảo mật của hệ thống

75

DANH MỤC TÀI LIỆU THAM KHẢO

[1] Anh Nam, “Tìm hiểu lập trình Website”. [Trực tuyến]. Địa chỉ: https://wiki.mat

bao.net/. [Ngày truy cập: 20/01/2022].

[2] Robin Nixon (2015), Learning PHP, MySQL & JavaScript, English books Max30. [3] TS Ao Thu Hoài – PGS. TS Nguyễn Viết Khôi (2015), Thương mại điện tử, Nhà

xuất bản thông tin và truyền thông.

[4] Xuan Nhat, “Hệ quản trị Cơ sở dữ liệu và ứng dụng”. [Trực tuyến]. Địa chỉ:

GIẤY XÁC NHẬN

HOÀN THÀNH BÁO CÁO ĐỒ ÁN TỐT NGHIỆP

Họ và tên sinh viên: Nguyễn Văn Toàn

Lớp: K11TT Mã số sinh viên: 17152480201002

Xác nhận sinh viên: Nguyễn Văn Toàn đã chỉnh sửa báo cáo thực tập tốt nghiệp theo ý kiến của Giảng viên hướng dẫn và Hội đồng đánh giá.

Tên báo cáo thực tập tốt nghiệp: Xây dựng hệ thống website bán sách

Kon Tum, ngày 8 tháng 4 năm 2022

Một phần của tài liệu Xây dựng hệ thống website bán sách (Trang 70)