Đồ án xây dựng ứng dụng đánh giá đồ ăn (social)

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM ĐỒ ÁN MÔN HỌC ĐỒ ÁN XÂY DỰNG ỨNG DỤNG ĐÁNH GIÁ ĐỒ ĂN (SOCIAL ) Giảng viên hướng dẫn : Thái Thụy Hàn Uyển Sinh viên thực : Trần Quốc Duy Nguyễn Quang Vũ 20521250 20520352 LỜI CẢM ƠN Đầu tiên, chúng em xin gửi lời cảm ơn chân thành đến cô Thái Thụy Hàn Uyển – giảng viên môn Đồ án Cô trực tiếp giảng dạy, tận tình chia sẻ kiến thức, hỗ trợ đóng góp ý kiến quý báu để giúp chúng em hoàn thành thật tốt đồ án báo cáo Trong thời đại cơng nghệ phát triển mạnh mẽ vượt bậc ngày nay, việc nâng cao cơng tác quản lý, chăm sóc sức khỏe hỗ trợ khách hàng ngành dịch vụ cần thiết quan trọng Cụ thể vấn đề ăn uống, giúp cho người có nhìn tổng qt loại ăn, đưa lời khuyên lời góp ý để người bán khắc phục phát triển Để đáp ứng nhu cầu người, chúng em lựa chọn đề tài xây dựng ứng dụng đánh giá đồ ăn, để người mua người bán tiếp cận dễ dàng hơn, trao đổi khắc phục tiếp tục phát triển Tuy nhiên, trình thực đồ án cịn sai sót khó tránh khỏi nên nhóm chúng em mong nhận thơng cảm góp ý chân thành từ Cơ nhằm trau dồi, khắc phục ngày hồn thiện tốt đồ án mà chúng em xây dựng Đồng thời chúng em hy vọng có thêm nhiều kinh nghiệm quý giá để thực đề tài khác tương lai Nhóm sinh viên thực hiện: Trần Quốc Duy Nguyễn Quang Vũ NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Tp.HCM, ngày … tháng năm 2023 GVHD Thái Thụy Hàn Uyển MỤC LỤC Chương 1: ng 1: GIỚI THIỆU ĐỀ TÀII THIỆU ĐỀ TÀIU ĐỀ TÀI TÀI 1.1 Tên đề tài: tài: XÂY DỰNG ỨNG DỤNG ĐÁNH GIÁ ĐỒ ĂN 1.2 Mô tả đề tài: đề tài: tài: - Để việc quản lý kinh doanh trở nên thuận tiện dễ dàng đa dạng ăn, giúp cho người dễ dàng trao đổi chúng, em tiến hành phân tích triển khai thực dự án “Phần mềm đánh giá đồ ăn” - Một ứng dụng đánh giá đồ ăn với đầy đủ chức bản, giao diện bắt mắt, dễ thao tác, thân thiện với người dùng thích hợp với độ tuổi - Việc xây dựng ứng dụng đánh giá đồ ăn giúp cho việc cửa hàng rút kinh nghiệm từ khách hàng, đảm bảo độ uy tín ăn Khách hàng trải nghiệm đánh giá khách hàng sau biết - Mục tiêu dự án tạo cộng đồng đánh giá đồ ăn đáng tin cậy, nơi người dùng tương tác, chia sẻ đánh giá ăn khác Sự tương tác chất lượng viết đánh giá đánh giá cách tính điểm Điểm sau đổi thành token hệ thống thông qua việc sử dụng chuẩn ERC20 - Các token lưu trữ ví điện tử người dùng, nơi mà họ theo dõi số lượng token có quản lý giao dịch Với số lượng token tích lũy, người dùng sử dụng chúng để đổi lấy ưu đãi, khuyến mại có giá trị từ đối tác tham gia vào dự án Điều tạo hệ thống kinh tế token không phương tiện trao đổi mà cịn có giá trị sử dụng rõ ràng lĩnh vực đánh giá đồ ăn 1.3 Lý chọn đề tài:n đề tài: tài: - Nhu cầu ăn uống người dân ngày tăng cao - Việc lắng nghe ý kiến từ khách hàng giúp nhà hàng phát triển Bên cạnh khách hàng biết trước thơng tin, trải nghiệm ăn mà có ý định thưởng thức 1.4 Các chức đề tài:c đề tài:a đề tài: tài: - Đăng nhập, đăng ký đăng xuất - Quản lý người dùng - Quản lý địa điểm cửa hàng - Quản lý đăng - Quản lý đăng theo loại - Đánh giá ăn thơng qua đăng - Like, bình luận, chia sẻ đăng - Follow người dùng - Kiểm tra lượt xem, lượt đánh giá, lượt yêu thích - Ủng hộ token cho viết mà thấy thích - Khuyến khích viết yêu thích nhiều sử dụng lượt xem quy đổi sang Token 1.5 Phân quyền admin user Công nghệ sử dụng: sử dụng: dụng:ng: - Công nghệ Nextjs - Công nghệ Nodejs(Express) - Dịch vụ Amazon S3 - Ngôn ngữ TypeScript - Database PSQL - Solidity - Hardhat 1.6 Mơi trường lập trình:ng lập trình:p trình: - Visual Studio Code 1.7 Cơng cụng: hỗ trợ (nếu có): trợ (nếu có): (nếu có):u có): - Github: quản lý source code - Google Drive: quản lý file - Trello: theo dõi quản lý tiến độ đồ án - Draw.io: Vẽ sơ đồ đặc tả - Figma: thiết kế giao diện ban đầu cho ứng dụng Chương 1: ng 2: GIỚI THIỆU ĐỀ TÀII THIỆU ĐỀ TÀIU CÔNG NGHỆU ĐỀ TÀI 2.1 Công nghệ sử dụng: NextJS(Front-end) - Next JS gì? Next.js framework front-end React phát triển dạng open-source bổ sung khả tối ưu hóa render phía máy chủ (SSR) tạo trang web static Next.js xây dựng dựa thư viện React, có nghĩa ứng dụng Next.js sử dụng core React thêm tính bổ sung Việc triển khai ứng dụng SSR cho phép máy chủ truy cập tất liệu yêu cầu xử lý JavaScript để hiển thị trang Sau đó, trang gửi lại tồn cho trình duyệt hiển thị SSR cho phép trang web load thời gian nhỏ tăng trải nghiệm người dùng với khả phản hồi nhanh Ngoài ra, sử dụng SSR mang lại cho bạn lợi SEO, giúp trang web bạn hiển thị cao trang kết cơng cụ tìm kiếm SSR làm cho trang web xếp hạng tốt cho SEO chúng tải nhanh nhiều nội dung trang web quét SEO trackers Thẻ Next.js cho phép bạn chỉnh sửa thẻ trang web, điều mà bạn thực React Thẻ phần cốt lõi metadata trang web góp phần vào xếp hạng SEO trang web - Tại lại sử dụng NextJS: Ưu điểm Next.js hỗ trợ SSR tích hợp để tăng hiệu suất SEO Với tất thơng tin server, xử lý để generate thơng tin HTML trang/ Sau Client gửi yêu cầu đến Server nhận tồn trang HTML thay u cầu thành phần riêng lẻ với Client Render - Uu điểm: ● Ứng dụng Next.js tải nhanh đáng kể so với ứng dụng React render phía Server ● Hỗ trợ tính cho static web ● Đối với có kinh nghiệm làm việc với React việc tiếp tập NextJS việc dễ dàng ● Tự động code splitting cho page nhằm tối ưu hoá performance load trang ● Dễ dàng xây dựng API internal thông qua API routes tích hợp sẵn tạo endpoit API ● Hỗ trợ tích hợp cho route cho page, CSS, JSX TypeScript ● - Nhanh chóng thêm plugin để tùy chỉnh Next.js theo nhu cầu trang cụ thể bạn Nhược điểm: Nhược điểm thực Next.js framework cố định, có nghĩa có phương pháp cơng cụ cụ thể mà muốn bạn sử dụng để xây dựng ứng dụng Tuy nhiên, tùy chọn Next.js phù hợp với phạm vi hầu hết dự án 2.2 Công nghệ sử dụng: Nodejs(Back-end): ❖ Khái niệm Nodejs: ● Node.js platform (nền tảng) độc lập xây dựng mơi trường Javascript Runtime - trình thơng dịch ngơn ngữ Javascript cực nhanh trình duyệt Chrome Dựa Node.js, xây dựng ứng dụng mạng cách nhanh chóng dễ dàng mở rộng ● Node.js thiết kế Ryan Lienhart Dahl - kỹ sư phần mềm người Mỹ vào năm 2009 phát triển bảo trợ Joyent ● Phần Core bên Nodejs viết hầu hết C++ nên cho tốc độ xử lý hiệu cao ● Các ứng dụng tạo Node.js có tốc độ xử lý nhanh, realtime thời gian thực ● Node.js thích hợp cho sản phẩm có lưu lượng truy cập lớn, cần thay đổi công nghệ cần mở rộng tạo dự án Startup cách nhanh 10