Đang tải... (xem toàn văn)
Untitled BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH i TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ ÁN TỐT NGHIỆP Tp Hồ Ch[.]
BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG HỌC TIẾNG HÀN TRÊN NỀN TẢNG IOS SVTH1: NGUYỄN NGỌC QUÝ MSSV: 16110195 SVTH2: TRẦN MINH QUANG MSSV: 16110189 Khóa: 2016 Ngành: CƠNG NGHỆ THƠNG TIN GVHD: ThS TRẦN CƠNG TÚ Tp Hồ Chí Minh, tháng 12 năm 2020 i CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc *** Tp Hồ Chí Minh, ngày 30 tháng 12 năm 2020 NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Họ tên sinh viên: Nguyễn Ngọc Quý Ngành: Công Nghệ Thông Tin Họ tên sinh viên: Trần Minh Quang Ngành: Công Nghệ Thông Tin Giảng viên hướng dẫn: ThS Trần Công Tú Ngày nhận đề tài: 14/09/2020 MSSV: 16110195 Lớp: 16110CLST3 MSSV: 16110189 Lớp: 16110CLST1 ĐT: 0983674375 Ngày nộp đề tài: 30/12/2020 Tên đề tài: Xây dựng ứng dụng học tiếng Hàn tảng IOS Các số liệu, tài liệu ban đầu: Sách link trang web phần tài liệu tham khảo Nội dung thực đề tài: - Tìm hiểu ngôn ngữ Hàn để xây dựng ứng dụng - Nghiên cứu vận dung công nghệ Sketch, Swift, NodeJS, Restful API - Xây dựng ứng dụng hỗ trợ học tiếng Hàn tảng IOS Sản phẩm: Ứng dụng học tiếng Hàn IOS TRƯỞNG NGÀNH GIẢNG VIÊN HƯỚNG DẪN Nguyễn Đăng Quang Trần Cơng Tú ii CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Họ tên sinh viên: Nguyễn Ngọc Quý MSSV: 16110195 Họ tên sinh viên: Trần Minh Quang MSSV: 16110189 Ngành: Công nghệ thông tin Tên đề tài: Xây dựng ứng dụng hỗ trợ học tiếng Hàn tảng IOS Họ tên Giáo viên hướng dẫn: ThS Trần Công Tú NHẬN XÉT Về nội dung đề tài & khối lượng thưc hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm: (Bằng chữ: ) Tp Hồ Chí Minh, ngày tháng năm 20… Giáo viên hướng dẫn (Ký & ghi rõ họ tên) iii CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Họ tên sinh viên: Nguyễn Ngọc Quý MSSV: 16110195 Họ tên sinh viên: Trần Minh Quang MSSV: 16110189 Ngành: Công nghệ thông tin Tên đề tài: Xây dựng ứng dụng hỗ trợ học tiếng Hàn tảng IOS Họ tên Giáo viên phản biện: NHẬN XÉT Về nội dung đề tài & khối lượng thưc hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm: (Bằng chữ: ) Tp Hồ Chí Minh, ngày tháng năm 20… Giáo viên phản biện (Ký & ghi rõ họ tên) iv LỜI CẢM ƠN Lời đầu tiên, nhóm chúng em xin bày tỏ lịng chân thành biết ơn đến giảng viên hướng dẫn thầy Trần Công Tú hướng dẫn chúng em suốt trình nghiên cứu thực đề tài Chúng em xin gửi lời cảm ơn đến quý thầy cô khoa Đào Tạo Chất Lượng Cao, quý thầy cô khoa Công Nghệ Thông Tin cung cấp cho chúng em kinh nghiệm, kiến thức quý giá trình học tập năm giúp đỡ chúng em thực đề tài Chúng em xin cảm ơn thư viện nhà trường cung cấp tài liệu tạo điều kiện thuận lợi để chúng em hồn thành đồ án Mặc dù có nhiều cố gắng, thời gian có hạn, kĩ kinh nghiệm thân chúng em nhiều hạn chế nên khơng tránh khỏi sai sót Rất mong sự đóng góp, bổ sung thầy bạn Chúng em xin chân thành cảm ơn Tp Hồ Chí Minh, tháng 12 năm 2020 Sinh viên thực Sinh viên thực Nguyễn Ngọc Quý Trần Minh Quang v MỤC LỤC TRANG PHỤ BÌA i NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP ii PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN iii PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN iv LỜI CẢM ƠN v MỤC LỤC vi DANH MỤC CÁC TỪ VIẾT TẮT ix DANH MỤC CÁC BẢNG BIỂU x DANH MỤC CÁC HÌNH ẢNH xii Chương TỔNG QUAN 1.1 Lý chọn đề tài 1.2 Mục tiêu nghiên cứu 1.3 Khảo sát trạng 1.4 Mô tả tổng thể 1.4.1 Phối cảnh sản phẩm 1.4.2 Chức ứng dụng 1.4.3 Các lớp người dùng đặc điểm người dùng 1.4.4 Môi trường hoạt động 1.4.5 Ràng buộc Chương CƠ SỞ LÝ THUYẾT 2.1 Tổng quan NodeJS 2.1.1 Express framework 2.2 Tổng quan Jquery 2.2.1 Khái niệm 2.2.2 Các tính quan trọng 2.2.3 Ưu điểm 2.3 Tổng quan Swift 2.3.1 Khái niệm 2.3.2 Đặc điểm 2.3.3 Ưu điểm so với Objective-C vi 2.3.4 Nhược điểm so với Objective-C 10 2.3.5 Realm Swift 10 2.3.6 Auto Layout 11 2.3.7 User Defaults 13 2.3.8 Thread 14 2.3.9 Speed 14 2.3.10 NSTimer 14 2.3.11 Core ML 14 Chương PHÂN TÍCH VÀ MƠ HÌNH HĨA U CẦU 15 3.1 Phân tích yêu cầu chức 15 3.1.1 Chức nghe, ghi âm 15 3.1.2 Chức thêm vào danh sách yêu thích 15 3.1.3 Chức nghe liên tục 16 3.1.4 Chức luyện tập từ, câu qua đáp án 16 3.1.5 Chức làm test 17 3.1.6 Chức tìm kiếm 17 3.1.7 Chức luyện viết chữ 18 3.1.8 Chức luyện tập qua Video ca nhạc 18 3.1.9 Chức luyện tập qua trò chơi Search Word 19 3.1.10 Chức luyện tập qua trò chơi Word Garden 19 3.1.11 Chức luyện tập qua Flash Card 20 3.2 Phân tích yêu cầu phi chức 20 3.3 Mơ hình hóa yêu cầu 21 3.3.1 Use case tổng quát 21 3.3.2 Chi tiết Use case 22 3.3.2.1 Use case Học từ vựng 22 3.3.2.2 Use case Học ngữ pháp 28 3.3.2.3 Use case Luyện tập 30 3.3.2.4 Use case Quản lý từ vựng 38 3.3.2.5 Use case Quản lý ngữ pháp 40 3.3.2.6 Use case Quản lý video 41 3.3.2.7 Use case Quản lý Lyric 42 Chương THIẾT KẾ HỆ THỐNG 44 4.1 Thiết kế liệu 44 4.1.1 Mơ hình ERD 44 4.1.2 Mô tả bảng 44 4.2 Kiến trúc hệ thống 47 vii 4.3 Thiết kế xử lý 48 4.3.1 Sequence diagram 48 4.3.1.1 Sequence diagram Gramma 48 4.3.1.2 Sequence diagram Xem Video 48 4.3.1.3 Sequence diagram Vocabulary 49 4.3.1.4 Sequence diagram Tìm Kiếm 49 4.3.1.5 Sequence diagram Đánh dấu từ học 50 4.3.1.6 Sequence diagram Nghe phát âm 50 4.3.1.7 Sequence diagram Luyện phát âm 51 4.3.1.8 Sequence diagram Luyện nghe phiên âm 52 4.3.2 Class diagram 53 4.3.2.1 Class diagram tổng thể 53 4.3.2.2 Class diagram từ vựng 54 4.3.2.2 Class diagram Lession, Gramma, Video and Lyric 55 4.4 Thiết kế giao diện 56 4.4.1 Màn hình trang chủ 56 4.4.2 Màn hình Menu 58 4.4.3 Màn hình danh sách từ, câu 59 4.4.4 Màn hình ghi âm 61 4.4.5 Màn hình học nói 63 4.4.6 Màn hình làm test 65 4.4.7 Màn hình tìm kiếm 67 4.4.8 Màn hình luyện tập nghe 69 4.4.9 Màn hình luyện viết 71 4.4.10 Màn hình hiển thị file PDF để xem từ vựng, ngữ pháp 73 4.4.11 Màn hình trị chơi “Search Word” 74 4.4.12 Màn hình trò chơi “Word Garden” 76 4.4.13 Màn hình Flash Card 78 Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 80 5.1 Kết 80 5.2 Hạn chế 80 5.3 Hướng phát triển 80 TÀI LIỆU THAM KHẢO 81 Tài liệu tham khảo viết báo cáo 81 Tài liệu tham khảo để Code 81 viii DANH MỤC CÁC TỪ VIẾT TẮT UI/UX: User Interface / User Experience API: Application program interfac I/O: Input/ Output HTML : Hypertext Markup Language IOS: Iphone Operation System WWDC: Worldwide Developers Conference DOM: Document Object Model SDK: Software Development Kit ML: Machine Learning PDF: Portable Document Forma ix Bảng 4.12: Đặc tả hình tìm kiếm Số Tên Loại thứ Tham Ghi chiếu tự Quay lại Khi click quay lại hình Button trước Danh sách từ, Table Realm Hiển thị nhừng từ cần học câu View Database Thêm vào danh Button sách yêu thích Nghe Khi click thêm từ vào danh sách yêu thích Button Khi click phát âm từ Tìm kiếm Search Điền từ, câu cần tìm Bar 68 4.4.8 Màn hình luyện tập nghe Hình 4.21: Giao diện luyện tập nghe 69 Bảng 4.13: Đặc tả hình luyện tập nghe Số Tên Loại Quay lại Button Tham chiếu Ghi thứ tự Khi click quay lại hình trước Thêm vào danh Khi click thêm vào danh Button sách yêu thích sách yêu thích Hiển thị câu hỏi Realm Hiển thị loại câu hỏi Database Hiện thị đáp án Button Khi click hiển thị màu nâu, sai hiển thị màu cam 70 4.4.9 Màn hình luyện viết Hình 4.22: Giao diện luyện tập viết 71 Bảng 4.14: Đặc tả hình luyện viết Số Tên Loại Tham chiếu Màn hình vẽ View Màn hình để vẽ chữ Hàn Màn hình View Hiển thị kết sau vẽ Ghi thứ tự đáp án Xoá xong ấn “Nhận Dạng” Button Khi click dọn đáp án chữ vừa vẽ Nhận dạng Button Khi click thị kết 72 4.4.10 Màn hình hiển thị file PDF để xem từ vựng, ngữ pháp Hình 4.23: Giao diện thị file PDF Bảng 4.15: Đặc tả hình hiển thị file PDF Số thứ tự Tên Loại Hiển thị nội View Tham chiếu Ghi Hiển thị nội dung PDF dung 73 4.4.11 Màn hình trị chơi “Search Word” Hình 4.24: Giao diện trị chơi “Search Word” 74 Bảng 4.16: Đặc tả hình trò chơi “Search Word” Số Tên Loại thứ Tham Ghi chiếu tự Hiển thị chữ Grid View Hiển thị grid chữ Màn hình View Hiển thị đáp án cần tìm đáp án Quay lại kiếm Khi click quay lại Button hình trước Tải lại Khi click chơi lại từ Button đầu Dừng lại Khi click thời gian Button dừng lại ‘ 75 4.4.12 Màn hình trị chơi “Word Garden” Hình 4.25: Giao diện trị chơi “Word Garden” 76 Bảng 4.17: Đặc tả hình trị chơi “Word Gardent” Số Tên Loại thứ Tham Ghi chiếu tự Nghe Button Khi click phát âm đáp án Gợi ý Button Gợi ý đáp án Đáp án Label Hiển thị từ chữ đáp án nhập Nhập đáp án Text Field Nhập đáp án, có chữ Label đáp án Hình ảnh hoa Image View Hiển thị hoa, nhập chữ sai cánh hoa rơi xuống Cách cài đặt bàn Button Khi click hiển thị cách cài đặt bàn phím tiếng phím Hàn Quay lại Button Khi click quay trang chủ 77 4.4.13 Màn hình Flash Card Hình 4.26: Giao diện Flash Card 78 Bảng 4.18: Đặc tả hình “Flash Card” Số Tên Loại Quay lại Button Tham chiếu Ghi thứ tự Khi click quay Main Nghĩa từ Label Realm Hiển thị nghĩa từ Database Tạo Flash Card Button Gợi ý đáp án 79 Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 5.1 Kết Sau khoảng thời gian thực đề tài, kết mà nhóm thu hoạch được: - Hiểu phần ngôn ngữ Hàn - Hiểu cách sử dụng Swift để phát triển ứng dụng IOS - Hiểu cách sử dụng NodeJS MongoDB - Xây dựng ứng dụng hỗ trợ học ngôn ngữ Hàn - Giao diện chương trình thân thiện dễ sử dụng 5.2 Hạn chế - Ứng dụng chưa deploy lên App Store - Một số tính chưa hồn thiện - Dữ liệu cịn - Thời gian có hạn - Chưa có đa ngôn ngữ 5.3 Hướng phát triển Để chương trình hoạt động hiệu hơn, cần thêm số tính nghe đoạn hội thoại, trị chơi nhiều hơn, học qua hình ảnh, lượng liệu phải nhiều Giao diện cần cải tiến thêm để thân thiện với người dùng Chúng em muốn hướng đến việc xây dựng ứng dụng học tiếng Hàn nhiều tính hiệu ứng dụng có thị trường 80 TÀI LIỆU THAM KHẢO • Tài liệu tham khảo viết báo cáo [1]: Alex Young, Marc Harter “NodeJS in Practice”, pp [2]: Azart Mardan “Express.JS Guide”, pp [3]: Jonathon Manning, Paris Buttfield-Addison, Tim Nugent “Learning Swift”, pp 27 [4]: Marin Todorov “Realm – Building Modern Swift Apps with Realm Database”, pp 11 [5]: Jonathon Manning, Paris Buttfield-Addison, Tim Nugent “Learning Swift”, pp 188 • Tài liệu tham khảo để Code Link github: https://github.com/quynguyen11/AppHocTiengHan • Link web tham khảo [6]: https://amela.vn/node-js-la-gi-2/ [7]: https://topdev.vn/blog/express-js-la-gi/ [8]: https://vi.wikipedia.org/wiki/Swift_(ngơn_ngữ_lập_trình) [9]: https://fxstudio.dev/realm-swift-trong-10-phut/ [10]: https://fxstudio.dev/basic-ios-tutorial-gioi-thieu-autolayout/ [11]: https://giaphiep.com/blog/userdefaults-trong-swift-1578 81