TIỂU LUẬN môn học PHÁT TRIỂN PHẦN mềm mã NGUỒN mở xây DỰNG WEBSITE NHÀ HÀNG NEW STAR

lOMoARcPSD|20681854 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ TIỂU LUẬN MÔN HỌC PHÁT TRIỂN PHẦN MỀM MÃ NGUỒN MỞ XÂY DỰNG WEBSITE NHÀ HÀNG NEW STAR GVHD: ThS Nguyễn Hữu Vĩnh Nhóm Sinh Viên Thực Hiện: Nguyễn Văn Phần_1824801030268 Phạm Tuấn Anh_1824801030268 lOMoARcPSD|20681854 Tiểu luận mơn Lập trình Web NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN Họ tên giảng viên: Nguyễn Hữu Vĩnh Tên đề tài: XÂY DỰNG WEBSITE NHÀ HÀNG NEW STAR Nội dung nhận xét: Điểm: Bằng số: Bằng chữ: GIẢNG VIÊN CHẤM (Ký, ghi rõ họ tên) NGUYỄN HỮU VĨNH SVTH: Nguyễn Văn Phần – LỚP: D18PM04 lOMoARcPSD|20681854 Tiểu luận mơn Lập trình Web MỤC LỤC TÓM TẮT SUMMARY LỜI NÓI ĐẦU SƠ ĐỒ TRANG WEB 10 Sơ đồ tổng quát trang 10 CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI 12 Tên Đề Tài 12 Mục Tiêu Đề Tài 12 Ý Nghĩa Của Đề Tài 12 Đối Tượng Của Đề Tài 12 Một Số Trang Chính Của Website 12 CHƯƠNG GIỚI THIỆU CÔNG NGHỆ 13 Giới Thiệu Về Xampp 13 Xampp gì? 13 2.Giới Thiệu Về phpMyAdmin 13 2.1 phpMyAdmin 14 2.2.Các tính phpMyAdmin 14 3.Giới thiệu netbeans 14 4.Ngôn ngữ CSS 15 5.Ngôn ngữ PHP 15 Ưu điểm 16 Nhược điểm 17 6.Ngôn ngữ JavaScript 17 CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 18 Phân tích 18 Thiết kế hệ thống 19 2.1 Danh sách tác nhân mô tả 19 2.2 Danh sách Use Case mô tả 19 2.3 Biểu đồ use case tổng quát hệ thống 21 Đặc tả Use Case 22 SVTH: Nguyễn Văn Phần – LỚP: D18PM04 lOMoARcPSD|20681854 Tiểu luận mơn Lập trình Web Use case Đăng nhập 22 Use case Tìm Kiếm 22 Use case Trang Chủ 22 Use case đăng ký 23 Use case đổi mật 24 Use case giới thiệu 25 Use case khuyến 26 Use case đặt mua 27 Use case liên hệ 28 10 Use case menu 29 11 Use case giỏ hàng 30 Một số biểu đồ hoạt động 31 Biểu đồ hoạt động cho chức đăng nhập 31 Biểu đồ hoạt động cho chức đăng ký 32 Biểu đồ hoạt động cho chức tìm kiếm 33 Biểu đồ hoạt động cho chức giỏ hàng 34 Biểu đồ hoạt động cho chức Xem chi tiết sản phẩm 35 Biểu đồ hoạt động cho chức đổi mật 36 Biểu đồ hoạt động cho chức quản lý sản phẩm 37 Biểu đồ 38 Đăng nhập 38 Đăng ký 38 Đổi mật 39 Tìm kiếm 40 Quản lý giỏ hàng 41 Xem chi tiết sản phẩm 41 Quản lý sản phẩm 42 Biểu đồ lớp 43 Thiết kế sỡ liệu 44 Các bảng sở liệu 44 Loại ăn 44 Món ăn 45 Khách hàng 45 Đơn đặt hàng 46 SVTH: Nguyễn Văn Phần – LỚP: D18PM04 lOMoARcPSD|20681854 Tiểu luận mơn Lập trình Web Chi tiết đặt hàng 46 Thăm dò 46 Chi tiết thăm dò 47 Quảng cáo 47 Admin 47 CHƯƠNG 4: GIAO DIỆN CHƯƠNG TRÌNH 48 Đặc Tả Giao Diện 48 1.1 Giao diện trang chủ 48 1.2 Giao diện trang giới thiệu 50 1.3 Giao diện Trang Liên Hệ 52 1.4 Giao diện trang đăng ký 54 1.5 Giao diện trang đăng nhập 56 1.6 Giao diện trang Đổi Mật Khẩu 57 1.7 Giao diện trang khuyến 58 1.8 Giao diện trang chi tiết sản phẩm Các ăn Cua 60 1.9 Giao diện trang Bánh kem dâu tây 62 1.10 Giao diện Quản lý Sản phẩm 63 1.11 Giao diện Quản Lý Khách Hàng 64 1.12 Giao diên Quản Lý Nhân Viên 64 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 65 Kết đạt được: 65 Việc chưa làm được: 65 Hướng phát triển đề tài 65 TÀI LIỆU KHAM KHẢO 67 SVTH: Nguyễn Văn Phần – LỚP: D18PM04 lOMoARcPSD|20681854 Tiểu luận mơn Lập trình Web TÓM TẮT Website xây dựng để giảm bớt cơng việc cho cửa hàng nhằm tối ưu hóa cơng việc, lưu thông tin đưa thông tin cách xác, tăng tương tác khách hàng cửa hàng cửa hàng Website có giao diện thân thiện với người dùng ,áp dụng hệ quản trị sở liệu MySQL để trao đổi liệu công cụ phát triển phần mềm Visual Studio Code Đề tài tiểu luận gồm phần phân chương sau: Chương 1: Tổng quan đề tài Chương 2: Giới thiệu công nghệ Chương 3: Giao diện website Chương 4: Kết luận hướng phát triển SVTH: Nguyễn Văn Phần – LỚP: D18PM04 lOMoARcPSD|20681854 Tiểu luận mơn Lập trình Web SUMMARY Website is built to reduce the work for the store to optimize work, save information and give information accurately, increase the interaction between the store's customers and the store The website has a user-friendly interface, applies MySQL database management system to exchange data and Visual Studio Code software development tools The thesis topic consists of the following chapters: Chapter 1: Overview of the topic Chapter 2: Introduction to technology Chapter 3: Website interface Chapter 4: Conclusion and development direction SVTH: Nguyễn Văn Phần – LỚP: D18PM04 lOMoARcPSD|20681854 Tiểu luận mơn Lập trình Web LỜI NÓI ĐẦU Hiện nay, giới công nghệ thông tin thương mại điện tử phát triển mạnh mẽ Kỹ thuật số giúp tiết kiệm đáng kể chi phí nhờ chi phí vận chuyển trung gian, chi phí giao dịch đặc biệt giúp tiết kiệm thời gian để người đầu tư vào hoạt động khác Hơn nữa, thương mại điện tử giúp người tìm kiếm tự động theo nhiều mục đích khác nhau, tự động cung cấp thơng tin theo nhu cầu sở thích người Giờ đây, người ngồi nhà để mua sắm thứ theo ý muốn website bán hàng mạng giúp ta làm điều Chính vậy, cơng nghệ mã nguồn mở trở nên ý tính Giá thành rẻ hỗ trợ nhiều mạng giúp ta nhanh chóng Thiết kế website bán hàng thân thiện dễ sử dụng với người dùng Chính báo cáo chọn đề tài về: “Website Nhà Hàng New Star” Đây hệ thống đơn giản đủ mạnh phép nhanh chóng Thiết kế ứng dụng bán hàng Internet SVTH: Nguyễn Văn Phần – LỚP: D18PM04 lOMoARcPSD|20681854 Tiểu luận mơn Lập trình Web SƠ ĐỒ TRANG WEB Sơ đồ tổng quát trang Trang Web Nhà Hàng New Star Các mắt Menu Các Trang Chủ Giới Thiệu Khuyến Các bán nhiều Liên kết website Quảng cáo Đăng Nhập Thanh Tốn Các Cua Đăng Ký Liên Hệ Đăng Ký Tài Khoản Đổi Mật Khẩu Các Tơm Các Mực Các Bị Các Ĩc Các Hào Các Cơm Các Bánh Các Chè Các Lẩu Các Chả Hình Sơ đồ hoạt động tổng quát 10 SVTH: Nguyễn Văn Phần – LỚP: D18PM04 Quản lý sản phẩm lOMoARcPSD|20681854 Tiểu luận mơn Lập trình Web DANH SÁCH CÁC KÝ TỰ, CHỮ VIẾT TẮT Từ viết tắt Giải thích CSDL Cơ sở liệu ĐVT Đơn vị tính CNTT Cơng Nghệ thơng tin SP Sản phẩm 11 SVTH: Nguyễn Văn Phần – LỚP: D18PM04 lOMoARcPSD|20681854 Tiểu luận mơn Lập trình Web Hình 22: Trang Liên Hệ 53 SVTH: Nguyễn Văn Phần – LỚP: D18PM04 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Tiểu luận mơn Lập trình Web 1.4 Giao diện trang đăng ký  Mục Đích: Người dùng đăng ký tài khoản để sử dụng dịch vụ khuyến website  Chức năng: Cho phép khách hàng đăng ký thông tin để sở hữu tài khoản giao dịch website 54 SVTH: Nguyễn Văn Phần – LỚP: D18PM04 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Tiểu luận mơn Lập trình Web Hình 23: Trang Đăng ký 55 SVTH: Nguyễn Văn Phần – LỚP: D18PM04 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Tiểu luận mơn Lập trình Web 1.5 Giao diện trang đăng nhập  Mục Đích: Người dùng đăng nhập tài khoản tạo để sử dụng dịch vụ mua sắm website Hình 24: Trang Đăng Nhập 56 SVTH: Nguyễn Văn Phần – LỚP: D18PM04 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Tiểu luận mơn Lập trình Web 1.6 Giao diện trang Đổi Mật Khẩu  Mục Đích: nơi thực chức đổi lại mật trường hợp chủ tài khoản muốn cập nhật lại mật  Hình 25: Trang Đổi Mật Khẩu 57 SVTH: Nguyễn Văn Phần – LỚP: D18PM04 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Tiểu luận mơn Lập trình Web 1.7 Giao diện trang khuyến  Mục đích: Cập nhật sớm chương trình khuyến ưu đãi hấp dẫn với người mua 58 SVTH: Nguyễn Văn Phần – LỚP: D18PM04 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Tiểu luận môn Lập trình Web Hình 26: Trang khuyến 59 SVTH: Nguyễn Văn Phần – LỚP: D18PM04 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Tiểu luận môn Lập trình Web 1.8 Giao diện trang chi tiết sản phẩm Các ăn Cua  Website có tất 10 loại ăn bao gồm về: Cua, tơm, bị, mực, hào, có, chè,…  Vì giao diện chi tiết sản phẩm có phần tương tự nên đưa trang làm ví dụ  Mục đích: Nơi khách hàng có xem chi tiết sản phẩm tiến hành chọn ăn có liên quan Cua mà khách hàng muốn mua tiến hành toán 60 SVTH: Nguyễn Văn Phần – LỚP: D18PM04 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Tiểu luận mơn Lập trình Web Hình 27: Các ăn Cua 61 SVTH: Nguyễn Văn Phần – LỚP: D18PM04 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Tiểu luận mơn Lập trình Web 1.9 Giao diện trang Bánh kem dâu tây - Mục đích: Cho khách hàng xem chi tiết bánh kem dâu tây như: ngun liệu, giá, tình trạng,… Hình 28 Trang thơng tin Bánh kem dâu tây 62 SVTH: Nguyễn Văn Phần – LỚP: D18PM04 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Tiểu luận mơn Lập trình Web 1.10 Giao diện Quản lý Sản phẩm Trang dành cho Admin để thêm, xóa sửa sản phẩm Hình 29 Giao diện quản lý sản phẩm Hình 30 Thêm sản phẩm 63 SVTH: Nguyễn Văn Phần – LỚP: D18PM04 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Tiểu luận mơn Lập trình Web Hình 31 Sửa sản phẩm 1.11 Giao diện Quản Lý Khách Hàng Hình 32 Quản lý khách hàng 1.12 Giao diên Quản Lý Nhân Viên Hình 33 Quản Lý Nhân Viên 64 SVTH: Nguyễn Văn Phần – LỚP: D18PM04 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Tiểu luận môn Lập trình Web KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Sự phát triển bùng nổ việc mua sắm online năm gần kéo theo nhiều đổi phát triển Dịch vụ mua bán thức ăn online nhờ mà phát triển rộng rãi internet Nó giúp người dùng mua thức ăn nhà, giao tận nơi liên hệ với nhà hàng để đặt dịch vụ cách nhanh xác Với lượng tiêu thụ khổng lồ ổn định thức ăn nước uống trở thành mặt hàng kinh doanh mang lại lợi nhuận tối ưu cho người kinh doanh Đứng trước nhu cầu người mua lợi kinh doanh mặt hàng Website Nhà hàng New Star tạo nhằm mang đến cho khách hàng tiện lợi, nhanh chóng mua sắm thức ăn online với độ an tồn xác gần tuyệt đối Đồng thời mang lại nơi để thực chiến dịch quản bá sản phẩm, chương trình khuyến nhà hàng đến với khách hàng Website “Nhà Hàng NEW STAR” thứ dùng để quảng bá cho nhà hàng, thứ hai kênh thông tin cho người, thứ ba địa tin cậy để khách hàng có nhu cầu mua thức ăn đặt dịch vụ ghé thăm Qua trình nghiên cứu cố gắng thực hướng dẫn tận tình Giảng viên, giúp đỡ bạn bè khóa học đồ án nghiên cứu thể điều sau: Kết đạt được: - Tạo thành cơng website chun bán ăn “Nhà hàng NEW STAR”, đáp ứng yêu cầu người sử dụng - Tìm hiểu nắm cơng cụ để lập trình website như: ngơn ngữ lập trình Website như: PHP, Javascript, CSS - Giao diện website thiết kế đơn giản, thân thiện dễ sử dụng Việc chưa làm được: - Việc biểu diễn thông tin website chưa linh hoạt - Phân tích thiết kế chưa hồn chỉnh - Nhiều phần web thiết kế chưa đủ, cần nhiều thời gian để rèn luyện thêm - Nhiều chức thiếu chưa sử dụng Hướng phát triển đề tài 65 SVTH: Nguyễn Văn Phần – LỚP: D18PM04 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Tiểu luận mơn Lập trình Web Vì thời gian khơng cho phép kiến thức lập trình web cịn hạn chế nên chúng em chưa tìm hiểu rõ kỹ đề tài Vì đề tài cịn có nhiều thiếu sót, mong thầy giúp đỡ chúng em nhiều em tiếp tục tìm hiểu sâu cơng nghệ này, nhằm mục đích lập trình website:  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ế, lập trình, bổ sung tính cịn thiếu hay chưa thật hồn chỉnh q trình sử dụng 66 SVTH: Nguyễn Văn Phần – LỚP: D18PM04 Downloaded by heo ninh (ninhheo7@gmail.com) lOMoARcPSD|20681854 Tiểu luận mơn Lập trình Web TÀI LIỆU KHAM KHẢO (1) Đoàn Văn Ban, Lập trình Java nâng cao (2006), NXB Khoa học Kỹ thuật (2) ThS.Huỳnh Cơng Pháp, Bài tập lập trình Java bản, NXB Thông Tin Truyền Thông (3) Joel Murach Ray Harris, Lập trình PHP MYSQL, NXB Khoa học Kỹ Thuật (4) Đoàn Văn Ban, Lập trình hướng đối tượng với Java, NXB Khoa học Kỹ Thuật Tiếng Anh (5) Scott Oaks, Java Performance: The Definitive Guide (2014), O'Reilly (6) Brian Goetz, Java Concurrency in Practice (2006), Addison-Wesley Professional (7) Kathy Sierra & Bert Bates, Head First Java (2005), O'Reilly Media (8) Herbert Schildt, The Complete Reference (2018), McGraw-Hill Education (9) Baron Schwartz & Baron Schwartz, High Performance MySQL (2012), O'Reilly Media 67 SVTH: Nguyễn Văn Phần – LỚP: D18PM04 Downloaded by heo ninh (ninhheo7@gmail.com) ... hàng cửa hàng cửa hàng Website có giao diện thân thiện với người dùng ,áp dụng hệ quản trị sở liệu MySQL để trao đổi liệu công cụ phát triển phần mềm Visual Studio Code Đề tài tiểu luận gồm phần. .. mà nhà hàng vừa đăng bán Mơ tả: Khách hàng xem ăn Tác nhân: Khách hàng Điều kiện trước: Khách hàng vào trang website nhà hàng Điều kiện sau: Luồng kiện (Basic flows) Khách hàng vào trang website. .. trang cho biết thơng tin nhà hàng sở hữu website, lịch sử hình thành phát triển nhà hàng, kèm theo hình ảnh nhà hàng 50 SVTH: Nguyễn Văn Phần – LỚP: D18PM04 Downloaded