ĐỀ tài xây DỰNG WEBSITE GIỚI THIỆU và CUNG cấp NHẠC cụ dân tộc CHO cửa HÀNG YUUKI

lOMoARcPSD|20681854 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ *********** BÁO CÁO TỐT NGHIỆP ĐỀ TÀI XÂY DỰNG WEBSITE GIỚI THIỆU VÀ CUNG CẤP NHẠC CỤ DÂN TỘC CHO CỬA HÀNG YUUKI Sinh viên thực : Cao Văn An Mã số sinh viên : 1824801030186 Lớp : D18PM03 Giảng viên hướng dẫn : ThS Nguyễn Hữu Vĩnh Bình Dương, tháng 11/2021 lOMoARcPSD|20681854 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ *********** BÁO CÁO TỐT NGHIỆP ĐỀ TÀI XÂY DỰNG WEBSITE GIỚI THIỆU VÀ CUNG CẤP NHẠC CỤ DÂN TỘC CHO CỬA HÀNG YUUKI Sinh viên thực : Cao Văn An Mã số sinh viên : 1824801030186 Lớp : D18PM03 Giảng viên hướng dẫn : ThS Nguyễn Hữu Vĩnh Bình Dương, tháng 11/2021 i lOMoARcPSD|20681854 LỜI CẢM ƠN Luận văn hồn thành khơng nỗ lực thân tơi mà cịn nhờ giúp đỡ tận tình thầy cô, bạn bè trường Đại Học Thủ Dầu Một suốt thời gian học tập nghiên cứu trường Đặc biệt thầy ThS.Nguyễn Hữu Vĩnh - người trực tiếp hướng dẫn, góp ý cho tơi nhiều Xin trân trọng cảm ơn: Các thầy cô trường Đại Học Thủ Dàu Một Thầy Ths Nguyễn Hữu Vĩnh, giảng viên trường Đại Học Thủ Dàu Một hướng dẫn tơi xun suốt q trình thực luận văn Cuối xin gửi lời cảm ơn tới người thân gia đình, bạn bè giúp đỡ, khuyến khích động viên tơi suốt trình học tập, nghiên cứu thực báo cáo Bài báo cáo tốt nghiệp “Xây dựng website giới thiệu cung cấp nhạc cụ dân tộc cho cửa hàng Yuuki” hoàn thành chắc hẳn cịn có thiếu sót, mong nhận ý kiến đóng góp giúp đỡ thầy bạn bè để người thực đề tài có thể hoàn thành tốt báo cáo Rất mong nhận đóng góp từ q thầy cơ, bạn bè người quan tâm để báo cáo có thể hoàn thiện Xin chân thành cám ơn ii lOMoARcPSD|20681854 LỜI CAM ĐOAN Tôi xin cam đoan cơng trình nghiên cứu riêng tơi hướng dẫn khoa học ThS Nguyễn Hữu Vĩnh Các nội dung nghiên cứu, kết đề tài trung thực chưa công bố hình thức trước Những số liệu bảng biểu phục vụ cho việc phân tích, nhận xét, đánh giá tác giả thu thập từ nguồn khác có ghi rõ phần tài liệu tham khảo Ngồi ra, luận văn cịn sử dụng số nhận xét, đánh số liệu tác giả khác, quan tổ chức khác có trích dẫn thích nguồn gốc Nếu phát có gian lận tơi xin hoàn toàn chịu trách nhiệm nội dung luận văn Trường Đại học Thủ Dầu Một khơng liên quan đến vi phạm tác quyền, quyền tơi gây q trình thực (nếu có) Bình Dương, ngày 25 tháng 11 năm 2021 Người thực Cao Văn An iii lOMoARcPSD|20681854 TÓM TẮT Cửa hàng nhạc cụ dân tộc Yuuki phát triển mô hình giới thiệu sản phẩm nhạc cụ dân tộc để cung cấp cho thị trường Ngoài sản phẩm tự làm ra, cửa hàng nhập thêm số sản phẩm từ nơi khác Một vấn đề đặt cho người quản lý cửa hàng để quảng bá thương hiệu thị trường phục vụ cách tốt cho người sử dụng Hiện nay, với phát triển xã hội nhu cầu mua sắm trực tuyến trở thành dịch vụ thông dụng Không lĩnh vực điện tử, gia dụng mà lĩnh vực khác có dịch vụ đáp ứng nhu cầu sinh hoạt ngày Nắm bắt thị hiếu tiêu dùng này, cửa hàng muốn xây dựng website để quảng bá thương hiệu đưa sản phẩm dịch vụ lên cho người tiêu dùng có thể xem đặt mua hàng, sau cửa hàng cho nhân viên giao hàng tận nơi Với suy nghĩ giúp cho cửa hàng tạo website mong đợi cộng với việc thân muốn tìm hiểu thêm công nghệ mới, làm quen với môi trường phát triển website Vì thế, em chọn đề tài “Xây dựng website giới thiệu cung cấp nhạc cụ dân tộc” làm đề tài nghiên cứu cho Báo cáo chia thành phần: Giới thiệu chung Giới thiệu cơng nghệ Phân tích thiết kế hệ thống Giao diện website Kết luận iv lOMoARcPSD|20681854 SUMMARY Yuuki Ethnic Musical Instrument Store is developing a model to introduce ethnic musical instrument products to the market In addition to homemade products, the store also imports some products from other places A problem for the store manager is how to promote his brand to the market and best serve the user Currently, with the development of society, the need for online shopping has become a popular service Not only in the fields of electronics, household appliances but also other fields including services to meet daily living needs Grasping this consumer taste, the store wants to build a website to promote the brand and put its products and services on here for consumers to view and order, then the store will let employees Delivery With the thought that it will help the store create the website as expected, plus I also want to learn more new technologies, familiarize myself with the website development environment Therefore, I have chosen the topic "Building a website to introduce and provide ethnic musical instruments" as my research topic The report is divided into parts: General introduction Introduction of technology System design analysis Website interface Conclusion v lOMoARcPSD|20681854 MỤC LỤC DANH MỤC HÌNH viii DANH MỤC BẢNG x DANH MỤC THUẬT NGỮ VIẾT TẮT xi CHƯƠNG 1: GIỚI THIỆU CHUNG I LÝ DO THỰC HIỆN ĐỀ TÀI II MỤC ĐÍCH NGHIÊN CỨU III ĐỐI TƯỢNG VÀ PHẠM VI NGHIÊN CỨU IV PHƯƠNG PHÁP NGHIÊN CỨU V Ý NGHĨA KHOA HỌC VÀ THỰC TIỄN CHƯƠNG 2: GIỚI THIỆU CÔNG NGHỆ PHP I PHP LÀ GÌ? II NGÔN NGỮ PHP CĨ THỂ LÀM GÌ? III ƯU NHƯỢC ĐIỂM Ưu Điểm Nhược Điểm CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG I SƠ ĐỒ CHỨC NĂNG HỆ THỐNG II SƠ ĐỒ USE CASE TỔNG THỂ III PHÂN TÍCH CÁC CHỨC NĂNG HỆ QUẢN TRỊ Quản lý danh mục sản phẩm Quản lý sản phẩm 10 Quản lý đơn hàng 13 HỆ BÁN HÀNG 14 Chức toán, đặt hàng 14 Chức thêm sản phẩm vào giỏ hàng 15 Chức tìm kiếm sản phẩm 17 vi lOMoARcPSD|20681854 Chức xem xóa sản phẩm khỏi giỏ hàng 18 CÔNG CỤ 20 Chức Đăng ký 20 Chức Đăng nhập 21 IV CƠ SỞ DỮ LIỆU 23 CHƯƠNG 4: GIAO DIỆN PHẦN MỀM 25 I GIAO DIỆN ĐĂNG KÝ 25 II GIAO DIỆN ĐĂNG NHẬP 26 III GIAO DIỆN TRANG CHỦ 27 IV GIAO DIỆN TRANG GIỚI THIỆU VÀ LIÊN HỆ 28 V GIAO DIỆN QUẢN LÝ 29 VI GIAO DIỆN QUẢN LÝ DANH MỤC SẢN PHẨM 29 VII GIAO DIỆN QUẢN LÝ ĐƠN HÀNG 31 VIII GIAO DIỆN QUẢN LÝ SẢN PHẨM 32 IX GIAO DIỆN TRANG SẢN PHẨM 34 X GIAO DIỆN TÌM KIẾM SẢN PHẨM 34 XI GIAO DIỆN CHI TIẾT SẢN PHẨM 35 XII GIAO DIỆN GIỎ HÀNG 35 XIII GIAO DIỆN TRANG ĐẶT HÀNG, THANH TOÁN 36 XIV GIAO DIỆN TRANG THANH TOÁN TRỰC TUYẾN PAYPAL 37 CHƯƠNG 5: KẾT LUẬN 39 I KẾT QUẢ ĐẠT ĐƯỢC 39 II HẠN CHẾ 39 III HƯỚNG PHÁT TRIỂN 39 TÀI LIỆU THAM KHẢO 40 vii lOMoARcPSD|20681854 DANH MỤC HÌNH Hình Sơ đồ chức hệ thống Hình Sơ đồ use case tổng quát Hình 3 Sơ đồ use case Quản lý danh mục sản phẩm Hình Sơ đồ Quản lý danh mục sản phẩm Hình Sơ đồ use case Quản lý sản phẩm 12 Hình Sơ đồ Quản lý sản phẩm 12 Hình Sơ đồ use case Quản lý đơn hàng 13 Hình Sơ đồ Quản lý đơn hàng 14 Hình Sơ đồ Thanh tốn 15 Hình 10 Sơ đồ use case Thêm sản phẩm vào giỏ hàng 16 Hình 11 Sơ đồ Thêm sản phẩm vào giỏ hàng 16 Hình 12 Sơ đồ use case Tìm kiếm sản phẩm 17 Hình 13 Sơ đồ Tìm kiếm sản phẩm 18 Hình 14 Sơ đồ use case Xem, Xóa sản phẩm khỏi giỏ hàng 19 Hình 15 Sơ đồ Xem, Xóa sản phẩm khỏi giỏ hàng 19 Hình 16 Sơ đồ use case Đăng ký 21 Hình 17 Sơ đồ Đăng ký 21 Hình 18 Sơ đồ use case Đăng nhập 22 Hình 19 Sơ đồ Đăng nhập 22 Hình Giao diện Đăng ký 25 Hình Giao diện Đăng nhập 26 Hình Giao diện Trang chủ 27 Hình 4 Hình 1.1 Giao diện trang Giới thiệu & Liên hệ 28 Hình Giao diện Quản lý 29 Hình Giao diện Quản lý danh mục sản phẩm 29 Hình Giao diện Thêm danh mục sản phẩm 30 Hình Giao diện Sửa danh mục sản phẩm 30 Hình Giao diện Xóa danh mục 30 viii lOMoARcPSD|20681854 Hình 10 Giao diện Quản lý đơn hàng 31 Hình 11 Giao diện cập nhật trạng thái đơn hàng 31 Hình 12 Giao diện Quản lý sản phẩm 32 Hình 13 Giao diện Thêm sản phẩm 32 Hình 14 Giao diện Sửa sản phẩm 33 Hình 15 Giao diện Xóa sản phẩm 33 Hình 16 Giao diện Sản phẩm 34 Hình 17 Giao diện trang tìm kiếm sản phẩm 34 Hình 18 Giao diện trang chi tiết sản phẩm 35 Hình 19 Giao diện trang Giỏ hàng 35 Hình 20 Giao diện trang Đặt hàng, toán 36 Hình 21 Giao diện trang Thanh toán trực tuyến Paypal 37 ix lOMoARcPSD|20681854 tồn quyền sử dụng ứng dụng với tính giúp cho việc quản lý quán trở nên dễ dàng Để tạo tài khoản, người dùng cần phải nhập đầy đủ thông tin mà hệ thống yêu cầu bao gồm: • Thơng tin đăng nhập: Email đăng nhập, mật • Thơng tin cá nhân: Họ tên, địa chỉ, số điện thoại Sau hoàn tất việc nhập thông tin trên, người dùng bấm chọn nút “đăng ký” nằm phía để hồn tất việc đăng ký Trong q trình lưu liệu có lỗi có thơng báo gửi đến người dùng, ngược lại người dùng đưa đến trang đăng nhập kèm thông báo đăng ký thành công II GIAO DIỆN ĐĂNG NHẬP Hình Giao diện Đăng nhập 26 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Người dủng sau có tài khoản hệ thống đăng nhập trang này, thông tin cần nhập bao gồm tên đăng nhập mật đăng ký trước Tại cịn có tùy chọn Lưu mật giúp cho người dùng giảm bớt thao tác vào hệ thống, quan trọng vấn đề bảo mật khơng nên kích hoạt tùy chọn III GIAO DIỆN TRANG CHỦ Hình Giao diện Trang chủ Sau đăng nhập thành công, người dùng đưa đến trang chủ ứng dụng 27 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 IV GIAO DIỆN TRANG GIỚI THIỆU VÀ LIÊN HỆ Hình 4 Hình 1.1 Giao diện trang Giới thiệu & Liên hệ Trang hiển thị giới thiệu nhạc cụ dân tộc form liên hệ với cửa hàng Để liên hệ với cửa hàng, khách hàng cần điền email lời nhắn sau nhấn gửi Cửa hàng tiếp nhận phản hồi email khách hàng sơm có thể 28 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 V GIAO DIỆN QUẢN LÝ Hình Giao diện Quản lý Trang cung cấp công cụ quản lý chức cửa hàng Phía danh sách chức quản lý với tác vụ thêm, sửa, xóa VI GIAO DIỆN QUẢN LÝ DANH MỤC SẢN PHẨM Hình Giao diện Quản lý danh mục sản phẩm Trang cung cấp công cụ quản lý danh mục sản phẩm cửa hàng Phía danh sách danh mục với thao tác thêm, sửa, xóa Để thêm danh mục, bấm chọn vào thêm bên danh sách danh mục, trang mở hình 29 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Hình Giao diện Thêm danh mục sản phẩm Sau hình thêm lên, người dùng cần điền thông tin cần thiết vào form sau bấm chọn nút “Lưu” để hồn tất việc thêm Để sửa thông tin danh mục, bấm chọn nút “Sửa” danh mục đó, trang mở lên hình Hình Giao diện Sửa danh mục sản phẩm Màn hình sửa lên với thơng tin danh mục điền sẵn, người dùng muốn sửa thơng tin cập nhật thơng tin vào form sau bấm chọn nút “Lưu” để hồn tất việc sửa Để xóa danh mục, bấm chọn nút “Xóa” danh mục đó, thơng báo mở lên hình Hình Giao diện Xóa danh mục 30 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Hồn tất q trình việc bấm chọn nút “OK” Lưu ý, danh mục cần xóa phải đáp ứng yêu cầu chưa có sản phẩm danh mục Để hủy thao tác xóa, bấm chọn nút “Hủy” VII GIAO DIỆN QUẢN LÝ ĐƠN HÀNG Hình 10 Giao diện Quản lý đơn hàng Trang cung cấp công cụ quản lý đơn hàng cửa hàng Phía danh sách đơn hàng với thao tác cập nhật trạng thái đơn hàng Hình 11 Giao diện cập nhật trạng thái đơn hàng 31 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 VIII GIAO DIỆN QUẢN LÝ SẢN PHẨM Hình 12 Giao diện Quản lý sản phẩm Trang cung cấp công cụ quản lý sản phẩm cửa hàng Phía danh sách lần nhập nguyên liệu với thao tác xem, sửa, xóa Để thêm sản phẩm, bấm chọn vào nút thêm bên danh sách sản phẩm, trang mở lên Hình 13 Giao diện Thêm sản phẩm 32 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Sau hình thêm lên, người dùng cần điền thơng tin cần thiết vào form Sau bấm chọn nút “Thêm” để hoàn tất việc thêm Để sửa thông tin sản phẩm, bấm chọn nút “Sửa” sản phẩm đó, trang mở lên Hình 14 Giao diện Sửa sản phẩm Màn hình sửa lên với thơng tin sản phẩm điền sẵn, người dùng muốn sửa thông tin cập nhật thơng tin vào form sau bấm chọn nút “Chỉnh sửa” để hồn tất việc sửa Để xóa sản phẩm, bấm chọn nút “Xóa” sản phẩm đó, cửa sổ mở lên hình Hình 15 Giao diện Xóa sản phẩm Hồn tất q trình việc bấm chọn nút “OK” 33 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 IX GIAO DIỆN TRANG SẢN PHẨM Hình 16 Giao diện Sản phẩm Trang trang cung cấp sản phẩm cửa hàng Để mua sản phẩm, nhấp nút thêm vào giỏ hàng sản phẩm cần mua Sau vào trang giỏ hàng đặt mua sản phẩm X GIAO DIỆN TÌM KIẾM SẢN PHẨM Hình 17 Giao diện trang tìm kiếm sản phẩm Thanh tìm kiếm giúp khách hàng tìm kiếm sản phẩm dễ dàng Để tìm kiếm sản phẩm, khách hàng chọn vào tìm kiếm nhập 34 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 xác từ khóa sản phẩm cần tìm, hệ thống tìm kiếm đưa kết sau XI GIAO DIỆN CHI TIẾT SẢN PHẨM Hình 18 Giao diện trang chi tiết sản phẩm Trang hiển thị chi tiết sản phẩm, mô tả đầy đủ sản phẩm mà khách hàng muốn xem Từ trang khách hàng có thể đặt mua thêm vào giỏ hàng để đặt sau XII GIAO DIỆN GIỎ HÀNG Hình 19 Giao diện trang Giỏ hàng Trang giúp khách hàng lưu lại sản phẩm cần thiết, có thể chỉnh sửa, xóa sản phẩm khơng cần Khách hàng có thể đặt mua sau xác nhận sản phẩm cần mua 35 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 XIII GIAO DIỆN TRANG ĐẶT HÀNG, THANH TỐN Hình 20 Giao diện trang Đặt hàng, toán Trang giúp khách hàng chọn hình thức tốn đặt hàng Khách hàng có thể chọn tốn trực tuyến qua Paypal mặc định toán sau nhận hàng cách bấm đặt hàng Cửa hàng liên hệ với khách để xác nhận đơn hàng giao hàng tận nơi 36 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 XIV GIAO DIỆN TRANG THANH TỐN TRỰC TUYẾN PAYPAL Hình 21 Giao diện trang Thanh toán trực tuyến Paypal 37 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Trang trang toán trực tuyến bên thứ ba, khách hàng toán trực tiếp cho tài khoản cửa hàng thông qua Paypal 38 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 CHƯƠNG 5: KẾT LUẬN I KẾT QUẢ ĐẠT ĐƯỢC Xây dựng website quản lý với đầy đủ chức cần thiết cho việc quản lý bán hàng Củng cố lại kiến thức học, đặc biệt kỹ phân tích giải vấn đề Biết cách áp dụng kiến thức lý thuyết vào ứng dụng thực tế II HẠN CHẾ Do thời gian thực hạn chế, nên việc nghiên cứu vấn đề cịn chưa đầy đủ xác Kiến thức lập trình kiến thức thực tế cịn hạn chế nên tính chun nghiệp chương trình chưa cao, vài tính hoạt động chưa tối ưu Chương trình chưa thực đầy đủ tính mong muốn III HƯỚNG PHÁT TRIỂN Thiết kế chương trình giao diện trực quan nhằm mang lại trải nghiệm cảm hứng cho người sử dụng Tăng cường bảo mật cho ứng dụng, tránh tượng bị hacker cơng gây thất liệu ảnh hưởng đến tình hình kinh doanh cửa hàng Bổ sung thêm vài tính khác như: áp dụng tốn hình thức quẹt thẻ chủn khoản, quản lý thu chi quán, kết nối với máy chấm cơng để lấy liệu nhanh chóng, giảm thời gian nhập thủ công,… Giao diện đẹp, thân thiện với người dùng, có nhiều chức tương tác tốt với người dùng Thiết kế, bổ sung tính cịn thiếu hay chưa thật hồn chỉnh trình sử dụng 39 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 TÀI LIỆU THAM KHẢO Tiếng Việt Bryan Syverson – Joel Murach (2013), SQL Server hướng dẫn học qua ví dụ, Nxb khoa học kỹ thuật Nguyễn Ngọc Tuấn, Hồng Phúc (2005), Lập trình thiết kế web ASP.NET với ví dụ C#, Nxb Thống kê Phạm Hữu Khang, Phương Lan (2009), Microsoft SQL Server 2008 – Quản trị sở liệu, Nxb Lao động – xã hội Website http://hiepsiit.com Truy cập ngày 15/7/2021 Tự học PHP - 01 Tổng quan PHP - YouTube.Truy cập ngày 15/7/2021 Hướng dẫn viết website PHP từ A-Z (p1) - TUANDC Truy cập ngày 15/7/2021 40 Downloaded by heo ninh (ninhheo7@gmail.com) ... VIỆN KỸ THUẬT – CÔNG NGHỆ *********** BÁO CÁO TỐT NGHIỆP ĐỀ TÀI XÂY DỰNG WEBSITE GIỚI THIỆU VÀ CUNG CẤP NHẠC CỤ DÂN TỘC CHO CỬA HÀNG YUUKI Sinh viên thực : Cao Văn An Mã số sinh viên : 1824801030186... lOMoARcPSD|20681854 TÓM TẮT Cửa hàng nhạc cụ dân tộc Yuuki phát triển mơ hình giới thiệu sản phẩm nhạc cụ dân tộc để cung cấp cho thị trường Ngồi sản phẩm tự làm ra, cửa hàng cịn nhập thêm số sản... nghiệp ? ?Xây dựng website giới thiệu cung cấp nhạc cụ dân tộc cho cửa hàng Yuuki? ?? hoàn thành chắc hẳn cịn có thiếu sót, mong nhận ý kiến đóng góp giúp đỡ thầy cô bạn bè để người thực đề tài có