xây dựng ứng dụng luyện thi đại học (khóa luận tốt nghiệp)

ĐẠ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 LÊ XUÂN TÙNG NGUYỄN THANH TUẤN KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG LUYỆN THI ĐẠI HỌC Building an application practicing exam preparation for university KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM TP HỒ CHÍ MINH, 2022 ĐẠ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 LÊ XUÂN TÙNG – 18521616 NGUYỄN THANH TUẤN - 18521604 KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG LUYỆN THI ĐẠI HỌC Building an application practicing exam preparation for university KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN ThS HUỲNH HỒ THỊ MỘNG TRINH TP HỒ CHÍ MINH, 2022 THƠNG TIN HỘI ĐỒNG CHẤM KHĨA LUẬN TỐT NGHIỆP Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số …………………… ngày ………………… Hiệu trưởng Trường Đại học Công nghệ Thông tin – Chủ tịch – Thư ký – Uỷ viên – Uỷ viên LỜI CẢM ƠN Khóa luận tốt nghiệp với đề tài “XÂY DỰNG ỨNG DỤNG LUYỆN THI ĐẠI HỌC” minh chứng cho q trình cố gắng khơng ngừng nghỉ việc tìm tịi, học hỏi suốt năm học tập trường Đại học Công nghệ Thông tin nhóm chúng em Các thầy trường Đại học Cơng nghệ Thơng Tin nói chung thầy Khoa Cơng nghệ Phần mềm nói riêng tận tình truyền đạt nhiều kiến thức bổ ích vô cần thiết tới chúng em để chúng em có tảng chun mơn vững tương lai Thơng qua khố luận này, chúng em thể học kết hợp lại để cố gắng tạo nên sản phẩm có tính ứng dụng thực tế cao, bước đầu quy mô vừa nhỏ, hướng đến sản phẩm hồn chỉnh với quy mơ lớn Chúng em xin gửi lời cảm ơn chân thành đến quý thầy trường Đại học Cơng nghệ Thơng tin nói chung, q thầy khoa Cơng nghệ Phần mềm nói riêng, đặc biệt cô Huỳnh Hồ Thị Mộng Trinh chu đáo tận tình hướng dẫn chúng em, giúp chúng em có điều kiện tốt để hồn thành khoá luận với chất lượng cao Cảm ơn giảng viên phản biện thầy cô hội đồng chấm khố luận với lời khun, góp ý q báu bổ ích Từ khố luận tốt nghiệp chúng em trở nên hoàn thiện Bên cạnh đó, nhóm chúng em xin gửi lời cảm ơn tới gia đình, bạn bè ln bên cạnh, động viên đóng góp ý kiến trình chúng em hồn thành khóa luận Trong suốt q trình thực khóa luận, quy mơ sản phẩm lớn so với đồ án thông thường khác, với thời gian vốn kiến thức cịn nhiều hạn chế, chắn nhóm khó tránh khỏi sai sót khơng mong muốn Chúng em mong nhận góp ý chân thành từ phía thầy bạn Thành phố Hồ Chí Minh, tháng 06 năm 2022 Lê Xuân Tùng Nguyễn Thanh Tuấn MỤC LỤC TÓM TẮT KHÓA LUẬN Chương TỔNG QUAN 1.1 Giới thiệu đề tài 1.2 Mục tiêu 1.3 Phạm vi 1.4 Phương pháp thực 1.5 Ý nghĩa thực tiễn 1.6 Kết dự kiến 1.7 Hiện trạng toán hướng giải 1.7.1 Đánh giá trạng 1.7.2 Hướng giải Chương CƠ SỞ LÝ THUYẾT 11 Chương TỔNG QUAN CÔNG NGHỆ 16 3.1 ReactJS 16 3.2 NodeJS 17 3.3 MongoDB 17 3.4 Express 18 Chương XÂY DỰNG HỆ THỐNG LUYỆN THI ĐẠI HỌC 19 4.1 Phân tích yêu cầu hệ thống 19 4.1.1 Phân tích yêu cầu chức 19 4.1.2 Yêu cầu tính 19 4.1.3 Phân tích yêu cầu phi chức 19 4.1.4 Phân tích yêu cầu người dùng 20 4.1.5 Lược đồ use case 20 4.1.6 Một số use case hệ thống 25 4.2 Thiết kế hệ thống 29 4.2.1 Lược đồ thao tác làm tập 29 4.2.2 Lược đồ thao tác thi thử 30 4.2.3 Lược đồ thao tác tra cứu điểm chuẩn 31 4.3 Thiết kế sở liệu 32 4.3.1 Lược đồ sở liệu 32 4.3.2 Mô tả bảng liệu 33 4.4 Thiết kế kiến trúc hệ thống 41 4.4.1 Kiến trúc tổng thể 41 4.4.2 Kiến trúc thư mục ứng dụng web 42 4.5 Thiết kế giao diện 43 4.5.1 Danh sách hình 43 4.5.2 Giao diện số hình ứng dụng 50 Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 81 5.1 Kết đạt 81 5.2 Thuận lợi khó khăn 82 5.2.1 Thuận lợi 82 5.2.2 Khó khăn 82 5.3 Hướng phát triển 83 TÀI LIỆU THAM KHẢO 84 DANH MỤC HÌNH Hình 1-1 Tỷ lệ sử dụng website luyện thi đại học Hình 1-2 Số lượng người dùng website luyện thi đại học Hình 1-3 Tỷ lệ đánh giá việc luyện thi online Hình 1-4 Tỷ lệ mong muốn sử dụng website luyện thi đại học Hình 4-1 Lược đồ Use case tổng quan 20 Hình 4-2 Sơ đồ use-case thi thử 25 Hình 4-3 Sơ đồ use-case làm tập 27 Hình 4-4 Sơ đồ use-case tra cứu điểm chuẩn 28 Hình 4-5 Lược đồ thao tác làm tập 29 Hình 4-6 Lược đồ thao tác thi thử 30 Hình 4-7 Lược đồ thao tác tra cứu điểm chuẩn 31 Hình 4-8 Mơ hình MERN stack 41 Hình 4-9 Kiến trúc ứng dụng web 42 Hình 4-10 Danh sách liên kết hình phía người dùng 43 Hình 4-11 Danh sách liên kết hình phía quản trị 44 Hình 4-12 Màn hình đăng nhập 51 Hình 4-13 Màn hình đăng ký 53 Hình 4-14 Màn hình trang chủ 56 Hình 4-15 Màn hình mơn học 58 Hình 4-16 Màn hình danh sách chương 59 Hình 4-17 Màn hình tập 60 Hình 4-18 Màn hình đăng ký thi thử 62 Hình 4-19 Màn hình thi thử 64 Hình 4-20 Màn hình tra cứu 65 Hình 4-21 Màn hình trang cá nhân 66 Hình 4-22 Màn hình đổi mật 67 Hình 4-23 Màn hình sửa thơng tin cá nhân 69 Hình 4-24 Màn hình tham khảo 70 Hình 4-25 Màn hình danh sách đề thi thử 71 Hình 4-26 Màn hình đề thi thử 73 Hình 4-27 Màn hình danh sách tài liệu tham khảo 74 Hình 4-28 Màn hình tài liệu tham khảo 76 Hình 4-29 Màn hình danh sách chia sẻ 77 Hình 4-30 Màn hình chia sẻ 79 Hình 4-31 Màn hình quản lý người dùng 80 DANH MỤC BẢNG Bảng 1-1 Tiêu chí đánh giá số website luyện thi đại học tiếng Bảng 2-1 Ma trận đề thi mơn Tốn năm 2021 12 Bảng 2-2 Ma trận đề thi môn Vật lý năm 2021 12 Bảng 2-3 Ma trận đề thi môn Địa lý năm 2021 13 Bảng 2-4 Ma trận đề thi mơn Tốn năm 2020 14 Bảng 2-5 Ma trận đề thi môn Vật lý năm 2020 14 Bảng 2-6 Ma trận đề thi môn Địa lý năm 2020 15 Bảng 4-1 Danh sách actor 21 Bảng 4-2 Danh sách use-case 21 Bảng 4-3 Đặc tả use-case thi thử 26 Bảng 4-4 Đặc tả use-case làm tập 27 Bảng 4-5 Đặc tả use-case tra cứu điểm chuẩn 28 Bảng 4-6 Danh sách lược đồ sở liệu 32 Bảng 4-7 Bảng đơn vị/trường 33 Bảng 4-8 Bảng chương học 33 Bảng 4-9 Bảng danh sách tập hoàn thành 34 Bảng 4-10 Bảng danh sách đề thi hoàn thành 34 Bảng 4-11 Bảng danh sách tập 34 Bảng 4-12 Bảng danh sách tài liệu tham khảo 35 Bảng 4-13 Bảng danh sách đề thi tham khảo 36 Bảng 4-14 Bảng phân quyền 36 Bảng 4-15 Bảng danh sách chia sẻ 37 Bảng 4-16 Bảng danh sách môn học 37 Bảng 4-17 Bảng danh sách đề thi 37 Bảng 4-18 Bảng danh sách trường đại học 38 Cập nhật Button Click để xác nhận hoàn thành cập nhật 4.5.2.13 Màn hình Tham khảo a Hình chụp hình Hình 4-24 Màn hình tham khảo b Mơ tả cách sử dụng xử lý Bảng 4-38 Mơ tả hình tham khảo 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 70 dùng click vào mục tham khảo mong muốn tìm hiểu 4.5.2.14 Màn hình Danh sách Đề thi Thử a Hình chụp hình Hình 4-25 Màn hình danh sách đề thi thử 71 b Mô tả cách sử dụng xử lý Bảng 4-39 Mơ tả hình danh sách đề thi thử 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 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 4.5.2.15 Màn hình Đề thi Thử a Hình chụp hình 72 Hình 4-26 Màn hình đề thi thử b Mô tả cách sử dụng xử lý Bảng 4-40 Mơ tả hình đề thi thử STT Tên thành phần Loại Cách sử dụng 73 Đề thi thử Hiển thị nội dung đề thi thử chọn Pre, Next Click để chuyển trang lần Button lượt đề thi Tải xuống Click để tải đề thi thử Button xem 4.5.2.16 Màn hình Danh sách Tài liệu tham khảo a Hình chụp hình Hình 4-27 Màn hình danh sách tài liệu tham khảo 74 b Mô tả cách sử dụng xử lý Bảng 4-41 Mơ tả hình danh sách tài liệu tham khảo 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 Năm Combobox Click vào để lọc tài liệu tham khảo theo năm muốn tìm 4.5.2.17 Màn hình Tài liệu tham khảo a Hình chụp hình 75 Hình 4-28 Màn hình tài liệu tham khảo b Mơ tả cách sử dụng xử lý 76 Bảng 4-42 Mô tả hình tài liệu tham khảo 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 4.5.2.18 Màn hình Danh sách Bài chia sẻ a Hình chụp hình Hình 4-29 Màn hình danh sách chia sẻ b Mô tả cách sử dụng xử lý 77 Bảng 4-43 Mơ tả hình danh sách chia sẻ 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 4.5.2.19 Màn hình Bài chia sẻ a Hình chụp hình 78 Hình 4-30 Màn hình chia sẻ b Mơ tả cách sử dụng xử lý Bảng 4-44 Mô tả hình chia sẻ 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ẻ 4.5.2.20 Màn hình quản lý người dùng a Hình chụp hình 79 Hình 4-31 Màn hình quản lý người dùng b Mơ tả cách sử dụng xử lý Bảng 4-45 Mô tả hình quản lý người dùng STT Tên thành phần Tổng số tài liệu chia sẻ Loại Text 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 khoản Table Danh sách tài khoản người dùng 80 Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 5.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 hoà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, cịn á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 - Xây dựng Ứng dụng Web “Ứng dụng luyện thi đại học” với chức là: o Luyện tập với tập có phân cấp độ, theo chương với đánh giá khả hồn thành dạng tập lần làm sau o Thi thử trực tuyến với hệ thống tự động chấm trắc nghiệm o Xem lại trao đổi sau đề thi o Tra cứu thông tin tuyển sinh đại học o Tham khảo tài liệu, đề thi nước, chia sẻ hữu ích việc ơn thi đại học o Ngồi cịn tính khác khảo sát đưa gợi ý lộ trình luyện thi, tính quản trị hệ thống admin quyền truy cập giáo viên - Ứng dụng triển khai Website với đường dẫn là: https://dodaihoc.me/ 81 Về mặt thực tiễn, nhóm 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 5.2 Thuận lợi khó khăn 5.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 - Nhận giúp đỡ nhiệt tình bạn học sinh THPT thực khảo sát trạng 5.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 82 5.3 Hướng phát triển - Tạo group/diễn đàn để trao đổi thông tin, hỏi đáp, … - Phát triển ứng dụng tảng di động - Tự động giải câu hỏi tập từ học sinh gửi lên hệ thống trả kết lời giải tập - Tự động tạo đề thi phù hợp với khả mong muốn luyện tập học sinh dựa kết khảo sát ban đầu q trình ơn luyện học sinh 83 TÀI LIỆU THAM KHẢO Tài liệu Tiếng Việt [1] Viblo, “Nền tảng chia sẻ kiến thức Công nghệ” [Trực tuyến] https://viblo.asia/ [Truy cập 22/04/2022] Tài liệu Tiếng Anh [1] ReactJS, “A JavaScript library for building user interfaces” [Trực tuyến] https://reactjs.org/ [Truy cập 22/04/2022] [2] Stackoverflow, “Find the best answer to your technical question, help others answer theirs” [Trực tuyến] https://stackoverflow.com/ [Truy cập 22/04/2022] [3] Medium, “Discover stories, thinking, and expertise from writers on any topic.” [Trực tuyến] https://medium.com/ [Truy cập 17/05/2022] [4] Tesseract, “The OCR engine in Javascript” [Trực tuyến] https://tesseractocr.github.io/ [Truy cập 22/04/2022] [5] MongoDB, “The NoSQL database” [Trực tuyến] https://www.mongodb.com/ [Truy cập 26/03/2022] [6] ExpressJS, “Fast, unopinionated, minimalist web framework for Node.js” [Trực tuyến] https://expressjs.com/ [Truy cập 26/03/2022] [7] NodeJS, “a JavaScript runtime built on Chrome's V8 JavaScript engine” [Trực tuyến] https://nodejs.org/en/ [Truy cập 26/03/2022] [8] Tailwind, “Rapidly build modern websites without ever leaving your HTML” Open CSS library [Trực tuyến] https://tailwindcss.com/ [Truy cập 22/04/2021] 84 ... LỜI CẢM ƠN Khóa luận tốt nghiệp với đề tài “XÂY DỰNG ỨNG DỤNG LUYỆN THI ĐẠI HỌC” minh chứng cho q trình cố gắng khơng ngừng nghỉ việc tìm tịi, học hỏi suốt năm học tập trường Đại học Công nghệ...ĐẠ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 LÊ XUÂN TÙNG – 18521616 NGUYỄN THANH TUẤN - 18521604 KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG LUYỆN THI. .. lệ sử dụng website luyện thi đại học Hình 1-2 Số lượng người dùng website luyện thi đại học Hình 1-3 Tỷ lệ đánh giá việc luyện thi online Hình 1-4 Tỷ lệ mong muốn sử dụng