(TIỂU LUẬN) NIÊN LUẬN cơ sở NGÀNH CÔNG NGHỆ THÔNG TIN đề tài xây DỰNG WEBSITE bán GIÀY THEO mô HÌNH MVC

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG - - NIÊN LUẬN CƠ SỞ NGÀNH CÔNG NGHỆ THÔNG TIN ĐỀ TÀI XÂY DỰNG WEBSITE BÁN GIÀY THEO MƠ HÌNH MVC Sinh viên thực NGUYỄN PHƯỚC NHÂN MSSV: B1809160 Khóa: 44 Cần Thơ, Tháng 06/2021 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG - - NIÊN LUẬN CƠ SỞ NGÀNH CÔNG NGHỆ THÔNG TIN ĐỀ TÀI XÂY DỰNG WEBSITE BÁN GIÀY THEO MƠ HÌNH MVC Giảng viên hướng dẫn: TS THÁI MINH TUẤN Sinh viên thực hiện: NGUYỄN PHƯỚC NHÂN MSSV: B1809160 Khoá: 44 Cần Thơ, Tháng 06/2021 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN  Cần Thơ, ngày … tháng … năm 2021 Giáo viên hướng dẫn TS Thái Minh Tuấn ii LỜI CẢM ƠN  Trong thời gian làm niên luận sở, em nhận nhiều giúp đở đến từ thầy cô bạn bè Đầu tiên em xin gửi lời cảm ơn đến thầy Thái Minh Tuấn, giảng viên Khoa Công nghệ thông tin Truyền thông, thầy người tận tình hướng dẫn em suốt trình thực đề tài Em xin gửi lời cảm ơn đến thầy cô trường Đại học Cần Thơ nói chung, thầy Khoa Cơng nghệ thơng tin Truyền thơng nói riêng dạy dỗ cho em kiến thức môn đại cương, sở môn chuyên nghành, giúp em có sở lý thuyết vững vàng tạo điều kiện giúp đở em suốt trình học tập Cuối em xin chân thành cảm ơn gia đình, bạn bè ln tạo điều kiện, quan tâm, giúp đở, động viên em st q trình học tập làm niên luận sở Mặc dù thân cố gắng hoàn thành đề tài hạn, với thời gian kiến thức chuyên mơn cịn hạn chế nên khơng tránh khỏi thiếu sót Rất mong nhận góp ý từ quý Thầy để đề tài em hoàn thiện Cần Thơ, ngày 12 tháng 05 năm 2021 Người viết Nguyễn Phước Nhân iii LỜI CẢM ƠN MỤC LỤC DANH MỤC HÌNH DANH MỤC TỪ VIẾT TẮT Phần 1: GIỚI THIỆU I ĐẶT VẤN ĐỀ II MỤC TIÊU ĐỀ TÀI III ĐỐI TƯỢNG VÀ Đối tượng nghiên Phạm vi nghiên c IV NỘI DUNG NG Phương pháp thự Công nghệ sử dụ Công cụ hỗ trợ x V BỐ CỤC NIÊN LUẬN CƠ SỞ Phần 2: Nội dung CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI 1.1 MÔ TẢ ĐỀ TÀI 1.2 CÁC CHỨC NĂ CHƯƠNG 2: thiết kế cài đặt giải pháp 2.1 CỞ SỞ LÝ THUYẾT 2.1.1 2.1.2 2.1.3 JAVASCRIPT 2.1.4 JQUERY 2.1.5 BOOTSTRAP 2.1.6 AJAX (Asynchronous JavaScript and XML) 2.1.7 PHP (Hypertext Preprocessor) 2.1.8 Mơ hình MVC (Model – View – Controller) 2.1.9 MySQL 2.1.10 PowerDesigner 2.1.11 Font Awesome 2.1.12 Loading.io 2.1.13 JSON 2.1.14 VISUAL STUDIO CODE 2.2 SƠ ĐỒ USECASE 10 2.2.1 Khách 10 2.2.2 Thành viên 10 2.2.3 Nhân viên 11 2.2.4 Người quản trị 11 2.3 THIẾT KẾ CƠ SỞ DỮ LIỆU 12 2.3.1 CDM – Mơ hình liệu mức quan niệm 12 2.3.2 PDM – Mô hình liệu mức vật lý 13 2.3.3 RDB - Mơ hình sở liệu quan hệ 14 2.4 Một số Chức thành phần hệ thống 15 2.4.1 Chức đăng ký tài khoản 15 2.4.2 Chức đăng nhập tài khoản 16 v 2.4.3 Chức thêm sản phẩm vào giỏ hàng 17 2.4.4 Chức đặt hàng 18 2.4.5 Chức tìm kiếm sản phẩm 19 2.4.6 Các giao diện minh họa 20 Giao diện trang chủ 20 Giao diện trang đăng ký 22 Giao diện trang đăng nhập 23 Giao diện chi tiết sản phẩm giày 23 Giao diện giỏ hàng 25 Giao diện toán (Đặt hàng) 26 Giao diện thông tin cá nhân 28 Giao diện quản lý sản phẩm (Quản trị) 29 Giao diện quản lý nhân viên (Quản trị) 31 Giao diện quản lý khách hàng (Quản trị) 32 Giao diện quản lý đơn hàng (Quản trị) 33 Phần 3: kết luận 34 I KẾT QUẢ ĐẠT ĐƯỢC 34 Về lý thuyết: 34 Về chương trình 34 Về khả ứng dụng 34 II III HẠN CHẾ 34 HƯỚNG PHÁT TRIỂN 35 TÀI LIỆU THAM KHẢO 36 PHỤ LỤC 37 vi DANH MỤC HÌNH Hình 1: Sơ đồ UseCase người dùng Khách 10 Hình 2: Sơ đồ UseCase người dùng Thành viên 10 Hình 3: Sơ đồ usecase Nhân viên 11 Hình 4: Sơ đồ usecase Người quản trị 11 Hình 5: Mơ hình CDM – Mơ hình liệu mức quan niệm 12 Hình 6: Mơ hình PDM – Mơ hình liệu mức vật lý 13 Hình 7: Mơ hình RDB – Mơ hình sở liệu quan hệ 14 Hình 8: Lưu đồ chức đăng ký tài khoản 15 Hình 9: Lưu đồ chức đăng ký tài khoản 16 Hình 10: Lưu đồ chức thêm sản phẩm vào giỏ hàng 17 Hình 11: Lưu đồ chức thêm sản phẩm vào giỏ hàng 18 Hình 12: Lưu đồ chức tìm kiếm sản phẩm 19 Hình 13: Giao diện trang chủ 20 Hình 14: Giao diện tìm kiếm trang chủ 20 Hình 15: Giao diện sản phẩm trang chủ 21 Hình 16: Giao diện footer 21 Hình 17: Giao diện đăng ký tài khoản 22 Hình 18: Giao diện đăng nhập tài khoản 23 Hình 19: Giao diện chi tiết sản phẩm 24 Hình 20: Giao diện hướng dẫn chọn size giày trang chi tiết sản phẩm 24 Hình 21: Giao diện mơ tả sản phẩm trang chi tiết sản phẩm 25 Hình 22: Giao diện hướng dẫn vệ sinh giày trang chi tiết sản phẩm 25 Hình 23: Giao diện giỏ hàng 26 vii Hình 24: Giao diện toán (Đặt hàng) 26 Hình 25: Giao diện xác nhận đặt hàng 27 Hình 26: Giao diện xác nhận đặt hàng thành công 27 Hình 27: Giao diện trang thơng tin cá nhân thành viên 28 Hình 28: Giao diện quản lý đơn hàng thành viên 28 Hình 29: Giao diện trang quản trị 29 Hình 30: Giao diện thêm sản phẩm giày 29 Hình 31: Giao diện thêm nhóm giày 30 Hình 32: Giao diện chỉnh sửa thông tin giày 30 Hình 33: Giao diện quản lý hình ảnh giày 31 Hình 34: Giao diện thêm tài khoản nhân viên 31 Hình 35: Giao diện quản lý thơng tin nhân viên 32 Hình 36: Giao diện thêm tài khoản khách hàng 32 Hình 37: Giao diện quản lý thông tin khách hàng 33 Hình 38: Giao diện quản lý đơn hàng 33 viii DANH MỤC TỪ VIẾT TẮT Từ viết tắt Admin JSON RDBMS HTML CSS PDM CDM RDB API Website ix Đề tài Niên luận sở: Website bán giày theo mơ hình MVC Ngồi thêm nhân viên việc quản lý nhân viên người quản trị xem thông tin tài khoản nhân viên vô hiệu hố tài khoản cho nhân viên khơng cịn hoạt động hàng 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 người quản trị thêm tài khoản khách hàng 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 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 người quản trị 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ị nhân viên phép phê duyệt, huỷ đơn xác nhận khách hàng nhận đơn hàng Ngoài họ cịn 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 Đề tài Niên luận sở: Website bán giày theo mơ hình MVC PHẦN 3: KẾT LUẬN KẾT QUẢ ĐẠT ĐƯỢC I Về lý thuyết: Sau trình nghiên cứu, tìm tịi, học hỏi cơng nghệ, kiến thức chun mơn để thực đề tài thân có nhìn tổng qt việc xây dựng website từ phân tích hệ thống đến thiết kế cuối lập trình Bên cạch học nhiều kiến thức mới, công nghệ việc sử dụng phần mềm hổ trợ Powerdesigner, Visuacode,… Về chương trình Kết đạt sau thực đề tài thân xây dựng thành công website bán giày trực tuyến bao gồm chức đă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 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 kiểm sốt Người quản trị) quản lý sản phẩm, khách hàng đơn hàng, Người quản trị người có quyền cao hệ thông website Về khả ứng dụng Để áp dụng vào bán hàng thực tế website cần thêm số tính nữa, đồng thời thiết kế Responsive để truy cập từ nhiều thiết bị khác điện thoại, máy tính bảng,… Đồng thời phải tăng tính bảo mật website trước áp dựng vào thực tế AI HẠN CHẾ Vì thời gian có hạn kiến thức thân hạn chế nên chưa thể hồn chỉnh vấn đề sau: • Chưa responsive website để sử dụng 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 sở: Website bán giày theo mơ hình MVC • Chưa xử lý hết trường hợp trang thương mại điện tử • Cịn hạn chế tính lọc sản phẩm theo giá • Hình thức tốn sản phẩm hạn chế, chưa đa dạng BI HƯỚNG PHÁT TRIỂN Một số tính cần phát triển thêm: • Gợi ý cách phối đồ cho loại giày khác • 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á bình luận cho sản phẩm • Tính mã khuyến để 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 mạng xã hội để dễ dàng đưa sản phẩm tiếp cận với khách hàng GVHD: TS Thái Minh Tuấn 35 SVTH: Nguyễn Phước Nhân Đề tài Niên luận sở: Website bán giày theo mơ hình MVC 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 liệu tỉnh (thành phố), quận (huyện), đường phường xã Việt Nam dạng json sql”, https://khoahoc.news/share [3] L P M Thái, “Niên luận sở”, Xây dựng website bán cảnh công nghệ React 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 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 PHP”, https://xuanthulab.net/upload-filetrong-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 sở: Website bán giày theo mơ hình MVC PHỤ LỤC Bảng QuyenTruyCap STT Tên trường QTC_MA QTC_TEN Bảng TaiKhoan STT Tên trường TK_MA TK_TENDANGNHAP TK_MATKHAU Bảng KhachHang STT Tên trường KH_MA KH_TEN KH_SODIENTHOAI KH_ANHDAIDIEN KH_DIACHI GVHD: TS Thái Minh Tuấn 37 SVTH: Nguyễn Phước Nhân Đề tài Niên luận sở: Website bán giày theo mơ hình MVC Bảng NhanVien STT Tên trường NV_MA NV_TEN NV_SODIENTHOAI NV_DIACHI NV_ANHDAIDIEN Bảng XaPhuong STT Tên trường XAPHUONG_MA XAPHUONG_TEN XAPHUONG_LOAI Bảng QuanHuyen STT Tên trường QUANHUYEN_MA QUANHUYEN_TEN QUANHUYEN_LOAI GVHD: TS Thái Minh Tuấn 38 SVTH: Nguyễn Phước Nhân Đề tài Niên luận sở: Website bán giày theo mơ hình MVC Bảng TinhThanh STT Tên trường TINHTHANH_MA TINHTHANH_TEN TINHTHANH_LOAI Bảng SanPham STT Tên trường SP_MA SP_TEN SP_GIA SP_MOTA Bảng NhomSanPham STT Tên trường NHOM_MA NHOM_TEN 10 Bảng ThuongHieu STT Tên trường THUONGHIEU_MA GVHD: TS Thái Minh Tuấn THUONGHIEU_TEN 39 SVTH: Nguyễn Phước Nhân Đề tài Niên luận sở: Website bán giày theo mơ hình MVC 11 Bảng Hinh STT Tên trường HA_MA HA_DUONGDAN STT Tên trường 12 Bảng Size SIZE_KICHCO SIZE_SOLUONG 13 Bảng SanPhamDaBan STT Tên trường SPDB_SOLUONG SPDB_THANG SPDB_NAM 14 Bảng GioHang STT GVHD: TS Thái Minh Tuấn 40 SVTH: Nguyễn Phước Nhân Đề tài Niên luận sở: Website bán giày theo mơ hình MVC 15 Bảng DonHang STT Tên trường DH_MA DH_NGAYDATHANG DH_NGAYGIAOHANG DH_DIACHI DH_TENNGUOINHAN DH_SODIENTHOAINHAN 16 Bảng ChiTietDonHang STT Tên trường CTDH_GIA CTDH_SOLUONG STT Tên trường 17 Bảng TrangThai TT_MA TT_TEN GVHD: TS Thái Minh Tuấn 41 SVTH: Nguyễn Phước Nhân ... TRƯỜNG ĐẠI HỌC CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG - - NIÊN LUẬN CƠ SỞ NGÀNH CÔNG NGHỆ THÔNG TIN ĐỀ TÀI XÂY DỰNG WEBSITE BÁN GIÀY THEO MƠ HÌNH MVC Giảng viên hướng dẫn: TS... SVTH: Nguyễn Phước Nhân Đề tài Niên luận sở: Website bán giày theo mơ hình MVC PHẦN 2: NỘI DUNG CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI 1.1 MÔ TẢ ĐỀ TÀI Susu Sneaker – ? ?Website bán giày? ?? trang web thương mại... Phạm vi nghiên cứu đề tài xây dựng website bán giày online Susu Sneaker GVHD: TS Thái Minh Tuấn SVTH: Nguyễn Phước Nhân Đề tài Niên luận sở: Website bán giày theo mơ hình MVC IV NỘI DUNG NGHIÊN