Xây dựng ứng dụng đọc báo

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM -□□□□  - ĐỒ ÁN MÔN HỌC Đề tài: ỨNG DỤNG ĐỌC BÁO Nhóm phụ trách: Lớp: Giảng viên hướng dẫn: Ths Huỳnh Tuấn Anh Thành phố Hồ Chí Minh – Năm 2021 ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH ĐẠI HỌC CƠNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM -□□□□  - ĐỒ ÁN MÔN HỌC Đề tài: ỨNG DỤNG ĐỌC BÁO Nhóm phụ trách: Lớp: Giảng viên hướng dẫn: Ths Huỳnh Tuấn Anh Thành phố Hồ Chí Minh – Năm 2021 ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc Lập - Tự Do - Hạnh Phúc TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN TP HCM, ngày… tháng… năm…… NHẬN XÉT ĐỒ ÁN MÔN HỌC Tên đồ án: ỨNG DỤNG ĐỌC BÁO Nhóm SV thực hiện: Cán hướng dẫn: Trương Gia Thạch 19522183 Nguyễn Tấn Tiến 1952 Ths Huỳnh Tuấn Anh Đánh giá đồ án: Về báo cáo: Số trang Số chương Số bảng số liệu Số hình vẽ Số tài liệu tham khảo Sản phẩm Một số nhận xét hình thức báo cáo: Về nội dung nghiên cứu: Về chương trình ứng dụng: 4 Về thái độ làm việc sinh viên: Đánh giá chung: Điểm sinh viên: Trương Gia Thạch: /10 Nguyễn Tấn Tiến: /10 Người nhận xét (Ký tên ghi rõ họ tên) MỤC LỤC LỜI MỞ ĐẦU Chương 1: Thông tin chung .10 Tên đề tài : Ứng dụng đọc báo Môi trường phát triển ứng dụng : Mơi trường triển khai Thơng tin nhóm 10 10 10 10 Chương 2: Phát biểu toán 12 Trình bày khảo sát trạng 1.1 Nhu cầu thực tế đề tài 12 Xác định yêu cầu hệ thống Yêu cầu ứng dụng 3.1 Giới thiệu: 13 3.2 Danh sách bên liên quan: .13 3.2.1 Người sử dụng: 13 3.2.2 Người phát triển ứng dụng: 13 3.3 Yêu cầu chức năng: 14 3.3.1 Chức đăng nhập: 14 3.3.2 Xem báo: .14 3.3.3 Comment: 14 3.3.4 Đánh dấu viết: 14 3.3.5 Báo cáo vi phạm (Report): 14 3.3.6 Tìm kiếm viết 14 3.3.7 Xem thông tin thời tiết, cổ phiếu: 14 12 12 13 CHƯƠNG 3: MƠ HÌNH HĨA ỨNG DỤNG 15 Sơ đồ USE CASE tổng thể: Danh sách USE CASE: Đặc tả: 3.1 Đăng nhập 16 3.2 Đăng xuất 17 3.3 Comment viết 17 3.4 Đánh dấu viết 17 3.5 Xem lại viết đánh dấu 18 15 16 16 3.6 3.7 3.8 3.9 3.10 Tìm kiếm viết 18 Thay đổi theme 19 Report, báo cáo lạm dụng 19 Xoá comment .19 Xóa viết 20 CHƯƠNG 4: THIẾT KẾ ỨNG DỤNG 21 Thiết kế sở liệu 1.1 Sơ đồ sở liệu 1.2 Cơ sở liệu Firebase 1.2.1 Table User 21 1.2.2 Table News 22 1.2.3 Table comment 23 1.2.4 Table Report 23 1.2.5 Table TypeNews 23 Thiết kế giao diện: 2.1 Sơ đồ liên kết hình: 24 2.2 Danh sách hình: 2.3 Mơ tả chi tiết hình 2.3.1 Trang chủ: 26 2.3.2 Đã đánh dấấu: 29 2.3.3 Th iờtếất: 30 2.3.4 Cổ phiếu: 32 2.3.5 Cài đặt 33 2.3.6 Bài viết 35 2.3.7 Comment page 36 2.3.8 Report page 37 2.3.9 Danh mục báo 38 2.3.10 Calendar 39 2.3.11 Tìm kiếm 40 TÀI LIỆU THAM KHẢO .43 21 21 21 24 25 26 LỜI MỞ ĐẦU Chúng em xin chân thành cảm ơn thầy tận tình giảng dạy truyền đạt kiến thức quý báu giúp chúng em hồn thành đồ án Mặc dù sản phẩm chúng em có gắng hồn thành tốt chắn khơng thể tránh khỏi sai sót Mong thầy góp ý bảo thêm để chúng em hồn thiện cách hồn hảo Tp Hồ Chí Minh, ngày tháng năm 2021 Nhóm tác giả Chương 1: Thông tin chung o -1 Tên đề tài : Ứng dụng đọc báo Môi trường phát triển ứng dụng : - Hệ điều hành: Microsoft Windows, Linux - Hệ quản trị sở liệu: Firebase - Cơng cụ phân tích thiết kế: Draw.io - Cơng cụ xây dựng ứng dụng: Visual Studio Code - Ngôn ngữ : Dart - Framework : Flutter Môi trường triển khai − Hệ điều hành: Android, iOS Thông tin nhóm - Tên nhóm: Số lượng thành viên: STT Họ tên MSSV Số điện thoại Lớp Trương Gia Thạch 19522183 0398903901 KTPM2019 Nguyễn Tấn Tiến KTPM2019 - Phân công công việc: Họ tên Công việc Đánh giá trình - ST T Trương Gia Thạch Design UI thiết kế tính 10/10 Nguyễn Tấn Tiến Hồn thiện tính năng, debug 10/10 Chi tiết cơng việc Tên công việc Thành viên Thạch Tiến Xác định yêu cầu toán x x Xác định danh sách actor, use-case, vẽ sơ đồ x x Xác định danh sách đối tượng có phần mềm & vẽ sơ đồ lớp x Phân tích liệu để vẽ sơ đồ liệu Tạo project, set up môi trường làm việc x Xác định danh sách hình, quyền truy cập hình x x Vẽ phác thảo hình ghi chức x x Dựa vào danh sách hình phác thảo hình để tạo nên trang web x 10 Dự báo thời tiết cho ngày sau Tên XL tiết hôm hôm load lên Hiển thị dự báo thời tiết cho ngày sau Hiển thị dự báo thời tiết cho ngày sau Khi form Weather load lên Tên hàm widget Cách xử lí Thanh tìm kiếm FavItem( BuildContext, News) Sử dụng widget ListView để liệt kê FavItem() ( trang báo đánh dấu yêu thích) Tên tọa độ tỉnh thành LocationView(double, double, string) Thông qua tên thành phố apiKey, gửi yêu cầu tới trang web: “api.openweathermap.org” sau lấy liệu dự báo thời tiết Dự báo thời tiết WeatherSummary( Weat herCondition, double, double, bool), - LocationVIew():hiển thị tọa độ tên thành phố -WeatherDescriptionView - WeatherSummary():hiển thị thông tin điều kiện thời tiết loại nhiệt độ Ghi ( String) - WeatherDescriptionView(): hiển thị mô tả thời tiết Dự báo thời tiết cho ngày sau buildDailySummary( RxList ) - buildDailySummary(): thị thông tin thời tiết cho ba ngày 39 2.3.4 Cổ phiếu: 40 ST T Tên XL Ý nghĩa Thanh chọn thời gian Chọn thời gian biến động Chọn thời gian biến động (ngày, tuần, tháng, năm) Khi form cổ phiếu gọi lên Settings Cài đặt đồ thị Cài đặt đồ thị Khi ấn vào Icon Menu Currency Chon loại tiền tệ Loại tiền tệ Khi ấn vào Icon Menu Chart Type Chọn loại đồ thị Loại đồ thị Khi ấn vào Icon Menu Tên XL Mô tả Tên hàm widget Điều kiện gọi Cách xử lí Thanh chọn thời gian Hiện thị textButton, chọn thay đổi thời gian, từ chương trình thay đổi đồ thị theo thời gian Settings Hiển thị loại cài đặt: Ghi Ghi - Currency - Char Type Currency Từ “loại tiền tệ” chọn chương trình gửi yêu cầu tới trang web: Chart Type “finnhub.io/api/v1/stock/candle” để lâý liệu Sau dựa vào Chart Type lựa chọn widget CustomPaint để vẽ đồ thị 41 2.3.5 42 2.3.6 Cài đặt Trước đăng nhập STT Tên XL Logout/Logi n Sau đăg nhập Ý nghĩa Mô tả Điều kiện gọi Đăng xuất/đăng nhập tài khoản Icon Logout/ Icon Login Khi click vào icon login/ icon logout Font chữ Thay đổi font chữ Thay đổi font chữ Khi click vào Item Font chữ Cỡ chữ Thay đổi cỡ chữ Thay đổi cỡ chữ Khi click vào icon add icon remove Ghi 43 Màu chủ đề Tên XL Thay đổi màu chủ đề Tên hàm widget Logout Thay đổi màu chủ đề Khi click vào item màu chủ đề Cách xử lí Ghi Giống với logout mục Trang chủ Font chữ FontSizeSetting() Hiển thị nhữn font chữ thay đổi, font chữ có index riêng, chọn font chữ, chương trình dựa vào index để thay đổi font chữ Cỡ chữ FontFamilySetting( ) - Hiển thị cỡ chữ - Biến quản lí (textSize) , thay đổi chương trình dựa vào textSize để thay đổi cỡ chữ Màu chủ đề ColorDot(int) - Hiện thị danh sách màu sắc chủ đề cách sử dụng ListView.builder - Biến quản lí: kPrimaryColor - ColorDot(): gán kPrimaryColor giá trị màu chọn Sau chương trình dựa vào kPrimaryColor để thay đổi màu chủ đề 44 2.3.7 Bài viết ST T Tên XL Ý nghĩa Mô tả Điều kiện gọi Favorite Đánh dấu/ hủy đánh dấu mục yêu thích Đánh dấu/ hủy đánh dấu mục yêu thích Khi click vào Icon favorite icon favorite_selected Cỡ chữ Thay đổi cỡ chữ Thay đổi cỡ chữ Khi click vào icon format_size_outlined Comment Chuyển tới trang bình luận Bình luận viết Khi click vào icon comment_bank_outlined Report Chuyển tới trang report Báo cáo viết Khi click vào icon error Ghi 45 Tên XL Favorite Tên hàm widget Cách xử lí addNewsToListFav( MyUser, News), addNewsToListFav() : truy cập tới firebase thêm báo báo đánh dấu vào mục yêu thích Ghi - deleteNewsFromListFav( MyUser, News) Cỡ chữ increaseFontSize() Comment deleteNewsFromListFav(): truy cập tới firebase xóa báo báo đánh dấu vào mục yêu thích Tương tự cỡ chữ form Cài đặt, click vào icon này, textSize tăng thêm Là item widget CustomNavigationBar Report 2.3.8 Comment page 46 STT Tên XL Ý nghĩa Mô tả Điều kiện gọi Thanh văn Để nhập comment Nhập comment Khi click vào văn add Thêm comment Nút xác nhận thêm comment Khi click vào icon add_comment_outlined comment Hiển thị comment Hiển thị comment Khi trang report load Tên XL Tên hàm Widget Thanh văn Cách xử lí Ghi Ghi Sử dụng textField để thể văn textEditingController để quản lí văn add addComment(Comment) Truy cập firebase thêm comment vào mục comment comment buildListCmt() Truy cập Firebase, lấy diệu mục comment in dạng Text 47 2.3.9 Report page STT Tên XL Ý nghĩa Mô tả Điều kiện gọi Report Để nhập report Chỗ để nhập report Khi click vào Report Send Gửi report Nút xác nhận gửi report Khi click vào send Tên XL Report Tên hàm Widget Cách xử lí Ghi Ghi Sử dụng textField để thể văn textEditingController để quản lí văn 48 Send sendReport(String,String) Truy cập firebase thêm report vào mục Report, sau thêm thơng báo cho người dùng kết hồn thành báo lỗi 2.3.10 Calendar STT Tên XL Lịch Ý nghĩa Hiển thị lịch Mô tả Điều kiện gọi Hiển thị lịch Khi click vào Icon lịch trang trang chủ Lịch TableCalendar(), - Sử dụng widget TableCalendar có sẵn, 49 Ghi getEventsForDay(), onDaySelected(), convertSolar2Lunar(int, int, int, int) bắt kiện, biến, function widget này: +getEventForDay(): trả kiện có ngày +onDaySelected(): gán biến quản lí ngày(selectedDay) ngày chọn - Các dấu chấm lịch cho biết ngày có kiện convertSolar2Lunar() : chuyển ngày dương sang ngày âm 2.3.11 Tìm kiếm Sau click vào Icon tìm kiếm Tìm kiếm có liệu tìm kiếm khơng có liệu 50 STT Tên XL Ý nghĩa SearchPage Tìm kiếm báo theo tiêu đề Tên XL Tên hàm Widget Mô tả Điều kiện gọi Tìm kiếm báo Ghi Click vào Icon search trang Trang Chủ Cách xử lí Ghi SearchPage getListThumbWithName( getListThumbWithName(): truy cập vào Firebase, lấy danh sách tất báo, so 51 String) getList sánh tiêu đề báo với từ khóa tìm kiếm, có phần tử giống lưu báo vào danh sách Sau sử dụng listView.builder để in hết danh sách hình 2.3.12Danh mục báo Chức năng: Hiển thị danh sách tờ báo thể loại chọn 52 TÀI LIỆU THAM KHẢO https://firebase.flutter.dev/docs/firestore/usage Slile hướng dẫn thầy Huỳnh Tuấn Anh https://drive.google.com/drive/folders/10pgQFeWDxpB1XqNmmPS5EAnr5XqOBmg 53 ... triển ứng dụng theo tiêu chí phản hồi đa số người dùng 3.2 Danh sách bên liên quan: 3.2.1 Người sử dụng: Là cá nhân sử dụng ứng dụng 3.2.2 Người phát triển ứng dụng: Là nhóm thành viên xây dựng ứng. .. tài : Ứng dụng đọc báo Môi trường phát triển ứng dụng : - Hệ điều hành: Microsoft Windows, Linux - Hệ quản trị sở liệu: Firebase - Cơng cụ phân tích thiết kế: Draw.io - Công cụ xây dựng ứng dụng: ... để đọc, cịn internet bất cập việc phải ln sử dụng mạng đọc việc tìm kiếm trang web đáng tin cậy, phù hợp với thân nhiều thời gian Vậy để thuận tiện cho việc đọc báo, nhóm em cho đời ứng dụng đọc