Đồ án xây dựng ứng dụng tài chính quản lý chi tiêu cho phòng trọ ( đồ án SE121 l21)

ĐẠ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 NGUYỄN TÀI NGUYÊN NGUYỄN TRUNG NGHĨA ĐỒ ÁN TÌM HIỂU AR VÀ XÂY DỰNG ỨNG DỤNG BÁN ĐỒ NỘI THẤT ONLINE AR research and Build an E-Commerce application furniture sales KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM TP HỒ CHÍ MINH, 2021 ĐẠ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 NGUYỄN TÀI NGUYÊN NGUYỄN TRUNG NGHĨA ĐỒ ÁN TÌM HIỂU AR VÀ XÂY DỰNG ỨNG DỤNG BÁN ĐỒ NỘI THẤT ONLINE AR research and Build an E-Commerce application furniture sales KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN THS TRẦN ANH DŨNG TP HỒ CHÍ MINH, 2021 ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày tháng năm 2021 NHẬN XÉT ĐỒ ÁN (CỦA CÁN BỘ HƯỚNG DẪN) Tên Đồ án: Xây dựng ứng dụng tài quản lý chi tiêu cho phịng trọ Nhóm sinh viên Cán hướng dẫn: thực hiện: NGUYỄN TÀI NGUYÊN NGUYỄN 18521161 THS TRẦN ANH DŨNG TRUNG 18521147 NGHĨA Đánh giá Đồ án: Về báo cáo: Số trang Số chương Số bảng số liệu Số hình vẽ Số tài liệu tham khảo Sản phẩm Một số nhận xét hình thức báo cáo: Về nội dung nghiên cứu: ● ● Về chương trình ứng dụng: ● Về thái độ làm việc sinh viên: ● Đánh giá chung: Điểm sinh viên: NGUYỄN TÀI NGUYÊN : ……… /10 NGUYỄN TRUNG NGHĨA : ……… /10 Người nhận xét (Ký ghi rõ họ tên) TRẦN ANH DŨNG LỜI CẢM ƠN Sau trình học tập rèn luyện khoa Công nghệ phần mềm trường Đại học Công nghệ Thông tin – ĐHQG TP.HCM chúng em trang bị kiến thức bản, kỹ thực tế để hồn thành Đồ án Chúng em xin gửi lời cảm ơn chân thành đến thầy TRẦN ANH DŨNG quan tâm hướng dẫn truyền đạt kiến thức kinh nghiệm cho chúng em suốt thời gian học tập môn Đồ án Cuối cùng, chúng em xin gửi lời cảm ơn đến tất thầy cô khoa bạn bè bên cạnh, bảo, truyền đạt động viên chúng em Trong trình làm tập mơn khơng tránh khỏi sai sót, chúng em mong nhận góp ý quý thầy bạn để hoàn thiện Chúng em xin chân thành cảm ơn Thành phố Hồ Chí Minh, tháng năm 2021 Sinh viên NGUYỄN TÀI NGUYÊN NGUYỄN TRUNG NGHĨA ĐẠ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 TP HCM, ngày… tháng … năm ……… ĐỀ CƯƠNG CHI TIẾT Tên đề tài: Tìm hiểu AR xây dựng ứng dụng bán hàng nội thất online Cán hướng dẫn: THS TRẦN ANH DŨNG Thời gian thực hiện: Từ ngày 01/03/2021 đến ngày 26/06/2021 Sinh viên thực hiện: NGUYỄN TÀI NGUYÊN – 18521161 NGUYỄN TRUNG NGHĨA – 18521147 Mục tiêu đề tài: 1.1 Mục đích đề tài: Đề tài Nghiên cứu cơng nghệ AR thực dựa mục đích sau: Thứ tìm hiểu sơ lược cơng nghệ AR Thứ hai tìm hiểu ứng dụng thách thức mà công nghệ AR gặp phải thị trường Việt Nam Thứ ba nghiên cứu thuật tốn cơng cụ mà cơng nghệ AR mang lại cho đời sống người Cuối dựa kiến thức tìm hiểu xây dựng ứng dụng mô lại công cụ mà công nghệ AR mang lại Nhóm hy vọng dựa tảng kiến thức thầy cô truyền thu lại, kết hợp với tìm hiểu cơng nghệ nhóm, ứng dụng nhóm đặt với mục đích đặt 1.2 Ý nghĩa đề tài Đầu tiên, đồ án xây dựng đề tài thể việc áp dụng kiến thức quý báu thầy cô trường Đại học Công nghệ Thông tin - Đại học Quốc gia thành phố Hồ Chí Minh nhiệt tình truyền thụ lại cho nhóm chúng em Và đặc biệt theo dõi quan tâm giúp đỡ thầy Trần Anh Dũng suốt q trình nhóm chúng em thực đề tài Thứ hai kiến thức kinh nghiệm q báu tích góp q trình thực đề tài hành trang tuyệt vời giúp ích nhiều cho cơng việc thành viên nhóm sau Cuối cùng, thơng qua đồ án nhóm tích góp lượng kiến thức mới, vơ hữu ích cho việc làm sau Và nhóm em hy vọng làm thực đồ án hoàn chỉnh để đáp lại giúp đỡ nhiệt tình thầy thực đồ án 1.3 Nhiệm vụ đề tài Đề tài “Nghiên cứu công nghệ AR xây dựng ứng dụng áp dụng công nghệ” đề tài nghiên cứu cơng nghệ AR từ xây dựng nên ứng dụng áp dụng chức thuật tốn mà cơng nghệ AR mang lại Đề tài gồm có phần: Nghiên cứu công nghệ AR xây dựng ứng dụng áp dụng công nghệ nghiên cứu - Nghiên cứu công nghệ AR: ● ● ● Công nghệ AR cơng nghệ gì, cần sử dụng AR sống phát triển Đặc điểm AR Các chức năng, thuật toán, … AR - Xây dựng ứng dụng áp dụng: ● Từ kiến thức chức năng, thuật toán, cách vận hành tìm hiểu cơng nghệ AR lập trình ứng dụng mơ chức năng, thuật toán nghiên cứu Mục tiêu đề tài: - Tìm hiểu cơng nghệ AR - Tìm hiểu điều mà công nghệ AR đem lại cho sống người thời điểm - Nghiên cứu chức năng, thuật toán AR - Từ kiến thức nghiên cứu được, xây dựng ứng dụng mô công nghệ AR Phạm vi nghiên cứu: - Ứng dụng mô AR nhóm xây dựng phát triển ngơn ngữ Dart mơi trường Android - Tìm hiểu Flutter Arcore để áp dụng công nghệ AR vào phần mềm để hỗ trợ người mua có nhìn khách quan sản phẩm trước mua hàng Đối tượng nghiên cứu: - Các công nghệ: ● Visual studio code ● SDK Arcore - Đối tượng phạm vi đề tài hướng đến: ● Người dùng muốn trải nghiệm AR để trực quan hóa sản phẩm Phương pháp nghiên cứu: - Cách tiếp cận: Ứng dụng xây dựng dựa mơ hình MVC mơi trường đa tảng - Nhóm sử dụng phương pháp nghiên cứu: ● ● ● Phương pháp đọc tài liệu Phương pháp phân tích ứng dụng có sử dụng công nghệ AR Phương pháp thực nghiệm Qua q trình tìm hiểu, nhóm nhận thấy ứng dụng phát triển xử lý trình trải nghiệm AR theo mơ hình sau: - Trải nghiệm sản phẩm: ● Nhấn chọn “Trải nghiệm” phần thông tin sản phẩm ● Yêu cầu truy cập vào camera máy ● Chọn vị trí đặt sản phẩm nhấn chọn ● Di chuyển, chọn màu tùy chỉnh sản phẩm cho phù hợp với mong muốn Kết dự kiến: - Sau nghiên cứu đề tài, tìm hiểu thực tế xây dựng hệ thống Nhóm đặt mục tiêu sau: ● Tính thẩm mỹ: ● ● ● ● ● Ứng dụng có giao diện đẹp, dễ sử dụng Chức năng: Truy cập vào hệ thống camera điện thoại Hiển thị vật thể lên camera điện thoại Xoay, tịnh tiến, phóng to thu nhỏ Kế hoạch thực hiện: (Mô tả kế hoạch thực phân chia công việc cho thành viên tham gia) Với thời gian thực từ ngày 1/3/2021 đến ngày 26/6/2021 Nhóm chia làm sprints giai đoạn cụ thể: - Giai đoạn 1: Hồn thành việc tìm hiểu cơng cụ, ngôn ngữ để thực thi cho ứng dụng mô phỏng, hồn thành tìm hiểu cơng nghệ AR ● Sprint 1: Tìm hiểu cơng cụ ( visual studio code, android studio, firebase), ngôn ngữ ( Dart ) ● Sprint 2: Tìm hiểu cơng nghệ AR hoàn thành thiết kế giao diện cho sản phẩm Sprint Nguyễn Trung Nghĩa Nguyễn Tài Nguyên (1/3/2021 22/3/2021) - Tìm hiểu ngơn ngữ dart, - Tìm hiểu ngôn ngữ dart, visual studio, firebase visual studio (6/4/2021 16/4/2021) - Tìm hiểu cơng nghệ AR - Tìm hiểu cơng nghệ AR - Hồn thành báo cáo - Hồn thành báo cáo Cơng nghệ AR Công nghệ AR - Thiết kế giao diện cho ứng dụng mơ - Giai đoạn 2: Hồn thành việc xây dựng ứng dụng mô ● Sprint 4: Xây dựng front-end dựa giao diện thiết kế cho sản phẩm ● Sprint 5: Tìm hiểu áp dụng AR vào ứng dụng mô ● Sprint 6: Kiểm thử sửa chữa lỗi cho sản phẩm Sprint Nguyễn Trung Nghĩa Nguyễn Tài Nguyên (17/4/2021 28/4/2021) - Xây dựng front-end dựa - Xây dựng front-end dựa trên giao diện thiết kế giao diện thiết kế (29/4/2021 10/6/2021) - Tìm hiểu áp dụng cơng - Tìm hiểu áp dụng công nghệ AR vào ứng dụng nghệ AR vào ứng dụng mô AR mô AR (10/6/2021 26/6/2021) - Kiểm thử sửa chữa cho - Kiểm thử sửa chữa cho ứng dụng ứng dụng Xác nhận CBHD TP HCM, ngày … tháng … năm 2021 (Ký tên ghi rõ họ tên) Sinh viên (Ký tên ghi rõ họ tên) TRẦN ANH DŨNG NGUYỄN TÀI NGUYÊN NGUYỄN TRUNG NGHĨA Hình 4.20: Màn hình đăng nhập 4.4.3 Giao diện Đăng ký: Đây giao diện đăng ký ứng dụng, cho phép người dùng đăng ký tài khoản để sử dụng ứng dụng Hình 4.21: Màn hình đăng ký 4.4.4 Giao diện Quên mật khẩu: Đây giao diện quên mật ứng dụng, cho phép người dùng quên mật tài khoản đăng ký từ trước Hình 4.22: Màn hình quên mật 4.4.5 Giao diện Trang chủ: Đây giao diện trang chủ, qua người dùng thấy thơng tin quảng cáo, giảm giá sản phẩm Đồng thời, cho người dùng tham khảo sản phẩm xem nhiều mua nhiều ứng dụng Hình 4.23: Màn hình trang chủ 4.4.6 Giao diện Danh mục: Đây giao diện danh mục, qua người dùng tìm kiếm sản phẩm theo danh mục tìm kiếm sản phẩm theo tên sản phẩm Hình 4.24: Màn hình danh mục 4.4.7 Giao diện Sản phẩm yêu thích: Đây giao diện sản phẩm u thích, qua người dùng xem lại danh sách phẩm người dùng yêu thích Hình 4.25: Màn hình sản phẩm u thích 4.4.8 Giao diện Cá nhân: Đây giao diện cá nhân, cho phép người dùng chọn danh mục thuộc thông tin cá nhân nhằm xem lại cập nhật thơng tin cá nhân có nhu cầu Hình 4.26: Màn hình cá nhân 4.4.9 Giao diện Thơng tin sản phẩm: Đây giao diện thông tin sản phẩm, cung cấp cho người dùng thông tin sản phẩm mà người dùng chọn Ngoài ra, người dùng chọn chế độ xem 3D để sử dụng cơng nghệ AR xem sản phẩm nhà Hình 4.27: Màn hình thơng tin sản phẩm 4.4.10 Giao diện Giỏ hàng: Đây giao diện giỏ hàng, cho phép người dùng xem giỏ hàng cá nhân xem thông tin số lượng, tổng tiền sản phẩm mà người dùng thêm vào giỏ hàng Hình 4.28: Màn hình giỏ hàng 4.4.11 Giao diện Thơng tin vận chuyển: Đây giao diện thông tin vận chuyển, cho người dùng điền thông tin địa nhận hàng chọn phương thức giao hàng Hình 4.29: Màn hình thơng tin vận chuyển 4.4.12 Giao diện Phương thức toán: Đây giao diện phương thức toán, cho phép người dùng chọn phương thức tốn mà người dùng mong muốn Hình 4.30: Màn hình phương thức tốn 4.4.12 Giao diện Đơn hàng cá nhân: Đây giao diện đơn hàng cá nhân, cho phép người dùng cập nhật thông tin trạng thái đơn hàng mua Hình 4.31: Màn hình đơn hàng cá nhân Chương KẾT LUẬN, HƯỚNG PHÁT TRIỂN: 5.1 Thành đạt được: ● Thông qua đồ án, nhóm tìm hiểu thêm công nghệ AR, Flutter, phần mềm khác Unity, Figma nhằm phục vụ cho công việc tương lai nhóm sau ● Tìm hiểu thêm kiến thức bổ ích mơ hình thương mại điện tử B2B, B2C,… ● Ngoài ra, nhóm cịn củng cố vững kiến thức học sơ đồ use case, sơ đồ lớp,… ● Nâng cao kỹ lập trình, làm việc nhóm giải vấn đề 5.2 Ưu điểm nhược điểm: 5.2.1 Ưu điểm: ● Giao diện đơn giản, bố cục hợp lý, dễ tiếp cận dễ dàng sử dụng cho người dùng ● Nhóm hồn thành mục tiêu đặt 5.2.2 Nhược điểm: ● Chưa tối ưu hóa code nên phản hồi tương tác cịn chậm ● Chưa hồn thành hết giao diện cần thiết ứng dụng ● Chưa thực chức gợi ý nhóm sản phẩm cho người dùng 5.3 Hướng phát triển: ● Xây dựng chức cịn thiếu, hồn thiện chức có ● Tối ưu hóa code để phản hồi tương tác cách nhanh chóng ● Xây dựng website dành cho người dùng dành cho nhân viên bán hàng ● Chỉnh sửa CSDL để phù hợp với chức ● Áp dụng thuật toán để gợi ý sản phẩm cho người dùng TÀI LIỆU THAM KHẢO Flutter_unity_widget: https://pub.dev/packages/flutter_unity_widget Unity AR Foundation: unity ar foundation docs Youtube AR Foundation: COMPLETE COURSE - Learn Unity's AR Foundation Youtube Flutter_unity_widget: Flutter ile Unity AR Projesini Kullanmak https://www.youtube.com/watch?v=NJAg9C1YdfI&t=605s Youtube Blender: Blender Beginner Modelling Tutorial - Part ... TP HCM, ngày tháng năm 2021 NHẬN XÉT ĐỒ ÁN (CỦA CÁN BỘ HƯỚNG DẪN) Tên Đồ án: Xây dựng ứng dụng tài quản lý chi tiêu cho phịng trọ Nhóm sinh viên Cán hướng dẫn: thực hiện: NGUYỄN TÀI NGUYÊN NGUYỄN... nhiệt tình thầy thực đồ án 1.3 Nhiệm vụ đề tài Đề tài “Nghiên cứu công nghệ AR xây dựng ứng dụng áp dụng công nghệ” đề tài nghiên cứu công nghệ AR từ xây dựng nên ứng dụng áp dụng chức thuật tốn... giao diện cho ứng dụng mơ - Giai đoạn 2: Hồn thành việc xây dựng ứng dụng mô ● Sprint 4: Xây dựng front-end dựa giao diện thiết kế cho sản phẩm ● Sprint 5: Tìm hiểu áp dụng AR vào ứng dụng mô ●