TRƯỜNG ĐẠI HỌC CÔNG NGHỆ GTVT KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC ĐỀ TÀI XÂY DỰNG WEBSITE BÁN HOA QUẢ SẠCH Giảng viên hướng dẫn Sinh viên thực hiện Lớp Mã sinh viên Chuyên ngành Nguyễn Đ.
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ GTVT KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN HOA QUẢ SẠCH Giảng viên hướng dẫn: Sinh viên thực hiện: Lớp: Mã sinh viên: Chuyên ngành: Nguyễn Đình Nga Phạm Tiến Dn 68DCTM22 68DCTM20013 Cơng nghệ thông tin HÀ NỘI – 2022 LỜI CẢM ƠN Em xin gửi lời cảm ơn chân thành tri ân sâu sắc thầy cô trường Đại học Công nghệ Giao thông vận tải đặc biệt thầy cô khoa Công nghệ thông tin trường tạo điều kiện cho em hoàn thành đồ án tốt nghiệp Em xin chân thành cảm ơn Nguyễn Đình Nga nhiệt tình hướng dẫn bảo em kiến thưc học, kiến thức thực tế suốt trình thực đề tài Mặc dù cố gắng hoàn thành đồ án phạm vi khả cho phép chắn không tránh khỏi thiết sót Em mong nhận thơng cảm, góp ý tận tình bảo q thầy bạn Em xin chân thành cảm ơn! MỤC LỤC LỜI CẢM ƠN Chương Giới thiệu lý chọn đề tài 1.1 Mục tiêu đề tài .1 1.2 Giới hạn phạm vi đề tài 1.3 Kết dự kiến đạt .2 Chương Kiến thức tảng 2.1 Cơ sở lý thuyết .3 2.1.1 Phân tích thiết kế hướng đối tượng 2.1.2 Ngôn ngữ thiết kế web HTML CSS 2.1.3 Ngôn ngữ kịch JavaScript 2.1.4 Mơ hình MVC 2.1.5 Ngơn ngữ lập trình PHP: 2.1.6 Hệ quản trị sở liệu: .9 2.2 Công cụ sử dụng 10 2.2.1 Phần mềm trực tuyến Draw.io .10 2.2.2 Thư viện Jquery 10 2.2.3 MySQL 11 2.2.5 Phần mềm PhpMyAdmin 12 Chương Phân tích thiết kế hệ thống 14 3.1 Khảo sát hệ thống 14 3.1.1 Khảo sát thực trạng .14 3.1.2 Yêu cầu với hệ thống triển khai 15 3.2 Use Case hệ thống .16 3.2.1 Use Case tổng quát 16 3.2.2 Use Case hệ thống .17 3.2.3 Use Case tác nhân khách hàng .19 3.2.4 Use Case quản lý danh mục 23 3.2.5 Use Case quản lý sản phẩm 26 3.2.6 Use Case quản lý thành viên .29 3.2.7 Use Case quản lý viết 31 3.2.8 Use Case quản lý đơn hàng 34 3.2.9 Use Case quản lý kho 37 3.3 Biểu đồ hoạt động hệ thống 39 3.4 Biểu đồ hệ thống .49 3.5 Biểu đồ lớp 56 3.6 Thiết kế sở liệu 57 Chương Xây dựng chương trình 61 4.1 Giao diện trang người dùng .61 4.1.1 Giao diện trang chủ .61 4.1.2 Giao diện đăng nhập khách hàng 61 4.1.3 Giao diện trang hoa .61 4.1.4 Giao diện trang lương thực thực phẩm .62 4.1.5 Giao diện trang chi tiết sản phẩm .63 4.1.6 Giao diện trang tin tức 64 4.1.7 Giao diện trang giỏ hàng 65 4.1.8 Giao diện trang tốn hóa đơn 66 4.1.9 Giao diện trang chi tiết hóa đơn 67 4.2 Giao diện trang quản trị .67 4.2.1 Giao diện trang chủ .67 4.2.2 Giao diện đăng nhập quản trị .68 4.2.3 Giao diện trang quản lý danh mục 68 4.2.4 Giao diện trang quản lý kho 69 4.2.5 Giao diện trang quản lý người dùng 69 4.2.6 Giao diện trang quản lý viết 70 4.2.7 Giao diện trang quản lý đơn hàng 70 4.2.8 Giao diện trang quản lý sản phẩm 71 Kết luận hướng phát triển 72 Tài liệu tham khảo 73 DANH MỤC HÌNH Hình 2.1 Sự khác HTML CSS Hình 2.2 Mơ hình MVC Hình 2.3 Giao diện phần mềm trực tuyết Draw.io Hình 2.5 Giao diện phần mềm PhpMyAdmin Hình 3.1 Use Case tổng quát Hình 3.2 Use Case hệ thống Hình 3.3 Use Case tác nhân khách hàng Hình 3.4 Use Case quản lý danh mục Hình 3.5 Use Case quản lý sản phẩm Hình 3.6 Use Case quản lý thành viên Hình 3.7 Use Case quản lý viết Hình 3.8 Use Case quản lý đơn hàng Hình 3.9 Use Case quản lý kho Hình 3.10 Biểu đồ hoạt động đăng ký Hình 3.11 Biểu đồ hoạt động đăng nhập Hình 3.13 Biểu đồ hoạt động tìm kiếm sản phẩm Hình 3.14 Biểu đồ hoạt động thêm sản phẩm vào giỏ hàng Hình 3.15 Biểu đồ hoạt động cập nhật sản phẩm giỏ hàng Hình 3.16 Biểu đồ hoạt động xóa sản phẩm Hình 3.17 Biểu đồ hoạt động xem chi tiết đơn hàng Hình 3.18 Biểu đồ hoạt động thêm sản phẩm vào giỏ hàng Hình 3.19 Biểu đồ hoạt động cập nhật sản phẩm giỏ hàng Hình 3.20 Biểu đồ hoạt động xóa sản phẩm giỏ hàng Hình 3.21 Biểu đồ hoạt động đặt hàng Hình 3.22 Biểu đồ đăng ký Hình 3.23 Biểu đồ xem đăng nhập Hình 3.24 Biểu đồ xem chi tiết sản phẩm Hình 3.25 Biểu đồ thêm sản phẩm Hình 3.26 Biểu đồ cập nhật sản phẩm Hình 3.27 Biểu đồ xóa sản phẩm Hình 3.28 Biểu đồ tìm kiếm sản phẩm Hình 3.29 Biểu đồ xem chi tiết đơn hàng Hình 3.30 Biểu đồ đặt hàng Hình 3.31 Biểu đồ lớp Hình 4.1 Giao diện trang chủ Hình 4.2 Giao diện trang đăng nhập khách hàng Hình 4.3 Giao diện trang hoa Hình 4.4 Giao diện trang lương thực thực phẩm Hình 4.5 Giao diện trang chi tiết sản phẩm Hình 4.6 Giao diện trang tin tức Hình 4.7 Giao diện trang giỏ hàng Hình 4.8 Giao diện trang tốn hóa đơn Hình 4.9 Giao diện trang chi tiết hóa đơn Hình 4.10 Giao diện trang chủ Hình 4.11 Giao diện trang đăng nhập quản trị Hình 4.12 Giao diện trang quản lý danh mục Hình 4.13 Giao diện trang quản lý kho Hình 4.14 Giao diện trang quản lý người dùng Hình 4.15 Giao diện trang quản lý viết Hình 4.16 Giao diện trang quản lý đơn hàng Hình 4.17 Giao diện trang quản lý sản phẩm DANH MỤC BẢNG Bảng 3.1 Bảng Admin Bảng 3.2 Bảng User Bảng 3.3 Bảng Product Bảng 3.4 Bảng Categories Bảng 3.5 BảngPosts Bảng 4.6 Bảng Order Bảng 4.7 Bảng Transaction Chương Giới thiệu lý chọn đề tài Sự đời công nghệ thông tin làm phong phú mặt xã hội, đời sống người nâng cao rõ rệt, đóng góp to lớn cho phát triển nhân loại Với xu tồn cầu hố kinh tế giới, đặc biệt nhu cầu trao đổi hàng hoá người ngày tăng số lượng chất lượng, nhu cầu sử dụng Internet ngày nhiều hình thức kinh doanh mạng ngày đa dạng phong phú nhiều người sử dụng ưa chuộng Trong thời đại mà thực phẩm bẩn, thực phẩm ngâm tẩm hoá chất tình trạng “báo động đỏ” dấy lên hồi chng cảnh báo tình trạng sức khoẻ người Với thủ đoạn ngày tinh vi người tiêu dùng khó phân biệt loại thực phẩm chất lượng với thực phẩm bẩn Chính mà xu hướng dùng hoa tươi nhập ưa chuộng “ngon-sạch-thật” Là sinh viên trang bị kiến thức ngành công nghệ thông tin với kiến thức tiếp thu vận dụng lý thuyết vào cơng việc thực tế nên em chọn đề tài “Xây dựng website bán hoa sạch” để thực đồ án tốt nghiệp với mục đích nghiên cứu xây dựng trang web bán hoa quả, giúp người dùng dễ dàng tiếp cận mua sắm hoa rõ ràng nguồn gốc xuất sứ, an toàn thực phẩm 1.1 Mục tiêu đề tài - Xây dựng, thiết kế website giới thiệu bán hoa - Thực chức ban đầu đề - Triển khai cài đặt chương trình thực tế 1.2 Giới hạn phạm vi đề tài - Trong phạm vi đề tài em nghiên cứu vấn đề: + Nghiên cứu tìm hiểu cách thức hoạt động mua bán website Page of 73 + Ứng dụng xây dựng ngơn ngữ lập trình PHP sở liệu xây dựng MySQL 1.3 Kết dự kiến đạt - Xây dựng hệ thống để quản lý, giới thiệu bán hoa có giao diện dễ nhìn, thân thiện người dùng dễ dàng thao tác Hoạt động hệ thống cần đảm bảo yêu cầu sau: Quản lý danh mục sản phẩm, thơng tin chi tiết sản phẩm để phân loại cho khoa học, dễ kiểm soát Cập nhật liệu thông tin khách hàng đơn đặt hàng khách Sau có danh sách đơn hàng, nhân viên phải thực xác nhận xử lý đơn hàng Cập nhật thông tin nhân viên, dễ dàng theo dõi phân quyền cho nhân viên thực chức bán hàng Chức thống kê doanh thu, thống kê số lượng hoa Các loại hoa phân loại theo danh mục sản phẩm, hiển thị cách rõ ràng với thơng tin chi tiết, hình ảnh minh họa Khách hàng duyệt sản phẩm theo phân loại hoa liệt kê sẵn sử dụng chức tìm kiếm để tìm kiếm cách cung cấp thơng tin sản phẩm Sau tìm kiếm, tham khảo thơng tin sản phẩm, khách hàng đến định mua sản phẩm cách đưa sản phẩm vào giỏ hàng Khách hàng thay đổi số lượng, thêm xóa sản phẩm giỏ hàng thực đặt hàng tiến hành tốn - Hồn thành báo cáo chi tiết đồ án tốt nghiệp Page of 73 Chương Kiến thức tảng 2.1 Cơ sở lý thuyết 2.1.1 Phân tích thiết kế hướng đối tượng Phân tích thiết kế hướng đối tượng gì? Phân tích thiết kế hướng đối tượng(OOAD) giai đoạn phát triển mơ hình xác súc tích vấn đề, có thành phần đối tượng khái niệm đời thực, dễ hiểu người sử dụng Năm nguyên tắc thiết kế hướng đối tượng: Một lớp nên có lý để thay đổi, tức lớp nên xử lý chức đơn lẻ, Nếu đặt nhiều chức vào lớp dẫn đến phụ thuộc chức với sau thay đổi chức phá vỡ chức lại Các lớp, module, chức nên dễ dàng Mở(Open) cho việc thêm chức mới, Đóng(Close) cho việc thay đổi Lớp dẫn xuất phải có khả thay lớp cha Chương trình khơng nên buộc phải cài đặt Interface mà khơng sử dụng đến Các module cấp cao không nên phụ thuộc vào module cấp thấp Cả hai nên phụ thuộc thông qua lớp trừu tượng Lớp trừu tượng không nên phụ thuộc vào chi tiết Chi tiết nên phụ thuộc vào trừu tượng UML gì? UML(viết tắt Unified Modeling Language) ngơn ngữ mơ hình hố hợp dùng để đặc tả, trực quan hóa tư liệu hóa phần mềm hướng đối tượng, có phần bao gồm ký hiệu hình học, phương pháp hướng đối tượng sử dụng để thể miêu tả thiết kế hệ thống Một số dạng biểu đồ UML: Biểu đồ lớp(Class Diagram): Page of 73 Hình 4.2 Giao diện trang đăng nhập khách hàng 4.1.3 Giao diện trang hoa Page 60 of 73 Hình 4.3 Giao diện trang hoa Page 61 of 73 4.1.4 Giao diện trang lương thực thực phẩm Hình 4.4 Giao diện trang lương thực thực phẩm Page 62 of 73 4.1.5 Giao diện trang chi tiết sản phẩm Hình 4.5 Giao diện trang chi tiết sản phẩm Page 63 of 73 4.1.6 Giao diện trang tin tức Hình 4.6 Giao diện trang tin tức Page 64 of 73 4.1.7 Giao diện trang giỏ hàng Hình 4.7 Giao diện trang giỏ hàng Page 65 of 73 4.1.8 Giao diện trang toán hóa đơn Hình 4.8 Giao diện trang tốn hóa đơn 4.1.9 Giao diện trang chi tiết hóa đơn Page 66 of 73 Hình 4.9 Giao diện trang chi tiết hóa đơn 4.2 Giao diện trang quản trị 4.2.1 Giao diện trang chủ Hình 4.10 Giao diện trang chủ Page 67 of 73 4.2.2 Giao diện đăng nhập quản trị Hình 4.11 Giao diện trang đăng nhập quản trị 4.2.3 Giao diện trang quản lý danh mục Page 68 of 73 Hình 4.12 Giao diện trang quản lý danh mục 4.2.4 Giao diện trang quản lý kho Hình 4.13 Giao diện trang quản lý kho 4.2.5 Giao diện trang quản lý người dùng Page 69 of 73 Hình 4.14 Giao diện trang quản lý người dùng 4.2.6 Giao diện trang quản lý viết Hình 4.15 Giao diện trang quản lý viết Page 70 of 73 4.2.7 Giao diện trang quản lý đơn hàng Hình 4.16 Giao diện trang quản lý đơn hàng 4.2.8 Giao diện trang quản lý sản phẩm Hình 4.17 Giao diện trang quản lý sản phẩm Page 71 of 73 Kết luận hướng phát triển Kết đạt được: Từ hướng dẫn đóng góp tận tình thầy cơ, học trường, em phân tích xây dựng website với kết đạt được: Áp dụng kiến thức học xây dựng website bán hoa sạch, phân quyền người dùng người quản trị, với giao diện chức khác Quản lý thông tin cần thiết cửa hàng sản phẩm, thông tin khách hàng giao dịch mua hàng cửa khách hàng Có đầy đủ chức để quản lý cửa hàng Hạn chế tồn tại: Bên cạnh có hạn chế như: Chưa có nhiều kiến thức thực tế, nên việc xây dựng website áp dụng vào thực tế cịn nhiều thiếu sót chưa khả quan Giao diện chưa thực bắt mắt Một số chức hạn chế Hướng phát triển: Phát triển, cải tiến phần mềm có thêm số tính tương lai như: Tăng tính bảo mật trang web Cải tiến giao diện sinh động hơn, tạo ý cho khách hàng Tạo nhiều hiệu ứng đẹp mắt giao diện sử dụng khách Bổ sung thêm chức nâng cao Page 72 of 73 Tài liệu tham khảo [1] Nguyễn Văn Ba, Giáo trình phân tích thiết kế hệ thống thơng tin - Đại học Quốc gia Hà Nội, 2005 [2] Giáo trình SQL: https://tailieu.vn/doc/giao-trinh-mysql-1717291.html [3] Trương Ninh Thuận, Đặng Đức Hạnh, Giáo trình phân tích thiết kế hướng đối tượng - Nhà xuất Đại học Quốc gia Hà Nội, 2013 [4] Giới thiệu ngơn ngữ lập trình PHP: https://topdev.vn/blog/tong-quanve-ngon-ngu-lap-trinh-php [5] Tìm hiểu PhpMyAdmin: https://vi.wikipedia.org/wiki/PhpMyAdmin Page 73 of 73 Page 74 of 73 ... kê doanh thu, thống kê số lượng hoa Các loại hoa phân loại theo danh mục sản phẩm, hiển thị cách rõ ràng với thơng tin chi tiết, hình ảnh minh họa Khách hàng duyệt sản phẩm theo phân loại hoa. .. em chọn đề tài “Xây dựng website bán hoa sạch” để thực đồ án tốt nghiệp với mục đích nghiên cứu xây dựng trang web bán hoa quả, giúp người dùng dễ dàng tiếp cận mua sắm hoa rõ ràng nguồn gốc xuất... Internet sở hữu nhiều nhiều tính bảo mật, cấp cao 2.2.5 Phần mềm PhpMyAdmin PhpMyAdmin gì? PhpMyAdmin phần mềm mã nguồn mở viết ngôn ngữ PHP giúp quản trị sở liệu MySQL thông qua giao diện web Đây