Xây dựng website bán hàng mỹ phẩm trực tuyến cho doanh nghiệp cleo nails spa huế bằng ngôn ngữ lập trình php

- ĐẠI HỌC HUẾ TRƯỜ G ĐẠI HỌC KI H TẾ KHOA HỆ THỐ G THÔ G TI KI H TẾ ng Trư ih Đạ ọc KHÓA LUẬ TỐT GHIỆP XÂY DỰ G WEBSITE BÁ MỸ PHẨM TRỰC TUYẾ TRÊ GÔ Kin CHO DOA H GHIỆP CLEO AILS & SPA HUẾ DỰA GỮ LẬP TRÌ H PHP uế ếH ht PHẠM BÁ MI H TRÍ Khóa 2019 - 2022 - ĐẠI HỌC HUẾ TRƯỜ G ĐẠI HỌC KI H TẾ KHOA HỆ THỐ G THÔ G TI KI H TẾ ng Trư ih Đạ KHÓA LUẬ TỐT GHIỆP ọc XÂY DỰ G WEBSITE BÁ MỸ PHẨM TRỰC TUYẾ TRÊ GÔ Kin CHO DOA H GHIỆP CLEO AILS & SPA HUẾ DỰA GỮ LẬP TRÌ H PHP Lớp: K53 Tin Học Kinh Tế Mã sinh viên: 19K4081039 Niên khóa: 2019-2023 uế ếH ht Sinh viên thực hiện: Phạm Bá Minh Trí Huế, tháng 04, năm 2023 Giảng viên hướng dẫn TS Hoàng Hữu Trung - Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung LỜI CẢM Ơ Lời đầu tiên, tác giả xin chân thành cảm ơn tồn thể q thầy giáo trường Đại học Kinh tế - Đại học Huế, quý thầy cô Khoa Hệ Thống Thông Tin Kinh Tế Bởi lẽ Trư suốt thời gian học tập trường, em nhận tận tình bảo, cung cấp kiến thức, kĩ chuyên môn, sở để tác giả hồn thành đợt Thực Tập tốt nghiệp hành trang cho nghiệp tương lai Bên cạnh đó, tác giả xin gửi lời cảm ơn chân thành đến Thầy Hồng Hữu Trung, ng người ln đồng hành, giúp đỡ em suốt trình thực tập, nhờ vậy, em hồn thiện đề tài Tốt Nghiệp tốt Đạ Tiếp theo, tác giả xin gửi lời cảm ơn đến Công Ty Cổ Phần Thành Đạt, nơi cho em hội để thực tập, cung cấp kiến thức, kĩ thực tế mà em chưa ih tiếp cận giảng đường Theo đó, em biết ơn quý anh chị làm việc đây, lẽ, bận rộn với công việc lại tận tình hướng dẫn, ọc giải đáp thắc mắc mà tác giả đề cập đến, đặc biệt anh Lê Văn Trung người đồng hành em suốt trình Thực Tập Kin Do kiến thức hạn chế, thiếu kinh nghiệm giới hạn thời gian nên đề tài em dừng lại phạm vi hạn hẹp Do đó, em chưa thể đưa đề xuất sâu sắc Tuy vậy, mong đóng góp thời gian qua giúp cải thiện phần uế ếH ht tình hình chung Cơng ty Trong q trình thực đề tài Tốt Nghiệp, khó tránh khỏi sai sót Kính mong nhận chia sẻ đóng góp ý kiến từ quý thầy để em hồn thiện đề tài cách tốt Em xin chân thành cảm ơn! Huế, ngày 01 tháng 04 năm 2023 Phạm Bá Minh Trí SVTH: Phạm Bá Minh Trí i - Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung MỤC LỤC LỜI CẢM ƠN i MỤC LỤC ii DANH MỤC GIẢI NGHĨA iv Trư DANH SÁCH CÁC BẢNG, BIỂU v DANH MỤC HÌNH ẢNH, SƠ ĐỒ vi PHẦ I: ĐẶT VẤ ĐỀ 1.1 Mục đích chọn đề tài 2.1 Mục tiêu nghiên cứu ng 2.1.1 Mục tiêu tổng quát 2.1.2 Mục tiêu cụ thể Đạ 3.1 Đối tượng phạm vi nghiên cứu 3.1.1 Đối tượng nghiên cứu 3.1.2 Phạm vi nghiên cứu ih 4.1 Phương pháp nghiên cứu 5.1 Các cơng trình nghiên cứu liên quan 6.1 Cấu trúc đề tài khóa luận ọc PHẦ II: ỘI DU G GHIÊ CỨU CHƯƠ G I: CƠ SỞ LÝ THUYẾT Kin 1.1 Tổng quan thương mại điện tử 1.1.1 Thương mại điện tử gì? 1.1.2 Những ưu điểm thương mại điện tử 1.1.3 Những thách thức thương mại điện tử uế ếH ht 1.1.4 Điều làm nên thành công gian hàng thương mại điện tử? 10 1.1.5 Ứng dụng thương mại điện tử kinh doanh 11 1.2 Tổng quan ngôn ngữ hỗ trợ xây dựng đề tài 12 1.2.1 Ngôn ngữ đánh dấu siêu văn HTML 12 1.2.2 Ngôn ngữ kiểu định CSS 13 1.2.3 Ngơn ngữ lập trình JavaScript 15 1.3.4 Ngơn ngữ lập trình PHP 16 1.3 Hệ quản trị sở liệu MySQL 17 1.4 Phần mềm tạo máy chủ cục XAMPP 19 1.5 Phần mềm thiết kế StarUML 20 1.6 Phần mềm Text Editer Visual Studio Code 20 1.7 Mơ hình MVC 21 SVTH: Phạm Bá Minh Trí ii - Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung CHƯƠ G II: PHÂ TÍCH VÀ THIẾT KẾ HỆ THỐ G THÔ G TI CHO DOA H GHIỆP CLEO AILS & SPA HUẾ 25 2.1 Tổng quan doanh nghiệp Cleo Nails & Spa Huế 25 2.2 Khảo sát hệ thống 27 2.2.1 Đặc tả yêu cầu toán 27 Trư 2.2.2 Mô tả chức website 28 2.2.3 Yêu cầu website 30 2.3 Phân tích hệ thống website 30 2.3.1 Các tác nhân hệ thống 30 2.3.2 Các biểu đồ Usecase 33 ng 2.3.3.Biểu đồ 61 2.3.4 Thiết kế sở liệu 63 2.3.5 Xác định mối quan hệ cho tập thực thể Error! Bookmark not defined Đạ 2.3.6 Xác định khóa cho thực thể Error! Bookmark not defined 2.3.7 Thiết kế sở liệu Error! Bookmark not defined ih 2.3.8 Sơ đồ lớp 72 2.3.9 Mơ hình liệu quan hệ 73 CHƯƠ G III: THIẾT KẾ, XÂY DỰ G VÀ TRIỂ KHAI WEBSITE 74 ọc 3.1 Xây dựng triển khai website 74 3.1.1.1 Giao diện trang người tiêu dùng 74 Kin 3.1.1.2 Giao diện trang giỏ hàng toán 76 3.1.1.3 Giao diện toán VNPAY 77 3.1.2 Giao diện quản trị viên 78 3.1.2.1 Giao diện tổng quan trang quản trị 78 uế ếH ht 3.1.2.2 Giao diện trang quản lý sản phNm 79 3.1.2.3 Giao diện trang quản lý đơn đặt hàng 80 3.1.2.4 Giao diện trang điều khiển Voucher 81 3.2 Đánh giá hệ thống 82 PHẦ III: KẾT LUẬ 83 1.1 Kết đạt 83 1.2 N hững hạn chế 83 1.3 Hướng phát triển 83 DAN H MỤC THAM KHẢO 85 PHỤ LỤC 88 SVTH: Phạm Bá Minh Trí iii - Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung DA H MỤC GIẢI GHĨA Từ viết tắt Tiếng việt CSDL Cơ sở liệu DN Doanh nghiệp DL Dữ liệu ĐĐH Đơn đặt hàng HT Hệ thống KH Khách hàng SP Sản phNm ih Đạ ng Trư STT TMĐT Thương mại điện tử ọc uế ếH ht Kin SVTH: Phạm Bá Minh Trí iv - Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung DA H SÁCH CÁC BẢ G, BIỂU Bảng 1: Admin User - 30 Bảng 2: Đặc tả Usecase Chat - 34 Bảng 3: Đặc tả Usecase quản lý danh mục sản phNm - 35 Trư Bảng 4: Đặc tả Usecase quản lý mã giảm giá 40 Bảng 5: Đặc tả Usecase quản lý giỏ hàng 43 Bảng 6: Đặc tả Usecase đặt hàng 46 Bảng 7: Đặc tả Usecase quản lý đơn đặt hàng - 48 ng Bảng 8: Đặc tả Usecase đánh giá 50 Bảng 9: Đặc tả Usecase quản lý tài khoản 52 Đạ Bảng 10: Đặc tả Usecase thống kê - 56 Bảng 11: Bảng Usecase hỏi đáp - 59 ih Bảng 12: Mô tả sở liệu Productfavorite - 66 Bảng 13: Mô tả sở liệu Productrating 66 ọc Bảng 14: Mô tả sở liệu Messages 67 Bảng 15: Mô tả sở liệu Order - 67 Bảng 16: Mô tả sở liệu Product - 68 Kin Bảng 17: Mô tả sở liệu Question - 68 Bảng 18: Mô tả sở liệu User 69 Bảng 19: Mô tả sở liệu Voucher 69 uế ếH ht Bảng 20: Mô tả sở liệu bảng Cart 70 Bảng 21: Mô tả sở liệu Role 70 Bảng 22: Mô tả sở liệu Orderdetail 70 SVTH: Phạm Bá Minh Trí v - Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung DA H MỤC HÌ H Ả H, SƠ ĐỒ Danh mục hình ảnh Hình 1: Tỷ lệ người mua hàng trực tuyến loại hàng hóa, dịch vụ năm 2022 Hình 2: Thành phần MVC 22 Trư Hình 1: Logo doanh nghiệp Cleo N ails & Spa 25 Hình 2: Hình ảnh doanh nghiệp Cleo N ails & Spa Huế - 26 Hình 1: Giao diện trang người tiêu dùng 75 Hình 2: Giao diện trang giỏ hàng toán 76 ng Hình 3: Giao diện toán VN PAY - 77 Hình 4: Giao diện tổng quan trang quản trị viên - 78 Hình 5: Giao diện trang quản lý sản phNm 79 Đạ Hình 6: Giao diện trang quản lý đơn hàng 80 Hình 7: Giao diện trang điều khiển voucher 81 ih Danh mục sơ đồ Sơ đồ 1: Sơ đồ Usecase tổng quát 33 ọc Sơ đồ 2: Sơ đồ Usecase Chat 34 Sơ đồ 3:Sơ đồ Usecase quản lý danh mục - 35 Sơ đồ 4: Sơ đồ Usecase quản lý mã giảm giá - 40 Kin Sơ đồ 5: Sơ đồ Usecase quản lý giỏ hàng - 43 Sơ đồ 6: Sơ đồ Usecase đặt hàng - 46 Sơ đồ 7: Sơ đồ Usecase quản lý đơn đặt hàng 47 uế ếH ht Sơ đồ 8: Sơ đồ Usecase đánh giá - 50 Sơ đồ 9: Sơ đồ Usecase quản lý tài khoản - 52 Sơ đồ 10: Sơ đồ Usecase thống kê - 55 Sơ đồ 11: Sơ đồ Usecase hỏi đáp - 59 Sơ đồ 12: Sơ đồ đăng nhập - 61 Sơ đồ 13: Sơ đồ order - 61 Sơ đồ 14: Sơ đồ sửa danh mục - 62 Sơ đồ 15: Sơ đồ sửa sản phNm - 62 Sơ đồ 16: Mối quan hệ thực thể đôi - 65 Sơ đồ 17: Sơ đồ thực thể mối quan hệ - 65 Sơ đồ 18: Sơ đồ lớp - 72 Sơ đồ 19: Mơ hình liệu quan hệ - 73 SVTH: Phạm Bá Minh Trí vi - Khóa luận tốt nghiệp GVHD: Hoàng Hữu Trung ng Trư ọc ih Đạ uế ếH ht Kin SVTH: Phạm Bá Minh Trí vii - Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung PHẦ I: ĐẶT VẤ ĐỀ 1.1 Mục đích chọn đề tài Trong thời đại nay, doanh nghiệp (DN ) cần liên tục đặt câu hỏi chiến lược phát triển thị trường giới thời kỳ chuyển biến sôi Trư động lịch sử [1] Trong thời đại tăng trưởng vậy, kéo theo việc kinh doanh trực tuyến thay đổi, nhu cầu mua sắm người ngày phát triển tăng cao, hoạt động bán hàng thực nhiều hình thái khác nhau, bán hàng không diễn điểm bán hàng cụ thể thị trường mà tiến hành ng theo xu hướng - xu hướng tiến thời đại kỹ thuật thông tin Từ việc mua bán, trao đổi trực tiếp, đây, nhờ có phát triển cơng nghệ thơng tin, Đạ phổ biến Internet bùng nổ sàn thương mại điện tử, người tiêu dùng liên tục thay đổi hành vi mua sắm tìm thấy sản phNm mà ih muốn mua kênh website Thương mại điện tử (TMĐT) Với phát triển vượt bậc công nghệ thông tin, mua sắm trực tuyến trở ọc thành phần thiếu sống người [2] Điều tạo điều kiện cho sàn thương mại điện tử đời nhiều người Việt N am sử dụng như: Shopee [3], Lazada [4], Tiki [5]… Hiện sàn TMĐT kênh bán Kin hàng không mà người mua hàng không cá nhân mà doanh nghiệp kinh doanh vơ u thích Kênh bán hàng cịn đánh giá thay cho cửa hàng truyền thống tất thứ bán (miễn uế ếH ht sản phNm phù hợp với sách mà sàn thương mại điện tử đặt trước đó) [2] SVTH: Phạm Bá Minh Trí - Khóa luận tốt nghiệp GVHD: Hoàng Hữu Trung d) Biểu đồ Usecase QuanLySanPhamSanPhamYeuThich ng Trư ọc ih Đạ Biểu đồ 2.19: Biển đồ Usecase quản lý sản ph8m yêu thích Bảng 2.26: Đặc tả Usecase quản lý sản phUm yêu thích Kin UsecaseQuanLySanPhamYeuThich Tác nhân Khách hàng Mơ tả Cho phép khách hàng xem, thêm mới, xóa sản phNm u thích uế ếH ht Tên Uscase Điều kiện tiên Khách hàng đăng nhập thành cơng vào hệ thống Kích hoạt Chọn sản phNm yêu thích Chức xem Sự kiện Sự kiện phụ STT Tác nhân Khách hàng Chọn sản phNm yêu thích Hệ thống Hiển thị danh sách STT 2.1 SVTH: Phạm Bá Minh Trí Tác nhân Hệ thống Hành động Hành động Hiển thị thông báo “Chưa có liệu” 95 - Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung chưa có sản phNm yêu thích hệ thống Thêm Sự kiện Tác nhân Khách hàng Chọn xem chi tiết sản phNm Khách hàng Chọn thêm vào danh sách sản phNm Hành động yêu thích Hệ thống ng Trư STT Lưu sản phNm vào danh sách Xóa sản phŒm yêu thích Sự kiện Tác nhân Khách hàng Chọn xem danh sách Hệ thống Hiển thị danh sách Khách hàng Chọn nút “xóa” Hệ thống Xóa sản phNm hệ thống Hành động ọc ih Đạ STT uế ếH ht Kin SVTH: Phạm Bá Minh Trí 96 - Khóa luận tốt nghiệp GVHD: Hoàng Hữu Trung g) Biểu đồ Usecase DangXuat ng Trư ih Đạ Biểu đồ 2.20: Biểu đồ Usecase đăng xuất ọc Bảng 2.27: Đặc tả Usecase đăng xuất UseCaseDangXuat Tác nhân QTV, KH Mơ tả Cho phép QTV, KH đăng xuất khỏi hệ thống Điều kiện tiên QTV, KH đăng nhập thành công vào hệ thống Kích hoạt Chọn đăng xuất Sự kiện STT Tác nhân QTV KH KH uế ếH ht SVTH: Phạm Bá Minh Trí Kin Tên UC Hành động Chọn đăng xuất Đăng xuất khỏi hệ thống Hiển thị trang đăng nhập 97 - Khóa luận tốt nghiệp GVHD: Hoàng Hữu Trung h) Biểu đồ Usecase TimKiemSanPham ng Trư ih Đạ Biểu đồ 2.21: Biểu đồ UseCase tìm kiếm sản ph8m Sự kiện phụ Chọn nút STT HT HT STT SVTH: Phạm Bá Minh Trí Menu ấn nút Enter Tác nhân Hành động KH Chọn chức tìm kiếm HT Hiển thị giao diện tìm kiếm KH N hập từ khóa tìm kiếm KH Chọn nút Menu Tác nhân uế ếH ht Sự kiện UsecaseTimKiemSanPham KH Cho phép KH tìm kiếm SP hệ thống Có SP hệ thống CSDL Kin Tên Usecase Tác nhân Mơ tả Điều kiện tiên Kích hoạt ọc Bảng 2.29: Đặc tả Usecase tìm kiếm sản phUm ấn nút Enter Kiểm tra thơng tin có hợp lệ khơng Hiển thị danh sách sản phNm tìm kiếm Hành động 98 - Khóa luận tốt nghiệp GVHD: Hoàng Hữu Trung 5.1 HT 5.2 HT ng Trư Hệ thống hiển thị thơng báo “Vui lịng điền vào trường này!” thiếu tên sản phNm Hiển thị thông báo “Khơng tìm thấy sản phNm” tên sản phNm không trùng khớp với sản phNm hệ thống ọc ih Đạ uế ếH ht Kin SVTH: Phạm Bá Minh Trí 99 - Khóa luận tốt nghiệp GVHD: Hoàng Hữu Trung Phụ lục : Các Biểu đồ a) Biểu đồ đăng ký ng Trư ih Đạ b) Biểu đồ đăng xuất ọc Biểu đồ 2.30: Biểu đồ đăng ký uế ếH ht Kin Biểu đổ 2.31: Biểu đồ đăng xuất SVTH: Phạm Bá Minh Trí 100 - Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung Phụ lục 3: Thiết kế sở liệu a) Bảng Blog Bảng 2.30: Mô trả sở liệu bảng Blog STT Kiểu Kích liệu thước ot null/null Trư Tên thuộc tính Varchar Image Varchar UserId Int ot null CreatedDate Datetime ot null lastUpdated Datetime ot null Views Int ot null Id int Title Content Text Khóa ngoại ot null 500 X ot null ot null ng 100 ot null ọc ih Đạ b) Bảng Categories Khóa X Bảng 2.30: Mơ tả sở liệu Categories STT Tên thuộc tính Kiểu Kin liệu Id Int N ame Varchar Status Tinyint c) Bảng Orderdetail Bảng 2.22: Mô tả sở liệu Orderdetail Tên thuộc tính Kiểu liệu thước 255 ot Khóa Khóa null/null ngoại N ot null X N ot null uế ếH ht STT Kích N ot null Kích thước ot Khóa Khóa null/null ngoại N ot null X Id Int OrderId Int N ot null X ProductId Int N ot null X SVTH: Phạm Bá Minh Trí 101 - Khóa luận tốt nghiệp GVHD: Hoàng Hữu Trung Qty Int N ot null ProductPrice Decimal N ot null ProductN ame Varchar 255 N ot null ng Trư ọc ih Đạ uế ếH ht Kin SVTH: Phạm Bá Minh Trí 102 - Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung Phụ Lục 4: Giao diện người tiêu dùng quản trị viên a) Giao diện trang đăng ký tài khoản Đây trang có form để người tiêu dùng KH tạo tài khoản cá nhân Khi nhấn gửi lưu thơng tin họ vào bảng users gửi mail có mã xác nhận tài khoản Trư vào gmail đăng Khi lưu vào database, username email không cho phép trùng nhau, nghĩa người có username email khác ng ọc ih Đạ Kin Hình 3.8: Giao diện trang đăng ký tài khoản uế ếH ht SVTH: Phạm Bá Minh Trí 103 - Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung b) Giao diện trang sản phŒm yêu thích Giao diện hiển thị sản phNm khách hàng thêm vào danh sách u thích ng Trư ọc ih Đạ Hình 3.9: Giao diện trang sản phNm yêu thích uế ếH ht Kin SVTH: Phạm Bá Minh Trí 104 - Khóa luận tốt nghiệp GVHD: Hoàng Hữu Trung c) Giao diện trang Blog Giao diện cho phép khách hàng vào xem thông tin QTV đăng tải lên trang web ng Trư ọc ih Đạ Hình 3.10: Giao diện trang Blog uế ếH ht Kin SVTH: Phạm Bá Minh Trí 105 - Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung d) Giao diện trang Chat với khách hàng Giao diện trang chat với khách hàng thể tài khoản đăng ký xuất sở liệu Cho phép QTV khách hàng nhắn tin trực tiếp cho để hỏi đáp tư vấn cho khách hàng ng Trư ọc ih Đạ uế ếH ht Kin Hình 3.11: Giao diện trang chat với khách hàng SVTH: Phạm Bá Minh Trí 106 - Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung e) Giao diện trang Blog Giao diện trang Blog cho phép quản trị viên đăng viết lên trang để quảng cáo sản phNm thông tin mặt hàng thời trang ng Trư ọc ih Đạ Hình 3.12: Giao diện trang Blog uế ếH ht Kin SVTH: Phạm Bá Minh Trí 107 - Khóa luận tốt nghiệp GVHD: Hoàng Hữu Trung f) Giao diện trang thống kê Giao diện trang thống kê cho phép quản trị viên nắm bắt doanh thu, sản phNm tồn kho, sản phNm bán chạy cách nhanh chống ng Trư ọc ih Đạ Hình 3.13: Giao diện trang thống kê uế ếH ht Kin SVTH: Phạm Bá Minh Trí 108 - Khóa luận tốt nghiệp GVHD: Hồng Hữu Trung KẾT QUẢ KIỂM TRA ĐẠO VĂ ng Trư ọc ih Đạ uế ếH ht Kin SVTH: Phạm Bá Minh Trí 109