ĐỒ án 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 năm 2021 MỤC LỤC LỜI NÓI ĐẦU I GIỚI THIỆU BÀI TỐN CẦN GIẢI QUYẾT, MƠ TẢ QUY TRÌNH THỰC HIỆN CÁC CƠNG VIỆC CHÍNH Bài toán cần giải 2 Quy trình thực II XÁC ĐỊNH VÀ MÔ HÌNH HỐ U CẦU Phân loại yêu cầu phần mềm Sơ đồ lớp mức phân tích Sơ đồ usecase III THIẾT KẾ HỆ THỐNG Kiến trúc hệ thống Mô tả thành phần hệ thống THIẾT KẾ DỮ LIỆU IV Danh sách lược đồ liệu Mô tả lược đồ THIẾT KẾ GIAO DIỆN 13 V Danh sách hình 13 Mô tả chi tiết hình 16 VI CÀI ĐẶT VÀ THỬ NGHIỆM 39 VII HƯỚNG PHÁT TRIỂN 39 VIII TÀI LIỆU THAM KHẢO 40 LỜI NÓI ĐẦU Tài liệu tạo yêu cầu lớp SE121.L21, 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 I GIỚI THIỆU BÀI TỐN CẦN GIẢI QUYẾT, MƠ TẢ QUY TRÌNH THỰC HIỆN CÁC CƠNG VIỆC CHÍNH Bài toán cần giải - Xây dựng website cho học sinh số người có nhu cầu luyện thi đại học - Xác định đối tượng thụ hưởng: + Người dùng: Toàn học sinh, người dùng có nhu cầu luyện thi - Mục đích: Tạo môi trường luyện thi thử cách trực quan, hiệu Website cập nhật cho thí sinh số đề thi, tài liệu hay, kinh nghiệm ơn luyện thi Bên cạnh đó, website cung cấp chatbot hỏi đáp thông tin tuyển sinh điểm năm, tiêu, ngành, trường, … - Hình thức phát triển: Website - Công nghệ sử dụng: + Frontend: ReactJS + Backend: NodeJS, Express, MongoDB Quy trình thực - Hiện tại, đa số hoạt động ôn luyện thi đại học bạn học sinh hình thức tự luyện thủ công, thường bạn download đề thi tự làm giấy tự dò đáp án Bên cạnh đó, việc tìm kiếm tài liệu, thơng tin tuyển sinh khó khăn - Có số ứng dụng, website luyện thi phát triển, nhiên mức độ trực quan tiện lợi chưa cao, đơn upload tài liệu, đề thi làm số đề thi, tập, chưa thu hút đông bạn học sinh tham gia - Để khắc phục vấn đề trên, chúng em thống chọn đề tài Website luyện thi đại học Với mong muốn cải thiện website, ứng dụng có, thu hút đơng bạn học sinh sử dụng mang lại cho người dùng hiệu tốt - Website xây dựng bao gồm nội dung bản: + Xem đề thi + Xem tài liệu + Xem chia sẻ kinh nghiệm ôn luyện thi + Đăng ký tham gia thi thử môn trắc nghiệm + Luyện tập giải tập trắc nghiệm mơn (có giải chi tiết) + Hiện thị phần trăm mức độ làm câu hỏi dạng tương tự + Hỏi đáp với chatbot thông tin tuyển sinh + Quản lý thông tin cá nhân xem thành tích - Các bước xây dựng website: [1] Xác định u cầu, mơ hình hố [2] Thiết kế hệ thống [3] Thiết kế liệu [4] Thiết kế giao diện [5] Lập trình [6] Thử nghiệm sửa lỗi [7] Phát hành website, bảo trì II XÁC ĐỊNH VÀ MƠ HÌNH HỐ U CẦU Phân loại yêu cầu phần mềm 1.1 Danh sách yêu cầu nghiệp vụ STT Nghiệp vụ Biểu mẫu Lập phiếu đăng ký tài khoản BM1 Lập phiếu đăng ký thi thử BM2 Lập phiếu thêm đề thi BM3 Quy định 1.2 Lập phiếu tạo đề thi thử BM4 Lập phiếu tạo tập trắc nghiệm BM5 Lập phiếu thêm tài liệu BM6 Lập phiếu thêm chia sẻ BM7 Báo cáo thống kê BM8 Biểu mẫu 1.2.1 Biểu mẫu Phiếu đăng ký tài khoản Họ tên: … Trường: … Email: … Tên tài khoản: … Mật khẩu: … Ảnh đại diện: … 1.2.2 Biểu mẫu Phiếu đăng ký thi thử Môn thi: … Ngày: … Mã đề: … Họ tên thí sinh: … Thời gian làm bài: … Mô tả: … 1.2.3 Biểu mẫu Phiếu thêm đề thi Tên đề thi Sở GD: … Môn thi: … Ngày thêm: … Nội dung: … Nguồn đề thi: … 1.2.4 Biểu mẫu Phiếu tạo đề thi thử Môn thi: … Mã đề: … Thời gian làm Ngày tạo: … Nguồn đề thi: … Mô tả: … bài: … Danh sách câu hỏi Câu Nội dung Đáp án … … … 1.2.5 Biểu mẫu Phiếu tạo tập trắc nghiệm Môn học: … Chương: … Nguồn tập: … Ngày tạo: … Danh sách tập Bài Nội dung Đáp án (chi tiết) … … … 1.2.6 Biểu mẫu Phiếu thêm tài liệu Tên tài liệu Môn học: … Nguồn tài liệu: … Ngày thêm: … Nội dung: … 1.2.7 Biểu mẫu Phiếu thêm chia sẻ Tên chia sẻ Nguồn đăng: … Ngày thêm: … Hình minh hoạ:… Nội dung: … 1.2.8 Biểu mẫu Thống kê lượt thi thử Môn thi: … Mã đề: … Số lượng tham gia: … Bảng xếp hạng STT Tài khoản Số câu … … … Thống kê danh sách người dùng Bảng xếp hạng STT Tài khoản Số đề thi thử Số tập làm làm … 1.3 … … … Quy định Khơng có Sơ đồ lớp mức phân tích Sơ đồ usecase III THIẾT KẾ HỆ THỐNG Kiến trúc hệ thống Mơ hình Client-Server (Thin-Clent): - Lớp Client: Kết nối đến API hiển thị giao diện người dùng Cho phép người dùng nhập vào xuất từ sở liệu tương ứng với quyền truy cập người dùng có yêu cầu - Lớp Server: Quản lý chứa toàn liệu phần mềm Đồng thời xử lý yêu cầu nhập/xuất gửi xuống từ lớp Client Ứng dụng dùng làm lớp Server Express Mô tả thành phần hệ thống STT Thành phần Giao diện người dùng Diễn giải Cung cấp giao diện cho người dùng thực thao tác nhập/xuất liệu Đồng thời q trình sử dụng, thơng báo cho người dùng có lỗi xảy Express Tiếp nhận yêu cầu từ giao diện người dùng, kiểm tra tính đắn ràng buộc thực yêu cầu thỏa điều kiện Cơ sở liệu Lưu trữ tất liệu liên quan sử dụng phần mềm IV THIẾT KẾ DỮ LIỆU Danh sách lược đồ liệu STT Tên Schema Diễn giải 2.8.2 Mô tả cách sử dụng xử lý STT Tên thành phần Loại Cách sử dụng Thẻ thi thử Text Hiển thị thông tin dự thi Đề thi Text Hiển thị tồn thơng tin đề thi phương án để người dùng chọn Hoàn thành Button Click để xác nhận hoàn thành thi Danh sách Câu hỏi Text Hiển thị số câu hỏi có đề thi thử thời gian làm lại 2.9 Màn hình Tra cứu 26 2.9.1 Hình chụp hình 2.9.2 Mơ tả cách sử dụng xử lý STT Tên thành phần Loại Cách sử dụng Button điểm chuẩn, tuyển Button Chuyển đổi mục sinh, trường Đại học tra cứu muốn thực hiện: tra cứu điểm chuẩn tra cứu ngành học, tra cứu trường đại học Kết tra cứu Hiển thị kết mong muốn 2.10 Màn hình Xem trang cá nhân 27 2.10.1 Hình chụp hình 2.10.2 Mô tả cách sử dụng xử lý STT Tên thành phần Thông tin cá nhân Loại Text Cách sử dụng Hiển thị thông tin tài khoản đăng nhập Danh sách Tab Tabs Hiển thị tabs chuyển đổi click để chuyển đổi hình làm việc liên quan đến tài khoản 2.11 Màn hình Đổi mật 2.11.1 Hình chụp hình 28 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 2.12 Màn hình Đổi thơng tin cá nhân 2.12.1 Hình chụp hình 29 2.12.2 Mô tả cách sử dụng xử lý STT Tên thành phần Loại Cập nhật thông tin cá nhân Form Cách sử dụng Hiển thị thông tin 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 hồn thành cập nhật 2.13 Màn hình Tham khảo 2.13.1 Hình chụp hình 30 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 2.14 Màn hình Danh sách Đề thi Thử 2.14.1 Hình chụp hình 31 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 Mơn học Combobox Click vào để lọc đề thi theo mơn học muốn tìm 32 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 2.15 Màn hình Đề thi Thử 2.15.1 Hình chụp hình 2.15.2 Mơ tả cách sử dụng xử lý 33 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 2.16 Màn hình Danh sách Tài liệu tham khảo 2.16.1 Hình chụp hình 2.16.2 Mơ tả cách sử dụng xử lý STT Tên thành phần Loại Cách sử dụng 34 Tài liệu tham khảo 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 Năm Combobox Click vào để lọc tài liệu tham khảo theo năm muốn tìm 2.17 Màn hình Tài liệu tham khảo 2.17.1 Hình chụp hình 35 2.17.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ị nội dung tài liệu tham khảo chọn Pre, Next Button Click để chuyển trang tài liệu 36 Tải xuống Button Click để tải tài liệu xem 2.18 Màn hình Danh sách Bài chia sẻ 2.18.1 Hình chụp hình 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 Năm Combobox Click vào để lọc chia sẻ theo năm muốn tìm 2.19 Màn hình Bài chia sẻ 2.19.1 Hình chụp hình 37 38 2.19.2 Mơ tả cách sử dụng xử lý STT Tên thành phần Nội dung share Loại Text Cách sử dụng Hiển thị nội dung chia sẻ VI CÀI ĐẶT VÀ THỬ NGHIỆM STT Tên chức Mức độ hoàn thành Xem đề thi tham khảo 100% Xem tài liệu tham khảo 100% Xem chia sẻ 100% Luyện tập 100% Thi thử 100% Tra cứu thông tin 100% Xem bảng xếp hạng 100% Xem lại thi 100% Ghi VII HƯỚNG PHÁT TRIỂN - Xây dựng tính chatbot thay tra cứu thủ cơng - Xây dựng trang quản lý dành cho admin - Xây dựng tính tự động tạo đề thi từ câu hỏi có sẵn, đảm bảo khơng phát sinh đề thi trùng lặp - Xây dựng thêm trang trao đổi liên quan đến đề thi, học tập, vấn đề liên quan khác, … cho bạn học sinh - Xây dựng thêm tính đóng góp tập, đề thi dành cho bạn học sinh, giáo viên muốn đóng góp phát triển thêm việc luyện thi - Phát triển tảng Ứng dụng di động, nâng cao tính hiệu tiện lợi cho bạn học sinh 39 VIII 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/ 40 ... thành tốt đồ án I GIỚI THI? ??U BÀI TOÁN CẦN GIẢI QUYẾT, MƠ TẢ QUY TRÌNH THỰC HIỆN CÁC CƠNG VIỆC CHÍNH Bài tốn cần giải - Xây dựng website cho học sinh số người có nhu cầu luyện thi đại học - Xác... tài Website luyện thi đại học Với mong muốn cải thi? ??n website, ứng dụng có, thu hút đông bạn học sinh sử dụng mang lại cho người dùng hiệu tốt - Website xây dựng bao gồm nội dung bản: + Xem đề thi. .. 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