Báo cáo công nghệ phần mềm ứng dụng ghi nhận vi phạm giảng viên

BỘ TÀI NGUYÊN VÀ MÔI TRƯỜNG TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG TP.HCM KHOA: HỆ THỐNG THÔNG TIN VÀ VIỄN THÁM BÁO CÁO CÔNG NGHỆ PHẦN MỀM ỨNG DỤNG GHI NHẬN VI PHẠM GIẢNG VIÊN ………………………………………………………………………… Giáo viên hướng dẫn : ThS Hồng Cơng Trình Người thực : Ngơ Trường Thanh 0750080030 Lớp : 07_ĐHCNTT1 Khóa : 07 TP Hồ Chí Minh, Ngày 09 tháng năm 2022 MỞ ĐẦU Thế kỷ 21 kỷ nguyên toàn cầu, với phát minh internet trái đất khơng cịn hình trịn mà đường thẳng kết nối ý nghĩ người Cùng với q trình tồn cầu hố, nhu cầu chia thông tin, học tập làm việc trực tuyến từ thúc đẩy đời ứ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 quản lý vi phạm giảng viên dạy trực tuyến Ứng dụng ghi nhận vi phạm giảng viên úng dựng cho phép giảng viên báo cáo cho bên tra để quản lý việc nghỉ, bù cho tiết học Ngồi ra, tra cịn đánh giá tiết học xem có vi phạm hay khơng ứng dụng Trong vài năm trở lại đây, thiết bị di động ngày phát triển rộng rãi đa dạng với tảng lớn Android IOS Vì nên ứng dụng phải phát triển để đáp ứng xu Để phát triển ứng dụng người ta thường xây dựng chúng framework đa tảng khác react native, flutter… Trong flutter framework phát triển google có phát triển tốc hành Ngày nay, với phát triển nhanh chóng xã hội , nhu cầu trao đổi thông tin cần thiết, em chọn đề tài “Xây dựng ứng dụng ghi nhận vi phạm giảng viên flutter” LỜI CẢM ƠN Trong thời gian làm đồ án, em nhận nhiều giúp đỡ, đóng góp ý kiến bảo nhiệt tình thầy bạn bè Em xin gửi lời cảm ơn chân thành đến ThS Hồng Cơng Trình, người tận tình hướng dẫn, trực tiếp bảo tạo điều kiện giúp đỡ em suốt trình làm đồ án NHẬN XÉT (Của giảng viên hướng dẫn) ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… ……………………………………………………………………………………………… MỤC LỤC CHƯƠNG 1: GIỚI THIỆU .1 1.1 Tổng quan 1.2 Phương pháp, kết 1.3 Cấu trúc đồ án .1 CHƯƠNG 2: NGHIÊM CỨU TỔNG QUAN 2.1 Phân tích hệ thống 2.1.1.Xác định yêu cầu .3 2.1.2 Lược đồ Use Case 2.1.3 Đặc tả use-case 2.1.4 Lược đồ sequence 2.1.5 Giao Diện .11 2.2 Các công nghệ hỗ trợ cho phát triển hệ thống 16 2.2.1 SQLite 16 2.2.2 Flutter gì? 17 CHƯƠNG : TRIỂN KHAI ỨNG DỤNG 19 3.1 Xây dựng sở liệu SQLite 19 3.2 Giao diện ứng dụng .22 CHƯƠNG : KẾT LUẬN 32 4.1 Kết luận 32 4.2 Hướng phát triển 33 DANH MỤC HÌNH ẢNH CHƯƠNG 2: NGHIÊM CỨU TỔNG QUAN Hình 1:L ượ c đồồ Use Case .3 Hình 2:L ượ c đồồ tuầồn tự đăng nhập Hình 3: L ượ c đồồ tuầồn tự xem tn tức .7 Hình 4: L ượ c đồồ tuầồn tự sai phạm giảng dạy Hình 5: L ượ c đồồ tuầồn tự nh ận xét tếết học .9 Hình 6: L ượ c đồồ tuầồn tự báo nghỉ Hình 7: L ượ c đồồ tuầồn báo cáo bù tếết học 10 Hình 8: L ượ c đồồ tuầồn tự thếm khóa học 10 Hình : Giao diện đăng nhập 11 Hình 10:Giao di ện chi tếết 12 Hình 11:Giao diện lịch khóa biểu 12 Hình 12:Giao diện lịch ngh ỉ,bù .13 Hình 13:Giao diện sai ph ạm gi ảng d ạy 13 Hình 14:Giao diện cá nhần đổi mật 14 Hình 15: Giao diện tra .15 Hình 16: Giao diện đánh giá sai phạm 15 Hình 17: Giao diện phản hồồi vi phạm 16 Hình 18:Dashboard 昀椀rebase trến web 17 Hình 19:Framework Flu琀琀er 18 CHƯƠNG : TRIỂN KHAI ỨNG DỤNG Hinh 1:Giao diện đăng nhập 19 Hinh 2: Giao diện đăng nhập .23 Hinh 3: Trang chủ 24 Hinh 4: Giao di ện chi tếết .24 Hinh 5:Giao di ện xem tầết thồng tn 25 Hinh 6:Giao diện lịch khóa biểu 25 Hinh 7:Giao diện l ịch khóa bi ểu cho ngày 26 Hinh 8:Giao diện h ỏi 26 Hinh 9:Giao diện thời gian nghỉ 27 Hinh 10:Form Báo bù trước 27 Hinh 11:Giao diện lịch khóa biểu 28 Hinh 12:Giao diện sai ph ạm gi ảng d ạy 29 Hinh 13:Giao di nệ ph nả hồồi vi ph ạm 29 Hinh 14:Giao diện tài khoản 30 Hinh 15:Giao diện tra 30 Hinh 16:Giao diện danh sách giảng viến 31 Hinh 17:Tổng hợp giao diện danh sách giảng viến .32 Hinh 18:Form báo cáo vi phạm 33 Hinh 19:Giao di nệ ph nả hồồi vi ph ạm 33 Hinh 20:Giao diện kiểm tra 34 Đề tài: Ứng dụng ghi nhận vi phạm giảng viên GVHD:ThS Hoàng Cơng Trình CHƯƠNG 1: GIỚI THIỆU 1.1 Tổng quan Sự phát triển cách mạng công nghiệp 4.0 với phổ biến rộng rải điện thoại di động internet, nhu cầu chia thông tin, học tập làm việc trực tuyến từ thúc đẩy đời ứ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 quản lý vi phạm giảng viên dạy trực tuyến Áp dụng kiến thức học để phát triển ứng dụng cần thiết Bởi điều cho phép học thêm cơng nghệ mới, rèn luyện kỹ lập trình, đồng thời nâng cao kinh nghiệm học thêm kỹ quan trọng khác Chính thế, em chọn đề tài xây dựng ứng dụng ghi nhận vi phạm giảng viên flutter Xây dựng ứng dụng ghi nhận vi phạm giảng viên giảng viên tra thuận tiện việc báo cáo ngày nghỉ, vi phạm 1.2 Phương pháp, kết Phương pháp xây dựng ứng dụng bao gồm bước sau: - Ôn lại kiến thức học phần học sở liệu, lập trình di động … - Xây dựng sỡ liệu sqlite - Tìm hiểu framework flutter thư viện phục vụ cho sản phẩm - Phác thảo sơ giao diện cho sản phẩm 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 tiến hành kiểm thử độ ổn định sản phẩm thực tế - Tiến hành viết báo cáo word chuẩn bị slide powerpoint phục vụ cho việc bảo vệ thi kết thúc học phần 1.3 Cấu trúc đồ án Phần báo cáo bao gồm: Chương 2: Nghiên cứu tổng quan Ngồ Trường Thanh Đề tài: Ứng dụng ghi nhận vi phạm giảng viên GVHD:ThS Hồng Cơng Trình Trong chương này, em giới thiệu ứng dụng có sẵn tương tự với hệ thống em Tiếp theo em giới thiệu tổng quát công nghệ 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 trình bày vê mơ hình tổng quan ứng dụng giới thiệu 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 hướng phát triển Trong chương này, em chia thành phần Phần kết luận giới thiệu mà ứng dụng hạn chế Phần hướng phát triển đưa hướng sau ứng dụng Ngồ Trường Thanh Đề tài: Ứng dụng ghi nhận vi phạm giảng viên GVHD:ThS Hồng Cơng Trình CHƯƠNG 2: NGHIÊM CỨU TỔNG QUAN 2.1 Phân tích hệ thống 2.1.1.Xác định yêu cầu Học viên acedemy muốn đầu tư dự án phần mềm ghi nhận vi phạm giảng viên Sau thơng tin thu thập : Chương trình phân thành quyền + Giảng viên - Phần mềm cho phép người dung (Giảng viên) nắm bắt lịch khóa biểu thân, cho phép báo nghỉ, bù cho tra + Thanh tra - Phần mềm cho phép người dung (Thanh tra) quản lý danh sách giảng viên bao gồm việc xem lịch người - Cho phép tra nhận xét tiết học xem có vi phạm hay không Ngồ Trường Thanh Đề tài: Ứng dụng ghi nhận vi phạm giảng viên GVHD:ThS Hồng Cơng Trình login Tên Trường id username pass user namedisplay Kiểu kiệu INTEGER TEXT TEXT TEXT TEXT Ghi PK Kiểu kiệu INTEGER TEXT TEXT TEXT TEXT TEXT INTEGER Ghi PK Kiểu kiệu INTEGER TEXT TEXT TEXT TEXT TEXT INTEGER INTEGER Ghi PK Kiểu kiệu INTEGER TEXT TEXT TEXT TEXT TEXT INTEGER Ghi PK calender Tên Trường id name title room clas date idUser baonghi Tên Trường id name title room clas date idUser cate Baobu Tên Trường id name title room clas date idUser Ngồ Trường Thanh 21 Đề tài: Ứng dụng ghi nhận vi phạm giảng viên cate titlebu datebu GVHD:ThS Hoàng Cơng Trình INTEGER TEXT TEXT saipham Tên Trường id name title room clas date idUser desc sp namett Kiểu kiệu INTEGER TEXT TEXT TEXT TEXT TEXT INTEGER INTEGER TEXT TEXT Ghi PK Tên Trường id title img time details Kiểu kiệu INTEGER TEXT TEXT TEXT Ghi PK Tên Trường id title time img1 img2 text1 text2 idnews Kiểu kiệu INTEGER TEXT TEXT TEXT TEXT TEXT TEXT INTEGER Ghi PK news Ngồ Trường Thanh 22 Đề tài: Ứng dụng ghi nhận vi phạm giảng viên GVHD:ThS Hồng Cơng Trình 3.2 Giao diện ứng dụng Khi vừa vào ứng dụng hệ thống yêu cầu người dùng đăng nhập để vào ứng dụng học tập Giảng viên chọn quyền giảng viên, tra chọn quyền tra Hinh 2: Giao diện đăng nhập Khi bắt đầu giao diện ứng dụng hiển thị trang chủ với hình ảnh tin tức Ở hiển thị tab: Trang chủ, lịch, lịch nghỉ, lịch bù, sai phạm người dùng Ngồ Trường Thanh 23 Đề tài: Ứng dụng ghi nhận vi phạm giảng viên GVHD:ThS Hồng Cơng Trình Hinh 3: Trang chủ Khi chọn vào tin tức hệ thống hiển thị thơng tin tin tức người dùng muốn xem Hinh 4: Giao diện chi tiết Ngồi cịn đ tếồnể cho vi c cóệth xem ể nhiếồu nhiếồu tn t c.ứNg Ngồ Trường Thanh ườ i dùng có th nhầếp ể vào xem tầết c ả 24 Đề tài: Ứng dụng ghi nhận vi phạm giảng viên GVHD:ThS Hồng Cơng Trình Hinh 5:Giao diện xem tất thơng tin Nhấn vào tab lịch hệ thống hiển thị cho người dùng lịch khóa biểu thân Hinh 6:Giao diện lịch khóa biểu Ngồi người dùng cịn chọn vào ngày để xem lịch Ngồ Trường Thanh 25 Đề tài: Ứng dụng ghi nhận vi phạm giảng viên GVHD:ThS Hồng Cơng Trình Hinh 7:Giao diện lịch khóa biểu cho ngày Khi giảng viên muốn báo nghỉ nhấp vào nút báo nghỉ màu đỏ Khi hệ thống lên thơng báo kiểm tra lại cho giáo viên chắn có muốn nghỉ không Hinh 8:Giao diện hỏi Ngồ Trường Thanh 26 Đề tài: Ứng dụng ghi nhận vi phạm giảng viên GVHD:ThS Hồng Cơng Trình Khi chọn có tiết nghỉ thêm vào tab lịch nghỉ Hinh 9:Giao diện thời gian nghỉ Cũng giống việc báo nghỉ, báo bù giảng viên cần báo nhấn vào nút báo bù Khi hệ thống lên form giáo viên điền vào Hinh 10:Form Báo bù trước Ngồ Trường Thanh 27 Đề tài: Ứng dụng ghi nhận vi phạm giảng viên GVHD:ThS Hồng Cơng Trình Sau xác nhận tiết báo bù trước tab lịch bù Hinh 11:Giao diện lịch khóa biểu Ngồ Trường Thanh 28 Đề tài: Ứng dụng ghi nhận vi phạm giảng viên GVHD:ThS Hoàng Cơng Trình Ở tab sai phạm giảng dạy thể lên tiết tra đánh giá Nếu khơng có vi phạm trạng thái màu xanh Cịn có vi phạm màu đỏ Hinh 12:Giao diện sai phạm giảng dạy Ở niếu giảng viên có thắc mắc hay muốn phản hồi tới tra sai sót bấm vào nút phản hồi sai phạm Khi lên form giảng viên Hinh 13:Giao diện phản hồi vi phạm Ngồ Trường Thanh 29 Đề tài: Ứng dụng ghi nhận vi phạm giảng viên GVHD:ThS Hồng Cơng Trình Cuối giảng viên phần tài khoản cho phép giảng viên đổi mật đăng xuất Hinh 14:Giao diện tài khoản Ở vai trò tra đăng nhập vào ta thấy trang chủ với chức chính: Quản lý vi phạm, phản hồi vi phạm, đổi mật khẩu, đăng xuất Hinh 15:Giao diện tra Ngồ Trường Thanh 30 Đề tài: Ứng dụng ghi nhận vi phạm giảng viên GVHD:ThS Hồng Cơng Trình Khi tra chọn vào quản lý vi phạm hệ thống list danh sách giảng viên tra tùy ý chọn giáo viên để nghi nhận sai phạm Hinh 16:Giao diện danh sách giảng viên Ngồ Trường Thanh 31 Đề tài: Ứng dụng ghi nhận vi phạm giảng viên GVHD:ThS Hồng Cơng Trình Khi giáo viên chọn vào giảng viên cần ghi nhận sai phạm Hinh 17:Tổng hợp giao diện danh sách giảng viên Thanh tra chọn vào tab lịch dể chọn vào lịch nhấp vào đánh giá tiết học Sau hệ thống lên form để tra đánh giá tiết học Ngồ Trường Thanh 32 Đề tài: Ứng dụng ghi nhận vi phạm giảng viên GVHD:ThS Hồng Cơng Trình Hinh 18:Form báo cáo vi phạm Ở chức phản hồi vi phạm nhấp vào hệ thống hiển thị Hinh 19:Giao diện phản hồi vi phạm Ngồ Trường Thanh 33 Đề tài: Ứng dụng ghi nhận vi phạm giảng viên GVHD:ThS Hoàng Cơng Trình Ở tra kiểm tra lại sau định chọn khơng vi phạm hay vi phạm sau hệ thống báo có muốn chắn không Hinh 20:Giao diện kiểm tra Ngồ Trường Thanh 34 Đề tài: Ứng dụng ghi nhận vi phạm giảng viên GVHD:ThS Hồng Cơng Trình CHƯƠNG : KẾT LUẬN 4.1 Kết luận Nhìn chung, sau kết thúc đề tài chúng em đạt điều sau đây: - Nắm bắt cơng nghệ lập trình mobile, cụ thể lập trình android - Sử dụng công nghệ SQLite cho ứng dụng mobile - Bước đầu thành công ứng dụng “Quản lý vi phạm” đáp ứng số yêu cầu sau: o Báo nghỉ, báo bù o Xem tin tức o Đánh giá, phản hồi sai phạm o Xem lịch khóa biểu Bên cạnh cịn có nhựng hạn chế như: - Giao diện app còn chưa đẹp - Trong q trình sử dụng gặp số lối hiển thị - Một số chức chưa hoàn thiện cho 4.2 Hướng phát triển Các hướng phát triển mà em hướng đến là: - Thêm chức để người dùng tương tác với - Tích hợp thêm tính để nâng cao trải nghiệm người dùng - Phát triển thêm nhiều tính bổ ích cho người dùng Ngồ Trường Thanh 35