Xây dựng mạng xã hội chia sẻ và luyện thi toeic

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH XÂY DỰNG MẠNG XÃ HỘI CHIA SẺ VÀ LUYỆN THI TOEIC Giảng viên hướng dẫn: ThS Lê Thanh Trọng Nhóm sinh viên thực hiện: Quản Tiến Nghĩa 18520111 Huỳnh Thị Kim Thảo 18520155 Phục vụ project Đồ án 2_SE121.L21 TP Hồ Chí Minh, tháng 06 năm 2021 ĐẠ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 BÁO CÁO ĐỒ ÁN XÂY DỰNG MẠNG XÃ HỘI CHIA SẺ VÀ LUYỆN THI TOEIC Đồ án - SE122.M11 Giảng viên hướng dẫn: ThS Lê Thanh Trọng Nhóm sinh viên thực hiện: Quản Tiến Nghĩa 18520111 Huỳnh Thị Kim Thảo 18520155 TP Hồ Chí Minh, tháng 06 năm 2021 NHẬN XÉT CỦA GIẢNG VIÊN MỤC LỤC Đồ án - SE122.M11 NHẬN XÉT CỦA GIẢNG VIÊN MỤC LỤC LỜI CẢM ƠN Chương – TỔNG QUAN ĐỀ TÀI 1.1 Mơ tả tốn xác định yêu cầu 1.2 Khảo sát trạng 10 1.2.1 Hiện trạng tổ chức 10 1.2.2 Hiện trạng nghiệp vụ 12 1.2.2.1 Tính cộng đồng 12 1.2.2.2 Tính cá nhân hố 12 1.2.2.3 Tính học thuật 12 1.2.2.4 Tính cập nhật 12 1.2.2.5 Tính thi đua, cạnh tranh 12 1.2.3 Hiện trạng tin học 1.3 Khảo sát số ứng dụng có 13 13 1.3.1 Toeic123.vn 13 1.3.2 Testden.com 15 Chương – PHÂN TÍCH U CẦU 2.1 Mơ hình hố u cầu chức 2.1.1 Mơ hình tổng thể 16 16 16 2.1.1.1 Phân quyền người dùng 16 2.1.1.2 Sơ đồ use-case 17 2.1.1.3 Sơ đồ ERD 18 2.1.2 Mơ hình phân tích nhóm chức 18 2.1.2.1 User 18 2.1.2.2 Feed 20 2.1.2.3 Forum 21 2.1.2.4 Conversation 22 2.1.2.5 Dictionary 23 2.1.2.6 Administration 23 2.1.2.7 Contest 24 Chương – ĐẶC TẢ YÊU CẦU 26 3.1 Danh sách use-case 26 3.2 Đặc tả use-case 28 3.2.1 Sign up 28 3.2.2 Verify user email 30 3.2.3 Sign in 32 3.2.4 View user profile 34 3.2.5 View personal profile 36 3.2.6 View others’ profile 38 3.2.7 Edit user information 42 3.2.8 Sign out 44 3.2.9 Follow a user 46 3.2.10 Block a user 48 3.2.11 Create a forum 52 3.2.12 Edit a forum 54 3.2.13 Delete a forum 56 3.2.14 View a forum 58 3.2.15 Vote/Unvote a forum 60 3.2.16 Comment on a forum 64 3.2.17 Follow a forum 66 3.2.18 Share a forum 68 3.2.19 Vote/Unvote a comment 70 3.2.20 Report a comment 72 3.2.21 Filter and load feed 74 3.2.22 Search for forums 78 3.2.23 Create a conversation 80 3.2.24 Edit a conversation 82 3.2.25 Delete a conversation 84 3.2.26 Send a message 86 3.2.27 Receive a message 88 3.2.28 Create a contest 90 3.2.29 Create a question 92 3.2.30 Delete a question 96 3.2.31 Look up dictionary 102 3.2.32 Show words’ meaning 104 3.2.33 Play voice 106 Chương – PHÂN TÍCH HỆ THỐNG 4.1 Hệ thống thông báo 109 109 4.1.1 Thông báo kết nối 109 4.1.2 Thông báo gửi 110 4.1.3 Thông báo nhận 110 4.2 Sơ đồ kiến trúc 111 Chương – THIẾT KẾ GIAO DIỆN 114 5.1 Sơ đồ liên kết hình 114 5.2 Danh sách hình 114 5.3 Mơ tả hình 116 5.3.1 Màn hình đăng ký 116 5.3.2 Màn hình xác thực tài khoản 117 5.3.3 Màn hình đăng nhập 118 5.3.4 Màn hình feed 119 5.3.5 Màn hình tin nhắn 121 5.3.6 Màn hình danh sách test 122 5.3.7 Màn hình tạo viết 123 5.3.8 Màn hình tạo contest 125 5.3.9 Màn hình tạo test theo part 125 5.3.10 Màn hình trang cá nhân 127 5.3.11 Màn hình cài đặt tài khoản 128 5.3.12 Màn hình xem viết cụ thể 129 5.3.13 Màn hình làm test 131 5.3.14 Màn hình từ điển 132 Chương – CÀI ĐẶT VÀ THỬ NGHIỆM 6.1 Môi trường cài đặt: 134 134 6.1.1.Môi trường cài đặt thử nghiệm: 134 6.1.2.Kết đánh giá 134 NHẬN XÉT VÀ KẾT LUẬN 135 Đánh giá tiến độ thực đề tài (bảng tóm tắt q trình giai đoạn thực cột thời gian hoạt động) 135 Hướng phát triển 135 Kết luận 136 3.1 Kết đạt được: 136 3.1 Hạn chế: 136 TÀI LIỆU THAM KHẢO 137 BẢNG PHÂN CÔNG CÔNG VIỆC 139 LỜI CẢM ƠN Đầu tiên, chúng em xin gửi lời cảm ơn chân thành đến tập thể quý Thầy Cô Trường Đại học Công nghệ thông tin – Đại học Quốc gia TP.HCM quý Thầy Cô khoa Công nghệ phần mềm cung cấp hướng dẫn chúng em chuẩn bị kiến thức làm tảng để thực đề tài Đặc biệt, nhóm chúng em xin gửi lời cảm ơn sâu sắc đến thầy Lê Thanh Trọng đồng hành nhóm suốt thời gian thực đồ án lần Thầy người trực tiếp hướng dẫn, sửa chữa đưa lời góp ý mang tính xây dựng đầy q báu để chúng em hồn thành đề tài cách tốt Nhóm chúng em cố gắng dựa vào sở kiến thức có từ môn học trước, đồng thời nghiên cứu, học hỏi vận dụng kiến thức, kỹ để đáp ứng tốt tiêu chí mơn học Tuy nhiên, thiếu sót q trình thực khơng thể tránh khỏi Chính vậy, chúng em mong nhận góp ý từ phía q Thầy Cơ nhằm củng cố kiến thức mà nhóm học tập Đây hành trang để chúng em thực tiếp đề tài khác tương lai Nhóm chúng em xin chân thành cảm ơn! Thành phố Hồ Chí Minh, ngày 15 tháng 06 năm 2021 Lớp SE121.L21 Nhóm gồm Huỳnh Thị Kim Thảo, Quản Tiến Nghĩa Chương – TỔNG QUAN ĐỀ TÀI 1.1 Mơ tả tốn xác định yêu cầu Cùng với phát triển không ngừng kỹ thuật máy tính mạng điện tử, cơng nghệ thơng tin cơng nghệ có đẳng cấp cao chinh phục hết đỉnh cao đến đỉnh cao khác Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên công cụ thiếu, tảng cho truyền tải, trao đổi thơng tin tồn cầu Bằng internet, thực nhiều công việc với tốc độ nhanh chi phí thấp nhiều so với cách thức truyền thống Chính điều này, thúc đẩy khai sinh phát triển thương mại điện tử phủ điện tử khắp giới, làm biến đổi đáng kể mặt văn hóa, nâng cao chất lượng sống người Ứng dụng công nghệ thông tin vào thực tiễn đời sống xã hội giảm thiểu sức lao động người, tăng hiệu học tập người Luyện thi Tiếng Anh lĩnh vực quan tâm Trong phạm vi Đồ Án chúng em lựa chọn đề tài “Xây dựng mạng xã hội chia sẻ luyện thi Toeic” Nội dung đồ án vào việc tìm hiểu nghiệp vụ toán luyện thi trắc nghiệm Chúng em phân tích thiết kế cho tốn luyện thi trắc nghiệm đồng thời đưa cài đặt cho hệ thống luyện thi TOEIC Các vấn đề cần phải xử lý ứng dụng mà đề tài đặt là: STT Tên yêu cầu Quản lý user Khía cạnh System Admin, User System Admin, Quản lý viết Tổ chức nhắn tin hội thoại User Tích hợp từ điển User Tổ chức thi thử theo khuôn mẫu TOEIC Quản trị hệ thống Sàng lọc viết phù hợp với đối tượng người dùng User System Admin, User System Admin Data Analyst, User 1.2 Khảo sát trạng 1.2.1 Hiện trạng tổ chức Tiếng Anh (English) ngôn ngữ sử dụng rộng rãi giới dùng tiếng nói chung nhiều nước nơi người nói nhiều ngơn ngữ khác Ngày có khoảng tỷ người nói tiếng Anh khắp giới số ngày tăng lên Bên cạnh đó, với phát triển công nghệ đại, điện thoại thông minh thiết bị thiếu người Ngoài học qua sách vở, việc học tập tiếng Anh qua hội nhóm mạng xã hội dân trở nên tiếng ưa chuộng 1.2.1.1 Mục tiêu đề tài ❖ Giao diện ❖ Danh sách biến cố xử lý tương ứng hình: STT Biến cố Xử lý Chọn Part Vào hình tạo contest part 5.3.9 Màn hình tạo test theo part ❖ Giao diện ❖ Danh sách biến cố xử lý tương ứng hình STT Biến cố Xử lý Chọn Add Cover Photo Thay đổi ảnh bìa nhóm Chọn Create a group Tạo nhóm 5.3.10 Màn hình trang cá nhân ❖ Giao diện ❖ Danh sách biến cố xử lý tương ứng hình: STT Biến cố Xử lý Chọn Edit Cover Chỉnh sửa ảnh bìa trang cá nhân Chọn Edit Xem (và chỉnh sửa) thông tin cá nhân Chọn About Xem (và chỉnh sửa) thông tin cá nhân Chọn Report Báo cáo vi phạm người dùng 5.3.11 Màn hình cài đặt tài khoản ❖ Giao diện ❖ Danh sách biến cố xử lý tương ứng hình: STT Biến cố Xử lý Chọn General Chỉnh sửa email tên người dùng Chọn Security and Login Chỉnh sửa mật 5.3.12 Màn hình xem viết cụ thể ❖ Giao diện ❖ Danh sách biến cố xử lý tương ứng hình: STT Biến cố Xử lý Chọn More actions ⇒ Follow post Theo dõi viết (nếu viết người khác) Chọn More actions ⇒ Report post Báo cáo viết (nếu viết người khác) Chọn More actions => Edit post chuyển đến hình chỉnh sửa (nếu viết người dùng viết tại) Chọn More actions => Delete post Xoá viết (nếu viết người dùng tại) Chọn Reset comment Huỷ bình luận nhập Chọn Submit comment Đăng bình luận cho viết 5.3.13 Màn hình làm test ❖ Giao diện ❖ Danh sách biến cố xử lý tương ứng hình: STT Biến cố Xử lý Chọn Submit Xem kết 5.3.14 Màn hình từ điển ❖ Giao diện ❖ Danh sách biến cố xử lý tương ứng hình: STT Biến cố Xử lý Nhập từ cần tra -> Enter chọn Hiển thị kết icon Tìm kiếm Chương – CÀI ĐẶT VÀ THỬ NGHIỆM 6.1 Môi trường cài đặt: 6.1.1.Môi trường cài đặt thử nghiệm: - Nhóm phát triển chọn phát triển sản phẩm tảng web Sản phẩm phát triển kiểm thử trình duyệt lớn Opera, Chrome, Edge Cốc Cốc 6.1.2.Kết đánh giá - Vì trình phát triển, trình duyệt kể thường xuyên sử dụng làm môi trường phát triển Vì vậy, kết thử nghiệm tính ứng dụng giống với lúc phát triển NHẬN XÉT VÀ KẾT LUẬN Đánh giá tiến độ thực đề tài (bảng tóm tắt q trình giai đoạn thực cột thời gian hoạt động) Thời gian Hoạt động Tháng - Lập nhóm, nhận đề tài, xác định quy trình thiết kế phần mềm: mơ hình 9/2021 thác nước cải tiến - Khảo sát, xác định yêu cầu, đặt mục tiêu, tạo kế hoạch ban đầu cách thức hoạt động nhóm Tháng Phân tích, đặc tả use case, mơ hình hóa u cầu phần mềm (state, class, 10/2021 activity, collaboration, sequence), thiết kế CSDL ban đầu, phác thảo giao diện, bắt đầu làm báo cáo đồ án Tháng - Chỉnh sửa hồn thiện CSDL, phân cơng thực chức cụ 11/2021 thể với giao diện tương ứng - Chỉnh sửa giao diện tổng thể Tháng - Tập trung cài đặt xử lí kĩ ràng buộc, luồng chạy chi tiết chức 12/2021 - Tinh chỉnh, kiểm thử hoàn thiện phần mềm báo cáo Hướng phát triển Toeists hoàn thiện chức tối thiểu mạng xã hội sân chơi cho cộng đồng người luyện thi TOEIC Trong tương lai, nhóm đặt tham vọng lớn hơn, nhằm vừa để đem lại sản phẩm hoàn thiện vừa thử thách thân Cụ thể, định hướng nhóm hướng tới bao gồm: ● Ứng dụng phân tích liệu để sàng lọc viết phù hợp với người dùng cụ thể ● Tạo môi trường dạy học trực tuyến ● Nâng cao hệ thống API để hỗ trợ lập trình viên khác khai thác data hệ thống ● Tối ưu nhớ thời gian thực chức ● … mục tiêu khác Kết luận 3.1 Kết đạt được: - Ứng dụng thành công MERN stack (MongoDB - Express - React - Node) việc phát triển web theo mơ hình 3-tier - Ứng dụng Socket xử lý real-time - Ứng dụng Swagger để thiết lập tài liệu API NodeJS - Các tài liệu, kế hoạch, thiết kế xây dựng đầy đủ - Sản phẩm hoàn thiện, giao diện sáng sủa, dễ dùng đảm bảo số chức cần thiết 3.1 Hạn chế: - Các thành viên nhóm gặp nhiều bất cập thời gian phải làm việc online, dẫn đến trì trệ kế hoạch - Nhiều tính chưa tối ưu hoàn thiện - Sản phẩm chưa triển khai môi trường thực tiễn - Hầu hết trình kiểm thử diễn thủ công không đảm bảo độ phủ TÀI LIỆU THAM KHẢO Tiếng Việt Nguyễn Anh Tuấn Slide môn học Phát triển ứng dụng thiết bị di động, Đại Học Công Nghệ Thông Tin Cleverlearn Vietnam English Language Center 3000 từ vựng tiếng Anh thông dụng Oxford, 2013 Tiếng Anh React: https://reactjs.org Redux: https://redux.js.org YouIT: https://youit-social-network.netlify.app Cambridge: https://dictionary.cambridge.org/dictionary/english/ Mark Hancock English Pronunciation In Use 40 West 20th Street, New York, USA: Cambridge University Press, 2003 Website Website Trung tâm học tiếng Anh ngày, http://hoctienganhmoingay.edu.vn/, August, 2014 Ngữ Pháp Tiếng Anh, http://tienganh360.com/category/trac-nghiem-ngu-phaptieng-anh, Dec 2014 BẢNG PHÂN CÔNG CƠNG VIỆC Ngay từ lúc đầu nhóm xác định công việc thành viên tham gia làm, chia nắm yêu cầu để tiện việc trao đổi chịu trách nhiệm công việc giao Vì thế, q trình hoạt động nhóm diễn tốt Các thành viên không làm riêng cơng việc mà cịn hỗ trợ người khác việc tìm lỗi, sửa lỗi trực tiếp tham gia vào công việc nên hiểu bạn làm gì, điều giúp cho chức gắn kết với mà không bị lỗi lỗi sửa nhanh ... 2.1.2.3 Forum Với đề tài mạng xã hội chia sẻ luyện thi Toeic rõ ràng yếu tố chia sẻ thi? ??u Forum nơi để người dùng chia sẻ vấn đề liên quan đến học tiếng anh luyện thi Toeic thắc mắc cần giải đáp... chia sẻ luyện thi Toeic? ?? Nội dung đồ án vào việc tìm hiểu nghiệp vụ toán luyện thi trắc nghiệm Chúng em phân tích thi? ??t kế cho tốn luyện thi trắc nghiệm đồng thời đưa cài đặt cho hệ thống luyện thi. .. vào thực tiễn đời sống xã hội giảm thi? ??u sức lao động người, tăng hiệu học tập người Luyện thi Tiếng Anh lĩnh vực quan tâm Trong phạm vi Đồ Án chúng em lựa chọn đề tài ? ?Xây dựng mạng xã hội chia