(Đồ án tốt nghiệp) xây dựng ứng dụng nhận diện hoa trên smart phone

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ PHẦN MỀM XÂY DỰNG ỨNG DỤNG NHẬN DIỆN HOA TRÊN SMART PHONE GVHD: TS HUỲNH XUÂN PHỤNG SVTH: NGUYỄN TUẤN VŨ MSSV: 16110527 SVTH: VÕ HUY HỒNG MSSV: 16110335 SKL007156 Tp Hồ Chí Minh, năm 2020 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN BỘ MƠN CƠNG NGHỆ PHẦN MỀM -□□ □□ - NGUYỄN TUẤN VŨ: 16110527 VÕ HUY HOÀNG: 16110335 Đề tài: XÂY DỰNG ỨNG DỤNG NHẬN DIỆN HOA TRÊN SMART PHONE LUẬN ÁN TỐT NGHIỆP GIẢNG VIÊN HƯỚNG DẪN TS HUỲNH XUÂN PHỤNG KHÓA 2016-2020 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM -□□ □□ - NGUYỄN TUẤN VŨ: 16110527 VÕ HUY HOÀNG: 16110335 Đề tài: XÂY DỰNG ỨNG DỤNG NHẬN DIỆN HOA TRÊN SMART PHONE LUẬN ÁN TỐT NGHIỆP GIẢNG VIÊN HƯỚNG DẪN TS HUỲNH XUÂN PHỤNG KHÓA 2016-2020 1 ĐH SƯ PHẠM KỸ THUẬT TP.HCM KHOA CNTT ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Họ tên Sinh viên 1: Nguyễn Tuấn Vũ Họ tên Sinh viên 2: Võ Huy Hồng Ngành: Cơng nghệ Thơng tin Tên đề tài: XÂY DỰNG ỨNG DỤNG NHẬN DIỆN HOA BẰNG HÌNH ẢNH TRÊN SMARTPHONE Họ tên Giáo viên hướng dẫn: TS Huỳnh Xuân Phụng NHẬN XÉT 1.Về nội dung đề tài & khối lượng thực hiện: 2.Ưu điểm: 3.Khuyết điểm 4.Đề nghị cho bảo vệ hay không? 5.Đánh giá loại: 6.Điểm: Tp Hồ Chí Minh, ngày…tháng…năm 2019 Giáo viên hướng dẫn (Ký & ghi rõ họ tên) ĐH SƯ PHẠM KỸ THUẬT TP.HCM KHOA CNTT ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Họ tên Sinh viên 1: Nguyễn Tuấn Vũ Họ tên Sinh viên 2: Võ Huy Hồng Ngành: Cơng nghệ Thơng tin Tên đề tài: XÂY DỰNG ỨNG DỤNG NHẬN DIỆN HOA BẰNG HÌNH ẢNH TRÊN SMARTPHONE Họ tên Giáo viên phản biện: TS Lê Vĩnh Thịnh NHẬN XÉT 1.Về nội dung đề tài & khối lượng thực hiện: 2.Ưu điểm: 3.Khuyết điểm 4.Đề nghị cho bảo vệ hay không? 5.Đánh giá loại: 6.Điểm: Tp Hồ Chí Minh, ngày…tháng…năm 2019 Giáo viên hướng dẫn (Ký & ghi rõ họ tên) LỜI CÁM ƠN Trong trình nghiên cứu đề tài, giảng viên hỗ trợ, hướng dẫn sinh viên Với tất kính trọng, nhóm thực đề tài xin bày tỏ lòng biết ơn đến quý thầy cô theo dõi hướng dẫn suốt thời gian thực đề tài Đầu tiên, nhóm xin gửi lời cảm ơn sâu sắc đến Ban giám hiệu trường Đại học Sư phạm Kỹ Thuật Thành phố Hồ Chí Minh tạo điều kiện, mơi trường học tập chất lượng, hiệu cho nhóm phát huy cách tốt nghiên cứu Đồng thời, nhóm xin gửi lời cảm ơn đến Ban Chủ nhiệm khoa Công nghệ Thông tin thầy cô khoa Công nghệ Thông tin - trường Đại học Sư phạm Kỹ thuật thành phố Hồ Chí Minh tạo môi trường học tập làm việc chuyên nghiệp, nhiệt tình giảng dạy nhóm thực đề tài nói riêng sinh viên khoa Công nghệ Thông tin nói chung q trình học tập làm việc trường Đặc biệt, xin gửi lời cảm ơn chân thành đến thầy Huỳnh Xuân Phụng – giáo viên hướng dẫn Tiểu luận chuyên ngành – Khoa công nghệ thông tin – Đại học Sư phạm Kỹ thuật Tp Hồ Chí Minh, hướng dẫn, quan tâm, góp ý ln đồng đồng hành nhóm giai đoạn khó khăn đề tài Với kinh nghiệm thực tiễn cịn thiếu sót kinh nghiệm chun mơn cịn non yếu, báo cáo có thiếu sót hạn chế định Kính mong nhận phản hồi, đóng góp ý kiến bảo thêm q thầy để nhóm đạt kiến thức hữu ích nhất, nâng cao ý thức để phục vụ cho kỹ sau Xin chân thành cảm ơn! TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM KHOA CNTT ****** ĐỀ CƯƠNG LUẬN ÁN TỐT NGHIỆP Họ tên Sinh viên 1: Nguyễn Tuấn Vũ MSSV 1: 16110527 Họ tên Sinh viên 2: Võ Huy Hoàng MSSV 2: 16110335 Thời gian làm luận án từ 26/03/2020 đến 15/07/2020 Ngành: Công nghệ thông tin Chuyên ngành: Công nghệ phần mềm Tên đề tài: XÂY DỰNG ỨNG DỤNG NHẬN DIỆN HOA BẰNG HÌNH ẢNH TRÊN SMART PHONE Họ tên Giáo viên hướng dẫn: TS Huỳnh Xuân Phụng Nhiệm vụ thực hiện: Tìm hiểu thư viện TensorFlow xây dựng model Tìm hiểu React Native, NodeJS, Express, Mongdb cách xây dựng ứng dụng mobile Xây dựng ứng dụng từ model train Đề cương viết luận văn: MỤC LỤC Phần MỞ ĐẦU Tính cấp thiết đề tài Mục tiêu đề tài Kết cấu đề tài 2.Phần NỘI DUNG Chương 1: Khảo sát trạng 1.1 Khảo sát số ứng dụng tương tự 1.2 Kết luận tiêu chí mà ứng dụng cần đạt Chương 2: Mơ hình hóa thiết kế sở liệu 2.1 Usecase Diagram 6.2.2.4 Màn hình quản lý thơng tin cá nhân Hình 6-8 Testcase hình quản lý thơng tin cá nhân 131 6.2.2.5 Màn hình chỉnh sửa thơng tin cá nhân Hình 6-9 Testcase chỉnh sửa thơng tin cá nhân 6.2.2.6 Màn hình xem viết cá nhân Hình 6-10 Testcase xem viết cá nhân 132 6.2.2.7 Màn hình trang chủ Hình 6-11 Testcase trang chủ 133 6.2.2.8 ỨNG DỤNG NHẬN DIỆN HOA BẰNG CAMERA TRÊN SMARTPHONE Màn hình tạo viết Project Name: Test Functional Võ Huy Hoàng - 16110335 Module Name: Create Post Scre Test Designed date: 01/07/2020 Release Version: 1.0.0 Đăng nhập vào ứng dụng Chọn tab home Ấn vào button tạo viết header Pre-condition Dependencies: Test Priority ID Test Case Description Đăng nhập thành công & Chuyển đến hình camera Chuyển đến hình trang chủ Chuyển đến cụm chức đăng -> nhận diện phân tích hình ảnh Status Notes Expected Result Màn hình hiển thị với nút bấm PLANT_UI_CREATE_POST_01 Hiển thị hình chức thơng tin với kích thước hợp lý T Lưu hình ảnh PLANT_UI_CREATE_POST_02 Ấn vào button "chụp" hình chọn ảnh đến hình phân tích 1.Ấn vào button "chụp" T PLANT_UI_CREATE_POST_03 PLANT_UI_CREATE_POST_04 PLANT_UI_CREATE_POST_05 Ấn vào button "thư viện" hình chọn ảnh Ấn vào button "đăng" header hình viết Ấn vào button thoát 1.Ấn vào button "thư viện" 1.Ấn vào button "đăng" hình viết Ấn vào button "thốt" Lưu hình ảnh đến hình phân tích T TH1: Thơng tin xác lưu lại viết vào csdl trở hình TH2: Thơng tin khơng xác thơng báo trở hình T Trở hình trang chủ T Lưu viết vào sở liệu Trở hình trang chủ thơng báo Đăng với tên dự đốn null Hình 6-12 Testcase tạo viết Image 134 6.2.2.9 ỨNG DỤNG NHẬN DIỆN HOA BẰNG CAMERA TRÊN SMA RT PHONE Đăng Chọn Ấn Pre-condition Dependencies: Test Priority ID PLANT_UI_VIEW_DETAIL_POST_01 PLANT_UI_VIEW_DETAIL_POST_02 PLANT_UI_VIEW_DETAIL_POST_03 PLANT_UI_VIEW_DETAIL_POST_04 PLANT_UI_VIEW_DETAIL_POST_05 PLANT_FUNCTIONAL_VIEW_DETAIL_ PLANT_FUNCTIONAL_VIEW_DETAIL_ Hình 6-13 Testcase xem chi tiết viết 135 6.2.2.10 Màn hình đóng góp ỨNG DỤNG NHẬN DIỆN HOA BẰNG CAMERA TRÊN SMARTPHONE Project Name: Test Functional Võ Huy Hoàng - 16110335 Module Name: Contribute ScreeTest Designed date: 01/07/2020 Release Version: 1.0.0 Đăng nhập thành công & Chuyển đến hình camera Chuyển đến hình trang chủ Chuyển đến hình đóng góp Đăng nhập vào ứng dụng Chọn tab home Ấn vào button đóng góp viết Pre-condition Dependencies: Test Priority ID Test Case Description Status Notes Expected Result Màn hình hiển thị với nút bấm PLANT_UI_VIEW_DETAIL_POST_ PLANT_UI_VIEW_DETAIL_POST_ Hiển thị hình đóng góp Ấn vào button "back" hình chọn ảnh thơng tin với kích thước hợp lý T Trở hình trang chủ 1.Ấn vào button "back" T TH1 Nhập thông tin lưu PLANT_UI_VIEW_DETAIL_POST_ Ấn vào button "đóng góp" thơng báo xác chuyển hình trang chủ TH2 Nhập sai Ấn vào button "đóng góp" thơng tin lưu thơng báo khơng hợp lệ lên hình chuyển hình trang chủ T Thơng tin viết hiển thị Thông tin không lưu vào csdl Thông tin không lưu vào csdl Thông tin lưu vào csdl Hình 6-14 Testcase đóng góp 136 Image 6.2.2.11 Màn hình tìm kiếm ỨNG DỤNG NHẬN DIỆN HOA BẰNG CAMERA TRÊN SMARTPHONE Project Name: Test Functional Võ Huy Hoàng - 16110335 Module Name: Search Plant Scr Test Designed date: 01/07/2020 Release Version: 1.0.0 Đăng nhập vào ứng dụng Chọn tab search Pre-condition Dependencies: Test Priority ID Test Case Description Đăng nhập thành công & Chuyển đến hình camera Chuyển đến hình tìm kiếm Expected Result Status Notes Màn hình hiển thị với nút bấm PLANT_UI_VIEW_DETAIL_POST_ Hiển thị hình tìm kiếm thơng tin với kích thước hợp lý PLANT_UI_VIEW_DETAIL_POST_ Ấn vào button "tìm kiếm" header 1.Ấn vào button "tìm kiếm" TH1: Thơng tin nhập vào có csdl hiển thị PLANT_UI_VIEW_DETAIL_POST_ Xem thơng tin lồi tìm kiếm Nhập thơng tin tìm kiếm Ấn vào element loài cần xem list hoa TH2: Thông tin nhập vào rỗng không tồn Hiển thị danh sách kết Chuyển đến hình cần xem Thơng tin tìm kiếm hiển thị Thơng tin tìm kiếm hiển thị Thơng tin tìm kiếm hiển thị Hình 6-15 Testcase tìm kiếm 6.2.3 Thống kê kết Page Login Screen Camera Screen Idenity Screen View Detail Plant Screen User Screen Edit User Screen View Post User Screen Home Screen View Detail Post Screen Contribute Screen Create Post Screen Search Screen Tổng Hình 6-16 Thống kê kết chạy testcase Image 137 PHẦN KẾT LUẬN NHỮNG KẾT QUẢ ĐẠT ĐƯỢC Xây dựng thành cơng Ứng dụng nhận diện hoa hình ảnh smartphone gồm chức bản: ✓ Nhận diện thực vật hình ảnh ✓ ✓ ✓ ✓ ✓ ✓ Đăng nhập/ đăng ký google, facebook Tạo quản lý viết Quản lý thông tin cá nhân Đóng góp thơng tin Tìm kiếm thơng qua tên Ngồi ra, cịn tính tích hợp khác Vận dụng thành công loại công nghệ phần mềm, công nghệ Web Application mới, đại: Tensorflow, ReactNative, SQLite, NodeJS, MongoDB, ExpressJS, FireBase Cloud, Heroku Cloud,… Tìm hiểu vận dụng sở liệu mới, tiên tiến, hiệu suất cao Cách hoạt động nhóm hiệu quả, linh hoạt vị trí lĩnh vực cơng nghệ thơng tin ƯU ĐIỂM -Tích hợp chức nhận diện hoa thơng qua hình ảnh -Giao diện trực quan, thân thiện với người dùng -Hình ảnh sinh động, khơng q rườm rà, thơng tin lồi đầy đủ, xác -Tích hợp chức đóng góp từ người dùng, góp phần cải thiện liệu -Có chức tìm kiếm, quản lý tích hợp -Ứng dụng có cấu trúc rõ ràng, có khả bảo trì nâng cấp -Sử dụng công nghệ Web Application đại, có chia cấu trúc Frontend – Backend rõ ràng -Hệ quản trị sở liệu tiên tiến, hiệu cao NHƯỢC ĐIỂM -Ứng dụng chưa tối ưu tốc độ 138 -Cơ sở liệu hạn chế hạn chế thu thập liệu từ nguồn trình phân loại chọn lọc nhiều thời gian -Các chức đóng góp, tương tác người dùng chưa hoàn thiện HƯỚNG PHÁT TRIỂN -Tiếp tục phát triển ứng dụng với sở liệu phong phú -Thu thập thêm thông tin lồi góp phần cải thiện sỡ liệu -Đưa ứng dụng vào thực tế, giám sát trình hoạt động, phát triển phận SEO -Tiếp tục tích hợp chức nâng cao như: tương tác người dùng, đóng góp tự động phân loại, bình luận hay chia viết,… -Cải tiến tốc dộ -Đơn giản hóa thao tác người dùng -Phát triển nhiều tảng đa thiết bị 139 TÀI LIỆU THAM KHẢO [1] Giới thiệu ứng dụng PlantNet - https://play.google.com/store/apps/details? id=org.plantnet&fbclid=IwAR2X50o5BG6f TPE9diVQdfm5g5DL-Td_G_msGXk99klcadRh6CR1pCZ3jE [2] Giới thiệu ứng dụng PictureThis - https://play.google.com/store/apps/details?id=cn.danatech.xingseus [3] Giới thiệu ứng dụng PlantSnap - https://play.google.com/store/apps/details?id=com.fws.plantsnap2 [4] Giới thiệu ứng dụng iNaturalist - https://play.google.com/store/apps/details?id=org.inaturalist.android [5] Giới thiệu ứng dụng Seek - https://play.google.com/store/apps/details?id=org.inaturalist.seek [6] Mern stack - https://www.educative.io/edpresso/what-is-mern-stack? https://www.educative.io/courses/grokking-the-object-oriented-design- interview? aid=5082902844932096&utm;_source=google&utm;_medium=cpc&utm;_ campaign=blogdynamic&gclid;=CjwKCAjwsMzzBRACEiwAx4lLGykB0OJ1XYoz1vqeARUzUKrN7ievxnrIJMA5hrOx4D1g9wlXfjrxoCPfQQAvD_BwEfrom&aid=5082902844932096&utm_source=go ogle&utm_medium=cpc&utm_campaign=edpressodynamic&gclid=CjwKCAjwsan5BRAOEiwALzomX6MyT5dkTEDBjzPgHF14sFgN _zkTMILIiWyhCr8yImmrGl_Xt7rs8hoCPQ4QAvD_BwE [7] Tìm hiểu TensorFlow - https://www.tensorflow.org/overview [8] Keras - https://keras.io/api/applications/#mobilenetv2 Tìm hiểu CNN - https://nttuan8.com/bai-6-convolutional-neuralnetwork/ [9] [10] Tìm hiểu pre-trained model - https://blog.keras.io/building-powerful-image- classification-models-using-very-little-data.html 140 ... tài nghiên cứu xây dựng "XÂY DỰNG ỨNG DỤNG NHẬN DIỆN HOA BẰNG HÌNH ẢNH TRÊN SMARTPHONE" 2.1 MỤC TIÊU CỦA ĐỀ TÀI Mục tiêu tổng quát: Xây dựng chương trình nhận diện loài hoa Với ứng dụng dễ dàng... CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN BỘ MƠN CÔNG NGHỆ PHẦN MỀM -□□ □□ - NGUYỄN TUẤN VŨ: 16110527 VÕ HUY HOÀNG: 16110335 Đề tài: XÂY DỰNG ỨNG DỤNG NHẬN DIỆN HOA TRÊN SMART PHONE LUẬN ÁN TỐT NGHIỆP... CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM -□□ □□ - NGUYỄN TUẤN VŨ: 16110527 VÕ HUY HOÀNG: 16110335 Đề tài: XÂY DỰNG ỨNG DỤNG NHẬN DIỆN HOA TRÊN SMART PHONE LUẬN ÁN TỐT NGHIỆP