Xây dựng trang web trường mầm non lý nhân

TRƢỜNG ĐẠI HỌC SƢ PHẠM HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN LÊ THỊ THU XÂY DỰNG TRANG WEB TRƢỜNG MẦM NON LÝ NHÂN KHÓA LUẬN TỐT NGHIỆP ĐẠI HỌC Chuyên ngành: Sƣ phạm Tin học HÀ NỘI – 2016 TRƢỜNG ĐẠI HỌC SƢ PHẠM HÀ NỘI KHOA CÔNG NGHỆ THÔNG TIN LÊ THỊ THU XÂY DỰNG TRANG WEB TRƢỜNG MẦM NON LÝ NHÂN KHÓA LUẬN TỐT NGHIỆP ĐẠI HỌC Chuyên ngành: Sƣ phạm Tin học Ngƣời hƣớng dẫn khoa học ThS Nguyễn Minh Hiền HÀ NỘI – 2016 LỜI CẢM ƠN Lời đầu tiên, em xin gửi lời cảm ơn sâu sắc đến ThS Nguyễn Minh Hiền giảng viên khoa Công nghệ Thông tin trường Đại học Sư phạm Hà Nội 2, người trực tiếp hướng dẫn bảo tận tình để em hoàn thành khóa luận Em xin gửi lời cảm ơn chân thành tới thầy, cô giáo khoa Công nghệ Thông tin, trường Đại học Sư phạm Hà Nội 2, người giảng dạy, giúp đỡ em suốt bốn năm qua, đặc biệt khóa luận Những kiến thức mà em nhận giảng đường đại học hành trang giúp em vững bước tương lai Em xin bày tỏ lòng biết ơn tới gia đình bạn bè giúp đỡ, động viên em nhiều suốt trình học tập để em thực tốt khóa luận Trong trình thực hiện, nhiều hạn chế trình độ thời gian thực nên đề tài em không tránh khỏi thiếu sót Em mong bảo góp ý thầy cô bạn! Hà Nội, ngày 28 tháng năm 2016 Sinh viên LÊ THỊ THU LỜI CAM ĐOAN Tên em là: Lê Thị Thu Sinh viên lớp: K38 – Sư phạm Tin học, khoa Công nghệ Thông tin, trường Đại học Sư phạm Hà Nội Em xin cam đoan: Đề tài “Xây dựng trang web trường Mầm non Lý Nhân” nghiên cứu riêng em hướng dẫn ThS Nguyễn Minh Hiền Khóa luận hoàn toàn không chép tác giả khác Nếu sai em xin hoàn toàn chịu trách nhiệm Hà Nội, ngày 28 tháng năm 2016 Người cam đoan LÊ THỊ THU MỤC LỤC CHƢƠNG CƠ SỞ LÝ THUYẾT 1.1 Giới thiệu Internet HTML 1.1.1 Internet 1.1.2 HTML 1.2 Tìm hiểu ngôn ngữ PHP 1.2.1 Khái niệm PHP 1.2.2 Hướng dẫn sử dụng ngôn ngữ PHP 1.2.3 Tại nên dùng PHP 1.2.4 Cú pháp quy ước 1.2.5 Các kiểu liệu 10 1.2.6 Biến, chuỗi PHP 11 1.2.7 MySQL PHP 12 1.3 Tìm hiểu MySQL 13 1.3.1 Giới thiệu sở liệu 13 1.3.2 Các câu lệnh MySQL 14 CHƢƠNG 2: PHÂN TÍCH HỆ THỐNG 18 2.1 Khảo sát hệ thống 18 2.1.1 Khảo sát hệ thống 18 2.1.2 Xác định yêu cầu hệ thống 21 2.2 Phân tích hệ thống 22 2.2.1 Biểu đồ use case 22 2.2.2 Biểu đồ lớp 27 CHƢƠNG 3: THIẾT KẾ HỆ THỐNG 29 3.1 Biểu đồ 29 3.2 Biểu đồ lớp chi tiết 31 3.3 Biểu đồ hoạt động 33 3.4 Biểu đồ thành phần, biểu đồ triển khai 35 3.5 Thiết kế giao diện 36 KẾT LUẬN VÀ HƢỚNG PHÁT TRIỂN 41 TÀI LIỆU THAM KHẢO 43 DANH MỤC BẢNG BIỂU Bảng 2.1 Danh sách usecase 23 Bảng 3.1 Danh sách thuộc tính lớp vien ……………………… 32 Bảng 3.2 Danh sách thuộc tính lớp phan hoi 32 DANH MỤC HÌNH VẼ Hình 2.1: Biểu đồ Use case tổng quát 22 Hình 2.2: Biểu đồ Use case đăng nhập 23 Hình 2.3: Biểu đồ Use case quản lý thông tin cá nhân 24 Hình 2.4: Biểu đồ Use case cho chức quản lý thông tin đăng 25 Hình 2.5: Biểu đồ Use case chức gửi ý kiến 26 Hình 2.6: Biểu đồ lớp 27 Hình 2.7: Biểu đồ trạng thái chức sửa thông tin thành viên 28 Hình 2.8: Biểu đồ trạng thái chức thêm thành viên 28 Hình 3.1: Biểu đồ cho chức đăng nhập……………………… 29 Hình 3.2: Biểu đồ cho chức sửa thông tin cá nhân 29 Hình 3.3: Biểu đồ cho chức quản lý thông tin đăng 30 Hình 3.4: Biều đồ cho chức gửi ý kiến phản hồi 30 Hình 3.5: Biểu đồ lớp chi tiết 31 Hình 3.6: Biểu đồ hoạt động miêu tả Use case đăng nhập 33 Hình 3.7: Biểu đồ hoạt động miêu tả Use case quản lý thông tin cá nhân 33 Hình 3.8: Biểu đồ hoạt động miêu tả Use case quản lý thông tin đăng 34 Hình 3.9: Biểu đồ hoạt động miêu tả Use case gửi ý kiến phản hồi 34 Hình 3.10: Biểu đồ thành phần 35 Hình 3.11: Biểu đồ triển khai 35 Hình 4.1: Giao diện trang đăng nhập………………………………… 36 Hình 4.2: Giao diện trang hình ảnh bé ăn 36 Hình 4.3: Giao diện trang liên hệ 37 Hình 4.4: Giao diện trang chủ 38 Hình 4.5: Giao diện trang giới thiệu 39 Hình 4.6: Giao diện trang tin tức 40 Hình 4.7: Giao diện trang xem danh sách nhân viên nhà trường 40 MỞ ĐẦU Lý chọn đề tài Công nghệ thông tin thay đổi giới tạo cách mạng thực lĩnh vực, từ ngành khoa học cao đến ứng dụng nhỏ sống Những ứng dụng công nghệ thông tin ngày nhiều góp ích không nhỏ việc nâng cao chất lượng sống người Đối với người thực gắn bó với công nghệ thông tin việc áp dụng thành tựu có sẵn Tin học phải biết xây dựng, thiết kế chương trình ứng dụng phục vụ cho yêu cầu thực tế công việc cao phục vụ xã hội Cùng với phát triển công nghệ, Internet không xa lạ với người dân Tìm kiếm thông tin Internet trở thành thói quen thiếu Là cha mẹ, việc tìm kiếm thông tin giáo dục, sức khỏe cho bé yêu nhu cầu cấp thiết hết Chính vậy, việc xây dựng trang web gần gũi, thân thiện giúp bậc cha mẹ tiếp cận với trường dễ dàng Thông tin trường hiển thị cha mẹ bé tìm công cụ Google Và vô dễ dàng cho cha mẹ bé để liên hệ với nhà trường thông tin thể rõ ràng website Ngoài ra, phụ huynh ngày khắt khe việc tìm hiểu thông tin cho học Nếu trước phụ huynh chọn trường lớp cho chủ yếu qua thông tin truyền miệng ngày nay, họ đặt niềm tin lớn vào thông tin từ Internet Một trường mầm non có website riêng rõ ràng chuyên nghiệp cập nhật công nghệ tốt trường mầm non website riêng Website công cụ hữu hiệu để liên kết nhà trường phụ huynh Thay phụ huynh gọi điện đến trường chục phút để hỏi thực đơn, giấc cháu, đây, họ cần vào trang web trường có đầy đủ thông tin Từ ta thấy việc có website trường mầm non vô cần thiết Từ lý trên, em định chọn đề tài: “Xây dựng trang web trƣờng Mầm non Lý Nhân” Hy vọng trang web đưa vào sử dụng góp phần không nhỏ vào việc liên kết nhà trường bậc cha mẹ, giúp cho việc chăm sóc, dạy dỗ bé dễ dàng tốt hơn! Mục đích nghiên cứu - Mục đích nghiên cứu tìm hiểu, xây dựng triển khai website cho trường Mầm non Lý Nhân để đưa vào sử dụng thực tế - Các bậc phụ huynh dễ dàng tìm hiểu thông tin nhà trường lớp học, hoạt động, chế độ dinh dưỡng, thông tin em thông tin hiển thị đầy đủ website - Dễ dàng cho cha mẹ bé để liên hệ với nhà trường thông tin thể rõ ràng website Cha mẹ bé gửi ý kiến phản hồi góp ý nhà trường thông qua website - Website có phần đăng nhập dành cho bậc cha me, đảm bảo tính bảo mật, an toàn thông tin cho người dùng - Các bậc phụ huynh dễ dàng truy cập đâu Giao diện trực quan, sinh động, dễ sử dụng - Các mục thông tin xây dựng dựa khả dễ dàng bổ sung, thay đổi hệ quản trị cần thiết Các nội dung thông tin (bài viết, giới thiệu) website cập nhật dễ dàng hệ quản trị thông tin Nhiệm vụ nghiên cứu - Làm sáng tỏ sở lý luận đề tài - Tìm hiểu tổ chức, hoạt động trường Mầm non Lý Nhân - Khảo sát thực trạng thực tế trường Mầm non Lý Nhân - Áp dụng kiến thức sơ sở liệu phân tích thiết kế hệ thống thông tin để xây dựng website - Lập trình chức website CHƢƠNG 3: THIẾT KẾ HỆ THỐNG 3.1 Biểu đồ 3.1.1 Biểu đồ tuần cho chức đăng nhập : ThanhVien : ManHinhDangNhap : ThanhVien 1: Nhap TT dang nhap 2: Kiem tra TT 3: Gui TT dang nhap 4: Xac nhan dannhhjjjnhap 5: Gui phan hoi 6: Gui phan hoi Hình 3.1: Biểu đồ cho chức đăng nhập 3.1.2 Biểu đồ cho chức sửa thông tin cá nhân : Thanhvien : ManHinhSuaTT :TTCaNhan 1: Nhap TT ca nhan 2: Kiem tra TT 3: Yeu cau cap nhat 4: Cap nhat TT 5: Gui phan hoi 6: Gui phan hoi Hình 3.2: Biểu đồ cho chức sửa thông tin cá nhân 29 3.1.3 Biểu đồ cho chức quản lý thông tin đăng website : NhaQuanLy :ManHinhQLTTDang : Thong Tin 1: Yeu cau cap nhat TT 2: Kiem tra TT 3: Gui yeu cau 4: Luu thong tin 5: Gui phan hoi 6: Gui phan hoi Hình 3.3: Biểu đồ cho chức quản lý thông tin đăng 3.1.4 Biểu đồ cho chức gửi ý kiến : ThanhVien :ManHinhGuiYKien : YKien 1: Yeu cau gui y kien 2: Kiem tra TT 3: Gui yeu cau 4: Luu thong tin 5: Gui phan hoi 6: Gui phan hoi Hình 3.4: Biều đồ cho chức gửi ý kiến phản hồi 30 3.2 Biểu đồ lớp chi tiết Thanh vien - matv: varchar(10) - tentv: varchar(50) - ngaysinh:date Phan hoi - gioitinh: varchar(50) - hoten: varchar(50) - sodt: int n - diachi: varchar(50) - quequan: varchar(50) - email : varchar(20) - matkhau: varchar(20) - dienthoai : + themtv() - noidung : varchar(1000) +suatv() + themph() + xoatv() + xoaph() + dangnhap() Thong tin - matt: varchar(10) Nguoi quan ly - tentt: varchar(20) n - matv: varchar(10) + themtt() - matkhau: varchar(20) + xoatt() + quanly() + suatt() Hình 3.5: Biểu đồ lớp chi tiết So với biểu đồ lớp, biểu đồ lớp chi tiết bổ sung thêm phương thức chi tiết tạo tiền đề để xây dựng hệ thống Lớp vien chứa thông tin cá nhân thành viên đăng ký họ tên, ngày sinh, giới tính, số điện thoại, quê quán,… 31 Bảng 3.1 Danh sách thuộc tính lớp vien Tên thuộc STT Mô tả tính Ghi Kiểu liệu Matv Mã thành viên Varchar(10) Tentv Tên thành viên Varchar(50) Ngaysinh Ngày sinh Date Gioitinh Giới tính Varchar(20) Sodt Số điện thoại Int(20) Quequan Quê quán Varchar(50) Matkhau Mật Varchar(20) Khóa Lớp phan hoi chứa thông tin người gửi phản hồi họ tên, địa chỉ, email, nội dung phản hồi Bảng 3.2 Danh sách thuộc tính lớp phan hoi STT Tên trƣờng Mô tả Kiểu liệu Hoten Họ tên Varchar(50) Diachi Địa Varchar(50) Email Email Varchar(20) Dienthoai Số điện thoại Int(20) Noidung Nội dung Varchar(1000) 32 Ghi 3.3 Biểu đồ hoạt động 3.3.1 Biểu đồ hoạt động miêu tả Use case đăng nhập Nhap Kiem tra thong tin TT Thong tin Cap quyen Hop le Thanh vien Else Nhap lai Huy bo Hình 3.6: Biểu đồ hoạt động miêu tả Use case đăng nhập 3.3.2 Biểu đồ hoạt động miêu tả Use case quản lý thông tin cá nhân Nhap thong tin Thong tin dung Cap nhat Thong tin Else Nhap lai Huy bo Hình 3.7: Biểu đồ hoạt động miêu tả Use case quản lý thông tin cá nhân 33 3.3.3 Biểu đồ hoạt động miêu tả Use case quản lý thông tin đăng Nhap Kiem tra thong tin thong tin Thong tin hop le Else Add Luu thong tin Huy bo Edit Dong y Hien thi danh Chon Nhap Thong bao sach TT thong tin thong tin xac nhan Hình 3.8: Biểu đồ hoạt động miêu tả Use case quản lý thông tin đăng 3.3.4 Biểu đồ hoạt động miêu tả Use case gửi ý kiến phản hồi Nhap phan Kiem tra Thong tin hoi phan hoi Hop le Luu phan hoi Else Nhap lai Huy bo Hình 3.9: Biểu đồ hoạt động miêu tả Use case gửi ý kiến phản hồi 34 3.4 Biểu đồ thành phần, biểu đồ triển khai a Biểu đồ thành phần Tiep nhan va xu ly y kien phan hoi Quan ly danh sach Giao dien vien Bao mat nguoi quan ly Quan ly thong tin va luu tru dang Quan ly thong tin ca nhan Ket noi Giao diện vien Gui y kien phan hoi CSDL Tim kiem thong tin Hình 3.10: Biểu đồ thành phần b Biểu đồ triển khai May in Hình 3.11: Biểu đồ triển khai 35 3.5 Thiết kế giao diện Một số giao diện thiết kế Hình 4.1: Giao diện trang đăng nhập Hình 4.2: Giao diện trang hình ảnh bé ăn 36 Hình 4.3: Giao diện trang liên hệ 37 Hình 4.4: Giao diện trang chủ 38 Hình 4.5: Giao diện trang giới thiệu 39 Hình 4.6: Giao diện trang tin tức Hình 4.7: Giao diện trang xem danh sách nhân viên nhà trường 40 KẾT LUẬN VÀ HƢỚNG PHÁT TRIỂN Trong thời kỳ bùng nổ công nghệ thông tin đặc biệt Internet nay, việc tìm kiếm thông tin trao đổi liên lạc qua mạng ngày phổ biến Đặc biệt khoảng thời gian ngày hạn hẹp bậc cha mẹ nay, khó thường xuyên gặp trực tiếp nhà trường để trao đổi thông tin bé Nắm đặc điểm em xây dựng website cho trường Mầm non Lý Nhân để làm đề tài khóa luận tốt nghiệp Nhằm giúp cho việc liên lạc, gắn kết nhà trường bậc phụ huynh thuận tiện Tuy website chưa thật hoàn thiện xong tán thành ủng hộ nhiều phụ huynh thầy cô trường Hi vọng website đưa vào sử dụng thực tiễn giúp phần cho bậc phụ huynh trường Mầm non Lý Nhân Kết đạt đƣợc: + Về công nghệ: - Tìm hiểu nắm bắt công cụ thiết kế web - Biết cách thiết kế web động cách tổ chức sở liệu - Các dịch vụ Internet, đặc biệt web + Về chương trình: - Giới thiệu thông tin nhà trường, hoạt động vui chơi, học tập ăn ngủ bé trường - Cho phép bậc phụ huynh gửi ý kiến phản hồi tới nhà trường - Cho phép thành viên xem, sửa thông tin cá nhân xem danh sách giáo viên trường - Người quản lý quản lý thành viên, xem phản hồi cập nhật thông tin vào hệ thống - Giao diện thân thiện, dễ dàng theo dõi tìm kiếm thông tin Hạn chế 41 - Do thời gian kiến thức có hạn nên khóa luận chưa hoàn thành đầy đủ tất chức website - Thiết kế giao diện chưa thật đẹp mắt, chưa tận dụng hết điểm mạnh loại ngôn ngữ sử dụng để xây dựng website chuyên nghiệp - Chương trình chạy thử máy đơn Hƣớng phát triển: - Website trường Mầm non Lý Nhân sau hoàn thành đưa vào sử dụng công cụ đắc lực giúp liên kết nhà trường bậc phụ huynh - Website thêm số chức thiết thực sổ liên lạc điện tử, xem camera - Phát triển website thành website có chức giúp cho việc quản lý như: Quản lý danh sách học sinh, giáo viên nhà trường, quản lý thu chi bé 42 TÀI LIỆU THAM KHẢO [1] Trần Đình Quế - Nguyễn Mạnh Sơn, (2007), Phân tích thiết kế hệ thống thông tin [2] Dương Kiều Hoa - Tôn Thất Hòa An, (2008), Phân tích hệ thống hướng đối tượng với UML, NXB Đại học Quốc gia TP Hồ Chí Minh [3] Nguyễn Trường Sinh, (2009), Sử dụng PHP & MySQL thiết kế web động [4] Phạm Hữu Khang, (2010), Xây dựng ứng dụng web PHP & MySQL, NXB Mũi Cà Mau [5] Website http://www.w3schools.com [6] Website https://www.wikipedia.org/ 43 [...]... xây dựng được một website của riêng mình 2.1.2 Xác định yêu cầu hệ thống a Yêu cầu chức năng Website trường Mầm non Lý Nhân khi được xây dựng sẽ cung cấp cho người sử dụng và nhà quản lý những chức năng cần thiết để xem thông tin, gửi thông tin phản hồi, quản lý sự hoạt động của trang web Người quản lý website là một thành viên cao cấp, có quyền cao nhất với các chức năng quản lý website như: Quản lý. .. Dưới đây là hình ảnh website của một số trường mầm non - Hình ảnh website trường Mầm non Maica 19 - Hình ảnh website trường Mầm non chất lượng cao Long Biên Có thể thấy, thông qua website các thông tin về nhà trường được cung cấp đầy đủ tới các bậc phụ huynh Website gồm các mục như: - Trang chủ: Gồm các thông tin nổi bật nhất của nhà trường - Giới thiệu: Gồm những bài viết về trường như: Quá trình... cái Nhằm đáp ứng thực trang nhu cầu của phụ huynh và nhà trường, hiện nay, có nhiều trường mầm non đã có một website riêng của mình Thông qua website nhà trường có thể quảng bá được về mình tới các bậc phụ huynh Các thông tin về nhà trường cũng như các bé được đăng đầy đủ và công khai trên website khiến các bậc phụ huynh phần nào tin tưởng hơn Rõ ràng một trường mầm non có một website của riêng mình... trường mầm non có một website riêng sẽ được phụ huynh tin tưởng hơn do tính công khai các thông tin của nhà trường trên website Bên cạnh đó, việc nắm bắt thông tin của nhà trường và các bé của các bậc phụ huynh cũng trở nên dễ dàng hơn Các bé được quan tâm kịp thời và tốt hơn Nắm bắt được những lợi ích trên của việc có một website, trường Mầm non Lý Nhân cũng đang xúc tiến, ủng hộ và tạo điều kiện để xây. .. sát hệ thống Trường Mầm non Lý Nhân nằm ở thôn Bàn Mạch, xã Lý Nhân, Vĩnh Tường, Vĩnh Phúc Với điều kiện vật chất đầy đủ, phòng học khang trang cùng đội ngũ các giáo viên nhiệt tình, kinh nghiệm và luôn yêu thương các bé, từ nhiều năm qua, đây đã trở thành ngôi trường lý tưởng được các bé yêu thích và các bậc phụ huynh tin tưởng Trường có diện tích 1200m2, có 12 lớp học, các lớp đều được trang bị máy... nhà trường cung cấp 4 Đối tƣợng và phạm vi nghiên cứu  Đối tượng nghiên cứu: - Đối tượng nghiên cứu là trường Mầm non Lý Nhân tìm hiểu thông tin về tổ chức, cách thức hoạt động  Phạm vi nghiên cứu: - Lĩnh vực thiết kế website - Thiết kế module các thông tin liên quan đến nhà trường như thông tin về nhà trường, hoạt động vui chơi, học tập của các bé, 5 Ý nghĩa khoa học và thực tiễn của đề tài - Website... tin cá nhân, quản lý danh sách thành viên, quản lý thông tin đăng trên website, tiếp nhận và xử lý phản hồi Đối với các bậc phụ huynh, sau khi đăng ký với nhà trường và được người quản lý kích hoạt tài khoản sẽ trở thành thành viên của hệ thống, thệ thống cho phép xem và tìm hiểu thông tin trực tiếp về nhà trường trên website và các thông tin chỉ riêng với thành viên như danh sách giáo viên trong trường, …... xuống gặp nhà trường để hỏi về hoạt động sắp tới của trường, hay có khi phải gọi điện hàng giờ để hỏi về bữa ăn, giấc ngủ của các bé Có thể thấy, phương thức hoạt động trên hiện vẫn chưa hiệu quả, nhiều thông tin về các bé và hoạt động của nhà trường mà các bậc phụ huynh chưa thể nắm bắt Vì thế một số bé vẫn chưa được sự kết hợp quan tâm chặt chẽ giữa nhà trường và gia đình Trường Mầm non Lý Nhân thuộc... trúc chung của một trang HTML: Tiêu đề của trang web Các thẻ HTML cơ bản: 1 Thẻ Tạo đầu mục trang 2 Thẻ Tạo tiêu đề trang trên thanh tiêu đề, đây là thẻ bắt buộc Thẻ cho phép bạn trình bày chuỗi trên thanh tiêu đề của trang web mỗi khi trang web đó được duyệt... tiễn của đề tài - Website được xây dựng sẽ áp dụng thành tựu của công nghệ thông tin vào công cuộc giáo dục, đặc biệt là thế hệ mầm non của đất nước - Sự ra đời của website sẽ giúp ích không nhỏ trong việc gắn kết các bậc phụ huynh và nhà trường Thay vì phải đến gặp trực tiếp nhà trường thì nay các bậc phụ huynh có thể dễ dàng nắm bắt được thông tin của con em mình thông qua website, giúp giảm bớt được