ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC BÁCH KHOA KHOA CÔNG NGHỆ THÔNG TIN Tel (84-5113) 736 949, Fax (84-5113) 842 771 Website: itf.ud.edu.vn, E-mail: cntt@edu.ud.vn LUẬN VĂN TỐT NGHIỆP KỸ SƯ NGÀNH CÔNG NGHỆ THÔNG TIN MÃ NGÀNH : 05115 ĐỀ TÀI : XÂY DỰNG WEBSITE HỖ TRỢ HỌC TẬP CHO CÁC TRƯỜNG MẦM NON Mã số : 06T3 - 029 Ngày bảo vệ : 15-16 / 06 / 2011 SINH VIÊN : LỚP : CBHD : HUỲNH VŨ NGỌC QUANG 06T3 ThS.NGUYỄN VĂN NGUYÊN ĐÀ NẴNG, 06/2011 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN LỜI CẢM ƠN Trước tiên em xin gửi lời cám ơn chân thành sâu sắc tới thầy cô giáo trường Đại Học Bách Khoa, Đại Học Đà Nẵng nói chung thầy cô giáo khoa Công Nghệ Thơng Tin nói riêng tận tình giảng dạy, truyền đạt cho em kiến thức, kinh nghiệm quý báu suốt thời gian qua Đặc biệt em xin gửi lời cảm ơn đến thầy Nguyễn Văn Nguyên, thầy tận tình giúp đỡ, trực tiếp bảo, hướng dẫn em suốt trình làm đồ án tốt nghiệp Trong thời gian làm việc với thầy, em không ngừng tiếp thu thêm nhiều kiến thức bổ ích mà học tập tinh thần làm việc, thái độ nghiên cứu khoa học nghiêm túc, hiệu quả, điều cần thiết cho em trình học tập công tác sau Sau xin gửi lời cảm ơn chân thành tới gia đình, bạn bè động viên, đóng góp ý kiến giúp đỡ q trình học tập, nghiên cứu hồn thành đồ án tốt nghiệp LỜI CAM ĐOAN Tôi xin cam đoan : Những nội dung luận văn thực hướng dẫn trực tiếp thầy Nguyễn Văn Nguyên Mọi tham khảo dùng luận văn 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ố Mọi chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, xin chịu hoàn toàn trách nhiệm Sinh viên Huỳnh Vũ Ngọc Quang MỤC LỤC CHƯƠNG : CƠ SỞ LÝ THUYẾT 1.1 Phương pháp dạy học cho trẻ độ tuổi mầm non 1.1.1 Những điều cần biết trẻ độ tuổi mần non 1.1.2 Vì phải dạy học cho trẻ lứa tuổi mầm non? 1.1.3 Phương pháp dạy học cho trẻ .5 1.2 Tổng quan World Wide Web .9 1.2.1 World Wide Web gì? 1.2.2 World Wide Web internet 1.3 Công nghệ Flash .9 1.3.1 Flash ? 10 1.3.2 Flash làm gì? .10 1.3.3 Flash áp dụng giảng dạy? 10 1.3.4 Flash có ưu điểm ? 10 1.3.5 ActionScript gì? .11 1.4 ASP.NET .11 1.4.1 Định nghĩa 11 1.4.2 Lịch sử .11 1.4.3 Mã prototype .12 1.4.4 Đặc tính .12 1.4.5 Mơ hình Code-behind 12 1.5 Microsoft SQL server 12 1.5.1 Định nghĩa 12 1.5.2 Lấy liệu 12 1.5.3 Sửa đổi liệu 13 1.5.4 Giao dịch 14 1.5.5 SQL Injection 15 1.5.6 Định nghĩa liệu .15 1.5.7 Hệ thống sở liệu sử dụng SQL 15 CHƯƠNG : XÂY DỰNG WEBSITE HỖ TRỢ DẠY HỌC MẦM NON 16 2.1 Tiếp cận yêu cầu thực tế 16 2.1.1 Yêu cầu đối tượng trẻ nhỏ 16 2.1.2 Yêu cầu đối tượng phụ huynh .16 2.1.3 Yêu cầu đối tượng giáo viên mầm non 16 2.1.4 Yêu cầu ban quản trị website 16 2.2 Phân tích yêu cầu 17 2.2.1 Phần giao diện website 17 2.2.2 Phần chức website .17 2.2.3 Yêu cầu phi chức 18 2.2.4 Các database cần xây dựng 19 2.3 Đặc tả yêu cầu .19 2.3.1 Mơ hình sử dụng DFD (Data Flow Diagram) 19 2.3.2 Các mô hình DFD 20 2.3.3 Các mơ hình quan hệ 24 2.4 Thiết kế Website 24 2.4.1 Giao diện trang web 24 2.4.2 Các chức 26 2.5 Phát triển hệ thống 41 2.5.1 Giao diện 41 2.5.2 Thêm chức 41 2.5.3 Cải tiến chức .41 2.6 Kiểm thử .42 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 53 TÀI LIỆU THAM KHẢO 55 DANH MỤC HÌNH ẢNH Hình 1.1 : Phương pháp dạy trẻ - nghệ thuật Hình 1.2 : Phương pháp dạy trẻ - thể thao Hình 1.3 : Phương pháp dạy trẻ – đọc / viết Hình 1.4 : Phương pháp dạy trẻ - trẻ máy tinh Hình 2.1 : Mơ hình dòng liệu chung 20 Hình 2.2 : DFD Mơn Học Cấp 21 Hình 2.3 : DFD Môn Học cấp 21 Hình 2.4 : DFD Trò Chơi cấp 22 Hình 2.5 : DFD Bài Nhạc cấp 22 Hình 2.6 : DFD Truyện Đọc cấp 23 Hình 2.7 : DFD Tích Luỹ Cấp 23 Hình 2.8 : DFD Tài Khoản cấp 24 Hình 2.9 : Giao diện trang web 25 Hình 2.10 : Trang đăng kí thành viên 26 Hình 2.11 : Đăng nhập 27 Hình 2.12 : Đăng xuất .28 Hình 2.13 : Đăng xuất .28 Hình 2.14 : Điều chỉnh thông tin 29 Hình 2.15 : Quản lý tài khoản .31 Hình 2.16 : Quản lý câu hỏi trắc nghiệm 32 Hình 2.17 : Bài học .33 Hình 2.18 : Bài học văn 34 Hình 2.19 : Bài học tốn .35 Hình 2.20 : Trắc nghiệm 37 Hình 2.21 : Trắc nghiệm 37 Hình 2.22 : Bé nghe nhạc .38 Hình 2.23 : Trò chơi bầy cừu 39 Hình 2.24 : Truyện đọc 40 Hình 2.25 : Môi trường Internet Explorer .42 Hình 2.26 : Mơi trường FireFox 43 Hình 2.27 : Bảng sở liệu ThanhVien 44 Hình 2.28 : Thốt khỏi hệ thống tài khoản 45 Hình 2.29 : Thoát khỏi hệ thống tài khoản 45 Hình 2.30 : Bảng sở liệu CauHoi 46 Hình 2.31 : Chọn số câu hỏi trắc nghiệm 49 Hình 2.32 : Kết trắc nghiệm 49 Hình 2.33 : Bảng sở liệu tích luỹ - chưa có điểm 50 Hình 2.34 : Cập nhật điểm .50 Hình 2.35 : Bảng sở liệu tích luỹ - cập nhật điểm .50 Hình 2.36 : Cập nhật điểm thi cao 51 Hình 2.37 : Bảng sở liệu tích luỹ - cập nhật điểm cao 51 Hình 2.38 : Khơng cập nhật điểm 51 DANH MỤC BẢNG Bảng : Bảng liệu demo chức đăng kí thành viên .44 Bảng : Bảng liệu demo chức đăng nhập 44 Bảng : Bảng liệu demo cho chức quản lý câu hỏi trắc nghiệm 46 Bảng : Bảng liệu demo cho chức quản lí thành viên 47 Bảng : Bảng liệu demo cho chức điều chỉnh thông tin nhân .48 Báo cáo đồ án tốt nghiệp GVHD : ThS Nguyễn Văn Nguyên  Sưu tầm thêm câu chuyện hay, ý nghĩa  Có phần đọc chuyện cho bé nghe  Bài trắc nghiệm  Các câu hỏi thay hình ảnh để bé dễ nhận biết, phần lớn trẻ nhỏ khơng biết đọc  Có tính thời gian làm  Phân mức độ khó dễ  Nghe nhạc  Mới chạy nhạc khơng hình  Cần thêm phần chạy nhạc hình 2.6 Kiểm thử  Tính tương thích  Thử nghiệm hệ thống mơi trường trình duyệt Internet Explorer, Firefox  Kết : chương trình chạy tốt Huỳnh Vũ Ngọc Quang - Lớp 06T3 Trang 49 Xây dựng website hỗ trợ học tập cho trường mầm non Hình 1.1 : Mơi trường Internet Explorer Hình 1.2 :  Mơi trường FireFox Chức đăng ký thành viên Bảng liệu demo cho chức đăng ký thành viên Tên đăng nhập Mật Nhập lại mật Email thanhvien anhquang anhquang abc@ gmail.com Nhắc lại email Ngày sinh Phản hồi hệ thống abc@ gmail.com 09/01/ 1988 Đăng kí thành cơng Chưa nhập đầy đủ thông tin Chưa nhập đầy đủ thông tin Chưa nhập đầy đủ thông tin Chưa nhập đầy đủ thông tin Chưa nhập đầy đủ thông tin Chưa nhập đầy đủ thông tin Chưa nhập đầy đủ thông tin Chưa nhập đầy đủ thông tin Chưa nhập đầy đủ thông tin test1 test1 anhquang test1 anhquang anhquang test1 anhquang anhquang test1 anhquang anhquang test1 anhquang test1 abc@ gmail.com abc@ gmail.com abc@ gmail.com abc@ gmail.com test1 test1 anhquang abc@ gmail.com Huỳnh Vũ Ngọc Quang - Lớp 06T3 abc@ gmail.com abc@ gmail.com abc@ gmail.com abc@ gmail.com abc@ gmail.com Trang 50 Báo cáo đồ án tốt nghiệp GVHD : ThS Nguyễn Văn Nguyên test1 anhquang abc@ gmail.com test1 anhquang test1 anhquang test1 12345 123 test1 12345 12345 test1 12345 12345 test1 12345 12345 test2 12345 12345 Tổng hợp Khắc phục Phát lỗi : định dạng email ngày sinh Sử dụng calendarextender Ajax để hổ trợ nhập ngày sinh cách click chuột để tránh sai sót Email : chưa khắc phục anhquang abc@ gmail.com Bảng :  abc@ gmail.com abc@ gmail.com abc@ gmail.com abc@ gmail.com abc abc@ gmail.com abc@ gmail.com abcdef@ gmail.com abc@ gmail.com abc@ gmail.com abc 09/01/ 1988 09/01/ 1988 99/31/ 1988 09/01/ 1988 09/01/ 1988 Chưa nhập đầy đủ thông tin Chưa nhập đầy đủ thông tin Chưa nhập đầy đủ thông tin Mật khơng trùng Email khơng trùng Đăng kí thành cơng Tài khoản có người sử dụng Đăng kí thành cơng Bảng liệu demo chức đăng kí thành viên Chức đăng nhập Bảng liệu demo cho chức đăng nhập Tên đăng nhập Mật Ghi thangsot213 anhquang Admin thanhvien anhquang Thành viên : trẻ Thành viên : trẻ Thành viên : trẻ test1 test1 test123 test123 Tổng hợp anhquang 123 123 Hoạt động tốt Bảng : Thành viên : trẻ Không tồn Không tồn Phản hồi hệ thống Nhảy đến trang quản lý admin với tài khoản đăng nhập thangsot213 Nhảy trang chủ với tài khoản đăng nhập thanhvien Chưa nhập đầy đủ thông tin Chưa nhập đầy đủ thông tin Chưa nhập đầy đủ thơng tin Thơng tin đăng nhập khơng xác Tài khoản không tồn tài Tài khoản không tồn tài Bảng liệu demo chức đăng nhập Huỳnh Vũ Ngọc Quang - Lớp 06T3 Trang 51 Xây dựng website hỗ trợ học tập cho trường mầm non Hình 1.3 : Bảng sở liệu ThanhVien Huỳnh Vũ Ngọc Quang - Lớp 06T3 Trang 52 Báo cáo đồ án tốt nghiệp  GVHD : ThS Nguyễn Văn Nguyên Chức đăng xuất  Đang có tài khoản đăng nhập  Click vào LinkButton “Thoát”  Kết : nhảy trang chủ khơng có tài khoản đăng nhập Hình ảnh minh hoạ Hình 1.4 : Thốt khỏi hệ thống tài khoản Huỳnh Vũ Ngọc Quang - Lớp 06T3 Trang 53 Xây dựng website hỗ trợ học tập cho trường mầm non Hình 1.5 :  Thoát khỏi hệ thống tài khoản Chức quản lý câu hỏi trắc nghiệm Bảng liệu demo cho chức quản lý câu hỏi trắc nghiệm Tên câu hỏi Đếm (1) Chú thích Nội dung câu hỏi Có tồn X Xem thơng tin X Thêm khơng X X tồn Đếm (4) không X X tồn Đếm (5) khơng X tồn Đếm (5) Có tồn X Đếm (5) Có tồn Đếm (5) Có tồn Tổng hợp Phát lỗi null nội dung câu hỏi Khắc phục Đã khắc phục xong Sửa Xoá Hiển thị nội dung câu hỏi Đếm (1) Không tồn câu hỏi Đếm (4) Bảng : Phản hồi hệ thống X X X Thêm câu hỏi thành công Thêm câu hỏi thành công Sửa câu hỏi thành cơng Sửa câu hỏi thành cơng Xố câu hỏi thành công Bảng liệu demo cho chức quản lý câu hỏi trắc nghiệm Huỳnh Vũ Ngọc Quang - Lớp 06T3 Trang 54 Báo cáo đồ án tốt nghiệp GVHD : ThS Nguyễn Văn Nguyên Hình 1.6 :  Bảng sở liệu CauHoi Chức quản lý thành viên Bảng liệu demo cho chức quản lý thành viên Tài khoản Mật Ngày sinh Email test1 test1 09/01/ 1988 test1 test1 test1 abc@ gmail.com abc@ gmail.com 09/01/ 1988 Thao tác Phản hồi hệ thống Xem Sửa Xố thơng tin Hiển thị thơng tin X X X X aaa X test1 X test1 abc@ gmail.com test1 aaa test1 aaa test1 aaa test1 aaa test1 aaa 09/01/ 1988 09/01/ 1988 99/01/ 1988 09/01/ 1988 X X abc@ gmail.com abc@ gmail.com abc@ gmail.com abc test1 X X X X X tài khoản Thông tin nhập chưa đầy đủ Thông tin nhập chưa đầy đủ Thông tin nhập chưa đầy đủ Thông tin nhập chưa đầy đủ Thông tin nhập chưa đầy đủ Thông tin nhập chưa đầy đủ Thông tin nhập chưa đầy đủ Thông tin nhập chưa đầy đủ Sửa thông tin thành công Sửa thông tin thành công Sửa thông tin thành công Xố tài khoản thành cơng Tổng hợp Lỗi định dạng ngày sinh email Khắc Sử dụng calendarextender Ajax để hổ trợ nhập ngày sinh cách click phục chuột để tránh sai sót Email : chưa khắc phục Bảng : Bảng liệu demo cho chức quản lí thành viên Huỳnh Vũ Ngọc Quang - Lớp 06T3 Trang 55 Xây dựng website hỗ trợ học tập cho trường mầm non  Chức điều chỉnh thông tin tài khoản Bảng liệu demo cho chức điều chỉnh thông tin nhân Mật Nhập lại mật Ngày sinh Email 123456 123456 123456 123456 123456 09 / 01 / 1988 123456 09 / 01 / 1988 123456 09 / 01 / 1988 123456 abc@gmail.com abc@gmail.com 123456 123456 abc@gmail.com 123456 abc@gmail.com 123456 123456 abc@gmail.com 09 / 01 / 1988 abc@gmail.com 09 / 01 / 1988 abc@gmail.com 09 / 01 / 1988 abc@gmail.com Phản hồi hệ thống Nhập thiếu thông tin Nhập thiếu thông tin Nhập thiếu thông tin Nhập thiếu thông tin Nhập thiếu thông tin Nhập thiếu thông tin Nhập thiếu thông tin Nhập thiếu thông tin Nhập thiếu thông tin Nhập thiếu thông tin Nhập thiếu thông tin Nhập thiếu thông tin Nhập thiếu thông tin Nhập thiếu thông tin Mật không trùng Cập nhật thông tin thành công Cập nhật thông tin thành công 123456 123 09 / 01 / 1988 abc@gmail.com 123456 123456 99 / 01 / 1988 abc@gmail.com 123456 123456 09 / 01 / 1988 abc Tổng hợp Khắc phục Lỗi định dạng ngày sinh email Sử dụng calendarextender Ajax để hổ trợ nhập ngày sinh cách click chuột để tránh sai sót Email : chưa khắc phục Bảng : Bảng liệu demo cho chức điều chỉnh thông tin nhân Huỳnh Vũ Ngọc Quang - Lớp 06T3 Trang 56 Báo cáo đồ án tốt nghiệp  GVHD : ThS Nguyễn Văn Nguyên Chức thi trắc nghiệm  Chọn số câu hỏi Hình 1.7 : Chọn số câu hỏi trắc nghiệm  Kết Huỳnh Vũ Ngọc Quang - Lớp 06T3 Trang 57 Xây dựng website hỗ trợ học tập cho trường mầm non Hình 1.8 : Kết trắc nghiệm  Các thống kê khác:  Cập nhật điểm thi  Mã đề thi cho thành viên thi chưa có sở liệu Hình 1.9 : Bảng sở liệu tích luỹ - chưa có điểm Hình 1.10 : Hình 1.11 : Cập nhật điểm Bảng sở liệu tích luỹ - cập nhật điểm  Mã đề thi cho thành viên thi có điểm thi cao điểm cũ Huỳnh Vũ Ngọc Quang - Lớp 06T3 Trang 58 Báo cáo đồ án tốt nghiệp Hình 1.12 : Hình 1.13 : GVHD : ThS Nguyễn Văn Nguyên Cập nhật điểm thi cao Bảng sở liệu tích luỹ - cập nhật điểm cao  Khơng cập nhật điểm thi  Mã đề thi cho thành viên thi có điểm thi thấp điểm cũ Hình 1.14 :  Khơng cập nhật điểm Các chức file Flash  Phát âm rê chuột qua  Hoạt động tốt Huỳnh Vũ Ngọc Quang - Lớp 06T3 Trang 59 Xây dựng website hỗ trợ học tập cho trường mầm non  Phát âm click chuột  Hoạt động tốt  Nội dung học âm phù hợp với  Hoạt động tốt  Flash chạy nhạc  Hoạt động tốt  Flash lật trang sách cho mục đọc truyện  Hoạt động tốt  Các vấn đề xãy lỗi  File XML link bị sai  Khơng có file âm  File âm bị sai tên  Khắc phục  Có hướng dẫn cách bố trí file âm cho file flash sử dụng file hướng dẫn sử dụng website Huỳnh Vũ Ngọc Quang - Lớp 06T3 Trang 60 Báo cáo đồ án tốt nghiệp GVHD : ThS Nguyễn Văn Nguyên KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Qua thời gian miệt mài thiết kế, trang web hỗ trợ việc dạy học mầm non hoàn thành Cụ thể em thực vấn đề sau: Đã đạt  Phần sở lý thuyết  Phương pháp dạy trẻ độ tuổi mầm non  Lý thuyết World Wide Web  Macromedia MX 2004  ASP.NET  SQL SERVER 2005  Phần xây dựng website  Tiếp cận thu thập thơng tin  Phân tích u cầu  Đặc tả yêu cầu  Thiết kế website  Chức đăng kí thành viên  Chức đăng nhập / đăng xuất  Chức quản lý tài khoản  Chức quản lý thành viên (của Admin)  Chức quản lý câu hỏi trắc nghiệm  Chức tính điểm tích luỹ  Chun mục dạy học tốn  Chuyên mục dạy học văn  Chuyên mục trắc nghiệm  Chuyên mục trò chơi Huỳnh Vũ Ngọc Quang - Lớp 06T3 Trang 61 Xây dựng website hỗ trợ học tập cho trường mầm non  Chuyên mục âm nhạc  Chuyên mục đọc truyện  Kiểm thử hệ thống  Website chạy tốt Firefox, IE …  Phần lớn chức website hoạt động tốt Một số trường hợp xử lý lỗi nhập liệu sai Chưa đạt  Âm  Phần lớn âm dự án tự thân thu âm với thiết bị thô sơ  Cách phát âm học chưa chuẩn  Phần thi trắc nghiệm  Phần lớn trẻ chưa biết đọc  Cần thay đổi nội dung câu hỏi từ chữ viết sang hình ảnh, kèm thêm âm  Phần đọc truyện  Nên có thêm âm đọc mẫu truyện cho bé  Mục nghe nhạc  Thêm phần chạy nhạc hình Huỳnh Vũ Ngọc Quang - Lớp 06T3 Trang 62 Báo cáo đồ án tốt nghiệp GVHD : ThS Nguyễn Văn Nguyên TÀI LIỆU THAM KHẢO [1] Hồ Đăng Duy, xây dựng website bán hàng Báo cáo đồ án môn học ngành công nghệ thông tin năm học 2009-2010 [2] Lê Khắc Thọ, Xây dựng website hỗ trợ dạy học mơn lập trình Java Báo cáo đồ án môn học ngành công nghệ thông tin năm học 20092010 [3] http://hocabc.webs.com/index.htm , Website dạy phát âm tiếng việt Website người yêu thích làm flash [4] http://www.seriesgames.net/tu-khoa/tro-choi-cho-tre-em.vi , website tổng hợp trò chơi flash Các trò chơi flash dành cho trẻ [5] http://www.socnhi.com/, website hổ trợ dạy học từ mầm non đến lớp Trang tham khảo thiết kế [6] http://www.google.com.vn/imghp?client=firefoxa&rls=org.mozilla:en-US:official&hl=vi&tab=wi , chuyên mục hình ảnh google Tìm kiếm hình ảnh có sử dụng đề tài google [7] http://www.webtretho.com/forum/f51/kinh-nghiem-day-tre-o-dotuoi-mam-non-533708/ , trao đổi cách dạy trẻ bà mẹ thông tin cách dạy trẻ độ tuổi mầm non [8] Montgomery County Public Schools (MCPS), Parent Guide Kindergarten – Vietnamese Hướng dẫn chương trình dạy trẻ lứa tuổi mầm non MCPS Huỳnh Vũ Ngọc Quang - Lớp 06T3 Trang 63