ĐỒ án ỨNG DỤNG EM yêu LỊCH sử (đồ án SE121 l21 PMCL)

ĐẠ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 MÔN HỌC ĐỒ ÁN ỨNG DỤNG EM YÊU LỊCH SỬ GVHD: ThS Huỳnh Hồ Thị Mộng Trinh Sinh viên thực hiện: Trần Minh Huy - 14520385 Nguyễn Thịnh Sơn Lâm - 16521709 TP Hồ Chí Minh - 2021 NHẬN XÉT ……………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… …………………………………………………………………………………………… LỜI CẢM ƠN Để hoàn thành đề tài có kiến thức ngày hơm nay, nhóm chúng em xin gửi lời cảm ơn đến cô tận tình giảng dạy, truyền đạt kiến thức kinh nghiệm quý báu cho chúng em suốt trình học tập nghiên cứu trường Tuy hoàn thành tốt đề tài tránh khỏi sai sót định q trình nghiên cứu, mong thông cảm chia sẻ quý báu cô Cuối cùng, chúng em xin gửi lời chúc thân đến TĨM TẮT Đề tài “Ứng dụng em yêu lịch sử” thực khoảng thời gian từ tháng 3/2021 đến tháng 6/2021 Phương pháp tiếp cận chủ yếu đề tài khảo sát, đánh giá ứng dụng tìm hiểu lịch sử có thị trường; sử dụng tảng Flutter, tảng xây dựng ứng dụng đa tảng để phát triển ứng dụng theo kiểu “ứng dụng học tập” Kết đề tài trình bày tổng quan tảng Flutter, tài liệu xây dựng ứng dụng “em yêu lịch sử” cuối chạy thử, đánh giá sản phẩm ứng dụng thiết bị di động thật chạy hệ điều hành Android BẢNG PHÂN CƠNG STT Họ tên Cơng việc Thời gian Tiến độ Trần Minh Huy Vẽ UI/UX Tháng – tháng Tháng – tháng 100% Tháng – tháng Tháng – tháng 100% Tháng – tháng Tháng – tháng Tháng – tháng 100% Tháng – tháng Tháng – tháng Tháng – tháng Tháng – tháng 100% Tháng – tháng Tháng 100% Tháng – tháng Tháng 100% Thu thập liệu: Thời kỳ lịch sử, trận đánh hay Cài đặt hình Dashboard Cài đặt hình timeline nội dung Cài đặt hình view học Cài đặt hình câu hỏi Cài đặt hình diễn đàn trao đổi trực tuyến Cài đặt hình nhắc nhở Viết báo cáo Nguyễn Thịnh Sơn Lâm Vẽ UI/UX Thu thập liệu: Các nhân vật lịch sử, quốc hiệu, kiện lịch sử Cài đặt hình welcome Cài đặt hình xem lịch kiện lịch sử Cài đặt hình đăng xuất Viết báo cáo 100% 100% 100% 100% 100% 100% 100% 100% 100% MỤC LỤC NHẬN XÉT LỜI CẢM ƠN TÓM TẮT BẢNG PHÂN CÔNG MỤC LỤC CHƯƠNG GIỚI THIỆU ĐỀ TÀI 1.1 Dẫn nhập 1.2 Bài toán 10 1.3 Kết hướng tới 10 1.3.1 Mục tiêu chung 10 1.3.2 Mục tiêu cụ thể 10 1.4 Đối tượng phạm vi nghiên cứu 10 1.4.1 Đối tượng nghiên cứu 10 1.4.2 Phạm vi nghiên cứu 10 CHƯƠNG CÁC KIẾN THỨC NỀN TẢNG 11 2.1 Tổng quan Flutter 11 2.1.1 Giới thiệu 11 2.1.2 Lịch sử 11 2.1.3 Kiến trúc 11 CHƯƠNG XÂY DỰNG ỨNG DỤNG 15 3.1 Tổng quan ứng dụng 15 3.1.1 Khảo sát ứng dụng liên quan 15 3.1.2 Chức phần mềm 19 3.1.3 Đối tượng người dùng 19 3.1.4 Môi trường vận hành 19 3.2 Yêu cầu chức 20 3.2.1 Sơ đồ tổng thể chức ứng dụng 20 3.2.2 Nhập tên đăng nhập 20 3.2.3 Hiển thị học 21 3.2.4 Kiểm tra học 21 3.2.5 Cập nhật trạng thái học lưu trình người tìm hiểu 22 3.2.6 Tạo tài khoản 22 3.2.7 Đăng nhập diễn đàn 22 3.2.8 Đăng xuất diễn đàn 23 3.2.9 Submit câu hỏi 23 3.2.10 Bình luận câu hỏi 24 3.2.11 Xem lịch kiện lịch sử 24 3.2.12 Đặt lịch nhắc nhở 24 3.2.13 Tìm kiếm 25 3.3 Yêu cầu phi chức 25 3.3.1 Yêu cầu hiệu 25 3.3.2 Yêu cầu an toàn 25 3.3.3 Yêu cầu bảo mật 26 3.3.4 Yêu cầu chất lượng 26 3.3.5 Yêu cầu thương mại 26 3.4 Thiết kế thành phần giao diện 26 3.4.1 Màn hình welcome 26 3.4.2 Màn hình dashboard 27 3.4.3 Màn hình danh sách nội dung 29 3.4.4 Màn hình nội dung 30 3.4.5 Màn hình câu hỏi 31 3.4.6 Màn hình kết câu hỏi 32 3.4.7 Màn hình diễn đàn 32 3.4.8 Màn hình diễn đàn 33 3.4.9 Màn hình đăng nhập 34 3.4.10 Màn hình đăng ký 35 3.4.11 Màn hình đăng câu hỏi 36 3.4.12 Màn hình bình luận 37 3.4.13 Màn hình hẹn nhắc nhở 38 3.4.14 Màn hình đặt nhắc nhở 39 3.4.15 Màn hình lịch kiện 40 3.4.16 Màn hình tìm kiếm 41 CHƯƠNG THỬ NGHIỆM, ĐÁNH GIÁ 43 4.1 Môi trường thử nghiệm 43 4.2 Kết thử nghiệm 43 4.3 Đánh giá sản phẩm 44 CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 45 5.1 Kết luận 45 5.2 Hướng phát triển 45 TÀI LIỆU THAM KHẢO 46 CHƯƠNG GIỚI THIỆU ĐỀ TÀI 1.1 Dẫn nhập Khơng thể phủ nhận phát triển nhanh chóng ngành công nghiệp di động dịch vụ thiết kế riêng cho Đến năm 2023, lượng người dùng điện thoại thơng minh dự kiến tăng đến 4,3 tỷ (theo trang Statista) Còn Việt Nam, theo báo cáo “Thị trường điện thoại ứng dụng di động Việt Nam tháng đầu năm 2020” Appota phát hành, tỷ lệ sử dụng điện thoại di động chiếm đến 70% tổng dân số tương đương 150 triệu thiết bị Trong đó, tỷ lệ người sử dụng smartphone chiếm 45% dân số xếp hạng thứ 15 giới Số lượng thuê bao 3G - 4G chiếm 53% người dùng smartphone Sự bùng nổ smartphone kéo theo bùng nổ ứng dụng di động kèm Hiện có nhiều kiểu ứng dụng khác cho mục đích sử dụng khác người dùng, ứng dụng cung cấp kiến thức xuất hiệu nhiều với nhiều hình thức khác ứng dụng game, flash cards knowledge sharing Lịch sử môn khoa học nghiên cứu khứ, liên quan đến vật, việc người Lịch sử tham khảo qua môn học, tài liệu giấy Với điều kiện công nghệ phát triển thời đại ngày việc tìm kiếm thơng tin học tập smartphone áp dụng hiệu giáo dục Bởi nên nhà phát triển ứng dụng cho ứng dụng phục vụ học tập, phổ biến học tiếng Anh, giải toán, vật lý, … lịch sử Riêng ứng dụng học tập cho lịch sử cụ thể lịch sử Việt Nam số lượng cịn chưa mang lại nhiều cảm hứng học môn sử cho người sử dụng Chính vậy, việc xây dựng ứng dụng di động hỗ trợ tìm hiểu lịch sử Việt Nam cần thiết Xuất phát từ lý trên, đề tài “Ứng dụng em yêu lịch sử” thực 1.2 Bài toán Ứng dụng phát triển để trở thành trợ thủ đắc lực cho đối tượng người dùng khác học sinh, sinh viên, giáo viên, người có nhu cầu tìm hiểu lịch sử Việt Nam Với mục đích cung cấp kênh trực quan, sinh động để hỗ trợ người dùng tìm hiểu lịch sử, nói chủ đề khô khan, nên ứng dụng xây dựng theo dạng ứng dụng học tập mobile 1.3 Kết hướng tới 1.3.1 Mục tiêu chung Mục tiêu chung đề tài xây dựng ứng dụng tìm hiểu lịch sử Việt Nam 1.3.2 Mục tiêu cụ thể • Biểu diễn thơng tin lịch sử dạng học theo chủ đề khác thời kỳ lịch sử, anh dân tộc, trận chiến, …; • Xây dựng diễn đàn trực tuyến để thảo luận lịch sử người dùng thành viên; • Ghi nhận trình tìm hiểu người dùng đánh giá người học qua câu hỏi thiết kê riêng cho học khác 1.4 Đối tượng phạm vi nghiên cứu 1.4.1 Đối tượng nghiên cứu Đối tượng nghiên cứu đề tài ứng dụng di động lịch sử Việt Nam 1.4.2 Phạm vi nghiên cứu Phạm vi nghiên cứu giới hạn ứng dụng di động tìm hiểu lịch sử Việt Nam ứng dụng học tập di động 10 • Danh sách biến cố STT Điều kiện kích hoạt Xử lý Chú thích Chọn mục thảo luận Hiển thị hình diễn đàn Sau người dùng nhập tên hình welcome chưa đăng nhập thành cơng trước Bấm vào button (1) Hiển thị hình đăng nhập 3.4.8 Màn hình diễn đàn • Thiết kế hình 33 • Danh sách biến cố STT Điều kiện kích hoạt Xử lý Chú thích Chọn mục thảo luận Sau người đăng nhập Bấm vào button (1) Bấm vào button (2) Bấm vào button (3) Bấm vào button (4) Hiển thị hình diễn đàn Đăng xuất tài khoản người dùng Hiên thị mục nhập câu hỏi Cập nhập trạng thái yêu thích đăng Chuyển sang hình bình luận 3.4.9 Màn hình đăng nhập • Thiết kế hình 34 • Danh sách biến cố STT Điều kiện kích hoạt Xử lý Chọn button đăng nhập hình diễn đàn Bấm vào ô input (1), (2) Bấm vào button (3) Bấm vào button (4) Hiển thị hình đăng nhập Chú thích Người dùng chưa đăng nhập thành cơng trước Hiển thị soft Nhập email, mật keyboard Thực đăng nhập Sau người dùng nhập liệu (1), (2) Chuyển sang hình tạo tài khoản 3.4.10 Màn hình đăng ký • Thiết kế hình 35 • Danh sách biến cố STT Điều kiện kích hoạt Xử lý Chọn button đăng ký hình đăng nhập Chọn button (1) Bấm vào ô input (2), (3), (4) Bấm vào button (5) Chú thích Hiển thị hình đăng ký Hiển thị camera Hiển thị soft keyboard Thực tạo tài khoản 3.4.11 Màn hình đăng câu hỏi • Thiết kế hình 36 Sau nhập liệu (1),(2),(3),(4) • Danh sách biến cố STT Điều kiện kích hoạt Xử lý Chú thích Chọn button đăng câu hỏi hình diễn đàn Bấm vào ô input (1) Nhập câu hỏi Bấm vào button (2) Hiển thị bảng nhập liệu câu hỏi Hiển thị soft keyboard Upload câu hỏi 3.4.12 Màn hình bình luận • Thiết kế hình 37 Sau nhập liệu (1) • Danh sách biến cố STT Điều kiện kích hoạt Xử lý Chọn icon comment post hình diễn đàn Bấm vào input (1) Bấm vào button (2) Chú thích Hiển thị hình bình luận Hiển thị soft keyboard Upload comment 3.4.13 Màn hình hẹn nhắc nhở • Thiết kế hình 38 Nhập nội dung câu trả lời Sau nhập liệu (1) • Danh sách biến cố STT Điều kiện kích hoạt Xử lý Chọn mục nhắc nhở Bấm vào button (1) Hiển thị hình hẹn nhắc nhở Hiển thị bảng thiết lập date time 3.4.14 Màn hình đặt nhắc nhở • Thiết kế hình 39 Chú thích • Danh sách biến cố STT Điều kiện kích hoạt Xử lý Chọn button add alarm hình hẹn nhắc nhở Bấm vào (2) Bấm vào button (1) Chú thích Hiển thị bảng thiết lập thời gian Hiển thị date time picker Lưu date time vào hệ thống 3.4.15 Màn hình lịch kiện • Thiết kế hình 40 Sau thiết lập date time (2) • Danh sách biến cố STT Điều kiện kích hoạt Xử lý Chọn tab “Xem lịch” Hiển thị hình xem lịch 3.4.16 Màn hình tìm kiếm • Thiết kế hình 41 Chú thích • Danh sách biến cố STT Điều kiện kích hoạt Xử lý Chạm vào tìm Chuyển sang kiếm hình hình tìm kiếm Nhập từ khóa vào (1) Hiển thị kết tìm kiếm (2) 42 Chú thích CHƯƠNG THỬ NGHIỆM, ĐÁNH GIÁ 4.1 Môi trường thử nghiệm Hệ điều hành: Windows 10 Android studio: 4.1.3 Flutter: 2.1.0-12.1 pre Thiết bị debug: Redmi Note 8/3GB RAM/Android 10 4.2 Kết thử nghiệm Hình 4.1: Màn hình welcome 43 Hình 4.2: Màn hình 4.3 Đánh giá sản phẩm Ứng dụng có chức đề cập mục 3.2 Tốc độ lấy liệu học từ sở liệu nhanh Tốc độ load liệu từ server Firebase chấp nhận phụ thuộc vào băng thông kết nối thiết bị Hiện sản phẩm chạy hệ điều hành Android 44 CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 5.1 Kết luận Dựa kết đề tài này, có ba nội dung trình bày cơng nghệ Flutter , tài liệu xây dựng ứng dụng “Em yêu lịch sử” thử nghiệm, đánh giá ứng dụng nói Ứng dụng có đầy đủ chức đặt ban đầu, đáp ứng mục tiêu cụ thể đề tài 5.2 Hướng phát triển Đề tài hoàn thành mục tiêu ban đầu đặt ra.Thế nhưng, có nhiều hạn chế Đề tài dừng việc khảo sát ứng dụng liên quan, xây dựng ứng dụng dựa chức ứng dụng có thị trường Hơn nữa, chức sản phẩm thử nghiệm đơn giản số chức chưa hoàn thiện, chưa đáp ứng yêu cầu người dùng Kiến thức cung cấp lịch sử Việt Nam nên không đáp ứng nhu cầu tìm hiểu lịch sử giới cho người dùng Đề tài nên tiến hành thêm: • Tiến hành cài đặt chức chưa hoàn thành cho ứng dụng Cài đặt đánh giá ứng dụng tảng IOS; • Bổ sung nội dung lịch sử giới kho liệu lịch sử để người dùng tham khảo; • Trong thời gian tới, nên sử dụng kết đề tài để xây dựng ứng dụng thương mại hóa 45 TÀI LIỆU THAM KHẢO https://nguoikesu.com/anh-hung-dan-toc https://zingnews.vn/nhung-tran-chien-lay-lung-trong-lich-su-viet-nam-post358379.html https://medium.com/@info_67212/how-to-perform-a-search-in-flutter-app-1365bd317a0c https://flutter.dev/docs/development/ui/layout/tutorial 46 47 ... Tháng – tháng Tháng – tháng 100% Tháng – tháng Tháng – tháng 100% Tháng – tháng Tháng – tháng Tháng – tháng 100% Tháng – tháng Tháng – tháng Tháng – tháng Tháng – tháng 100% Tháng – tháng Tháng... hứng học môn sử cho người sử dụng Chính vậy, việc xây dựng ứng dụng di động hỗ trợ tìm hiểu lịch sử Việt Nam cần thiết Xuất phát từ lý trên, đề tài ? ?Ứng dụng em yêu lịch sử? ?? thực 1.2 Bài toán... XÂY DỰNG ỨNG DỤNG 3.1 Tổng quan ứng dụng 3.1.1 Khảo sát ứng dụng liên quan Hiện kho ứng dụng Play Store App Store có nhiều ứng dụng tìm hiểu lịch sử đặc biệt lịch sử Việt Nam Dưới bảng đánh giá