TRƯỜNG ĐẠI HỌC THỦY LỢI
KHOA CÔNG NGHỆ THÔNG TIN
BỘ MÔN: TƯƠNG TÁC NGƯỜI MÁY
■0
0
0-
BÁO CÁO BÀI TẬP LỚN MÔN TƯƠNG TÁC NGƯỜI MÁY
“Thiết kế ứng dụng website quản lý khóa học về website Nodemy”
SINH VIÊN THỰC HIỆN:
Họ và tên:
Nguyễn Đức Hải
Đỗ Gia Khánh
Mai Huy Hùng
Trịnh Khắc Hùng
Lớp : 61TH2
Hà Nội, 2021
I.Đề XUẤT ĐỀ BÀI
1.1.
Giới thiệu vấn đề
Việc quản lý khóa học thủ cơng trước đây có rất nhiều nhược điểm:
-Chỉ quản lý dễ dàng khi khối lượng các khóa học vẫn cịn ít.
-Về vấn đề lưu trữ, tìm kiếm các khóa học sẽ khó khăn hơn khi càng ngày
lượng khóa học, bài giảng ngày càng nhiều..
-Update video bổ xung kiến thức mới liên tục để theo kịp xu hướng tránh
lạc hậu .
-Giá thành các khóa học thay đổi liên tục theo thời gian phụ thuộc vào thị
trường vì vậy mà việc update thay đổi giá thành sẽ gây ra nhiều lỗi.
1.2.
Giải pháp
Để khắc phục những vấn đề trên, chúng em đã chọn xây dựng thiết kế ứng dụng
website quản lý khóa học về website Nodemy để quản lý các khóa học dễ dàng
hơn.
Đã có rất nhiều phần mềm quản lý khóa học ra đời, Nhưng lại khơng đáp ứng
được về phần giao diện cũng như tính thẩm mỹ mà người sử dụng đặt ra và các
chức năng thì cịn rời rạc thiếu tính liên kết. Vì vậy nhóm chúng tơi đã đặt ra
mục tiêu là thiết kế ứng dụng website quản lý khóa học về Nodemy với giao diện
mới, đáp ứng được nhu cầu của người sử dụng mang lại hiệu quả cao trong công
việc lẫn học tập.
Yêu cầu giao diện đặt ra đối với người sử dụng:
-Đơn giản khi sử dụng, không màu mè và những chi tiết không liên quan
-Các chức năng thì cần phải được mơ phỏng đúng với thực tế
-Giao diện sử dụng tiếng Việt
-Sử dụng trên Windows
1.3.
Phân cơng các thành viên tham gia
Nhóm thực hiện gồm có 4 thành viên:
-Nguyễn Đức Hải
-Mai Huy Hùng
- Đỗ Gia Khánh
-Trịnh Khắc Hùng
Các công việc thực hiện của thành viên trong nhóm:
+Cả nhóm cùng thực hiện:
-Thảo luận phân tích thiết kế ứng dụng
-Góp ý chỉnh sửa giao diện
-Phân tích người sử dụng trong hệ thống
-Các chức năng của hệ thống
+Từng thành viên thực hiện:
Nguyễn Đức Hải
-Viết báo cáo
+Chức năng quản lý giáo trình
Mai Huy Hùng
+Quản lý khóa học
+Quản lý bài học
Đỗ Gia Khánh
+Chức năng quản lý lớp học
+Chức năng quản lý Voucher
Trịnh Khắc Hùng
+Chức năng tìm kiếm(Search)
+Chức năng quản lý người dùng(quản lý tài khoản)
II.PHÂN TÍCH NGƯỜI SỬ DỤNG VÀ PHÂN TÍCH NHIỆM VỤ
2.1 Giới thiệu
Trước đây, để tìm kiếm một khóa học vừa với túi tiền cũng như kiến thức đầy đủ
là rất khó khi giao diện đập vào mắt người dùng rất lộn xộn khó chịu khơng biết
nên đăng kí cái nào cho phù hợp. Vì vậy nhóm chúng tơi đã nghĩ ngay ra được ý
tưởng “thiết kế ứng dụng website quản lý khóa học về website Nodemy” để quản
lý các khóa học dễ dàng hơn đáp ứng được nhu cầu của người sử dụng.
2.2. Phân tích người sử dụng
Hệ thống có 2 nhóm người dùng chính là:
-Teacher
-Quản lý hệ thống(Admin)
Nhóm Teacher:
-Có chức năng quản lý:
-Giáo trình: thêm, sửa, xóa giáo trình vào hệ thống
-Khóa học: thêm, sửa, xóa các khóa học
-Bài học, bài tập: thêm, sửa, xóa bài học
-Yêu cầu đối với nhóm Teacher:
- Có trình độ học vấn (đại học) hiểu biết chuyên sâu về ngành công
nghệ thông tin để giảng dạy hướng dẫn cho người sử dụng.
-Có kiến thức sâu rộng về Nodemy
-Có trình độ tin học: Sử dụng máy tính thơng thạo.
Nhóm Quản lý hệ thống(Admin):
Là nhóm có quyền cao nhất trong hệ thống sử dụng hệ thống để:
-Update, bảo trì hệ thống.
-Quản lý người dùng.
-Quản lý lớp học.
-Quản lý voucher.
-Tạo câu hỏi hỗ trợ cho người sử dụng.
-Có quyền thêm, sửa, xóa, tăng giảm giá các khóa học.
-Phân quyền cho người dùng.
-Yêu cầu đối với Quản lý hệ thống:
-Có chun mơn về CNTT (đại học cơng nghệ thơng tin trở lên).
-Có kiến thức về quản lý.
2.3.
Phân tích nhiệm vụ
Thiết kế ứng dụng website quản lý khóa học về website Nodemy có những yêu
cầu chức năng sau:
+Chức năng quản lý giáo trình
-Giới thiêu:
+Cho phép quản lý thơng tin về giáo trình website, những modul sách liên
quan đến lập trình website
-Dữ liệu đầu vào:
+Tên giáo trình, tên sách, người biên soạn, đánh giá sản phẩm, giá tiền
gốc, giá tiền sau khi sale.
-Xử lý:
+Thêm, Sửa giáo trình điền dữ liệu vào form
+Bấm nút xóa module ở phần quản lý sau đó bấm nút confirm
-Kết quả:
+Hiển thị giáo trình trên danh mục danh sách.
+Quản lý khóa học
- Giới thiệu :
+ Cho phép quản lý thơng tin về các khóa học , xem thơng tin về các
khóa học
- Dữ liệu đầu vào :
+ Bao gồm : tên khóa học , giáo viên dạy khóa học đó, giá tiền gốc của
khóa học , giá tiền sau khi sale , đơn vị tính giá , video giới thiệu khóa học
+ Các khóa học được thêm bằng cách nhập dữ liệu vào form tạo khóa
học
- Xử lý :
+ Thêm , sửa , xóa khóa học
- Kết quả : Hiển thị khóa học
+Quản lý bài học
- Giới thiệu:
+ cho phép quản lý các bài học trong các khóa học , xem thông tin nội
dung của bài học, các câu hỏi và bài kiểm tra.
- Dữ liệu đầu vào
+ Danh sách tên bài học , giảng viên dạy bài học , tiêu đề bài , mô tả
+ Các bài học được thêm bằng cách lựa chọn trong form dữ liệu các bài có
sẵn
- Xử lý :
+ thêm, sửa nhập dữ liệu vào form
+ xóa bài học trong form nhập nhập dữ liệu
- Kết quả : + hiển thị danh sách các bài học sau khi đã lựa chọn
+Chức năng tìm kiếm(Chỉ riêng của ADMIN)
- Giới thiệu:
+ Trang web cho phép Amin tìm kiếm danh sách người sử dụng đăng ký
khóa học
+ Tìm kiếm theo các trường : Tên người sử dụng, E-mail, số điện thoại
- Dữ liệu vào
+ Nhập tên người dùng, Email, Số điện thoại
+ Được nhập vào hệ thống bằng cách nhập dữ liệu qua form nhập liệu tìm
kiếm
- Xử lý: tìm kiếm dữ liệu trong hệ thống
- Kết quả : hiển thị dữ liệu phù hợp
+Chức năng quản lý người dùng(quản lý tài khoản)
- Giới thiệu:
+ Hệ thống cho phép phân quyền sử dụng ,từ đó chống được những truy cập
bất hợp pháp vào hệ thồng dữ liệu , đồng thời định rõ được trách nhiệm trong
trường hợp có sự cố xảy ra với hệ thống
- Dữ liệu vào:
+E-mai
+Mật khẩu
+Họ Tên
+Số điện thoại
+Loại tài khoản
- Xử lý:
+set role(vai diễn)
+set status:
+chặn action
+view profile: trong này sẽ hiển thị ra khóa học người dùng đã đăng ký
- Kết quả : Người dùng sử dụng các chức năng , sử dụng các khóa học đã
mua tương ứng
+Chức năng quản lý lớp học
-Giới Thiệu :
Admin có thể tạo lớp học để thêm học viên vào nhằm quản lý những user
mình đang dạy , dễ dàng biết được user đang theo lộ trình nào cũng như tiến độ
học tập của các học viên
- Dữ liệu vào :
+ Tên lớp học
+ Thời gian bắt đầu
+ Thời gian kết thúc
+ Ngày khai giảng - kết thúc
+ Giáo trình
+ Giảng viên dạy lớp
+ Học viên thuộc lớp
+ Thông tin học viên
+ Danh sách buổi học theo giáo trình
+ Nội dung từng buổi học
+ Thông tin học viên điểm danh theo từng buổi học
+ Bảng điểm
- Xử lý:
+ Thêm lớp học : Nhập dữ liệu vào form
+ Thêm học viên : Tìm theo email và xác nhận thêm
+ Điểm danh học viên : Chỉnh sửa trạng thái điểm danh của học viên trong
tab điểm danh bằng cách chọn trạng thái
+ Thêm điểm cho học viên : Chọn 1 ô điểm , nhấn edit , điền điểm và
confirm
Kết quả : Giảng viên có thể quản lý giáo trình , tiến độ của học viên trong lớp
học
+Chức năng quản lý Voucher
- Giới thiệu : User có thể được phát voucher bởi admin , khi đăng ký khóa
học sẽ
được giảm giá dự trên voucher hiện có , không cộng dồn.
- Dữ liệu vào :
+ Mã voucher
+ Giá Giảm
+ Số lượng
+ Ngày hết hạn
-Xử lý
+ Tạo voucher : Điền dữ liệu vào form
+ Sửa voucher : Chọn edit trong bảng voucher , điền dữ liệu vào từng ô r chọn
save hoặc chọn cancle để hủy thao tác
Kết quả : Tạo ra các voucher sẽ được học viên áp dụng khi mua khóa học
3.1. Thiết kế tổng quan
Dựa trên các phân tích về các nhóm người sử dụng và các khảo sát yêu
cầu giao diện, chức năng của phần mềm, nhóm chúng tơi đã đến tiến hành thiết
kế chia chương trình thành 2 nhóm chức năng chính:
+ Quản lý hệ thống(Admin): có chức năng quản lý chung tồn bộ hệ
thống, do nhóm quản trị hệ thống sử dụng để cài đặt, bảo trì và quản lý hệ thống,
quản lý người sử dụng.
+Teacher:
3.2. Thiết kế kịch bản mẫu
+Đăng Nhập
Muốn vào trang chủ hệ thống của nodemy. Search trên
google. Màn hình đăng nhập sẽ hiện ra, người sử dụng phải đăng nhập vào hệ
thống bằng Email và Mật khẩu hoặc đăng nhập bằng tài khoản google.
N ỘDEMY
+Đăng kí
Người sử dụng chưa có tài khoản mật khẩu thì nhấn đăng kí, sau đó sẽ hiện ra
form đăng kí điền đầy đủ thơng tin
+Quên mật khẩu
Người sử dụng click vào chỗ quên mật khẩu màn hình sẽ hiển thị ra form. Nhập
Email và vào Email lấy mã xác nhận
+Trang chủ
Khi đăng nhập được vào hệ thống, sẽ đưa người dùng đến Trang chủ tại đây
người dùng có thể chọn để xem và đăng kí các khóa học.
+ Thơng tin những khóa học đã đăng kí
+ Thơng tin những khóa học chưa đăng kí
+Trang Khóa Học
User có thể xem những khóa học đã đăng ký
+Chọn Khóa Học
Các khóa học trong Nodemy tại đây Teacher có thể thêm sửa xóa khóa học.
+Chi tiết khóa học
+ Danh sách các bài học(Chưa đăng ký)
Ni jDEMY KHÓA HỌC LỚP OFFLINE TẠO cv HỌCTẬP
Bạn sẽ nhận được
(?) ■g Tràn Khánh Duy
Video hướng dẫn
khóa học
Danh sách bài học
Hướng dẫn cài mySQL
a
Tạo Database và tạo bảng mySQL
a
Thêm sửa xóa data trong mySQL
a
insert into select và toán tử and, or trong mySQL
a
Sử dụng wildcard để tìm dữ liệu dạng text trong mySQL
a
sử dụng betvveen và exists trong mySQL
a
ghép chuỗi và các phép toán trong mySQL
a
Sắp xếp data trong mySQL
a
+Danh sách các bài học(Chưa đăng ký)
NQDEMY
KHÓA HỌC
LỚPOFFLINE TẠOCV HỌC TẬP
-/ Tự thiết kế cv cho bản thân
(?) ■g Tràn Khánh Duy Q
x/ Hiểu rõ vê cách tạo hiệu ứng animation, tạo được các animation thú vị
Videọ hướng dẫn
khóa học
Danh sách bài học
Hướng dẫn cài đặt IDE visual studio code
0
Hướng dẫn các phím tắt trong IDE tăng tốc học tập lập trình
0
Sử dụng Emmet kết hợp phím tắt tăng tốc độ lập trình HTML
0
Sử dụng Google dev tools
0
Tổng quan về HTML
0
CSS: Bài 1: Cách sử dụng css trong vvebsite
0
CSS: Bài 2 Làm quen với selector trong css
©
CSS: Bài 3 Các thuộc tính liên thay đổi chữ trong css, text-align, text-transform
©
+Chọn Lớp Ngoại Tuyến(Quản lý lớp học)
Lớp ngoại tuyên giúp cho Teacher , admin quản lý được các lớp học, thời gian
học.
N QDEMY KHÓA HỌC
CVTẠO HỌC TẬP ũ a 0
LỚP NGOẠI
TUYÊN
K7-KHÓA CHIỀU
K6 - Light
Keỵ
Giáo viên: Phạm Tuấn
Giáo viên:
Phạm
Anh
(?) Mai Huy Hưng
K8 - Tối đa
khóa
Giáo viên: Phạm Tuấn
ĩuấn Anh ỵ ■
Anh
Ca học
14:00-17:30
Ca học
09:00 - 12:00
Ca học
Khai giảng
07/09/202
0
Khai giáng
17/06/2020
Khai giáng
End
06/11/202
0
End
04/09/2020
Giáo trình
Nodejs íline key
Giáo trình
Basic
key
19:00-21:00
End
Giáo trinh
learning
16/10/202
0
08/12/202
0
Basic
key
+Chọn Học Tập
Admin , Teacher tạo câu hỏi , bài kiêm tra cho người dùng, người đăng kí khóa
học có thê làm sau những giờ học.
N pLlDEMY
KHĨA HỌC LỚP NGOẠI TUYẾN cv TẠO
HỌC TẬP
□
Mai Huy Hưng
09
Học khóa hướng
dẩn video
Câu hỏi Kiểm tra
Q Tim kiếm
js # 8 (3)
js #8 (5)
js # 8 (4)
js#8(2)
Search íorthe module
Admin quản lý các bài kiểm tra.
- Quản lý các giáo trình của các khóa học (Admin , teacher quản lý)
+ Hiển thị các giáo trình
video hướng dẫn
khóa học
Khóa học offline
((8) nodejs
Bài học: 10
Khóa cơ bản
Khóa nâng cao
Bài học: 6
Bài học: 7
Tạo Syllabus
Cơng ty TNHH Cơng nghệ Nodemy Việt Nam
vn
+ Tạo giáo trình
Hiển thị các thông của tài khoản .
A Thông
người dùng I
R
Học lớptintrang
Add student
ÉÈ Chứng từ
+Thông Tin Người Dùng(Quản lý người dùng của Amin)
Tên
E-mail
Phạm Tuấn Anh
tuanan h.ptal 9@gmai l.com
Đỗ Trọng Tân
(?) Tạo thẻ hỗ trợ cáu
TÍCH h...
cực I
TÍCH cực
TÍCH cực I
Nguyễn Hồng Đạt
m
086663380
5
24/12/2021
giáo
viên
Trạng thái
Lương Khắc Nam
10/08/2020
người dùng
Vũ Việt Dũng
10/08/2020
người dùng
Nguyễn Văn Sang
sangnvhel
10/08/2020
người
dùng
Điện thoại CreatedAt Vai diễn
Nguyễn Dương Phong
m
Nguyễn Đình Nam
người dùng
10/08/2020
người dùng
0866633805
Nguyễn Hải Linh 12
10/08/2020
10/08/2020 giáo viên ■
036323519
9
10/08/2020
10/08/2020 giáo viên ■
người dùng
I TÍCH cực I
TÍCH cực
TÍCH cực
TÍCH cực
Mai huy hưng v
Hoạt động
+ Quản Lý Voucher (Admin quản lý)
Hiển thị thông tin về các Voucher , và có thể thêm Voucher mới
+Trang Giáo trình
Admin và Teacher quản lý giáo trình
N0DEMY
KHỎA HỌC
LỚP OFFLINE
TẠOCV
HỌC TẬP
□
0
$
© X? Admin
video hướng dần
khóa hộc
Sample Sỵllabus
ÌJSịỊ
this is a sample
Bài học: 3
Khóa học offline nodejs
MM*’*
Khóa cơ bản
Bài học: 6
Bài học: 10
Khóa nâng cao
Bài học: 7
Tạo Sylỉabus
Cơng ty TNHH Cơng nghệ Nũdemy Việt Nam
+ Trang giỏ hàng
Những khóa học user đã chọn mua
Khóa học tìm hiểu NodeJS từ căn bản đến nâng cao
NodeJS là nên táng mạnh mẽ đỡ được xẽp hạng là cơng nghệ được cóc nhà phát triển chuyên nghiệp sừ
Đăng ký khóa học : (1 khóa học)
1.490.000 đ
Bỏ qua khóa học này
dụng phồ biẽn nhđt. Hiểu vẽ bán chât, quy trình chợy code của NodeJS đồng nghĩa bợn đã làm chủ được
odeJS. Khóa học giúp bạn thành thạo vận dụng NodeJS phớt triền dự án
980.000 đ