ĐẠ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 -☺☺☺ - ĐỒ ÁN ĐỀ TÀI: “Xây dựng ứng dụng tuyên truyền theo dõi dịch bệnh Covid19” Giảng viên hướng dẫn: Thái Thụy Hàn Uyển Sinh viên thực hiện: Tạ Quang Tiến 17521129 Ngơ Hà Thế Vĩ 17521255 Tp Hồ Chí Minh, 23 tháng 06 năm 2021 LỜI CẢM ƠN Nhóm em xin chân thành cảm ơn hướng dẫn tận tình Thái Thụy Hàn Uyển - giảng viên hướng dẫn môn Đồ án hỗ trợ cho nhóm q trình nghiên cứu để nhóm hồn thành đ ề tài Vì kiên thức chúng em cịn han hẹp nên khơng th ể tránh kh ỏi thiêu sót q trình thực đ án Vì v ậy nhóm chúng em ln mong đợi nhận ý kiên đóng góp quý báu từ phía gi ảng viên để qua rút kinh nghiệm, tự sửa chữa, hoàn thiện thân tinh thần nghiêm túc, tự giác học h ỏi Một lần nhóm chúng em xin chân thành cảm ơn Nhóm nghiên cứu NHẬN XÉT CỦA GIÁO VIÊN MỤC LỤC MỞ ĐẦU 1.1 Lí chọn đề tài Với tình hình dịch Covid nhiều biên động, hoàn c ảnh nước cố gắng chung tay chống chọi với dịch bệnh đa phần chưa thực nắm rõ tình hình chung dịch bệnh nh thi hiểu biêt virus Corona Sau thời gian tìm hiểu cân nhắc, nhóm nhận th v ấn đ ề mang tính thực tê, vơ thiêt yêu nên nhóm quyêt định l ựa ch ọn đề tài để nghiên cứu phát triển cho môn học 1.2 Phương pháp nghiên cứu & phát triển Nhóm chúng em thực đề tài b ằng ngôn ngữ Dart v ới công nghệ ứng dụng Flutter Trong q trình tìm hiểu nghiệp vụ, nhóm chúng em có tham kh ảo trang thơng tin tình hình dịch bệnh mang xã hội Cùng v ới ứng dụng có sẵn phát triển thành công ch ợ ứng dụng đ ể có nhìn tổng qt đề tài chọn • Nhóm phát triển tn theo quy chuẩn thiêt k ê ứng dụng hành Nhóm thực bước sau trình phát tri ển ứng d ụng: Bước 1: Nhóm tiên hành thu thập thông tin yêu cầu người dùng Bước 2: Nhóm tiên hành vẽ Usecase Diagram để mơ hình hố u cầu người dùng Bước 3: Nhóm tiên hành nghiên cứu ứng dụng sẵn có (với ch ức tương tự) thị trường để bắt kịp xu hướng Bước 4: Nhóm thực chỉnh sửa lai mơ hình hố u cầu người dùng theo thu thập Bước 5: Nhóm tiên hành nghiên cứu cơng nghệ sẵn có để lựa chọn mơi trường phù hợp phát triển ứng dụng Nhóm ch ọn Flutter (Cross platform) để phát triển ứng dụng phát huy tối đa đ ược t ốc độ th ực thi, đồng thời hỗ trợ tính cấp phục vụ cho yêu cầu c ng ười dùng rút ngắn thời gian phát triển ứng dụng dựa tính cấp thiêt đề tài giai đoan Bước 6: Nhóm tiên hành thiêt kê giao diện Prototype cho ứng dụng Bước 7: Nhóm tiên hành cơng đoan cài đặt cho ứng dụng Bước 8: Nhóm tiên hành cơng việc bảo trì (sửa chữa lỗi phát tri ển thêm tính chưa đề ban đầu) Bước 9: Nhóm hồn thành đồ án • Mơ hình sử dụng để xây dựng đề tài: MVC 1.3 Đối tượng hướng đến Ứng dụng hướng đên tất đối tượng người dùng sử dụng điện thoai thông minh GIỚI THIỆU VỀ FLUTTER Hình 1-1 Logo Dart 2.1 Giới thiệu ngơn ngữ lập trình Dart 2.1.1 Ngơn ngữ lập trình Dart gì? - Dart ngơn ngữ lập trình mới, phát triển Google, hi ện chấp thuận tổ chức Ecma (ECMA-408) Nó sử dụng để xây dựng loai ứng dụng: web, server, di động (IOS Android) - Dart ngôn ngữ lập trình hướng đối tượng, với chê garbage collector, cú pháp kiểu C Nó hỗ tr ợ khái niệm lập trình đai nh interface, mixin, abstract, generic, type-safe Đây ngơn ng ữ lập trình mã nguồn mở, công bố Github 2.1.2 Ưu điểm Dart Một số ưu điểm vượt trội Dart so với ngơn ngữ lập trình khác: - Năng suất: Dart có cú pháp dễ hiểu, rõ ràng súc tích Type-safe giúp lập trình viên xác định sớm lỗi Bên canh Dart có h ệ sinh thái rộng lớn lên đên hàng nghìn packages - Nhanh: Dart cung cấp tối ưu hóa việc biên dịch trước thời han để có dự đoán hiệu suất cao khởi động nhanh thiêt bị di đ ộng web - Dễ làm quen: Do Dart có cú pháp kiểu C/C++, nên dễ học Nêu ban biêt C ++, C # Java, ban có th ể làm việc hi ệu qu ả v ới Dart ch ỉ sau vài ngày - Reactive: Dart phù hợp với lập trình Reactive, với hỗ tr ợ để quản lý đối tượng tồn tai thời gian ngắn, chẳng h an nh widget UI, thông qua phân bổ đối tượng nhanh garbage collector Dart h ỗ tr ợ l ập trình khơng đồng thơng qua tính ngôn ngữ API s dụng đ ối tượng Future Stream Từ ngơn ngữ lập trình Dart, Google giới thiệu Framework Futter s dụng ngôn ngữ Dart để phát triển ứng dụng di động chay đa tảng 2.2 Giới thiệu framework Flutter Hình 1-2 Logo Flutter 2.2.1 Flutter gì? - Flutter phát triển nhằm giải quyêt toán thường gặp việc phát triển ứng dụng Fast Development (phát triển ứng d ụng nhanh) Native Performance (hiệu suất tối ưu cho tảng) Nêu nh React Native đảm bảo Fast Development Native language đ ảm bảo Native Performance Flutter làm điều - Phiên Flutter gọi "Sky" chay hệ điều hành Android Nó cơng bố tai hội nghị nhà phát triển Dart 2015, h ỗ tr ợ ứng dụng hoat động mức 120 khung hình giây - Trong phát biểu hội nghị Google Developer Days t Thượng Hải, Google công bố phiên Flutter Release Preview 2, phiên lớn cuối trước Flutter 1.0 - Vào ngày tháng 12 năm 2018, Flutter 1.0 đ ược phát hành t s ự kiện Flutter Live, phiên "ổn định" framework 2.2.2 Kiến trúc Flutter Hình 1-3 Kiến trúc Flutter Flutter viêt chia làm hai tầng: - Tầng sử dụng ngôn ngữ Dart cung cấp đoan mã xây d ựng lên ứng dụng Flutter Các đoan mã cung cấp ph ương tiện đ ể có th ể thay đổi chỉnh sửa chúng Từ giúp ứng dụng l ập trình viên có th ể tùy chỉnh theo mong muốn Tầng Framework giúp lập trình viên thay đổi mã nguồn ứng dụng thời điểm compile time - Tầng thứ hai Flutter nằm sâu bên viêt ngôn ngữ C++ Tầng Shell chứa công cụ trợ giúp ứng d ụng Flutter trình chay Ở tầng cịn có máy ảo Dart VM Khái ni ệm máy ảo khái ni ệm v10ề ứng dụng chay song song với mã nguồn nh phần c ứng dụng Máy ảo Dart VM có ba nhiệm vụ bao gồm: Hình 3-3 Use case Thống kê tình hình dịch bệnh Mô tả Usecase : - Usecase cho phép người dùng xem thống kê hình tình dịch - bệnh Thống kê theo quốc gia có thơng tin top nước có s ố ca m ắc - nhiều Thống kê theo quốc gia xem thống kê ngày hôm - hôm qua Bản đồ dịch bệnh cho phép xem vị trí bị bùng phát corona Hình 3-4 Use case Thông tin triệu chứng Mô tả Usecase : - 20 Xem thông tin triệu chứng có khả bị lây nhiễm corona Hình 3-5 Use case Thơng tin cách phịng tránh Mơ tả Usecase: - Xem thơng tin cách phịng tránh dịch bệnh Hình 3-6 Use case Thông tin canh báo Mô tả Usecase: - Xem thơng tin đính thơng tin sai lệch Hình 3-7 Use case Thông tin virus corona Mô tả Usecase - Xem thông tin giới thiệu virus corona Hình 3-8 Use case Tin tức tình hình dịch bệnh Mô tả Usecase: - Xem tin tức tình hình corora trang báo 4.6 Giao diện ứng dụng 21 - Màn hình Dashboard - Màn hình thống kê tình hình dịch bệnh thê giới 22 - 23 Màn hình tìm kiêm quốc gia - 24 Màn hình thống kê tình hình dịch bệnh quốc gia 25 - 26 Màn hình đồ vùng dịch - 27 Màn hình triệu chứng - 28 Màn hình cách phịng tránh 29 Màn hình cảnh báo 30 - Màn hình Virus SARS CoV-2 31 - Màn hình tin tức dịch bệnh KẾT LUẬN 5.1 Kết thu - Căn vận dụng Dart Flutter vào việc phát tri ển ứng d ụng di động - Sữ dụng API để lấy liệu từ nguồn thông tin - Nắm bắt nhu cầu người dùng trước tình hình dịch ph ức t ap 32 dụng - Kêt thúc môn học, nhóm tìm hiểu hồn thành ứng tương đối hồn chỉnh Với hướng dẫn từ cơ, kiên th ức mà cô cung cấp, chúng em áp dụng design pattern tốt nh ững quy chuẩn phát triển ứng dụng để có ứng dụng tốt Trong khoảng thời gian han chê, nhóm phát triển m ột phần mềm tương đối hồn thiện Phần mềm tai đáp ứng tốt đ ược chức cho người dụng dể dàng cập nhật thơng tin tr ước tình hình d ịch bi ên động 5.2 Khó khăn - Gặp khó khăn việc tìm kiêm nguồn API có thơng tin đ ầy đ ủ xác - Công nghệ thường xuyên cập nhật thay đổi dẫn đên việc phát sinh lỗi trình thiêt kê thường xun - u cầu máy tính có cấu hình cao để phát tri ển ứng d ụng, chi êm nhiều tài nguyên Debug 5.3 Phương hướng phát triển - Hoàn thiện mặt giao diện, cải thiện tốc độ phản hồi, cung c ấp trải nghiệm cham vuốt mượt mà - Sắp xêp bố cục hợp lý hơn, mang lai trải nghiệm sử dụng đ ơn gi ản trực quan - Kiêm nguồn liệu ổn định chất lượng 33 - Vận dụng công nghệ để mang lai nhiều chức thiêt th ực hữu ích TÀI LIỆU THAM KHẢO Nhóm có dùng tài liệu tham khảo từ trang ch ủ Flutter Bên canh nhóm chúng em cịn tham khảo nhiều chủ đề th ảo luận, ví d ụ minh ho a v ề Dart, Flutter trang web Youtube, Medium, Stackoverflow, Github, … https://pub.dev/ https://github.com/flutter/samples https://flutter.dev/docs https://stackoverflow.com/ https://youtube.com/ 34 ... 16 PHÁT TRIỂN ỨNG DỤNG TUYÊN TRUYỀN VÀ THEO DÕI DỊCH BỆNH COVID19 4.1 Đặt vấn đề Với tình hình dịch Covid nhiều biên động, hoàn c ảnh nước cố gắng chung tay chống chọi với dịch bệnh đa phần chưa... v10ề ứng dụng chay song song với mã nguồn nh phần c ứng dụng Máy ảo Dart VM có ba nhiệm vụ bao gồm: + Làm ứng dụng trung gian mã nguồn viêt Dart thiêt bị phần cứng (hoặc phần mềm nằm ứng dụng) ... nghệ ứng dụng Flutter Trong q trình tìm hiểu nghiệp vụ, nhóm chúng em có tham kh ảo trang thơng tin tình hình dịch bệnh mang xã hội Cùng v ới ứng dụng có sẵn phát triển thành cơng ch ợ ứng dụng