Khóa luận tốt nghiệp diễn đàn đóng góp dữ liệu cho hoa và cây cảnh

ĐẠ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 LÊ TRỌNG ANH ĐỨC LÊ VĂN PHƯỚC KHÓA LUẬN TỐT NGHIỆP DIỄN ĐÀN ĐÓNG GÓP DỮ LIỆU CHO HOA VÀ CÂY CẢNH Contributed Data Forum For Plants KỸ SƯ NGÀNH KĨ THUẬT PHẦN MỀM TP HỒ CHÍ MINH, 2020 ĐẠ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 LÊ TRỌNG ANH ĐỨC– 16520237 LÊ VĂN PHƯỚC– 16520959 KHÓA LUẬN TỐT NGHIỆP DIỄN ĐÀN ĐÓNG GÓP DỮ LIỆU CHO HOA VÀ CÂY CẢNH Contributed Data Forum For Plants KỸ SƯ NGÀNH KĨ THUẬT PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN THẠC SĨ HUỲNH NGUYỄN KHẮC HUY TP HỒ CHÍ MINH, 2020 THƠNG TIN HỘI ĐỒNG CHẤM KHĨA LUẬN TỐT NGHIỆP Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số …………………… ngày ………………… Hiệu trưởng Trường Đại học Công nghệ Thông tin LỜI CẢM ƠN - - Lời nhóm xin gửi lời cảm ơn đến giảng viên hướng dẫn ThS.Huỳnh Nguyễn Khắc Huy tận tình hướng dẫn, truyền đạt kiến thức giúp đỡ nhóm khóa luận kỹ sư Nhóm xin chân thành cảm ơn trường Đại học Công nghệ thông tin giảng viên, đặc biệt giảng viên khoa Công Nghệ Phần Mềm tạo điều kiện môi trường học tập tốt, giúp nhóm có kiến thức tảng tốt để làm móng thực khóa luận Sau nhóm trân trọng cảm ơn gia đình, người thân, bạn bè ủng hộ, hỗ trợ giúp đỡ suốt thời gian qua Tp HCM, ngày… tháng….năm 2020 Lê Trọng Anh Đức Lê Văn Phước ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: DIỄN ĐÀN ĐÓNG GÓP DỮ LIỆU CHO HOA VÀ CÂY CẢNH Cán hướng dẫn: ThS Huỳnh Nguyễn Khắc Huy Thời gian thực hiện:Từ ngày 1/10/2020 đến ngày 21/1/2021 Sinh viên thực hiện: Lê Trọng Anh Đức: 16520237 Lê Văn Phước: 16520959 Nội dung đề tài: Từ trước đến nay, nhu cầu tra cứu thông tin người ln lớn Có nhiều cơng cụ tìm kiếm Google, Bing, Yahoo,… đời để giúp người dùng tìm kiếm dễ dàng lượng liệu khổng lồ từ internet Và có đối tượng cần tìm kiếm thơng tin lồi thực vật, cụ thể loài hoa cảnh Hiện nay, đời sống vật chất tăng cao, đồng thời kéo theo cầu đời sống tinh thần phát triển theo Và thú vui trồng, sưu tầm loại cây, hoa khác giới dễ tiếp cận Tuy nhiên, chưa có hệ thống đầy đủ thơng tin lồi thực vật khắp nơi giới, người sưu tầm có nhìn tổng qt lồi thực vật mà họ muốn sưu tầm, liệu lồi thực vật hạn chế số lượng bị phân tán nhiều trang web internet dẫn đến việc tìm kiếm trở nên khó khăn Thậm chí nhiều lồi cịn bị nhầm lẫn với chúng có vài khu vực địa lý định Nhận thấy tình trạng đó, nhóm chúng em lên ý tưởng tạo nên diễn đàng đóng góp liệu loài thực vật Nơi mà người khắp nơi giới có nhu cầu chúng thơng qua tìm hiểu, tra cứu, nhận dạng, đóng góp lồi thực vật sưu tầm Cùng chia sẻ, đóng góp, xây dựng tập liệu rõ ràng, rành mạch với ứng dụng thân thiện với người dùng - nơi mà người dễ dàng đóng góp, chia sẻ cho nhau, xác thực kiến thức thực vật mà họ đúc kết cách khách quan thực tế mục tiêu đề tài chúng em  Mục tiêu: Xây dựng diễn đàn đóng góp liệu mở cho lồi thực vật, nơi người tự đóng góp liệu, đánh giá đóng góp người khác tìm kiếm tập liệu xây dựng đánh giá từ cộng đồng  Ngôn ngữ: Tiếng anh  Đối tượng: Mọi đối tượng tồn giới có nhu cầu tìm kiếm để nhận dạng muốn chia thông tin hoa cảnh với thông tin cho người khác  Phương pháp thực hiện: Làm việc nhóm, phân chia công việc rõ ràng, rành mạch, báo cáo tiến độ ngày  Kết mong đợi: Hiện thực hóa thành website Diễn đàn đóng góp liệu cho hoa, cảnh, hồn thành đầy đủ chức đóng góp, đánh giá tìm kiếm Trở thành hệ thống cho việc cung cấp liệu chuyên hoa cảnh cho người dùng Kế hoạch thực hiện: Cơng việc STT Thời gian Tìm hiểu, phân tích nghiệp vụ 01/10/2020 – 07/10/2020 Tìm hiểu công nghệ áp dụng xây dựng hệ 08/10/2020 – 21/10/2020 thống Microservice Thiết kế giao diện sở liệu 22/10/2020 – 04/11/2020 Xây dựng Microservice frontend 05/11/2020 – 31/12/2020 Deploy hệ thống lên cloud 01/01/2021 – 07/01/2021 Kiểm thử phần mềm 08/01/2021 – 14/01/2021 Fix bug go-live 15/01/2021 – 21/01/2021 Xác nhận CBHD TP.HCM, ngày 27 tháng 09 năm 2020 Sinh viên ThS Huỳnh Nguyễn Khắc Huy Lê Trọng Anh Đức Lê Văn Phước MỤC LỤC TÓM TẮT KHÓA LUẬN Chương TỔNG QUAN ĐỀ TÀI .3 1.1 Mở đầu 1.1.1 Hiện trạng 1.1.2 Mục tiêu đề tài 1.1.3 Phạm vi tiếp cận ứng dụng 1.2 Các phần nghiên cứu liên quan đến thực vật 1.3 Cấu trúc luận văn Chương CÔNG NGHỆ 2.1 Kiến thức tảng 2.1.1 Docker 2.1.2 Microservices 2.2 Công nghệ áp dụng 10 2.2.1 Node.js .10 2.2.2 TypeScript 11 2.2.3 NestJS 12 2.2.4 TypeORM 13 2.2.5 Mongoose 14 2.2.6 NAT.io .16 2.2.7 ReactJS 17 Chương THIẾT KẾ ỨNG DỤNG 19 3.1 Phân tích thiết kế ứng dụng 19 3.1.1 Lược đồ Usecase .19 3.1.1.1 Danh sách Actor 20 3.1.1.2 Danh sách Usecase 20 3.1.1.3 Đặc tả Usecase .21 3.2 Thiết kế hệ thống Microservice 31 3.2.1 Tổng quan 31 3.2.2 Chi tiết service 31 3.2.2.1 APIGateway service 31 3.2.2.2 User service 31 3.2.2.3 Plant service 32 3.2.2.4 Auth service 32 3.2.2.5 Notification service 32 3.2.2.6 Image service 32 3.3 Thiết kế giao diện 33 3.3.1 Màn hình đăng ký 33 3.3.2 Màn hình đăng nhập 34 3.3.3 Màn hình trang chủ 35 3.3.4 Màn hình trang chủ tìm kiếm 36 3.3.5 Màn hình trang kết tìm kiếm 37 3.3.6 Màn hình trang kết tìm kiếm 37 3.3.7 Màn hình trang chi tiết thực vật 38 3.3.8 Cửa sổ chi tiết thuộc tính thực vật 39 3.3.9 Cửa sổ chi tiết thuộc tính thực vật 40 3.3.10 Màn hình danh sách nhà đóng góp 41 3.3.11 Màn hình chi tiết nhà đóng góp 41 3.3.12 Màn hình trang cá nhân .42 3.4 Thiết kế hệ thống Cơ sở liệu 43 3.4.1 User service .43 3.4.2 Plant service 46 Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 49 4.1 Kết đạt 49 4.2 Thuận lợi khó khăn 49 4.2.1 Thuận lợi 49 4.2.2 Khó khăn 49 4.3 Hướng phát triển 49 TÀI LIỆU THAM KHẢO 51 3.3.8 Cửa sổ chi tiết thuộc tính thực vật Hình 3.8: Cửa sổ chi tiết thuộc tính thực vật 38 3.3.9 Cửa sổ chi tiết thuộc tính thực vật Hình 3.9: Cửa sổ đóng góp thơng tin cho thuộc tính thực vật 39 3.3.10 Màn hình danh sách nhà đóng góp Hình 3.10: Màn hình danh sách nhà đóng góp 3.3.11 Màn hình chi tiết nhà đóng góp Hình 3.11: Màn hình chi tiết nhà đóng góp 40 3.3.12 Màn hình trang cá nhân Hình 3.12: Màn hình trang cá nhân 41 3.4 Thiết kế hệ thống Cơ sở liệu Do ứng dụng thiết kế theo hệ thống Microservices nên hệ thống sở liệu ứng dụng chia theo service để dễ dàng quản lý 3.4.1 User service Hình 3.5.1: Database Diagram User service a User STT Tên thuộc tính id Kiểu Int Ràng Giá trị buộc khởi tạo Ý nghĩa Mã người Not null dùng username String Tên người Not null dùng password String Mật Not null người dùng role String Not null 42 “user” Quyền người dùng created_at DateTime Thời gian Not null khởi tạo updated_at DateTime Lần cập nhật Not null gần profile Profile Thông tin người dùng voteHistory Các lượt vote VoteHistory người dùng checkHistory Các lượt CheckHistory check kiểm duyệt viên 10 Các lượt contributeHistory ContributeHistory đóng góp người dùng 11 requestHistory Các yêu cầu RequestHistory người dùng b Profile STT Tên thuộc tính id Kiểu Int Ràng Giá trị buộc khởi tạo Not null Ý nghĩa Mã thông tin người dùng firstname String Not null Họ người dùng lastname String Not null Tên người dùng 43 email String Email người Not null dùng avata String created_at DateTime Ảnh đại diện Not null Thời gian khởi tạo updated_at Thời gian cập DateTime nhật gần c RequestHistory STT Tên thuộc tính id Kiểu Int Ràng Giá trị buộc khởi tạo Ý nghĩa Mã lịch sử Not null yêu cầu user User Not null Người dùng requestTag String Not null Tên thực vật created_at DateTime Thời gian khởi tạo updated_at Thời gian cập DateTime nhật gần d ContributeHistory STT Tên thuộc tính id Kiểu Int Ràng Giá trị buộc khởi tạo Not null Ý nghĩa Mã lịch sử đóng góp user User Not null Người dùng contributeId String Not null Mã đóng góp created_at DateTime Thời gian khởi tạo updated_at DateTime 44 Thời gian cập nhật gần e VoteHistory STT Tên thuộc tính Kiểu id Int Ràng Giá trị buộc khởi tạo Ý nghĩa Mã lịch sử Not null đánh giá user User Not null Người dùng votetId String Not null Mã đánh giá created_at DateTime Thời gian khởi tạo updated_at Thời gian cập DateTime nhật gần f CheckHistory STT Tên thuộc tính Kiểu id Int Ràng Giá trị buộc khởi tạo Not null Ý nghĩa Mã lịch sử xác nhận user User Not null Người dùng checkId String Not null Mã xác nhận created_at DateTime Thời gian khởi tạo updated_at DateTime Thời gian cập nhật gần 3.4.2 Plant service a Plant Document Plant{ _id: mongoose.Schema.Types.ObjectId, tag: string, 45 created_by: string, request: string[], tabs: [{ tab: mongoose.Schema.Types.ObjectId, attributes: [{ attribute: mongoose.Schema.Types.ObjectId, 10 contributes: mongoose.Schema.Types.ObjectId[], 11 }] 12 }] 13 } b Tab Document Tab { _id: mongoose.Schema.Types.ObjectId, name: string, description: string } c Attribute Document Attribute { _id: mongoose.Schema.Types.ObjectId, name: string, description: string } d Contribute Document Contribute { _id: mongoose.Schema.Types.ObjectId, username: string, tag: string, tab: string, attribute: string, value: string, check: number, 46 upvote: number, 10 downvote: number 11 } e Evaluate Document Evaluate { _id: mongoose.Schema.Types.ObjectId, username: string, type: string, tag: string, tab: string, attribute:string, contributes: mongoose.Schema.Types.ObjectId } f Request Document Request { _id: mongoose.Schema.Types.ObjectId, username: string, request: string } 47 Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 4.1 Kết đạt Các diễn đàn hướng Nhưng qua trình nghiên cứu tìm hiểu, diễn đàn đóng góp thơng tin làm hướng khác biệt hồn tồn Thơng qua đề tài luận án này, nhóm học hỏi tích lũy số vốn kiến thức lớn để có kinh nghiệm thực đề tài tương đương Ngồi ra, nhóm cịn tích lũy kinh nghệm lập trình cách xử lý vướng mắt trình xây dựng phát triển ứng dụng Về mặt kĩ thuật cơng nghệ, nhóm đạt kết sau: - Tìm hiểu Microservices cách triển khai, phân bổ hệ thống thành service nhỏ để dễ dàng cho việc xử lý logic ứng dụng - Tìm hiểu Message System cách ứng dụng vào hệ thống Microservices - Nắm vững cách triển khai mơ hình sở liệu sql nosql Qua có cách nhìn bao qt để chọn lựa chọn hệ sở liệu phù hợp với nhu cầu đề tài đưa Về mặt ứng dụng, nhóm hồn thành mục tiêu đề tài đưa - Tạo cộng đồng phát triển người có sở thích - Xây dựng nên ứng dụng lưu trữ data người dùng, người dùng  Trong tương lai, quan tâm đón nhận từ người ứng dụng trở thành kho lưu trữ data đầy đủ đáng tin cậy loài thực vật giới Đó mục tiêu lớn nhóm đề với đề tài 4.2 4.2.1 - Thuận lợi khó khăn Thuận lợi Nhóm có tảng kiến thức tích lũy thời gian học trường 48 - Nhận giúp đỡ thầy cơ, bạn bè anh chị có kiến thức vấn đề liên quan - Thành viên nhóm làm nên có khả lựa chọn đưa định hướng đắn cho đề tài luận án - Bản thân người có hứng thú với thực vật nên thành viên nhóm có nhìn khách quan để lựa chọn yêu cầu phù hợp với đề tài luận án 4.2.2 Khó khăn - Nhóm lựa chọn cơng nghệ nên cần thời gian học hỏi tìm hiểu - Nhóm thiếu thời gian để phát triển tính hữu ích cho đề tài - Vì đề tài rộng mặt lý thuyết thực vật nên nhóm làm trường hợp chung - Nhóm lựa chọn đề tài nên khơng có trang web hay ví dụ tham khảo Internet 4.3 Hướng phát triển - Ứng dụng cần bổ sung tính thú vị nhằm thu hút người đóng góp - Quản lý nguồn vào liệu cách minh bạch, rõ ràng cụ thể - Cải thiện mặt lý thuyết thực vật để đóng góp đầy đủ khía cạnh khác biến dị, sinh trưởng, lai chéo,… - Có hướng phát triển đưa người dùng thành vendor Người dùng đóng góp thơng tin qua nâng cao độ uy tín hiểu biết thân để dễ dàng trao đổi cối với người dùng khác - Liên kết với trang web chứa liệu thực vật khác để đồng liệu - Từ tập liệu mà người dùng đóng góp, nhóm phát triển cơng cụ search hình ảnh Nhằm mục đích tiếp cận với nhiều đối tượng 49 50 TÀI LIỆU THAM KHẢO Tài liệu tiếng Việt [1] Microservices gì? https://viblo.asia/p/microservices-la-gi-gAm5yjD8Kdb [2] System design – Phần 16: Message broker https://edwardthienhoang.wordpress.com/2020/05/04/system-design-co-ban-phan16-message-broker/ [3] API Gateway gì? Tại hệ thống microservices lại cần API Gateway? https://viblo.asia/p/api-gateway-la-gi-tai-sao-mot-he-thong-microservices-lai-canapi-gateway-Do754pDX5M6 [4] MongoDB gì? Cơ sở liệu phi quan hệ https://viblo.asia/p/mongodb-la-gico-so-du-lieu-phi-quan-he-bJzKmgoPl9N [5] Docker gì? https://fullstackstation.com/docker-la-gi/ [6] Khái niệm Domain Driven Design (DDD) https://viblo.asia/p/khainiem-co-ban-ve-domain-driven-design-ddd-Do754qL4KM6 Tài liệu tiếng anh [1] What are microservices? https://microservices.io/ [2] Pattern: API Gateway / Backends for Frontends https://microservices.io/patterns/apigateway.html [3] Pattern: Command Query Responsibility Segregation (CQRS) https://microservices.io/patterns/data/cqrs.html [5] Client-Side Architecture Basics [Guide] https://khalilstemmler.com/articles/client-side-architecture/introduction/ 51 [6] Domain-Driven Design https://khalilstemmler.com/articles/categories/domaindriven-design/ [7] Docker Documentation https://docs.docker.com/ [8] Nestjs Documentation https://docs.nestjs.com/ [9] NATS Documentation https://docs.nats.io/ 52 ... ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM LÊ TRỌNG ANH ĐỨC– 16520237 LÊ VĂN PHƯỚC– 16520959 KHÓA LUẬN TỐT NGHIỆP DIỄN ĐÀN ĐÓNG GÓP DỮ LIỆU CHO HOA VÀ CÂY CẢNH Contributed Data Forum... hóa thành website Diễn đàn đóng góp liệu cho hoa, cảnh, hồn thành đầy đủ chức đóng góp, đánh giá tìm kiếm Trở thành hệ thống cho việc cung cấp liệu chuyên hoa cảnh cho người dùng Kế hoạch thực... Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: DIỄN ĐÀN ĐÓNG GÓP DỮ LIỆU CHO HOA VÀ CÂY CẢNH Cán hướng dẫn: ThS Huỳnh Nguyễn Khắc Huy Thời gian thực hiện:Từ ngày 1/10/2020