Báo cáo chuyên đề tốt nghiệp đề tài thiết kế giao diện người dùng app mobile cho học sinh cho trường mầm non hoa ban

HỌC VIỆN NGÂN HÀNG KHOA HỆ THỐNG THÔNG TIN QUẢN LÝ BÁO CÁO CHUYÊN ĐỀ TỐT NGHIỆP ĐỀ TÀI THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG APP MOBILE CHO HỌC SINH CHO TRƯỜNG MẦM NON HOA BAN Giảng viên hướng dẫn : ThS Giang Thị Thu Huyền Sinh Viên Thực Tập : Phạm Trung Hiếu Mã sinh viên : 22A4040180 Lớp : K22HTTTA HÀ NỘI, NĂM 2023 HỌC VIỆN NGÂN HÀNG KHOA HỆ THỐNG THÔNG TIN QUẢN LÝ BÁO CÁO CHUYÊN ĐỀ TỐT NGHIỆP ĐỀ TÀI THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG APP MOBILE CHO HỌC SINH CHO TRƯỜNG MẦM NON HOA BAN Giảng viên hướng dẫn : ThS Giang Thị Thu Sinh viên thực hiện Huyền Mã sinh viên : Phạm Trung Hiếu Lớp : 22A4040180 : K22HTTTA 2 HÀ NỘI, 2023 3 LỜI CAM ĐOAN Em xin cam đoan các thông tin, kết quả thu được trong bài báo cáo trên là kết quả của quá trình nghiên cứu và tìm hiểu của em Trong toàn bộ nội dung bài báo cáo được em phỏng vấn và tổng hợp từ nhiều nguồn tài liệu, tất cả các tài liệu đều có nguồn gốc rõ ràng và được cho phép sử dụng hợp pháp Em xin hoàn toàn chịu trách nhiệm với lời cam đoan của mình và xin chịu mọi hình thức kỷ luật theo quy định nếu có vấn đề gian lận 4 LỜI CẢM ƠN Lời đầu tiên em xin gửi lời cảm ơn sâu sắc nhất tới cô Giang Thị Thu Huyền em cảm ơn cô vì trong suốt quá trình chúng em thực hiện đề tài, cô đã luôn tận tình, định hướng và hướng dẫn cho em để em có thể thực hiện đề tài này em cũng xin được gửi lời cảm ơn đến các thầy cô khoa Hệ thống thông tin quản lý đã tạo điều kiện thuận lợi cho nhóm chúng em được học hỏi thêm nhiều kinh nghiệm, kiến thức áp dụng vào bài báo cáo Cảm ơn phòng điện toán Ngân hàng Agribank chi nhánh Hà Nội nói riêng và các cô các chú cán bộ trong ngân hàng nói chung đã giúp em hoàn thiện bài chuyên đề một cách hoàn hảo nhất Bên cạnh đó, em cũng xin được cảm ơn cô Dương Thị Hương – Hiệu trưởng trường mầm non hoa ban cùng các cán bộ, giáo viên trong trường đã hỗ trợ tạo điều kiện cho chúng em hoàn thành quá trình thực tập thuận lợi Trong quá trình thực hiện đề tài em khó tránh khỏi những sai sót, cũng như còn nhiều thiết sót em rất mong nhận được ý kiến đóng góp của cô để bài báo cáo của em có thể hoàn thiện hơn em xin trân thành cảm ơn! 5 NHẬN XÉT (Của cơ quan thực tập) Về các mặt: Ý thức chấp hành nội quy, thái độ làm việc của sinh viên tại nơi thực tập; Tiến độ, kết quả thực hiện công việc được giao; Tính thực tiễn và ứng dụng của đề tài… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… Hà Nội, ngày tháng năm 2023 Người nhận xét (Ký tên, đóng dấu) 6 NHẬN XÉT (Của giáo viên hướng dẫn) Về các mặt: Mục đích của đề tài; Tính thời sự và ứng dụng của đề tài; Bố cục và hình thức trình bầy đề tài; Kết quả thực hiện đề tài; Ý thức, thái độ của sinh viên trong quá trình thực hiện đề tài ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… Kết luận : ………… ………………………………………………………………… Hà Nội, ngày tháng năm 2023 Giáo viên hướng dẫn (Ký tên) 7 MỤC LỤC DANH MỤC CÁC CHỮ VIẾT TẮT 11 CHƯƠNG I: TỔNG QUAN CHUNG VỀ BÀI TOÁN .12 1 Giới thiệu chung về bài toán .12 1.1 Lý do chọn đề tài .12 1.2 Mục tiêu của đề tài 12 1.3 Phạm vi nghiên cứu đề tài .13 2 Giới thiệu chung về nhà trường .13 2.1 Sơ lược về trường mầm non Hoa Ban .13 2.2 Cơ cấu tổ chức 14 3 Giới thiệu dự án .15 3.1 Mục đích thiết kế .15 3.2 Tính năng nổi bật 16 3.3 Các phần mềm sử dụng 17 4 Tổng quan về giao diện người dùng (UI) 18 4.1 Khái niệm 18 4.2 Quy trình thiết kế 18 4.3 Các quy tắc quan trọng trong thiết kế (UI) 19 5 Tổng quan về úng dụng 21 5.1 Sitemap 21 5.2 Userflow 22 5.3 Biểu đồ hoạt động các quy trình nghiệp vụ .26 5.3.1 Biểu đồ hoạt động “Đăng nhập” .26 8 5.3.2 Biểu đồ hoạt động “Thanh toán học phí” 26 5.3.3 Biểu đồ hoạt động “Đặt câu hỏi và Đơn xin nghỉ học” .27 5.3.4 Biểu đồ hoạt động “Đổi mật khẩu” 27 5.4 Wireframes 28 CHƯƠNG 2: XÂY DỰNG GIAO DIỆN NGƯỜI ĐÙNG (UI) 32 1 Design 32 2 Protopyte 37 CHƯƠNG 3: KẾT LUẬN 44 9 DANH MỤC BẢNG BIỂU Bảng 1: Cơ cấu tổ chức trường mầm non Hoa Ban 15 Bảng 2: Tính năng nổi bật 17 Bảng 3: Mô tả chi tiết .25 10