Online Learning

System
User Requirement Document
*******

RECORDS OF CHANGES
Date A* In charge Change Description
M, D
11/4/2022 A KienNT First Created

*A - Added M - Modified D - Deleted

Table of Contents
I. Overview.........................................................................................................................3
1.................................................................................Tổng quan hệ thống
3
2....................................................................................Yêu cầu giao diện
3
2.1..............................................................................................Mẫu giao diện
3
2.2................................................................................................Web Header
3
2.3.................................................................................................Web Footer
3
2.4.............................................................................................Listing Screens
3

II. Web Screens (28)............................................................................................................4

1.....................................................................................Public Screens (7)
4
1.1............................................................................................Home Page (P3)
4
1.2..................................................................................................Course List
5
1.3..................................................................................................Course Info
5
1.4............................................................................................Trainer List (P3)
7
1.5...........................................................................................Trainer Info (P3)
7
1.6...............................................................................................Blog List (P3)
8
1.7...........................................................................................Blog Details (P3)
9
2......................................................................................User Screens (7)
9
2.1.............................................................................................User Login (P1)
9
2.2.........................................................................................User Register (P1)
9
2.3.............................................................................................Password Reset
10
2.3 Personal Details (4).............................................................................................10
3................................................................................Learning Module (10)
12
3.1.........................................................................................Course Details (6)
12
3.2...............................................................................Test Result (2) Error!
Bookmark not defined.
3.3..............................................................................................Normal Lesson
13
3.4.................................................................................................Quiz Lesson
14
4..........................................................................Testing Module (4) Error!
Bookmark not defined.
4.1...............................................................................Test Handle Error!
Bookmark not defined.
4.2...............................................................................Question Review Error!
Bookmark not defined.

III. Admin Screens (32)......................................................................................................14

1..........................................................................Dashboard (1) Error!
Bookmark not defined.
2..........................................................................System Config (6) Error!
Bookmark not defined.
2.1...............................................................................System Settings (2) Error!
Bookmark not defined.
2.2...............................................................................User Mgmt (2) Error!
Bookmark not defined.
2.3...............................................................................Expert Mgmt (2) Error!
Bookmark not defined.
3..........................................................................Course Mgmt (14) Error!
Bookmark not defined.
3.1...............................................................................Subject Mgmt (3) Error!
Bookmark not defined.
3.2...............................................................................Resource Mgmt (2) Error!
Bookmark not defined.
3.2...............................................................................Lesson Mgmt (2) Error!
Bookmark not defined.
3.3...............................................................................Question Domain (2) Error!
Bookmark not defined.
3.4...............................................................................Question Mgmt (3) Error!
Bookmark not defined.
3.5...............................................................................Test Mgmt (2) Error!
Bookmark not defined.
4..........................................................................Web Information (6) Error!
Bookmark not defined.
4.1...............................................................................Post Mgmt (2) Error!
Bookmark not defined.
4.2...............................................................................Slider Mgmt (2) Error!
Bookmark not defined.
4.3...............................................................................Web Contacts (2) Error!
Bookmark not defined.
5..........................................................................Training Delivery (5) Error!
Bookmark not defined.
5.1...............................................................................Registration Mgmt (2) Error!
Bookmark not defined.
5.2...............................................................................Test Results (1) Error!
Bookmark not defined.
5.3...............................................................................Trainee Surveys (2) Error!
Bookmark not defined.
I. Overview
1.Tổng quan hệ thống
Mục đích của dự án là xây dựng một hệ thống hỗ trợ công ty & các chuyên gia xây
dựng và bán các khoá học online, đồng thời giúp khách hàng có thể tìm-xem-đăng ký-
học các khoá học này. Hệ thống sẽ hỗ trợ các loại người dùng như sau
 Khách hàng (Customer): là những người dùng đã đăng ký truy cập hệ thống
 Marketing: nhân sự nội bộ, quản lý các bài viết, sliders, thông tin liên hệ từ
Web,..
 Hỗ trợ (Supporter): nhân sự nội bộ, phụ trách quản lý đăng ký học được giao phụ
trách
 Quản trị (Admin): quản lý của tổ chức, có quyền truy cập tất cả các chức năng hệ
thống.
 Chuyên gia (Expert): viết blogs, chuẩn bị nội dung các bài học, ngân hàng câu
hỏi, và các bài test theo sự phân công của Admin
2.Yêu cầu giao diện
2.1 Mẫu giao diện
Làm theo theme https://shreethemes.in/doctris/layouts/admin/index.html
Một số bố cục, tham khảo cụ thể cho từng screens hoặc nhóm screens được đề
cập trực tiếp trong phần mô tả các màn hình bên dưới.
2.2 Web Header
Đây là nội dung xuất hiện trên header của tất cả các trang của hệ thống. Trước khi

login
Sau khi login, hai nút Đăng nhập, Đăng ký được thay bằng

Context menu: hiển thị sau khi rê chuột vào user avatar
tại góc phải trên
2.3 Web Footer
Đây là nội dung sẽ xuất hiện trên tất cả các trang của hệ thống

2.4 Listing Screens

Trừ khi được đề cập cụ thể khác, tất cả các màn hình hiển thị danh sách dữ liệu
cần có các chức năng tìm kiếm, lọc dữ liệu, sắp xếp, phân trang. Các tiêu chí tìm
kiếm, lọc, sắp xếp cần được lựa chọn áp dụng phù hợp sao cho thuận tiện nhất cho
người dùng.
II. Web Screens (19)
1.Public Screens (7)
1.1 Home Page
Tham khảo giao diện 2 trang: http://unica.vn và http://bizuni.vn

(2
) (1
)

(1) là danh sách các sliders

 Tự chuyển sang slider tiếp theo (xoay vòng) sau mỗi 5 giây
 Click vào slider thì chuyển người dùng đến trang tương ứng (theo địa chỉ
back_link)
o Nếu là trang nội bộ website thì mở trang trong tab hiện tại
o Nếu là trang bên ngoài hệ thống thì mở trang trong một tab mới
(2) là danh mục các bài viết hướng dẫn, chia sẻ. Sau khi click vào danh mục thì
chuyển sang trang Blogs List
1.2 Course List
Tham khảo: https://bizuni.vn
Trước khi đăng nhập

Sau khi đăng nhập

1.3 Course Info

Tham khảo: https://bizuni.vn/cap-nhat-co-phieu-gia-tri
(1) (2)

(3)

(4)

(5)
Lưu ý các thông tin hiển thị:
 (1) là YouTube video linked tới khoá học, nếu ko có thì sẽ hiển thị ảnh
thumbnail
 (2), (3), và (5) là thông tin chi tiết được cấu hình theo khoá học
 (4) là thông tin GV chính của khoá học (cấu hình chung)
Click nút mua ngay sẽ chuyển đến vùng thông tin Đăng ký. Nếu user đã đăng
nhập thì các thông tin của user sẽ được tự động điền vào vùng này (vẫn cho phép
user thay đổi sau đó)
Sau khi đăng ký thì hiển thị trang thông tin cảm ơn kèm hướng dẫn thanh toán. Ngoài
ra, email tương ứng được gửi đến khách hàng.
1.4 Trainer List
Hiển thị danh sách giảng viên là các users với role là expert và đang có khoá học
phụ trách giảng dạy được published trên Web.
Tham khảo: https://bizuni.vn/giang-vien

1.5 Trainer Info

Tham khảo: https://bizuni.vn/giang-vien/tran-dinh-cuu-147.html
1.6 Blog List
Tham khảo: https://dantri.com.vn/
1.7 Blog Details

2.User Screens (7)

2.1 User Login

2.2 User Register

2.3 Password Reset

Sau khi nhập valid email, hướng dẫn đăng ký được gửi đến địa chỉ email đã nhập.
Trong email chứa link (có hiệu lực trong 30 phút) dẫn user đến trang thiết lập lại
mật khẩu mới.
2.3 Personal Details (4)
Khi lựa chọn mục tương ứng trong user context menu (hiển thị sau khi user click
vào user avatar trên header) thì màn hình tương ứng sẽ được hiển thị. Trường hợp
user chọn menu Đăng xuất thì người dùng sẽ được đăng xuất khỏi hệ thống và
chuyển về trang User Login.
a. User Profile

WebHeader
Thông tin cá nhân
Thay đổi thông tin cá nhân
Đơn hàng của tôi
Đổi mật khẩu
Đăng xuất
b. My Orders
Thông tin cá nhân
Đơn hàng của tôi
Đổi mật khẩu
Đăng xuất

Đơn hàng có thể có các trạng thái: chưa thanh toán, đã thanh toán, đã huỷ (do
user chọn), hết hạn (do supporter chọn)
Ở trạng thái “chưa thanh toán”, user có thể chọn Huỷ đơn hàng hoặc Thay đổi
đăng ký theo màn hình dưới đây

c. Order Update
Thông tin cá nhân Đơn hàng của tôi Đổi mật khẩu Đăng xuất

d. Change Password (P1)

Thông tin cá nhân Đơn hàng của tôi Đổi mật khẩu Đăng xuất
3.Learning Module (5)
3.1 Course Details (3)
WebHeader

Tên khoá học

Tổng quan <Nội dung>
Tên topic 1
Tên topic 2
…
Tài nguyên học
Tên tài nguyên
1 Tên tài
nguyên 2
…
Sau khi truy cập, nội dung màn hình Course Overview sẽ được hiển thị (vùng <Nội
dung>)
 Menu “Tổng quan” sẽ được “mở”, hiển thị các active topics của khoá học
 Menu “Tài nguyên học” sẽ “đóng” (không hiển thị sub menu)
 Click vào 1 topic cụ thể thì chuyển sang màn hình Normal Lesson với nội
dung topic vừa click và các Lesson trong topic đó được hiển thị
Click menu “Tài nguyên học” thì màn hình Attached Files sẽ được hiển thị (vùng <Nội
dung>)
 Menu “Tài nguyên học” sẽ được “mở", hiển thị các active resources của khoá
học
 Menu Tổng quan sẽ “đóng” (ko hiển thị sub menu)
 Nhắp Tên tài nguyên cụ thể thì nội dung tài nguyên tương ứng (bao gồm
Tên và Nội dung tài nguyên, như định dạng trong Course Resource) sẽ hiển thị
ở vùng <Nội dung>
a. Course Overview

b. Attached Files
c. Course Resource
Hiển thị nội dung tài nguyên tương ứng theo định dạng HTML, ví dụ
3.2 Normal Lesson
Làm giống https://designlab.edu.vn

(2) (1)

(3)

(1) là danh mục các bài học, nhóm theo topic, xếp theo thứ tự như cấu hình trong
subject.
 Topic được chọn trước đó sẽ tự động được mở (hoặc topic đầu nếu không
chọn)
 Bài học đầu trong topic sẽ được chọn
 Làm giống http://udemy.com
(2) là nội dung video bài học. Trường hợp bài học ko có video thì ô này bị ẩn
(3) là tên bài học và nội dung text của bài học (định dạng HTML)
3.3 Quiz Lesson
Nội dung (2) và (3) trong màn hình Normal Lesson bên trên được thay thế bằng
mô tả bài Quiz, hiển thị khác nhau tương ứng 3 trường hợp
a. Quiz Intro
Hiển thị khi user chưa hoặc đang thực hiện dở bài quiz (nếu đang thực hiện dở thì
nút Start Quiz chuyển thành Resume)

b. Quiz Handle
Hiển thị khi user đang trong quá trình làm bài quiz

c. Quiz Result
Hiển thị sau khi user nhắp nút Submit Quiz hoặc hệ thống tự động submit bài khi
đã hết giờ
III. Admin Screens
Sinh viên có nhiệm vụ xác định, thiết kế, phát triển bổ sung các màn hình quản trị phù
hợp để đáp ứng việc thực hiện các chức năng như trong các Web Screens cũng như
hỗ trợ quản lý.
1.Dashboard (1)
Hiển thị thông tin trực quan (dạng biều đổ), dữ liệu được lọc theo user nếu là
expert truy cập
(1) Các thông tin thống kê
 Thống kê Khoá học: phân bổ số lượng/tỷ lệ theo mỗi trạng thái
 Thống kê Bài viết: phân bổ số lượng/tỷ lệ theo mỗi chuyên mục
 Thống kê Đăng ký (đơn hàng): phân bổ số lượng/tỷ lệ theo mỗi trạng thái,
thống kê số tổng (tất cả các khoá học) và các số cụ thể theo từng khoá
học
(2) Tình trạng & xu hướng thay đổi theo từng ngày trong khoảng thời gian 14 ngày
(mặc định từ ngày hiện tại trở về trước, user có thể điều chỉnh bằng cách nhập from-
date hoặc to-date)
 Doanh thu (tính theo đơn hàng đã thanh toán) từng ngày
 Số đăng ký (đơn hàng), phân bổ theo các trạng
thái Phân quyền:
 Marketing, Supporter: dữ liệu của tất cả các khoá học trong hệ thống
 Expert: dữ liệu liên quan đến các khoá học mà user phụ trách
2.System Config
2.1 System Settings (2)
Hiển thị các thông tin cấu hình (setting) trong hệ thống qua Setting List, từ đây cho
phép
 Activate hoặc inactivate mỗi setting
 Chuyển sang màn hình Setting Details để thêm mới hoặc cập nhật mỗi
setting
a. Setting List
b. Setting Details