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

ĐẠ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 □&□ BÁO CÁO ĐỒ ÁN ĐỀ TÀI: 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 Giảng viên hướng dẫn Sinh viên thực Lê Trần Bảo Lộc Lê Thành Tâm Lớp : ThS Nguyễn Thị Thanh Trúc : - 19520685 - 19520254 : SE122.N11.PMCL - Đồ Án TP HỒ CHÍ MINH, THÁNG 12 NĂM 2022 ĐẠ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 □&□ BÁO CÁO ĐỒ ÁN ĐỀ TÀI: 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 Giảng viên hướng dẫn Sinh viên thực Lê Trần Bảo Lộc Lê Thành Tâm Lớp : ThS Nguyễn Thị Thanh Trúc : - 19520685 - 19520254 : SE122.N11 - Đồ Án TP HỒ CHÍ MINH, THÁNG 12 NĂM 2022 LỜI CẢM ƠN Lời đầu tiên, chúng em xin cảm ơn ThS Nguyễn Thị Thanh Trúc tạo điều kiện tốt cung cấp kiến thức cần thiết để hồn thành mơn Đồ Án Chúng em xin gửi lời cảm ơn sâu sắc đến ThS Nguyễn Thị Thanh Trúc, người hỗ trợ, hướng dẫn nhóm tạo điều kiện tốt để nhóm hồn thành đề tài nghiên cứu Với hỗ trợ nhiệt tình cơ, cuối nhóm chúng em hoàn thiện kiến thức cần thiết thông qua việc nghiên cứu học hỏi kiến thức Chúng em cố gắng ngày hồn thiện tương lai tiếp tục học tập chăm để đạt kết tốt Cuối cùng, xin kính chúc thầy giảng viên môn Công nghệ Phần mềm cô Nguyễn Thị Thanh Trúc ln có sức khỏe dồi dào, sống hạnh phúc, tiếp tục hoàn thành sứ mệnh cao truyền thụ tri thức cho hệ mai sau Xin chân thành cảm ơn cô! Thành phố Hồ Chí Minh, tháng 12 năm 2022 MỤC LỤC CHƯƠNG I TỔNG QUAN ĐỀ TÀI 1 Mô tả toán xác định nhu cầu .1 1.1 1.2 Đặt vấn đề .1 Giải pháp Tổng quan đề tài Mục tiêu đề tài Phạm vi đề tài Yêu cầu Công cụ áp dụng CHƯƠNG II CÔNG NGHỆ ÁP DỤNG Công nghệ phác thảo giao diện: Figma Công nghệ xây dựng front-end: Ngôn ngữ JavaScript Framework React Native .4 2.1 Nền tảng Cross Platform 2.2 React Native Framework Công nghệ xây dựng back-end: Restful API .7 3.1 3.2 3.3 Khảo sát, đánh giá ứng dụng học tiếng Anh có 11 4.1 4.2 Restful API gì? Text-to-speech (TTS) Speech-to-text (STT) 10 Ứng dụng học ngoại ngữ: Duolingo 11 Ứng dụng dạy tiếng Anh: Memrise .12 Nghiên cứu phương pháp học ngoại ngữ .13 CHƯƠNG III PHÂN TÍCH THIẾT KẾ 15 Cơ sở liệu 15 1.1 1.2 Sơ đồ lớp .15 Chi tiết thuộc tính 15 Yêu cầu chức 18 2.1 2.2 2.3 2.4 Sơ đồ use-case .18 Mô tả tác nhân .18 Danh sách use-case .19 Đặc tả use-case 19 CHƯƠNG IV THIẾT KẾ GIAO DIỆN 37 Sơ đồ liên kết hình 37 Mơ tả hình 40 2.1 2.2 2.2 2.3 2.4 2.5 2.6 2.7 2.8 2.9 Màn hình Splash 40 Màn hình Onboarding 41 Màn hình Đăng nhập .42 Màn hình Đăng ký 43 Màn hình Trang chủ 44 Màn hình Khố học .45 Màn hình Bài học 45 Màn hình Bài học xong 46 Màn hình Xếp hạng 47 Màn hình Từ điển 48 2.10 2.11 2.12 2.13 2.14 2.15 2.16 2.17 2.18 2.19 Màn hình Thơng tin từ .49 Màn hình Chọn thư mục để ghim 50 Màn hình Ghim từ .51 Màn hình Thư mục ghim từ 52 Màn hình Trang cá nhân .53 Màn hình Chỉnh sửa thơng tin cá nhân 54 Màn hình Chức khác 55 Màn hình Dịch Text .56 Màn hình OCR 57 Màn hình Đọc tin tức 58 CHƯƠNG V KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 59 Kết 59 Hạn chế 59 Hướng phát triển 59 Kết luận 59 BÁO CÁO KẾT QUẢ LÀM VIỆC NHÓM VÀ BẢNG ĐIỂM 60 TÀI LIỆU THAM KHẢO 62 NHẬN XÉT (Của giáo viên hướng dẫn) DANH SÁCH THÀNH VIÊN NHÓM Họ Tên Mã số Sinh viên Lê Trần Bảo Lộc 19520685 Lê Thành Tâm 19520254 CHƯƠNG I TỔNG QUAN ĐỀ TÀI Mơ tả tốn xác định nhu cầu 1.1 Đặt vấn đề Hiện nay, tiếng Anh coi ngôn ngữ quốc tế, phổ biến giới Hàng triệu người từ văn hóa khác nỗ lực học tiếng Anh ngày Ở Việt Nam, nhiều lĩnh vực khác xã hội kinh tế, trị, khoa học, du lịch, v.v cần người có trình độ tiếng Anh giỏi Cả trẻ em cần phát triển trình độ ngoại ngữ thân từ sớm để có đà phát triển ngoại ngữ sau Công nghệ phát triển mạnh mẽ kéo theo thiết bị công nghệ ngày nhỏ gọn thơng minh số có điện thoại di động Mọi người dễ dàng sở hữu cho điện thoại di động lợi ích mang lại nhỏ gọn, tiện lợi, giá thành rẻ, dễ lưu trữ thông tin, dễ cập nhật tin tức, dễ liên lạc, giao tiếp với người khác, … Điện thoại di động trở nên phổ biến hữu ích Chính vậy, áp dụng công nghệ cho việc học tiếng Anh phương pháp hiệu hoàn toàn hợp lý Việc cải thiện ghi nhớ từ vựng người học trở nên đơn giản việc học từ vựng làm kiểm tra vui nhộn sau học để tăng thêm khả ghi nhớ 1.2 Giải pháp Kết hợp yếu tố phương pháp sáng tạo đạt hiệu cao Nên chúng em nảy ý tưởng muốn xây dụng ứng dụng hỗ trợ người học học tiếng Anh qua việc luyện tập với phương pháp tập, ghi nhớ từ - INGLIS (đồ án ThS Nguyễn Thị Thanh Trúc nắm vai trò giảng viên hướng dẫn) Tổng quan đề tài • Tê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 • Tên ứng dụng: Inglis • Link Github đồ án: Link Mục tiêu đề tài • Xây dựng ứng dụng di động hoạt động tảng mobile với mục đích giúp người học tiếng Anh • Xây dựng chức đánh giá người dùng sau học kết thúc – làm kiểm tra, đánh giá kiến thức tặng coin cho người dùng khuyến khích học tập • Xây dựng chức đổi quà từ hệ thống coin • Xây dựng chức nhận diện giọng nói từ input xử lí thơng tin kiểm tra nói người dùng • Xây dựng ứng dụng quản lý thơng tin người dùng: thơng tin cá nhân, trình độ, tập luyện, điểm luyện kĩ năng, xếp hạng điểm cá nhân, coin • Triển khai số animation thực tác vụ ứng dụng Phạm vi đề tài Vì trình xây dựng ứng dụng thực đề tài có giới hạn, với mảng kiến thức React Native lớn, nên nhóm xác định phạm vi đề tài thực chức animation ứng dụng đồng thời đánh giá khía cạnh hiệu việc sử dụng ứng dụng, ưu nhược điểm ứng dụng • Phạm vi người dùng: Hướng đến đối tượng nhóm người dùng có nhu cầu học từ vựng tiếng Anh cấp tốc, nhóm người dùng có nhu cầu tìm hiểu tiếng Anh, muốn đánh giá trình độ từ vựng thân • Phạm vị mơi trường: Mơi trường di động - Android & iOS • Phạm vi chức năng: Cung cấp chức dạy từ vựng qua phương pháp suy đốn, flashcard, gõ từ; ghim từ; kiểm tra trình độ, kiểm tra kiến thức qua hình thức ơn tập thẻ ghi nhớ, ghép thẻ, viết từ, trắc nghiệm, tặng coin, nhận diện giọng nói Yêu cầu Một số yêu cầu nhóm đặt triển khai ứng dụng: - Tính thân thiện: Ứng dụng phải dễ học, dễ dùng - 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ị động 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óa: Ứ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, chỉnh sửa chức mà không gây ảnh hưởng đến chức khác - 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ơng cụ áp dụng • Cơng cụ phát triển ứng dụng di động: Visual Studio Code • Cơng cụ dùng để phân tích, thiết kế: Canva, Figma • Cơng cụ quản lý dự án: Github, Messenger • Công cụ trao đổi thông tin thành viên nhóm: Messenger, Teams • Cơng cụ soạn thảo báo cáo: Microsoft Word 2.9 Màn hình Từ điển 48 2.10 Màn hình Thơng tin từ 49 2.11 Màn hình Chọn thư mục để ghim 50 2.12 Màn hình Ghim từ 51 2.13 Màn hình Thư mục ghim từ 52 2.14 Màn hình Trang cá nhân 53 2.15 Màn hình Chỉnh sửa thơng tin cá nhân 54 2.16 Màn hình Chức khác 55 2.17 Màn hình Dịch Text 56 2.18 Màn hình OCR 57 2.19 Màn hình Đọc tin tức 58 CHƯƠNG V KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết • Ứng dụng thực chức ứng dụng học từ vựng tiếng anh • Xây dựng ứng dụng có UX/UI thân thiện với người dùng, dễ dàng sử dụng phù hợp với lứa tuổi • Việc sử dụng ứng dụng dễ dàng, có mơ tả chi tiết lúc dùng • Quản lý liệu dễ dàng • Tìm kiếm thơng tin nhanh chóng Hạn chế • Chưa có liên kết người học với • Dữ liệu chưa đa dạng • Một số nghiệp vụ cịn chưa hồn chỉnh • Chưa hỗ trợ hoạt động offline Hướng phát triển Trong tương lai, chúng em hoàn thiện chức chưa đáp ứng tốt yêu cầu người dùng, mở rộng thêm số tính học ngữ pháp, học theo chứng chỉ, nhắc nhở người dùng học,… Ngoài cịn xây dựng tảng web để mở rộng phạm vi người dùng Kết luận Phần mềm chúng em đáp ứng đầy đủ chức Bên cạnh đó, chúng em học thêm kỹ mềm kỹ giao tiếp trình học online, kỹ làm việc nhóm, khả quản lý kỹ khác để giúp ích cho chúng em tương lai 59 BÁO CÁO KẾT QUẢ LÀM VIỆC NHĨM VÀ BẢNG ĐIỂM Mơn học: Đồ Án (SE122.N11 PMCL) HKI – Năm học: 2022 – 2023 Đồ án: ỨNG DỤNG HỌC TIẾNG ANH TĂNG TÍNH TƯƠNG TÁC – THÍCH NGHI STT Cơng việc Người đảm nhận Trạng thái Chọn đề tài Lê Thành Tâm Hoàn thành Lê Trần Bảo Lộc Phân tích yêu cầu Lê Thành Tâm Hoàn thành Lê Trần Bảo Lộc Thiết lập actor, chức Lê Thành Tâm Lê Trần Bảo Lộc Vẽ sơ đồ Use - case Lê Thành Tâm Hoàn thành Hoàn thành Lê Trần Bảo Lộc Viết SRD Lê Thành Tâm Hoàn thành Viết đặc tả Use - case Lê Thành Tâm Hoàn thành Xây dựng kiến trúc Lê Thành Tâm Hoàn thành Lê Trần Bảo Lộc Thiết kế giao diện Lê Trần Bảo Lộc Hoàn thành Thiết kế sở liệu Lê Thành Tâm Hoàn thành 10 Cài đặt mơi trường Lê Thành Tâm Hồn thành Lê Trần Bảo Lộc 11 Xây dựng hình Lê Trần Bảo Lộc Hoàn thành 12 Xử lý kiện Lê Thành Tâm Hoàn thành Lê Trần Bảo Lộc 13 Xử lý điều hướng Lê Trần Bảo Lộc Hoàn thành 14 Xử lý liệu Lê Thành Tâm Hoàn thành 15 Kiểm thử ứng dụng Lê Thành Tâm Hoàn thành Lê Trần Bảo Lộc 60 16 Viết báo cáo Lê Thành Tâm Lê Trần Bảo Lộc 61 Hoàn thành TÀI LIỆU THAM KHẢO FireBase document: https://rnfirebase.io/ NodeJS document : https://nodejs.org/en/docs/ React Native document: https://reactnative.dev/docs/getting-started Express.JS document: https://expressjs.com/ 62 ... đề tài • Tê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 • Tên ứng dụng: Inglis • Link Github đồ án: Link Mục tiêu đề tài • Xây dựng ứng dụng di động hoạt động...ĐẠ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 □&□ BÁO CÁO ĐỒ ÁN ĐỀ TÀI: 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... nhập Người dùng đăng nhập vào ứng dụng để học Tiếng Anh User Phải kết nối internet Kết nối với ứng dụng IngLish Đăng nhập vào ứng dụng sử dụng tính 19 Main Flow Mở ứng dụng 2.Hiện hình đăng nhập