ĐẠ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 CUỐI KỲ ĐỒ ÁN Cẩm nang kỹ đời sống cho trẻ Giảng viên hướng dẫn: Huỳnh Nguyễn Khắc Huy Danh sách thành viên nhóm: Phạm Minh Việt – 18520398 MỤC LỤC I Giới thiệu đồ án Cẩm nang kỹ sống cho trẻ em trang web tổng hợp kỹ cần thiết, cung cấp thơng tin bổ ích cho phụ huynh bé II Phân tích, thiết kế mơ hình hóa A ST T Xác định phân tích yêu cầu phần mềm Tên yêu cầu Biểu mẫu Đăng nhập Tạo viết Tạo trắc nghiệm Tạo câu hỏi Tạo báo cáo Ghi BM1 BM2 BM3 BM4 BM5 Đăng nhập BM1: Đăng nhập Email Mật Cho phép người dùng đăng nhập vào hệ thống thực chức theo nhu cầu người dùng Hình ảnh Tiêu đề Nội dung Trắc nghiệm Câu hỏi Tag Tạo viết BM2: Tạo viết Đường dẫn video Trả lời Người dùng tạo viết gồm hình ảnh, đường dẫn video (nếu có), tiêu đề viết, nội dung viết, trắc nghiệm (tự chọn), tag Câu hỏi Trả lời n Tạo trắc nghiệm BM3: Tạo trắc nghiệm Là đáp án đúng? Người dùng tạo trắc nghiệm tạo viết, sửa viết Tạo câu hỏi BM4: Tạo câu hỏi thường gặp Câu hỏi Trả lời Chỉ có admin tạo câu hỏi nhằm trả lời khúc mắc sử dụng ứng dụng Tạo báo cáo BM5: Tạo báo cáo Lý báo cáo Người dùng báo cáo viết vi phạm tiêu chuẩn cộng đồng (tối thiểu 10 từ) để admin xét duyệt giải B Biểu đồ use-case Sơ đồ use-case hệ thống • • • • • • Đặc tả use-case a) Đăng nhập Tóm tắt: Use-case cho phép người dùng đăng nhập vào hệ thống Actor: Người dùng, Admin Điều kiện:  Người dùng có email mật Kịch bản: o Người dùng đăng nhập vào hệ thống email mật o Hệ thống kiểm tra xem email mật có tồn khơng trả accessToken, accessToken cần thiết cho chức hệ thống o Đăng nhập thành công, chuyển vào giao diện chính, lưu thơng tin vào localStorage Các lỗi xảy ra: o Email không tồn o Mật khơng khớp với tài khoản Biểu đồ: • • • • • • b) Tạo viết Tóm tắt: Use-case cho phép người dùng tạo viết Actor: Người dùng Điều kiện: Có hình ảnh, tiêu đề nội dung Kịch bản:  Người dùng nhập thông tin cần thiết (ảnh, video, tiêu đề, nội dung, trắc nghiệm, tag)  Lưu viết vào hệ thống Các lỗi xảy ra:  Kích thước ảnh lớn (hơn 1MB) khơng có ảnh  Thiếu tiêu đề, nội dung Biểu đồ: • • • • • • c) Tạo trắc nghiệm Tóm tắt: Use-case cho phép người dùng tạo trắc nghiệm cho viết Actor: Người dùng Điều kiện: Có câu hỏi đáp án, có đáp án Kịch bản:  Người dùng đặt câu hỏi tạo đáp án, đặt đáp án đáp án Các lỗi xảy ra: o Thiếu câu hỏi o Thiếu đáp án câu hỏi có đáp án sai Biểu đồ: • • • • • • d) Tạo báo cáo Tóm tắt: Use-case cho phép người dùng báo cáo viết Actor: Người dùng Điều kiện: Lý có tối thiểu 10 từ Kịch bản:  Người dùng nhập lý  Hệ thống lưu lại báo cáo gồm ID người dùng, ID viết lý Các lỗi xảy ra:  Khơng có lý 10 từ trở xuống Biểu đồ: • • • • • • e) Lưu viết Tóm tắt: Use-case cho phép người dùng lưu viết xem Actor: Người dùng Điều kiện: Khơng có Kịch bản: o Người dùng chọn lưu viết o Hệ thông lưu lại viết Các lỗi xảy ra: Khơng có Biểu đồ: • • • • • • f) Tạo câu hỏi Tóm tắt: Use-case cho phép Admin tạo câu hỏi thường gặp Actor: Admin Điều kiện: Phải Admin Kịch bản: o Admin tạo câu hỏi trả lời o Hệ thống kiểm tra thông tin o Hệ thống lưu lại vào CSDL Các lỗi xảy ra:  Thiếu câu hỏi trả lời Biểu đồ: E Biểu đồ hoạt động Đăng nhập Tạo viết Tạo trắc nghiệm Tạo báo cáo Lưu viết Tạo câu hỏi III Hiện thực A Mô tả sở liệu Các loại thực thể CSDL a) Users (Người dùng) Thuộc tính Khóa ngoại Kiểu liệu Mơ tả uid serial Khóa bảng Users email text Email người dùng password text Mật người dùng role text Quyền truy cập người dùng, gồm Thuộc tính ud_id uid name address phone_num b avatar Thuộc tính post_id uid title content thumbnail vid_url post_time tags Thuộc tính loại user superuser; superuser phép truy cập vào mục Admin b) UserDetails (Thông tin người dùng) Khóa ngoại Kiểu liệu Mơ tả serial Khóa bảng UserDetails Tham chiểu tới integer Cho biết thông tin Users(uid) tương ứng với người dùng text Họ tên người dùng text Địa lưu trú text Số điện thoại text Địa tham chiếu tới ảnh đại diện người dùng c) Posts (Bài viết) Khóa ngoại Kiểu liệu Mơ tả serial Khóa bảng Posts Tham chiểu tới integer Cho biết viết Users(uid) người dùng đăng text Tiêu đề viết text Nội dung viết text Địa tham chiếu tới ảnh viết text Đường dẫn video viết timestamp Thời gian viết tạo text[] Tag tương ứng với viết d) Quizzes (Trắc nghiệm) Khóa ngoại Kiểu liệu Mô tả quiz_id post_id content Thuộc tính fav_id post_id uid Thuộc tính faq_id uid content Thuộc tính report_id uid serial Tham chiếu tới Posts(post_id) integer jsonb Khóa bảng Quizzes Cho biết trắc nghiệm thuộc viết JSON gồm câu hỏi đáp án e) Favorites (u thích) Khóa ngoại Kiểu liệu Mơ tả serial Khóa bảng Favorites Tham chiểu tới integer Cho biết viết Posts(post_id) u thích/lưu nào; trường hợp xóa viết post_id tham chiếu nên khơng phải tham chiếu coi thuộc tính tham chiếu Tham chiếu tới integer Cho biết người Users(uid) dùng lưu viết f) FAQs (Câu hỏi thường gặp) Khóa ngoại Kiểu liệu Mơ tả serial Khóa bảng FAQs Tham chiếu tới integer Cho biết người Users(uid) dùng tạo câu hỏi jsonb JSON gồm câu hỏi trả lời g) Reports (Báo cáo) Khóa ngoại Kiểu liệu Mơ tả serial Khóa bảng Reports Tham chiếu tới integer Cho biết người Users(uid) post_id Tham chiểu tới Posts(post_id) integer reason text report_time timestamp open boolean Biểu đồ ERD dùng báo cáo viết; lý tương tự Favorites Cho biết viết bị báo cáo; lý Lý báo cáo viết Thời gian báo cáo tạo Trạng thái báo cáo, true xóa viết đóng báo cáo B Các chức Đăng nhập Đăng ký Quản lý viết Tạo trắc nghiệm Quản lý thông tin cá nhân Quản lý thông tin nhạy cảm Lưu/Báo cáo viết Quản lý báo cáo • • Quản lý câu hỏi C Các yêu cầu khác Hệ quản trị sở liệu: PostgreSQL v12+ Hệ điều hành: Microsoft Windows 10 IV Tham khảo Tài liệu đặc tả ngôn ngữ UML: https://www.uml-diagrams.org/ Hướng dẫn UML Visual Paradigm: https://www.visualparadigm.com/guide/ Hướng dẫn UML TutorialsPoint: https://www.tutorialspoint.com/uml/ Hướng dẫn UML Lucidchard: Use-Case: https://www.lucidchart.com/pages/uml-use-casediagram b Trạng thái: https://www.lucidchart.com/pages/uml-statemachine-diagram c Hoạt động: https://www.lucidchart.com/pages/uml-activitydiagram d Trình tự: https://www.lucidchart.com/pages/uml-sequencediagram Hướng dẫn UML GeeksForGeeks: a Trạng thái: https://www.geeksforgeeks.org/unified-modelinglanguage-uml-state-diagrams/?ref=lbp b Trình tự: https://www.geeksforgeeks.org/unified-modelinglanguage-uml-sequence-diagrams/?ref=lbp Tài liệu đặc tả CSDL tham khảo: https://tailieu.vn/doc/dac-ta-co-sodu-lieu-187481.html a ...MỤC LỤC I Giới thiệu đồ án Cẩm nang kỹ sống cho trẻ em trang web tổng hợp kỹ cần thiết, cung cấp thông tin bổ ích cho phụ huynh bé II Phân tích, thiết kế mơ hình hóa... dùng đặt câu hỏi tạo đáp án, đặt đáp án đáp án Các lỗi xảy ra: o Thiếu câu hỏi o Thiếu đáp án câu hỏi có đáp án sai Biểu đồ: • • • • • • d) Tạo báo cáo Tóm tắt: Use-case cho phép người dùng báo... tiêu đề, nội dung Biểu đồ: • • • • • • c) Tạo trắc nghiệm Tóm tắt: Use-case cho phép người dùng tạo trắc nghiệm cho viết Actor: Người dùng Điều kiện: Có câu hỏi đáp án, có đáp án Kịch bản:  Người