Đồ án xây dựng ứng dụng hỗ trợ học tiếng anh my english pal

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM -🙚🙘🕮🙚🙘 - BÁO CÁO ĐỒ ÁN 1: XÂY DỰNG ỨNG DỤNG HỖ TRỢ HỌC TIẾNG ANH MY ENGLISH PAL Giảng viên hướng dẫn: ThS Trần Thị Hồng Yến Sinh viên thực hiện: 19521502 – Nguyễn Dương Trung Hiếu 19521541 – Nơng Ngọc Xn Hồng Tp.HCM, tháng 12 năm 2022 Nhận xét giảng viên hướng dẫn Người nhận xét (Ký ghi rõ họ tên) Trần Thị Hồng Yến LỜI CẢM ƠN Để hoàn thành đồ án này, chúng em xin gửi lời cảm ơn chân thành đến: ThS Trần Thị Hồng Yến giúp đỡ, định hướng hướng đồ án, thiếu sót đồ án nhóm chúng em hỗ trợ thông tin cần thiết Đó góp ý quý báu cho nhóm chúng em q trình thực dự án Trong trình thực kiến thức kinh nghiệm có hạn chế nên khơng thể tránh khỏi sai sót nhóm chúng em ln mong muốn tiếp thu đánh giá, góp ý phản hồi từ giảng viên Chúng em chân thành cảm ơn xin chúc cô gặp điều may mắn TP.HCM, 24 tháng 12 năm 2022 Nhóm sinh viên thực Nơng Ngọc Xn Hồng – Nguyễn Dương Trung Hiếu ĐẠ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: XÂY DỰNG ỨNG DỤNG HỖ TRỢ HỌC TIẾNG ANH (MY ENGLISH PAL) Cán hướng dẫn: Trần Thị Hồng Yến Thời gian thực hiện:Từ ngày 05/09/2022 đến ngày 31/12/22 Sinh viên thực hiện: Nguyễn Dương Trung Hiếu – 19521502 Nông Ngọc Xuân Hoàng – 19521541 Nội dung đề tài: Giới thiệu ● Trong thời kỳ quốc tế hóa, nhu cầu giao tiếp ngoại ngữ ngày gia tăng Việc biết ngôn ngữ thứ hai, cụ thể tiếng Anh trở thành điều kiện tiên Khi công nghệ chưa phát triển, việc học tiếng Anh tỏ khó tiếp cận với đại đa số Tuy nhiên, thời đại 4.0 việc học tiếng Anh trở nên dễ dàng tiện dụng Tất người cần điện thoại ● Một số ưu điểm việc học tiếng Anh ứng dụng di động kể đến sau: o Linh hoạt: Người dùng cần điện thoại di động với vài thao tác, kiên trì nỗ lực ngày, người dùng học tiếng Anh o Tiện lợi: Có thể thay cho việc luyện tiếng Anh trung tâm Anh ngữ ● Hiện có số ứng dụng học tiếng Anh di động phổ biến kể đến sau: Duolingo, Quizlet… ● Bởi tiềm tính tiện dụng nó, chúng em chọn đề tài với mong muốn tạo ứng dụng học ngoại ngữ cho riêng Mục tiêu ● Xây dựng ứng dụng hỗ trợ học tiếng Anh đáp ứng tiêu chí: o Giao diện thân thiện người dùng o Đáp ứng tính cần có ứng dụng học tiếng Anh Phạm vi ● Phạm vi môi trường: o Triển khai ứng dụng tảng di động (Android) ● Phạm vi chức năng: o Học từ vựng theo chủ đề o Luyện ngữ pháp o Các test o Hệ thống tập o Trắc nghiệm từ đến nâng cao o Lưu kết học tập Đối tượng o Người có nhu cầu học tiếng Anh cách linh hoạt Phương pháp thực o Tham khảo ứng dụng học tiếng Anh phổ biến xác định tính chung cần có o Lên kế hoạch phân cơng cho thành viên o Tìm hiểu công nghệ sử dụng cho đề tài o Triển khai theo kế hoạch sẵn có o Kiểm thử sửa lỗi (nếu có) Cơng nghệ sử dụng o Công cụ thiết kế UI/UX: Figma o Frond-end: Framework Flutter o Back-end: Firebase Kết mong đợi đề tài o Xây dựng ứng dụng hỗ trợ học tiếng Anh với đầy đủ chức o Giao diện đại, thân thiện với người dùng o Nắm bắt kiến thức cần có để xây dựng ứng dụng di động Kế hoạch thực hiện: Thời gian dự Công việc thực Thành viên thực kiến 5/9 – 11/9 Tìm hiểu đề tài, phân tích yêu cầu Cả hai thành viên xác định tính cần có ứng dụng 12/9 – 25/9 Tìm hiểu cơng nghệ sử dụng cho Cả hai thành viên sản phẩm: Ngôn ngữ Dart, framework Flutter tảng Firebase Tìm hiểu cơng cụ Figma 26/9 – 2/10 Thiết kế hình ứng dụng Nơng Ngọc Xuân Hoàng Figma 26/9 – 2/10 Xây dựng gói repository cho chức Nguyễn Dương Trung Hiếu xác thực người dùng 3/10 – 30/10 Thực thiết kế giao diện chung cho Nguyễn Dương Trung Hiếu phần mềm Thực tối ưu hóa code tái sử dụng code cách chia nhỏ hình Thiết kế điều hướng Thiết kế responsive cho đa tảng web, tablet mobile 3/10 – 30/10 Thực thiết kế widget chung Nơng Ngọc Xn Hồng nhằm mục đích tối ưu hóa code tái sử dụng code Thiết kế màu chủ đạo màu thành phần giao diện ứng dụng TP HCM, ngày….tháng … năm… Xác nhận CBHD Sinh viên (Ký tên ghi rõ họ tên) (Ký tên ghi rõ họ tên) Nơng Ngọc Xn Hồng – Nguyễn Dương Trung Hiếu My English Pal Chương – TỔNG QUAN VỀ ĐỀ TÀI 1.1 Giới thiệu đề tài 1.1.1 Tầm quan trọng tiếng anh giao tiếp ngày lí chọn đề tài: Trong thời kỳ quốc tế hóa, nhu cầu giao tiếp ngoại ngữ ngày gia tăng Việc biết ngôn ngữ thứ hai, cụ thể tiếng Anh trở thành điều kiện tiên Khi công nghệ chưa phát triển, việc học tiếng Anh tỏ khó tiếp cận với đại đa số Tuy nhiên, thời đại 4.0 việc học tiếng Anh trở nên dễ dàng tiện dụng Tất người cần điện thoại có kết nối internet Một số ưu điểm việc học tiếng Anh ứng dụng di động kể đến sau: - Linh hoạt: Người dùng cần điện thoại di động với vài thao tác, kiên trì nỗ lực ngày, người dùng học tiếng Anh - Tiện lợi: Có thể thay cho việc luyện tiếng Anh trung tâm Anh ngữ Bởi tiềm tính tiện dụng nó, chúng em chọn đề tài với mong muốn tạo ứng dụng học ngoại ngữ cho riêng 1.2 Khảo sát ứng dụng hỗ trợ học tiếng anh nay: Hiện có số ứng dụng học tiếng Anh di động phổ biến kể đến sau: Duolingo, Quizlet… Các ứng dụng vừa nêu dễ có giao diện thân thiện, có tương đồng chức ngồi có khuyết điểm có chức khơng cần thiết, lược bỏ để hướng đến đơn giản tiện lợi cho người dùng 1.3 Đối tượng nghiên cứu: Người có nhu cầu học tiếng Anh cách linh hoạt Các công nghệ: + Firebase + Flutter + Figma 1.4 Phạm vi nghiên cứu: 1.4.1 Phạm vi môi trường: - Triển khai ứng dụng tảng di động (Android) 1.4.2 Phạm vi chức năng: 1.5 - Học từ vựng theo chủ đề - Luyện ngữ pháp - Các test - Hệ thống tập - Trắc nghiệm từ đến nâng cao - Lưu kết học tập Phương pháp nghiên cứu: - Tìm hiểu phương pháp có 10 4.2.4 Màn hình Community Màn hình Community 56 4.2.4.1 Màn hình Magazine Màn hình Magazine 57 Khi người dùng nhấn Discover giao diện trang web tờ báo “https://www.nydailynews.com/” người dùng đọc báo thơng qua app Giao diện trang web tờ báo 58 4.2.4.2 Màn hình Idioms Màn hình Idioms 59 Khi người dùng nhấn Discover giao diện trang web https://www.theidioms.com/” người dùng học thành ngữ trang web thơng qua app Giao diện trang web 60 Giao diện trang web 61 4.2.5 Màn hình Grammar 62 63 4.2.6 Màn hình đăng nhập Màn hình đăng nhập Người dùng đăng nhập tài khoản google 64 4.2.7 Màn hình Dictionary Màn hình Dictionary 65 Người dùng sau chọn button Dictionary app bar chuyển tiếp tới hình Dictionary Tại người dùng tra từ, hình hiển thị thơng tin từ ngữ bao gồm: ● Loại từ ● Nghĩa từ ● Phiên âm 66 4.2.8 Màn hình Game center 67 Màn hình hiển thị đoạn văn ngẫu nhiên, mức độ xuất từ, tốc độ gõ độ xác Nếu người dùng gõ xác từ chuyển sang từ Nếu nhập sai đánh dấu chữ nhập sai màu đỏ Người dùng chọn mức độ từ xuất 10/ 25/ 50/ 100 từ Người dùng chọn nút Redo để làm phần 68 KẾT LUẬN ● Kết ○ Hiểu nắm bước xây dựng ứng dụng với Flutter ○ Cách cài đặt sở liệu với Firebase ○ Xây dựng ứng dụng có UI/UX thân thiện với người dùng web điện thoại ○ Hồn thiện chức ứng dụng ■ Nghe theo format đề thi toeic ■ Đọc qua web ■ Test kỹ trắc nghiệm ■ Luyện từ vựng gợi ý ■ Mini game luyện nhớ từ ● Nhược điểm ○ Một số tính cịn chưa tối ưu ○ Một số tính chưa thể phát triển: Grammar, số mini game, test từ dễ đến khó ○ Nguồn tập hạn chế ● Hướng phát triển ○ Tiếp tục phát triển chức chưa thể phát triển Grammar, số mini game, test từ dễ đến khó ○ Bổ sung thêm tính cho ứng dụng ○ Cải thiện hiệu suất ứng dụng nâng cấp giao diện ○ Thêm nhiều nguồn tài liệu khác 69 TÀI LIỆU THAM KHẢO [1] Upload images to Firebase - https://youtube.com/Droidmonk [10/11/2022] [2] Thư viện audioplayers - https://pub.dev/packages/audioplayers [20/12/2022] [3] Thư viện webview- https://pub.dev/packages/webview_flutter [20/12/2022] [4] Tài liệu Firestore - https://firebase.flutter.dev/docs/firestore/usage [18/12/2022] [5] Khái niệm flutter - https://topdev.vn/blog/flutter-la-gi [20/12/2022] [6] Khái niệm dart - https://websitehcm.com/gioi-thieu-ve-ngon-ngu-lap-trinh-dart [20/12/2022] [7] Khái niệm Firebase https://viblo.asia/p/cung-tim-hieu-ve-firebase-cloud-firestore [1/1/2023] [8] Khái niệm Cloudstore https://viblo.asia/p/cung-tim-hieu-ve-firebase-cloud-firestore/ [1/1/2023] 70 ... tiêu ● Xây dựng ứng dụng hỗ trợ học tiếng Anh đáp ứng tiêu chí: o Giao diện thân thiện người dùng o Đáp ứng tính cần có ứng dụng học tiếng Anh Phạm vi ● Phạm vi môi trường: o Triển khai ứng dụng. .. luyện tiếng Anh trung tâm Anh ngữ Bởi tiềm tính tiện dụng nó, chúng em chọn đề tài với mong muốn tạo ứng dụng học ngoại ngữ cho riêng 1.2 Khảo sát ứng dụng hỗ trợ học tiếng anh nay: Hiện có số ứng. .. Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: XÂY DỰNG ỨNG DỤNG HỖ TRỢ HỌC TIẾNG ANH (MY ENGLISH PAL) Cán hướng dẫn: Trần Thị Hồng Yến Thời gian thực hiện:Từ ngày 05/09/2022