Tìm hiểu AR và xây dựng ứng dụng bán đồ nội thất online

ĐẠ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 Quốc Nam Sang Khóa luận tốt nghiệp Tìm hiểu AR xây dựng ứng dụng bán đồ nội thất online Research AR and building an application for online furniture commerce 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 Quốc Nam Sang -17520976 Khóa luận tốt nghiệp Tìm hiểu AR xây dựng ứng dụng bán đồ nội thất online Research AR and building an application for online furniture commerce 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 DANH SÁCH HỘI ĐỒNG BẢO VỆ KHĨA LUẬN 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 ………………………………………… – Chủ tịch ………………………………………… – Thư ký ………………………………………… – Ủy viên ………………………………………… – Ủy viên ĐẠ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 …… NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ HƯỚNG DẪN) Tên khóa luận: Tìm hiểu AR xây dựng ứng dụng bán đồ nội thất online Cán hướng dẫn: Nhóm SV thực hiện: Nguyễn Quốc Nam Sang TS Trần Anh Dũng 17520976 Đánh giá Khóa luậ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 Quốc Nam Sang: ………/10 Người nhận xét (Ký ghi rõ họ tên) TS Trần Anh Dũng ĐẠ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 …… NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ PHẢN BIỆN) Tên khóa luận: Tìm hiểu AR xây dựng ứng dụng bán đồ nội thất online Nhóm SV thực hiện: Nguyễn Quốc Nam Sang Cán phản biện: 17520976 Đánh giá Khóa luậ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 Quốc Nam Sang: ………/10 Người nhận xét (Ký ghi rõ họ tên) LỜI CẢM ƠN Đầu tiên, nhóm tác giả xin gởi lời cảm ơn chân thành đến tập thể quý Thầy Cô Trường Đại học Công nghệ thông tin – Đại học Quốc gia TP.HCM quý Thầy Cô khoa Công Nghệ Phần Mềm giúp cho nhóm tác giả có kiến thức làm tảng để thực đề tài Đặc biệt, nhóm tác giả xin gửi lời cảm ơn lòng biết ơn sâu sắc tới Thầy Trần Anh Dũng, hướng dẫn tận tình, truyền đạt nhiều kiến thức bổ ích để giúp chúng em hồn thành sản phẩm Trong thời gian thực đề tài, nhóm tác giả vận dụng kiến thức tảng tích lũy đồng thời kết hợp với việc học hỏi nghiên cứu kiến thức Từ đó, nhóm tác giả vận dụng tối đa thu thập để hồn thành báo cáo khóa luận tốt Tuy nhiên, q trình thực hiện, nhóm tác giả khơng tránh khỏi thiếu sót Chính vậy, nhóm tác giả mong nhận góp ý từ phía Thầy Cơ nhằm hồn thiện kiến thức mà nhóm tác giả học tập hành trang để nhóm tác giả thực tiếp đề tài khác tương lai Xin chân thành cảm ơn quý Thầy Cô ! Nhóm tác giả thực Hình 3.48 Biểu đồ thống kê chi phí 3.4.3.2.16 Màn hình thống kê lợi nhuận Hình 3.49 Màn hình chọn khung thời gian thống kê lợi nhuận 116 Hình 3.50 Biểu đồ thống kê lợi nhuận 3.4.3.2.17 Màn hình phân quyền tài khoản Hình 3.51 Màn hình phân quyền tài khoản 117 3.4.3.3 Các hình ARFurniture 3.4.3.3.1 Màn hình trang Hình 3.52 Màn hình trang chính chưa đăng nhập Hình 3.53 Màn hình trang chính sau đăng nhập 118 3.4.3.3.2 Màn hình đăng nhập Hình 3.54 Màn hình đăng nhập 119 3.4.3.3.3 Màn hình đăng ký Hình 3.55 Màn hình đăng ký 3.4.3.3.4 Màn hình danh mục khác Hình 3.56 Màn hình danh mục khác 120 3.4.3.3.5 Màn hình giỏ hàng Hình 3.57 Màn hình giỏ hàng 121 CHƯƠNG THIẾT KẾ KIỂM THỬ 4.1 Môi trường kiểm thử Test laptop: • Unity editor 2020.1.17f • Internet LAN • Windows 10, chrome web • Ram 16gb, chip I7-7700HQ Test Mobile: • Samsung S10e có hỗ trợ AR • Camera trước khơng có lỗi • Phần mềm 4.2 Kết thử nghiệm • Phần mềm chạy đầy đủ chức • Website chạy mượt internet • Thử nghiệm theo usecase hồn tồn khơng có lỗi 4.3 Kết sản phẩm: • Sản phẩm tương đối đầy đủ chức năng, làm phân phối tiến hành thêm vài quy trình thẩm định sửa chức • UI/UX nhìn đẹp mắt, thời thượng • Phần mềm chạy mượt máy 122 CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 5.1 Kết đạt 5.1.1 Lý thuyết • Hiểu vận dụng ARcore • Hiểu vận dụng nguyên lý thiết kế phần mềm AR • Hiểu vận dụng cơng nghệ Unity để phát triển phần mềm android • Phần mềm có giá trị sử dụng thương mai giải trí • Hiểu vận dụng cách phát triển vận hành, deploy website hoàn chỉnh • Hiểu vận dụng công nghệ DevOp liên quan 5.1.2 Cơng nghệ 5.1.2.1 Arcore • Sử dụng Arcore plane finding để tìm kiếm mặt phẳng để xử lý quy trình phần mềm • Arcore anchor để đảm bảo vật đặt giữ vị trí theo thời gian khơng gian thực • Arcore session config để điều chỉnh camera ứng dụng theo yêu cầu • Arcore Depth API để nhận diện chiều sâu khơng gian 5.1.2.2 Unity • Khóa luận sử dụng Unity để xây dựng phần mềm android sử dụng đươc công nghệ AR điện thoại người dùng 123 • Các cơng nghệ unity Canvas để thiết kế UI, Camera control, hệ thống scripting unity, hệ thống quản lý object tồn scene công nghệ khác unity nhằm phục vụ việc phát triển phần mềm 5.1.2.3 React • Khóa luận sử dụng React typescript tạo khả đảm bảo luồng liệu xác, tiết kiệm thời gian debug, giúp đỡ cho việc bảo trì nâng cấp sau • Các cơng nghệ nâng cao React để thực hóa frontend cập nhật thời gian thực có data lưu trữ trạng thái thời gian thực • Khóa luận sử dụng nguyên lý phát triển frontend React mơ hình component để tạo nên UI logic xử lý frontend website 5.1.2.4 MOBX • Quản lý trạng thái frontend giúp react quản lý liệu trạng thái xuyên suốt trình sử dụng phần mềm • Quản lý luồng liệu vào API liên quan • Quản lý dự trữ liệu cho trạng thái Frontend 5.1.2.5 JAX-RS • Phát triển Backend dựa JAX-RS làm tảng kết hợp với công nghệ phổ biến khác JDBC, AJAX, tomcat, Gson • Sử dụng JAX-RS thành thạo để tạo web services chuẩn REST 124 5.1.2.6 Amazon elastic cloud compute • Sử dụng Amacon EC2 để deploy server backend sau phát triển hoàn thành backend để chạy sử dụng thử internet • Tinh chỉnh tối ưu máy ảo hợp lý để phù hợp với nhu cầu khóa luận, chạy mượt internet không bị công bảo mật 5.1.2.7 Amazon relational database service • Sử dụng Amacon RDS để deploy sở liệu quan hệ sau phát triển hồn thành, có data mẫu đầy đủ lớp • Thiết lập mã hóa data tài khoản, mật để đảm bảo an tồn thơng tin cho database 5.1.3 Ứng dụng FurnitureStore bán hàng online 5.1.3.1 Khách hàng • Đăng ký đăng nhập để sử dụng đầy đủ chức website • Khách hàng xem trang home page trình bày sản phẩm bày bán • Khách hàng bấm vào sản phẩm để đến trang chi tiết sản phẩm • Khách hàng thêm hàng vào giỏ hàng trang chi tiết sản phẩm • Khách hàng xem giỏ hàng có điều chỉnh số lượng bấm vào icon giỏ hàng • Khách hàng điền thông tin cần thiết trang giỏ hàng để tạo đơn hàng • Khách hàng chọn toán đơn hàng vào lúc khác trở trang chủ 125 • Khách hàng xem lịch sử đơn hàng quản lý đơn hàng muốn tốn • Khách hàng chọn tốn trực tiếp thơng qua tốn online Visa 5.1.3.2 Quản lý • Quản lý quản lý sản phẩm với thao tác :thêm, xóa, sửa xem thơng tin sản phẩm có • Quản lý quản lý đơn hàng với thao tác như:thêm, xóa, sửa xem thơng tin đơn hàng có • Quản lý quản lý nhập hàng với thao tác như:thêm, xóa, sửa xem thơng tin đơn nhập hàng có • Quản lý thống kê doanh thu dựa theo đơn hàng “Đang giao” đơn hồn thành giao tốn khoảng thời gian định • Quản lý phân quyền tài khoản(hiện có hai quyền admin customer) 5.1.4 Ứng dụng FurnitureStore AR • Người dùng dùng camera điện thoại để quét mặt phẳng khơng gian thực • Người dùng chọn đồ nội thất để đặt mặt phẳng phát camera • Người dùng chọn thay đổi danh mục đồ nội thất để đặt mặt phẳng thích hợp 126 • Người dùng chọn phiên khác đồ nội thất hiển thị để xem rõ hết đồ nội thất • Người dùng di chuyển thay đổi hướng đồ nội thất bày mặt phẳng • Người dùng đăng ký, đăng nhập để sử dụng chức liên kết với website bán đồ nội thất • Sau đăng nhập người dùng chọn thêm đồ nội thất vào giỏ hàng • Người dùng bấm nút giỏ hàng để xem đồ giỏ hàng • Người dùng bấm đồ giỏ hàng để xóa đồ • Người dùng bấm nút tới cửa hàng đăng nhập để tốn giỏ hàng có phần mềm • Người dùng chụp lại hình khơng gian thiết kế • Người dùng xóa đồ nội thất thiết kế khơng ưa thích • Người dùng đăng xuất khỏi phần mềm 5.2 Hạn chế • Khơng có đủ thời gian để phát triển thêm • Khơng có đồng đội để bàn bạc, có ý kiến khách quan • Khơng có tài liệu phổ thơng nghiệp vụ khác • Khơng deploy lên Appstore khơng đủ khả chi phí 5.3 Hướng phát triển • Phát triển chức phụ giúp cải thiện trải nghiệm người dùng • Cải thiện UI nhìn chun nghiệp 127 • Thêm thắt model nội thất để đa dạng hóa sản phẩm • Thêm chức để người dùng tự sáng tạo nội thất • Thêm chức để website bán hàng nhìn chỉnh chu 128 TÀI LIỆU THAM KHẢO [1] Google, “Google ArCore,” Google, [Trực tuyến] Available: https://developers.google.com/ar [2] “Unity,” Unity, [Trực tuyến] Available: https://unity.com/ [3] D K Toan, “viblo,” [Trực tuyến] Available: https://viblo.asia/p/gioi-thieu-ve-reactjsphan-i-cac-khai-niem-co-ban-V3m5WzjblO7 [4] A M J R B B P Z D E A D N J R G H F B J R O P M H F L J F Asana, “React typescript,” [Trực tuyến] Available: https://www.npmjs.com/package/@types/react [5] Mobx, “Mobx,” [Trực tuyến] Available: https://mobx.js.org/README.html [6] S Microsystem, “JAX-RS,” [Trực tuyến] Available: https://projects.eclipse.org/projects/ee4j.jaxrs [7] A w services, “AWS EC2,” [Trực tuyến] Available: https://aws.amazon.com/ec2/ [8] A w services, “AWS RDS,” [Trực tuyến] Available: https://aws.amazon.com/rds/ [9] G AR, “AR concepts,” [Trực tuyến] Available: https://developers.google.com/ar/discover/concepts 129 [10] Facebook, “React,” [Trực tuyến] Available: https://reactjs.org/ 130 ... tài ? ?Tìm hiểu AR xây dựng ứng dụng bán đồ nội thất online? ?? hai ứng dụng chạy điện thoại sử dụng hệ điều hành Android có phần cứng hỗ trợ AR ứng dụng chạy tảng Web Hai ứng dụng gồm có : Ứng dụng. .. đích mong đợi 1.4 Ý nghĩa đề tài Trước hết, đề tài ? ?Tìm hiểu AR xây dựng ứng dụng bán đồ nội thất online? ?? ứng dụng 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... Nguyễn Quốc Nam Sang -17520976 Khóa luận tốt nghiệp Tìm hiểu AR xây dựng ứng dụng bán đồ nội thất online Research AR and building an application for online furniture commerce Kỹ sư ngành kĩ thuật