Phát triển website bán hoa quả thủy bùi đồ án tốt nghiệp

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á ĐỒ ÁN TỐT NGHIỆP ĐỀ TÀI: PHÁT TRIỂN WEBSITE BÁN HOA QUẢ THỦY BÙI Sinh viên thực hiên Ngày sinh Lớp Khóa Khoa Mã sinh viên Giảng viên hướng dẫn : : : : : : : Bùi Thị Thu Thủy 22/03/2000 DCCNTT9.10.IT1 K9 Công Nghệ Thông Tin 187540101050 ThS Lê Văn Phong Bắc Ninh , 2022 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á BÙI THỊ THU THỦY TÊN ĐỀ TÀI: PHÁT TRIỂN WEBSITE BÁN HOA QUẢ THỦY BÙI Giảng viên hướng dẫn: ThS Lê Văn Phong Bắc Ninh , 2022 Năm: 2022 Bùi Thị Thu Thủy Khoa :Công Nghệ Thơng Tin LỜI CẢM ƠN Để hồn thành đề tài đồ án tốt nghiệp này, trước hết em xin gửi lời cảm ơn chân thành đến Cán Giảng viên Khoa Công nghệ Thông tin, cán giảng viên Trường Đại học Công Nghệ Đơng Á tận tình giảng dạy truyền đạt kiến thức cho em Đồng thời em xin gửi lời cảm ơn đặc biệt dạy, hướng dẫn tận tình ThS Lê Văn Phong ln tận tình hướng dẫn, giúp đỡ em suốt thời gian thực đồ án Em xin gửi lời cảm ơn tới Khoa Công nghệ Thông tin – Trường Đại học Công Nghệ Đông Á quan tâm tạo điều kiện giúp em hoàn thành đề tài đồ án tốt nghiệp Ngoài ra, em xin cảm ơn người bạn giúp đỡ trao đổi thêm nhiều thơng tin đề tài q trình thực đề tài Cuối em vô biết ơn gia đình bạn bè, người ln bên cạnh em, động viên, chia sẻ với em suốt thời gian thực đề tài đồ án tốt nghiệp “Phát triển website bán hoa Thủy Bùi” Do kiến thức hạn chế, báo cáo em khơng tránh khỏi sai sót Rất mong nhận lời góp ý từ q Thầy để đồ án tốt nghiệp em hoàn thiện giúp em có thêm kinh nghiệm quý báu Cuối cùng, em xin kính chúc thầy giảng viên Trường Đại học Cơng Nghệ Đơng Á nói chung, thầy khoa cơng nghệ thơng tin nói riêng dồi sức khỏe thành công nghiệp cao quý Năm: 2022 Bùi Thị Thu Thủy Khoa :Công Nghệ Thông Tin LỜI CAM ĐOAN Những nội dung đồ án tốt nghiệp thành từ nghiên cứu thực trực tiếp hướng dẫn giảng viên hướng dẫn ThS.Lê Văn Phong Đồ án thực , thành riêng em, không chép theo đồ án tương tự Mọi tham khảo sử dụng đồ án trích dẫn nguồn tài liệu báo cáo danh mục tài liệu tham khảo Mọi chép không hợp lệ, vi phạm quy chế nhà trường, em xin hoàn toàn chịu trách nhiệm Sinh viên thực Bùi Thị Thu Thủy Năm: 2022 Bùi Thị Thu Thủy Khoa :Công Nghệ Thông Tin MỤC LỤC LỜI CẢM ƠN LỜI CAM ĐOAN DANH MỤC CÁC TỪ VIẾT TẮT DANH MỤC HÌNH ẢNH .8 DANH MỤC BẢNG .11 MỞ ĐẦU .12 Lý chọn đề tài 12 Mục đích yêu cầu đề tài 12 Đối tượng nghiên cứu phạm vi nghiên cứu 13 3.1 Đối tượng nghiên cứu .13 3.2 Phạm vi nghiên cứu 13 Phương pháp nghiên cứu .14 CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI 15 1.1 Đặt vấn đề 15 1.2 Giới thương mại điện tử 15 1.3 Giới thiệu cửa hàng 17 1.4 Quy trình nghiệp vụ 18 1.5 Công nghệ sử dụng .19 1.5.1 Ngơn ngữ lập trình PHP .19 1.5.2 Giới thiệu laravel .20 1.5.3 Giới thiệu MySQL 22 1.5.4 Phần mềm viết code Visual Studio Code .23 CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEB 25 2.1 Khảo sát đặc tả yêu cầu 25 2.1.1 Phần quản lý Admin: 25 2.1.2 Giao diện người dùng 25 Năm: 2022 Bùi Thị Thu Thủy Khoa :Công Nghệ Thông Tin 2.1.3 Mô tả chức web 26 2.2 Biểu đồ usecase 29 2.2.1 Biểu đồ usecase tổng quát 29 2.2.2 Biểu đồ usecase đăng nhập 30 2.2.3 Biểu đồ use case quản lý sản phẩm 31 2.2.4 Quản lý danh mục sản phẩm 32 2.2.5 Biểu đồ use case quản lý slide .33 2.2.6 Biểu đồ usecase quản lý tài khoản .34 2.2.7 Biểu đồ usecase quản lý đơn hàng .35 2.2.8 Biểu đồ usecase quản lý bình luận .35 2.2.9 Đặc tả use case thêm vào giỏ hàng 38 2.2.10 Đặc tả use case xem chi tiết sản phẩm .38 2.2.11 Đặc tả use case tìm kiếm 38 2.2.12 Đặc tả use case toán 39 2.2.13 Đặc tả use case xem giỏ hàng 40 2.3 Biểu đồ 41 2.3.1 Biểu đồ đăng nhập 41 2.3.2 Biểu đồ đăng ký tài khoản .42 2.3.3 Biểu đồ xóa tài khoản 43 2.3.4 Biểu đồ thêm sản phẩm 44 2.3.5 Biểu đồ xóa sản phẩm 45 2.3.6 Biểu đồ sửa sản phẩm 46 2.3.7 Biểu đồ thêm slide 47 2.3.8 Biểu đồ sửa slide 48 2.3.9 Biểu đồ xóa slide 49 2.3.10 Biểu đồ xóa đơn hàng 50 2.3.11 Biểu đồ sửa đơn hàng 51 2.3.12 Biểu đồ thêm vào giỏ hàng 52 2.3.13 Biểu đồ tìm kiếm 53 2.3.14 Biểu đồ quản lí tài khoản .54 2.4 Biểu đồ hoạt động 55 2.4.1 Biểu đồ hoạt động tìm kiếm 55 2.4.2 Biểu đồ hoạt động đăng nhập .56 Năm: 2022 Bùi Thị Thu Thủy Khoa :Công Nghệ Thông Tin 2.4.3 Biểu đồ hoạt động chức thêm sản phẩm .57 2.4.4.Biểu đồ hoạt động chức sửa sản phẩm 58 2.4.5 Biểu đồ hoạt động chức xóa sản phẩm 59 2.4.6 Biểu đồ chức thêm slide 60 2.4.7 Biểu đồ chức sửa slide 61 2.4.8 Biểu đồ hoạt động chức xóa slide .62 2.4.9 Biểu đồ chức sửa đơn hàng 63 2.4.10 Biểu đồ hoạt động chức xóa đơn hàng 64 2.5 Thiết kế sở liệu 65 2.5.1 Bảng tổng quát .65 2.5.2 Bảng Cart .66 2.5.3 Bảng Category 66 2.5.4 Bảng Comment 66 2.5.5 Bảng Customer .67 2.5.6 Bảng Order 67 2.5.7 Bảng Chi tiết Order 68 2.5.8 Bảng product 68 2.5.9 Bảng Slider 69 2.5.10 Bảng User 69 2.5.11 Bảng Wishlist .69 2.6 Biểu đồ lớp 70 CHƯƠNG 3: GIAO DIỆN WEBSITE 71 3.1 Giao diện hiển thị 71 3.1.1 Giao diện trang chủ 71 3.1.2 Giao diện trang giới thiệu 73 3.1.3 Giao diện trang liên hệ 73 3.1.4 Giao diện trang tất sản phẩm 74 3.1.5 Giao diện trang yêu thích .77 3.1.6 Giao diện giỏ hàng .77 3.1.7 Giao diện tìm kiếm .78 3.1.8 Giao diện đăng nhập 79 3.1.9 Giao diện đăng kí 79 3.1.10 Giao diện chi tiết sản phẩm 80 Năm: 2022 Bùi Thị Thu Thủy Khoa :Công Nghệ Thông Tin 3.1.11 Giao diện toán 80 3.2 Giao diện trang quản lí 81 3.2.1 Giao diện trang quản lí 81 3.2.2 Giao diện trang quản lí sản phẩm .81 3.2.3 Quản lí thêm sản phẩm .82 3.2.4 Quản lí sửa sản phẩm 82 3.2.5 Quản lí thêm danh mục 83 3.2.6 Quản lí sửa danh mục 83 3.2.7 Quản lí thêm slider .84 3.2.8 Quản lí sửa slider 84 3.2.9 Quản lí thêm tài khoản 85 3.2.10 Quản lí sửa tài khoản 85 3.2.11 Quản lí đơn hàng .86 3.2.12 Quản lí chi tiết đơn hàng 86 3.2.13 Quản lí trả lời bình luận .87 3.2.14 Quản lí bình luận 87 3.2.15 Giao diện trang quản lí slider .88 3.2.16 Giao diện trang quản lí danh mục 88 3.2.17 Giao diện quản lí tài khoản 89 3.3.Hướng dẫn cài đặt hệ thống 90 KẾT LUẬN 91 TÀI LIỆU THAM KHẢO .93 Năm: 2022 Bùi Thị Thu Thủy Khoa :Công Nghệ Thông Tin DANH MỤC CÁC TỪ VIẾT TẮT STT Chữ viết tắt Giải thích KH Khách hàng MVC Model-View-Controller Năm: 2022 Bùi Thị Thu Thủy Khoa :Công Nghệ Thông Tin DANH MỤC HÌNH ẢNH Hình - Mơ hình MVC .22 Hình - Biểu đồ tổng quát 29 Hình - Biểu đồ đăng nhập 30 Hình - Use case quản lí sản phẩm 31 Hình - Biểu đồ use case quản lý danh mục 32 Hình - Biểu đồ use case quản lý slide .33 Hình - Biểu đồ usecase quản lý tài khoản 34 Hình - Quản lý đơn hàng 35 Hình - Biểu đồ usecase quản lý bình luận 37 Hình - 10 Biểu đồ chức đăng nhập 41 Hình - 11 Biểu đồ đăng kí tài khoản .42 Hình - 12 Biểu đồ thêm sản phẩm 44 Hình - 13 Biểu đồ xóa sản phẩm .45 Hình - 14 Biểu đồ sửa sản phẩm .46 Hình - 15 Biểu đồ thêm slide 47 Hình - 16 Biểu đồ sửa slide .48 Hình - 17 Biểu đồ xóa slide .49 Hình - 18 Biểu đồ xóa đơn hàng .50 Hình - 19 Biểu đồ sửa đơn hàng 51 Hình - 20 Biểu đồ thêm vào giỏ hàng .52 Hình - 21 Biểu đồ chức tìm kiếm 53 Hình - 22 Biểu đồ quản lí tài khoản 54 Hình - 23 Biểu đồ hoạt động chức tìm kiếm 55 Hình - 24 Biểu đồ hoạt động chức đăng nhập 56 Hình - 25 Biểu đồ hoạt động chức thêm sản phẩm 57 Hình - 26 Biểu đồ hoạt động chức sửa sản phẩm .58 Hình - 27 Biểu đồ hoạt động chức xóa sản phẩm .59 Năm: 2022 Bùi Thị Thu Thủy Khoa :Cơng Nghệ Thơng Tin 3.1.8 Giao diện đăng nhập Hình - 50 Giao diện trang đăng nhập 3.1.9 Giao diện đăng kí Hình - 51 Giao diện trang đăng kí 79 Năm: 2022 Bùi Thị Thu Thủy Khoa :Công Nghệ Thơng Tin 3.1.10 Giao diện chi tiết sản phẩm Hình - 52 Giao diện chi tiết sản phẩm 3.1.11 Giao diện tốn Hình - 53 Giao diện trang tốn 80 Năm: 2022 Bùi Thị Thu Thủy Khoa :Cơng Nghệ Thơng Tin 3.2 Giao diện trang quản lí 3.2.1 Giao diện trang quản lí Hình - 54 Giao diện trang quản lí 3.2.2 Giao diện trang quản lí sản phẩm Hình - 55 Giao diện trang quản lí sản phẩm 81 Năm: 2022 Bùi Thị Thu Thủy Khoa :Công Nghệ Thơng Tin 3.2.3 Quản lí thêm sản phẩm Hình - 56 Giao diện trang thêm sản phẩm 3.2.4 Quản lí sửa sản phẩm Hình - 57 Giao diện trang sửa sản phẩm 82 Năm: 2022 Bùi Thị Thu Thủy Khoa :Cơng Nghệ Thơng Tin 3.2.5 Quản lí thêm danh mục Hình - 58 Giao diện trang quản lí thêm danh mục 3.2.6 Quản lí sửa danh mục Hình - 59 Giao diện trang quản lí sửa danh mục 83 Năm: 2022 Bùi Thị Thu Thủy Khoa :Công Nghệ Thông Tin 3.2.7 Quản lí thêm slider Hình - 60 Giao diện trang quản lí thêm slider 3.2.8 Quản lí sửa slider Hình - 61 Giao diện trang quản lí sửa slider 84 Năm: 2022 Bùi Thị Thu Thủy Khoa :Công Nghệ Thơng Tin 3.2.9 Quản lí thêm tài khoản Hình - 62 Giao diện trang quản lí thêm tài khoản 3.2.10 Quản lí sửa tài khoản Hình - 63 Giao diện trang quản lí sửa tài khoản 85 Năm: 2022 Bùi Thị Thu Thủy Khoa :Công Nghệ Thông Tin 3.2.11 Quản lí đơn hàng Hình - 64 Quản lí đơn hàng 3.2.12 Quản lí chi tiết đơn hàng Hình - 65 Quản lí chi tiết đơn hàng 86 Năm: 2022 Bùi Thị Thu Thủy Khoa :Công Nghệ Thông Tin 3.2.13 Quản lí trả lời bình luận Hình - 66 Quản lí trả lời bình luận 3.2.14 Quản lí bình luận Hình - 67 Quản lí bình luận 87 Năm: 2022 Bùi Thị Thu Thủy Khoa :Công Nghệ Thông Tin 3.2.15 Giao diện trang quản lí slider Hình - 68 Quản lí Slider 3.2.16 Giao diện trang quản lí danh mục Hình - 69 Quản lí danh mục 88 Năm: 2022 Bùi Thị Thu Thủy Khoa :Công Nghệ Thông Tin 3.2.17 Giao diện quản lí tài khoản Hình - 70 Quản lí tài khoản 89 Năm: 2022 Bùi Thị Thu Thủy Khoa :Công Nghệ Thông Tin 3.3.Hướng dẫn cài đặt hệ thống Bước 1: Cài composer Bước 2: Cài xampp phiên php 7.2 trở lên Bước 3: Giải nén code vào thư mục htdocs máy tính Bước 4: Mở xampp , chọn start Apache Mysql Bước : Tạo sở liệu mysql import file sql vào sở liệu vừa tạo Bước : Chạy lện composer i terminal project Bước : Vào đường link http://localhost/hoaqua/ 90 Năm: 2022 Bùi Thị Thu Thủy Khoa :Công Nghệ Thông Tin KẾT LUẬN Kết đạt đề tài Sau thời gian tập trung triển khai đề tài, em hoàn thành “Website bán hoa Thủy Bùi”, với giao diện đẹp, thao tác sử dụng dễ dàng, thân thiện với người dùng Sau hoàn thành xong “Website bán hoa Thủy Bùi” em có thêm kỹ tảng để xây dựng website ngôn ngữ PHP Laravel, vào việc phát triển ứng dụng web Bên cạnh đó, em mở rộng thêm kiến thức chuyên ngành nhờ việc tìm hiểu số kiến thức lập trình để áp dụng vào việc phát triển ứng dụng Nhờ vậy, kỹ tự học vận dụng kỹ em nâng cao Mặc dù hệ thống website hồn thành, cịn nhiều mặt hạn chế vấn đề thiếu sót Ưu điểm Phần mềm xây dựng có giao diện bắt mắt, thân thiện, dễ sử dụng có nhiều chức năng: Xem thông tin sản phẩm Quản lý thông tin khách hàng Quản lý sản phẩm Quản lý đơn hàng Hạn chế Một vài hạn chế website: Website nhỏ, mang tính chất mơ Chưa kết hợp xử lí tốn hóa đơn online, chưa hồn thiện chức responsive, chưa có thống kê đơn hàng Hướng phát triển Do thời gian có hạn nên phần mềm em xây dựng cịn số hạn chế: + Chưa xây dựng chức toán online Trong thời gian tới, em cố gắng khắc phục mặt hạn chế cải tiến hệ thống cho phù hợp với thị trường Nghiên cứu phát triển thêm đa ngơn ngữ, tốn online qua nhiều hình thức khác để đáp ứng nhu cầu khách hàng 91 Năm: 2022 Bùi Thị Thu Thủy + Hoàn thiện chức responsive + Bổ sung chức khách hàng thân thiết 92 Khoa :Công Nghệ Thông Tin Năm: 2022 Bùi Thị Thu Thủy Khoa :Công Nghệ Thông Tin TÀI LIỆU THAM KHẢO [1] Nguyễn Mạnh Sơn, Phân tích thiết kế hệ thống thơng tin, Học viện Cơng nghệ Bưu Viễn thơng, 2007 Tác giả: Trần Đình Quế [2] Sử dụng PHP&MySQL thiết kế web động, Nhà xuất Minh Khai, 2008 Tác giả : Nguyễn Trường Sinh [3] https://allaravel.com/blog/todo-list-gioi-thieu-mo-hinh-mvc-trong-laravel [4] https://vn.got-it.ai/blog/visual-studio-code-la-gi-loi-the-tu-viec-su-dung-visualstudio-cod [5] https://hocwebchuan.com/tutorial/laravel/ [6] https://trungtrinh.com/gioi-thieu-laravel-framework.html 93