Xây dựng hệ thống website rèn luyện tư duy cho trẻ UNISTAR

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC SƯ PHẠM KHOA TIN HỌC BÁO CÁO KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG HỆ THỐNG WEBSITE RÈN LUYỆN TƯ DUY CHO TRẺ UNISTAR Cán hướng dẫn: Ts Trần Văn Hưng Sinh viên thực hiện: Lê Chí Tú Mã sinh viên: 312024161153 Lớp: 16CNTT3 Đà Nẵng – Năm 2020 Lời Cảm Ơn Để hồn thành khóa luận tơi xin gửi lời cảm ơn đến quý thầy cô khoa Tin trường Đại học Sư phạm – Đại Học Đà Nẵng tận tình dạy dỗ truyền đạt kiến thức suốt năm đại học Đặc biệt xin gửi lời cảm ơn đến Thầy Trần Văn Hưng dìu dắt tơi q trình làm khóa luận Tơi xin chân thành cảm ơn! NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Đà Nẵng, ngày … tháng … năm 2020 Giáo viên hướng dẫn Mục lục MỞ ĐẦU Lí chọn đề tài Mục tiêu nhiệm vụ 2.1 Mục tiêu 2.2 Nhiệm vụ Đối tượng phạm vi nghiên cứu 3.1 Đối tượng nghiên cứu 3.2 Phạm vi nghiên cứu Phương pháp nghiên cứu 10 4.1 Phương pháp lí thuyết 10 4.2 Phương pháp thực nghiệm 10 Giả thiết khoa học 10 Đóng góp nghiên cứu 10 Bố cục đề tài 10 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 11 Tổng quan Java Spring 11 1.1 Khái niệm 11 1.2 Đặc trưng 11 1.3 Java Spring Boot 11 Tổng quan MySQL 11 2.1 Khái niệm 11 2.2 Đặc trưng 11 Tổng quan Thymeleaf 12 3.1 Khái niệm 12 3.2 Đặc trưng 12 Tổng quan HTML, CSS 12 4.1 Khái niệm 12 4.2 Các thuật ngữ HTML phổ biến 12 4.3 Các thuật ngữ CSS phổ biến 13 Tổng quan Bootstrap 13 5.1 Khái niệm 13 5.2 Tại sử dụng bootstrap? 13 Tổng quan Jquery 14 6.1 Khái niệm 14 6.2 Các tính jquery 14 Làm quen với chatbot 14 7.1 Khái niệm chatbot 14 7.2 Lợi ích chatbot 14 7.3 Tạo Zalo Chatbot tảng Messnow 15 CHƯƠNG 2: THIẾT KẾ WEBSITE 16 Khảo sát yêu cầu 16 1.1 Lập kế hoạch khảo sát 16 1.2 Kết khảo sát 16 Đặc tả hệ thống 17 2.1 Đăng nhập 17 2.2 Đăng ký 17 2.3 Đăng xuất 18 2.4 Quản lý tài khoản 18 2.5 Quản lý viết 18 2.6 Chatbot 18 2.7 Học online 18 Biểu đồ phân rã chức 19 Biểu đồ luồng liệu 20 4.1 Mức 20 4.2 Mức 20 4.3 Mức cho chức quản lý thành viên 21 4.4 Mức cho chức quản lý học viên 21 4.5 Mức cho chức quản lý viết 22 4.6 Mức cho chức học online 22 4.7 Mức cho chức chatbot 23 Sơ đồ ERD sở liệu 23 5.1 Sơ đồ ERD 23 5.2 Định nghĩa sở liệu 23 5.3 Diagram 24 5.4 Bảng khóa học 25 5.5 Bảng viết 25 5.6 Bảng thành viên 26 5.7 Bảng học viên 26 5.8 Bảng lưu kết 27 CHƯƠNG 3: CÀI ĐẶT VÀ THỬ NGHIỆM 28 Cài đặt 28 Giao diện form website 33 2.1 Giao diện đăng nhập 33 2.2 Giao diện website 33 2.3 Giao diện trang tin tức 38 2.4 Giao diện trang chi tiết tin tức 39 2.5 Giao diện quản lý 41 2.6 Giao diện quản lý thành viên 41 2.7 Giao diện quản lý học viên 44 2.8 Giao diện zalo chatbot 46 2.9 Giao diện học online 47 KẾT LUẬN 52 Những điểm đạt 52 Hướng phát triển 52 TÀI LIỆU THAM KHẢO 53 Danh mục hình ảnh Hình 1: Biểu đồ phân rã chức 19 Hình 2: Mức biểu đồ luồng liệu 20 Hình 3: Biểu đồ luồng liệu mức 20 Hình 4: Biểu đồ mức cho chức quản lý thành viên 21 Hình 5: Biểu đồ mức cho chức quản lý học viên 21 Hình 6: Biểu đồ mức cho chức quản lý viết 22 Hình 7: Biểu đồ mức cho chức học online 22 Hình 8: Biểu đồ mức cho chức chatbot 23 Hình 9: Sơ đồ ERD 23 Hình 10: Diagram 24 Hình 11: Bảng khóa học 25 Hình 12: Bảng viết 25 Hình 13: Bảng thành viên 26 Hình 14: Bảng học viên 26 Hình 15: Bảng lịch sử điểm học viên 27 Hình 16: Download IntelliJ IDE trang thức 28 Hình 17: Cài đặt IntelliJ IDEA Community Edition 28 Hình 18: Cấu hình mặc định IntelliJ IDEA 29 Hình 19: Tùy chọn theme cho IDEA 30 Hình 20: Disable số plugin 31 Hình 21: Giới thiệu số plugins 32 Hình 22: Giao diện hình đăng nhập 33 Hình 23: Giao diện slide website 33 Hình 24: Giao diện giới thiệu doanh nghiệp trang chủ 34 Hình 25: Giao diện xây dựng lộ trình cho trẻ (trang chủ) 34 Hình 26: Giao diện giới thiệu khóa học 34 Hình 27: Giao diện giới thiệu khóa học 35 Hình 28: Giao diện chia sẻ doanh nghiệp 36 Hình 29: Giao diện thành tích doanh nghiệp 36 Hình 30: Thành tựu doanh nghiệp 37 Hình 31: Đối tác doanh nghiệp 37 Hình 32: Hệ thống đào tạo doanh nghiệp 38 Hình 33: Giao diện trang tin tức (1) 38 Hình 34: Giao diện trang tin tức (2) 39 Hình 35: Giao diện trang chi tiết tin tức (1) 39 Hình 36: Giao diện trang chi tiết tin tức (2) 40 Hình 37: Giao diện trang quản lý 41 Hình 38: Giao diện quản lý thành viên 41 Hình 39: Giao diện thêm thành viên 42 Hình 40: Giao diện chỉnh sửa thông tin thành viên 43 Hình 41: Giao diện xóa thành viên 43 Hình 42: Giao diện quản lý danh sách học viên 44 Hình 43: Giao diện đăng ký học viên 45 Hình 44: Giao diện xác nhận học viên 45 Hình 45: Giao diện xóa học viên 46 Hình 46: Giao diện chatbot 46 Hình 47: Giao diện học online 47 Hình 48: Giao diện cài đặt tùy chỉnh cho học online 47 Hình 49: Giao diện học tốn số 48 Hình 50: Giao diện học nhìn hình 48 Hình 51: Giao diện sau đạt kết 80% 49 Hình 52: Giao diện sau đạt kết từ 50-80% 49 Hình 53: Giao diện sau đạt kết 50% 50 Hình 54: Giao diện kết 50 Hình 55: Giao diện lịch sử điểm 51 MỞ ĐẦU Lí chọn đề tài Tư logic yếu tố tảng cho việc phát triển khả sáng tạo kỹ giải vấn đề cách hiệu Phần lớn bậc làm cha làm mẹ có suy nghĩ rằng, để trẻ trưởng thành phát triển cách tự nhiên Chỉ chăm sóc trẻ qua bữa ăn, giấc ngủ, đơi trị chuyện bảo ban trẻ Khi trẻ lớn chút đưa trẻ đến trường để thầy cô dạy dỗ đủ Tuy nhiên, trí não trẻ tăng lên theo độ tuổi Theo năng, trẻ thích tìm tịi tị mị muốn biết thứ Vì cha mẹ cần dạy cho trẻ điều Các nghiên cứu khoa học 50% khả học vấn trẻ hình thành vào tuổi lên 80% vào tuổi lên Đây thời kỳ não có số kết nối gấp đôi số lần kết nối não người lớn Những trải nghiệm năm đầu đời có ảnh hưởng to lớn đến khả phát triển não người Nếu trẻ phát triển cách, trẻ có lực tư học tập tốt nhiều tương lai Mục tiêu nhiệm vụ 2.1 Mục tiêu - Nghiên cứu, tìm hiểu hồn thiện kiến thức ngành công nghệ thông tin kỹ thuật lập trình Java Spring, MySQL, thymeleaf, thiết kế giao diện HTML, CSS, bootstrap, jquery - Hoàn thiện kiến thức quy trình sản xuất ứng dụng website - Hồn thiện tư logic - Sản phẩm hoàn thiện thực tế, phục vụ nhu cầu người dùng 2.2 Nhiệm vụ - Lên ý tưởng lập kế hoạch xây dựng website - Nghiên cứu website tương tự để từ xây dựng website hồn thiện tối ưu - Thiết kế website: + Thiết kế giao diện website cho người dùng cho người quản lý + Phân tích thiết kế hệ thống thơng tin: Đặc tả hệ thống, vẽ biểu đồ - Viết chương trình, cài đặt, kiểm thử - Đưa website thức Đối tượng phạm vi nghiên cứu 3.1 Đối tượng nghiên cứu - Đối tượng nghiên cứu: Khả tư tính tốn thơng qua kiểm tra - Khách thể nghiên cứu: 3.2 Phạm vi nghiên cứu - Nghiên cứu framework java spring boot, thymeleaf MySQL - Nghiên cứu template mẫu, xây dựng template với HTML, CSS, bootstrap jquery - Nghiên cứu phương pháp tính bảng tính Soroban, phương pháp tính Finger - Nghiên cứu chatbot, xây dựng Zalo chatbot tảng Messnow Phương pháp nghiên cứu 4.1 Phương pháp lí thuyết - Nghiên cứu mơ hình dạy học phương pháp tính tốn bàn tính Soroban, tính tốn phương pháp Finger - Nghiên cứu lập trình với framework java spring boot, xây dựng giao diện với thymeleaf, xử lý liệu với MySQL - Nghiên cứu chatbot, tạo chatbot Zalo với MessNow - Nghiên cứu ZaloOA, thêm chatbot vào website thông qua ZaloOA - Nghiên cứu tài liệu liên quan đến đề tài 4.2 Phương pháp thực nghiệm - Thực hành tính tốn, làm quen với bàn tính Soroban, phương pháp tính Finger - Tiến hành lập trình Giả thiết khoa học - Nếu thường xuyên quan tâm, ý coi trọng cách đắn, “website rèn luyện tư cho trẻ Unistar” góp phần nâng cao khả tư sáng tạo tư logic cho trẻ Đóng góp nghiên cứu - Giúp trẻ làm quen với phương pháp tính tốn bàn tính Soroban, giúp khả tính tốn bé nâng cao, bé tự tin u thích mơn tốn Khơng cịn sợ tốn trước Phương pháp Toán soroban phương pháp học đòi hỏi phối hợp bên bán cầu não đôi tay Điều thúc đẩy phát triển tư bé Bắt đầu khóa học Soroban với hoạt động điều khiển hạt bàn tính hai tay kích thích phát triển tồn diện não - Giúp trẻ rèn luyện tính nhẩm phương pháp finger, giúp bé rèn luyện tập trung cao độ Học Finger math phương pháp giúp người học cộng trừ liên tiếp nhiều số với Việc thực nhiện nhiều phép toán lúc kết hợp hoạt động thể giúp bé phải tập trung cao độ - Làm quen với chatbot, ứng dụng AI vào quy trình phát triển website Bố cục đề tài - Phần mở đầu: Giới thiệu - Chương 1: Cơ sở lý thuyết - Chương 2: Thiết kế website - Chương 3: Cài đặt thử nghiệm - Phần kết thúc: Kết luận - Tài liệu tham khảo 10 Hình 34: Giao diện trang tin tức (2) 2.4 Giao diện trang chi tiết tin tức Hình 35: Giao diện trang chi tiết tin tức (1) 39 Hình 36: Giao diện trang chi tiết tin tức (2) 40 2.5 Giao diện quản lý Hình 37: Giao diện trang quản lý 2.6 Giao diện quản lý thành viên Hình 38: Giao diện quản lý thành viên 41 Hình 39: Giao diện thêm thành viên 42 Hình 40: Giao diện chỉnh sửa thông tin thành viên Hình 41: Giao diện xóa thành viên 43 2.7 Giao diện quản lý học viên Hình 42: Giao diện quản lý danh sách học viên 44 Hình 43: Giao diện đăng ký học viên Hình 44: Giao diện xác nhận học viên 45 Hình 45: Giao diện xóa học viên 2.8 Giao diện zalo chatbot Hình 46: Giao diện chatbot 46 2.9 Giao diện học online Hình 47: Giao diện học online Hình 48: Giao diện cài đặt tùy chỉnh cho học online 47 Hình 49: Giao diện học toán số Hình 50: Giao diện học nhìn hình 48 Hình 51: Giao diện sau đạt kết 80% Hình 52: Giao diện sau đạt kết từ 50-80% 49 Hình 53: Giao diện sau đạt kết 50% Hình 54: Giao diện kết 50 Hình 55: Giao diện lịch sử điểm 51 KẾT LUẬN Những điểm đạt - Giao diện thân thiện, dễ sử dụng - Website đáp ứng yêu cầu nghiệp vụ quản lý website quản lý thành viên, học viên, viết - Xây dựng hệ thống học online đơn giản, thiết thực, hình ảnh sống động, tạo cảm hứng cho trẻ - Các vùng nhập liệu kiểm soát, giúp người quản lý dễ dàng sử dụng Hướng phát triển - Xây dựng thêm nhiều học - Cải thiện, nâng cấp giao diện - Nâng cấp thêm nhiều tính mới, hỗ trợ tốt cho người dùng 52 - TÀI LIỆU THAM KHẢO https://cungdev.com/huong-dan-intellij-idea/ https://www.jetbrains.com/idea/download/#section=windows https://www.draw.io/ http://unistar.vnn.mn/ https://superbrain.edu.vn/ http://messnow.com/ https://developers.zalo.me/docs/social/zalo-chat-widget https://developers.zalo.me/docs/social/zalo-chat-widget 53 ... xuyên quan tâm, ý coi trọng cách đắn, ? ?website rèn luyện tư cho trẻ Unistar? ?? góp phần nâng cao khả tư sáng tạo tư logic cho trẻ Đóng góp nghiên cứu - Giúp trẻ làm quen với phương pháp tính tốn... dụng website - Hoàn thiện tư logic - Sản phẩm hồn thiện thực tế, phục vụ nhu cầu người dùng 2.2 Nhiệm vụ - Lên ý tư? ??ng lập kế hoạch xây dựng website - Nghiên cứu website tư? ?ng tự để từ xây dựng website. .. viết website Giải đáp thắc mắc khách hàng Khách hàng đăng nhập tài khoản zalo nào? để nhắn tin với trung tâm, hệ thống trả lời tự động thông qua chatbot Đặc tả hệ thống - Hệ thống website rèn luyện