Xây dựng WEBSITE luyện thi đại học

ĐẠ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 Đề tài XÂY DỰNG WEBSITE LUYỆN THI ĐẠI HỌC Giáo viên hướng dẫn: Th.S Huỳnh Hồ Thị Mộng Trinh Nhóm thực hiện: Lê Xuân Tùng – 18521616 Nguyễn Thanh Tuấn – 18521604 Thành phố Hồ Chí Minh, Tháng 12 năm 2021 Mục lục LỜI NÓI ĐẦU Chương MỞ ĐẦU 1.1 Giới thiệu đề tài 1.2 Lý chọn đề tài Chương TỔNG QUAN ĐỀ TÀI 2.1 Mục tiêu 2.2 Phạm vi 2.3 Phương pháp thực 2.4 Ý nghĩa thực tiễn 2.5 Kết dự kiến 2.6 Hiện trạng toán 2.7 Đánh giá trạng hướng giải 2.7.1 Đánh giá trạng 2.7.2 Hướng giải 2.8 Công nghệ sử dụng 10 2.8.1 ReactJS 10 2.8.2 NodeJS 11 2.8.3 MongoDB 11 2.8.4 Express 12 Chương XÂY DỰNG HỆ THỐNG LUYỆN THI ĐẠI HỌC 13 3.1 Phân tích yêu cầu hệ thống 13 3.1.1 Phân tích yêu cầu chức 13 3.1.2 Yêu cầu tính 13 3.1.3 Phân tích yêu cầu phi chức 13 3.1.4 Phân tích yêu cầu người dùng 13 3.1.5 Mô hình use case tồn hệ thống 14 3.1.6 Một số use case hệ thống 19 3.2 Thiết kế hệ thống 22 3.3 Thiết kế sở liệu 26 3.3.1 Lược đồ sở liệu 26 3.3.2 Mô tả bảng liệu 26 3.4 Thiết kế kiến trúc hệ thống 31 3.4.1 Kiến trúc tổng thể 31 3.4.2 Kiến trúc thư mục ứng dụng web 32 3.5 Thiết kế giao diện 33 3.5.1 Danh sách hình 33 3.5.2 Giao diện số hình ứng dụng 37 Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 62 4.1 Kết đạt 62 4.2 Thuận lợi khó khăn 62 4.2.1 Thuận lợi 62 4.2.2 Khó khăn 63 4.3 Hướng phát triển 63 Chương TÀI LIỆU THAM KHẢO 64 LỜI NÓI ĐẦU Tài liệu tạo yêu cầu lớp SE122.M11, Trường Đại học Công nghệ Thơng tin, Đại học Quốc gia Thành phố Hồ Chí Minh, học kỳ II năm học 2020-2021 Báo cáo bao gồm thông tin đến từ việc khảo sát tham khảo tảng luyện thi đại học, tài liệu thiết kế đặc tả phần mềm sử dụng cho việc hỗ trợ hoạt động luyện thi đại học bạn học sinh nói bao gồm sơ đồ Use-case, sở liệu, giao diện, … Cách đọc tài liệu: Nội dung tài liệu đưa vào mục, đánh số 1, chi tiết xem thêm mục lục Chúng em cảm ơn cô Huỳnh Hồ Thị Mộng Trinh hỗ trợ hướng dẫn để nhóm hồn thành tốt đồ án Chương MỞ ĐẦU 1.1 Giới thiệu đề tài Hiện nay, bạn học sinh đặc biệt học sinh cấp tiếp cận Internet từ sớm, việc ôn luyện chuẩn bị cho kỳ thi THPT Quốc gia trang web luyện thi ngày phổ biến Có nhiều trang web ơn thi THPT Quốc gia thời điểm tại, nhiên điểm chung trang web là: dạy học qua video bán khố học online đó, học sinh đăng ký khố học tiếp cận nguồn đề thi Và khơng phải học sinh đủ điều kiện để mua khố học online tiền mua khố học online mạng không rẻ học sinh THPT (thường dao động từ 600.000 - 1.000.000 VND) Theo khảo sát khoảng 194 học sinh THPT (đa phần tỉnh Quảng Bình tỉnh Quảng Ngãi), đại diện cho học sinh từ tỉnh nhỏ lẻ nước, có kết quả: - 78.9% học sinh chưa luyện thi đại học website trực tuyến Một số lý chia sẻ là: Hình 1-1 Thống kê khảo sát ● “Học phí khoá học cao so với thu nhập địa phương” ● “Để luyện thi trang web phải đăng ký mua khố học, giá mua cao so với điều kiện kinh tế gia đình nên khơng mua được” ● “Khơng quen sử dụng máy tính truy cập website luyện thi” - “hocmai.vn”, “tuyensinh247.com”, “moon.vn”: trang web tin dùng từ bạn học sinh Hình 1-2 Thống kê khảo sát - Hơn 90%: bạn học sinh cảm thấy thích thú với việc luyện thi online trang web Cụ thể là: ● 37.1%: cảm thấy việc luyện thi online “Rất cần thiết” ● 58.2%: cảm thấy việc luyện thi online “Cũng hay” Hình 1-3 Thống kê khảo sát - Gần 100%: người mong đợi trải nghiệm website luyện thi đại học hồn tồn miễn phí từ việc thi thử đến việc tra cứu tài liệu ôn thi, đề thi thơng tin tuyển sinh Hình 1-4 Thống kê khảo sát - Từ số thống kê cho ta thấy rằng, nhu cầu luyện thi đại học website không tốn loại phí bạn học sinh lớn, đặc biệt bạn học sinh tỉnh thành nhỏ lẻ, cịn gặp nhiều khó khăn mặt kinh tế Hơn nữa, việc không thục thao tác với máy tính truy cập Internet rào cản không nhỏ cho bạn học sinh Và lâu dài, việc ngày kéo dài điều dẫn đến thua thiệt khơng đáng có, khiến bạn học sinh khó tiếp cận nguồn tài liệu có chọn lọc tham gia thử thách thi thử đầy thử thách - Hệ thống luyện thi đại học website giúp cho bạn học sinh trực tiếp luyện tập làm tập theo chủ đề khác nhau, trải nghiệm thi thử Ngồi ra, cịn có kho tài liệu để người tham khảo nhiều tính hỗ trợ cho bạn học sinh có trải nghiệm ơn thi với thao tác đơn giản mà làm quen lần đầu trải nghiệm 1.2 Lý chọn đề tài - Cả thành viên nhóm em trải qua giai đoạn luyện thi Trung học phổ thông Quốc gia quan trọng đời Hơn hết, chúng em hiểu rõ lo lắng khó khăn mà bạn học sinh giai đoạn phải đối mặt Nếu khơng phải gặp khó khăn việc sử dụng Internet để tìm kiếm tài liệu ơn tập gặp khơng khó khăn từ việc phải góp nhặt đề thi thử để tổng hợp lại làm, ngồi cịn phải tìm lời giải cho câu hỏi chưa làm đề thi Việc khả thi đòi hỏi bạn học sinh phải thông thạo việc sử dụng máy tính biết cách tra cứu Internet, ngồi gây tốn khơng thời gian tìm kiếm nguồn tài liệu Từ đó, góc nhìn người trải qua khó khăn mà nhóm chúng em muốn xây dựng hệ thống tổng hợp nguồn đề chất lượng không gian ôn tập, luyện thi cung cấp thông tin tuyển sinh bổ ích cho bạn học sinh để bạn “toàn tâm toàn lực” chuẩn bị thật tốt cho cơng chinh phục thi nói “bước ngoặt” đời bạn - Đề tài tâm huyết giảng viên hỗ trợ ThS Huỳnh Hồ Thị Mộng Trinh Cơ góp ý đưa ý tưởng sơ khai cho nhóm, sau nhiều lần trao đổi nhóm chúng em cuối nhóm chúng em đến định lựa chọn đề tài Chương TỔNG QUAN ĐỀ TÀI 2.1 Mục tiêu - Xây dựng ứng dụng giúp cho bạn học sinh q trình ơn thi đại học tiếp cận dễ dàng với nguồn tài liệu, đề thi có chọn lọc - Các bạn học sinh theo dõi thành tích đạt q trình ơn tập, làm đề thi để có thay đổi phù hợp - Tạo không gian làm đề thi thử có tính theo chuẩn Bộ giáo dục để bạn học sinh làm quen với áp lực thời gian làm 2.2 Phạm vi - Đề tài tập trung vào xây dựng hệ thống tảng website hướng tới đối tượng sử dụng bạn học sinh THPT chuẩn bị cho kì thi Đại học - Các bạn học sinh sử máy tính cá nhân smartphone để truy cập website website có hỗ trợ responsive 2.3 Phương pháp thực - Tìm hiểu phân tích website luyện thi Đại học có thị trường - Thực khảo sát nhu cầu, tình trạng ơn thi thực tế bạn học sinh luyện thi đại học - Tổng hợp kết khảo sát để đưa chức xuất đề tài 2.4 Ý nghĩa thực tiễn - Các bạn học sinh có nơi luyện thi thú vị có nguồn đề có chọn lọc theo chuẩn Bộ giáo dục để chuẩn bị tốt cho kỳ thi Đại học tới - Các bạn học sinh theo dõi thành tích đạt q trình ơn tập, làm đề thi để có thay đổi phù hợp - Có khơng gian trao đổi, bình luận đề thi “đã làm” để bạn nhờ người trả lời thắc mắc gặp phải làm đề thi - Các bạn học sinh chủ động tra cứu thông tin tuyển sinh từ đa số trường Đại học nước năm gần website 2.5 Kết dự kiến - Hiểu rõ công nghệ mới: ● Front - end: ReactJS ● Back - end: NodeJS, MongoDB, Express - Hoàn thành sản phẩm với chức đề trước - Giao diện thân thiện, dễ sử dụng với bạn học sinh sử dụng máy tính - Tạo giá trị thiết thực mục tiêu hướng tới 2.6 Hiện trạng toán Dựa vào khảo sát mà chúng em trình bày mục 1.1, số liệu nhu cầu thực tế rằng: - 78.9% học sinh chưa luyện thi đại học website trực tuyến - “hocmai.vn”, “tuyensinh247.com”, “moon.vn”: trang web tin dùng từ bạn học sinh - Hơn 90%: bạn học sinh cảm thấy thích thú với việc luyện thi online trang web - Gần 100%: người mong đợi trải nghiệm website luyện thi đại học hoàn toàn miễn phí từ việc thi thử đến việc tra cứu tài liệu ôn thi, đề thi thông tin tuyển sinh 2.7 Đánh giá trạng hướng giải 2.7.1 Đánh giá trạng Theo khảo sát nêu mục 1.1, khoảng 194 học sinh THPT có: - 78.9% học sinh chưa luyện thi đại học website trực tuyến Một số lý chia sẻ là: 3.5.2.11.2 Mô tả cách sử dụng xử lý STT Tên thành phần Thay đổi mật Loại Form Cách sử dụng Hiển thị thông tin mà người dùng cần nhập Mật cũ Textbox Nhập vào mật tài khoản Mật Textbox Nhập vào mật mà muốn đổi thành Xác nhận mật Textbox Nhập lại mật giống với mật phía lần để xác nhận Lưu thay đổi Button Click để xác nhận thay đổi 3.5.2.12 Màn hình Đổi thơng tin cá nhân 3.5.2.12.1 Hình chụp hình 50 3.5.2.12.2 Mơ tả cách sử dụng xử lý STT Tên thành phần Loại Cách sử dụng Cập nhật thông tin cá Form Hiển thị thông tin nhân mà người dùng muốn thay đổi Họ tên Textbox Nhập vào họ tên muốn đổi thành (nếu muốn) Trường Textbox Nhập vào tên trường muốn đổi thành (nếu muốn) Avatar Button Click để đổi ảnh đại diện (nếu muốn) Cập nhật Button Click để xác nhận hoàn thành cập nhật 3.5.2.13 Màn hình Tham khảo 3.5.2.13.1 Hình chụp hình 51 3.5.2.13.2 Mơ tả cách sử dụng xử lý STT Tên thành phần Loại Cách sử dụng Danh sách mục tham Hiển thị danh sách khảo mục tham khảo Người dùng click vào mục tham khảo mong muốn tìm hiểu 3.5.2.14 Màn hình Danh sách Đề thi Thử 3.5.2.14.1 Hình chụp hình 52 3.5.2.14.2 Mơ tả cách sử dụng xử lý STT Tên thành phần Loại Đề thi thử Cách sử dụng Hiển thị danh sách đề thi thử có Tìm kiếm Textbox Hỗ trợ tìm kiếm nhanh, nhập vào tên đề thi thử muốn tìm kiếm 53 Mơn học Combobox Click vào để lọc đề thi theo mơn học muốn tìm Tỉnh, thành Combobox Click vào để lọc đề thi theo tỉnh, thành muốn tìm Năm Combobox Click vào để lọc đề thi theo năm muốn tìm 3.5.2.15 Màn hình Đề thi Thử 3.5.2.15.1 Hình chụp hình 54 3.5.2.15.2 Mơ tả cách sử dụng xử lý STT Tên thành phần Loại Đề thi thử Cách sử dụng Hiển thị nội dung đề thi thử chọn Pre, Next Button Click để chuyển trang đề thi Tải xuống Button Click để tải đề thi thử xem 55 3.5.2.16 Màn hình Danh sách Tài liệu tham khảo 3.5.2.16.1 Hình chụp hình 3.5.2.16.2 Mơ tả cách sử dụng xử lý STT Tên thành phần Loại Tài liệu tham khảo Cách sử dụng Hiển thị danh sách tài liệu tham khảo có Tìm kiếm Textbox Hỗ trợ tìm kiếm nhanh, nhập vào tên tài liệu tham khảo muốn tìm kiếm Môn học Combobox Click vào để lọc tài liệu tham khảo theo mơn học muốn tìm 56 Năm Combobox Click vào để lọc tài liệu tham khảo theo năm muốn tìm 3.5.2.17 Màn hình Tài liệu tham khảo 3.5.2.17.1 Hình chụp hình 3.5.2.17.2 Mô tả cách sử dụng xử lý 57 STT Tên thành phần Loại Tài liệu tham khảo Cách sử dụng Hiển thị nội dung tài liệu tham khảo chọn Pre, Next Button Click để chuyển trang tài liệu Tải xuống Button Click để tải tài liệu xem 3.5.2.18 Màn hình Danh sách Bài chia sẻ 3.5.2.18.1 Hình chụp hình 3.5.2.18.2 Mơ tả cách sử dụng xử lý STT Tên thành phần Loại Bài chia sẻ Cách sử dụng Hiển thị danh sách chia sẻ có Tìm kiếm Textbox Hỗ trợ tìm kiếm nhanh, nhập vào tên chia sẻ muốn tìm kiếm 58 Năm Combobox Click vào để lọc chia sẻ theo năm muốn tìm 3.5.2.19 Màn hình Bài chia sẻ 3.5.2.19.1 Hình chụp hình 59 60 3.5.2.19.2 Mơ tả cách sử dụng xử lý Tên thành phần STT Nội dung share Loại Text Cách sử dụng Hiển thị nội dung chia sẻ 3.5.2.20 Màn hình quản lý người dùng 3.5.2.20.1 Hình chụp hình 3.5.2.20.2 Mơ tả cách sử dụng xử lý STT Tên thành phần Tổng số tài liệu Loại Text chia sẻ Cách sử dụng Hiển thị tổng số tài liệu chia sẻ (đề thi thử, tài liệu tham khảo, chia sẻ) Tổng số tài khoản Text Hiển thị số tài khoản hệ thống Tổng số đề thi thử Text Tổng số đề thi thử có sẵn hệ thống Danh sách tài Table Danh sách tài khoản người dùng khoản 61 Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 4.1 Kết đạt Thông qua việc nghiên cứu tìm hiểu cơng nghệ, đặc biệt công nghệ mới, em phát triển ứng dụng hồn chỉnh Do giới hạn kinh phí đăng ký domain hosting, ứng dụng dừng lại giai đoạn chạy thử, chưa phổ biến tới người dùng Tuy nhiên kết chạy thử cho thấy hệ thống hoạt động tốt, mở rộng, phát triển thêm tương lai Về mặt kỹ thuật, nhóm em đạt kết sau: - Tìm hiểu, áp dụng framework NodeJS - Tìm hiểu ReactJs, cơng nghệ lập trình giao diện web Ngồi ra, áp dụng thư viện UI phổ biến Tailwind Css để tạo giao diện web đơn giản, dễ nhìn - Học nhiều kiến thức, có thêm kinh nghiệm việc sử dụng Express triển khai ứng dụng Web - Tìm hiểu dịch vụ lưu trữ liệu MongoDB Cloud Về mặt thực tiễn em đạt được: - Rèn luyện kĩ nhận dạng toán, nghiên cứu khảo sát thực tế, phân tích chức thực tài liệu mô tả - Nâng cao khả tìm hiểu nghiên cứu cơng nghệ, đặc biệt công nghệ - Phát triển kỹ mềm cá nhân lên kế hoạch, trình bày văn bản, dự trù thời gian, kỹ làm việc nhóm khả tranh luận, thuyết phục hỗ trợ lẫn - Hiểu sản phẩm thực có tác động đến thực tế UIT qua góp ý thầy cô, bạn bè khoa 4.2 Thuận lợi khó khăn 4.2.1 Thuận lợi - Có nhiều tài liệu tham khảo mặt công nghệ - Cả hai có kinh nghiệm việc phát triển ứng dụng web - Được giảng viên hướng dẫn quan tâm, cho lời khuyên để cải thiện trang web ngày tốt 62 - Nhận giúp đỡ nhiệt tình bạn học sinh THPT thực khảo sát trạng 4.2.2 Khó khăn - Dự án thực giai đoạn mà thành viên làm, nên đòi hỏi khả xếp công việc, họp online trao đổi ý tưởng để hiểu thời gian ngắn quan trọng - Cả định hướng phát triển theo hướng Front-end Developer nên q trình hồn thành đề tài việc phát triển APIs phía Back-end gặp nhiều khó khăn 4.3 Hướng phát triển - Phát triển thêm quyền truy cập cho giáo viên để đóng góp đề thi tài liệu khác - Sử dụng Machine Learning để tự động kiểm duyệt liệu đóng góp từ giáo viên, tự động kiểm duyệt thất bại admin kiểm duyệt thủ cơng - Học sinh vào làm khảo sát trước để đưa gợi ý lộ trình học tập cho học sinh 63 Chương TÀI LIỆU THAM KHẢO [1] https://reactjs.org/docs/getting-started.html [2] https://stackoverflow.com/ [3] https://viblo.asia/ [4] https://medium.com/ 64 ... trạng ơn thi thực tế bạn học sinh luyện thi đại học Phân tích số liệu, nội dung khảo sát để thảo luận đưa chức cụ thể xuất website Thu thập thông tin phân tích website luyện thi Đại học có thị... bị cho kì thi Đại học - Các bạn học sinh sử máy tính cá nhân smartphone để truy cập website website có hỗ trợ responsive 2.3 Phương pháp thực - Tìm hiểu phân tích website luyện thi Đại học có thị... 194 học sinh THPT có: - 78.9% học sinh chưa luyện thi đại học website trực tuyến Một số lý chia sẻ là: Hình 1-1 Thống kê khảo sát ○ ? ?Học phí khố học cao so với thu nhập địa phương” ○ “Để luyện thi