Xây dựng hệ thống phần mềm kids well giúp quản lý trường mầm non và kết nối nhà trường với phụ huynh học sinh

Tên đề tài: Xây dựng hệ thống phần mềm Kids Well giúp quản lý trường mầmnon và kết nối nhà trường với phụ huynh học sinh Sinh viên thực hiện:  Võ Xuân Phúc – 1911505310142 Lớp 19T1  Ng

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT

TRƯỜNG VỚI PHỤ HUYNH HỌC SINH

Sinh viên thực hiện : Võ Xuân Phúc

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT

TRƯỜNG VỚI PHỤ HUYNH HỌC SINH

Người duyệt: ThS Đỗ Phú Huy

Đà Nẵng, tháng 06/2023

NHẬN XÉT CỦA NGƯỜI PHẢN BIỆN

Tên đề tài: Xây dựng hệ thống phần mềm Kids Well giúp quản lý trường mầm

non và kết nối nhà trường với phụ huynh học sinh

Sinh viên thực hiện:

 Võ Xuân Phúc – 1911505310142 Lớp 19T1

 Ngô Nhật Dương – 1911505310111 Lớp 19T1

Kids Well là một sản phẩm công nghệ ứng dụng đột phá trong quản lý trườngmầm non, nhằm tạo ra một kết nối dễ dàng giữa nhà trường và phụ huynh học sinh.Với mục tiêu nâng cao chất lượng giáo dục và phát triển sức khỏe cho trẻ em, KidsWell cung cấp cho nhà trường công cụ quản lý thông minh và cho phụ huynh khả năngtheo dõi hoạt động của con em mình Điều này giúp tiết kiệm thời gian và công sứccho nhà trường, đồng thời nâng cao hiệu quả quản lý Từ phía phụ huynh, họ có thểtruy cập vào hệ thống để theo dõi lịch trình, điểm danh, hoạt động học tập và phát triểncủa con Điều này giúp phụ huynh có cái nhìn rõ ràng về quá trình học tập và đưa raquyết định hợp lý về chăm sóc và giáo dục con cái

Bài báo cáo ngoài các nội dung gồm phần mở đầu và kết thì có bố cục 3 chương:CHƯƠNG 1: CƠ SỞ LÝ THUYẾT

Chương này trình bày tổng quan về việc sử dụng các phần mềm hỗ trợ xây dựngứng dụng, các công cụ thường xuyên sử dụng để xây dựng nền tảng cho bài toán Mô

tả một số công nghệ mới hỗ trợ phát triển ứng dụng

CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG

Chương này trình bày một hướng tiếp cận trong việc phân tích hệ thống Trìnhbày những hướng chức năng cơ bản cho người dùng, sơ đồ cơ sở dữ liệu

CHƯƠNG 3: TRIỂN KHAI VÀ ĐÁNH GIÁ KẾT QUẢ

Trên cơ sở tìm hiểu và phân tích bài toán liên quan, đặc biệt là các chức năng hệ thống Từ các phân tích hệ thống và dữ liệu có được, ứng dụng được triển khai và cập nhật

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT

KHOA CÔNG NGHỆ SỐ

CỘNG HÒA XÃ HÔI CHỦ NGHĨA VIỆT NAM

Độc lập - Tự do - Hạnh phúc

NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP

Giảng viên hướng dẫn: Ths Đỗ Phú huy

Sinh viên thực hiện:

 Võ Xuân Phúc Mã SV: 1911505310142

 Ngô Nhật Dương Mã SV: 1911505310111

1.1 Tên đề tài:

Xây dựng hệ thống phầm mềm KIDS WELL giúp quản lý trường mầm non và kết nối

nhà trường với phụ huynh học sinh.

1.2 Nội dung chính của đồ án:

 Ứng dụng KidsWell dành cho phụ huynh:

o Phụ huynh tạo đơn xin nghỉ học online

o Phụ huynh tạo yêu cầu cho trẻ uống thuốc

o Xem các hoạt động và thực đơn hằng ngày

o Xem tin tức mới của lớp

o Xem xem ảnh của lớp theo các hoạt động

o Xem thông tin học phí và nộp học phí

o Xem thông tin sức khỏe định kỳ

o Nhắn tin trao đổi với giáo viên và nhà trường

 Ứng dụng KidsWell dành cho giáo viên:

o Giáo viên xem danh sách đơn xin nghỉ học, duyệt đơn và điểm danh

o Giáo viên xem danh sách yêu cầu cho trẻ uống thuốc

o Tạo hoạt động hằng, thực ngày cho lớp học

o Tạo tin tức lớp học

o Xem thông tin liên hệ, gọi, nhắn tin

o Xem thông báo

 Website quản lý dành cho ban quản trị của nhà trường:

o Thống kê thông tin lớp học, học sinh

o Quản lý thông tin lớp học

o Quản lý học sinh

o Quản lý tài khoản người dùng

o Quản lý học phí

 Website quản lý dành cho quản trị viên hệ thống

o Quản lý thông tin trường học

o Quản lý tài khoản người dùng

LỜI NÓI ĐẦU

Lời đầu tiên, em xin bày tỏ lòng biết ơn sâu sắc và lòng tôn trọng đến tất cả quýthầy cô giáo đã đồng hành và hỗ trợ em trong suốt quá trình thực hiện đề tài này Sựgiúp đỡ, sự chỉ dẫn và kiến thức quý báu mà quý thầy cô đã chia sẻ với em là điềukhông thể định giá được và đã góp phần lớn trong thành công của đồ án này

Đặc biệt, em muốn bày tỏ lòng biết ơn chân thành đến ThS Đỗ Phú Huy

-người đã tận tình và không ngừng động viên, hỗ trợ em trong suốt quá trình thực hiện

đề tài tốt nghiệp này Nhờ những kiến thức và kinh nghiệm của thầy, em đã học hỏiđược nhiều điều quý giá và trải qua một quá trình học tập và nghiên cứu thực sự đángnhớ

Đồng thời, em xin gửi lời cảm ơn chân thành tới toàn thể quý thầy cô thuộckhoa Công Nghệ Số Trường Đại Học Sư Phạm Kỹ Thuật - Đại Học Đà Nẵng Suốt 4năm học tập tại trường, em đã được trang bị những kiến thức chuyên môn, những kỹnăng quan trọng và cả những lời khuyên quý báu từ quý thầy cô Đặc biệt, em muốn

gửi lời cảm ơn đến TS Hoàng Thị Mỹ Lệ - giáo viên chủ nhiệm lớp 19T1, người đã

luôn truyền đạt không chỉ kiến thức mà còn những phẩm chất đạo đức và tình yêu

thương đối với nghề giáo Cùng với ThS Đỗ Phú Huy, thầy cô đã trở thành nguồn

động viên và nguồn sự hỗ trợ vô cùng quan trọng trong quá trình học tập và công việccủa em

Tuy nhiên trong quá trình thực hiện đề tài này, do kiến thức và thời gian có hạn,

em không thể tránh khỏi những sai sót Vì vậy, em mong quý thầy, cô thông cảm vàgóp ý để em có thể hoàn thiện hơn và tránh được những sai lầm trong tương lai

i

Tôi xin cam đoan:

1 Những nội dung trong luận văn này do tôi thực hiện dưới sự hướng dẫn của ThS ĐỗPhú Huy

2 Mọi tham khảo trong luận văn đều được trích dẫn rõ ràng tên tác giả, tên công trình,thời gian, địa điểm công bố

3 Mọi sao chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, tôi xin chịuhoàn toàn trách nhiệm

Sinh viên thực hiện

Võ Xuân Phúc – Ngô Nhật Dương

MỤC LỤC

NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP iv

1.1 Tên đề tài: iv

1.2 Nội dung chính của đồ án: iv

MỤC LỤC iii

DANH MỤC HÌNH VẼ viii

DANH MỤC BẢNG BIỂU x

DANH MỤC CHỮ VIẾT TẮT TIẾNG ANH xi

Chương 1 CƠ SỞ LÝ THUYẾT 3

1.1 Phần mềm 3

1.1.1 Visual Studio 3

1.1.2 Visual Studio Code 3

1.1.3 Postman 4

1.2 Công nghệ 5

1.2.1 ASP.NET 5

1.2.2 ReactJS 6

1.2.3 React Native 7

Chương 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 8

2.1 Xác định các tác nhân 8

2.2 Các yêu cầu chức năng 8

2.2.1 Phụ huynh học sinh 8

2.2.2 Giáo viên 8

2.2.3 Nhà trường 9

iii

2.3 Yêu cầu chất lượng 9

2.4 Sơ đồ Usecase cho hệ thống 10

2.5 Kịch bản cho từng usecase 10

2.5.1 Phụ huynh 10

2.5.1.1 Xin nghỉ học cho bé 10

2.5.1.2 Xem hoạt động hằng ngày của bé 11

2.5.1.3 Usecase xem thông tin và nộp học phí 11

2.5.2 Giáo viên 12

2.5.2.1 Điểm danh lớp học 12

2.5.2.2 Lời dặn thuốc 13

2.5.2.3 Tạo hoạt đồng hằng ngày lớp học 13

2.5.3 Quản trị viên nhà trường 14

2.5.3.1 Quản lý lớp học 14

2.5.4 Quản trị viên hệ thống 16

2.5.4.1 Quản lý nhà trường 16

2.6 Sơ đồ hoạt động 18

2.6.1 Phụ huynh học sinh 18

2.6.1.1 Usecase xin nghỉ học cho bé 18

2.6.1.2 Usecase xem hoạt động hằng ngày của bé 18

2.6.1.3 Usecase xem thông tin và nộp học phí 19

2.6.2 Giáo viên 19

2.6.2.1 Usecase điểm danh lớp học 19

2.6.2.2 Usecase lời dặn thuốc 20

2.6.2.3 Usecase tạo hoạt động hằng ngày lớp học 20

2.6.3 Nhà trường 21

2.6.3.1 Usecase quản lý lớp học 21

2.6.4 Quản trị viên hệ thống 21

2.6.4.1 Usecase quản lý nhà trường 21

2.7 Thiết kế cơ sở dữ liệu 22

2.7.1 Chi tiết các bảng 22

2.7.1.1 Schools (Trường học) 22

2.7.1.2 Classes (Lớp học) 22

2.7.1.3 ClassNews (Tin tức trong lớp học) 22

2.7.1.4 Albums (Album ảnh) 23

2.7.1.5 Images (Hình ảnh) 23

2.7.1.6 Activities (Hoạt động) 23

2.7.1.7 ActivityDetail (Chi tiết hoạt động) 23

2.7.1.8 Menu (Thực đơn) 24

2.7.1.9 Foods (Thức ăn) 24

2.7.1.10 Students (Học sinh) 24

2.7.1.11 AttendanceCheck (Điểm danh) 24

2.7.1.12 AttendanceCheckDetail (Chi tiết điểm danh) 25

2.7.1.13 LeaveRequest (Yêu cầu nghỉ học) 25

2.7.1.14 MedicineRequest (Yêu cầu dặn thuốc) 25

2.7.1.15 MedicineRequestDetail (Chi tiết lời dặn thuốc) 26

2.7.1.16 Tuition (Học phí) 26

2.7.1.17 TuitionDetail (Chi tiết học phí) 26

2.7.1.18 Health (Sổ sức khoẻ) 27

2.7.1.19 Roles (Quyền) 27

v

2.7.1.21 Notifications (Thông báo) 28

2.7.1.22 ChatRoom (Phòng nhắn tin) 28

2.7.1.23 ChatMessage (Tin nhắn) 28

2.7.2 Sơ đồ ERD 29

Chương 3 XÂY DỰNG CHƯƠNG TRÌNH 30

3.1 Giao diện chương trình 30

3.1.1 Ứng dụng phụ huynh 30

3.1.1.1 Giao diện trang chủ 30

3.1.1.2 Giao diện tạo đơn xin nghỉ phép 31

3.1.1.3 Giao diện nhắn tin 32

3.1.1.4 Giao diện tạo lời dặn thuốc 33

3.1.1.5 Giao diệnh xem hoạt động, thực đơn thức ăn hằng ngày 34

3.1.1.6 Giao diện xem tin tức 34

3.1.1.7 Giao diện xem album ảnh 35

3.1.1.8 Giao diện học phí 36

3.1.1.9 Giao diện thông báo 37

3.1.1.10 Giao diện xem thông tin sức khỏe 38

3.1.2 Ứng dụng giáo viên 39

3.1.2.1 Giáo diện trang chủ 39

3.1.2.2 Giao diện đơn xin nghỉ học 40

3.1.2.3 Giao diện nhắn tin 41

3.1.2.4 Giao diện màn hình lời dặn thuốc 42

3.1.2.5 Giao diện thực đơn hằng ngày 43

3.1.2.6 Giao diện quản lý hoạt động hằng ngày 44

3.1.2.7 Giao diện màn hình tin tức 45

3.1.2.8 Màn hình danh album ảnh của lớp học 46

3.1.2.9 Màn hình tình học phí học sinh 47

3.1.2.10 Giao diện màn hình điểm danh 48

3.1.2.11 Màn hình thông tin liên hệ 49

3.1.2.12 Màn hình đánh giá sức khỏe định kỳ 50

3.1.2.13 Màn hình thông báo và danh sách học sinh 51

3.1.3 Website quản lý của nhà trường 52

3.1.3.1 Giao diện trang chủ 52

KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 53

3.2 Kết luận 53

3.3 Hướng phát triển 54

TÀI LIỆU THAM KHẢO 55

vii

Hình 1.1: Logo Visual Studio 3

Hình 1.2: Logo Visual Studio Code 4

Hình 1.3: Logo Postman 5

Hình 1.4: Logo ASP.NET 6

Hình 1.5: Logo ReactJS 6

Hình 1.6: Logo React Native 7

Hình 2.1: Sơ đồ usecase 10

Hình 2.2: Usecase xin nghỉ học 18

Hình 2.3: Usecase xem hoạt động của bé 18

Hình 2.4: Usecase xem thông tin học phí 19

Hình 2.5: Usecase điểm danh lớp học 19

Hình 2.6: Usecase xem lời dặn thuốc 20

Hình 2.7: Usecase tạo hoạt động hằng ngày 20

Hình 2.8: Usecase quản lý lớp học 21

Hình 2.9: Usecase quản lý nhà trường 21

Hình 2.10: Sơ đồ cơ sở dữ liệu 29

Hình 3.1: Màn hình trang chủ phụ huynh 30

Hình 3.2: Màn hình tạo đơn xin vắng học 31

Hình 3.3: Màn hình nhắn tin 32

Hình 3.4: Màn hình tạo lời dặn thuốc 33

Hình 3.5: Màn hình xem tin tức lớp học 34

Hình 3.6: Màn hình xem album ảnh của lớp học 35

Hình 3.7: Màn hình xem thông tin học phí của trẻ 36

Hình 3.8: Màn hình danh sách thông báo 37

Hình 3.9: Màn hình xem thông tin sức khỏe của bé 38

Hình 3.10: Màn hình trang chủ giáo viên 39

Hình 3.11: Màn hình xem đơn xin nghỉ học 40

Hình 3.12: Màn hình nhắn tin 41

Hình 3.13: Màn hình xem lời dặn thuốc 42

Hình 3.14: Màn hình quản lý thực đơn hằng ngày 43

Hình 3.15: Màn hình tạo hoạt động hằng ngày 44

Hình 3.16: Màn hình tạo tin tức 45

Hình 3.17: Màn hình tạo album ảnh 46

Hình 3.18: Màn hình tình trang học phí của học sinh 47

Hình 3.19: Màn hình điểm dnah 48

Hình 3.20: Màn hình thông tin liên hệ 49

Hình 3.21: Màn hình xem đánh giá sức khỏe định kỳ 50

Hình 3.22: Màn hình xem thông báo, danh sách học sinh 51

Hình 3.23: Màn hình trang chủ nhà trường 52

ix

Bảng 2.1: Bảng trường học 22

Bảng 2.2: Bảng lớp học 22

Bảng 2.3: Bảng tin tức lớp học 23

Bảng 2.4: Bảng album ảnh 23

Bảng 2.5: Bảng hình ảnh 23

Bảng 2.6: Bảng hoạt động 23

Bảng 2.7: Bảng chi tiết hoat động 24

Bảng 2.8: Bảng thực đơn 24

Bảng 2.9: Bảng thức ăn 24

Bảng 2.10: Bảng học sinh 24

Bảng 2.11: Bảng điểm danh 25

Bảng 2.12: Bảng chi tiết điểm danh 25

Bảng 2.13: Bảng yêu cầu nghỉ học 25

Bảng 2.14: Bảng yêu cầu dặn thuốc 26

Bảng 2.15: Bảng chi tiết lời dặn thuốc 26

Bảng 2.16: Bảng học phí 26

Bảng 2.17: Bảng chi tiết học phí 27

Bảng 2.18: Bảng sổ sức khoẻ 27

Bảng 2.19: Bảng quyền 27

Bảng 2.20: Bảng người dùng 28

Bảng 2.21: Bảng thông báo 28

Bảng 2.22: Bảng phòng nhắn tin 28

Bảng 2.23: Bảng tin nhắn 28

DANH MỤC CHỮ VIẾT TẮT TIẾNG ANH

Stt Chữ viết tắt Giải nghĩa Nghĩa tiếng Việt

1 HTML Hyper Text Markup

Language Ngôn ngữ đánh dấu siêu văn bản

2 CSS Cascading Style Sheets Ngôn ngữ thiết kế website

3 AI Artificial intelligence Trí tuệ nhân tạo

xi

MỞ ĐẦU

1 Mục tiêu của đề tài

Kids Well là một sản phẩm công nghệ ứng dụng đột phá trong quản lý trườngmầm non, nhằm tạo ra một kết nối dễ dàng giữa nhà trường và phụ huynh học sinh.Với mục tiêu nâng cao chất lượng giáo dục và phát triển sức khỏe cho trẻ em, KidsWell cung cấp cho nhà trường công cụ quản lý thông minh và cho phụ huynh khả năngtheo dõi hoạt động của con em mình

Với Kids Well, nhà trường có thể sử dụng hệ thống quản lý thông minh để tổchức và lưu trữ thông tin về học sinh, giáo viên, lịch trình và tài chính Điều này giúptiết kiệm thời gian và công sức cho nhà trường, đồng thời nâng cao hiệu quả quản lý

Từ phía phụ huynh, họ có thể truy cập vào hệ thống để theo dõi lịch trình, điểm danh,hoạt động học tập và phát triển của con Điều này giúp phụ huynh có cái nhìn rõ ràng

về quá trình học tập và đưa ra quyết định hợp lý về chăm sóc và giáo dục con cái

Bên cạnh đó, Kids Well cũng tạo ra kênh giao tiếp dễ dàng giữa nhà trường vàphụ huynh Phụ huynh có thể nhận thông báo về lịch trình, sự kiện, tin tức giáo dục vàgửi tin nhắn trao đổi thông tin với giáo viên và nhà trường

Với Kids Well, quản lý trường mầm non trở nên tiện lợi hơn bao giờ hết và kếtnối giữa nhà trường và phụ huynh học sinh được cải thiện đáng kể Đây là một bướctiến quan trọng trong việc cung cấp chất lượng giáo dục và tạo môi trường phát triểntốt cho trẻ em

2 Đối tượng nghiên cứu và phạm nghiên cứu

a Đối tượng nghiên cứu

Ứng dụng được nghiên cứu dựa trên các tác nhân sau:

 Phụ huynh học sinh

 Giáo viên tại các trường mầm non

 Quản trị viên nhà trường mầm non

b Phạm vi nghiên cứu

Sử dụng tại các trường mầm non học ở Thành Phố Đà Nẵng

3 Phương pháp nghiên cứu

 Khảo sát nhu cầu thực tế tại các trường mần non trên Thành Phố Đà Nẵng

 Tham khảo, trải nghiệm các ứng dụng, website tương tự

Xây dựng hệ thống phầm mềm Kids Well giúp quản lý trường mần non

4 Giải pháp công nghệ

 Công cụ lập trình: Visual Studio, Visual Studio Code

 Công nghệ: ASP.NET, ReactJS, React Native

 Cơ sở dữ liệu: Microsoft SQL Server

 Công cụ hỗ trợ: Postman, Figma

5 Cấu trúc đồ án

Bài báo cáo ngoài các nội dung gồm phần mở đầu và kết thì có bố cục 3 chương:

Chương 1: Cơ sở lý thuyết

Chương này trình bày tổng quan về việc sử dụng các phần mềm hỗ trợ xây dựngứng dụng, các công cụ thường xuyên sử dụng để xây dựng nền tảng cho bài toán Mô

tả một số công nghệ mới hỗ trợ phát triển ứng dụng

Chương 2: Phân tích triển khai hệ thống

Chương này trình bày một hướng tiếp cận trong việc phân tích hệ thống Trìnhbày những hướng chức năng cơ bản cho người dùng, sơ đồ cơ sở dữ liệu…

Chương 3: Triển khai và đánh giá kết quả

Trên cơ sở tìm hiểu và phân tích bài toán liên quan, đặc biệt là các chức năng hệthống Từ các phân tích hệ thống và dữ liệu có được, ứng dụng được triển khai và cậpnhật

Chương 1

CƠ SỞ LÝ THUYẾT

1.1 Phần mềm

1.1.1 Visual Studio

Visual studio là một phầm mềm hộ trợ lập trình khá nhiều ngôn ngữ, được thiết

kế để tối đa hoá năng suất của nhà phát triển và lập trình Nó thực hiện các công việcthường xuyên và lặp đi lặp lại cho bặn bằng cách cung cấp khả năng hoàn thành mãthông minh, phân tích mã tĩnh và tái cấu trúc mã, đồng thời cho phép bạn tập trung vàocác khía cạnh tích cực của nhà phát triển, làm quá trình này không chỉ hiệu quả mà còn

là một trải nghiệm thú vị

Visual studio hỗ trợ các plugin mà qua đó người ta có thể thêm chức năng bổsung vào IDE Các plugin có thể được tải xuống và cài đặt từ trang web plugin, hoặcthông qua tính năng tìm kiếm và cài đặt plugin có sẵn của phần mềm Mỗi phiên bản

có các kho chứa plugin riêng

Việc phát triển các ứng dụng hiện đại liên quan đến việc sử dụng nhiều ngônngữ, công cụ, khuôn khổ và công nghệ

Hình 1.1: Logo Visual Studio

1.1.2 Visual Studio Code

Phần mềm Visual Studio Code là một giải pháp IDE JavaScript chuyên nghiệp

hỗ trợ các tính năng tiên tiến cho ngôn ngữ lập trình JavaScript, HTML và CSS, cungcấp những trải nghiệm hoàn thiện để lập trình và phát triển web

Phần mềm WebStorm cung cấp một trình biên tập mã thông minh am hiểu sâusắc cấu trúc của mã được viết bằng JavaScript, HTML hay CSS Visual Studio Codecũng là một công cụ tuyệt vời cho việc phát triển các ứng dụng Node.js Cùng với các

Xây dựng hệ thống phầm mềm Kids Well giúp quản lý trường mần non

công cụ tích hợp để kiểm tra, gỡ lỗi và phân tích mã và hội nhập với VCS khác nhau,Visual Studio Code là một công cụ cần thiết cho phát triển web mạnh mẽ và hiệu quả.Visual Studio Code có tính năng công nghệ web tiên tiến, giúp tạo ra mã số chấtlượng cao hơn, có thể duy trì được với các công cụ như hoàn thành mã, tái cấu trúc,định dạng mã, chống lỗi on-the-fly, và nhiều hơn nữa Phần mềm Visual Studio Codecũng rất tuyệt vời cho việc phát triển các ứng dụng Node.js nhờ một trình gỡ lỗi tíchhợp và đặc trưng Node.js hỗ trợ mã hóa

Hoàn thành với các công cụ tích hợp để kiểm tra, gỡ rối và phân tích mã và tíchhợp với nhiều VCS khác nhau, Visual Studio Code là một công cụ thiết yếu cho sựphát triển web hiệu quả và mạnh mẽ

Hình 1.1: Logo Visual Studio Code

1.1.3 Postman

Postman là một công cụ phát triển ứng dụng API mạnh mẽ và phổ biến Nó cungcấp một giao diện đồ họa thân thiện và dễ sử dụng để tạo, kiểm thử và tương tác vớicác API

Với Postman, bạn có thể tạo các yêu cầu HTTP (GET, POST, PUT, DELETE,v.v.) và gửi chúng đến các endpoint API Bạn có thể chỉ định các thông số, tham số vàthân yêu cầu để tương tác với API một cách linh hoạt Ngoài ra, Postman cũng hỗ trợcác phương thức xác thực như OAuth, JWT và Basic Auth, giúp bạn kiểm tra tính bảomật và quyền truy cập của API

Postman cung cấp một bộ công cụ mạnh mẽ để kiểm tra và gỡ lỗi API Bạn có thểxem các câu trả lời từ API, kiểm tra mã trạng thái, xem thông tin header và body củayêu cầu và kiểm tra dữ liệu trả về Điều này giúp bạn xác nhận tính đúng đắn và chínhxác của API và khắc phục lỗi nhanh chóng

Ngoài ra, Postman cũng hỗ trợ việc tạo và quản lý bộ kiểm tra (test suite) tự động.Bạn có thể viết các kịch bản kiểm tra để kiểm tra tự động các yêu cầu và đảm bảo tính

ổn định và chất lượng của API Các bộ kiểm tra này có thể được chạy một cách tựđộng và cung cấp các kết quả chi tiết về việc kiểm tra

Postman có một cộng đồng sôi động và nhiều tài liệu hữu ích Bạn có thể tìm thấynhiều bộ sưu tập (collection) API đã được chia sẻ, hướng dẫn sử dụng và các ví dụthực tế từ cộng đồng người dùng Postman Ngoài ra, Postman còn cung cấp tính năngTeam và Collaboration, cho phép bạn làm việc nhóm và chia sẻ các bộ kiểm tra và môitrường làm việc

ASP.NET cung cấp nhiều công nghệ và tính năng mạnh mẽ cho việc phát triểnứng dụng web Ví dụ, nó có thể tích hợp tốt với các dịch vụ web, cơ sở dữ liệu, nhậndạng và xác thực người dùng, quản lý phiên làm việc, bảo mật và nhiều hơn nữa Nócũng hỗ trợ AJAX, cho phép các trang web tương tác mượt mà và không cần phải tảilại trang

ASP.NET cũng có thể được triển khai trên nền tảng đám mây của Microsoft Azure, cung cấp khả năng mở rộng linh hoạt và quản lý dễ dàng cho các ứng dụngweb

-Xây dựng hệ thống phầm mềm Kids Well giúp quản lý trường mần non

Với cộng đồng lớn và mạnh mẽ, ASP.NET cung cấp nhiều tài liệu, ví dụ mã, và

hỗ trợ từ Microsoft và cộng đồng phát triển Nó đã trở thành một trong những lựa chọnhàng đầu cho việc xây dựng ứng dụng web chuyên nghiệp và đáng tin cậy

Tóm lại, ASP.NET là một framework phát triển ứng dụng web đa năng và mạnh

mẽ Với tính năng, khả năng mở rộng và hỗ trợ từ Microsoft và cộng đồng, nó là mộtcông cụ tuyệt vời cho việc phát triển các ứng dụng web đáng tin cậy và hiệu quả

Hình 1.1: Logo ASP.NET

1.2.2 ReactJS

Một trong những đặc điểm nổi bật của ReactJS là cách tiếp cận khác biệt trongquản lý giao diện Thay vì thao tác trực tiếp với DOM, ReactJS sử dụng Virtual DOM,một bản sao của DOM được lưu trữ trong bộ nhớ, và chỉ cập nhật lại các phần cần thayđổi thay vì cập nhật toàn bộ DOM Điều này giúp tối ưu hiệu suất và cải thiện trảinghiệm người dùng

ReactJS cũng hỗ trợ việc tạo ra các thành phần giao diện động và tái sử dụng.Thành phần React có thể được xây dựng độc lập và tái sử dụng trong nhiều phần củaứng dụng Điều này giúp tăng tính linh hoạt và dễ bảo trì của mã nguồn

ReactJS cũng có khả năng tích hợp với các thư viện hoặc framework khác nhưRedux, React Router để quản lý trạng thái ứng dụng và điều hướng định tuyến Ngoài

ra, ReactJS cũng hỗ trợ JSX, một cú pháp mở rộng của JavaScript, để viết mã HTMLtrong mã JavaScript, giúp dễ dàng xây dựng giao diện và duy trì khả năng đọc mãnguồn

Hình 1.1: Logo ReactJS

1.2.3 React Native

React Native là một framework phát triển ứng dụng di động sử dụng ngôn ngữJavaScript, được phát triển bởi Facebook Với React Native, bạn có thể xây dựng ứngdụng di động đa nền tảng sử dụng cùng một mã nguồn cho cả iOS và Android Điềunày giúp giảm thời gian và công sức phát triển, và cung cấp trải nghiệm người dùngđồng nhất trên các nền tảng khác nhau

Một trong những ưu điểm lớn của React Native là khả năng sử dụng các thànhphần giao diện tái sử dụng Bạn có thể xây dựng các thành phần UI độc lập, và sau đó

sử dụng chúng trong cả ứng dụng iOS và Android Điều này giúp tiết kiệm thời gian

và công sức trong việc phát triển và bảo trì ứng dụng

React Native không sử dụng WebView để hiển thị giao diện, mà cho phép truycập trực tiếp vào các thành phần native của hệ điều hành Điều này đảm bảo rằng ứngdụng của bạn có hiệu suất cao và trải nghiệm người dùng mượt mà, gần giống với cácứng dụng di động được phát triển bằng các ngôn ngữ lập trình native

Với cộng đồng phát triển rộng lớn, React Native có nhiều thư viện và công cụ hỗtrợ Bạn có thể tìm thấy nhiều tài liệu, ví dụ mã và hướng dẫn từ cộng đồng ReactNative, giúp bạn nhanh chóng tiếp cận và phát triển ứng dụng di động chất lượng.Tóm lại, React Native là một công cụ mạnh mẽ để phát triển ứng dụng di động đanền tảng Với sự tái sử dụng mã nguồn, truy cập vào thành phần native, nó giúp bạnxây dựng ứng dụng di động hiệu quả, linh hoạt và có trải nghiệm người dùng tốt trên

cả iOS và Android

Xây dựng hệ thống phầm mềm Kids Well giúp quản lý trường mần non

Hình 1.1: Logo React Native

 Giáo viên: Người tham gia vào quá trình giảng dạy, chăm sóc học sinh.

 Nhà trường: Ban quản trị của nhà trường.

 Admin: Quản trị viên hệ thống.

2.2 Các yêu cầu chức năng

2.2.1 Phụ huynh học sinh

 Đăng nhập

 Xem hoạt động hằng ngày của bé

 Xem thực đơn thức ăn hằng ngày của bé

 Liên lạc, gửi lời nhắn đến cô giáo

 Xin nghỉ học cho bé

 Tạo lời dặn uống thuốc của con cho cô giáo

 Xem tin tức mới đến từ nhà trường, cô giáo

 Xem hình ảnh trong album của lớp học

 Xem tình trạng học phí và nộp học phí

 Nhận và xem thông báo từ nhà trường, cô giáo

 Xem thông tin sức khỏe định kỳ

2.2.2 Giáo viên

 Đăng nhập

 Quản lý thông tin học sinh

 Kết nối, liện lạc với phụ huynh

 Điểm danh

 Xem danh sách xin nghỉ

Xây dựng hệ thống phầm mềm Kids Well giúp quản lý trường mần non

 Xem danh sách lời dặn cho học sinh uống thuốc

 Cập nhật các hoạt động hằng ngày của lớp

 Cập nhật thực đơn hằng ngày của lớp

 Tạo album lưu hình ảnh của lớp

 Tạo các bài tin tức mới

 Xem thông báo

 Cập nhật thông tin sức khỏe định kỳ

2.2.3 Nhà trường

 Đăng nhập

 Quản lý thông tin trường học

 Xem thông báo

 Quản lý tài khoản người dùng

 Quản lý thông tin giáo viên

 Quản lý thông tin phụ huynh

 Quản lý thông tin học sinh

 Quản lý lớp học

 Quản lý tình trạng học phí của học sinh

 Thống kê, báo cáo

2.2.4 Quản trị viên hệ thống

 Đăng nhập

 Quản lý thông tin trường học

 Quản lý tài khoản người dùng

 Thống kê, báo cáo

2.3 Yêu cầu chất lượng

 Giao diện phù hợp với đối tượng sử dụng, đơn giản, hợp lý

 Ngôn ngữ Tiếng Việt

 Đảm bảo tính bảo mật cao, an toàn người dùng

 Tốc độ xử lý và truy cập nhanh

2.4 Sơ đồ Usecase cho hệ thống

Hình 2.1: Sơ đồ usecase

2.5 Kịch bản cho từng usecase

2.5.1 Phụ huynh

2.5.1.1 Xin nghỉ học cho bé

Tên usecase Xin nghỉ học cho bé

Mô tả Phụ huynh gửi đơn xin nghỉ học cho bé đến nhà trường

Tác nhân Phụ huynh học sinh

Đầu vào Đăng nhập thành công, thông tin số lượng ngày nghỉ và lý do

nghỉ họcĐầu ra Thông tin nghỉ học sẽ được gửi đến nhà trường

Các bước thực 1 Nhấn vào “Xin nghỉ”

Xây dựng hệ thống phầm mềm Kids Well giúp quản lý trường mần non

hiện 2 Nhấn vào “Tạo đơn xin nghỉ mới”

7a Người dùng không chọn ngày bắt đầu nghỉ  Hệ thống báo

“Vui lòng chọn ngày bắt đầu!”

7b Người dùng không chọn ngày kết thúc nghỉ  Hệ thống

báo “Vui lòng chọn ngày kết thúc!”

7c Người dùng không nhập lý do nghỉ  Hệ thống báo “Vui lòng nêu lý do nghỉ!”

2.5.1.2 Xem hoạt động hằng ngày của bé

Tên usecase Xem hoạt động hằng ngày của bé

Mô tả Phụ huynh học sinh sẽ xem được các hoạt động trên lớp của bé

hôm nayTác nhân Phụ huynh học sinh

Đầu vào Đăng nhập thành công

Đầu ra Danh sách các hoạt động của bé hôm nay

Các bước thực

hiện

1 Nhấn vào “Hoạt động hằng ngày”

2 Chọn ngày muốn xem hoạt động của béCác bước phát

2.5.1.3 Usecase xem thông tin và nộp học phí

Tên usecase Xem thông tin và nộp học phí

Mô tả Phụ huynh học sinh sẽ xem được thông tin học phí và cách nộp

tiền cho béTác nhân Phụ huynh học sinh

Đầu vào Đăng nhập thành công

Đầu ra Thông tin học phí và cách nộp tiền cho bé

Các bước thực

hiện

1 Nhấn vào “Học phí”

2 Chọn học phí muốn thanh toán

3 Nhấn vào “Thanh toán ngay”

Các bước phát

sinh

2a Chọn học phí muốn xem chi tiết

3a Nhấn vào “Xem chi tiết”

Tên usecase Chức năng Điểm danh

Mô tả Giáo viên đã có tài khoản và đang quản lý lớp học

Tác nhân Giáo viên

Đầu vào Danh sách học sinh trong lớp học

Đơn xin nghỉ họcĐầu ra Giáo viên đã điểm danh lớp học và lưu trữ thông tin nghỉ học

của học sinhCác bước thực

hiện

Truy cập ứng dụng

1 Chọn chức năng “Điểm danh” trên menu

2 Hệ thống sẽ hiển thị tất cả học sinh trong lớp và nếu học sinh

đã có đơn xin nghỉ học sẽ ghi chú

3 Tick chọn học sinh đã có mặt Các bước phát

Xây dựng hệ thống phầm mềm Kids Well giúp quản lý trường mần non

2.5.2.2 Lời dặn thuốc

Tên usecase Chức năng Kiểm tra lời dặn thuốc

Mô tả Giáo viên đã có tài khoản và đang quản lý lớp học

Tác nhân Giáo viên, Phụ huynh

Đầu vào Danh sách lời dặn thuốc của phụ huynh trong lớp

Đầu ra Giáo viên có thể xem lời dặn thuốc của phụ huynh và đánh dấu

đã cho trẻ uống thuốc, gửi thông báo về cho phụ huynhCác bước thực

hiện

Truy cập ứng dụng

1 Chọn chức năng “Lời dặn thuốc” trên menu

2 Hệ thống sẽ hiển thị danh sách lời dặn thuốc

3 Click chi tiết để xem thông tin và hướng dẫn dẵn thuốc

4 Sau khi cho trẻ uống thuốc thì tick vào đã cho trẻ uốn thuốc

5 Hệ thống sẽ gửi thông báo về phụ huynh đã cho trẻ uốn thuốcngày đó

3 Khi vào trang chi tiết nếu ngày uốn thuốc đã hết hạn thì

thông báo lời dẵn thuốc đã hết hạn

2.5.2.3 Tạo hoạt đồng hằng ngày lớp học

Tên usecase Chức năng Tạo hoạt động hằng ngày cho lớp học

Mô tả Giáo viên đã có tài khoản và đang quản lý lớp học

Tác nhân Giáo viên, Phụ huynh

Đầu vào Danh sách các hoạt động hằng ngày của lớp

Đầu ra Giáo viên có thể xem lời dặn thuốc của phụ huynh và đánh dấu

đã cho trẻ uống thuốc, gửi thông báo về cho phụ huynhCác bước thực

hiện

Truy cập ứng dụng

1 Chọn chức năng “Hoạt động hằng ngày” trên menu

2 Hệ thống sẽ hiển thị danh sách các hoạt động trong ngày

3 Click để thêm một hoạt động

o Chọn giờ bắt đầu, kết thúc hoạt động

o Nhập tên các hoạt động

o Click nút lưu để lưu hoạt động

4 Quay lại trang hoạt độngCác bước phát

sinh

Không

Trường hợp ngoại

lệ

3a Người dùng không chọn ngày bắt đầu nghỉ  Hệ thống báo

“Vui lòng chọn ngày bắt đầu!”

3b Người dùng không chọn ngày kết thúc nghỉ  Hệ thống

báo “Vui lòng chọn ngày kết thúc!”

2.5.3 Quản trị viên nhà trường

2.5.3.1 Quản lý lớp học

Tên usecase Quản lý lớp học

Mô tả Quản trị viên nhà trường có thể xem danh sách, thêm mới, cập

nhật thông tin và xoá lớp học Tác nhân Quản trị viên nhà trường

Đầu vào Thông tin lớp học bao gồm:

Các bước thực

hiện

1 Xem danh sách lớp học B1: Nhấn vào menu “Quản lý lớp học”

B2: Nhấn trang kế tiếp để xem thêm

2 Thêm mới lớp học B1: Nhấn vào nút “Thêm mới”

B2: Nhập các trường thông tin sau:

 Tên lớp học

Xây dựng hệ thống phầm mềm Kids Well giúp quản lý trường mần non

B2: Cập nhât thông tin mới vào các trường sau:

B2: Nhấn vào nút “Xác nhận xoá” để xoá lớp h

Các bước phát

sinh

2 Thêm mới lớp học B3: Nhấn vào nút “Huỷ” để huỷ bỏ thêm mới

3 Cập nhật thông tin lớp học B3: Nhấn vào nút “Huỷ” để huỷ bỏ thay đổi

4 Xoá lớp học B2: Nhấn vào nút “Huỷ” để huỷ bỏ xoá lớp học

Tên usecase Quản lý nhà trường

Mô tả Quản trị viên hệ thống có thể xem danh sách, thêm mới, cập

nhật thông tin và xoá nhà trường Tác nhân Quản trị viên hệ thống

Đầu vào Thông tin nhà trường bao gồm:

Các bước thực

hiện

5 Xem danh sách nhà trường B1: Nhấn vào menu “Quản lý nhà trường”

B2: Nhấn trang kế tiếp để xem thêm

6 Thêm mới nhà trường B1: Nhấn vào nút “Thêm mới”

B2: Nhập các trường thông tin sau:

B3: Nhấn vào nút “Thêm ngay”

7 Cập nhật thông tin nhà trường B1: Nhấn vào nút “Sửa”

B2: Cập nhât thông tin mới vào các trường sau:

Xây dựng hệ thống phầm mềm Kids Well giúp quản lý trường mần non

B3: Nhấn vào nút “Lưu thay đổi”

8 Xoá nhà trường B1: Nhấn vào nút “Xoá”

B2: Nhấn vào nút “Xác nhận xoá” để xoá nhà trường

Trường hợp ngoại

lệ

4 Thêm mới nhà trường

B3: Hệ thống báo dữ liệu nhập không hợp lệ

5 Cập nhật thông tin nhà trường

B3: Hệ thống báo dữ liệu nhập không hợp lệ

2.6.1.2 Usecase xem hoạt động hằng ngày của bé

Hình 2.1: Usecase xem hoạt động của bé

2.6.1.3 Usecase xem thông tin và nộp học phí

Hình 2.1: Usecase xem thông tin học phí