GVHD: TS. Thái Minh Tuấn 24 SVTH: Nguyễn Phước Nhân
Đề tài Niên luận cơ sở: Website bán giày theo mơ hình MVC
Hình 21: Giao diện mơ tả sản phẩm ở trang chi tiết sản phẩm
Ngồi mơ tả sản phẩm ở cuối trang còn hướng dẫn cách vệ sinh giày để đảm bảo tuổi thọ của giày.
Hình 22: Giao diện hướng dẫn vệ sinh giày ở trang chi tiết sản phẩm
Giao diện giỏ hàng
Mỗi người dùng đã đăng nhập sẽ có một giỏ hàng riêng, người dùng có thể thêm giày tuỳ thích vào giỏ hàng rồi muốn đặt đôi nào chỉ cần đánh dấu vào ơ đó. Ngồi ra ở giỏ hàng người dùng có thể điều chỉnh số lượng muốn mua, xố sản phẩm khơng muốn mua. Khi đã chọn sản phẩm thì hệ thống sẽ tính số tiền phải thanh tốn cho người dùng tham khảo và quyết định. Cuối cùng là chọn “Thanh toán”.
GVHD: TS. Thái Minh Tuấn 25 SVTH: Nguyễn Phước Nhân
Hình 23: Giao diện giỏ hàng
Giao diện thanh tốn (Đặt hàng)
Hình … là giao diện thanh tốn khi đã chọn sản phẩm bên trang giỏ hàng.
Hình 24: Giao diện thanh toán (Đặt hàng)
GVHD: TS. Thái Minh Tuấn 26 SVTH: Nguyễn Phước Nhân
Đề tài Niên luận cơ sở: Website bán giày theo mơ hình MVC
Sau khi nhập thơng tin người dùng được chuyển sang giao diện xác nhận như hình 25.
Hình 25: Giao diện xác nhận đặt hàng
Cuối cùng là xác nhận đặt hàng thành cơng từ hệ thống.
Hình 26: Giao diện xác nhận đặt hàng thành công
GVHD: TS. Thái Minh Tuấn 27 SVTH: Nguyễn Phước Nhân
Giao diện thông tin cá nhân
Ở giao diện này, người dùng có thể xem thơng tin cá nhân của mình, cập nhật lại thơng tin cá nhân.
Hình 27: Giao diện trang thơng tin cá nhân của thành viên
Ngồi ra, ở thơng tin cá nhân người dùng có thể xem trạng thái đơn hàng, xác nhận đơn hàng đã nhận như hình 28.
Hình 28: Giao diện quản lý đơn hàng của thành viên
GVHD: TS. Thái Minh Tuấn 28 SVTH: Nguyễn Phước Nhân
Đề tài Niên luận cơ sở: Website bán giày theo mơ hình MVC
Giao diện quản lý sản phẩm (Quản trị)
Để vào giao diện này thì nhân viên hoặc người quản trị phải đăng nhập với tài khoản có vai trị là nhân viên hoặc người quản trị hệ thống.
Hình 29: Giao diện chính trang quản trị
Hình 30 là giao diện quản lý sản phẩm bao gồm 3 phần là thêm sản phẩm mới, thêm danh mục sản phẩm và xem, chỉnh sửa sản phẩm.
Hình 30: Giao diện thêm sản phẩm giày
GVHD: TS. Thái Minh Tuấn 29 SVTH: Nguyễn Phước Nhân
Người quản trị website có thể thêm nhóm giày vào các thương hiệu giày để tăng tính đa dạng của sản phẩm như giao diện ở hình 31.
Hình 31: Giao diện thêm nhóm giày
Tại giao diện chỉnh sửa sản phẩm người quản trị có thể chỉnh sửa thơng tin giày rồi cập nhật lên hệ thống và tìm giày theo tên giày hoặc chọn hết hàng để hệ thống cập nhật tồn bộ size của giày đó về số lượng là 0.
Hình 32: Giao diện chỉnh sửa thơng tin giày
GVHD: TS. Thái Minh Tuấn 30 SVTH: Nguyễn Phước Nhân
Đề tài Niên luận cơ sở: Website bán giày theo mơ hình MVC
Ngồi ra, tại giao diện quản lý sản phẩm người cập nhật cịn có thể xố hình ảnh hoặc cập nhật thêm hình ảnh cho giày như ở hình 33.
Hình 33: Giao diện quản lý hình ảnh giày
Giao diện quản lý nhân viên (Quản trị)
Ở giao diện này chỉ người quản trị mới có thể thao tác, nhân viên bị hạn chế chức năng quản trị này. Người quản trị có thể thêm tài khoản nhân viên để tài khoản đó có thể thực hiện một số chức năng quản trị trên hệ thống.
Hình 34: Giao diện thêm tài khoản nhân viên
GVHD: TS. Thái Minh Tuấn 31 SVTH: Nguyễn Phước Nhân
Ngồi thêm nhân viên thì việc quản lý nhân viên người quản trị có thể xem thơng tin tài khoản nhân viên cũng như là vô hiệu hố tài khoản đó cho những nhân viên đã khơng cịn hoạt động ở của hàng nữa.
Hình 35: Giao diện quản lý thông tin nhân viên
Giao diện quản lý khách hàng (Quản trị)
Giao diện quản lý khách hàng cho phép nhân viên và người quản trị có thể thêm tài
khoản khách hàng như hình 36.
Hình 36: Giao diện thêm tài khoản khách hàng
GVHD: TS. Thái Minh Tuấn 32 SVTH: Nguyễn Phước Nhân
Đề tài Niên luận cơ sở: Website bán giày theo mơ hình MVC
Ngồi việc thêm tài khoản khách hàng thì người quản trị có thể quản lý, tìm kiếm thơng tin tài khoản khách hàng theo tên đăng nhập.
Hình 37: Giao diện quản lý thông tin khách hàng
Giao diện quản lý đơn hàng (Quản trị)
Người quản trị và nhân viên được phép phê duyệt, huỷ đơn hoặc xác nhận khách hàng đã nhận đơn hàng. Ngồi ra họ cịn có thể tìm đơn hàng theo mã đơn.
Hình 38: Giao diện quản lý đơn hàng
GVHD: TS. Thái Minh Tuấn 33 SVTH: Nguyễn Phước Nhân
PHẦN 3: KẾT LUẬN
I. KẾT QUẢ ĐẠT ĐƯỢC
1. Về lý thuyết:
Sau quá trình nghiên cứu, tìm tịi, học hỏi về cơng nghệ, về kiến thức chuyên môn để thực hiện đề tài thì bản thân đã có được cái nhìn tổng quát hơn trong việc xây dựng một website từ phân tích hệ thống đến thiết kế và cuối cùng là lập trình.
Bên cạch đó bản học được nhiều kiến thức mới, công nghệ mới cũng như việc sử dụng các phần mềm hổ trợ như Powerdesigner, Visuacode,…
2. Về chương trình
Kết quả đạt được sau khi thực hiện đề tài là bản thân đã xây dựng thành công một website bán giày trực tuyến bao gồm các chức năng cơ bản như đăng ký, đăng nhập, hiển thị sản phẩm, tìm kiếm sản phẩm,xem chi tiết sản phẩm giỏ hàng, đặt hàng,… với nhiều vài trò người dùng khác nhau như khách vãn lai (Người chưa có tài khoản), khách thành viên (Người đã có tài khoản), nhân viên (Dưới sự kiểm soát của Người quản trị) quản lý sản phẩm, khách hàng và đơn hàng, Người quản trị là người có quyền cao nhất trong hệ thông website.
3. Về khả năng ứng dụng
Để có thể áp dụng vào bán hàng thực tế thì website cần thêm một số tính năng nữa, đồng thời thiết kế Responsive để có thể truy cập được từ nhiều thiết bị khác nhau như điện thoại, máy tính bảng,… Đồng thời phải tăng tính bảo mật của website trước khi áp dựng vào thực tế.
AI. HẠN CHẾ
Vì thời gian có hạn và kiến thức của bản thân cịn hạn chế nên vẫn chưa thể hoàn chỉnh ở những vấn đề sau:
• Chưa responsive website để sử dụng được trên thiết bị khác.
• Tính bảo mật cịn hạn chế.
GVHD: TS. Thái Minh Tuấn 34 SVTH: Nguyễn Phước Nhân
Đề tài Niên luận cơ sở: Website bán giày theo mơ hình MVC
• Chưa xử lý hết trường hợp của một trang thương mại điện tử.
• Cịn hạn chế tính năng lọc sản phẩm theo giá.
• Hình thức thanh tốn sản phẩm cịn hạn chế, chưa được đa dạng.
BI. HƯỚNG PHÁT TRIỂN
Một số tính năng cần phát triển thêm:
• Gợi ý cách phối đồ cho từng loại giày khác nhau.
• Cho phép người dùng đăng nhập thơng qua mạng xã hội.
• Thêm tính đăng đánh giá và bình luận cho mỗi sản phẩm.
• Tính năng mã khuyến mãi để thu hút khách hàng.
• Quản lý tin tức để tăng tương tác cho website.
• Kết nối với khách hàng qua email hoặc mạng xã hội để dễ dàng đưa sản phẩm tiếp cận với khách hàng hơn.
GVHD: TS. Thái Minh Tuấn 35 SVTH: Nguyễn Phước Nhân
TÀI LIỆU THAM KHẢO
[1] Khoa Phạm, “Hướng dẫn set up project PHP theo mơ hình MVC”,
https://github.com/khoaphp/php-mvc , 31/12/2019.
[2] Khoa Hoc New, “Chia sẽ dữ liệu tỉnh (thành phố), quận (huyện), đường phường xã Việt Nam dạng json và sql”, https://khoahoc.news/share.
[3] L. P. M. Thái, “Niên luận cơ sở”, Xây dựng website bán cây cảnh bằng
công nghệ React và NodeJs.
[4] N. T. C. Tiên, “Luận văn tốt nghiệp”, Hệ thống hổ trợ tư vấn tuyển sinh.
[5] ThS. Phan Tấn Tài, KS. Trần Nguyễn Minh Thái, KS. Nguyễn Thanh Hải, "Giáo trình Phân tích và Thiết kế hệ thống thông tin.," 2012.
[6] TS. Phạm Thị Xuân Lộc - TS. Phạm Thị Ngọc Diễm, "Giáo trình Ngơn ngữ mơ hình hóa UML".
[7] XuanThuLab, “Upload file trong PHP”, https://xuanthulab.net/upload-file-
trong-php.html.
[8] Jquery, “Jquery API”, https://api.jquery.com/ .
[9] php.net, https://www.php.net/ .
[10] W3Schools, https://www.w3schools.com/.
GVHD: TS. Thái Minh Tuấn 36 SVTH: Nguyễn Phước Nhân
Đề tài Niên luận cơ sở: Website bán giày theo mơ hình MVC PHỤ LỤC 1. Bảng QuyenTruyCap STT Tên trường 1 QTC_MA 2 QTC_TEN 2. Bảng TaiKhoan STT Tên trường 1 TK_MA 2 TK_TENDANGNHAP 3 TK_MATKHAU 3. Bảng KhachHang STT Tên trường 1 KH_MA 2 KH_TEN 3 KH_SODIENTHOAI 4 KH_ANHDAIDIEN 5 KH_DIACHI
Đề tài Niên luận cơ sở: Website bán giày theo mơ hình MVC 4. Bảng NhanVien STT Tên trường 1 NV_MA 2 NV_TEN 3 NV_SODIENTHOAI 4 NV_DIACHI 5 NV_ANHDAIDIEN 5. Bảng XaPhuong STT Tên trường 1 XAPHUONG_MA XAPHUONG_TEN 2 XAPHUONG_LOAI 3 6. Bảng QuanHuyen STT Tên trường 1 QUANHUYEN_MA 2 QUANHUYEN_TEN
GVHD: TS. Thái Minh Tuấn
Đề tài Niên luận cơ sở: Website bán giày theo mơ hình MVC 7. Bảng TinhThanh STT Tên trường 1 TINHTHANH_MA 2 TINHTHANH_TEN 3 TINHTHANH_LOAI 8. Bảng SanPham STT Tên trường 1 SP_MA 2 SP_TEN 3 SP_GIA 4 SP_MOTA 9. Bảng NhomSanPham STT Tên trường 1 NHOM_MA 2 NHOM_TEN 10. Bảng ThuongHieu STT Tên trường 1 THUONGHIEU_MA
GVHD: TS. Thái Minh Tuấn
Đề tài Niên luận cơ sở: Website bán giày theo mơ hình MVC 11. Bảng Hinh STT Tên trường 1 HA_MA 2 HA_DUONGDAN 12. Bảng Size STT Tên trường 1 SIZE_KICHCO 2 SIZE_SOLUONG 13. Bảng SanPhamDaBan STT Tên trường 1 SPDB_SOLUONG 2 SPDB_THANG 3 SPDB_NAM 14. Bảng GioHang STT 1
Đề tài Niên luận cơ sở: Website bán giày theo mơ hình MVC 15. Bảng DonHang STT Tên trường 1 DH_MA 2 DH_NGAYDATHANG 3 DH_NGAYGIAOHANG 4 DH_DIACHI 5 DH_TENNGUOINHAN 6 DH_SODIENTHOAINHAN 16. Bảng ChiTietDonHang STT Tên trường 1 CTDH_GIA 2 CTDH_SOLUONG 17. Bảng TrangThai STT Tên trường 1 TT_MA 2 TT_TEN