Báo cáo Đồ án 2: Phát triển ứng dụng mua bán cây cảnh - ĐH CNTT TP.HCM

Tài liệu tham khảo đồ án 2: Phát triển ứng dụng mua bán cây cảnh. Báo cáo trình bày chi tiết các bước phân tích, thiết kế và xây dựng ứng dụng.

• Tác giả: Hoàng Phúc
• Người hướng dẫn: TS. Đỗ Thị Thanh Tuyền
• Trường học: Đại Học Quốc Gia Tp. Hồ Chí Minh, Trường Đại Học Công Nghệ Thông Tin, Khoa Công Nghệ Phần Mềm
• Chuyên ngành: Công Nghệ Phần Mềm
• Đề tài: Đồ Án 2: Phát Triển Ứng Dụng Mua Bán Cây Cảnh
• Loại tài liệu: Đồ Án
• Năm xuất bản: 2024
• Địa điểm: Thành Phố Hồ Chí Minh

Tóm tắt

I. Giới Thiệu Đề Tài Đồ Án 2 App Mua Bán Cây Cảnh

Đồ án 2 phát triển ứng dụng mua bán cây cảnh là một dự án học tập toàn diện tại Trường Đại học Công nghệ Thông tin, Đại học Quốc gia TP. Hồ Chí Minh. Đề tài này được thực hiện bởi sinh viên Hoàng Phúc và Lê Võ Duy Khiêm dưới sự hướng dẫn của TS. Đỗ Thị Thanh Tuyền. Ứng dụng mua bán cây cảnh được xây dựng nhằm tạo ra một nền tảng kỹ thuật số hiện đại, cho phép người dùng dễ dàng tìm kiếm, mua bán và quản lý các sản phẩm cây cảnh. Dự án này kết hợp các công nghệ lập trình tiên tiến như Javascript, .NET Web API để tạo ra một ứng dụng mạnh mẽ, bảo mật và thân thiện với người dùng. Thông qua việc thực hiện đề tài này, nhóm sinh viên đã tích lũy kiến thức sâu rộng về phát triển ứng dụng web, quản lý cơ sở dữ liệu và thiết kế giao diện người dùng.

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

Thị trường cây cảnh đang phát triển mạnh mẽ ở Việt Nam với nhu cầu cao từ người dân đô thị. Lý do chọn đề tài là để giải quyết vấn đề tiếp cận khó khăn giữa người bán và người mua cây cảnh. Ứng dụng mua bán cây cảnh giúp kết nối nhà cung cấp với khách hàng cuối cùng một cách hiệu quả, tiện lợi và minh bạch.

1.2. Đối Tượng Nghiên Cứu Và Phạm Vi

Đối tượng nghiên cứu bao gồm người mua (Customer), người bán (Admin) và các chức năng hỗ trợ. Phạm vi của đồ án bao gồm xây dựng hệ thống quản lý sản phẩm, giỏ hàng, thanh toán trực tuyến, chat hỗ trợ khách hàng, tìm kiếm ảnh sản phẩm và thống kê báo cáo cho quản trị viên.

II. Công Nghệ Sử Dụng Trong Phát Triển Ứng Dụng

Để xây dựng ứng dụng mua bán cây cảnh hiệu quả, nhóm đã lựa chọn các công nghệ hiện đại và phù hợp với yêu cầu của dự án. Javascript là ngôn ngữ lập trình chính cho frontend, cho phép tạo giao diện người dùng động, tương tác và đáp ứng nhanh. .NET Web API được sử dụng cho backend, cung cấp nền tảng mạnh mẽ để xử lý logic kinh doanh, quản lý cơ sở dữ liệu và xác thực bảo mật. Sự kết hợp giữa Javascript và .NET Web API tạo ra một kiến trúc ứng dụng hiện đại, đảm bảo hiệu suất cao, khả năng mở rộng và bảo mật dữ liệu người dùng.

2.1. Javascript Ngôn Ngữ Frontend Chính

Javascript là ngôn ngữ lập trình được sử dụng rộng rãi cho phát triển frontend trong ứng dụng mua bán cây cảnh. Nó cho phép xây dựng giao diện tương tác, xử lý sự kiện người dùng và tương tác với server. Cú pháp Javascript cơ bản, linh hoạt, hỗ trợ các framework hiện đại giúp tăng tốc độ phát triển.

2.2. .NET Web API Nền Tảng Backend Mạnh Mẽ

.NET Web API cung cấp kiến trúc backend vững chắc cho ứng dụng, xử lý các yêu cầu HTTP từ client, quản lý dữ liệu, xác thực người dùng và kiểm soát quyền truy cập. Công nghệ này đảm bảo tính ổn định, bảo mật cao và khả năng mở rộng cho ứng dụng.

III. Phân Tích Yêu Cầu Và Thiết Kế Hệ Thống

Giai đoạn phân tích yêu cầu là nền tảng quan trọng cho thành công của đồ án phát triển ứng dụng mua bán cây cảnh. Nhóm đã xác định rõ các yêu cầu chức năng và phi chức năng cần thiết. Yêu cầu chức năng bao gồm quản lý sản phẩm, giỏ hàng, thanh toán, comment/review, chat hỗ trợ, tìm kiếm hình ảnh, quản lý đơn hàng và voucher khuyến mãi. Yêu cầu phi chức năng tập trung vào hiệu suất, bảo mật, độ tin cậy, khả năng mở rộng và giao diện thân thiện. Thiết kế hệ thống sử dụng Use-case diagram để mô tả các chức năng từ góc độ người dùng, giúp làm rõ luồng xử lý và tương tác trong ứng dụng.

3.1. Danh Sách Usecase Chính

Danh sách usecase bao gồm: Quản lý sản phẩm (Admin), Quản lý khuyến mãi (Admin), Quản lý đơn hàng, Chat với User, Báo cáo thống kê, Quản lý giỏ hàng (Customer), Thanh toán đơn hàng, Quản lý mục ưa thích, Quản lý feedback, Tìm kiếm bằng hình ảnh và Quản lý tài khoản.

3.2. Thiết Kế Dữ Liệu Quan Hệ

Mô hình dữ liệu quan hệ của ứng dụng mua bán cây cảnh được thiết kế với các bảng chính: Users, Products, Orders, OrderDetails, Cart, CartItems, Reviews, Vouchers, Messages và Favorites. Mỗi bảng được định nghĩa rõ ràng với các khóa chính, khóa ngoại, đảm bảo tính toàn vẹn dữ liệu.

IV. Xây Dựng Ứng Dụng Và Giao Diện Người Dùng

Quá trình xây dựng ứng dụng mua bán cây cảnh bao gồm phát triển các màn hình cho hai vai trò chính: Admin và Customer. Tổng cộng có 22 màn hình được thiết kế và phát triển, bao gồm đăng nhập, đăng ký, trang chủ, chi tiết sản phẩm, giỏ hàng, thanh toán, cá nhân, đơn hàng, chat, nhận xét, voucher và thống kê. Giao diện người dùng được tối ưu hóa để đảm bảo trải nghiệm mượt mà, trực quan và dễ sử dụng. Mỗi màn hình được thiết kế theo nguyên tắc UX/UI hiện đại, phù hợp với các thiết bị khác nhau. Sơ đồ màn hình giúp minh họa luồng điều hướng trong ứng dụng, tạo nên một trải nghiệm liền mạch cho người dùng.

4.1. Các Màn Hình Chính Cho Customer

Vai trò Customer có quyền truy cập các màn hình: trang chủ, chi tiết sản phẩm, sản phẩm yêu thích, tìm kiếm hình ảnh, giỏ hàng, thanh toán, trang cá nhân, quản lý đơn hàng, chat hỗ trợ, nhận xét sản phẩm và voucher. Các màn hình này được thiết kế để hỗ trợ toàn bộ quy trình mua sắm.

4.2. Các Màn Hình Quản Trị Cho Admin

Vai trò Admin sử dụng các màn hình: danh sách sản phẩm, chi tiết sản phẩm, quản lý đơn hàng, chi tiết đơn hàng và thống kê báo cáo. Các công cụ này cho phép admin quản lý toàn bộ hoạt động của ứng dụng, từ sản phẩm đến doanh số bán hàng.

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

Chương 1. Giới thiệu đề tài: Trình bày lý do chọn đề tài, mục tiêu của đề tài, đối tượng nghiên cứu, phạm vi nghiên cứu và phân tích một số ứng dụng liên quan đến đề tài. Cơ sở lý thuyết: Trình bày các nội dung liên quan đến các công nghệ được sử dụng để xây dựng ứng dụng bao gồm ngôn ngữ lập trình Javascript, thư viện frontend React Native, backend ASP.NET Web API và hệ thống cơ sở dữ liệu SQL Server. Phân tích và thiết kế hệ thống: Trình bày ba nội dung chính với các mục 3.1 phân tích yêu cầu bao gồm yêu cầu chức năng và yêu cầu phi chức năng, mục 3.2 thiết kế hệ thống bao gồm danh sách usecase, sơ đồ usecase, đặc tả usecase, sơ đồ hoạt động và sơ đồ tuần tự, mục 3.3 thiết kế dữ liệu bao gồm mô hình dữ liệu quan hệ, danh sách các bảng dữ liệu và mô tả chi tiết.

Xây dựng ứng dụng: Đưa ra sơ đồ màn hình ứng dụng với hai vai trò Admin và Customer, trình bày về danh sách các màn hình và mô tả chi tiết các màn hình ứng dụng. - Kết luận: Trình bày các ưu điểm, hạn chế của ứng dụng và hướng phát triển trong thời gian tới của đồ án. GIỚI THIỆU ĐỀ TÀI 1. Lý do chọn đề tài Các loại cây cảnh ngày nay không chỉ là vật dùng để trang trí trong nhà, văn phòng mà còn mang lại nhiều lợi ích về mặt sức khỏe và tinh thần.

Tuy nhiên để chọn cho mình được một loại cây phù hợp vừa đảm bảo được chất lượng, vừa đáp ứng được chi phí hiện tại đòi hỏi người mua phải tốn rất nhiều thời gian đến các cửa hàng để có thể có được một lựa chọn ưng ý nhất. Hiện nay, nhu cầu mua bán cây cảnh đang ngày càng tăng cao, đặc biệt là ở các thành phố lớn. Cùng với đó, thị trường mua bán cây cảnh trực tuyến vẫn đang còn khá mới mẻ, chưa khai thác được hết tiềm năng. Do đó một ứng dụng mua bán cây cảnh trực tuyến được xây dựng tốt sẽ có thể đáp ứng nhu cầu của người dùng đồng thời mang lại lợi nhuận cho doanh nghiệp.

Với những lợi ích mà ứng dụng có thể mang lại cho người dùng như tính tiện lợi, tiết kiệm thời gian cũng như đa dạng các lựa chọn, nhóm quyết định chọn thực hiện đề tài “Xây dựng ứng dụng mua bán cây cảnh”. Cửa hàng có thể đưa các mẫu cây cảnh lên ứng dụng của mình, từ đó khách hàng có thể thỏa thích chọn lựa từ nhiều loại cây cảnh khác nhau với giá cả hợp lý mọi nơi mọi lúc, đặt mua hàng mà không cần phải đến trực tiếp cửa hàng, cửa hàng sẽ gửi sản phẩm đến tận tay khách hàng, đồng thời ứng dụng cũng là nơi giúp cửa hàng quảng bá một cách tốt nhất về các sản phẩm mà mình bán ra. Mục tiêu - Phát triển một ứng dụng hỗ trợ mua cây cảnh với nội dung phong phú, giao diện trực quan, thân thiện, màu sắc hài hòa, đáp ứng các chức năng cần thiết của một ứng dụng bán hàng trực tuyến. - Phát triển một ứng dụng dành cho quản trị viên với các chức năng quản lý thông tin đa dạng, tiện dụng.

- Xây dựng báo cáo kinh doanh thông minh với bố cục rõ ràng, thông tin cụ thể cho chủ cửa hàng. 3 - Xây dựng hệ thống chatbot tư vấn phục vụ cho khách hàng sau khi mua sản phẩm, bao gồm tư vấn cách chăm sóc cây cảnh, chuẩn đoán bệnh của cây qua hình ảnh. Đối tượng nghiên cứu 1. Các công nghệ  Công cụ thiết kế UI/UX: Figma.

 Ngôn ngữ lập trình: JavaScript.  Nền tảng ứng dụng: Android.  Cơ sở dữ liệu: SQL Server.  Frontend: React Native.NET Web API.

 Source Control: Github. Đối tượng sử dụng - Người dùng có tài khoản: Mua, tìm kiếm, đánh giá và bình luận về sản phẩm; đặt hàng, mua hàng, … - Quản trị viên: Quản lý các cây cảnh, đơn hàng, khuyến mãi, thống kê doanh thu và in báo cáo. Phạm vi nghiên cứu Nền tảng hỗ trợ: Android cho ứng dụng di động. Chức năng: + Các chức năng liên quan đến tài khoản: đăng nhập, đăng xuất, quên mật khẩu, thay đổi thông tin tài khoản, … + Các chức năng liên quan đến sản phẩm: tìm kiếm, sắp xếp, lọc, đánh giá và bình luận.

+ Chức năng lọc sản phẩm, thống kê sản phẩm. 4 + Chức năng giỏ hàng, mua hàng, đơn hàng. + Chức năng tạo sản phẩm, tạo mã khuyến mãi cho các thành viên theo các cấp độ + Chức năng mua hàng kết hợp các cổng thanh toán điện tử. + Các chức năng quản lý: quản lý sản phẩm, quản lý tài khoản, quản lý khuyến mãi, quản lý đơn hàng, thống kê doanh thu và in báo cáo.

+ Chức năng tìm kiếm cây cảnh thông qua hình ảnh. + Chức năng gợi ý sản phẩm. + Tích hợp chatbot tư vấn cho khách hàng, đa ngôn ngữ cho ứng dụng. Ngôn ngữ lập trình Javascript 2.

Giới thiệu Javascript Hình CƠ SỞ LÝ THUYẾT.1: Ngôn ngữ lập trình Javascript JavaScript là một ngôn ngữ lập trình đa nền tảng, ngoài dành cho việc lập trình frontend trên nền tảng web ra thì nó còn được sử dụng cho việc lập trình và phát triển ứng dụng trên nền tảng mobile. Cú pháp Javascript cơ bản Hình 2.1: Ví dụ về cách đặt tên biến, hàm trong JavaScript - Javascript hỗ trợ 3 cách để khai báo một biến, đó là sử dụng các từ khóa sau: - Const: được dùng để khai báo hằng số, giá trị của nó không thay đổi trong suốt chương trình. 6 - var: biến được khai báo với từ khóa var sẽ được truy cập ở bất kể đâu trong chương trình. - let: từ khóa này giúp cho biến chỉ có thể được truy xuất bên trong phạm vi blok quanh nó (block được định nghĩa bởi dấu ngoặc nhọn {}).

Giới thiệu Hình CƠ SỞ LÝ THUYẾT.2: React Native - React Native là một framework phát triển ứng dụng di động đa nền tảng, được phát triển bởi Facebook. Nó cho phép các nhà phát triển sử dụng JavaScript và React để xây dựng các ứng dụng di động có khả năng chạy trên cả iOS và Android. Ưu điểm - Tiết kiệm thời gian và công sức: React Native cho phép các nhà phát triển viết mã một lần và chạy ứng dụng trên cả hai hệ điều hành, giúp tiết kiệm thời gian và công sức đáng kể. - Hiệu suất cao: React sử dụng cơ chế virtual DOM để cải thiện hiệu suất ứng dụng.

Thay vì cập nhật toàn bộ DOM mỗi khi có sự thay đổi, React chỉ cập nhật các phần tử cần thiết, giúp giảm tải cho trình duyệt và làm cho ứng dụng chạy nhanh hơn. 7 - Học dễ dàng: React sử dụng JSX (JavaScript XML) để định nghĩa giao diện người dùng, và nó có cú pháp rất giống với HTML. Điều này làm cho việc học React tương đối dễ dàng cho những người đã có kinh nghiệm về HTML và JavaScript. - Cộng đồng phát triển lớn: React Native có một cộng đồng phát triển lớn và tích cực, giúp các nhà phát triển dễ dàng tìm kiếm sự hỗ trợ và chia sẻ kiến thức.

Nhược điểm - Hỗ trợ nền tảng hạn chế: React chỉ hỗ trợ hai nền tảng phổ biến nhất là iOS và Android thông qua React Native. Điều này có nghĩa rằng nếu bạn muốn phát triển ứng dụng cho các nền tảng khác bạn sẽ phải tìm kiếm các giải pháp khác. - Hiệu suất không bằng ứng dụng native thuần: Mặc dù React Native đã cải thiện hiệu suất so với việc sử dụng các framework cross-platform truyền thống, nhưng ứng dụng viết bằng ngôn ngữ và công nghệ native thường có hiệu suất tốt hơn.NET Web API 2. Giới thiệu Hình CƠ SỞ LÝ THUYẾT.NET Web API Web API hay ASP.NET Web API là một framewotk dùng để xây dựng và lập trình các dịch vụ web HTTP.

Nó có dạng là một RESTful API hiện đại, hội tụ đủ các điều kiện của REST cũng như các tiêu chuẩn tương tự, được tối ưu cho các dịch vụ trực tuyến cũng như ứng dụng web hiện nay. 8 Web API sỡ hữu những ưu điểm vượt trội mà một API cũ có cùng nhiều ưu điểm mới tuyệt vời, giúp nó nhận được nhiều sự tin tưởng từ các nhà phát triển lập trình website. Ưu điểm - Web API được sử dụng khá rộng rãi ở trên các ứng dụng như: Desktop, mobile và cả ứng dụng ở Website. - Linh hoạt đối với các dạng dữ liệu trả về Client: Json, XML hay những định dạng khác nữa.

- Dễ dàng xây dựng được HTTP service: URI, request/response headers, caching, versioning, content formats và cả host trong ứng dụng. Nhược điểm - Web API chưa được gọi là Restful Service bởi nó chỉ mới hỗ trợ mặc định Get và Post. - Nếu muốn sử dụng tốt nhất bạn cần có kiến thức và am hiểu thật sự về backend. - Khá mất thời gian cho việc phát triển cũng như nâng cấp, vận hành.

- Hệ thống có thể bị tấn công nếu như không giới hạn chức năng hay điều kiện. Giới thiệu Hình CƠ SỞ LÝ THUYẾT.4: SQL Server 9 SQL Server (hay Microsoft SQL Server) là một hệ thống quản lý cơ sở dữ liệu quan hệ (RDBMS) được phát triển bởi Microsoft. SQL Server cung cấp cho người dùng các công cụ và tính năng để quản lý, lưu trữ, xử lý các truy vấn dữ liệu, kiểm soát truy cập, xử lý giao dịch và hỗ trợ dữ liệu từ nhiều nguồn khác nhau. Ưu điểm - Xử lý truy vấn thông minh: SQL Server sử dụng tính năng xử lý truy vấn thông minh, cải thiện hiệu suất truy vấn dữ liệu lớn và phức tạp.

- Giám sát thông minh: cung cấp khả năng giám sát dữ liệu và hiệu suất hệ thống. - Hỗ trợ khôi phục dữ liệu: SQL Server hỗ trợ khôi phục dữ liệu nhanh chóng. - Tối ưu hoá hiệu suất: tích hợp với Cloud, giúp đồng bộ dữ liệu trên nhiều máy tính và thiết bị hiện đại. Nhược điểm - Không hỗ trợ đầy đủ các tính năng ACID: điều này có thể dẫn đến mất mát dữ liệu trong một số tình huống.

- Độ ổn định không cao: SQL có thể gặp phải một số vấn đề về ổn định mặc dù có nhiều cải tiến. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 3. Phân tích yêu cầu 3. Yêu cầu chức năng Bảng PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG.