Xây dựng ứng dụng hỗ trợ học tiếng anh tăng tính thích nghi và tương tác

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH MƠN: ĐỒ ÁN Đề tài : “Xây dựng ứng dụng hỗ trợ học tiếng anh tăng tính thích nghi tương tác” WITCHWORLD - ỨNG DỤNG TIẾNG ANH CHO TRẺ EM Giảng viên hướng dẫn: ThS Nguyễn Thị Thanh Trúc Nhóm sinh viên thực báo cáo: Tơ Hồi Quỳnh Vy 18520405 Huỳnh Thế Anh 18520448 TP Hồ Chí Minh, tháng 12 năm 2021 MỤC LỤC MỤC LỤC LỜI CẢM ƠN Chương – TỔNG QUAN ĐỀ TÀI 1.1 Mô tả toán xác định yêu cầu 1.2 Khảo sát trạng 1.2.1 Hiện trạng tổ chức 1.2.2 Hiện trạng nghiệp vụ 1.2.3 Hiện trạng tin học 5 6 8 Chương – PHÂN TÍCH ĐẶC TẢ YÊU CẦU 2.1 Sơ đồ Use Case: 2.2 Danh sách Use Case 2.3 Đặc tả Use Case 2.3.1 Đặc tả Use-case UC01 - Đăng ký 2.3.2 Đặc tả Use-case UC02 - Đăng nhập 2.3.3 Đặc tả Use-case UC03 - Cài đặt 2.3.4 Đặc tả Use-case UC04 - Đọc sách 2.3.5 Đặc tả Use-case UC05 - Trang chủ 2.3.6 Đặc tả Use-case UC06 - Mua nhân vật 2.3.7 Đặc tả Use-case UC07 - Điểm danh 2.3.8 Đặc tả Use-case UC08 - Học/Learn 2.3.9 Đặc tả Use-case UC09 - Kiểm tra từ vựng/Test 12 12 14 14 14 15 17 18 19 21 22 24 25 Chương – THIẾT KẾ KIẾN TRÚC 3.1 Kiến trúc tổng thể hệ thống 3.2 Kiến trúc thiết kế thành phần hệ thống 27 27 27 Chương – THIẾT KẾ DỮ LIỆU 4.1 Sơ đồ logic 4.2 Mô tả chi tiết kiểu liệu 29 29 29 Chương – THIẾT KẾ GIAO DIỆN 42 5.1 Sơ đồ liên kết hình 42 5.2 Danh sách hình 5.3 Mơ tả hình 5.3.1 Màn hình Đăng nhập 5.3.2 Màn hình Đăng ký 5.3.3 Màn hình Cài đặt 5.3.4 Màn hình Hiển thị sách 5.3.5 Màn hình Quiz 5.3.6 Màn hình Phần thưởng Quiz 5.3.7 Màn hình Chính 5.3.8 Màn hình Học/Learn 5.3.9 Màn hình Kiểm tra từ vựng/Test 5.3.10 Màn hình Quảng cáo 5.3.11 Màn hình Từ vựng 5.3.12 Màn hình Trạng thái hoạt động 5.3.13 Màn hình On Board/Loading 42 44 44 45 46 47 48 49 50 51 53 55 56 57 58 Chương – CÀI ĐẶT VÀ THỬ NGHIỆM 6.1 Môi trường cài đặt: 6.1.1 Môi trường cài đặt thử nghiệm: 6.1.2 Kết đánh giá 60 60 60 60 NHẬN XÉT VÀ KẾT LUẬN 61 Đánh giá tiến độ thực đề tài (bảng tóm tắt q trình giai đoạn thực cột thời gian hoạt động) 61 Các kết đạt 62 HƯỚNG PHÁT TRIỂN 63 TÀI LIỆU THAM KHẢO 64 BẢNG PHÂN CÔNG CƠNG VIỆC 65 LỜI CẢM ƠN Nhóm chúng em trân trọng gửi lời cảm ơn đến cô Nguyễn Thị Thanh Trúc tạo điều kiện cho chúng em có hội thực đồ án Với kiến thức từ mơn học trước, nhóm nghiên cứu tìm giải pháp tối ưu để tạo ứng dụng học tiếng anh hoàn chỉnh giúp trẻ em tăng tính thích nghi tương tác Trong khoảng thời gian đầu, nhóm cịn nhiều bất trắc giao tiếp, chọn đề tài, gặp nhiều khó khăn xây dựng ứng dụng việc học trực tuyến Song, nhờ giúp đỡ góp ý tận tâm cơ, nhóm cho sản phẩm đồ án hoàn chỉnh Mặc dù cố gắng hoàn thành báo cáo với tất nỗ lực song báo cáo nhóm chúng em chắn khơng tránh khỏi thiếu sót, chúng em mong nhận thơng cảm góp ý chân thành từ Nhóm em xin chân thành cảm ơn Thành phố Hồ Chí Minh, ngày 25 tháng 12 năm 2021 Chương – TỔNG QUAN ĐỀ TÀI 1.1 Mơ tả tốn xác định yêu cầu - Tiếng Anh ngôn ngữ thiếu ai, tiếng anh trở thành môn học quan trọng đưa vào dạy học từ sớm Tuy nhiên học tiếng anh không cách gây chán nản, giảm hiệu học - Học tiếng anh hình thức lên lớp trung tâm gặp nhiều hạn chế mặt giao tiếp, theo khảo sát quan sát nhóm đọc feedback ứng dụng học tiếng anh dành cho trẻ em, bậc phụ huynh quan tâm đến vấn đề phát triển tiếng anh cho cái, đặc biệt vấn đề từ vựng bé cịn nhỏ để tiếp cận đến khía cạnh sâu xa việc học tiếng Anh - Để giải vấn đề trên, Witch World đời với mô hình làm kiểm tra từ vựng, đọc sách luyện từ vựng cho trẻ em, vừa giúp em có mơi trường giải trí, vừa giúp cha mẹ n tâm cho tiếp cận với việc học từ vựng tiếng Anh sớm + + + Một số yêu cầu nhóm đặt triển khai ứng dụng: Tính tiện dụng: Ứng dụng phải dễ học, dễ dùng Thiết kế gần gũi với trẻ em Tính đắn: Ứng dụng chạy khơng lỗi Tính thích nghi: Ứng dụng chạy tốt nhiều thiết bị Android với cấu hình phần cứng khác thiết kế kiến trúc thiết bị khác + Tính tiến hố: Ứng dụng phải dễ dàng phát triển thêm tính mà khơng gây ảnh hưởng đến tính phát triển trước + Tính bảo trì: Ứng dụng thay đổi số chức ( kiện, nhiệm vụ ) mà không cần cập nhật lại + Tính tương tác: Ứng dụng tạo mơi trường tương tác hệ thống người dùng, cụ thể hệ thống trẻ em - Như vậy, u cầu nhóm đặt khơng đáp ứng yêu cầu đề tài : Tăng tính thích nghi tương tác mà cịn tạo thêm nhiều nhu cầu khác, tăng trải nghiệm người dùng sử dụng ứng dụng Các vấn đề cần phải xử lý ứng dụng mà đề tài đặt là: STT Tên vấn đề Tác nhân Quản lý user System Admin Đọc sách tiếng Anh User Luyện từ vựng thông qua hệ thống game User Hệ thống nhân vật để đổi nhận coin từ học User Điểm danh theo lịch hoạt động tháng User 1.2 Khảo sát trạng 1.2.1 Hiện trạng tổ chức - Tiếng Anh xem ngơn ngữ giao tiếp chung tồn giới Ở quốc gia không sử dụng tiếng Anh để làm ngôn ngữ riêng (chẳng hạn Việt Nam), học thêm tiếng Anh, tăng mức độ hiểu biết ngôn ngữ lên thêm Nếu tiếp cận với tiếng Anh muộn, gặp nhiều bất lợi khó khăn Vì vậy, WitchWorld tiếng Anh giành cho trẻ em mục đích Hơn nữa, trẻ em mối quan tâm lớn xã hội, tốt đẹp nhất, hướng chúng Để trẻ có đặc tính tốt từ bé bố mẹ cần việc nuôi dưỡng cái, ứng dụng đời để khiến bố mẹ an tâm việc học tập giải trí - Mục tiêu : + Hỗ trợ người sử dụng học tiếng anh thông qua hoạt động vui chơi, chơi mà học để phát triển kĩ nghe nói đọc viết Hướng tới đối tượng bắt đầu học trẻ em + Nhóm xây dựng ứng dụng cần nghiên cứu lập trình thiết bị di động, cơng nghệ sử dụng để thiết kế hình đẹp, khơng sử dụng nhiều source có sẵn từ bên ngồi, tìm hiểu cơng cụ lưu trữ database, cơng cụ giúp tối ưu hóa tăng trải nghiệm người dùng, nghiên cứu ngơn ngữ lập trình - Xây dựng mơ hình kiến trúc Client - Server vì: ● Dữ liệu liệu app yêu cầu tính mở rộng phát triển cao dẫn đến cần tập trung liệu để dễ dàng bảo trì phát triển ● Tính thích nghi app có thay đổi liệu, hạn chế việc cập nhật app dẫn tới trải nghiệm người dùng không tốt ● Dễ dàng tương tác với bên thứ ba ( admob ) để phát triển dịch vụ kèm (quảng cáo) - Độ tuổi sử dụng : Ưu tiên cấp độ Beginner độ tuổi từ 4-10 tuổi - Quy trình phát triển ứng dụng : Nhóm phát triển tuân theo quy chuẩn thiết kế ứng dụng hành Nhóm thực bước sau trình phát triển ứng dụng: ● Bước 1: Nhóm tiến hành thu thập, khảo sát thông tin, yêu cầu người dùng ● Bước 2: Nhóm tiến hành vẽ Usecase Diagram để mơ hình hố yêu cầu người dùng ● Bước 3: Nhóm tiến hành mơ hình hố tương tác thành phần hệ thống ● Bước 4: Nhóm tiến hành nghiên cứu ứng dụng sẵn có (với chức gần giống) thị trường để bắt kịp xu hướng ● Bước 5: Nhóm thực chỉnh sửa lại mơ hình hố u cầu người dùng theo thu thập ● Bước 6: Nhóm thực thiết kế CSDL ● Bước 7: Nhóm tiến hành nghiên cứu cơng nghệ sẵn có để lựa chọn mơi trường phù hợp phát triển ứng dụng Nhóm chọn Java (Android Native) để phát triển ứng dụng phát huy tối đa tốc độ thực thi, đồng thời hỗ trợ tính cấp thấp phục vụ cho yêu cầu người dùng việc đồng hố ● Bước 8: Nhóm tiến hành thiết kế giao diện Prototype cho ứng dụng ● Bước 9: Nhóm tiến hành công đoạn cài đặt cho ứng dụng ● Bước 10: Nhóm tiến hành cơng việc bảo trì (sửa chữa lỗi phát triển thêm tính chưa đề ban đầu) Ngồi nhóm thực Refactor code để đạt chuẩn thiết kế ● Bước 11: Nhóm hồn thành đồ án - Các cơng cụ phát triển : + Sử dụng ngơn ngữ lập trình Java (Android Native) + Sử dụng Figma công cụ thiết kế giao diện + Sử dụng Firebase công cụ lưu trữ liệu + Sử dụng Github công cụ lưu trữ source code - Các tác nhân chính: Tác nhân Mơ tả User Người dùng hệ thống đăng nhập sử dụng tính ứng dụng System Admin Quản lý toàn hệ thống người dùng 1.2.2 Hiện trạng nghiệp vụ - Áp dụng môi trường giáo dục cho trẻ Giúp trẻ cải thiện kỹ tiếng Anh Tạo môi trường thân thiện để trẻ dễ dàng thích ứng Các học dựa mơ hình game giúp trẻ cảm thấy hứng thú sử dụng Phụ huynh kiểm sốt việc học thơng qua ứng dụng 1.2.3 Hiện trạng tin học - Để khảo sát trạng tin học, nhóm sử dụng xem bình luận trải nghiệm người dùng thơng qua ứng dụng sẵn có : Duolingo: language lessons - Tính : + Có thể học thêm nhiều ngơn ngữ quốc tế + Ứng dụng miễn phí, sử dụng tảng Android IOS + Giao diện bắt mắt + Có thể kết nối với bạn bè + Có hệ thống ranking xếp hạng - Nhược điểm/Hạn chế: + Beginer phải thông qua bước kiểm tra test ban đầu (gây khó khăn cho trẻ em chưa học qua tiếng Anh) + Khơng có quảng cáo nên biết nguồn thu nhập từ đâu + Dùng chung hệ thống cho lứa tuổi (gây khó khăn việc xếp học theo độ tuổi) ELSA Speak: English Learning App - Tính : + Học từ vựng - Phần mềm tốt nhát để ôn luyện từ vựng tích hợp cơng nghệ AI + Có thể sử dụng tảng Android IOS 5.3.7.2 Danh sách biến cố xử lý hình STT Biến cố Xử lý Chọn btn_level Chuyển đến hình chọn chức (Học/Kiểm tra) 5.3.8 Màn hình Học/Learn 5.3.8.1 Giao diện 5.3.8.2 Danh sách biến cố xử lý hình STT Biến cố Xử lý Chọn btn_prev Di chuyển đến học trước Chọn btn_next Di chuyển đến học sau Chọn btn_submit Di chuyển hình Chọn btn_cancel Quay lại hình 5.3.9 Màn hình Kiếm tra từ vựng/Test 5.3.9.1 Giao diện 5.3.9.2 Danh sách biến cố xử lý hình STT Biến cố Xử lý Chọn btn_cancel Quay lại hình Chọn btn_showtip Chuyển đến hình gợi ý Chọn btn_submit Chuyển đến hình kết Chọn btn_icantlisten Chuyển đến hình hiển thị từ vựng 5.3.10 Màn hình Quảng cáo 5.3.10.1 Giao diện 5.3.10.2 Danh sách biến cố xử lý hình STT Biến cố Xử lý Chọn btn_adsbutton Di chuyển sang store Chọn btn_cancel Quay lại hình 5.3.11 Màn hình Cửa hàng nhân vật 5.3.11.1 Giao diện 5.3.11.2 Danh sách biến cố xử lý hình STT Biến cố Xử lý Chọn btn_buy Chuyển trạng thái nhân vật từ Locked sang Unlocked Chọn btn_next Chuyển sang nhân vật khác 5.3.12 Màn hình Trạng thái hoạt động 5.3.12.1 Giao diện 5.3.12.2 Danh sách biến cố xử lý hình STT Biến cố Xử lý Chọn btn_rollup Chuyển sang trạng thái đánh dấu lịch 5.3.13 Màn hình Onboard/Loading 5.3.13.1 Giao diện 5.3.13.2 Danh sách biến cố xử lý hình STT Biến cố Xử lý Chương – CÀI ĐẶT VÀ THỬ NGHIỆM 6.1 Môi trường cài đặt 6.1.1 Môi trường cài đặt thử nghiệm - Hệ điều hành Android 6.1.2 Kết đánh giá - WitchWorld hoạt động tốt hầu hết dòng điện thoại android version 6.0 trở lên - WitchWorld hoạt động hầu hết kích cỡ thiết bị, kể ipad, có hỗ trợ quay ngang thiết bị - WitchWorld có tượng tràn hình số dịng máy có kích thước dài, nhiên khắc phục version trước - Kích thước file 60Mb kết chấp nhận cho sản phẩm phát triển react native yêu cầu nhiều lượng hình ảnh - Chức nhiệm vụ chưa hoạt động ổn định số trường hợp đặc biệt ( xóa cache, ) nên chưa đưa vào hoạt động NHẬN XÉT VÀ KẾT LUẬN Đánh giá tiến độ thực đề tài (bảng tóm tắt q trình giai đoạn thực cột thời gian hoạt động) Thời gian Hoạt động Tháng Chọn teammate, lập nhóm, chọn đề tài từ giáo viên hướng dẫn, khảo sát 9/2021 đề tài, xác định quy trình thiết kế phần mềm, nghiên cứu tên đề tài ứng dụng liên quan, chọn công cụ để hỗ trợ xây dựng ứng dụng Tháng 10/2021 Tháng Phân tích, đặc tả use case, thiết kế CSDL,thiết kế giao diện từ hình đơn giản Hồn thiện giao diện, lên kế hoạch code 11/2021 Tháng 12/2021 Meeting với giáo viên, thay đổi đồ án hợp lý với đề tài theo hướng dẫn giáo viên Quay lại bước phát triển ứng dụng (Liên tục tuần) Cuối tháng 12 Tinh chỉnh, kiểm thử hoàn thiện phần mềm báo cáo (15/12/2021 27/12/2021) 28/12/2021 Trải nghiệm lại ứng dụng thiết bị chuẩn bị báo cáo với Giáo viên hướng dẫn Các kết đạt Với yêu cầu đặt ra, chúng em tiến hành khảo sát, phân tích, thiết kế cuối cài đặt kiểm thử thành công phần mềm Kết hợp với việc nghiên cứu mơ hình nghiệp vụ, nhóm triển khai để hồn thành báo cáo Nhóm tự đánh giá đề tài cho mơn học thành công, với việc đạt mục tiêu đặt mà thực sản phẩm có nhiều chức HƯỚNG PHÁT TRIỂN Hướng phát triển ứng dụng WitchWorld vô rộng rãi xu hướng ứng dụng giới, nhiên để ứng dụng tối ưu hơn, tương lai nhóm chúng em đề xuất thêm số chức : ● Mở rộng nhân vật ● Mở rộng chơi ( ) ● Tăng tính game hóa … mục tiêu khác TÀI LIỆU THAM KHẢO Requirements Engineering Fundamentals_ A Study Guide for the Certified Professional for Requirements Engineering Exam - Foundation Level - IREB compliant (2015, Rocky Nook) - libgen.lc.pdf Requirements Engineering (2017, Springer) - libgen.lc.pdf Hoàng Văn Hà - Folder Slide React Native mơn Lập trình thiết bị di động, Đại học Công nghệ thông tin Firebase - firebase.google.com/docs/reference Duolingo: ngoại ngữ miễn phí Elsa Speak: Học nói tiếng Anh hay Lingokids tiếng anh cho trẻ em Android NDK - developer.android.com/ndk English For Kids References - www.grammarbank.com/English-for-kids.html 10 Figma Resource - figmaresource.com 11 Learning Basic Grammar PDF Book - www.easypacelearning.com BẢNG PHÂN CÔNG VIỆC HỌ VÀ TÊN - MSSV TƠ HỒI QUỲNH VY 18520405 PHÂN CHIA CÔNG VIỆC - HUỲNH THẾ ANH 18520448 - KHẢO SÁT ĐỀ TÀI, PHÂN TÍCH YÊU CẦU VẼ VÀ ĐẶC TẢ USE CASE THIẾT KẾ GIAO DIỆN VIẾT BÁO CÁO KIỂM THỬ KHẢO SÁT CÔNG CỤ PHÁT TRIỂN QUẢN LÝ CÁC CHỨC NĂNG CỦA ỨNG DỤNG THIẾT KẾ DỮ LIỆU GHI CHÚ ... học từ vựng tiếng Anh sớm + + + Một số yêu cầu nhóm đặt triển khai ứng dụng: Tính tiện dụng: Ứng dụng phải dễ học, dễ dùng Thiết kế gần gũi với trẻ em Tính đắn: Ứng dụng chạy khơng lỗi Tính thích. .. định u cầu - Tiếng Anh ngôn ngữ thiếu ai, tiếng anh trở thành môn học quan trọng đưa vào dạy học từ sớm Tuy nhiên học tiếng anh không cách gây chán nản, giảm hiệu học - Học tiếng anh hình thức... nhóm đặt khơng đáp ứng yêu cầu đề tài : Tăng tính thích nghi tương tác mà tạo thêm nhiều nhu cầu khác, tăng trải nghi? ??m người dùng sử dụng ứng dụng Các vấn đề cần phải xử lý ứng dụng mà đề tài đặt