CHƯƠNG 3: PHÂN TÍCH VÀ MƠI TRƯỜNG HĨA U CẦU
36
3.4. Sơ đồ kiến trúc hệ thống
Hình 3.2: Sơ đồ kiến trúc hệ thống
Dự án này dựa theo kiến trúc Client/Server và có những thành phần sau:
• User Web Browser: Bao gồm các trình duyệt, nơi người dùng có thể thơng qua để tương tác với website.
• User platform: bao gồm các ứng dụng, nơi người dùng có thể thơng qua để tương tác với ứng dụng mobile app
• ReactJs: Là framework hỗ trợ render giao diện và xử lý các event đến từ người dùng.
• React Native: Là framework hỗ trợ render giao diện và xử lý các event đến từ người dùng trong ứng dụng mobile app
• Web api: Phần backend nơi sẽ xử lý các request từ phía người dùng.
• Identity Providers: Hỗ trợ các request yêu cầu tính xác thực.
• Social Account: Hỗ trợ đăng nhập bằng các tài khoản social.
3.5. Lược đồ tuần tự 3.5.1. Làm exam 3.5.1. Làm exam
Luồng xử lý chung 1. Người học truy cập trang danh sách bài kiểm tra
37 2. Người học lựa chọn bài kiểm tra bằng cách click vào nút làm bài
3. Hệ thống hiển thị trang làm bài 4. Người học tiến hành làm bài
5. Người học click nút nộp bài hoặc hết thời gian quy định.
6. Hệ thống kiểm tra kết quả và điều hướng đến trang kết quả.
Luồng xử lý thành công 1. Người học nộp bài hoặc hết thời gian quy định.
2. Hệ thống thông báo nộp bài
Luồng xử lý thất bại 1. Người học click thoát khi ở trang làm bài. 2. Hệ thống xác nhận yêu cầu
3. Điều hướng người học về trang danh sách bài kiểm tra