Ứng dụng ghi nhận vi phạm của giảng viên là một úng dựng cho phép giảng viên có thê báo cáo được cho bên thanh tra để quản lý việc nghỉ, bù cho tiết học.. Ngày nay, với sự phát triển nha
Trang 1BO TAI NGUYEN VA MOI TRUONG
TRUONG ĐẠI HỌC TAI NGUYÊN VÀ MỐI TRƯỜNG TP.HCM KHOA: HỆ THỎNG THÔNG TIN VÀ VIỄN THÁM
BAO CAO CONG NGHE PHAN MEM
UNG DUNG GHI NHAN VI PHAM GIANG VIEN
Giáo viên hướng dẫn : ThS Hoàng Công Trình
Người thực hiện : Ngô Trường Thanh 0750080030
Lớp :07 ĐHCNTTTI
Khóa : 07
TP Hồ Chí Minh, Ngày 09 tháng 1 năm 2022
Trang 2Thé ky 21 là một kỷ nguyên toàn cầu, với sự phát minh ra internet trái đất đã không còn là hình tròn mà đã là một đường thăng kết nối những ý nghĩ của con người Cùng với quá trình toàn cầu hoá, nhu cầu chia sẽ thông tin, học tập làm việc trực tuyến từ
đó thúc đây sự ra đời của các ứng dụng học trực tuyến Bên cạnh đó để đảm bảo chất
lượng dạy học, hay đơn thuần là quản lý vi phạm của giảng viên khi đạy trực tuyến Ứng dụng ghi nhận vi phạm của giảng viên là một úng dựng cho phép giảng viên
có thê báo cáo được cho bên thanh tra để quản lý việc nghỉ, bù cho tiết học Ngoài ra, thanh tra còn có thê đánh giá tiết học xem có vi phạm hay không ngay trên ứng đụng Trong vài năm trở lại đây, các thiết bị đi động ngày càng phát triển rộng rãi và đa dạng với các nền tảng lớn như Android và IOS Vì vậy nên các ứng dụng cũng phải phát triển đê đáp ứng xu thế đó Để phát triển các ứng dụng đó người ta thường xây dựng chúng bằng cac framework da nén tang khac nhau nhu react native, flutter Trong d6 flutter là một framework được phát triển bởi google và có sự phát triển tốc hành Ngày nay, với sự phát triển nhanh chóng của xã hội , nhu cầu trao đôi thông tin với nhau lại càng cần thiết, vì vậy em chọn đề tai “Xay dựng ứng dụng ghi nhận vi phạm của giảng viên bang flutter”
Trang 3Trong thời gian làm đồ án, em đã nhận được nhiều sự giúp đỡ, đóng góp ý kiến và
chỉ bảo nhiệt tình của thầy cô và bạn bè
Em xin gửi lời cảm ơn chân thành đến ThS Hoàng Công Trình, người đã tận tình hướng dẫn, trực tiếp chỉ bảo và tạo mọi điều kiện giúp đỡ em trong suốt quá trình làm đồ án
Trang 4(Của giảng viên hướng dẫn)
Trang 52.1 Phan tich hé thong cccccccccsscssssesssssssssssssscssscsssscsssscssscsssessssesssecsssecessesaseesssecessessseessvesseesscaseeceees 3
2.1.2 Lược đồ Use Case
CHƯƠNG 3 : TRIÊN KHAI ỨNG DỤNG - 052L 222tr HH2 re 19
070090010019 w6000595 0ã .Ag)H|HBHAHDHDHH H 32 lhc): hố 11 H 32
Trang 6DANH MỤC HÌNH ANH
CHƯƠNG 2: NGHIÊM CỨU TỎNG QUAN
Hình 2
Hình 2
Hình 2
Hình 2
Hình 2
Hình 2
Hình 2
Hình 2
Hình 2
Hình 2
Hình 2
Hình 2
Hình 2
Hình 2
Hình 2
Hình 2
Hình 2
Hình 2
Hình 2
HINH vn ae 6 .A Ả.ẢẢ 3
VN ốn on 6i) 90 7
3: i5I010889E-1201808-//85 8ã 21 7
GOS tudGn tu sai Pham Zidng 8 8
GOOG tuâơn tự nh ận xét têêt hỌc LH nh HH HH TH KH KH Ty 9 WHOS tUdGN 0n 8o7-¡s0i + 000 S (Ad A- 9
@ơơ tuâơn báo cáo bù têêt hỌc cán nh n HH HH HH HH HT KH ky 10 a t 5 giơơ tuâơn tự thêm khĩa học các c1 1S TH nh TH TH TH TH KHE —- rr r r r r 4 5: 6: 7 8
EtcIirc ciii .Ä
I9 5€Ir s08: 1 .dẢ ẢẢ
11:Giao diện lịch khĩa biỂU ¿+ 2 E22 1222323 E9 E1 E121 21 TT Hàng TH TT Tư HH rà sư 12:Giao Gi€n lich NHL DU — -:.^Â:ÂÃÂ:ÂẨÃẦăÄÃH.,H)., 13:Giao din sai pham Giang on e a.Ả
14:Giao diện cá nhân và đổi mật khẩu IHCI-oNoi i00 (0 AC HƯ %š353}3Ÿ333
©0800 n8 eo
17: Giao diện phản hơơi vi phạm
18:Dashboard rebase trên Web kh nh TH TY TH TH HH TH TH KH TH ret 19:Framework Flu ¬"—— .Ố.ỐẮỐốẮỐốỐốỐốỐốỐẦ.ốẦố.Ầ.ố.ố.ố CHUONG 3 : TRIEN KHAI UNG DUNG Hinh 3 Hinh 3 Hinh 3 Hinh 3 Hinh 3 Hinh 3 Hinh 3 Hinh 3 Hinh 3 Hinh 3 Hinh 3 Hinh 3 Hinh 3 Hinh 3 Hinh 3 Hinh 3 Hinh 3 Hinh 3 Hinh 3 IHGIr-lelsl-i Noi 0i ii 44-4 -L 19
“coi s0 n6 .Ả4ẦẢẢ.ẢẢ 23
Er 3 .ỠÕ:Õ:Ỏ 24
4: Giao di Gy Chi tte HAdLHAR 24
5:Giao di & XeM tat @ thOng tr cece .QH:ÕÃÄÂŒậgH)Ã.Ả 25
6:Giao diện lịch khĩa biỂU 222 1221 11 S1 32v 1E 9 1E H1 Hy Hàn nH HH TH HH BH rệt 25 7:Giao diện lịch khĩa biểu cho tỪng ngày c1 2n T HH HT HT TH TH HT Hàn HH cưng 26 8:Giao diện hỏi cáo 26 9:Giao Cin thoi Mian NHI GA 27
10:Form Báo bù trƯỚC ST HH KH HT TH TK TT Tà KH kh vệ 27 11:Giao diện lịch khĩa biểu 28
12:Giao diện sai phạm giảng dạy cà Tnhh Tho nh TK HE kiến 29 IEHcIr ch: 0:0 o0 e A , 29
I H€eIr so cài R0 .Ả 30
IcH€Ir si cán r0 .- dđäÃHH 30
16:Giao diện danh sách giảng viÊn ác c ch nHn nh TH TH HT TH KH TH Ki k+ 31 17:Tổng hợp giao diện danh sách giäng viÊn - ¿- nà vn vn HH ng Hàng TH ghe 32 In 08o-isáv c0 89 0n -.3›::.-:.:€ổî 33
19:Giao di B Ph BNOGI Vi PHAM cece .dqQ 33
Trang 8CHUONG 1: GIỚI THIỆU
1.1 Tổng quan
Sự phát triển của cuộc cách mạng công nghiệp 4.0 cùng với sự phổ biến rộng rải của điện thoại di động va internet, nhu cầu chia sẽ thông tin, học tập làm việc trực tuyến từ đó thúc
đây sự ra đời của các ứng dụng học trực tuyến Bên cạnh đó đề đảm bảo chất lượng dạy
học, hay đơn thuần là quản lý vi phạm của giảng viên khi dạy trực tuyến
Áp dụng kiến thức đã học đề phát triển ứng dụng như trên là cần thiết Bởi vì điều này cho phép học thêm các công nghệ mới, rèn luyện kỹ năng lập trình, đồng thời nâng cao kinh nghiệm và học thêm các kỹ năng quan trọng khác Chính vì thế, em chọn đề tài xây dựng ứng dụng ghi nhận vi phạm giảng viên bằng flutter
Xây đựng một ứng dụng ghi nhận vi phạm giảng viên có thê giảng viên và thanh tra có thê thuận tiện hơn việc báo cáo ngày nghỉ, vi phạm
1.2 Phương pháp, kết quả
Phương pháp xây dựng ứng dụng sẽ bao gồm các bước sau:
- Ôn lại các kiến thức cơ bản về các học phân đã học như cơ sở đữ liệu, lập trình
di dong
- Xây dựng cơ sỡ đữ liệu bang sqlite
- Tim hiéu framework flutter và các thư viện phuc vu cho cac san pham
- Phác thảo sơ bộ giao diện cho sản phẩm và tiễn hành xây lập trình giao diện cho sản phẩm
- Tiến hành xây dựng backend cho sản phẩm
- Chạy sản phâm và tiễn hành kiểm thử độ ôn định của sản phâm trong thực tế
-_ Tiến hành viết báo cáo word và chuẩn bị sliđe powerpoint phục vụ cho việc bảo
vệ khi thi kết thúc học phân
1.3 Cấu trúc đồ án
Phân tiếp theo của báo cáo bao gồm:
Chương 2: Nghiên cứu tổng quan
Trang 9Trong chương này, em sẽ giới thiệu về các ứng dụng đã có sẵn tương tự với hệ thống của em Tiếp theo em sẽ giới thiệu tông quát về các công nghệ và phần mềm em
sử dụng đề xây dựng ứng dụng ghi nhận vi phạm giảng viên
Chương 3: Triển khai xây dựng
Trong chương này, em sẽ trình bày vê mô hình tông quan của ứng dụng và giới thiệu về cách triển khai xây dựng ghi nhận vi phạm giảng viên
Chương 4: Kết luận và hướng phát triển
Trong chương này, em sẽ chia thành 2 phan Phan I kết luận sẽ giới thiệu về những gì mà ứng dụng đã được và hạn chế của nó Phần 2 hướng phát triển sẽ đưa ra những hướng di sau nay cua ứng dụng
Trang 10CHUONG 2: NGHIEM CUU TONG QUAN
- _ Phần mềm cho phép người dung (Thanh tra) quản lý được danh sách các giảng
viên bao gồm cả việc xem lịch của người đó
- _ Cho phép thanh tra nhận xét được tiết học xem có vi phạm hay không
Trang 112.1.2 Lược đồ Use Case
Hinh 2 1:Luoc dé Use Case 2.1.3 Dac ta use-case
Dac ta use case dang nhap
Tóm tắt: Use-case này cho phép người dùng đăng nhập vào ứng dung
Dòng sự kiện:
Dòng sự kiện chính:
- Use-case này bắt đầu khi người đùng muốn sử dụng ứng dụng
- Hệ thống yêu cầu người dùng nhập tên đăng nhập, mật khâu và chọn quyền để đăng nhập
- Hệ thông sẽ kiêm tra thông tin :
+ Nếu chưa nhập đữ liệu thì hệ thống sẽ thông báo “Vưi lòng nhập tài khoản” và
yeu cau nhập lại
+ Nếu nhập sai thì hệ thống sẽ thông báo “Tài khoản, mật khẩu sai hoặc quyền bị sai” và yêu câu nhập lại
Trang 12+ Nếu tên đăng nhập, mật khâu và quyền đúng thì cho phép người dùng vào ứng
dụng
Dac ta Use-Case xem tin tirc
Tóm tắt: Use-Case cho phép giảng viên xem được tin tức
Dòng sự kiện:
Dòng sự kiện chính:
- Use-case nay bắt đầu khi giảng viên muốn xem | tinh tutc nao do
- Giảng viên nhắn vào | tin tức bất ki 6 tab home
-Hệ thống sẽ đưa giảng viên vào phần thông tin của tin tức để xem
-Sau khi xem xong có thê nhân nút quay lại ở trên appbar dé quay lai man hinh home Đắc tả Use Case báo nghỉ tiết học
Tóm tắt: Use-Case cho phép giảng viên báo nghỉ tiết học
Dòng sự kiện:
Dòng sự kiện chính:
- Use-case này bắt đầu khi giáo viên muốn báo nghỉ tiết học
- Giảng viên nhan vao tab lich góc dưới
- Hệ thống sẽ hiện thị ra lịch khóa biểu
- Giảng viên cần chọn vào ngày cần báo nghỉ ở trên lịch
- Hệ thống sẽ thông báo tới người dùng có muốn chắn chắn báo hủy
+ Nếu chọn có hệ thông sé add thêm | card báo nghỉ
+ Nếu chọn không hệ thong sé tra vé lich
Dong sy kién khac:
- Hé théng cho phép chon timg ngay dé xem timg lịch khóa biểu khác nhau
Đặt tả Use-Case báo bù tiết học
Tóm tắt: Use-case cho phép giảng viên báo bù tiết học
Dòng sự kiện
Dòng sự kiện chính:
- Use-case này bắt đầu khi giáo viên muốn báo bù tiết học
- Hệ thông sẽ hiền thị ra lich khóa biểu
Trang 13- Giảng viên cần chọn vào ngày cần báo nghỉ ở trên lịch
- Giang viên sẽ chọn vào “Báo bù”
- Hệ thông sẽ thê hiện | form dé giảng viên nhập
+ Nếu chọn có hệ thông sẽ add thêm | card bao bu
+ Nếu chọn không hệ thong sé tra vé lich
Dong sy kién khac:
- Hé théng cho phép chon timg ngay dé xem timg lịch khóa biểu khác nhau
Dac ta Use-case phan hồi nhận xét tiết học
Tóm tắt : Use-case này cho phép giảng viên phản hồi nhận xét tiết học khi có chỗ sai
Dòng sự kiện:
Dòng sự kiện chính:
- Use case nay bắt đầu khi giảng viên muốn phản hồi nhận xét tiết học khi có chỗ sai
- Giảng viên chọn vào nút phản hồi sai phạm
- Hệ thống sẽ hiện thị ra I form đề người dùng có thể phản hồi tới thanh tra
- Sau khi phản hồi thành công thì từ trạng thái vi phạm chuyên thành trạng thái chờ kiểm
duyệt
Đặc tả Use-Case nhận xét tiết học
Tóm tắt : Use-case này cho phép thanh tra nhận xét tiết học
Dòng sự kiện chính:
- Use-case này bắt đầu khi thanh tra muốn nhận xét tiết học
- Hệ thống sẽ hiện thị ra danh sách giảng viên
- Thanh tra sẽ chọn giảng viên cần nhận xét
- Thanh tra chọn tới tiết của giảng viên đó sau đó chọn nhận xét
- Hệ thống sẽ hiên thị ra I form để thanh tra có thê nhận xét vi phạm của giảng viên + Nếu chọn có hệ thống sẽ add thêm I card vi phạm hay không tới tài khoản của giảng viên
+ Nếu chọn không hệ thong sé tra vé lich
Đặc tả Use-Case xử lý phản hồi sai phạm
Tóm tắt : Use-case này cho phép thanh tra xử lý các phản hồi sai phạm được báo cáo
Trang 14Dòng sự kiện chính:
- Use-case này bắt đầu khi thanh tra xử lý các phản hồi sai phạm được báo cáo
- Hệ thông sẽ hiển thị ra các sai phạm đang được báo cáo
- Thanh tra sẽ xem xét nều không vi phạm thì chọn nút không vi phạm còn vi phạm sẽ
Trang 15Hình 2 3: Lược đỗ tuần tự xem tin tức
Phản hồi sai phạm giảng dạy
Trang 16Hình 2 4: Lược đô tuần tự sai phạm giảng dạy Nhận xét vi phạm
Trang 17Hình 2 5: Lược để tuần tự nhận xét tiết học
Báo nghỉ tiết học
Hình 2 6: Lược đỗ tuần tự báo nghỉ
Trang 192.1.5 Giao Diện
Đăng nhập
Hình 2 9 : Giao diện đăng nhập
Trang 21Sai phạm giảng dạy
Hình 2 13:Giao diện sai phạm giảng dạy
Cá nhân và đôi mật khâu
Trang 22Hình 2 14:Giao diện cá nhân và đổi mật khẩu
Thanh tra
Trang 232 15: Giao diện than
Hình 2 16: Giao diện đánh giá sai phạm
Trang 24Phản hồi vi phạm
Hình 2 I7: Giao diện phan hồi vi phạm
Trang 252.2 Các công nghệ hỗ trợ cho phát triển hệ thống
2.2.1 SQLite
SQLite là một hệ quản tri cơ sở dữ liệu hay còn gọi là hệ thống cơ sở đữ liệu quan hệ nhỏ gọn, khác với các hệ quan tri khac nhu MySQL, SQL Server, Ocracle, PostgreSQL SQLite la mot thu vién phan mềm mà triển khai một SQL Database Engine truyén théng,
không cần mô hình client-server nên rất nhỏ gọn SQLte được sử dụng vào rất nhiều
chương trình từ đesktop đến mobile hay là website
SQLite không cần mô hình client — server đề hoạt động.SQLite không cần phải cầu hình
tức là bạn không cần phải cài đặt Với SQLite database được lưu trữ trên một tập tin duy
nhất.SQLite hỗ trợ hầu hết các tính năng của ngông ngữ truy vấn SQL theo
chuân SQL92.SQLite rất nhỏ gọn bản đầy đủ các tính năng nhỏ hơn 500kb, và có thê nhỏ
hơn nếu lược bớt một số tính năng.Các thao tác đữ liệu trên SQLite chay nhanh hon so với các hệ quản trị cơ sở đữ liệu theo mô hinh client — server.SQLite rất đơn giản và dễ đàng sử dụng
Ngoài những ưu điểm đã kể ra ở trên SQLte cũng có một số mặt hạn chế nêu đem so sánh với các hệ quản trị khác
Do sử dụng cơ chế coarse-gained locking nên trong cùng một thời điểm SQLite co thé
hồ trợ nhiêu người đọc đữ liệu, nhưng chỉ có l người có thê ghi dữ liệu
SQLite không phải là lựa chọn hoàn hảo đề đáp ứng các nhu cầu xử lý trên một khối lượng đữ liệu lớn, phát sinh liên tục
Hình 2, 18:]Dashboard firebase trên web
Trang 262.2.2 Flutter là gì?
Flutter là nền tảng phát triển ứng dụng đa nền tang cho iOS va Android, web do Google phát triên Flutter sử đụng ngôn ngữ Dart cũng do Google phát triển va flutter cũng đã được sử dụng để tạo ra các ứng dụng native cho Google
Hình 2 19:Framework Flutter
Ưu điểm của flutter:
H_ Mạnh vẻ hiệu ứng, hiệu suất ứng dụng rat cao
H Giao tiếp gần như trực tiếp với hệ thống
H Ngôn ngữ kiểu tĩnh nhưng với cú pháp hiện đại (tương tự JS, Python, Java),
compiler linh động khi dùng AOT (cho san pham cuối) và JIT (cho quá trình phát
triển voi hot reload)
O Có thê chạy được giả lập mobile ngay trên web, tiện cho việc phát triển Các bộ đo
lường chỉ số hiệu suất được hỗ trợ sẵn giúp lập trình viên kiểm soát tốt hiệu suất
của ứng dụng Có thê dùng đề xây dựng các nên tảng gắn vào ứng dụng native dé
tăng hiệu suất