Đồ án ứng dụng học tập cho trẻ em

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH KIDDIES ZONE – ỨNG DỤNG HỌC TẬP CHO TRẺ EM ĐỒ ÁN Giảng viên hướng dẫn: ThS Huỳnh Nguyễn Khắc Huy Nhóm sinh viên thực báo cáo: Ngô Công Hậu 18520277 Phan Huy Tiến 18520167 TP Hồ Chí Minh, tháng 05 năm 2021 Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em ĐẠI HỌC QUỐC GIA THÀNH PHỐ 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ỌC TẬP CHO TRẺ EM ĐỒ ÁN - LỚP SE121.L21 Giảng viên hướng dẫn: ThS Huỳnh Nguyễn Khắc Huy Nhóm sinh viên thực báo cáo: Ngô Công Hậu 18520277 Phan Huy Tiến 18520167 TP Hồ Chí Minh, tháng 05 năm 2021 Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em MỤC LỤC MỤC LỤC DANH MỤC CÁC KÝ HIỆU, CÁC CHỮ VIẾT TẮT LỜI CẢM ƠN Chương – TỔNG QUAN ĐỀ TÀI 1.1 Mơ tả tố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 Chương – PHÂN TÍCH ĐẶC TẢ YÊU CẦU 10 2.1 Sơ đồ Use Case 10 2.2 Danh sách Actor 14 2.3 Đặc tả Use case 14 2.3.1 Đăng nhập 14 2.3.2 Đăng ký 15 2.3.3 Đánh giá tình trạng sức khỏe bé 16 2.3.4 Lưu thông tin sức khỏe 18 2.3.5 Xem viết chủ đề dạy trẻ 19 2.3.6 Thả tim viết 20 2.3.7 Xem lịch sử chơi game theo chủ đề 21 2.3.8 Thống kê thời gian sử dụng số liệu chơi game 22 2.3.9 Bật/Tắt giới hạn thời gian sử dụng 23 2.3.10 Điều chỉnh thời gian 24 2.3.11 Thông báo đến giới hạn thời gian 25 2.3.12 Game đếm đồ vật 26 Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em 2.3.13 Game nhận biết chữ 26 2.3.14 Game vẽ cát 27 2.3.15 Đọc truyện 28 2.3.16 Game dọn rác 28 2.3.17 Game phép tính 29 2.3.18 Game âm nhạc 30 2.3.19 Game nhận biết hình dạng 31 2.3.20 Xem hoạt hình 32 Chương – PHÂN TÍCH HỆ THỐNG 33 Sơ đồ kiến trúc 33 Chương – THIẾT KẾ DỮ LIỆU 35 4.1 Sơ đồ logic 35 4.2 Mô tả chi tiết kiểu liệu 35 Chương – THIẾT KẾ GIAO DIỆN 39 5.1 Sơ đồ liên kết hình 39 5.2 Danh sách hình 40 5.3 Mơ tả hình 40 Chương – CÀI ĐẶT VÀ THỬ NGHIỆM 41 6.1 Môi trường cài đặt 41 6.2 Các API, framework, thư viện sử dụng 41 6.3 Hướng dẫn cài đặt sử dụng 41 NHẬN XÉT VÀ KẾT LUẬN 42 Đá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) 42 HƯỚNG PHÁT TRIỂN 43 TÀI LIỆU THAM KHẢO 44 BẢNG PHÂN CÔNG CÔNG VIỆC 45 DANH MỤC CÁC KÝ HIỆU, CÁC CHỮ VIẾT TẮT Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em [1] CSDL: sở liệu [2] UI (User Interface): giao diện người dùng [3] UX (User Experience): trải nghiệm người dùng Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em LỜI CẢM ƠN Nhóm chúng em trân trọng gửi lời cảm ơn đến thầy Huỳnh Nguyễn Khắc Huy tạo điều kiện cho chúng em có hội thực đồ án Trong vòng 15 tuần, nhờ dẫn nhiệt tình thầy, chúng em tiếp thu kiến thức quan trọng góp ý chân thành để làm chương trình hồn chỉnh Cũng xin cảm ơn thầy cô bạn bè khoa Cơng nghệ phần mềm nhiệt tình hỗ trợ, tạo điều kiện cho nhóm em làm báo cáo 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ừ thầy Nhóm em xin chân thành cảm ơn Thành phố Hồ Chí Minh, ngày 15 tháng 06 năm 2021 Lớp SE121.L21 Nhóm gồm Phan Huy Tiến, Ngô Công Hậu Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em Chương – TỔNG QUAN ĐỀ TÀI 1.1 Mơ tả tốn xác định u cầu Trẻ em mầm non đất nước, đứa trẻ có quyền học tập vui chơi lành mạnh Nhưng để bé vừa chơi vừa học, vừa phát triển trí tuệ, cảm xúc thể chất mối bận tâm hàng đầu bậc phụ huynh Giai đoạn từ đến tuổi chương đời đứa trẻ lúc trưởng thành Đó giai đoạn bé nhìn giới với mắt đầy tị mị Trong đó, với nhịp sống ngày bận rộn, thời gian cha mẹ sát bên quan sát lại ít, độ phức tạp lượng kiến thức việc ni dạy trẻ lại tăng lên Nhận thấy vấn đề đó, Kiddies Zone mang đến giải pháp tích hợp ứng dụng giải trí – giáo dục cho bé độ tuổi mầm non cơng cụ hữu ích để theo dõi, ni dạy cho phụ huynh Đây nơi bé học kiến thức thơng qua game sống động, vui tươi, câu truyện thú vị hay video độc đáo Các vấn đề cần phải xử lý mạng xã hội mà đề tài đặt là: STT Tên yêu cầu Khía cạnh Game đếm số Bé Game phép tính (cộng, trừ) Bé Game nhận biết chữ Bé Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em Game dọn rác Bé Game vẽ cát Bé Game nhận biết hình dạng Bé Game âm nhạc Bé Xem hoạt hình Bé Đọc truyện Bé 10 Lưu hiển thị thông tin bé Phụ huynh 11 Đánh giá tình trạng sức khỏe Phụ huynh 12 Bản tin Phụ huynh 13 Xem lịch sử chơi game bé Phụ huynh Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em 14 Quản lý thời gian sử dụng Phụ huynh 15 Thông báo Phụ huynh 15 Trang admin app Admin 1.2 Khảo sát trạng 1.2.1 Hiện trạng tổ chức Việt Nam quốc gia châu Á thứ hai giới cam kết thực Công ước quốc tế quyền trẻ em (CRC) Công ước CRC Liên hợp quốc quy định rằng: “Trẻ em có quyền chăm sóc tồn diện từ cịn bụng mẹ tới lúc trưởng thành.” Việt Nam quốc gia cam kết mạnh mẽ thực Tuyên bố Đại hội đồng Liên hợp quốc “Một giới phù hợp với trẻ em.” Việt Nam cam kết đạt mục tiêu phát triển thiên niên kỷ toàn cầu (MDGs) Liên hợp quốc vào năm 2030 Các sách phát triển trẻ em đưa cho thấy ngày có quan tâm Nhà nước cộng đồng đến vấn đề phát triển trẻ thơ toàn diện 1.2.2 Hiện trạng nghiệp vụ Ứng dụng học tập cần cho thấy tính chất vừa học vừa chơi Thơng qua trị chơi thiết kế nhằm giúp bé phát triển toàn diện, bé học tập điều cụ thể trò chơi Cụ thể là: ● Trò chơi phát triển não trái (logic) Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em ▪ Game nhận biết số ▪ Game nhận biết chữ ▪ Game phép tính ● Trị chơi phát triển não phải (sáng tạo, cảm xúc): ▪ Game âm nhạc ▪ Game vẽ cát ▪ Game nhận biết hình dạng ● Trò chơi nâng cao nhận thức xã hội ▪ Game dọc rác ● Các phương tiện giải trí khác ▪ Đọc truyện ▪ Xem phim hoạt hình, video sống,… 1.2.3 Hiện trạng tin học Với công nghệ phát triển nay, việc phát triển, xây dựng ứng dụng mobile khơng cịn q khó khăn Dù android hay ioS, ta xây dựng ứng dụng chạy hai hệ điều hành với mã nguồn mà không cần học riêng cho việc phát triển android ioS Từ đó, tiếp cần đông đảo người dùng tiềm có hội phát triển nhiều chức cho người dùng trải nghiệm Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em ❖    Danh sách biến cố xử lý tương ứng hình: STT Biến cố Xử lý Nhấn nút play Bắt đầu vào truyện Nhấn home back Quay hình trước Nhấn replay Nghe lại truyện Nhấn next Sang trang truyện 5.3.20 Màn hình danh sách video ❖ Giao diện Hình 5.20: Màn hình danh sách video 69 Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em ❖    Danh sách biến cố xử lý tương ứng hình: STT Biến cố Xử lý Nhấn play Chạy video Nhấn home Trở hình trước 5.3.21 Màn hình xem video ❖    Giao diện Hình 5.21: Màn hình xem video ❖    Danh sách biến cố xử lý tương ứng hình: STT Biến cố Xử lý Nhấn home Quay hình trước 70 Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em 5.3.22 Màn hình Game nhận biết hình dạng ❖    Giao diện Hình 5.22 Màn hình Game nhận biết hình dạng ❖    Danh sách biến cố xử lý tương ứng hình: STT Biến cố Xử lý Chọn hình dạng (trịn, Nếu chọn với hình dạng vật vng, tam giác) phẩm gần tới đích điểm Chọn sai bị trừ tim Nhấn back Trở lại hình trước 71 Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em 5.3.23 Màn hình Game âm nhạc ❖    Giao diện Hình 5.23 Màn hình Game âm nhạc 72 Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em ❖    Danh sách biến cố xử lý tương ứng hình: STT Biến cố Xử lý Nhấn phím đàn piano Nghe âm tương ứng hình trống Nhấn icon đàn trống Chuyển qua chế độ tương ứng 5.3.24 Màn hình Game vẽ cát ❖    Giao diện Hình 5.24: Màn hình Game vẽ cát 73 Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em ❖    Danh sách biến cố xử lý tương ứng hình: STT Biến cố Xử lý Nhấn camera Lưu vẽ thành hình ảnh máy Nhấn icon sóng Xóa tồn vẽ Nhấn icon bàn tay Chuyển sang chế độ xóa phần, dùng tay lúc vẽ Nhấn icon ngón tay Chuyển sang chế độ vẽ 5.3.25 Màn hình Game dọn rác ❖    Giao diện Hình 5.25: Màn hình Game dọn rác 74 Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em ❖    Danh sách biến cố xử lý tương ứng hình: STT Biến cố Xử lý Nhấn chọn vật phẩm rơi Vật phầm biến tính điểm Nhấn nút back Trở hình trước 5.3.26 Màn hình trang admin ❖    Giao diện 75 Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em Hình 5.26: Màn hình trang admin ❖    Danh sách biến cố xử lý tương ứng hình: STT Biến cố Xử lý Nhấn chọn Quản lý viết Chuyển sang phần quản lý tương ứng Quản lý video Nhập đường link vào bấm thêm 76 Thêm vào CSDL Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em Chương – CÀI ĐẶT VÀ THỬ NGHIỆM Sau thiết kế đầy đủ mơ hình kiến trúc, bảng sở liệu giao diện ứng với chức năng, nhóm tiến hành cài đặt phần mềm 6.1 Mơi trường cài đặt Ngôn ngữ sử dụng Javascript Nền tảng Mobile Cơ sở liệu Firebase IDE, Text Editor Visual studio code API, Framework React Native - Hệ điều hành: Windows 10 6.2 Các API, framework, thư viện sử dụng - React Native, Firebase, Push notification,… 6.3 Các công cụ hỗ trợ ● Github: quản lý source code ● Notion: quản lý kế hoạch công việc,… ● Drive: quản lý tài liệu 6.3 Hướng dẫn cài đặt sử dụng 77 Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em ❖ Link file apk: https://drive.google.com/drive/folders/1pIGAmC04GmYBMN-LPQ5pZV8d Kd0Dkchu?usp=sharing ❖ Người dùng cần down file cài đặt ứng dụng bình thườ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 - Lập nhóm, nhận đề tài, xác định quy trình thiết kế phần mềm: mơ 3/2021 hình thác nước cải tiến - Khảo sát, xác định yêu cầu, đặt mục tiêu, tạo kế hoạch ban đầu cách thức hoạt động nhóm Tháng Phân tích, đặc tả use case, mơ hình hóa u cầu phần mềm, thiết kế 4/2021 CSDL ban đầu, phác thảo giao diện, bắt đầu làm báo cáo đồ án Tháng - Chỉnh sửa hồn thiện CSDL, phân cơng thực chức 5/2021 cụ thể với giao diện tương ứng - Hoàn thành tất game đề bên phần bé - Bắt đầu làm phần chức bên phụ huynh Tháng - Hoàn thành chức bên phần phụ huynh 6/2021 - Làm trang admin 78 Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em - Test fix bug - Hoàn thành báo cáo HƯỚNG PHÁT TRIỂN Đồ án tiếp tục phát triển sau báo cáo theo kế hoạch nhóm đặt Nhiều feature khác thêm vào để ngày hoàn thiện: ● Thêm vào thông tin sức khỏe khác để lưu độ cận, iq, eq,… ● Nghiên cứu phát triển thêm nhiều game giúp bé phát triển hai mặt tự nhiên xã hội, đặc biệt phát triển nhân cách, nhận thức cộng đồng yêu thiên nhiên, nâng cao ý thức bảo vệ môi trường, tự bảo vệ thân trước người lạ,… 79 Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em TÀI LIỆU THAM KHẢO [1] Tính số BMI cho trẻ em niên (tienichnho.com) 80 Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em BẢNG PHÂN CÔNG CÔNG VIỆC Ngay từ lúc đầu nhóm xác định cơng việc thành viên tham gia làm, chia nắm yêu cầu để tiện việc trao đổi chịu trách nhiệm công việc giao Vì thế, q trình hoạt động nhóm diễn tốt Các thành viên không làm riêng công việc mà cịn hỗ trợ người khác việc tìm lỗi, sửa lỗi trực tiếp tham gia vào cơng việc nên hiểu bạn làm gì, điều giúp cho chức gắn kết với mà không bị lỗi lỗi sửa nhanh Hơn nữa, điều giúp cho tất biết cách xử lí sở liệu biết cách thiết kế giao diện, thuận lợi cho học hỏi Việc làm báo cáo thế, hai thành viên tham gia làm báo cáo nên hiểu rõ nội dung làm Đây bảng phân chia công việc dựa nhiệm vụ người nắm chính: 81 Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em STT Họ tên – MSSV Cả hai Công việc giao ● Viết đặc tả use case Hoàn thành 100% ● Thiết kế sở liệu ● Test fix bug Phan Huy Tiến 18520167 ● Đăng nhập, đăng ký, đăng xuất ● Game nhận biết chữ số ● Game nhận biết chữ ● Game phép tính ● Game dọn rác ● Thêm/xóa/sửa thơng tin bé (back) ● Thêm/xóa/sửa thơng tin sức khỏe cho bé (back) 82 100% Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em ● Đánh giá tình trạng thơng tin sức khỏe (back) ● Hiển thị viết (back) ● Thả tim viết (back) ● Thống kê thời gian sử dụng app bé (back) ● Bật/tắt giới hạn thời gian sử dụng (back) ● Điều chỉnh giới hạn thời gian sử dụng (back) ● Hồn thành báo cáo Ngơ Cơng Hậu 18520277 ● Game vẽ cát ● Game âm nhạc ● Game nhận biết hình dạng ● Góc xem clip ● Góc đọc truyện ● Giao diện tất hình UI Component ● Website admin dashboard (front+back) ● Biểu đồ thống kê sức khỏe (front+back) ● Xem feed post (front+back) ● Thông báo app (front+back) ● Trang passcode chuyển từ bé sang phụ huynh (front+back) ● Làm video báo cáo 83 100% ... – Ứng dụng học tập cho trẻ em ĐẠI HỌC QUỐC GIA THÀNH PHỐ 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ỌC TẬP CHO TRẺ EM ĐỒ ÁN. .. SE121.L21 – Ứng dụng học tập cho trẻ em Hình 2: UC cho bé (game dọc rác, phép tính, âm nhạc, nhận biết hình dạng) 12 Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em Hình 3: UC cho bé (Xem hoạt... hoạt hình) 13 Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em Hình 4: Use case cho phụ huynh 14 Đề tài 24 – Lớp SE121.L21 – Ứng dụng học tập cho trẻ em 2.2 Danh sách Actor STT Tên Actor Phụ