Báo cáo công nghệ phần mềm ứng dụng ghi nhận vi phạm giảng viê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.. Ngày nay, với sự phát triển nha

BO 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

Thé 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”

Trong 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

(Của giảng viên hướng dẫn)

2.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

DANH 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

CHUONG 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

Trong 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

CHUONG 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

2.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

+ 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

- 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

Dò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ẽ

Hình 2 3: Lược đỗ tuần tự xem tin tức

Phản hồi sai phạm giảng dạy

Hình 2 4: Lược đô tuần tự sai phạm giảng dạy Nhận xét vi phạm

Hì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ỉ

2.1.5 Giao Diện

Đăng nhập

Hình 2 9 : Giao diện đăng nhập

Sai 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

Hình 2 14:Giao diện cá nhân và đổi mật khẩu

Thanh tra

2 15: Giao diện than

Hình 2 16: Giao diện đánh giá sai phạm

Phản hồi vi phạm

Hình 2 I7: Giao diện phan hồi vi phạm

2.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

2.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