ĐẠ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à cịn 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 MỤC LỤC DANH MỤC HÌNH ẢNH DANH MỤC BẢNG 13 MỞ ĐẦU 14 TÓM TẮT NỘI DUNG ĐỒ ÁN TỐT NGHIỆP 15 CHƯƠNG : CƠ SỞ LÝ THUYẾT 1.1Phương pháp dạy học cho trẻ độ tuổi mầm non 1.1.1Những điều cần biết trẻ độ tuổi mần non 1.1.2Vì phải dạy học cho trẻ lứa tuổi mầm non? 1.1.3Phương pháp dạy học cho trẻ 1.2Tổng quan World Wide Web 1.2.1World Wide Web gì? 1.2.2World Wide Web internet 1.3Công nghệ Flash 10 1.3.1Flash ? 10 1.3.2Flash làm gì? 10 1.3.3Flash áp dụng giảng dạy? 10 1.3.4Flash có ưu điểm ? 10 1.3.5ActionScript gì? 11 1.4ASP.NET 11 1.4.1Định nghĩa 11 1.4.2Lịch sử 11 1.4.3Mã prototype .12 1.4.4Đặc tính .12 1.4.5Mơ hình Code-behind 12 1.5Microsoft SQL server 12 1.5.1Định nghĩa 12 1.5.2Lấy liệu 12 1.5.3Sửa đổi liệu 13 1.5.4Giao dịch .14 1.5.5SQL Injection 15 1.5.6Định nghĩa liệu 15 1.5.7Hệ 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 .17 1.6Tiếp cận yêu cầu thực tế 17 1.6.1Yêu cầu đối tượng trẻ nhỏ 17 1.6.2Yêu cầu đối tượng phụ huynh .17 1.6.3Yêu cầu đối tượng giáo viên mầm non 17 1.6.4Yêu cầu ban quản trị website 17 1.7Phân tích yêu cầu .18 1.7.1Phần giao diện website 18 1.7.2Phần chức website 18 1.7.3Yêu cầu phi chức 20 1.7.4Các database cần xây dựng 20 1.8Đặc tả yêu cầu 20 1.8.1Mơ hình sử dụng DFD (Data Flow Diagram) .20 1.8.2Các mô hình DFD .21 1.8.3Các mơ hình quan hệ 26 1.9Thiết kế Website 26 1.9.1Giao diện trang web 26 1.9.2Các chức .29 1.10Phát triển hệ thống 45 1.10.1Giao diện 45 1.10.2Thêm chức 45 1.10.3Cải tiến chức 45 1.11Kiểm thử 46 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 57 TÀI LIỆU THAM KHẢO 59 DANH MỤC HÌNH ẢNH 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ẻ .4 Hình 3.1 : Phương pháp dạy trẻ - nghệ thuật Hình 3.2 : Phương pháp dạy trẻ - thể thao Hình 3.3 : Phương pháp dạy trẻ – đọc / viết Hình 3.4 : Phương pháp dạy trẻ - trẻ máy tinh .9 1.2 Tổng quan World Wide Web 1.2.1 World Wide Web gì? 1.2.2 World Wide Web internet 1.3 Công nghệ Flash .10 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 1.6 Tiếp cận yêu cầu thực tế .17 1.6.1 Yêu cầu đối tượng trẻ nhỏ 17 1.6.2 Yêu cầu đối tượng phụ huynh 17 1.6.3 Yêu cầu đối tượng giáo viên mầm non 17 1.6.4 Yêu cầu ban quản trị website .17 1.7 Phân tích yêu cầu 18 1.7.1 Phần giao diện website .18 1.7.2 Phần chức website .18 1.7.3 Yêu cầu phi chức .20 1.7.4 Các database cần xây dựng 20 1.8 Đặc tả yêu cầu 20 1.8.1 Mơ hình sử dụng DFD (Data Flow Diagram) 20 1.8.2 Các mơ hình DFD 21 Hình 2.1 : Mơ hình dịng liệu chung 22 Hình 2.2 : DFD Môn Học Cấp .23 Hình 2.3 : DFD Mơn Học cấp 23 Hình 2.4 : DFD Trò Chơi cấp 24 Hình 2.5 : DFD Bài Nhạc cấp 24 Hình 2.6 : DFD Truyện Đọc cấp 25 Hình 2.7 : DFD Tích Luỹ Cấp .25 Hình 2.8 : DFD Tài Khoản cấp 26 1.8.3 Các mơ hình quan hệ 26 Báo cáo đồ án tốt nghiệp 1.10 GVHD : ThS Nguyễn Văn Nguyên Phát triển hệ thống 1.10.1 Giao diện  Thay hồn tồn giao diện hoạt hình ngộ nghĩnh  Thiết kế Button với hiệu ứng đẹp  Thêm hiệu ứng âm để phát huy tối đa tác dụng website 1.10.2 Thêm chức  Thêm chuyên mục khám phá • Các mẫu tin xung quanh bé • Các mẫu tin giới động thực vật • Các vật việc đời thường • Kèm theo hình ảnh  Thêm chuyên mục học tiếng anh • Tập cho bé làm quen với anh văn • Các hình ảnh vật dụng, vật … đời thường • Kèm theo âm tương ứng để bé dễ hiểu, dễ nhận biết  Thêm chuyên mục Forum • Nơi bậc phụ huynh trao đổi kiến thức nuôi dạy trẻ  Thêm chuyên mục kho tài liệu • Sưu tầm tài liệu giảng dạy trẻ thầy cô 1.10.3 Cải tiến chức  Bài học • Tận dụng tối đa tác dụng hình ảnh âm việc dạy trẻ • Mở rộng nhiều chuyên mục • Cách trình bày khoa học  Đọc truyện • Sưu tầm thêm câu chuyện hay, ý nghĩa Huỳnh Vũ Ngọc Quang - Lớp 06T3 Trang 45 Xây dựng website hỗ trợ học tập cho trường mầm non • 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 1.11 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 Hình 1.1 : Mơi trường Internet Explorer Huỳnh Vũ Ngọc Quang - Lớp 06T3 Trang 46 Báo cáo đồ án tốt nghiệp GVHD : ThS Nguyễn Văn Nguyên 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 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 test1 anhquang abc@ gmail.com anhquang Huỳnh Vũ Ngọc Quang - Lớp 06T3 abc@ gmail.com abc@ gmail.com abc@ gmail.com abc@ gmail.com abc@ gmail.com abc@ gmail.com Trang 47 Xây dựng website hỗ trợ học tập cho trường mầm non test1 anhquang abc@ gmail.com 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 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 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 : Hình 1.3 : 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 Bảng sở liệu ThanhVien Huỳnh Vũ Ngọc Quang - Lớp 06T3 Trang 48 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 “Thố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 Hình 1.5 : Thốt khỏi hệ thống tài khoản 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  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 Hình 1.6 : Bảng sở liệu CauHoi Huỳnh Vũ Ngọc Quang - Lớp 06T3 Trang 50 Báo cáo đồ án tốt nghiệp  GVHD : ThS Nguyễn Văn Nguyên 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 Xoá 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 51 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 52 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 53 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 54 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 55 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 56 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ả 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ỹ  Chuyên mục dạy học toá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  Chuyên mục âm nhạc 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  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 58 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 59