Xây dựng website quản lý trung tâm anh ngữ sử dụng mean stack

Xây dựng website quản lý trung tâm anh ngữ sử dụng mean stack Xây dựng website quản lý trung tâm anh ngữ sử dụng mean stack Xây dựng website quản lý trung tâm anh ngữ sử dụng mean stack Xây dựng website quản lý trung tâm anh ngữ sử dụng mean stack Xây dựng website quản lý trung tâm anh ngữ sử dụng mean stack Xây dựng website quản lý trung tâm anh ngữ sử dụng mean stack

z TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM KHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE QUẢN LÝ TRUNG TÂM ANH NGỮ SỬ DỤNG MEAN STACK SVTH : TRẦN VIẾT BẢO MSSV : 16110017 SVTH : ĐỒN VĂN HIỆP MSSV : 16110074 Khóa : 2016 – 2020 Ngành : CÔNG NGHỆ THÔNG TIN GVHD : ThS NGUYỄN TRẦN THI VĂN TP Hồ Chí Minh, tháng 07 năm 2020 LỜI CẢM ƠN Có thể hồn thành đề tài khóa luận, khơng thể khơng nói đến hướng dẫn tận tình q thầy khoa Công Nghệ Thông Tin, trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh Chúng em chân thành cảm ơn Trước hết, chúng em tỏ lòng biết ơn sâu sắc đến thầy Nguyễn Đăng Quang – Trưởng ngành Công Nghệ Thông Tin, trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh thầy Nguyễn Trần Thi Văn – Giảng viên khoa Công Nghệ Thông Tin, trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh tận tình hướng dẫn, truyền đạt kiến thức quý báu để nhóm thực trọn vẹn đề tài Với kiến thức, nhận xét giúp chúng em chỉnh sửa, khắc phục thiếu sót học hỏi thêm kiến thức thực tế Cuối cùng, nhóm xin kính chúc q thầy có nhiều sức khỏe thành công sứ mệnh tiếp bước cho hệ kiến thức, kinh nghiệm quý báu Chúng em xin chân thành cảm ơn Thành phố Hồ Chí Minh, ngày 27 tháng 06 năm 2020 Trần Viết Bảo, Đồn Văn Hiệp i TĨM TẮT ĐỒ ÁN TỐT NGHIỆP Đề tài: Xây dựng website quản lý trung tâm Anh ngữ Các vấn đề nghiên cứu  Tìm hiểu Angular, Nodejs, RESTful API Express framework  Mơ hình, chức nghiệp vụ trung tâm giảng dạy tiếng Anh  API bên thứ ba Momo, CAPTCHA, Google Drive Các vấn đề cần giải  Xây dựng ứng dụng cho phép chủ sở hữu quản lý thông tin trung tâm  Bảo mật thông tin  Phân quyền truy cập để giảng viên, nhân viên sử dụng  Xử lý yêu cầu nhanh, hạn chế lỗi  Gửi thông báo, tài liệu cho học viên Các phương pháp giải vấn đề  Xây dựng ứng dụng web để dễ dàng quản lý thông tin trung tâm  Sử dụng JSON web token để tăng tính bảo mật  Sử dụng MEAN Stack giúp tạo trang web nhanh mạnh mẽ  Sử dụng mail server Google để gửi mail Kết đạt  Hoành thành trang web quản lý trung tâm Anh ngữ với chức quản lý thông tin, thống kê, gửi thông báo cho học viên  Một trang web dành cho người dùng đăng kí khóa học tương tác với trung tâm  Phân quyền chức cho người quản trị, giảng viên nhân viên Kết luận Mọi thông tin trung tâm xử lý đưa lên trang web quản lý giúp chủ sỡ hữu có nhìn định hướng phát triển, hạn chế sai sót, tiết kiệm nhiều thời gian cơng sức việc quản lý ii TĨM TẮT ĐỒ ÁN BẰNG TIẾNG ANH(ABSTRACT) Researches to conduct:  Angular, Nodejs, RESTful API and Express framework  Models, functional operation of the English centers  Third party APIs like Momo, CAPTCHA, Google Drive Problems to solve:  Building applications that allow owners to manage information of the center  Assigning access to lecturers and staff  Handling requests quickly, limiting errors  Sending notices and documents to students Solutions:  Build a web application for easy management of the center's information  Use JSON web token for increase security  Use MEAN Stack helps create fast and powerful websites  Use Google's mail server to send mail Achivements:  Establishment of an English center management website with information management, statistics and notifications for students  A website for users to register for courses and to interact with the center  Decentralization functions to administrators, lecturers and staff Conclusion:  All information of the center is processed and posted on the management website to help owners have a view of the development orientation, limiting errors, saving a lot of time and effort in management iii MỤC LỤC NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP i PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN ii PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN iii LỜI CẢM ƠN i TÓM TẮT ĐỒ ÁN TỐT NGHIỆP ii TÓM TẮT ĐỒ ÁN BẰNG TIẾNG ANH(ABSTRACT) iii MỤC LỤC iv DANH MỤC CÁC CHỮ VIẾT TẮT vii DANH MỤC CÁC BẢNG BIỂU viii DANH MỤC CÁC HÌNH ẢNH, BIỂU ĐỒ x Chương 1: TỔNG QUAN 1.1 Mục tiêu đề tài 1.2 Mô tả ứng dụng web Chương 2: CƠ SỞ LÝ THUYẾT 2.1 Nền tảng phát triển 2.2 Thư viện sử dụng 2.2 Công nghệ sử dụng 2.2.1 Nodejs 2.2.2 Express 2.2.3 MongoDB 2.2.4 Angular 2.2.5 Dịch vụ bên Chương 3: XÁC ĐỊNH VÀ MƠ HÌNH HĨA U CẦU 10 3.1 Yêu cầu người dùng 10 iv 3.2 Yêu cầu hệ thống 10 3.2.1 Yêu cầu chức 10 3.2.2 Yêu cầu phi chức 34 Chương 4: PHÂN TÍCH VÀ THIẾT KẾ 35 4.1 Phân tích thiết kế sở liệu 35 4.1.1 Sơ đồ ERD 35 4.1.2 Mô tả bảng database 35 4.2 Phân tích thiết kế xử lí 38 4.2.1 Kiến trúc hệ thống 39 4.2.2 Sequence diagram 40 4.3 Đặc tả API 41 4.3.1 API đăng nhập 41 4.3.2 API liên hệ 42 4.3.3 API giảng viên 42 4.3.4 API danh sách lớp học 43 4.3.5 API học viên 43 4.3.6 API khóa học 45 4.3.7 API lớp học 45 4.3.8 API lớp học phần 46 4.3.9 API phòng học 48 4.3.10 API quản trị viên 48 4.3.11 API gửi mail 49 4.3.12 API thời khóa biểu 50 4.3.13 API upload ảnh 50 4.4 Thiết kế giao diện 50 4.4.1 Ở phía người dùng khách 52 4.4.2 Ở phía trang quản lý 59 Chương 5: CÀI ĐẶT VÀ KIỂM THỬ 80 5.1 Cài đặt 82 5.1.1 Cài đặt MongoDB 82 v 5.1.2 Cài đặt NodeJS 82 5.1.3 Cài đặt frameworks ExpressJS 83 5.1.4 Cài đặt Angular 84 5.2 Kế hoạch kiểm thử 86 5.2.1 Danh sách loại kiểm thử 86 5.2.2 Môi trường kiểm thử 86 5.3 Thiết kế kiểm thử 86 5.4 Trường hợp kiểm thử 86 5.4.1 Đăng nhập 86 5.4.2 Thêm học viên 87 5.4.3 Chỉnh sửa lớp học 89 5.4.4 Chỉnh sửa thông tin cá nhân 90 5.5 Kết kiểm thử 91 5.5.1 Kết tổng quan 91 5.5.2 Kết cụ thể theo test case 92 Chương 6: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 93 6.1 Kiến thức tìm hiểu 93 6.2 Chức cài đặt 93 6.2.1 Trang dành cho người dùng 93 6.2.2 Trang dành cho Admin giảng viên 93 6.2.3 Chức chung actor 93 6.3 Ưu điểm 94 6.4 Nhược điểm 94 6.5 Hướng phát triển 94 DANH MỤC TÀI LIỆU THAM KHẢO 95 vi DANH MỤC CÁC CHỮ VIẾT TẮT API: Application Programming Interface STT: Số Thứ Tự HTTP: HyperText Transfer Protocol URL: Uniform Resource Locator JSON: JavaScript Object Notation SPAM: Stupid Pointless Annoying Messages RDBMS: Relational Database Management System SPA: Single Page Application NPM: Node Package Manager MEAN: MongoDB – Express – Angular - NodeJS vii DANH MỤC CÁC BẢNG BIỂU Bảng 2.1 Phiên công nghệ sử dụng Bảng 2.2 Phiên thư viện sử dụng Bảng 3.1 Các actor hệ thống 10 Bảng 3.2 Đặc tả chức Admin(Quản trị viên) 10 Bảng 3.3 Đặc tả chức Giảng viên 11 Bảng 3.4 Đặc tả chức Nhân viên 11 Bảng 3.5 Đặc tả chức Guest (Khách) 12 Bảng 3.6 Đặc tả Usecase hệ thống 22 Bảng 3.7 Đặc tả Usecase đăng nhập 23 Bảng 3.8 Đặc tả Usecase chăm sóc khách hàng 23 Bảng 3.9 Đặc tả Usecase quản lý danh sách lớp học 24 Bảng 3.10 Đặc tả Usecase giảng viên 25 Bảng 3.11 Đặc tả Usecase học viên 25 Bảng 3.12 Đặc tả Usecase khóa học 26 Bảng 3.13 Đặc tả Usecase lớp học 27 Bảng 3.14 Đặc tả Usecase lớp học phần 27 Bảng 3.15 Đặc tả Usecase phòng học 28 Bảng 3.16 Đặc tả Usecase quản trị viên 29 Bảng 3.17 Đặc tả Usecase thông tin cá nhân 29 Bảng 3.18 Đặc tả Usecase thời khóa biểu 30 Bảng 3.19 Đặc tả Usecase thống kê 31 Bảng 3.20 Đặc tả Usecase khóa học 31 Bảng 3.21 Đặc tả Usecase liên hệ 32 Bảng 4.1: Bảng Tài Khoản 35 Bảng 4.2: Bảng Quản Trị 36 Bảng 4.3 API đăng nhập 41 Bảng 4.4 API liên hệ 42 Bảng 4.5 API giảng viên 42 Bảng 4.6 API danh sách lớp học 43 Bảng 4.7 API học viên 43 Bảng 4.8 API khóa học 45 Bảng 4.9 API lớp học 45 Bảng 4.10 API lớp học phần 46 Bảng 4.11 API phòng học 48 Bảng 4.12 API quản trị viên 48 Bảng 4.13 API gửi mail 49 Bảng 4.14 API thời khóa biểu 50 Bảng 4.15 API upload ảnh 50 viii Bảng 4.16 Đặc tả hình khóa học 52 Bảng 4.17 Đặc tả hình chi tiết lớp học phần 53 Bảng 4.18 Đặc tả hình tốn học phí 55 Bảng 4.19 Đặc tả hình giới thiệu giảng viên 56 Bảng 4.20 Đặc tả hình liên hệ 57 Bảng 4.21 Đặc tả hình đăng nhập 59 Bảng 4.22 Đặc tả hình chăm sóc khách hàng 60 Bảng 4.23 Đặc tả hình danh sách lớp học 62 Bảng 4.24 Đặc tả hình quản lý học viên 64 Bảng 4.25 Đặc tả hình quản lý khóa học 66 Bảng 4.26 Đặc tả hình quản lý lớp học phần 67 Bảng 4.27 Đặc tả hình quản lý lớp học 69 Bảng 4.28 Đặc tả hình quản lý giảng viên 71 Bảng 4.29 Đặc tả hình quản lý phịng học 72 Bảng 4.30 Đặc tả hình quản lý quản trị viên 73 Bảng 4.31 Đặc tả hình thống kê 75 Bảng 4.32 Đặc tả hình thơng tin cá nhân 76 Bảng 4.33 Đặc tả hình thời khóa biểu 77 Bảng 5.1: Các chức kiểm thử 86 Bảng 5.2: Test case đăng nhập 86 Bảng 5.3: Test case thêm học viên 88 Bảng 5.4: Test case chỉnh sửa lớp học 89 Bảng 5.5: Test case chỉnh sửa thông tin cá nhân 90 Bảng 5.6: Kết test theo test case 92 ix Chương 4: Phân tích thiết kế Tên lớp báo bù Text Từ database Thông tin bù Text Từ database Ngày bù Text Từ database 10 Ghi Text Từ database 11 Trạng thái Checkbox Từ database Thay đổi trạng thái báo bù 12 Sửa báo bù Button Hiển thị form sửa báo bù 13 Xóa báo bù Button Hiển thị thơng báo xác nhận xóa Input Nhập thơng tin cần tìm kiếm 14 Tìm kiếm báo bù 81 Chương 5: Cài đặt kiểm thử Chương 5: CÀI ĐẶT VÀ KIỂM THỬ 5.1 Cài đặt 5.1.1 Cài đặt MongoDB Bước 1: Truy cập trang chủ MongoDB https://www.mongodb.com/ tải gói cài đặt MongoDB Shell tiến hành cài đặt Bước 2: Vì MongoDB chưa hỗ trợ GUI nên ta cần tải thêm Robo 3T để thao tác quản lý liệu dễ dàng Truy cập trang web https://robomongo.org/ để tải tiến hành cài đặt Bước 3: Sau hoàn thành bước hai, ta khởi động ứng dụng Robo 3T, hình có xuất kết nối cài đặt thành cơng, cịn khơng xuất kết nối cần kiểm tra lại phần cài đặt NodeJS Hình 5.1 Kiểm tra MongoDB Robo 3T 5.1.2 Cài đặt NodeJS Bước 1: Để cài đặt, ta vào trang tải NodeJS https://nodejs.org/en/download/, chọn phiên phù hợp với hệ điều hành máy tính, tiến hành tải cài đặt Bước 2: Sau cài đặt hồn tất, để kiểm tra xem q trình cài đặt thành công hay không, ta khởi động Command Prompt gõ dịng lệnh hình 82 Chương 5: Cài đặt kiểm thử Hình 5.2 Kiểm tra NodeJS Nếu hình Command Prompt hiển thị phiên NodeJS trình cài đặt thành cơng, cịn xuất lỗi cần xem lại trình cài đặt 5.1.3 Cài đặt frameworks ExpressJS 5.1.3.1 Cài đặt NPM Vì trình cài đặt NodeJS bao gồm gói cài đặt NPM, để kiểm tra NPM có máy tính ta gõ lệnh hình Hình 5.3 Kiểm tra NPM Nếu hình Command Prompt hiển thị phiên NPM q trình cài đặt thành cơng, cịn xuất lỗi cần xem lại trình cài đặt 5.1.3.2 Cài đặt Visual Studio Code Bước 1: Vào trang tải Visual Studio Code https://code.visualstudio.com/download, chọn gói cài đặt tương ứng với hệ điều hành máy tính tiến hành tải Bước 2: Cài đặt gói vừa tải Bước 3: Sau cài đặt, nhấn vào biểu tượng Visual Studio Code để mở ứng dụng 83 Chương 5: Cài đặt kiểm thử 5.1.3.3 Cài đặt frameworks ExpressJS Bước 1: Ở cửa sổ Terminal Visual Studio Code, ta gõ lệnh npm init, sau nhập tên gói muốn tải về, cụ thể express nên ta nhập vào express phần “package name” nhấn Enter Hình 5.4 Tiến hành cài đặt Express Bước 2: Sau thực xong, ta thấy hệ thống tự sinh file có tên package.json Bước 3: Kiểm tra file package.json để thấy phiên Express trình cài đặt thành cơng Hình 5.5 Cài đặt Express thành cơng 5.1.4 Cài đặt Angular Bước 1: Mở ứng dụng Visual Studio Code, phần terminal, gõ dòng lệnh “npm install -g @angular/cli” để tiến hành cài đặt Angular (Nếu có phát sinh lỗi hệ điều hành Linux thiếu quyền, ta nên thêm “sudo” trước câu lệnh để cài đặt quyền Administrator) Bước 2: Sau cài đặt xong, phần terminal, ta gõ dịng lệnh hình 84 Chương 5: Cài đặt kiểm thử Hình 5.6 Kiểm tra phiên Angular Bước 3: Nếu hình terminal xuất thơng số hình ta cài đặt Angular thành công 85 Chương 5: Cài đặt kiểm thử 5.2 Kế hoạch kiểm thử 5.2.1 Danh sách loại kiểm thử  Kiểm thử giao diện (User interface test)  Kiểm thử chức (Function test)  Kiểm thử tính tồn vẹn liệu (Data and database integrity testing) 5.2.2 Môi trường kiểm thử  Hệ điều hành: Windows 10  Trình duyệt: Google Chrome (ver 83.0 64-bit) 5.3 Thiết kế kiểm thử Bảng 5.1: Các chức kiểm thử Chức kiểm thử Đăng nhập Thêm học viên Chỉnh sửa lớp học Gửi mail cho học viên STT 5.4 Trường hợp kiểm thử 5.4.1 Đăng nhập  Tiền điều kiện: o Thiết bị kiểm thử có kết nối internet Bảng 5.2: Test case đăng nhập Mã testcase DN_001 DN_002 DN_003 DN_004 DN_005 Mô tả Thực Kết mong đợi Kiểm tra giao Thao tác phần tử Các input nhập diện giao diện đăng nhập được, nút đăng nhập thực chức Kiểm tra thứ tự Ở hình đăng nhập, Thứ tự di chuyển phần di chuyển nhấn tab quan sát tử từ xuống phần tử nhấn Tab Kiểm tra phím Ở hình đăng nhập, Thơng báo lỗi đăng nhập Enter nhấn vào input Tên tài khoản nhấn Enter Kiểm tra input Ở hình đăng nhập, Thông báo lỗi đăng nhập trống nhấn đăng nhập Kiểm tra viết Ở hình đăng nhập, Thơng báo lỗi đăng nhập hoa chữ đầu đăng nhập với tên tài 86 Chương 5: Cài đặt kiểm thử DN_006 DN_007 DN_008 tên tài khoản Kiểm tra viết hoa chữ đầu mật Kiểm tra viết hoa chữ cuối tên tài khoản Kiểm tra viết hoa chữ cuối mật Kiểm tra kí tự đặc biệt khoản viết hoa chữ đầu Ở hình đăng nhập, Thơng báo lỗi đăng nhập đăng nhập với mật viết hoa chữ đầu Ở hình đăng nhập, Thơng báo lỗi đăng nhập đăng nhập với tên tài khoản viết hoa chữ cuối Ở hình đăng nhập, Thơng báo lỗi đăng nhập đăng nhập với mật viết hoa chữ cuối Đăng nhập với tên đăng Thông báo lỗi đăng nhập nhập thêm kí tự đặc biệt DN_010 Nhập tên Đăng nhập với tên đăng Thông báo lỗi đăng nhập tài khoản nhập mật không sai mật DN_011 Nhập tên Đăng nhập với tên đăng Thông báo lỗi đăng nhập tài khoản nhập mật tài mật khoản khác tài khoản khác DN_012 Nhập tên tài Đăng nhập với tên đăng Thông báo lỗi đăng nhập khoản nhập mật để không nhập mật trống DN_013 Nhập mật Đăng nhập với mật Thông báo lỗi đăng nhập không tên đăng nhập để trống nhập tên tài khoản DN_014 Đăng nhập với Tên tài khoản có dấu Tài khoản khơng tồn tên tài khoản có dấu DN_014 Đăng nhập với Đăng nhập với tên đăng Đăng nhập thành công, tên đăng nhập nhập mật chuyển sang trang quản lý mật với sở liệu 5.4.2 Thêm học viên  Tiền điều kiện: DN_009 87 Chương 5: Cài đặt kiểm thử o Thiết bị kiểm thử có kết nối internet o Đăng nhập vào hệ thống với quyền admin, nhân viên Bảng 5.3: Test case thêm học viên Mô tả Kiểm tra phần tử form thêm học viên Thêm học viên mà khơng nhập liệu Thêm học viên mà không nhập tên học viên Thực Kết mong đợi Thao tác với phần tử Các phần tử thao tác form thêm học viên THV_004 Thêm học viên mà không nhập khóa học Thơng báo lỗi thêm học viên THV_005 Thêm học viên mà không nhập tên lớp THV_006 Thêm học viên mà không nhập lớp học THV_007 Tên học viên số THV_008 Tên học viên có chứa kí tự đặc biệt Email học viên không cấu trúc Hiển thị học phí Mã testcase THV_001 THV_002 THV_003 THV_009 THV_010 Ở form tạo học viên, nhấn Thông báo lỗi thêm học nút Thêm viên Ở form tạo học viên, nhập đầy đủ thông tin học viên không nhập tên học viên, nhấn nút Thêm Ở form tạo học viên, nhập đầy đủ thông tin học viên không chọn khóa học, nhấn nút Thêm Ở form tạo học viên, nhập đầy đủ thông tin học viên không chọn lớp, nhấn nút Thêm Ở form tạo học viên, nhập đầy đủ thông tin học viên không chọn lớp học, nhấn nút Thêm Ở form tạo học viên, nhập tên học viên số, nhấn nút Thêm Ở form tạo học viên, nhập tên học viên kí tự đặc biệt, nhấn nút Thêm Ở form tạo học viên, nhập email học viên khơng có tên miền, nhấn nút Thêm Ở form thêm học viên, sau chọn khóa học lớp học, số tiền học phí hiển thị input Thông báo lỗi thêm học viên Thông báo lỗi thêm học viên Thông báo lỗi thêm học viên Thông báo lỗi tên học viên không hợp lệ Thông báo lỗi tên học viên không hợp lệ Thông báo lỗi email khơng hợp lệ Hiển thị học phí tương ứng với khóa học 88 Chương 5: Cài đặt kiểm thử THV_011 THV_011 Không nhập số Ở form tạo học viên, điện thoại không số điện thoại, nhấn nút Thêm Nhập đầy đủ Ở form tạo học viên, nhập thông tin đầy đủ thông tin mà form yêu cầu yêu cầu Thông báo lỗi số điện thoại không hợp lệ Thông báo thêm học viên thành công 5.4.3 Chỉnh sửa lớp học  Tiền điều kiện: o Thiết bị kiểm thử có kết nối internet o Đã đăng nhập vào hệ thống với quyền admin Bảng 5.4: Test case chỉnh sửa lớp học Mã testcase CSLH_001 CSLH_001 CSLH_002 CSLH_003 CSLH_004 Mô tả Kiểm tra phần tử form Chỉnh sửa mã lớp học Chỉnh sửa mã lớp học thành rỗng Kiểm tra danh sách phòng học Chỉnh sửa ngày khai giảng CSLH_005 Chỉnh sửa ngày bế giảng CSLH_006 Chỉnh sửa ngày khai giảng sau ngày bế giảng CSLH_007 Chỉnh sửa ngày bế giảng trước ngày khai giảng Chỉnh sửa giảng viên CSLH_008 Thực Kết mong đợi Thao tác với phần tử Các phần tử thao tác form thêm học viên Trên form chỉnh sửa lớp học, chỉnh sửa mã lớp học Trên form chỉnh sửa lớp học, chỉnh sửa mã lớp học thành rỗng Trên form chỉnh sửa lớp học, chọn phòng học Trên form chỉnh sửa lớp học, sửa ngày khai giảng thành ngày khác Trên form chỉnh sửa lớp học, sửa ngày bế giảng thành ngày khác Trên form chỉnh sửa lớp học, sửa ngày khai giảng thành ngày sau ngày bế giảng Trên form chỉnh sửa lớp học, sửa ngày bế giảng thành ngày trước ngày khai giảng Trên form chỉnh sửa lớp học, sửa thành giảng viên khác Chỉnh sửa thành công Thông báo lỗi mã lớp học không hợp lệ Liệt kê đầy đủ phịng học có hệ thống Chỉnh sửa thành công Chỉnh sửa thành công Thông báo lỗi ngày khai giảng sau ngày bế giảng Thông báo lỗi ngày bế giảng trước ngày khai giảng Chỉnh sửa thành công 89 Chương 5: Cài đặt kiểm thử CSLH_009 CSLH_010 CSLH_011 CSLH_012 CSLH_013 Chỉnh sửa giảng viên trùng lịch Chỉnh sửa trùng phòng học với lớp học khác Kiểm tra chức đề xuất Trên form chỉnh sửa lớp học, chỉnh sửa giảng viên có lịch vào ca học Trên form chỉnh sửa lớp học, chỉnh sửa phòng học trùng với phòng học lớp khác vào ca học Trên form chỉnh sửa lớp học, chọn biểu tượng bên cạnh giảng viên để đề xuất phòng học giảng viên phù hợp Chỉnh sửa ghi Trên form chỉnh sửa lớp học, thay đổi giá trị input ghi Liệt kê danh Trên form chỉnh sửa lớp sách giảng học, chọn select Giảng viên viên để xem danh sách giảng viên Thơng báo lỗi trùng lịch Thơng báo lỗi phịng học sử dụng Chức đề xuất hoạt động Chỉnh sửa thành công Liệt kê đầy đủ giảng viên 5.4.4 Chỉnh sửa thông tin cá nhân  Tiền điều kiện: o Thiết bị kiểm thử có kết nối internet o Đã đăng nhập vào hệ thống Bảng 5.5: Test case chỉnh sửa thông tin cá nhân Mã testcase CSTT_001 CSTT_002 CSTT_003 CSTT_004 Mô tả Thực Kiểm tra Thao tác với phần tử phần tử trên form chỉnh sửa thông form tin cá nhân Chỉnh sửa họ Ở form chỉnh sửa thông tin tên cá nhân, sửa họ tên nhấn nút Cập nhật Chỉnh sửa họ Ở form chỉnh sửa thông tin tên thành rỗng cá nhân, sửa họ tên thành rỗng nhấn nút Cập nhật Chỉnh sửa họ Ở form chỉnh sửa thông tin tên có số cá nhân, chỉnh sửa họ tên có số nhấn nút Cập nhật Kết mong đợi Các phần tử thao tác Hiển thị thông báo chỉnh sửa thành công Hiển thi thông báo lỗi họ tên không hợp lệ Hiển thi thông báo lỗi họ tên không hợp lệ 90 Chương 5: Cài đặt kiểm thử CSTT_005 CSTT_006 CSTT_007 CSTT_008 CSTT_009 CSTT_010 CSTT_011 CSTT_012 CSTT_013 5.5 Chỉnh sửa họ Ở form chỉnh sửa thơng tin tên có kí tự đặc cá nhân, chỉnh sửa họ tên biệt có kí tự đặc biệt nhấn nút Cập nhật Chỉnh sửa số Ở form chỉnh sửa thông tin điện thoại cá nhân, chỉnh sửa số điện thoại nhấn nút Cập nhật Chỉnh sửa số Ở form chỉnh sửa thông tin điện thoại cá nhân, chỉnh sửa số điện thành rỗng thoại thành rỗng nhấn nút Cập nhật Chỉnh sửa Ở form chỉnh sửa thông tin email cá nhân, chỉnh sửa email nhấn nút Cập nhật Chỉnh sửa Ở form chỉnh sửa thông tin email thành cá nhân, chỉnh sửa email rỗng thành rỗng nhấn nút Cập nhật Chỉnh sửa địa Ở form chỉnh sửa thông tin cá nhân, chỉnh sửa địa nhấn nút Cập nhật Cập nhật thông Ở form chỉnh sửa thông tin tin không cá nhân, nhấn nút Cập thay đổi thông nhật tin Chỉnh sửa ảnh Ở form chỉnh sửa thông tin đại diện cá nhân, chọn ảnh nhấn nút Cập nhật Chọn ảnh đại Ở form chỉnh sửa thông tin diên không cá nhân, chọn file khác file phải ảnh ảnh nhấn nút Cập nhật Hiển thi thông báo lỗi họ tên không hợp lệ Hiển thị thông báo chỉnh sửa thành công Hiển thi thông báo lỗi số điện thoại không hợp lệ Hiển thị thông báo chỉnh sửa thành công Hiển thị thông báo lỗi email không hợp lệ Hiển thị thông báo chỉnh sửa thành công Không nhấn nút Cập nhật Hiển thị thông báo chỉnh sửa thành công Hiển thị thông báo lỗi file không hợp lệ Kết kiểm thử 5.5.1 Kết tổng quan  Số testcase thực hiện: 51  Số testcase đạt: 49/51  Số testcase chưa đạt: 2/51 91 Chương 5: Cài đặt kiểm thử Hình 5.7 Kết tổng quan kiểm thử 5.5.2 Kết cụ thể theo test case Bảng 5.6: Kết test theo test case STT Test case Đăng nhập Thêm học viên Chỉnh sửa lớp học Chỉnh sửa thông tin cá nhân Đạt 14 11 13 12 Chưa đạt 0 Số lượng test case 14 11 13 13 92 Chương 6: Kết luận hướng phát triển Chương 6: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 6.1       6.2 Kiến thức tìm hiểu Cộng nghệ xây dựng Web MEAN Stack Sử dụng JWT việc thực chức xác thực phân quyền Sử dụng NodeMailer để gửi mail Sử dụng API Momo để hỗ trợ toán online Sử dụng Captcha để website hoạt động tốt Sử dụng API Google Drive để upload ảnh lên Drive Chức cài đặt 6.2.1 Trang dành cho người dùng  Xem danh sách khóa học  Xem chi tiết lớp học  Đăng kí lớp học  Thanh tốn Momo  Gửi thơng tin u cầu hỗ trợ đến hệ thống  Xem giới thiệu trung tâm giảng viên 6.2.2 Trang dành cho Admin giảng viên  Chức quản lí Admin: o Thêm, sửa, xóa chỉnh trạng thái khóa học, lớp học phần, lớp học, phòng học, giảng viên, quản trị viên o Xem thống kê học viên đăng kí online trung tâm o Xem thống kê toán qua Momo trung tâm o Xem thống kê tiền toán qua Momo trung tâm  Chức quản lí giảng viên: o Xem thời khóa biểu giảng viên 6.2.3 Chức chung actor  Admin, nhân viên giảng viên o Xem danh sách lớp học học viên lớp học o Gửi mail cho học viên o Chỉnh sửa thông tin cá nhân o Đăng xuất o Đăng nhập 93 Chương 6: Kết luận hướng phát triển o Đổi mật  Admin, nhân viên o Xem danh sách người dùng cần hỗ trợ gửi từ trang dành cho người dùng o Gửi mail cho người dùng cần liên hệ để hỗ trợ o Xem toàn danh sách học viên o Thêm, sửa, xóa chỉnh trạng thái học viên o Gửi mail cho học viên theo lớp theo cá nhân 6.3     6.4 Ưu điểm Trang web thực chức đủ để phục vụ cho trung tâm giảng dạy Ứng dụng thiết kế cho việc sử dụng cho nhiều mơn học khác Có hỗ trợ toán online cho người dùng Hỗ trợ chat Facebook để người dùng nhanh chóng giải đáp thắc mắc Nhược điểm  Giao diện thiết kế chưa đẹp tốt  Sử dụng API bên thứ ba hạn chế mặt phát triển 6.5 Hướng phát triển  Khắc phục nhược điểm  Hỗ trợ chatbot cho người dùng trang dành cho người dùng  Nâng cấp thành quản lý chuỗi trung tâm 94 DANH MỤC TÀI LIỆU THAM KHẢO [1] https://techtalk.vn/mot-cai-nhin-tong-quan-nhat-ve-nodejs.html [2] https://viblo.asia/p/nodejs-voi-express-framework-rQOvPKVgkYj [3] https://viblo.asia/p/mongodb-la-gi-co-so-du-lieu-phi-quan-he-bJzKmgoPl9N [4] https://developers.momo.vn/v1/#cong-thanh-toan-momo-gioi-thieu [5]https://webkimcuong.com/google-captcha-recaptcha-la-gi-tai-sao-ban-nen-dung-nocho-website-cua-minh/ [6] https://viblo.asia/p/thao-thac-voi-google-drive-api-gGJ59O4xZX2 95 ... giải vấn đề  Xây dựng ứng dụng web để dễ dàng quản lý thông tin trung tâm  Sử dụng JSON web token để tăng tính bảo mật  Sử dụng MEAN Stack giúp tạo trang web nhanh mạnh mẽ  Sử dụng mail server... việc quản lý dễ dàng hiệu so với việc quản lý tay trước Cho nên cần có phần mềm, cụ thể website quản lý trung tâm Anh ngữ để dễ dàng quản lý thơng tin, thực chức cần thiết phần mềm quản lý, thống... Đề tài: Xây dựng website quản lý trung tâm Anh ngữ Các vấn đề nghiên cứu  Tìm hiểu Angular, Nodejs, RESTful API Express framework  Mơ hình, chức nghiệp vụ trung tâm giảng dạy tiếng Anh  API