Website luyện thi vào lớp 10 (đồ án 1 SE121 l21)

= ĐẠ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 WEBSITE LUYỆN THI VÀO LỚP 10 Giảng viên hướng dẫn: ThS.Huỳnh Hồ Thị Mộng Trinh Sinh viên thực hiện: Trần Huy Win -18521686 Phạm Thiên Long-18521052 Tp Hồ Chí Minh, 6/2021 Nhận Xét Của Giáo Viên ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ………………………………………………………………………………………………………… ……………………………………………………………… … , ngày tháng năm 2021 Người nhận xét (Ký tên) Lời cảm ơn Để có thành cơng mơn học hồn thành tốt đồ án “Website luyện thi vào lớp 10” em nhận nhiều giúp đỡ quý thầy bạn bè Tỏ lịng biết ơn sâu sắc em xin chân thành cảm ơn giảng viên khoa Công nghệ phần mềm – Đại học Công Nghệ Thông Tin với tri thức tâm huyết truyền đạt vốn kiến thức quý báu cho em suốt thời gian học tập trường Em xin chân thành cảm ơn Cô Huỳnh Hồ Thị Mộng Trinh tận tâm hướng dẫn chúng em qua buổi học lớp Nếu khơng có lời hướng dẫn, bảo thầy em nghĩ q trình hồn thiện báo cáo chúng em gặp nhiều vấn đề khó khăn Do kiến thức khả em nhiều hạn chế, khơng tránh khỏi thiếu sót, yếu Em mong nhận ý kiến đóng góp q báu thầy để kiến thức em hoàn thiện Sau cùng, em xin kính chúc q thầy khoa Cơng nghệ phần mềm Cô Huỳnh Hồ Thị Mộng Trinh thật dồi sức khỏe, niềm tin để tiếp tục thực sứ mệnh cao đẹp truyền đạt kiến thức cho hệ mai sau Trân trọng cảm ơn Mục Lục Tổng quan đề tài 1.1 Đặt vấn đề 1.2 Giải pháp 1.3 Mục tiêu 1.4 Phạm vi 1.5 Công cụ sử dụng Xác định phân tích yêu cầu 2.1 Khảo sát trạng 2.2 Phân tích yêu cầu 2.2.1 Yêu cầu chức 2.2.2 Yêu cầu phi chức Thiết kế hệ thống 3.1 Sơ đồ usecase 3.2 Danh sách tác nhân hệ thống 13 3.3 Danh sách usecase 13 3.4 Đặc tả usecase 14 3.4.1 Module Lịch sử làm 14 3.4.2 Module Làm thi 15 3.4.3 Module Tạo kiểm tra 16 3.4.4 Module Duyệt kiểm tra 17 3.4.5 Module đăng nhập 18 3.4.7 Module tạo tài khoản 19 Sơ đồ 20 a Thiết kế liệu 23 Mô tả chi tiết kiểu liệu sơ đồ logic 23 a i Bảng Ghi Chú 23 ii Mô tả chi tiết kiểu liệu 23 Kiến trúc 25 Thiết kế giao diện 27 2.1 Danh sách hình 27 2.2 Chi tiết hình 28 Màng hình trang chủ website 28 Màn hình chọn đề(luyện thi) 28 Màn hình làm thi( sau chọn đề) 29 Màn hình chấm điểm xem giải thích 30 Màn hình quản lý user 33 Màn hình bảng điểm 33 Màn hình điền thông tin đề thi( đăng đề) 34 Màn hình tạo câu hỏi( đăng đề) 35 Màn hình xem trước đề thi( đăng đề) 36 Màn hình duyệt đề(admin) 37 Màn hình đăng nhập 37 Kết luận 38 3.1 Môi trường phát triển môi trường triển khai 38 3.2 Kết đạt 38 3.3 Hướng phát triển 38 Tổng quan đề tài 1.1 Đặt vấn đề Dựa nhu cầu thực tế xã hội ngày bùng nổ bệnh dịch covid 19 nên cần có nhiều thêm website để em nhỏ ôn tập luyện thi cho kì thi lớn thi đại học, thi tuyển sinh cấp Nhằm giải vấn giúp đỡ em có mơi trường rèn luyện thi thử thật tốt, tham khảo dạng thi loại tập Đó nội dung đề cập đến đề tài Website luyện thi vào lớp 10 giúp ích cho bạn học sinh nhiều, đặc biệt thời buổi dịch bệnh hồnh hành, khơng thể đến trường lớp thường xuyên Bạn không cần thiết phải biết nhiều tin học, bạn sử dụng trang web cách hiệu Giao diện thuận tiện dễ sử dụng chương trình ln khiến bạn cảm thấy thật thoải mái sử dụng website 1.2 Giải pháp Để hồn thành đề tài cần phải nghiên cứu nội dung sau: • Tìm hiểu cách thức vận hành thi thử • Tìm hiểu nghiệp vụ liên quan tới trình thực kiểm tra, đăng kiểm tra lên trang web, cách thức chấm điểm • Cần phải tìm hiểu nghiên cứu nhu cầu phát sinh người dùng để có giải pháp phù hợp 1.3 Mục tiêu Xây dựng website luyện thi lớp 10 đáp ứng nhu cầu sau: • Thực chức website học tập • Trang bảng giúp chủ học sinh quản lý, cập nhật thơng tin kiểm tra • Có hình thức chấm điểm xác, phù hợp với loại thi • Có thể giúp giáo viên đăng đề lên trang web dễ dàng 1.4 Phạm vi Thời gian thực đồ án có hạn, việc xây dựng website tập trung vào chức bao gồm : thống kê bảng điểm,luyện thi, quản lý đề thi, đăng đề thi, duyệt đề thi, quản lí thơng tin tài khoản 1.5 Cơng cụ sử dụng Trong q trình xây dựng phần mềm, nhóm sử dụng phần mềm sau: • Visual Studio Code: IDE xây dựng phần mềm • ReactJS: Xây dựng giao diện website • Redux: State management • Bootstrap: Built-in styles • Firebase: Database Xác định phân tích yêu cầu 2.1 Khảo sát trạng STT Chủ đề Yêu cầu Nắm rõ thành phần thông tin nghiệp vụ Các thành phần thông tin nghiệp vụ Nắm rõ đề thi, môn học mà nhiều người muốn luyện tập, Các môn học, dạng thi tìm cách thức chấm điểm tự động phù hợp cho dạng thi cách thức chấm điểm Tìm hiểu kỹ tài ngun máy móc, trang thiết bị, phần mềm, hệ Hệ thống máy móc phần điều hành phần lớn bạn mềm 2.2 Phân tích yêu cầu Yêu cầu chức 2.2.1 Yêu cầu lưu trữ: Tính lưu trữ yêu cầu quan trọng hệ thống sở để thực phần lớn tính hệ thống, để đảm bảo việc quản có hiệu hệ thống lưu trữ cần lưu trữ thông tin sau: • Thơng tin đề bài, đáp án, câu trả lời • Thơng tin user, phân quyền user • u cầu tính năng: • Chức tìm kiếm đề kiểm tra • Chức thống kê báo cáo kết làm kiểm tra • Chức cập nhật • Chức đăng đề bài, kiểm duyệt đề • Chức tham gia kiểm tra 2.2.2 Yêu cầu phi chức Yêu cầu giao diện: giao diện phải thân thiện với người dùng, phù hợp Người dùng dễ dàng sử dụng thap tác u cầu chất lượng: • Tính tiến hóa • Tính tiện dụng • Tính hiệu • Tính tương thích Thiết kế hệ thống 3.1 Sơ đồ usecase STT Thuộc tính Kiểu _id ObjectId name string email string Role string HomeworkHistory Object DisplayName string HomeworkHistory STT Thuộc tính Kiểu _id ObjectId Subject String Date Date Place String Point Number IdExam String STT Thuộc tính Kiểu _id ObjectId Format String Place String SchoolYear String Subject String TimeOfExam Number TimePoposed Number TitleExam String ListQuestion Object 10 OnWebsite Bool Exam 24 ListQuestion STT Thuộc tính Kiểu _id ObjectId CorrectAnswer Object IsmultipleChoieAnswer Bool MultipleChoieAnswers Object Number Number Point Number Question string CorrectAnswer STT Thuộc tính Kiểu _id ObjectId Explain string MultipleChoieAnswer string MultipleChoieAnswers STT Thuộc tính Kiểu _id ObjectId Content string Kiến trúc Kiến trúc Client – Server: 25 Kiến trúc Client-Server (máy khách-máy chủ) mơ hình máy tính, máy chủ (server), cung cấp quản lý hầu hết nguồn lực dịch vụ cho máy khách (client) Kiểu kiến trúc có nhiều máy khách kết nối với máy chủ trung tâm thông qua mạng Internet Kiến trúc Client-Server gọi mạng mơ hình tính tốn tất yêu cầu dịch vụ phân phối qua mạng Client: • Các ứng dụng di động (mobile apps) • Các ứng dụng máy tính bảng (tablet apps) • Trình duyệt (Windows) Sever: • Server trang web (Web server) Ưu điêm: Ưu điểm mô hình client server với mơ hình client server thứ dường nằm bàn tay người sử dụng, truy cập liệu từ xa (bao gồm công việc gửi nhận file, tìm kiếm thơng tin, …) với nhiều dịch vụ đa dạng mà mơ hình cũ khơng thể làm Mơ hình client/server cung cấp tảng lý tưởng cho phép tích hợp kỹ thuật đại mơ hình thiết kế hướng đối tượng, hệ chun gia, hệ thông tin địa lý (GIS)… 26 Nhược điểm: Một vấn đề nảy sinh mơ hình tính an tồn bảo mật thơng tin mạng Do phải trao đổi liệu máy khu vực khác dễ dàng xảy tượng thông tin truyền mạng bị lộ Thiết kế giao diện 2.1 Danh sách hình STT Tên hình Ý nghĩa/Ghi Đăng nhập Đăng nhập vào hệ thống Chọn đề luyện thi Học sinh chọn đề để thi thử Làm thi Sau học sinh chọn đề học sinh bắt đầu làm thi Chấm điểm xem giải thích Sau hồn thành thi, học sinh bắt đầu xem lời giải trang web xem điểm đạt Quản lý user Người dung chỉnh sửa chi tiết Màn hình bảng điểm Hiển thị lịch sử làm học sinh Điền thông tin đề Đề thông tin đề thi cần đăng Tạo câu hỏi Sau điền thông tin đề đến tạo câu hỏi, điền đầy đủ thông tin câu hỏi muốn them vào Đây làm hình sửa câu hỏi sau click sửa câu hỏi Xem trước đề Sẽ hiển thị toàn câu hỏi để xem qua trước gửi đề cho admin 10 Duyệt đề Sẽ hiển thị toàn đề cần duyệt để hiển thị cho cá học sinh làm, “xem trước” đề trước 27 2.2 Chi tiết hình Màng hình trang chủ website Màn hình chọn đề(luyện thi) 28 Màn hình làm thi( sau chọn đề) 29 Màn hình chấm điểm xem giải thích 30 31 32 Màn hình quản lý user Màn hình bảng điểm 33 Màn hình điền thơng tin đề thi( đăng đề) 34 Màn hình tạo câu hỏi( đăng đề) 35 Màn hình xem trước đề thi( đăng đề) 36 Màn hình duyệt đề(admin) Màn hình đăng nhập 37 Kết luận 3.1 Môi trường phát triển môi trường triển khai 3.1.1 Mơi trường phát triển • Hệ điều hành: Microsoft Win 10 • Ngơn ngữ: JavaScript • FameWork: ReactJS • Cần cài đặt: NodeJS • Hệ quản trị sở liệu: Firebase • Cơng cụ phân tích thiết kế: LucidChart • Cơng cụ chạy ứng dụng: Visual studio code 3.1.2 Mơi trường triển khai • Cần cài đặt: NodeJS • Khi chạy ứng dụng cần chép cài đặt đầy đủ tập tin 3.2 Kết đạt • Website thực chức website luyện thi lớp 10, giúp cho việc quản lý,học tập giáo viên, học sinh trở nên dễ quản lý dễ dàng tiếp cận dạng đề thi cho học sinh • Xây dựng website có giao diện thân thiện với người dùng dễ dàng tương tác • Website hỗ trợ tính giúp cho người dùng dễ trải nghiệm việc thi cử hình thức online 3.3 Hướng phát triển • Sẽ tiếp tục nghiên cứu để phát triển phần mềm hoàn thiện nữa, sửa chửa sai xót website đưa vào hoạt động thực tiễn • Thêm tính chatbox để học sinh dễ trao đổi với giáo viên • Cải tiến chức chấm điểm, có thề tự động chấm làm tự luận 38 ... ……………………………………………………………… … , ngày tháng năm 20 21 Người nhận xét (Ký tên) Lời cảm ơn Để có thành cơng mơn học hồn thành tốt đồ án ? ?Website luyện thi vào lớp 10 ? ?? em nhận nhiều giúp đỡ q thầy bạn... covid 19 nên cần có nhiều thêm website để em nhỏ ôn tập luyện thi cho kì thi lớn thi đại học, thi tuyển sinh cấp Nhằm giải vấn giúp đỡ em có mơi trường rèn luyện thi thử thật tốt, tham khảo dạng thi. .. vụ luyện thi, đăng đề Học sinh Thực chức vào website luyện thi 3.3 Danh sách usecase STT Usecase Ý nghĩa Lịch sử làm Giúp quản lý thông tin thi học sinh tham gia Luyện thi Thực chức tham gia thi