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 Đ.
Giới thiệu lý do chọn đề tài
Mục tiêu của đề tài
- Xây dựng, thiết kế một website giới thiệu và bán hoa quả sạch
- Thực hiện các chức năng ban đầu đã đề ra
- Triển khai và cài đặt chương trình trong thực tế.
Giới hạn và phạm vi của đề tài
-Trong phạm vi đề tài này em sẽ nghiên cứu các vấn đề:
+ Nghiên cứu và tìm hiểu về cách thức và hoạt động mua bán trên website.
+ Ứng dụng được xây dựng bằng ngôn ngữ lập trình PHP và cơ sở dữ liệu xây dựng bằng MySQL.
Kết quả dự kiến đạt được
Xây dựng một hệ thống quản lý, giới thiệu và bán hoa quả với giao diện thân thiện và dễ sử dụng Hệ thống cần đáp ứng các yêu cầu hoạt động hiệu quả và thuận tiện cho người dùng.
Quản lý danh mục sản phẩm và thông tin chi tiết giúp phân loại khoa học và dễ kiểm soát Cần cập nhật dữ liệu khách hàng và đơn đặt hàng, sau đó nhân viên xác nhận và xử lý đơn hàng Việc cập nhật thông tin nhân viên cũng quan trọng để theo dõi và phân quyền cho các chức năng bán hàng Hệ thống cũng cung cấp chức năng thống kê doanh thu và số lượng hoa quả.
Các loại hoa quả được phân loại rõ ràng theo danh mục sản phẩm, kèm theo thông tin chi tiết và hình ảnh minh họa Khách hàng có thể dễ dàng duyệt sản phẩm theo các phân loại sẵn có hoặc sử dụng chức năng tìm kiếm để tìm thông tin sản phẩm Sau khi tìm kiếm và tham khảo thông tin, khách hàng có thể quyết định mua sản phẩm bằng cách thêm vào giỏ hàng Họ có khả năng thay đổi số lượng, thêm hoặc xóa sản phẩm trong giỏ hàng, và thực hiện đặt hàng cũng như thanh toán một cách thuận tiện.
- Hoàn thành báo cáo chi tiết đồ án tốt nghiệp.
Kiến thức nền tảng
Cơ sở lý thuyết
2.1.1 Phân tích và thiết kế hướng đối tượng
Phân tích và thiết kế hướng đối tượng là gì?
Phân tích thiết kế hướng đối tượng (OOAD) là giai đoạn quan trọng trong việc phát triển mô hình chính xác và súc tích cho vấn đề, bao gồm các đối tượng và khái niệm từ đời sống thực, giúp người sử dụng dễ dàng hiểu Năm nguyên tắc cơ bản trong thiết kế hướng đối tượng cần được áp dụng để đảm bảo hiệu quả trong quá trình phát triển phần mềm.
Một lớp trong lập trình chỉ nên có một lý do để thay đổi, tức là mỗi lớp chỉ nên đảm nhiệm một chức năng duy nhất Việc gộp nhiều chức năng vào một lớp sẽ tạo ra sự phụ thuộc giữa các chức năng, và điều này có thể dẫn đến việc thay đổi một chức năng làm ảnh hưởng đến các chức năng khác.
Các lớp, module, chức năng nên dễ dàng Mở(Open) cho việc thêm chức năng mới, và Đóng(Close) cho việc thay đổi.
Lớp dẫn xuất phải có khả năng thay thế được lớp cha.
Chương trình không nên buộc phải cài đặt một Interface mà nó không sử dụng đến.
Các module cấp cao không nên phụ thuộc vào các module cấp thấp, mà cả hai nên được kết nối thông qua một lớp trừu tượng Lớp trừu tượng cần phải độc lập với các chi tiết, trong khi các chi tiết lại nên phụ thuộc vào lớp trừu tượng.
UML (Unified Modeling Language) là ngôn ngữ mô hình hóa dùng để đặc tả, trực quan hóa và tài liệu hóa phần mềm hướng đối tượng Nó bao gồm các ký hiệu hình học, giúp các phương pháp hướng đối tượng thể hiện và mô tả thiết kế của hệ thống một cách rõ ràng và hiệu quả.
Một số dạng biểu đồ cơ bản của UML:
Biểu đồ lớp(Class Diagram):
Class Diagram là xương sống của hầu hết các phương pháp hướng đối tượng, bao gồm cả UML Chúng mô tả cấu trúc tĩnh của hệ thống.
Biểu đồ gói(Package Diagram):
Package Diagram là một tập hợp các Class Diagram, dùng để thiết lập mối quan hệ giữa các package Các package này là những nhóm phần tử trong hệ thống có mối quan hệ liên quan đến nhau.
Biểu đồ chức năng(Use Case Diagram):
UseCase Diagram cung cấp cái nhìn tổng quan về cách thức hoạt động của hệ thống từ góc độ bên ngoài Nó hiển thị các chức năng của hệ thống, các lớp và sự tương tác với các tác nhân bên ngoài Công cụ này được sử dụng trong phân tích hệ thống để nắm bắt yêu cầu và hiểu rõ cách vận hành của hệ thống.
Biểu đồ hoạt động(Activity Diagram):
Activity Diagram là công cụ mô tả tiến trình xử lý và thứ tự các hành động trong quá trình đó Nó giúp người dùng nắm bắt được toàn bộ quy trình hoạt động, đặc biệt hữu ích trong việc mô tả các tiến trình song song hoặc một số tương tác trong use case.
Biểu đồ triển khai(Deployment Diagram):
Deployment Diagram mô tả các tài nguyên vật lý trong hệ thống, gồm các node, thành phần và kết nối.
2.1.2 Ngôn ngữ thiết kế web HTML và CSS
HTML (Ngôn ngữ đánh dấu siêu văn bản) là ngôn ngữ được sử dụng để tạo ra cấu trúc và nội dung cho trang web, bao gồm các đoạn văn, danh sách, hình ảnh và bảng biểu.
CSS, viết tắt của Cascading Style Sheets, là ngôn ngữ được sử dụng để định dạng và trình bày các tài liệu HTML và XHTML Nó cho phép người dùng thêm các kiểu hiển thị như font chữ, kích thước và màu sắc cho các trang web, giúp cải thiện trải nghiệm người dùng và làm cho nội dung trở nên hấp dẫn hơn.
Khác nhau cơ bản giữa HTML và CSS:
Hình 2.1 Sự khác nhau của HTML và CSS
“HTML là một ngôn ngữ đánh dấu để mô tả các tài liệu web (trang web)” - W3Schools
HTML được phát triển nhằm hỗ trợ lập trình viên trong việc mô tả nội dung trên trang web Bằng cách sử dụng các thẻ, HTML cho phép bạn thêm văn bản, tiêu đề, hình ảnh, danh sách và các phần cấu trúc khác Tương tự như việc soạn thảo tài liệu trong Word, HTML giúp bạn trình bày nội dung trên trang web một cách hiệu quả.
“CSS mô tả cách các phần tử HTML được hiển thị trên màn hình, giấy hoặc các phương tiện khác” - W3Schools
CSS là yếu tố quan trọng giúp trang web trở nên ấn tượng Nó không chỉ nâng cao tính thẩm mỹ mà còn cải thiện khả năng sử dụng, đóng vai trò thiết yếu trong quá trình phát triển web.
CSS chủ yếu liên quan đến việc thay đổi phong cách và giao diện của trang web, bao gồm kích thước, màu sắc và vị trí của phông chữ, tương tự như cách điều chỉnh trong một tài liệu Word Nó đảm nhiệm vai trò quan trọng trong việc định hình cách nội dung được hiển thị trên trang web.
2.1.3 Ngôn ngữ kịch bản JavaScript
JavaScript là một ngôn ngữ lập trình của HTML và ứng dụng Web.
Nó là một ngôn ngữ lập trình nhẹ, phổ biến trong việc xây dựng các trang web, cho phép các script phía khách hàng tương tác với người dùng và tạo ra các trang web động Được thiết kế dưới dạng ngôn ngữ thông dịch, nó hỗ trợ các tính năng lập trình hướng đối tượng.
Ứng dụng nổi bật của JavaScript:
Với những cải tiến liên tục, JavaScript hiện đã có khả năng thực hiện các tác vụ phức tạp hơn, từ đó nâng cao mức độ tương tác và cải thiện trải nghiệm người dùng.
Sửa lỗi bố cục, cải thiện phần nhìn:
JavaScript có khả năng nhận diện thiết bị người dùng cùng với các thông tin như ứng dụng trình duyệt và độ phân giải màn hình Những thông tin này giúp cải thiện giao diện và tối ưu hóa bố cục website, từ đó nâng cao trải nghiệm người dùng trong thiết kế đáp ứng (responsive design).
Tạo hiệu ứng sinh động bắt mắt:
Công cụ sử dụng
2.2.1 Phần mềm trực tuyến Draw.io
Hình 2.3 Giao diện phần mềm trực tuyết Draw.io
Draw.io là một công cụ vẽ sơ đồ mạnh mẽ, cho phép người dùng tạo ra nhiều hình khối đa dạng Công cụ này hoạt động trực tuyến, không cần cài đặt, hoàn toàn miễn phí và không giới hạn số lượng biểu đồ như nhiều công cụ vẽ web khác.
Draw.io là công cụ lý tưởng để tạo ra hàng nghìn sơ đồ thiết kế cho phần mềm, phần cứng và hệ thống Với thư viện template phong phú, người dùng có thể nhanh chóng bắt đầu dự án mà không cần phải vẽ mọi thứ từ đầu.
Giới thiệu thư viện Jquery:
JQuery là một thư viện JavaScript hiện đại, được phát triển vào năm 2006, giúp đơn giản hóa việc xử lý HTML, quản lý sự kiện và tương tác với Ajax Thư viện này tích hợp nhiều module đa dạng, từ hiệu ứng cho đến truy vấn selector, mang lại sự tiện lợi và dễ sử dụng cho lập trình viên.
Là thư viện lớn của javascript: Thực hiện được nhiều chức năng hơn so với các thư viện JavaScript khác.
JQuery nổi bật với tính dễ sử dụng, cho phép lập trình viên thực hiện các chức năng phức tạp chỉ với cú pháp đơn giản Với chỉ 10 dòng lệnh JQuery, bạn có thể thay thế cho 20 dòng lệnh DOM JavaScript, giúp tiết kiệm thời gian và công sức trong quá trình phát triển.
Cộng đồng mã nguồn mở của jQuery đang phát triển mạnh mẽ, với nhiều thành viên dành thời gian phát triển hàng trăm plugin có sẵn để tải về Điều này giúp lập trình viên tiết kiệm thời gian trong quá trình viết code, đồng thời đảm bảo hiệu quả và an toàn cho các script được sử dụng.
JQuery cung cấp nhiều tài liệu và hướng dẫn chi tiết, giúp ngay cả những người mới bắt đầu lập trình cũng có thể dễ dàng làm quen và sử dụng thư viện này một cách hiệu quả.
JQuery hỗ trợ AJAX, giúp phát triển các template AJAX một cách dễ dàng Việc sử dụng AJAX mang lại giao diện đẹp mắt cho website, cho phép thực hiện các chức năng trên trang mà không cần tải lại toàn bộ trang.
MySQL là hệ quản trị cơ sở dữ liệu mã nguồn mở phổ biến hàng đầu thế giới, được ưa chuộng trong phát triển web và ứng dụng.
Với tốc độ và tính bảo mật cao, MySQL rất thích hợp cho các ứng dụng có CSDL trên Internet.
MySQL là một hệ quản trị cơ sở dữ liệu mạnh mẽ, nhanh chóng và ổn định, dễ sử dụng, có khả năng hoạt động trên nhiều hệ điều hành khác nhau Hệ thống này cung cấp một loạt các hàm tiện ích đa dạng, hỗ trợ người dùng trong việc quản lý dữ liệu hiệu quả.
MySQL là một hệ quản trị cơ sở dữ liệu quan hệ đa tính năng, cung cấp nhiều chức năng mong đợi cả trực tiếp và gián tiếp, đáp ứng nhu cầu quản lý dữ liệu hiệu quả.
Khả năng mở rộng và mạnh mẽ : MySQL có thể xử lý rất nhiều dữ liệu và hơn thế nữa nó có thể được mở rộng nếu cần thiết.
MySQL được tối ưu hóa với các tiêu chuẩn cụ thể, giúp nâng cao hiệu suất làm việc và tiết kiệm chi phí, từ đó gia tăng tốc độ thực thi một cách nhanh chóng.
Độ bảo mật cao : MySQL rất thích hợp cho các ứng dụng có truy cập
CSDL trên Internet khi sở hữu nhiều nhiều tính năng bảo mật, ngay cả ở cấp cao.
PhpMyAdmin là một phần mềm mã nguồn mở viết bằng PHP, cho phép quản lý cơ sở dữ liệu MySQL qua giao diện web Đây là công cụ quản trị MySQL phổ biến nhất, được hàng triệu người dùng trên toàn thế giới tin dùng, đặc biệt là các quản trị viên cơ sở dữ liệu.
Hình 2.5 Giao diện phần mềm PhpMyAdmin
Các tính năng chung của PhpMyAdmin:
Quản lý cơ sở dữ liệu: Tạo mới, sửa, xóa; thêm bảng, hàng, trường; tìm kiếm các đối tượng.
Quản lý người dùng(user): Thêm, sửa, xóa(phân quyền).
Nhập xuất dữ liệu(Import/Export): Hỗ trợ các định dạng SQL, XML và CSV.
Sao lưu và khôi phục(Backup/Restore): Thao tác thủ công.
Tạo đồ họa của bố cục cơ sở dữ liệu ở các định dạng khác nhau.
Tạo truy vấn phức tạp bằng cách sử dụng Query-by-example(QBE).
Phân tích và thiết kế hệ thống
Khảo sát hệ thống
Cửa hàng chuyên cung cấp hoa quả không chỉ tập trung vào việc bán hàng mà còn cần quản lý hàng tồn kho, phân loại sản phẩm và lưu trữ hóa đơn Mỗi sản phẩm thuộc một danh mục duy nhất, và đơn hàng có thể chứa nhiều sản phẩm khác nhau Khách hàng có thể lựa chọn từ nhiều mặt hàng, với sự tư vấn của nhân viên dựa trên yêu cầu như loại hoa quả, giá cả và nguồn gốc Khi khách hàng thanh toán, chủ cửa hàng kiểm tra số lượng hàng tồn, ghi nhận thông tin hóa đơn bao gồm số hóa đơn, ngày nhập, tên khách hàng và tổng tiền, đồng thời lưu trữ chi tiết hóa đơn như tên sản phẩm, số lượng và số tiền phải trả.
Cửa hàng cần thường xuyên cập nhật thông tin sản phẩm để theo dõi số lượng tồn kho và các sản phẩm mới Chủ cửa hàng sử dụng mã và tên sản phẩm để tìm kiếm thông tin khi cập nhật Đối với sản phẩm mới, cần tạo danh mục sản phẩm mới Các danh mục sản phẩm bao gồm số danh mục, tên danh mục và mô tả.
Bên cạnh việc lưu lại thông tin sản phẩm và đơn hàng của cửa hàng.
Để quản lý cửa hàng hiệu quả, cần lưu lại thông tin quan trọng của khách hàng và nhà cung cấp như họ tên, số điện thoại và địa chỉ Đối với những khách hàng mua hàng thường xuyên, có thể cung cấp ưu đãi hoặc thẻ VIP, do đó nên ghi chú thêm thông tin như ngày sinh Bên cạnh đó, cửa hàng cũng cần thực hiện thống kê doanh thu và các mặt hàng hoa quả bán chạy định kỳ theo ngày, tháng và năm.
3.1.2 Yêu cầu với hệ thống triển khai
Từ những khảo sát ở trên, có thể rút ra các yêu cầu mà hệ thống mới xây dựng cần đáp ứng:
Hệ thống phân quyền với 3 nhóm người: người quản lý, nhân viên và khách hàng.
Có các chức năng đăng ký, xem sản phẩm, xem chi tiết các sản phẩm, đặt hàng, quản lý đơn hàng của mình với khách hàng.
Nhân viên thực hiện các chức năng liên quan đến nghiệp vụ bán hàng.
Quản lý toàn bộ chức năng của hệ thống bao gồm quản lý khách hàng, nhà cung cấp, danh mục, sản phẩm, đơn hàng và thống kê, giúp các nhà quản lý dễ dàng theo dõi và điều phối mọi hoạt động.
Giao diện dễ nhìn, thân thiện và người dùng dễ dàng thao tác.
Cập nhật thông tin thường xuyên và tính toán nhanh chóng, chính xác.
Đáp ứng tính tương thích đa thiết bị.
Use Case của hệ thống
Hình 3.1 Use Case tổng quát
Hệ thống gồm hai tác nhân chính:
QUANTRIVIEN là người quản trị hệ thống với quyền và chức năng cao nhất, bao gồm việc đăng nhập, quản lý sản phẩm, bài viết và đơn hàng Họ có khả năng thực hiện các thao tác như thêm, sửa, xóa, tìm kiếm và xem chi tiết thông tin trong hệ thống.
KHACHHANG: Là thành viên của hệ thống thực hiện đăng kí, đăng nhập có các chức năng như xem chi tiết sản phẩm, đặt hàng,
Hình 3.2 Use Case hệ thống
Khách hàng khi truy cập website có thể dễ dàng đăng ký thành viên, xem và tìm hiểu chi tiết về các sản phẩm, cũng như tìm kiếm những sản phẩm mà họ mong muốn Để thực hiện điều này, khách hàng chỉ cần chọn đăng ký khi truy cập vào trang.
1 Khách hàng chọn đăng ký
2 Hệ thống hiển thị trang đăng ký
3 Khách hàng nhập các trường thông tin và tài khoản – mật khẩu, chọn đăng ký
4 Hệ thống kiểm tra dữ liệu: Nếu thỏa mãn thực hiện bước tiếp theo Ngược lại, thông báo lỗi và quay lại bước 3
5 Hệ thống thông báo đăng ký tài khoản thành công, và cập nhật tài khoản vào cơ sở dữ liệu
6 Hiển thị giao diện trang chủ với tài khoản đã đăng ký Ngoại lệ 3 Khách hàng chọn Hủy
4 Hệ thống hủy thao tác, và trả về trang chủ Điều kiện đầu ra Lưu tài khoản khách hàng đã đăng ký vào cơ sở dữ liệu
Tác nhân Khách hàng và quản trị viên
Người dùng thực hiện đăng nhập vào hệ thống để truy cập với quyền hạn tương ứng của tài khoản Đây là tiền đề cho UseCase khi người dùng có nhu cầu truy cập vào hệ thống Các sự kiện chính diễn ra trong quá trình này sẽ được ghi nhận để đảm bảo tính chính xác và bảo mật.
1 Người dùng chọn đăng nhập
2 Hệ thống yêu cầu nhập tài khoản và mật khẩu
3 Người dùng nhập tài khoản và mật khẩu
4 Hệ thống kiểm tra tên và mật khẩu vừa nhập: Nếu thỏa mãn thực hiện bước tiếp theo Ngược lại, thông báo lỗi và quay lại bước 3
5 Lấy quyền truy cập tài khoản
6 Hiển thị giao diện tương ứng với quyền của tài khoản Ngoại lệ 3 Người dùng chọn Hủy
4 Hệ thống hủy thao tác, và trả về trang chủ Điều kiện đầu ra Người dùng truy cập hệ thống với đúng quyền của tài khoản đã đăng nhập
Tác nhân Khách hàng và quản trị viên
Mô tả ngắn gọn Người dùng muốn đăng xuất khỏi hệ thống
Tiền điều kiện UseCase sử dụng khi người dùng muốn đăng xuất hệ thống Chuỗi sự kiện chính
1 Người dùng chọn đăng xuất
2 Hệ thống hủy lưu tài khoản
3 Hệ thống hiển thị giao diện trang đăng nhập
Ngoại lệ Không có Điều kiện đầu ra Hủy lưu tài khoản người dùng, hiển thị trang đăng nhập
3.2.3 Use Case của tác nhân khách hàng
Hình 3.3 Use Case của tác nhân khách hàng
UseCase Xem chi tiết sản phẩm:
Use Case Xem chi tiết sản phẩm
Mô tả ngắn gọn Khách hàng muốn xem chi tiết một sản phẩm
Tiền điều kiện Khách hàng đăng nhập thành công hệ thống
1 Khách hàng chọn sản phẩm muốn xem chi tiết
3 Hệ thống lấy chi tiết sản phẩm theo ID
4 Hệ thống hiển thị trang chi tiết sản phẩm
Ngoại lệ Không có Điều kiện đầu ra Chi tiết sản phẩm khách hàng muốn xem hiển thị trên màn hình
UseCase Cập nhật thông tin cá nhân:
Use Case Cập nhật thông tin cá nhân
Khách hàng có thể dễ dàng cập nhật và chỉnh sửa thông tin cá nhân trong hệ thống sau khi đăng nhập thành công với quyền truy cập của mình.
1 Khách hàng chọn cập nhật thông tin cá nhân
2 Hệ thống hiển thị form cập nhật thông tin cá nhân
3 Người dùng nhập thông tin cần thay đổi, nhấn nút cập nhật
4 Hệ thống kiểm tra dữ liệu: Nếu thỏa mãn thực hiện bước tiếp theo Ngược lại, thông báo lỗi và quay lại bước 3
5 Hệ thống thông báo cập nhật thông tin cá nhân thành công, hệ thống cập nhật thông tin cá nhân vào cơ sở dữ liệu Ngoại lệ 3 Người dùng chọn Hủy
4 Hệ thống hủy thao tác, và trả về trang thông tin cá nhân Điều kiện đầu ra Cập nhật thông tin cá nhân của Khách hàng trong cơ sở dữ liệu
UseCase Quản lý giỏ hàng:
Use Case Thêm sản phẩm vào giỏ hàng
Mô tả ngắn gọn Khách hàng thêm hoa quả vào giỏ hàng
Tiền điều kiện Không có
1 Khách hàng chọn hoa quả muốn mua.
2 Chọn thêm sản phẩm vào giỏ hàng.
3 Hệ thống kiểm tra dữ liệu: Nếu số lượng hàng hiện có thỏa mãn, thực hiện bước tiếp theo Ngược lại, thông báo sản phẩm đã hết và hủy thao tác.
4 Hệ thống thêm sản phẩm vào giỏ hàng
Ngoại lệ Không có Điều kiện đầu ra Lưu giỏ hàng trong session của khách hàng
Use Case Cập nhật số lượng sản phẩm vào giỏ hàng
Mô tả ngắn gọn Khách hàng cập nhật số lượng sản phẩm trong giỏ hàng Tiền điều kiện Không có
1 Khách hàng chọn sản phẩm muốn cập nhật số lượng.
2 Chọn số lượng thích hợp, vào chọn lưu.
3 Hệ thống kiểm tra dữ liệu: Nếu số lượng hàng hiện có thỏa mãn, thực hiện bước tiếp theo Ngược lại, thông báo số lượng sản phẩm không đủ và hủy thao tác.
4 Hệ thống cập nhật số lượng sản phẩm trong giỏ hàng
Ngoại lệ Không có Điều kiện đầu ra Cập nhật giỏ hàng trong session của khách hàng
Use Case Xóa sản phẩm trong giỏ hàng
Mô tả ngắn gọn Khách hàng xóa sản phẩm trong giỏ hàng
Tiền điều kiện Không có
1 Khách hàng chọn sản phẩm muốn hủy mua
3 Hệ thống kiểm tra: Nếu thành công thực hiện bước tiếp theo Ngược lại, thông báo lỗi.
4 Hệ thống xóa thực phẩm trong giỏ hàng
Ngoại lệ Không có Điều kiện đầu ra Cập nhật giỏ hàng trong session của khách hàng
Khách hàng thực hiện quy trình đặt hàng và thanh toán cho đơn hàng của mình sau khi đăng nhập thành công vào hệ thống.
2 Hệ thống kiểm tra tài khoản khách hàng, hiển thị form thanh toán
3 Khách hàng nhập các thông tin cần thiết, chọn thanh toán
4 Hệ thống kiểm tra: Nếu thành công thực hiện bước tiếp theo Ngược lại, thông báo lỗi.
5 Hệ thống tạo thông tin đơn hàng và chi tiết đơn hàng Ngoại lệ 3 Khách hàng chọn Hủy
4 Hệ thống hủy thao tác, và trả về trang giỏ hàng Điều kiện đầu ra Cập nhật thông tin đơn hàng của khách hàng vào cơ sở dữ liệu khi thanh toán thành công
3.2.4 Use Case quản lý danh mục
Hình 3.4 Use Case quản lý danh mục
Use Case Thêm thông tin danh mục
Tác nhân Quản trị viên
Quản trị viên có khả năng thêm các danh mục, giúp phân loại sản phẩm một cách dễ dàng và hiệu quả Để thực hiện điều này, người dùng cần đăng nhập thành công với quyền quản trị.
1 Quản lý đăng nhập hệ thống, chọn quản lý danh mục
2 Hệ thống kiểm tra tài khoản và quyền, nếu đúng thì truy cập hệ thống, chuyển hướng tới trang quản lý danh mục
3 Quản lý chọn nút Thêm danh mục
4 Hệ thống hiển thị form thêm danh mục
5 Quản lý nhập các trường dữ liệu, nhấn nút Lưu
6 Hệ thống kiểm tra dữ liệu: Nếu thỏa mãn thực hiện bước tiếp theo Ngược lại, thông báo lỗi và quay lại bước 5.
7 Hệ thống thông báo thêm danh mục thành công, và lưu thông tin danh mục trong cở dữ liệu Ngoại lệ 5 Quản lý chọn Hủy
6 Hệ thống hủy thao tác, và trả về trang quản lý danh mục Điều kiện đầu ra Các thông tin danh mục được lưu vào cơ sở dữ liệu
Use Case Sửa thông tin danh mục
Tác nhân Quản trị viên
Quản trị viên có khả năng sửa đổi thông tin trong các danh mục sau khi người dùng đăng nhập thành công với quyền quản trị.
1 Quản lý đăng nhập hệ thống, chọn quản lý danh mục
2 Hệ thống kiểm tra tài khoản và quyền, nếu đúng thì truy cập hệ thống, chuyển hướng tới trang quản lý danh mục
3 Quản lý chọn danh mục muốn sửa, chọn sửa
4 Hệ thống lấy dữ liệu danh mục theo ID, và hiển thị form sửa danh mục
5 Quản lý nhập các trường dữ liệu, nhấn nút Cập nhật
6 Hệ thống kiểm tra dữ liệu: Nếu thỏa mãn thực hiện bước tiếp theo Ngược lại, thông báo lỗi và quay lại bước 5.
7 Hệ thống thông báo sửa danh mục thành công, và cập nhật thông tin danh mục trong cơ sở dữ liệu Ngoại lệ 5 Quản lý chọn Hủy
6 Hệ thống hủy thao tác, và trả về trang quản lý danh mục Điều kiện đầu ra Các thông tin danh mục được cập nhật vào cơ sở dữ liệu
Use Case Xóa thông tin danh mục
Tác nhân Quản trị viên
Người quản lý có nhiệm vụ xóa các danh mục sản phẩm không còn bán trên hệ thống Để thực hiện việc này, người dùng cần đăng nhập thành công với quyền quản trị Quy trình này đảm bảo rằng chỉ những danh mục sản phẩm còn hoạt động mới được giữ lại, giúp tối ưu hóa trải nghiệm người dùng và cải thiện hiệu suất quản lý sản phẩm.
1 Quản lý đăng nhập hệ thống, chọn quản lý danh mục
2 Hệ thống kiểm tra tài khoản và quyền, nếu đúng thì truy cập hệ thống, chuyển hướng tới trang quản lý danh mục
3 Quản lý chọn danh mục muốn xóa, chọn xóa
4 Hệ thống hiển thị modal trước khi xóa
6 Hệ thống kiểm tra dữ liệu: Nếu thỏa mãn thực hiện bước tiếp theo Ngược lại, thông báo lỗi và hủy thao tác.
7 Hệ thống thông báo xóa danh mục thành công, và cập nhật trạng thái xóa danh mục trong cở dữ liệu Ngoại lệ 5 Quản lý chọn Hủy
6 Hệ thống hủy thao tác, và trả về trang quản lý danh mục Điều kiện đầu ra Các thông tin danh mục được lưu vào cơ sở dữ liệu
3.2.5 Use Case quản lý sản phẩm
Hình 3.5 Use Case quản lý sản phẩm
Use Case Thêm thông tin sản phẩm
Tác nhân Quản trị viên
Người quản lý có trách nhiệm cập nhật thông tin sản phẩm hoa quả có sẵn trong cửa hàng Điều kiện tiên quyết là người dùng phải đăng nhập thành công với quyền quản trị để thực hiện việc này.
1 Quản lý đăng nhập hệ thống, chọn quản lý sản phẩm
2 Hệ thống kiểm tra tài khoản và quyền, nếu đúng thì truy cập hệ thống, chuyển hướng tới trang quản lý sản phẩm
3 Quản lý chọn nút Thêm sản phẩm
4 Hệ thống hiển thị form thêm sản phẩm
5 Quản lý nhập các trường dữ liệu, nhấn nút Lưu
6 Hệ thống kiểm tra dữ liệu: Nếu thỏa mãn thực hiện bước tiếp theo Ngược lại, thông báo lỗi và quay lại bước 5.
7 Hệ thống thông báo thêm sản phẩm thành công, và lưu thông tin sản phẩm trong cở dữ liệu
Ngoại lệ 5 Quản lý chọn Hủy
6 Hệ thống hủy thao tác, và trả về trang quản lý sản phẩm Điều kiện đầu ra Các thông tin sản phẩm được lưu vào cơ sở dữ liệu
Use Case Sửa thông tin sản phẩm
Tác nhân Quản trị viên
Mô tả ngắn gọn Quản trị viên thực hiện sửa thông tin hoa quả
Tiền điều kiện Người dùng đăng nhập thành công, với quyền quản trị Chuỗi sự kiện chính
1 Quản lý đăng nhập hệ thống, chọn quản lý sản phẩm
2 Hệ thống kiểm tra tài khoản và quyền, nếu đúng thì truy cập hệ thống, chuyển hướng tới trang quản lý sản phẩm
3 Quản lý chọn sản phẩm muốn sửa, chọn sửa
4 Hệ thống lấy dữ liệu sản phẩm theo ID, và hiển thị form sửa sản phẩm
5 Quản lý nhập các trường dữ liệu, nhấn nút Cập nhật
6 Hệ thống kiểm tra dữ liệu: Nếu thỏa mãn thực hiện bước tiếp theo Ngược lại, thông báo lỗi và quay lại bước 5.
7 Hệ thống thông báo sửa sản phẩm thành công, và cập nhật thông tin sản phẩm trong cở dữ liệu Ngoại lệ 5 Quản lý chọn Hủy
6 Hệ thống hủy thao tác, và trả về trang quản lý sản phẩm Điều kiện đầu ra Các thông tin sản phẩm được lưu vào cơ sở dữ liệu
Use Case Xóa sản phẩm
Tác nhân Quản trị viên
Mô tả ngắn gọn Quản trị viên thực hiện xóa các sản phẩm không bán
Tiền điều kiện Người dùng đăng nhập thành công, với quyền quản trị Chuỗi sự kiện chính
1 Quản lý đăng nhập hệ thống, chọn quản lý sản phẩm
2 Hệ thống kiểm tra tài khoản và quyền, nếu đúng thì truy cập hệ thống, chuyển hướng tới trang quản lý sản phẩm
3 Quản lý chọn sản phẩm muốn xóa, chọn xóa
4 Hệ thống hiển thị modal trước khi xóa
6 Hệ thống kiểm tra dữ liệu: Nếu thỏa mãn thực hiện bước tiếp theo Ngược lại, thông báo lỗi và hủy thao tác.
7 Hệ thống thông báo xóa sản phẩm thành công, và cập nhật trạng thái xóa sản phẩm trong cở dữ liệu Ngoại lệ 5 Quản lý chọn Hủy
6 Hệ thống hủy thao tác, và trả về trang quản lý sản phẩm Điều kiện đầu ra Các thông tin sản phẩm được lưu vào cơ sở dữ liệu
Use Case Tìm kiếm sản phẩm
Tác nhân Quản trị viên
Biểu đồ hoạt động của hệ thống
Biểu đồ hoạt động đăng ký
Hình 3.10 Biểu đồ hoạt động đăng ký
Biểu đồ hoạt động đăng nhập
Hình 3.11 Biểu đồ hoạt động đăng nhập
Biểu đồ hoạt động xem chi tiết sản phẩm
Hình 3.12 Biểu đồ hoạt động xem chi tiết sản phẩm
Biểu đồ hoạt động tìm kiếm sản phẩm
Hình 3.13 Biểu đồ hoạt động tìm kiếm sản phẩm
Biểu đồ hoạt động thê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
Biểu đồ hoạt động cập nhật sản phẩm
Hình 3.15 Biểu đồ hoạt động cập nhật sản phẩm trong giỏ hàng
Biểu đồ hoạt động xóa sản phẩm
Hình 3.16 Biểu đồ hoạt động xóa sản phẩm
Biểu đồ hoạt động xem chi tiết đơn hàng
Hình 3.17 Biểu đồ hoạt động xem chi tiết đơn hàng
Biểu đồ hoạt động thêm sản phẩm vào giỏ hàng
Hình 3.18 Biểu đồ hoạt động thêm sản phẩm vào giỏ hàng
Biểu đồ hoạt động cập nhật sản phẩm trong giỏ hàng
Hình 3.19 Biểu đồ hoạt động cập nhật sản phẩm trong giỏ hàng
Biểu đồ hoạt động xóa sản phẩm trong giỏ hàng
Hình 3.20 Biểu đồ hoạt động xóa sản phẩm trong giỏ hàng
Biểu đồ hoạt động đặt hàng
Hình 3.21 Biểu đồ hoạt động đặt hàng
Biểu đồ tuần tự của hệ thống
Biểu đồ tuần tự đăng ký
Hình 3.22 Biểu đồ tuần tự đăng ký
Biểu đồ tuần tự đăng nhập
Hình 3.23 Biểu đồ tuần tự xem đăng nhập
Biểu đồ tuần tự xem chi tiết sản phẩm
Hình 3.24 Biểu đồ tuần tự xem chi tiết sản phẩm
Biểu đồ tuần tự thêm sản phẩm
Hình 3.25 Biểu đồ tuần tự thêm sản phẩm
Biểu đồ tuần tự cập nhật sản phẩm
Hình 3.26 Biểu đồ tuần tự cập nhật sản phẩm
Biểu đồ tuần tự xóa sản phẩm
Hình 3.27 Biểu đồ tuần tự xóa sản phẩm
Biểu đồ tuần tự tìm kiếm sản phẩm
Hình 3.28 Biểu đồ tuần tự tìm kiếm sản phẩm
Biểu đồ tuần tự xem chi tiết đơn hàng
Hình 3.29 Biểu đồ tuần tự xem chi tiết đơn hàng
Biểu đồ tuần tự đặt hàng
Hình 3.30 Biểu đồ tuần tự đặt hàng
Biểu đồ lớp
Thiết kế cơ sở dữ liệu
STT Tên thực thể Kiểu dữ liệu Ràng buộc Mô tả
1 ID bigint (20) Khóa chính Khóa chính của bảng
2 name varchar(255) Not null Tên
3 email varchar(255) Not null Email
4 phone varchar(255) Not null Số điện thoại
5 password varchar(255) Not null Mật khẩu
6 log_Login text Null Lịch sử đăng nhập
7 created_At timestamp Null Ngày tạo
8 updated_At timestamp Null Ngày cập nhật
9 class varchar(255) Null Lớp người dùng
10 address varchar(255) Null Địa chỉ
11 avatar varchar(255) Null Ảnh đại diện
STT Tên thực thể Kiểu dữ liệu Ràng buộc Mô tả
1 ID bigint(20) Khóa chính Khóa chính của bảng
2 name varchar(255) Not null Tên
3 email varchar(255) Not null Email
4 nick_Name varchar(255) Null Tên đăng nhập
5 password varchar(255) Not null Mật khẩu
6 log_Login text Null Lịch sử đăng nhập
7 created_At timestamp Null Ngày tạo
8 updated_At timestamp Null Ngày cập nhật
9 address varchar(255) Null Địa chỉ
11 phone Varchar(255) Not null Số điện thoại
12 status tinyint(4) Not null Trạng thái
STT Tên thực thể Kiểu dữ liệu Ràng buộc Mô tả
2 pro_Name varchar(255) Null Tên
3 pro_Price int(11) Not null Giá
4 pro_Content int(11) Not null Nội dung
5 pro_Category_Id int(11) Khóa ngoại
6 created_At timestamp Null Ngày tạo
7 updated_At timestamp Null Ngày cập nhật
8 pro_Admin_Id bigint(20) Khóa ngoại
9 pro_Sale tinyint(4) Not null Giảm giá
10 pro_Avatar varchar(255) Null Ảnh
11 pro_View int(11) Not null Xem
12 pro_Hot tinyint(4) Not null Nổi bật
13 pro_Active tinyint(4) Not null Hoạt động
14 pro_Description varchar(255) Null Mô tả
15 pro_Number_Impor t int(11) Not null Số lượng nhập
STT Tên thực thể Kiểu dữ liệu Ràng buộc Mô tả
1 ID int(11) Khóa chính Khóa chính của bảng
2 c_Name varchar(255) Not null Tên
3 c_Parent_Id int(11) Khóa ngoại ID danh mục cha
5 c_Type tinyint(4) Not null Loại
6 c_Active tinyint(4) Null Hoạt động
7 c_Hot tinyint(4) Not null Nổi bật
8 created_At timestamp Null Ngày tạo
STT Tên thực thể Kiểu dữ liệu Ràng buộc Mô tả
9 updated_At timestamp Null Ngày sửa
10 c_Sort tinyint(4) Null Sắp xếp
STT Tên thực thể Kiểu dữ liệu Ràng buộc Mô tả
1 ID bigint(20) Khóa chính Khóa chính của bảng
2 a_Name varchar(255) Not null Tên
3 a_Hot tinyint(4) Not null Nổi bật
4 a_Active tinyint(4) Not null Hoạt động
5 a_Description mediumtext Null Mô tả
7 a_Content text Null Nội dung
8 created_At timestamp Null Ngày tạo
9 updated_At timestamp Null Ngày cập nhật
STT Tên thực thể Kiểu dữ liệu Ràng buộc Mô tả
1 ID bigint(20) Khóa chính Khóa chính của bảng
2 od_Transaction_I d int(11) Khóa ngoại ID giao dịch
3 od_Product_Id int(11) Khóa ngoại ID sản phẩm
4 od_Sale int(11) Not null Khuyến mại
5 od_Qty tinyint(4) Not null Số lượng
6 od_Price int(11) Not null Giá
7 created_At timestamp Null Ngày tạo
8 updated_At timestamp Null Ngày cập nhật
STT Tên thực thể Kiểu dữ liệu Ràng buộc Mô tả
1 ID bigint(20) Khóa chính Khóa chính của bảng
2 tst_User_Id int(11) Khóa ngoại ID người dùng
STT Tên thực thể Kiểu dữ liệu Ràng buộc Mô tả
3 tst_Total_Money int(11) Not null Tổng tiền
4 tst_Name varchar(255) Null Tên
5 tst_Email varchar(255) Null Email
6 tst_Phone varchar(255) Null Số điện thoại
7 tst_Admin_Id bigint(20) Khóa ngoại ID quản trị viên
8 tst_Address varchar(255) Null Địa chỉ
9 tst_Note varchar(255) Null Ghi chú
10 tst_Status tinyint(4) Not null Trạng thái
11 created_At timestamp Null Ngày tạo
12 updated_At timestamp Null Ngày cập nhật
Xây dựng chương trình
Giao diện trang người dùng
Hình 4.1 Giao diện trang chủ
4.1.2 Giao diện đăng nhập khách hàng
Hình 4.2 Giao diện trang đăng nhập khách hàng 4.1.3 Giao diện trang hoa quả sạch
Hình 4.3 Giao diện trang hoa quả sạch
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
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
4.1.6 Giao diện trang tin tức
Hình 4.6 Giao diện trang tin tức
4.1.7 Giao diện trang giỏ hàng
Hình 4.7 Giao diện trang giỏ hàng
4.1.8 Giao diện trang thanh toán hóa đơn
Hình 4.8 Giao diện trang thanh toán hóa đơn
4.1.9 Giao diện trang chi tiết hóa đơn
Hình 4.9 Giao diện trang chi tiết hóa đơn
Giao diện trang quản trị
Hình 4.10 Giao diện trang chủ
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
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
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ý bài viết
Hình 4.15 Giao diện trang quản lý bài viết
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
Kết luận và hướng phát triển
Dưới sự hướng dẫn và hỗ trợ tận tình của thầy cô, cùng với những kiến thức đã học tại trường, em đã tiến hành phân tích và xây dựng website, đạt được những kết quả đáng ghi nhận.
Xây dựng một website bán hoa quả sạch bằng cách áp dụng các kiến thức đã học, phân quyền cho người dùng và người quản trị với giao diện và chức năng khác nhau là một bước quan trọng.
Quản lý các thông tin cần thiết của cửa hàng như các sản phẩm, thông tin khách hàng và các giao dịch mua hàng cửa khách hàng.
Có hầu như đầy đủ chức năng cơ bản để quản lý cửa hàng.
Bên cạnh đó cũng có những 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 và chưa khả quan.
Giao diện chưa thực sự bắt mắt.
Một số chức năng còn hạn chế.
Phát triển, cải tiến phần mềm có thêm một số tính năng mới trong tương lai như:
Tăng tính bảo mật của trang web.
Cải tiến giao diện sinh động hơn, tạo sự chú ý cho khách hàng Tạo nhiều hiệu ứng đẹp mắt trong giao diện sử dụng của khách.
Bổ sung thêm các chức năng nâng cao.