Báo cáo đồ án 1: Xây dựng website bán thực phẩm nông nghiệp - UIT

Tải báo cáo đồ án 1 xây dựng website bán thực phẩm nông nghiệp đầy đủ. Tài liệu gồm phân tích yêu cầu, thiết kế CSDL, giao diện và báo cáo kiểm thử.

• Tác giả: Trần Linh Khuê Lam
• Người hướng dẫn: ThS. Huỳnh Tuấn Anh
• Trường học: Trường Đại Học Công Nghệ Thông Tin - Đại Học Quốc Gia Thành Phố Hồ Chí Minh
• Chuyên ngành: Công Nghệ Phần Mềm
• Đề tài: Xây Dựng Website Bán Thực Phẩm Nông Nghiệp
• Loại tài liệu: Đồ Án
• Năm xuất bản: 2022
• Địa điểm: Thành Phố Hồ Chí Minh

Tóm tắt

I. Tổng Quan Về Đồ Án Xây Dựng Website Bán Nông Sản Sạch

Website bán nông sản sạch là một giải pháp công nghệ thông tin nhằm kết nối trực tiếp giữa các nhà sản xuất nông sản và người tiêu dùng. Đề tài này được thực hiện tại Trường Đại học Công nghệ Thông tin - ĐHQG TP.HCM, dưới sự hướng dẫn của ThS. Huỳnh Tuấn Anh. Mục tiêu chính của đồ án bán nông sản sạch là xây dựng một nền tảng thương mại điện tử chuyên biệt, giúp người dân dễ dàng tiếp cận các sản phẩm nông nghiệp chất lượng cao mà không cần phải đi chợ truyền thống. Hệ thống này không chỉ tiết kiệm thời gian mà còn đảm bảo an toàn sức khỏe cho người tiêu dùng, đặc biệt trong các thời điểm cần giãn cách xã hội. Website bán thực phẩm nông nghiệp này được xây dựng trên nền tảng công nghệ hiện đại, áp dụng các nguyên tắc tối ưu về thiết kế giao diện, quản lý dữ liệu và trải nghiệm người dùng.

1.1. Lý Do Chọn Đề Tài

Nhu cầu tiêu thụ nông sản sạch ngày càng tăng do người dân quan tâm đến sức khỏe và chất lượng cuộc sống. Tình hình dịch bệnh phức tạp khiến nhiều người không thể đi chợ truyền thống. Do đó, xây dựng website bán nông sản trở thành giải pháp thiết yếu giúp người dân tiếp cận thực phẩm an toàn, chất lượng cao mà không cần rời khỏi nhà. Đồng thời, các nhà sản xuất nông sản cũng cần một nền tảng để quảng bá và tiêu thụ sản phẩm của mình một cách hiệu quả.

1.2. Đối Tượng Sử Dụng

Website bán nông sản sạch được thiết kế cho ba nhóm đối tượng chính: thứ nhất là những người tiêu dùng muốn mua thực phẩm nông sản chất lượng cao với giá cả hợp lý; thứ hai là các nhà sản xuất, nông dân muốn bán trực tiếp sản phẩm của mình; thứ ba là các nhân viên quản lý hệ thống. Mỗi nhóm người dùng sẽ có các quyền hạn và chức năng khác nhau trên nền tảng này.

II. Phạm Vi Nghiên Cứu Và Thiết Kế Hệ Thống

Phạm vi nghiên cứu của đồ án website bán nông sản bao gồm ba khía cạnh chính: môi trường, địa lý và chức năng. Về mặt môi trường, hệ thống được thiết kế để hoạt động trên các nền tảng web hiện đại, sử dụng kiến trúc MVC (Model-View-Controller) cho phép quản lý dữ liệu hiệu quả. Phạm vi địa lý tập trung vào thành phố Hồ Chí Minh và các khu vực lân cận, nhưng có khả năng mở rộng về sau. Phạm vi chức năng bao gồm các tính năng quản lý sản phẩm, giỏ hàng, đơn hàng, đánh giá sản phẩm và tích hợp gợi ý món ăn. Hệ thống sẽ lưu trữ thông tin người dùng, sản phẩm, đơn hàng và đánh giá trong một cơ sở dữ liệu tập trung, đảm bảo tính bảo mật và hiệu suất cao.

2.1. Kiến Trúc MVC Trong Xây Dựng Hệ Thống

Mô hình MVC là nền tảng của website bán nông sản sạch, giúp tách biệt logic ứng dụng, giao diện và dữ liệu. Model quản lý dữ liệu và logic nghiệp vụ, View đặc trách hiển thị giao diện người dùng, Controller điều phối các yêu cầu từ người dùng. Cách tổ chức này giúp code dễ bảo trì, mở rộng và phát triển thêm các tính năng mới cho hệ thống bán nông sản.

2.2. Công Nghệ Và Công Cụ Sử Dụng

Đồ án xây dựng website sử dụng các công nghệ hiện đại như HTML5, CSS3, JavaScript cho frontend, PHP hoặc Node.js cho backend. Cơ sở dữ liệu MySQL được chọn để lưu trữ thông tin sản phẩm, người dùng và đơn hàng. Hệ thống quản lý phiên bản GitHub được sử dụng để quản lý mã nguồn. Các công cụ này đảm bảo website bán nông sản hoạt động ổn định, an toàn và có khả năng mở rộng.

III. Thiết Kế Giao Diện Và Use Case Hệ Thống

Giao diện người dùng của website bán nông sản sạch được thiết kế thân thiện, dễ sử dụng để đáp ứng nhu cầu của các nhóm người dùng khác nhau. Hệ thống bao gồm các tính năng chính như: danh sách sản phẩm với lọc theo loại, tìm kiếm theo từ khóa, xem chi tiết sản phẩm, thêm vào giỏ hàng, thanh toán trực tuyến, lịch sử đơn hàng và đánh giá sản phẩm. Use case mô tả các kịch bản tương tác giữa người dùng và hệ thống, giúp xác định rõ các chức năng cần thiết. Các use case chính bao gồm: đăng ký tài khoản, đăng nhập, tìm kiếm sản phẩm, mua hàng, thanh toán, và xem lịch sử giao dịch. Mỗi use case được mô tả chi tiết với các bước thực hiện, điều kiện tiên quyết và kết quả mong đợi.

3.1. Danh Sách Các Màn Hình Chính

Website bán nông sản có các màn hình chính bao gồm: trang chủ hiển thị sản phẩm nổi bật, trang danh sách sản phẩm với các bộ lọc, trang chi tiết sản phẩm, giỏ hàng, trang thanh toán, lịch sử đơn hàng, trang quản lý tài khoản người dùng và danh sách sản phẩm yêu thích. Mỗi màn hình được thiết kế tối ưu hóa cho cả điện thoại và máy tính để bàn, đảm bảo trải nghiệm người dùng tốt nhất.

3.2. Chi Tiết Các Chức Năng Quan Trọng

Các chức năng chính của hệ thống bán nông sản bao gồm quản lý sản phẩm, xử lý đơn hàng, quản lý thanh toán và hệ thống đánh giá. Chức năng tìm kiếm cho phép người dùng tìm kiếm sản phẩm theo tên, loại, giá cả. Giỏ hàng cho phép thêm, xóa, cập nhật số lượng sản phẩm. Hệ thống đánh giá giúp người dùng xem nhận xét từ những khách hàng khác về chất lượng nông sản sạch.

IV. Cơ Sở Dữ Liệu Và Kết Quả Kiểm Thử

Cơ sở dữ liệu của website bán nông sản sạch được thiết kế với các bảng chính: bảng Users (người dùng), Products (sản phẩm), ProductTypes (phân loại sản phẩm), Carts (giỏ hàng), Orders (đơn hàng) và Ratings (đánh giá). Các bảng này được liên kết với nhau thông qua các khóa ngoại, đảm bảo tính toàn vẹn dữ liệu. Bảng Products chứa thông tin chi tiết về mỗi sản phẩm nông sản như tên, mô tả, giá, số lượng tồn kho. Bảng Orders ghi lại tất cả các giao dịch mua hàng. Quá trình kiểm thử được thực hiện trên môi trường chuẩn, bao gồm kiểm thử chức năng, hiệu suất và bảo mật. Kết quả kiểm thử cho thấy hệ thống bán nông sản hoạt động ổn định, đáp ứng đúng các yêu cầu đã đề ra.

4.1. Thiết Kế Chi Tiết Các Bảng Dữ Liệu

Bảng Ratings lưu trữ đánh giá và nhận xét từ người dùng về nông sản đã mua, giúp xây dựng độ tin cậy cho sản phẩm. Bảng Carts lưu các sản phẩm mà người dùng thêm vào giỏ hàng nhưng chưa thanh toán. Bảng ProductTypes phân loại các loại thực phẩm nông sản khác nhau như rau, quả, thịt, cá. Các trường dữ liệu được chuẩn hóa theo tiêu chuẩn cơ sở dữ liệu quan hệ.

4.2. Kết Quả Kiểm Thử Và Triển Khai

Kiểm thử hàm xác nhận tất cả chức năng hoạt động đúng như thiết kế. Kiểm thử hiệu suất đảm bảo website bán nông sản tải nhanh và xử lý được số lượng người dùng lớn. Kiểm thử bảo mật xác minh rằng thông tin người dùng và giao dịch được bảo vệ. Sau kiểm thử thành công, hệ thống đã sẵn sàng triển khai trên máy chủ production.

Trích đoạn nội dung tài liệu

CHƯƠNG 1: GIỚI THIỆU CHUNG 1. Tổng quan đề tài - Tên ứng dụng: Organic - Chủ đề chính: Bán thực phẩm nông nghiệp - Nền tảng phát triển: Trình duyệt web - Mô hình phát triển: MVC 1. Lý do chọn đề tài Trước tình hình diễn biến phức tạp hiện nay, đặc biệt là ở các thành phố lớn nhiều dân cư sinh sống, người dân được yêu cầu hạn chế ra ngoài để tránh sự lây lan dịch bệnh. Nhưng để đáp ứng các nhu cầu sinh hoạt hàng ngày, đặc biệt là việc bổ sung thực phẩm cho cơ thể cũng như là làm tăng sức đề kháng, sức khoẻ mỗi người là điều cực kì quan trọng.

Vì vậy mà, nhu cầu cần được đi chợ để cung cấp thực phẩm cho bản thân, gia đình là một vấn đề thiết yếu đang được tất cả mọi người quan tâm đến. Đồng thời, bên cạnh đó, cũng có nhiều người không có đủ thời gian để đi chợ và không biết lộ trình học tiếp theo. Để đáp ứng những nhu cầu đó, để phù hợp với điều kiện sống mới nhiều người đã tìm đến các trang web bán thực phẩm online nhằm đảm bảo giãn cách xã hội mà vẫn đảm bảo vấn đề lương thực cho cuộc sống, một trang web có chức năng kết nối giữa các nhà cung cấp và người dùng có nhu cầu mua thực thẩm là vô cùng cần thiết. Từ những vấn đề trên, em quyết định chọn đề tài này làm đồ án, phát triển một trang web cung cấp thực phẩm nông nghiệp online để tiể kiệm thời gian, tiện lợi nhanh chóng, hạn chế đến những nơi đông người, giúp người dùng thân thiện hơn với công nghệ.

Đối tượng sử dụng Tất cả mọi người muốn đi chợ mua thực phẩm trực tuyến một cách tiết kiệm thời gian và nhanh chóng, tiện lợi hoặc hạn chế về việc đến và tiếp xúc ở nơi đông người để tránh lây nhiễm bệnh. Quản trị viên phía cửa hàng muốn cung cấp thông tin (về sản phẩm, về nguồn gốc xuất xứ, về các chương trình giảm giá khuyến mãi…) đến mọi người truy cập sử dụng trang web. Phạm vi nghiên cứu Báo cáo đồ án 1 1. Phạm vi môi trường: - Trang web truy cập.

Phạm vi địa lý: - Trang web được sử dụng tại Thành phố Hồ Chí Minh. Phạm vi chức năng: - Chức năng quản lý sản phẩm. - Chức năng đăng ký, đăng nhập và đăng xuất. - Chức năng quản lý đơn hàng.

- Chức năng thanh toán. - Chức năng tìm kiếm, lọc, sắp xếp thực phẩm. - Chức năng mua, thêm vào giỏ hàng các sản phẩm. - Chức năng quản lý người dùng.

Báo cáo đồ án 1 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 1. React JS Hình 2.1-1 React JS React JS là một thư viện chứa nhiều JavaScript mã nguồn mở được Facebook xây dựng và phát triển. Thư viện này được sử dụng để tạo ra các ứng dụng trang web hấp dẫn với hiệu quả cao, tốc độ load nhanh và mã tối thiểu. Mỗi website sử dụng ReactJS phải chạy nhanh, mượt và có khả năng mở rộng cao, thao tác thực hiện đơn giản.

Có thể nói, hầu hết các tính năng hay sức mạnh của ReactJS thường bắt đầu từ việc tập trung vào các phần riêng lẻ. Do đó thay vì làm việc trên toàn bộ ứng dụng của website thì ReactJS lại cho phép các Developer phá vỡ giao diện phức tạp của người dùng trở nên đơn giản hơn nhiều. Điều này có nghĩa là các Render dữ liệu không chỉ được thực hiện ở vị trí server mà còn có thể thực hiện ở vị trí Client khi sử dụng ReactJS. MongoDB Hình 2.2-1: MongoDB MongoDB là một cơ sở dữ liệu mã nguồn mở và là cơ sở dữ liệu NoSQL(*) hàng đầu, được hàng triệu người sử dụng.

MongoDB được viết bằng C++. Ngoài ra, MongoDB là một cơ sở dữ liệu đa nền tảng, hoạt động trên các khái niệm Collection và Document, nó cung cấp hiệu suất cao, tính khả dụng cao và khả năng mở rộng dễ dàng. Node JS Hình 2.3-1: Node JS NodeJS là một môi trường runtime chạy JavaScript đa nền tảng và có mã nguồn mở, được sử dụng để chạy các ứng dụng web bên ngoài trình duyệt của client. Nền tảng này được phát triển bởi Ryan Dahl vào năm 2009, được xem là một giải pháp hoàn hảo cho các ứng dụng sử dụng nhiều dữ liệu nhờ vào mô hình hướng sự kiện (event-driven) không đồng bộ.

Javascript Hình 2.4-1: Javascript Javascript là ngôn ngữ lập trình webiste phổ biến hiện nay, nó được tích hợp và nhúng vào HTML giúp website trở nên sống động hơn. Javascript đóng vai trò như là một phần của trang web, thực thi cho phép Client-side script từ phía người dùng cũng như phía máy chủ (NodeJS) tạo ra các trang web động. Express JS Hình 2.5-1: Express JS Express JS là một framework nhỏ, nhưng linh hoạt được xây dựng trên nền tảng của Nodejs. Nó cung cấp các tính năng mạnh mẽ để phát triển web hoặc mobile.ác package hỗ trợ: Expressjs có vô số các package hỗ trợ nên các bạn không phải lo lắng khi làm việc với Framework này.

Về performance: Express cung cấp thêm về các tính năng (feature) để dev lập trình tốt hơn. Chứ không làm giảm tốc độ của NodeJS. Và hơn hết, các Framework nổi tiếng của NodeJS hiện nay đều sử dụng ExpressJS như một core function, chẳng hạn: Sails JS, MEAN,… Báo cáo đồ án 1 1.8-1: Hệ thống quản lý mã nguồn GitHub GitHub là một hệ thống quản lý dự án và phiên bản code, hoạt động giống như một mạng xã hội cho lập trình viên. Các lập trình viên có thể clone lại mã nguồn từ một repository và nó chính là một dịch vụ máy chủ repository công cộng, mỗi người có thể tạo tài khoản trên đó để tạo ra các kho chứa của riêng mình để có thể làm việc.

Github có đầy đủ những tính năng của Git, ngoài ra nó còn bổ sung những tính năng về social để các developer tương tác với nhau. Github cung cấp các tính năng social networking như feeds, followers, và network graph để các developer học hỏi kinh nghiệm của nhau thông qua lịch sử commit. Báo cáo đồ án 1 CHƯƠNG 2: THIẾT KẾ HỆ THỐNG 1. Kiến trúc hệ thống: Mô hình MVC Model: Lưu trữ tất cả dữ liệu của ứng dụng.

Bộ phận này là cầu nối giữa cơ sở dữ liệu quản lý cả nhân và trình bày giao diện người dùng. Cho phép người dùng có thể nhập và xuất đến các cơ sở dữ liệu lần lượt theo quyền của họ khi cần thiết và dữ liệu sẽ được lưu dữ trên database View: giao diện người dùng, nơi người dùng có thể lấy được thông tin dữ liệu của MVC thông qua các công thức truy vấn và ghi lại hoạt động của người dùng để tương tác với Controller. Controller: xử lý yêu cầu từ người dùng thông qua View. Từ đó, Controller gửi dữ liệu hợp lý đến người dùng bằng các kết nối đến Model và trưng bày nó trên View cho người dùng Hình 3.1-1: Sơ đồ mô hình MVC Báo cáo đồ án 1 1.

Chi tiết các thành phần trong hệ thống ST Thành phần Chi tiết T Cung cấp một giao diện cho người dùng thực hiện các thao tác nhập/xuất Giao diện người 1 dữ liệu. Đồng thời, trong lúc sử dụng, dùng thông báo cho người dùng nếu có lỗi xảy ra Tiếp nhận yêu cầu từ giao diện người dùng, kiểm tra tính đúng đắn 2 Mô hình MVC theo ràng buộc và thực thi yêu cầu nếu điều kiện được đáp ứng Lưu trữ toàn bộ dữ liệu liên quan 3 Cơ sở dữ liệu đến thông tin trung tâm. Báo cáo đồ án 1 CHƯƠNG 2: ĐẶC TẢ USE CASE 1. Sơ đồ Use Case o Use case Quản lý người dùng Hình 4.1-1: Sơ đồ Use Case Quản lý người dùng o Use case Quản lý tài khoản Hình 4.1-2: Sơ đồ Use Case Quản lý tài khoản Báo cáo đồ án 1 o Use case Quản lý sản phẩm Hình 4.1-3: Sơ đồ Use Case Quản lý sản phẩm o Use case Quản lý đặt hàng Hình 4.1-4: Sơ đồ Use Case Quản lý đặt hàng Báo cáo đồ án 1 o Use case Quản lý đơn hàng Hình 4.1-5: Sơ đồ Use Case Quản lý đơn hàng Báo cáo đồ án 1 1.

Danh sách tác nhân ST Tác nhân Mô tả/ Ghi chú T 1 Người dùng sử dụng dịch vụ, có thể thực hiện tất Người dùng cả các chức năng của phía người mua 2 Quản trị viên của website, là người quản lý của hệ Admin thống Admin – Nhà phát triển ứng dụng, có thể truy cập và bảo 3 Technical trì website khi cần thiết 4 Ban lãnh đạo Các bên đầu tư liên quan và phát triển website 5 Database Hệ thống lưu trữ dữ liệu của website 1. Danh sách Use Case ST Tính năng Mô tả/ Ghi chú T Dành cho người dùng mới, cho phép tự Đăng ký 1 đăng ký tài khoản Dành cho người dùng đã có tài khoản, 2 Đăng nhập chức năng cho phép người dùng đăng nhập vào ứng dụng 3 CRUD sản phẩm Hỗ trợ thao tác thêm, xem, sửa, xoá thông tin sản phẩm 4 Tìm kiếm sản phẩm Chức năng cho phép người dùng tìm kiếm sản phẩm theo tên Chức năng cho phép người dùng đánh 5 Đánh giá sản phẩm giá về trải nghiệm chất lượng của sản phẩm Chức năng cho phép người dùng thêm 6 Thêm mục yêu thích sản phẩm vào mục yêu thích và có thể xem lại các sản phẩm đó vào những lần truy cập sau Báo cáo đồ án 1 7 CRUD người dùng Chức năng cho admin truy cập các thông tin và địa chỉ của người dùng Chức năng cho phép người dùng đặt 12 Đặt hàng hàng và thanh toán những sản phẩm đã có trong giỏ hàng 13 CRUD đơn hàng Hỗ trợ thao tác thêm, xem, sửa, xoá thông tin đơn hàng 14 CRUD địa chỉ nhận hàng Hỗ trợ thao tác thêm, xem, sửa, xoá thông tin địa chỉ nhận hàng 15 Thêm vào giỏ Chức năng cho phép người dùng thêm vào giỏ hàng những sản phẩm cần mua 16 Cập nhật thông tin cá nhân Chức năng cho phép người dùng chỉnh sửa thông tin cá nhân 17 Xác nhận đơn hàng Cập nhật trạng thái xác nhận và chuẩn bị đơn hàng 18 Đăng xuất Dành cho người dùng và admin khi muốn thoát ra khỏi tài khoản 19 Xác nhận đã giao Cập nhật trạng thái đã giao thành công đơn hàng 20 Huỷ đơn hàng Hỗ trợ admin thao tác huỷ đơn hàng khi cần thiết Báo cáo đồ án 1 1. Mô tả chi tiết Use Case Mô tả chi tiết tính năng “Đăng ký” Người dùng chưa có tài khoản, tạo tài Mô tả chi tiết khoản mới để truy cập vào website Luồng sự kiện 1. Người dùng bấm vào website, được điều hướng đến trang Đăng nhập 2.

Người dùng bấm chữ Đăng ký trên màn hình, được điều hướng đến trang Đăng ký 3.