1. Trang chủ
  2. » Cao đẳng - Đại học

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

97 15 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Tiêu đề Xây Dựng Ứng Dụng Luyện Thi Đại Học
Tác giả Lê Xuân Tùng, Nguyễn Thanh Tuấn
Người hướng dẫn ThS. Huỳnh Hồ Thị Mộng Trinh
Trường học Đại học Quốc gia Thành phố Hồ Chí Minh
Chuyên ngành Kỹ sư ngành kỹ thuật phần mềm
Thể loại khóa luận tốt nghiệp
Năm xuất bản 2022
Thành phố Thành phố Hồ Chí Minh
Định dạng
Số trang 97
Dung lượng 3,9 MB

Cấu trúc

  • Chương 1. TỔNG QUAN (15)
    • 1.1. Giới thiệu đề tài (15)
    • 1.2. Mục tiêu (20)
    • 1.3. Phạm vi (21)
    • 1.4. Phương pháp thực hiện (21)
    • 1.5. Ý nghĩa thực tiễn (21)
    • 1.6. Kết quả dự kiến (21)
    • 1.7. Hiện trạng bài toán và hướng giải quyết (22)
      • 1.7.1. Đánh giá hiện trạng (22)
      • 1.7.2. Hướng giải quyết (22)
  • Chương 2. CƠ SỞ LÝ THUYẾT (24)
  • Chương 3. TỔNG QUAN CÔNG NGHỆ (29)
    • 3.1. ReactJS (29)
    • 3.2. NodeJS (30)
    • 3.3. MongoDB (30)
    • 3.4. Express (31)
  • Chương 4. XÂY DỰNG HỆ THỐNG LUYỆN THI ĐẠI HỌC (32)
    • 4.1. Phân tích yêu cầu hệ thống (32)
      • 4.1.1. Phân tích yêu cầu chức năng (32)
      • 4.1.2. Yêu cầu tính năng (32)
      • 4.1.3. Phân tích yêu cầu phi chức năng (32)
      • 4.1.4. Phân tích yêu cầu người dùng (33)
      • 4.1.5. Lược đồ use case (33)
      • 4.1.6. Một số use case của hệ thống (38)
    • 4.2. Thiết kế hệ thống (42)
      • 4.2.1. Lược đồ tuần tự thao tác làm bài tập (42)
      • 4.2.2. Lược đồ tuần tự thao tác thi thử (43)
      • 4.2.3. Lược đồ tuần tự thao tác tra cứu điểm chuẩn (44)
    • 4.3. Thiết kế cơ sở dữ liệu (45)
      • 4.3.1. Lược đồ cơ sở dữ liệu (45)
      • 4.3.2. Mô tả các bảng dữ liệu (46)
    • 4.4. Thiết kế kiến trúc hệ thống (54)
      • 4.4.1. Kiến trúc tổng thể (54)
      • 4.4.2. Kiến trúc thư mục ứng dụng web (55)
    • 4.5. Thiết kế giao diện (56)
      • 4.5.1. Danh sách màn hình (56)
      • 4.5.2. Giao diện một số màn hình của ứng dụng (63)
  • Chương 5. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN (94)
    • 5.1. Kết quả đạt được (94)
    • 5.2. Thuận lợi và khó khăn (95)
      • 5.2.1. Thuận lợi (95)

Nội dung

TỔNG QUAN

Giới thiệu đề tài

Theo khảo sát với 194 học sinh THPT, chủ yếu đến từ tỉnh Quảng Bình và Quảng Ngãi, kết quả cho thấy đại diện cho những học sinh ở các tỉnh nhỏ lẻ trên cả nước.

- 78.9% học sinh chưa từng luyện thi đại học trên các website trực tuyến Một số lý do được chia sẻ là:

Hình 1-1 Tỷ lệ sử dụng website luyện thi đại học

● “Học phí mỗi khoá học khá cao so với thu nhập tại địa phương”

Việc luyện thi trên các trang web này yêu cầu người dùng phải đăng ký và mua khóa học Tuy nhiên, giá cả của các khóa học thường cao hơn khả năng tài chính của nhiều gia đình, dẫn đến việc không thể thực hiện.

● “Không quen sử dụng máy tính và truy cập các website luyện thi”

- “hocmai.vn”, “tuyensinh247.com”, “moon.vn”: là 3 trang web được tin dùng từ các bạn học sinh

Hình 1-2 Số lượng người dùng ở các website luyện thi đại học

- Hơn 90%: các bạn học sinh đều cảm thấy thích thú với việc luyện thi online trên những 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 Tỷ lệ đánh giá việc luyện thi online

Gần như tất cả mọi người đều háo hức mong chờ trải nghiệm một trang web luyện thi đại học miễn phí, bao gồm các bài thi thử, tra cứu tài liệu ôn thi, đề thi và thông tin tuyển sinh.

Hình 1-4 Tỷ lệ mong muốn sử dụng website luyện thi đại học

Bảng so sánh các tính năng của các hệ thống chia sẻ tài liệu đang trên thị trường và hệ thống đề xuất:

Bảng 1-1 Tiêu chí đánh giá của một số website luyện thi đại học nổi tiếng

Tiêu chí đánh giá hocmai.vn tuyensinh247.com moon.vn Hệ thống đề xuất

Giao diện thân thiện, dễ sử dụng

Phân loại môn học, bài tập theo

Luyện thi online miễn phí

Hạn chế Không Không Có

Dễ tiếp nhận đóng góp từ giáo viên

Hạn chế Hạn chế Hạn chế Có

Luyện tập Có Có Có Có Đánh giá, gợi ý lộ trình luyện thi tự động và miễn phí

Tốc độ website ổn định

Tài liệu tham khảo miễn phí và rộng rãi

Hạn chế Hạn chế Hạn chế Có Đánh giá mức Không Không Không Có

6 độ khả năng làm bài tập và mức độ chinh phục luyện tập tự động

Hệ thống xác thực tự động Không Không Không Có

Nhu cầu luyện thi đại học miễn phí trên một website là rất lớn, đặc biệt đối với học sinh ở các tỉnh thành nhỏ gặp khó khăn về kinh tế Việc thiếu kỹ năng sử dụng máy tính và truy cập Internet cũng là rào cản đáng kể Nếu tình trạng này kéo dài, học sinh sẽ khó tiếp cận tài liệu chất lượng và tham gia các bài thi thử, dẫn đến sự thiệt thòi trong quá trình học tập và ôn thi.

Hệ thống luyện thi đại học là một website hỗ trợ học sinh luyện tập theo từng chủ đề và trải nghiệm thi thử Website còn cung cấp kho tài liệu phong phú để tham khảo cùng nhiều tính năng hữu ích, giúp học sinh có trải nghiệm ôn thi dễ dàng và nhanh chóng làm quen ngay từ lần đầu sử dụng.

Cả hai thành viên trong nhóm chúng tôi đều đã trải qua giai đoạn ôn thi Trung học phổ thông Quốc gia, một thời điểm quan trọng trong cuộc đời Chúng tôi hiểu rõ những lo lắng và khó khăn mà học sinh phải đối mặt, từ việc tìm kiếm tài liệu ôn tập trên Internet cho đến những áp lực khác trong quá trình chuẩn bị cho kỳ thi.

Việc thu thập từng đề thi thử và tìm kiếm lời giải cho những câu hỏi khó khăn là một nhiệm vụ không hề đơn giản, đòi hỏi học sinh phải thành thạo trong việc sử dụng máy tính và tra cứu thông tin trên Internet Điều này không chỉ tốn thời gian mà còn gây khó khăn trong việc tìm kiếm tài liệu Nhận thấy những khó khăn này, nhóm chúng tôi quyết định xây dựng một hệ thống tổng hợp đề thi chất lượng, cùng với không gian ôn tập và luyện thi, nhằm cung cấp thông tin tuyển sinh hữu ích Mục tiêu của chúng tôi là giúp các bạn học sinh có thể tập trung chuẩn bị tốt nhất cho kỳ thi, một bước ngoặt quan trọng trong cuộc đời của mình.

Đề tài này thể hiện sự tâm huyết của ThS Huỳnh Hồ Thị Mộng Trinh, người đã đóng góp ý tưởng và hướng dẫn cho nhóm Sau nhiều lần trao đổi, cô và nhóm đã thống nhất lựa chọn đề tài này.

Mục tiêu

Xây dựng một ứng dụng hỗ trợ học sinh trong việc ôn thi đại học, giúp họ dễ dàng tiếp cận với nguồn tài liệu và đề thi được chọn lọc.

Học sinh có thể theo dõi thành tích của mình trong quá trình ôn tập và làm đề thi, từ đó điều chỉnh phương pháp học tập cho phù hợp hơn.

Tạo ra một không gian thi thử có thời gian theo chuẩn của Bộ Giáo dục giúp học sinh làm quen với áp lực thời gian trong kỳ thi Việc này không chỉ nâng cao khả năng quản lý thời gian mà còn giúp các em tự tin hơn khi bước vào các kỳ thi thực tế.

- Xây dựng trang quản trị để quản lý tài nguyên của website

- Phân quyền cho giáo viên có thể đóng góp đề thi cho hệ thống

- Đưa ra gợi ý lộ trình ôn luyện thi cho các bạn học sinh

- Kiểm duyệt tự động khi đăng ký quyền giáo viên

Phạm vi

Bài viết này tập trung vào việc xây dựng một hệ thống website dành riêng cho học sinh THPT, nhằm hỗ trợ các em trong việc chuẩn bị cho kỳ thi Đại học.

- Các bạn học sinh có thể sử máy tính cá nhân hoặc smartphone để truy cập website bởi vì website có hỗ trợ responsive.

Phương pháp thực hiện

- Tìm hiểu và phân tích những website luyện thi Đại học hiện có trên thị trường

- Thực hiện khảo sát nhu cầu, tình trạng ôn thi thực tế của các bạn học sinh đang luyện thi đại học

- Tổng hợp kết quả khảo sát để đưa ra những chức năng chính sẽ xuất hiện trên đề tài này.

Ý nghĩa thực tiễn

Học sinh sẽ được trải nghiệm một môi trường luyện thi mới mẻ và hấp dẫn, cùng với nguồn đề thi được chọn lọc kỹ lưỡng theo tiêu chuẩn của Bộ Giáo dục, giúp các em chuẩn bị tốt nhất cho kỳ thi Đại học sắp tới.

Học sinh có thể theo dõi những thành tích đạt được trong quá trình ôn tập và làm đề thi, từ đó điều chỉnh phương pháp học tập của mình cho phù hợp hơn.

Dưới mỗi đề thi "đã làm", có một không gian dành cho việc trao đổi và bình luận, giúp các bạn có thể nhờ mọi người giải đáp những thắc mắc gặp phải trong quá trình làm đề.

Học sinh có thể dễ dàng tra cứu thông tin tuyển sinh của hầu hết các trường Đại học trên toàn quốc trong những năm gần đây thông qua website của các trường.

Kết quả dự kiến

- Hiểu rõ hơn các công nghệ mới:

● Back - end: NodeJS, MongoDB, Express

- Hoàn thành sản phẩm với các chức năng đã đề ra trước đó

- Giao diện thân thiện, dễ sử dụng ngay cả với những bạn học sinh ít sử dụng máy tính

- Tạo ra những giá trị thiết thực của mục tiêu hướng tới.

Hiện trạng bài toán và hướng giải quyết

Theo khảo sát đã nêu ở mục 1.1, khoảng 194 học sinh THPT thì có:

- 78.9% học sinh chưa từng luyện thi đại học trên các website trực tuyến

Một số lý do được chia sẻ là:

+ “Học phí mỗi khoá học khá cao so với thu nhập tại địa phương”

Để ôn thi hiệu quả trên các trang web, người dùng cần đăng ký và mua khóa học Tuy nhiên, giá cả của những khóa học này thường cao, khiến nhiều gia đình không đủ khả năng chi trả.

+ “Không quen sử dụng máy tính và truy cập các website luyện thi”

- “hocmai.vn”, “tuyensinh247.com”, “moon.vn”: là 3 trang web được tin dùng từ các bạn học sinh

- Hơn 90%: các bạn học sinh đều cảm thấy thích thú với việc luyện thi online trên những 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”

Gần như tất cả mọi người đều háo hức mong chờ một website luyện thi đại học hoàn toàn miễn phí, nơi họ có thể tham gia thi thử và tra cứu tài liệu ôn thi một cách dễ dàng.

Chúng em thực hiện từng bước sau để giải quyết hiện trạng này:

- Thực hiện khảo sát nhu cầu, tình trạng ôn thi thực tế của các bạn học sinh đang luyện thi đại học

- Phân tích số liệu, nội dung khảo sát để thảo luận và đưa ra những chức năng cụ thể sẽ xuất hiện trên website

- Thu thập thông tin và phân tích những website luyện thi Đại học hiện có trên thị trường để tham khảo ý tưởng và công nghệ

- Tiến hành xây dựng sản phẩm

- Tiến hành kiểm thử sản phẩm và cải tiến về mặt hiệu suất sản phẩm

CƠ SỞ LÝ THUYẾT

Trong quá trình ôn thi Đại học, nhiều học sinh gặp khó khăn trong việc xác định nguồn ôn luyện, khi mà kiến thức tích lũy suốt 12 năm chỉ được tóm gọn trong 40 hoặc 50 câu hỏi của đề thi Do đó, việc lựa chọn và sắp xếp ưu tiên kiến thức trong giai đoạn ôn thi là rất quan trọng, ảnh hưởng lớn đến điểm số mà các bạn học sinh đạt được trong kỳ thi này.

Nhóm nghiên cứu đã thu thập dữ liệu về ma trận đề thi các môn trong kỳ thi THPT Quốc gia qua các năm và nhận thấy rằng ma trận đề thi chủ yếu dựa trên hai tiêu chí: độ khó của câu hỏi và phạm vi kiến thức theo chương Mỗi chương sẽ có một số lượng câu hỏi nhất định với nhiều mức độ khó khác nhau trong đề thi THPT Quốc gia.

Nhóm đã quyết định cung cấp gợi ý ôn thi cho người dùng dựa trên so sánh "điểm số kỳ vọng" và "điểm số hiện tại" theo từng môn học, nhằm đưa ra những đề xuất tối ưu nhất cho việc ôn tập.

Nhóm sẽ cung cấp cho các học sinh đề thi chuẩn của Bộ Giáo dục và Đào tạo theo từng môn học mà các em đã chọn, giúp các em nắm rõ điểm số hiện tại của mình.

- Điểm số kỳ vọng: Nhóm sẽ cho các bạn học sinh lựa chọn mức điểm kỳ vọng trong kỳ thi THPT Quốc gia sắp tới

Dựa trên điểm số kỳ vọng và điểm số hiện tại của học sinh trong bài kiểm tra, mỗi học sinh sẽ nhận được lộ trình học tập phù hợp.

Sau đây là các ma trận đề thi của một số môn học trong những năm gần đây

Bảng 2-1 Ma trận đề thi môn Toán năm 2021

Tổng số câu Chương 1:Đạo hàm và ứng dụng

Chương 6: Mặt nón, mặt trụ, mặt cầu

Chương 7: Phương pháp toạ độ trong không gian

Bảng 2-2 Ma trận đề thi môn Vật lý năm 2021

Chương 6: Lượng tử ánh sáng

Chương 7: Vật lý hạt nhân

Chương 8: Điện tích, điện trường

Bảng 2-3 Ma trận đề thi môn Địa lý năm 2021

Tổng số câu Chương 1: Địa lý tự nhiên

Chương 2: Địa lý dân cư

Chương 3: Địa lý các ngành kinh tế

Chương 4: Địa lý các vùng kinh tế

Chương 5 Thực hành kĩ năng địa lý

Bảng 2-4 Ma trận đề thi môn Toán năm 2020

Tổng số câu Chương 1: Đạo hàm và ứng dụng

Chương 6: Mặt nón, mặt trụ, mặt cầu

Chương 7: Phương pháp toạ độ trong không gian

Bảng 2-5 Ma trận đề thi môn Vật lý năm 2020

Chương 6: Lượng tử ánh sáng

Chương 7: Vật lý hạt nhân

Chương 8: Điện tích, điện trường

Bảng 2-6 Ma trận đề thi môn Địa lý năm 2020

Tổng số câu Chương 1: Địa lý tự nhiên

Chương 2: Địa lý dân cư

Chương 3: Địa lý các ngành kinh tế

Chương 4: Địa lý các vùng kinh tế

Chương 5 Thực hành kĩ năng địa lý

TỔNG QUAN CÔNG NGHỆ

ReactJS

React là thư viện JavaScript nổi bật dành cho việc phát triển giao diện người dùng, được Facebook phát triển và hỗ trợ bởi một cộng đồng đông đảo các nhà phát triển và doanh nghiệp.

- React có thể được sử dụng làm cơ sở trong việc phát triển các ứng dụng một trang hoặc di động

ReactJS cho phép các lập trình viên phát triển ứng dụng trực tiếp bằng JavaScript, kết hợp với JSX – một sự pha trộn độc đáo giữa JavaScript và HTML Điều này không chỉ làm rõ quy trình viết cấu trúc trang web mà còn cho phép lập trình viên tạo ra tính năng mới và xem ngay sự thay đổi trong thời gian thực, giúp dễ dàng tích hợp các đoạn HTML vào JavaScript.

Cho phép các nhà phát triển phân chia các cấu trúc UI phức tạp thành những component độc lập, giúp họ dễ dàng quản lý và phát triển ứng dụng web Nhờ vào việc chia nhỏ các cấu trúc UI/UX phức tạp thành các component đơn giản hơn, các developer không còn phải lo lắng về tổng thể của ứng dụng nữa.

Thông qua Props, các component có thể kết nối và truyền dữ liệu tùy biến đến các thành phần giao diện người dùng cụ thể, tạo điều kiện cho việc chia sẻ thông tin một cách hiệu quả.

Tính năng State trong ReactJS cho phép điều chỉnh trạng thái của các component con (child) nhận dữ liệu từ component cha (parent) Nhà phát triển có thể thay đổi trạng thái cho nhiều component con trong ứng dụng mà không làm ảnh hưởng đến trạng thái của component cha đang ở chế độ Stateful.

React cung cấp nhiều công cụ hữu ích ngay từ đầu, và một trong những công cụ quan trọng là extension chính thức của React cho Chrome, giúp bạn dễ dàng debug ứng dụng nhanh chóng.

NodeJS

NodeJS là nền tảng phát triển độc lập, được xây dựng trên Javascript Runtime của Chrome, cho phép tạo ra các ứng dụng mạng một cách nhanh chóng và dễ dàng mở rộng.

NodeJS, được ra mắt vào năm 2009 và được phát triển bởi công ty Joyent tại California, Hoa Kỳ, có phần Core chủ yếu được viết bằng C++ Nhờ vậy, NodeJS mang lại tốc độ xử lý nhanh và hiệu suất cao.

NodeJS là lựa chọn lý tưởng cho các sản phẩm có lưu lượng truy cập cao, yêu cầu khả năng mở rộng nhanh chóng, cần cập nhật công nghệ thường xuyên hoặc phát triển các dự án khởi nghiệp một cách nhanh nhất.

- Những đặc điểm làm nên lợi thế của NodeJS là:

+ Các ứng dụng NodeJS được viết bằng javascript, ngôn ngữ này là một ngôn ngữ khá thông dụng

+ NodeJS chạy đa nền tảng phía Server, sử dụng kiến trúc hướng sự kiện Event- driven, cơ chế non-blocking I/O làm cho nó nhẹ và hiệu quả

NodeJS applications can be run on any operating system, including Mac, Windows, and Linux Additionally, the NodeJS community is extensive and offers a wide range of packages that are completely free to use.

+ Các ứng dụng NodeJS đáp ứng tốt thời gian thực và chạy đa nền tảng, đa thiết bị.

MongoDB

- MongoDB là một hệ quản trị cơ sở dữ liệu mã nguồn mở, là CSDL thuộc NoSql và được hàng triệu người sử dụng

MongoDB là một cơ sở dữ liệu tài liệu, nơi dữ liệu được lưu trữ dưới dạng document kiểu JSON thay vì trong bảng như các cơ sở dữ liệu quan hệ, giúp tăng tốc độ truy vấn.

Trong cơ sở dữ liệu quan hệ, bảng là khái niệm cơ bản để lưu trữ dữ liệu, như trong MySQL hay SQL Server Ngược lại, MongoDB sử dụng khái niệm collection thay vì bảng Các collection trong MongoDB có cấu trúc linh hoạt, cho phép lưu trữ dữ liệu mà không cần tuân theo một định dạng cố định.

Express

Express là một framework nhẹ và linh hoạt cho NodeJS, cung cấp tính năng mạnh mẽ cho ứng dụng web và di động Nó hỗ trợ các phương thức HTTP và middleware, giúp tạo ra API dễ sử dụng và hiệu quả Một số chức năng chính của Express bao gồm khả năng xử lý yêu cầu HTTP và quản lý middleware.

- Thiết lập các lớp trung gian để trả về các HTTP request

- Định nghĩa router cho phép sử dụng với các hành động khác nhau dựa trên phương thức HTTP và URL

- Cho phép trả về các trang HTML dựa vào các tham số

XÂY DỰNG HỆ THỐNG LUYỆN THI ĐẠI HỌC

Phân tích yêu cầu hệ thống

4.1.1 Phân tích yêu cầu chức năng

Cơ sở dữ liệu NoSQL

Việc chọn hệ quản trị cơ sở dữ liệu rất quan trọng trong việc phát triển ứng dụng và tính cải tiến sau này

- Dễ dàng bổ sung các trường dữ liệu cần thiết

- Tốc độ truy xuất nhanh hơn

Hệ thống hoạt động trên nền tảng website, cho phép người dùng truy cập từ mọi địa điểm và thời gian miễn là có kết nối internet Một số yêu cầu cần thiết mà hệ thống phải đáp ứng bao gồm tính khả dụng và tính linh hoạt trong việc truy cập thông tin.

- Chức năng truy vấn: Đáp ứng yêu cầu truy vấn của người dùng như tìm kiếm, xem lại tài liệu,

- Chức năng cập nhật: Chức năng cập nhật luôn được thực hiện và giảm thiểu tối đa sai sót của người dùng

- Chức năng tải lên: Hỗ trợ lưu trữ hình ảnh đại diện, ảnh trong các đề thi, bài thi và nhập thông tin hàng loạt

4.1.3 Phân tích yêu cầu phi chức năng Ứng dụng sử dụng tiếng Việt, hoạt động ổn định trên nền tảng website Để thu hút được sinh viên hứng thú sử dụng, các thao tác trên ứng dụng phải thật đơn giản Giao diện thân thiện, giúp học sinh nhận thức được giá trị nhận lại khi sử dụng hệ thống

Tận dụng các tài nguyên đã có tại trường như dữ liệu người dùng, dữ liệu môn học

Thông tin người dùng được bảo mật, chỉ những cá nhân có thẩm quyền mới được phép truy cập vào các tài nguyên cụ thể.

4.1.4 Phân tích yêu cầu người dùng

Hệ thống dựa trên kết quả khảo sát và nghiên cứu hiện trạng để phân tích yêu cầu và chức năng, được thể hiện qua ngôn ngữ mô hình hóa UML.

Hình 4-1 Lược đồ Use case tổng quan

Bảng 4-1 Danh sách các actor

STT Tên Actor Ý nghĩa/Ghi chú

1 Quản trị viên Quản lý tài liệu, đề thi, đề thi tham khảo, người dùng, dữ liệu của toàn hệ thống

2 Người dùng Tương tác thông qua việc xem các tài liệu, đề thi, bài chia sẻ hoặc tham gia thi thử, làm bài tập và tra cứu thông tin

3 Giáo viên Đóng góp đề thi tham khảo, bài chia sẻ, bài tập và tài liệu tham khảo

- Danh sách các Use case:

Bảng 4-2 Danh sách các use-case

STT Tên Use-case Ý nghĩa/ghi chú

Cho phép người dùng đăng ký tài khoản thông thường

2 Đăng nhập Cho phép người dùng, quản trị viên đăng nhập vào hệ thống bằng cách thông thường hoặc bằng các tài khoản khác (Facebook, Google)

3 Đổi mật khẩu Cho phép người dùng, quản trị viên đổi mật khẩu

4 Đăng xuất Cho phép người dùng, quản trị viên đăng xuất khỏi hệ thống

5 Đăng ký thi Người dùng đăng ký thi thử

6 Thi thử Người dùng tiến hành làm bài thi dựa trên thông tin đã đăng ký

7 Xem kết quả Người dùng xem lại kết quả bài thi đã làm

Cho phép người dùng có thể xem bảng xếp hạng điểm thi của môn và đề thi đã chọn

Người dùng có thể tham gia bình luận, trao đổi cùng nhau ở mỗi đề thi đã thi xong

10 Làm bài tập Người dùng tham gia làm bài tập ở từng chương của mỗi môn học

11 Thay đổi thông tin cá nhân

Người dùng có thể chỉnh sửa thông tin cá nhân

12 Tra cứu điểm chuẩn đại học

Tra cứu điểm chuẩn của mỗi ngành ở mỗi năm của mỗi trường đại học

13 Tra cứu thông tin tuyển sinh

Tra cứu thông tin tuyển sinh mới nhất của các trường đại học

14 Tra cứu các trường đại học có đào tạo ngành mong muốn

Tìm kiếm tất cả các trường đại học có đào tạo ngành mong muốn

15 Xem đề thi tham khảo

Xem đề thi tham khảo

16 Xem tài liệu tham khảo

Xem tài liệu tham khảo

Xem bài chia sẻ về kinh nghiệm luyện thi đại học, mẹo ôn thi, …

18 Tải đề thi tham khảo

Cho phép người dùng tải xuống đề thi tham khảo

19 Tải tài liệu tham khảo

Cho phép người dùng tải xuống tài liệu tham khảo

Người dùng có thể xem thành tích luyện thi của bản thân ở mục cá nhân

Quản trị viên có thể xem danh sách các tài khoản có sẵn trên hệ thống

22 Quản lý đề thi thử

Quản trị viên có thể xem danh sách các đề thi thử

Thêm đề thi thử bằng cách thủ công hoặc tự động

24 Sửa đề thi thử Sửa thông tin đề thi thử

25 Xóa đề thi thử Xóa đề thi thử đã chọn

26 Quản lý bài Xem danh sách các bài tập của mỗi chương thuộc mỗi

27 Thêm bài tập Thêm bài tập của mỗi chương thuộc mỗi môn, có cấp độ

28 Sửa bài tập Sửa thông tin bài tập

29 Xóa bài tập Xóa bài tập đã chọn

30 Quản lý đề thi tham khảo

Xem danh sách đề thi tham khảo

31 Thêm đề thi tham khảo

Thêm đề thi tham khảo

32 Sửa đề thi tham khảo

Sửa thông tin đề thi tham khảo

33 Xóa đề thi tham khảo

Xóa đề thi tham khảo đã chọn

34 Quản lý tài liệu tham khảo

Xem danh sách tài liệu tham khảo

35 Thêm tài liệu tham khảo

Thêm tài liệu tham khảo

36 Sửa tài liệu tham khảo

Sửa thông tin tài liệu tham khảo

37 Xóa tài liệu Xóa tài liệu tham khảo đã chọn

38 Quản lý bài chia sẻ

Xem danh sách bài chia sẻ

Sửa thông tin, nội dung bài chia sẻ

Xóa bài chia sẻ đã chọn

- nhận lộ trình luyện thi

Làm bài khảo sát môn học để nhận lộ trình luyện thi phù hợp

43 Quản lý duyệt tài khoản giáo viên

Quản trị viên có thể xem danh sách các tài khoản giáo viên hiện có trên hệ thống

4.1.6 Một số use case của hệ thống

Hình 4-2 Sơ đồ use-case thi thử

Bảng 4-3 Đặc tả use-case thi thử

Tên use-case Thi thử

Người dùng thực hiện bài thi trắc nghiệm tương tự như kỳ thi đại học, với bộ đếm thời gian và tự động nộp bài khi hết giờ Kết quả bài thi sẽ được hiển thị ngay sau khi nộp, và người dùng có thể xem lại kết quả trong mục đăng ký.

Tiền điều kiện Người dùng đã đăng nhập và đã thực hiện điền thông tin đăng ký thi thử trước đó

Hậu điều kiện Người dùng hoặc hệ thống (nếu hết giờ) nộp bài thi thành công

Luồng sự kiện chính - Người dùng chọn mục thi thử và thực hiện chọn môn, đề thi

- Chọn làm bài và tiến hành làm bài

- Hệ thống thông báo kết quả bài thi

4.1.6.2 Use-case làm bài tập

Hình 4-3 Sơ đồ use-case làm bài tập

Bảng 4-4 Đặc tả use-case làm bài tập

Tên use-case Làm bài tập

Mô tả Người dùng làm bài tập trắc nghiệm và được lưu lại kết quả, được đánh giá mức độ phần trăm khả năng làm đúng ở mỗi câu

Người dùng đã đăng nhập và chọn môn, chương

Hậu điều kiện Người dùng nộp bài tập

- Chọn mục luyện tập, chọn môn học và chương

- Làm bài tập trắc nghiệm

- Hệ thống thông báo kết quả, cập nhật chỉ số phần trăm

4.1.6.3 Use-case Tra cứu điểm chuẩn

Hình 4-4 Sơ đồ use-case tra cứu điểm chuẩn

Bảng 4-5 Đặc tả use-case tra cứu điểm chuẩn

Tên use-case Tra cứu điểm chuẩn

Mô tả Người dùng chọn trường, ngành và năm để xem thông tin điểm chuẩn

Hậu điều kiện Truy vấn thông tin thành công

- Người dùng chọn mục tra cứu

- Chọn trường và ngành, năm

- Xem kết quả tra cứu

Thiết kế hệ thống

Sử dụng lược đồ tuần tự (Sequence Diagram) để mô tả phương thức xử lý vấn đề của hệ thống

4.2.1 Lược đồ tuần tự thao tác làm bài tập

Hình 4-5 Lược đồ tuần tự thao tác làm bài tập

Mô tả: Phần làm bài tập được thể hiện với 5 thao tác người dùng

- Sau khi đăng nhập thành công (1), người dùng chọn mục luyện tập (2)

- Hệ thống hiển thị danh sách môn học (3), người dùng chọn môn học (4)

- Hệ thống hiển thị danh sách chương (5), người dùng chọn chương (6)

- Hệ thống hiển thị danh sách bài tập (7), người dùng làm bài và nộp bài (8)

- Hệ thống lưu kết quả xuống database (9) và hiển thị kết quả (10)

4.2.2 Lược đồ tuần tự thao tác thi thử

Hình 4-6 Lược đồ tuần tự thao tác thi thử

Mô tả: Phần làm thi thử được thể hiện với 5 thao tác người dùng

- Sau khi đăng nhập thành công (1), người dùng chọn mục thi thử (2)

- Hệ thống hiển thị danh sách môn học (3), người dùng chọn môn học (4)

- Hệ thống hiển thị danh sách mã đề (5), người dùng chọn mã đề (6)

- Hệ thống hiển thị thông tin thẻ dự thi (7), người dùng chọn làm bài, làm bài và nộp bài (8)

- Hệ thống lưu kết quả xuống database (9) và hiển thị kết quả (10)

4.2.3 Lược đồ tuần tự thao tác tra cứu điểm chuẩn

Hình 4-7 Lược đồ tuần tự thao tác tra cứu điểm chuẩn

Mô tả: Phần tra cứu điểm chuẩn được thể hiện với 5 thao tác người dùng

- Sau khi chọn mục tra cứu (1), người dùng chọn mục điểm chuẩn (2)

- Hệ thống hiển thị danh sách trường (3), người dùng chọn trường (4)

- Hệ thống hiển thị danh sách năm (5), người dùng chọn năm (6)

- Hệ thống hiển thị thông tin điểm chuẩn (7), người dùng xem thông tin và có thể thay đổi năm (8)

- Hệ thống hiển thị kết quả (10)

Thiết kế cơ sở dữ liệu

4.3.1 Lược đồ cơ sở dữ liệu

Bảng 4-6 Danh sách lược đồ cơ sở dữ liệu

STT Tên Schema Diễn giải

1 Department_educations Sở giáo dục/ Đơn vị tổ chức

3 Done_exercises Bài tập đã làm

4 Done_tests Đề thi đã làm

6 Reference_docs Tài liệu tham khảo

7 Reference_tests Đề thi tham khảo

9 Shared_posts Bài chia sẻ

14 Account_requests Tài khoản yêu cầu giáo viên

15 Route_practices Kết quả lộ trình luyện tập

16 Suggestion_subjects Lộ trình theo môn học

17 Discussion Bình luận đề thi

18 Submitted_exercises Bài tập đã submit

4.3.2 Mô tả các bảng dữ liệu

Bảng 4-7 Bảng đơn vị/trường

STT Trường dữ liệu Kiểu dữ liệu Ghi chú

1 _id ObjectId Mã đơn vị

2 Name String Tên đơn vị

STT Trường dữ liệu Kiểu dữ liệu Ghi chú

3 SubjectId String Mã môn học

Bảng 4-9 Bảng danh sách bài tập đã hoàn thành

STT Trường dữ liệu Kiểu dữ liệu Ghi chú

1 _id ObjectId Mã danh sách

2 userId String Mã người dùng

3 Exercises Array Danh sách bài tập

Bảng 4-10 Bảng danh sách đề thi đã hoàn thành

STT Trường dữ liệu Kiểu dữ liệu Ghi chú

1 _id ObjectId Mã danh sách

2 userId String Mã người dùng

3 Tests Array Danh sách đề thi

Bảng 4-11 Bảng danh sách bài tập

STT Trường dữ liệu Kiểu dữ liệu Ghi chú

1 _id ObjectId Mã bài tập

2 Photos Array Danh sách các hình có trong đề bài tập

3 Answers Array Danh sách các đáp án để lựa chọn

6 Content String Nội dung, đề bài

8 Detail_key String Tên hình ảnh hiện thị đáp án chi tiết

Bảng 4-12 Bảng danh sách tài liệu tham khảo

STT Trường dữ liệu Kiểu dữ liệu Ghi chú

1 _id ObjectId Mã tài liệu

2 Name String Tên tài liệu

3 Subject String Tên môn học

4 From String Nguồn tài liệu

5 Photo String Tên ảnh minh hoạ

6 File String Tên file pdf

Bảng 4-13 Bảng danh sách đề thi tham khảo

STT Trường dữ liệu Kiểu dữ liệu Ghi chú

1 _id ObjectId Mã đề thi

2 Name String Tên đề thi

3 Department_education String Tên sở giáo dục

5 From String Nguồn đề thi

6 Photo String Tên ảnh minh hoạ

7 File String Tên file pdf

STT Trường dữ liệu Kiểu dữ liệu Ghi chú

1 _id ObjectId Mã chức vụ

2 Name String Tên chức vụ

3 Users Array Danh sách người dùng mang chức vụ này

Bảng 4-15 Bảng danh sách bài chia sẻ

STT Trường dữ liệu Kiểu dữ liệu Ghi chú

1 _id ObjectId Mã bài chia sẻ

2 Name String Tên bài chia sẻ

4 From String Nguồn bài viết

5 Photo String Tên ảnh minh hoạ

Bảng 4-16 Bảng danh sách môn học

STT Trường dữ liệu Kiểu dữ liệu Ghi chú

3 Photo String Tên logo hiện thị

Bảng 4-17 Bảng danh sách đề thi

STT Trường dữ liệu Kiểu dữ liệu Ghi chú

1 _id ObjectId Mã đề thi

2 Questions Array Danh sách câu hỏi

5 From String Nguồn tham khảo

6 Time_doing Number Thời gian làm bài

Bảng 4-18 Bảng danh sách trường đại học

STT Trường dữ liệu Kiểu dữ liệu Ghi chú

3 Admission String Thông tin tuyển sinh mới nhất

4 Majors Array Danh sách các ngành đào tạo

5 Base_mark Array Danh sách điểm chuẩn các năm (từ năm 2018)

Bảng 4-19 Bảng danh sách người dùng

STT Trường dữ liệu Kiểu dữ liệu Ghi chú

1 _id ObjectId Mã người dùng

2 Name String Tên người dùng

3 Email String Địa chỉ email

4 Username String Tên tài khoản

6 Avatar String Tên đường dẫn ảnh đại diện

7 Password String Mật khẩu người dùng đã mã hoá

Bảng 4-20 Bảng danh sách tài khoản giáo viên yêu cầu duyệt

STT Trường dữ liệu Kiểu dữ liệu Ghi chú

1 userId String Mã người dùng

5 attachedProfile Object File giấy tờ đính kèm

Bảng 4-21 Bảng danh sách gợi ý lộ trình

STT Trường dữ liệu Kiểu dữ liệu Ghi chú

1 userId String Mã người dùng

2 suggestions Array Gợi ý cho người dùng

Bảng 4-22 Bảng danh sách môn học gợi ý

STT Trường dữ liệu Kiểu dữ liệu Ghi chú

1 subject_name String Tên môn học

Object Điểm hiện tại theo gợi ý

Object Điểm mục tiêu theo gợi ý

Bảng 4-23 Bảng danh sách bình luận đề thi

STT Trường dữ liệu Kiểu dữ liệu Ghi chú

1 testId String Mã đề thi

2 comments Array Danh sách bình luận

Bảng 4-24 Bảng danh sách bài tập đã nộp

STT Trường dữ liệu Kiểu dữ liệu Ghi chú

1 userId String Mã người dùng

2 exercises Array Danh sách bài tập

Thiết kế kiến trúc hệ thống

Mô hình Client-Server (Thin-Client):

Lớp Client kết nối với API để hiển thị giao diện người dùng, cho phép người dùng nhập liệu và truy xuất dữ liệu từ cơ sở dữ liệu theo quyền truy cập của họ khi có yêu cầu.

Lớp Server là thành phần quan trọng trong phần mềm, chịu trách nhiệm quản lý và lưu trữ toàn bộ dữ liệu, đồng thời xử lý các yêu cầu nhập và xuất từ lớp Client Để xây dựng lớp Server, ứng dụng Express được sử dụng như một công cụ hiệu quả.

Hình 4-8 Mô hình MERN stack

4.4.2 Kiến trúc thư mục ứng dụng web

The web application architecture includes several key components: the 'public' directory stores files such as images and icons for the overall website; the 'assets' folder contains resource files like logos and pictures; the 'components' section holds reusable components; and the 'controllers' directory is designated for the controllers of various objects.

43 utils: Lưu trữ Redux, các file config local, các file Helper và Validation views: Lưu trữ các View cho Website

Thiết kế giao diện

Hình 4-10 Danh sách liên kết màn hình phía người dùng

Hình 4-11 Danh sách liên kết màn hình phía quản trị

Bảng 4-25 Danh sách màn hình

STT Tên màn hình Ý nghĩa/Ghi chú Độ phức tạp

1 Đăng nhập Đăng nhập tài khoản 1

2 Đăng ký Đăng ký tài khoản 1

3 Trang chủ Hiển thị tóm tắt nội dung trang web

4 Danh sách môn học Hiển thị danh sách các môn học có trong bộ câu hỏi luyện tập

5 Danh sách chương Hiển thị danh sách các chương tương ứng với từng môn học

6 Bài tập Hiển thị bài tập và các phương án mà người dùng phải chọn

7 Đăng ký thi thử Hiển thị form đăng ký thi thử để người dùng điền vào

8 Bài thi Hiển thị nội dung bài thi thử mà người dùng phải làm

9 Tra cứu Tra cứu thông tin tuyển sinh và điểm chuẩn từng ngành của các trường đại học

10 Xem trang cá nhân Hiển thị thông tin cơ bản của tài khoản

11 Đổi mật khẩu Đổi mật khẩu tài khoản

12 Đổi thông tin cá nhân Thay đổi thông tin cơ bản của tài khoản

13 Tham khảo Hiển thị danh sách những mục tham khảo có trên hệ thống

14 Danh sách Đề thi thử Hiển thị danh sách những đề thi thử được chia sẻ

15 Danh sách Tài liệu tham khảo

Hiển thị danh sách những tài liệu tham khảo được chia sẻ

16 Danh sách Bài chia sẻ Hiển thị danh sách những Bài chia sẻ kinh nghiệm được chia sẻ

17 Đề thi thử Hiển thị chi tiết đề thi thử

18 Tài liệu tham khảo Hiển thị chi tiết tài liệu tham khảo

19 Bài chia sẻ Hiển thị chi tiết Bài chia sẻ

20 Đăng nhập Admin Đăng nhập tài khoản

21 Trang chủ(Admin) Hiển thị danh sách người dùng, thống kê tổng số tài khoản, tổng số đề thi thử, tổng số tài liệu chia sẻ

22 Quản lý đề thi thử Quản lý danh sách đề thi thử

23 Tạo đề thi thử thủ công Tạo đề thi thử bằng cách nhập đề thi bằng tay

24 Tạo đề thi thử tự động Tạo đề thi thử tự động bằng cách nhập số câu hỏi mong muốn

25 Sửa đề thi thử Sửa đề thi thử đã có trong hệ thống

26 Quản lý bài tập Quản lý danh sách các bài tập

27 Tạo bài tập Tạo bài tập luyện tập 2

28 Sửa bài tập Sửa bài tập đã có trong hệ thống

29 Quản lý đề thi tham khảo Quản lý danh sách đề thi tham khảo

30 Tạo đề thi tham khảo Tạo đề thi tham khảo 2

31 Sửa đề thi tham khảo Sửa đề thi tham khảo đã có trong hệ thống

32 Quản lý tài liệu tham khảo Quản lý danh sách tài liệu tham khảo

33 Tạo tài liệu tham khảo Tạo tài liệu tham khảo 2

34 Sửa tài liệu tham khảo Sửa tài liệu tham khảo đã có trong hệ thống

35 Quản lý bài chia sẻ Quản lý danh sách bài chia sẻ

36 Tạo bài chia sẻ Tạo bài chia sẻ 2

37 Sửa bài chia sẻ Sửa bài chia sẻ đã có trong hệ thống

38 Quản lý thông tin tra cứu đại học

Quản lý danh sách các trường đại học và thông tin tuyển sinh của các trường trong các năm

39 Thêm thông tin tuyển sinh trường đại học

Thêm thông tin tuyển sinh, điểm chuẩn, ngành học của trường đại học

40 Sửa thông tin tuyển sinh trường đại học

Sửa thông tin tuyển sinh, điểm chuẩn, ngành học của trường đại học đã có trong hệ thống

41 Xem thành tích Hiển thị thành tích cá nhân ở mỗi môn học

42 Xem lại và bình luận đề thi Xem lại kết quả bài thi và bình luận đề thi

43 Xem gợi ý lộ trình Xem lại gợi ý lộ trình sau khi đã khảo sát

44 Khảo sát lộ trình Khảo sát để nhận gợi ý lộ trình từ hệ thống

45 Thao tác của giáo viên Thực hiện các thao tác mà giáo viên được cấp quyền

46 Quản lý tài khoản giáo viên Quản lý các tài khoản yêu cầu quyền giáo viên

47 Chỉnh sửa giấy tờ giáo viên Chỉnh sửa và gửi yêu cầu duyệt quyền giáo viên

4.5.2 Giao diện một số màn hình của ứng dụng

4.5.2.1 Màn hình Đăng nhập a Hình chụp của màn hình

Hình 4-12 Màn hình đăng nhập b Mô tả cách sử dụng và xử lý

Bảng 4-26 Mô tả màn hình đăng nhập

STT Tên thành phần Loại Cách sử dụng

1 Thanh Headerbar Dùng để di chuyển giữa các mục chính của trang Web

2 Tên tài khoản Textbox Nhập vào tên tài khoản

3 Mật khẩu Textbox Nhập vào mật khẩu

4 Đăng nhập Button Click để tiến hành đăng nhập với tài khoản và mật khẩu đã nhập

5 Đăng nhập bằng Google Button Click để tiến hành đăng nhập bằng tài khoản Google

Button Click để tiến hành đăng nhập bằng tài khoản Facebook

7 Đăng nhập, đăng ký Tab Click để chuyển giữa 2 màn hình Đăng nhập và màn hình Đăng ký

4.5.2.2 Màn hình Đăng ký a Hình chụp của màn hình

Hình 4-13 Màn hình đăng ký b Mô tả cách sử dụng và xử lý

Bảng 4-27 Mô tả màn hình đăng ký

STT Tên thành phần Loại Cách sử dụng

1 Đăng nhập bằng Google Button Click để tiến hành đăng nhập bằng tài khoản Google

Button Click để tiến hành đăng nhập bằng tài khoản Facebook

3 Họ và tên Textbox Điền vào Họ và tên

4 Tên tài khoản Textbox Điền vào tên tài khoản đăng nhập

5 Email Textbox Điền vào email

6 Trường Textbox Điền vào tên trường hiện tại

7 Mật khẩu Textbox Điền vào mật khẩu đăng nhập

8 Xác nhận mật khẩu Textbox Xác nhận lại mật khẩu bằng cách điền lại mật khẩu 1 lần nữa

9 Avatar Button Click để lựa ảnh làm ảnh đại diện của tài khoản

10 Đăng ký với tư cách giáo viên

Checkbox Check để đăng ký tài khoản giáo viên

11 Mặt trước CMND Input Đính kèm hình ảnh chụp mặt trước CMND

12 Mặt sau CMND Input Đính kèm hình ảnh chụp mặt sau CMND

13 Thẻ/giấy tờ minh chứng

Input Đính kèm thẻ, giấy tờ minh chứng giáo viên

14 Đăng ký Button Click để tiến hành đăng ký tài khoản

4.5.2.3 Màn hình Trang chủ a Hình chụp của màn hình

Hình 4-14 Màn hình trang chủ

57 b Mô tả cách sử dụng và xử lý

Bảng 4-28 Mô tả màn hình trang chủ

STT Tên thành phần Loại Cách sử dụng

1 Danh sách Đề thi mới nhất

List Hiển thị những đề thi mới nhất vừa được tải lên

2 Danh sách tài liệu phổ biến

List Hiển thị những tài liệu tham khảo mới nhất vừa được tải lên

3 Danh sách Bài chia sẻ thịnh hành

List Hiển thị những bài chia sẻ có lượt xem cao

4 Xem tất cả Button Click để đi đến màn hình danh sách muốn xem đầy đủ

4.5.2.4 Màn hình Danh sách môn học a Hình chụp của màn hình

Hình 4-15 Màn hình môn học b Mô tả cách sử dụng và xử lý

Bảng 4-29 Mô tả màn hình danh sách môn học

STT Tên thành phần Loại Cách sử dụng

Danh sách các môn học sẽ hiển thị để người dùng dễ dàng lựa chọn Người dùng có thể nhấp vào môn học mà họ muốn làm bài để bắt đầu.

4.5.2.5 Màn hình Danh sách chương

59 a Hình chụp của màn hình

Hình 4-16 Màn hình danh sách chương b Mô tả cách sử dụng và xử lý

Bảng 4-30 Mô tả màn hình danh sách chương

STT Tên thành phần Loại Cách sử dụng

Danh sách các chương hiển thị tất cả các chương có trong môn học đã được người dùng lựa chọn Người dùng có thể dễ dàng nhấp vào chương mà mình muốn để tiếp tục học tập.

4.5.2.6 Màn hình Bài tập a Hình chụp của màn hình

Hình 4-17 Màn hình bài tập b Mô tả cách sử dụng và xử lý

Bảng 4-31 Mô tả màn hình bài tập

STT Tên thành phần Loại Cách sử dụng

1 Danh sách bài tập Button Click để mở ra danh sách bài tập có thể làm trong chương này

2 Nội dung Hiển thị bài tập phải làm và có thể lựa chọn đáp án mà mình nghĩ là chính xác

3 Hoàn thành Button Click để xác nhận hoàn thành bài tập hiện tại để chuyển sang bài tập tiếp theo

4 Đáp án chi tiết Text Hiển thị lời giải chi tiết cho bài tập phía trên sau khi hoàn thành bài tập trên

4.5.2.7 Màn hình Đăng ký thi thử a Hình chụp của màn hình

Hình 4-18 Màn hình đăng ký thi thử b Mô tả cách sử dụng và xử lý

Bảng 4-32 Mô tả màn hình đăng ký thi thử

STT Tên thành phần Loại Cách sử dụng

1 Môn học Combobox Click để lựa chọn môn học muốn đăng ký thi

2 Mã đề thi Combobox Click để chọn mã đề thi muốn làm tương ứng với môn học đã chọn

3 Thẻ dự thi Text Hiển thị thông tin người dùng cũng như thông tin về đề thi sắp làm

4 Bảng xếp hạng Text Hiển thị danh sách những người dùng đã hoàn thành bài thi này với số điểm từ cao đến thấp

5 Bắt đầu làm bài Button Click để tiến hành làm bài thi

6 Bài thi đã làm Text Hiển thị danh sách những đề thi đã làm tương ứng với môn học mình đã chọn bên cạnh

4.5.2.8 Màn hình Bài thi a Hình chụp của màn hình

Hình 4-19 Màn hình thi thử b Mô tả cách sử dụng và xử lý

Bảng 4-33 Mô tả màn hình thi thử

STT Tên thành phần Loại Cách sử dụng

1 Thẻ thi thử Text Hiển thị thông tin dự thi

2 Đề thi Text Hiển thị toàn bộ thông tin đề thi và các phương án để người dùng chọn

3 Hoàn thành Button Click để xác nhận hoàn thành bài thi

4 Danh sách Câu hỏi Text Hiển thị số câu hỏi hiện có trong đề thi thử này và thời gian làm bài còn lại

4.5.2.9 Màn hình Tra cứu a Hình chụp của màn hình

Hình 4-20 Màn hình tra cứu b Mô tả cách sử dụng và xử lý

Bảng 4-34 Mô tả màn hình tra cứu

STT Tên thành phần Loại Cách sử dụng

1 Button điểm chuẩn, tuyển sinh, trường Đại học

Button Chuyển đổi giữa các mục tra cứu muốn thực hiện: tra cứu điểm chuẩn hoặc tra cứu ngành học, tra cứu trường đại học

2 Kết quả tra cứu Hiển thị kết quả mong muốn

4.5.2.10 Màn hình Xem trang cá nhân a Hình chụp của màn hình

Hình 4-21 Màn hình trang cá nhân b Mô tả cách sử dụng và xử lý

Bảng 4-35 Mô tả màn hình trang cá nhân

STT Tên thành phần Loại Cách sử dụng

1 Thông tin cá nhân Text Hiển thị những thông tin cơ bản của tài khoản hiện tại đang đăng nhập

2 Danh sách Tab Tabs Hiển thị những tabs chuyển đổi và có thể click để chuyển đổi giữa các màn hình làm việc liên quan đến tài khoản

4.5.2.11 Màn hình Đổi mật khẩu a Hình chụp của màn hình

Hình 4-22 Màn hình đổi mật khẩu b Mô tả cách sử dụng và xử lý

Bảng 4-36 Mô tả màn hình đổi mật khẩu

STT Tên thành phần Loại Cách sử dụng

1 Thay đổi mật khẩu Form Hiển thị những thông tin mà người dùng cần nhập

2 Mật khẩu cũ Textbox Nhập vào mật khẩu hiện tại của tài khoản

3 Mật khẩu mới Textbox Nhập vào mật khẩu mới mà muốn đổi thành

4 Xác nhận mật khẩu Textbox Nhập lại mật khẩu mới giống với mật khẩu phía trên 1 lần nữa để xác nhận

5 Lưu thay đổi Button Click để xác nhận thay đổi

4.5.2.12 Màn hình Đổi thông tin cá nhân a Hình chụp của màn hình

Hình 4-23 Màn hình sửa thông tin cá nhân b Mô tả cách sử dụng và xử lý

Bảng 4-37 Mô tả màn hình sửa thông tin cá nhân

STT Tên thành phần Loại Cách sử dụng

1 Cập nhật thông tin cá nhân

Form Hiển thị những thông tin mà người dùng muốn thay đổi

2 Họ tên Textbox Nhập vào họ tên muốn đổi thành (nếu muốn)

3 Trường Textbox Nhập vào tên trường muốn đổi thành (nếu muốn)

4 Avatar Button Click để đổi ảnh đại diện hiện tại (nếu muốn)

5 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 của màn hình

Hình 4-24 Màn hình tham khảo b Mô tả cách sử dụng và xử lý

Bảng 4-38 Mô tả màn hình tham khảo

STT Tên thành phần Loại Cách sử dụng

1 Danh sách các mục tham khảo

Hiển thị danh sách những mục tham khảo Người

71 dùng có thể 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 của màn hình

Hình 4-25 Màn hình danh sách đề thi thử

72 b Mô tả cách sử dụng và xử lý

Bảng 4-39 Mô tả màn hình danh sách đề thi thử

STT Tên thành phần Loại Cách sử dụng

1 Đề thi thử Hiển thị danh sách những đề thi thử hiện có

2 Tìm kiếm Textbox Hỗ trợ tìm kiếm nhanh, có thể nhập vào tên đề thi thử muốn tìm kiếm

3 Môn học Combobox Click vào để lọc những đề thi theo môn học muốn tìm

4 Tỉnh, thành Combobox Click vào để lọc những đề thi theo tỉnh, thành muốn tìm

5 Năm Combobox Click vào để lọc những đề thi theo năm muốn tìm

4.5.2.15 Màn hình Đề thi Thử a Hình chụp của màn hình

Hình 4-26 Màn hình đề thi thử b Mô tả cách sử dụng và xử lý

Bảng 4-40 Mô tả màn hình đề thi thử

STT Tên thành phần Loại Cách sử dụng

1 Đề thi thử Hiển thị nội dung của đề thi thử được chọn

2 Pre, Next Button Click để chuyển trang lần lượt của các đề thi

3 Tải xuống Button Click để tải về đề thi thử đang xem

4.5.2.16 Màn hình Danh sách Tài liệu tham khảo a Hình chụp của màn hình

Hình 4-27 Màn hình danh sách tài liệu tham khảo

75 b Mô tả cách sử dụng và xử lý

Bảng 4-41 Mô tả màn hình danh sách tài liệu tham khảo

STT Tên thành phần Loại Cách sử dụng

1 Tài liệu tham khảo Hiển thị danh sách những tài liệu tham khảo hiện có

2 Tìm kiếm Textbox Hỗ trợ tìm kiếm nhanh, có thể nhập vào tên tài liệu tham khảo muốn tìm kiếm

3 Môn học Combobox Click vào để lọc những tài liệu tham khảo theo môn học muốn tìm

4 Năm Combobox Click vào để lọc những 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 của màn hình

Hình 4-28 Màn hình tài liệu tham khảo b Mô tả cách sử dụng và xử lý

Bảng 4-42 Mô tả màn hình tài liệu tham khảo

STT Tên thành phần Loại Cách sử dụng

1 Tài liệu tham khảo Hiển thị nội dung của tài liệu tham khảo được chọn

2 Pre, Next Button Click để chuyển trang lần lượt của tài liệu

3 Tải xuống Button Click để tải về tài liệu đang xem

4.5.2.18 Màn hình Danh sách Bài chia sẻ a Hình chụp của màn hình

Hình 4-29 Màn hình danh sách bài chia sẻ b Mô tả cách sử dụng và xử lý

Bảng 4-43 Mô tả màn hình danh sách bài chia sẻ

STT Tên thành phần Loại Cách sử dụng

1 Bài chia sẻ Hiển thị danh sách những bài chia sẻ hiện có

2 Tìm kiếm Textbox Hỗ trợ tìm kiếm nhanh, có thể nhập vào tên bài chia sẻ muốn tìm kiếm

3 Năm Combobox Click vào để lọc những bài 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 của màn hình

Hình 4-30 Màn hình bài chia sẻ b Mô tả cách sử dụng và xử lý

Bảng 4-44 Mô tả màn hình bài chia sẻ

STT Tên thành phần Loại Cách sử dụng

1 Nội dung bài share Text Hiển thị nội dung bài chia sẻ

4.5.2.20 Màn hình quản lý người dùng a Hình chụp của màn hình

Hình 4-31 Màn hình quản lý người dùng b Mô tả cách sử dụng và xử lý

Bảng 4-45 Mô tả màn hình quản lý người dùng

STT Tên thành phần Loại Cách sử dụng

1 Tổng số tài liệu chia sẻ Text Hiển thị tổng số tài liệu chia sẻ (đề thi thử, tài liệu tham khảo, bài chia sẻ)

2 Tổng số tài khoản Text Hiển thị số tài khoản trên hệ thống

3 Tổng số đề thi thử Text Tổng số đề thi thử có sẵn trên hệ thống

4 Danh sách tài khoản Table Danh sách tài khoản người dùng

Ngày đăng: 16/06/2022, 21:08

HÌNH ẢNH LIÊN QUAN

Hình 1-2 Số lượng người dùng ở các website luyện thi đại học - xây dựng ứng dụng luyện thi đại học (khóa luận tốt nghiệp)
Hình 1 2 Số lượng người dùng ở các website luyện thi đại học (Trang 16)
Hình 4-1 Lược đồ Use case tổng quan - xây dựng ứng dụng luyện thi đại học (khóa luận tốt nghiệp)
Hình 4 1 Lược đồ Use case tổng quan (Trang 33)
Hình 4-2 Sơ đồ use-case thi thử - xây dựng ứng dụng luyện thi đại học (khóa luận tốt nghiệp)
Hình 4 2 Sơ đồ use-case thi thử (Trang 38)
Hình 4-3 Sơ đồ use-case làm bài tập - xây dựng ứng dụng luyện thi đại học (khóa luận tốt nghiệp)
Hình 4 3 Sơ đồ use-case làm bài tập (Trang 40)
Hình 4-4 Sơ đồ use-case tra cứu điểm chuẩn - xây dựng ứng dụng luyện thi đại học (khóa luận tốt nghiệp)
Hình 4 4 Sơ đồ use-case tra cứu điểm chuẩn (Trang 41)
Hình 4-5 Lược đồ tuần tự thao tác làm bài tập - xây dựng ứng dụng luyện thi đại học (khóa luận tốt nghiệp)
Hình 4 5 Lược đồ tuần tự thao tác làm bài tập (Trang 42)
Hình 4-6 Lược đồ tuần tự thao tác thi thử - xây dựng ứng dụng luyện thi đại học (khóa luận tốt nghiệp)
Hình 4 6 Lược đồ tuần tự thao tác thi thử (Trang 43)
Hình 4-7 Lược đồ tuần tự thao tác tra cứu điểm chuẩn - xây dựng ứng dụng luyện thi đại học (khóa luận tốt nghiệp)
Hình 4 7 Lược đồ tuần tự thao tác tra cứu điểm chuẩn (Trang 44)
Bảng 4-12 Bảng danh sách tài liệu tham khảo - xây dựng ứng dụng luyện thi đại học (khóa luận tốt nghiệp)
Bảng 4 12 Bảng danh sách tài liệu tham khảo (Trang 48)
Bảng 4-18 Bảng danh sách trường đại học - xây dựng ứng dụng luyện thi đại học (khóa luận tốt nghiệp)
Bảng 4 18 Bảng danh sách trường đại học (Trang 51)
Hình 4-8 Mô hình MERN stack - xây dựng ứng dụng luyện thi đại học (khóa luận tốt nghiệp)
Hình 4 8 Mô hình MERN stack (Trang 54)
Hình 4-10 Danh sách liên kết màn hình phía người dùng - xây dựng ứng dụng luyện thi đại học (khóa luận tốt nghiệp)
Hình 4 10 Danh sách liên kết màn hình phía người dùng (Trang 56)
Hình 4-11 Danh sách liên kết màn hình phía quản trị - xây dựng ứng dụng luyện thi đại học (khóa luận tốt nghiệp)
Hình 4 11 Danh sách liên kết màn hình phía quản trị (Trang 57)
Hình 4-12 Màn hình đăng nhập  b. Mô tả cách sử dụng và xử lý - xây dựng ứng dụng luyện thi đại học (khóa luận tốt nghiệp)
Hình 4 12 Màn hình đăng nhập b. Mô tả cách sử dụng và xử lý (Trang 64)
Hình 4-13 Màn hình đăng ký  b. Mô tả cách sử dụng và xử lý - xây dựng ứng dụng luyện thi đại học (khóa luận tốt nghiệp)
Hình 4 13 Màn hình đăng ký b. Mô tả cách sử dụng và xử lý (Trang 66)

TỪ KHÓA LIÊN QUAN

TRÍCH ĐOẠN

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w