TaiKhoan( mathanhvien, quyenhan, tentaikhoan, matkhau, email, ngaysinh, gioitinh, ngaygianhap)
TichLuy(mathanhvien, matracnghiem, diem) BaiHoc( mabaihoc, ngaycapnhat, tieude, link )
Chức năng đăng ký thành viên
Bảng dữ liệu demo cho chức năng đăng ký thành viên Tên đăng nhập Mật khẩu Nhập lại mật khẩu Email Nhắc lại email Ngày sinh Phản hồi của hệ thống
Báo cáo đồ án tốt nghiệp GVHD : Th.s Đoàn Duy Bình
gmail.com gmail.com 1988 công
test1 Chưa nhập đầy
đủ thông tin
test1 Anhquang Chưa nhập đầy
đủ thông tin
test1 Anhquang anhquang Chưa nhập đầy
đủ thông tin test1 Anhquang anhquang abc@
gmail.com
Chưa nhập đầy đủ thông tin test1 Anhquang anhquang abc@
gmail.com
abc@ gmail.com
Chưa nhập đầy đủ thông tin
test1 anhquang abc@
gmail.com abc@ gmail.com Chưa nhập đầy đủ thông tin test1 abc@ gmail.com abc@ gmail.com Chưa nhập đầy đủ thông tin test1 abc@ gmail.com Chưa nhập đầy đủ thông tin
test1 Anhquang abc@
gmail.com
abc@ gmail.com
Chưa nhập đầy đủ thông tin
test1 Anhquang anhquang abc@
gmail.com
Chưa nhập đầy đủ thông tin
test1 Anhquang abc@
gmail.com
Chưa nhập đầy đủ thông tin
test1 Anhquang abc@
gmail.com Chưa nhập đầy đủ thông tin test1 12345 123 abc@ gmail.com abc@ gmail.com 09/01/ 1988 Mật khẩu không trùng nhau test1 12345 12345 abc@ gmail.com abcdef@ gmail.com 09/01/ 1988 Email không trùng nhau test1 12345 12345 abc@ gmail.com abc@ gmail.com 99/31/ 1988 Đăng kí thành công test1 12345 12345 abc@ gmail.com abc@ gmail.com 09/01/ 1988 Tài khoản đã có người sử dụng (adsbygoogle = window.adsbygoogle || []).push({});
test2 12345 12345 abc abc 09/01/
1988
Đăng kí thành công
Tổng hợp Phát hiện 2 lỗi : định dạng email và ngày sinh
Khắc phục Sử dụng calendarextender của Ajax để hổ trợ nhập ngày sinh bằng cách click chuột để tránh sai sót
Email : chưa khắc phục
Bảng 1 : Bảng dữ liệu demo chức năng đăng kí thành viên Chức năng đăng nhập
Bảng dữ liệu demo cho chức năng đăng nhập
Tên đăng nhập Mật khẩu Ghi chú Phản hồi của hệ thống
thangsot213 anhquang Admin Nhảy đến trang quản lý của admin với tài khoản đang đăng nhập thangsot213
Xây dựng website hỗ trợ học tập cho các trường mầm non
đăng nhập thanhvien
Thành viên : trẻ Chưa nhập đầy đủ thông tin test1 Thành viên : trẻ Chưa nhập đầy đủ thông tin anhquang Chưa nhập đầy đủ thông tin
test1 123 Thành viên : trẻ Thông tin đăng nhập không chính xác test123 Không tồn tại Tài khoản không tồn tài
test123 123 Không tồn tại Tài khoản không tồn tài Tổng hợp Hoạt động tốt
Bảng 2 : Bảng dữ liệu demo chức năng đăng nhập
Báo cáo đồ án tốt nghiệp GVHD : Th.s Đoàn Duy Bình
Chức năng đăng xuất
Đang có tài khoản đăng nhập
Click vào LinkButton “Thoát”
Kết quả : nhảy về trang chủ không có tài khoản đang đăng nhập là Hình ảnh minh hoạ
Xây dựng website hỗ trợ học tập cho các trường mầm non
Hình 2.11 : Thoát khỏi hệ thống tài khoản 2 Chức năng quản lý câu hỏi trắc nghiệm
Bảng dữ liệu demo cho chức năng quản lý câu hỏi trắc nghiệm Tên câu hỏi Chú thích Nội dung câu hỏi Xem thông tin
Thêm Sửa Xoá Phản hồi của hệ thống
Đếm (1) Có tồn tại X X Hiển thị nội dung câu
hỏi Đếm (1) Đếm (4) không
tồn tại
X X Không tồn tại câu hỏi
Đếm (4) không tồn tại (adsbygoogle = window.adsbygoogle || []).push({});
X X Thêm câu hỏi thành
công
Đếm (5) không tồn tại
X Thêm câu hỏi thành
công
Đếm (5) Có tồn tại X X Sửa câu hỏi thành công
Đếm (5) Có tồn tại X Sửa câu hỏi thành công
Đếm (5) Có tồn tại X Xoá câu hỏi thành công
Tổng hợp Phát hiện lỗi null của nội dung câu hỏi Khắc phục Đã khắc phục xong
Báo cáo đồ án tốt nghiệp GVHD : Th.s Đoàn Duy Bình
Hình 2.12 : Bảng cơ sở dữ liệu CauHoi Chức năng quản lý thành viên
Bảng dữ liệu demo cho chức năng quản lý thành viên Tài khoản Mật khẩu Ngày sinh Email Thao tác Phản hồi hệ thống Xem thông tin Sửa Xoá
test1 X Hiển thị các thông tin
của tài khoản
test1 09/01/
1988
abc@ gmail.com
X Thông tin nhập chưa đầy đủ
test1 abc@
gmail.com
X Thông tin nhập chưa đầy đủ
test1 09/01/
1988
X Thông tin nhập chưa đầy đủ
test1 aaa X Thông tin nhập chưa
đầy đủ
test1 X Thông tin nhập chưa
đầy đủ
test1 abc@
gmail.com (adsbygoogle = window.adsbygoogle || []).push({});
X Thông tin nhập chưa đầy đủ
test1 aaa 09/01/ 1988
X Thông tin nhập chưa đầy đủ
Xây dựng website hỗ trợ học tập cho các trường mầm non
test1 aaa abc@
gmail.com
X Thông tin nhập chưa đầy đủ
test1 aaa 09/01/ 1988
abc@ gmail.com
X Sửa thông tin thành công
test1 aaa 99/01/ 1988
abc@ gmail.com
X Sửa thông tin thành công
test1 aaa 09/01/ 1988
abc X Sửa thông tin thành
công
test1 X Xoá tài khoản thành
công Tổng hợp Lỗi định dạng ngày sinh và email
Khắc phục
Sử dụng calendarextender của Ajax để hổ trợ nhập ngày sinh bằng cách click chuột để tránh sai sót
Email : chưa khắc phục
Báo cáo đồ án tốt nghiệp GVHD : Th.s Đoàn Duy Bình
Chức năng điều chỉnh thông tin tài khoản
Bảng dữ liệu demo cho chức năng điều chỉnh thông tin các nhân Mật khẩu Nhập lại mật
khẩu
Ngày sinh Email Phản hồi của
hệ thống Nhập thiếu thông tin 123456 Nhập thiếu thông tin 123456 123456 Nhập thiếu thông tin 123456 123456 09 / 01 / 1988 Nhập thiếu thông tin 123456 09 / 01 / 1988 Nhập thiếu thông tin 123456 09 / 01 / 1988 abc@gmail.com Nhập thiếu thông tin 123456 abc@gmail.com Nhập thiếu thông tin 123456 123456 abc@gmail.com Nhập thiếu thông tin 123456 abc@gmail.com Nhập thiếu thông tin 123456 abc@gmail.com Nhập thiếu thông tin 123456 09 / 01 / 1988 abc@gmail.com Nhập thiếu thông tin 09 / 01 / 1988 abc@gmail.com Nhập thiếu thông tin 09 / 01 / 1988 Nhập thiếu thông tin abc@gmail.com Nhập thiếu thông tin
123456 123 09 / 01 / 1988 abc@gmail.com Mật khẩu không trùng nhau
123456 123456 99 / 01 / 1988 abc@gmail.com Cập nhật thông tin thành công
123456 123456 09 / 01 / 1988 abc Cập nhật thông (adsbygoogle = window.adsbygoogle || []).push({});
tin thành công
Tổng hợp Lỗi định dạng ngày sinh và email
Khắc phục Sử dụng calendarextender của Ajax để hổ trợ nhập ngày sinh bằng cách click chuột để tránh sai sót
Email : chưa khắc phục
Xây dựng website hỗ trợ học tập cho các trường mầm non
Chức năng bài thi trắc nghiệm
Chọn số câu hỏi
Hình 2.13 : Chọn số câu hỏi trắc nghiệm
Báo cáo đồ án tốt nghiệp GVHD : Th.s Đoàn Duy Bình
Hình 2.14 : Kết quả 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ó trong cơ sở dữ liệu
Hình 2.15 : Bảng cơ sở dữ liệu tích luỹ - chưa có điểm
Hình 2.16 : Cập nhật điểm mới
Hình 2.17 : Bảng cơ sở dữ liệu tích luỹ - cập nhật điểm mới
Mã đề thi cho thành viên thi đã có nhưng điểm thi mới cao hơn điểm cũ
Xây dựng website hỗ trợ học tập cho các trường mầm non
Hình 2.18 : Cập nhật điểm thi cao hơn
Hình 2.19 : Bảng cơ sở dữ liệu tích luỹ - cập nhật điểm cao hơn
Không cập nhật điểm thi
Mã đề thi cho thành viên thi đã có nhưng điểm thi mới thấp hơn hoặc bằng điểm cũ
Hình 2.20 : Không cập nhật điểm Các chức năng của file Flash
Phát âm thanh khi rê chuột qua
Báo cáo đồ án tốt nghiệp GVHD : Th.s Đoàn Duy Bình
Phát âm thanh khi click chuột Hoạt động tốt
Nội dung bài học và âm thanh phù hợp với nhau 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 đề có thể xãy ra lỗi File XML chỉ link bị sai Không có file âm thanh File âm thanh bị sai tên
Khắc phục (adsbygoogle = window.adsbygoogle || []).push({});
Có hướng dẫn cách bố trí các file âm thanh cho các file flash sử dụng trong file hướng dẫn sử dụng website
Xây dựng website hỗ trợ học tập cho các trường mầm non
CHƯƠNG 3 XÂY DỰNG WEBSITE HỖ TRỢ DẠY HỌC MẦM NON
3.1 Thiết kế Website 3.1.1 Giao diện trang web
Tạo dao diện trang web với:
Hình nền đẹp, màu sắc tươi trẻ
Sử dụng PageMaster tạo những phần chung nhất để việc load trang được nhanh hơn
Tạo table với nhiều hàng, cột để phân bố các biểu tượng ảnh, màu sắc được hợp lý
Các nút nhấn có link liên kết được làm bằng flash, tạo chuyển động và âm thanh khi rê chuột vào, click …
Sử dụng cookie kiểm tra và hiển thị tài khoản đăng nhập thích hợp Sau đây là ảnh minh hoạ
Báo cáo đồ án tốt nghiệp GVHD : Th.s Đoàn Duy Bình
Xây dựng website hỗ trợ học tập cho các trường mầm non
3.1.2 Các chức năng
Đăng kí thành viên
Vào giao diện trang đăng kí thành viên
Kiểm tra xem các thông tin đã được điền đầy đủ chưa? Đúng chưa? Chưa đủ / không đúng : hiển thị thông báo lỗi, yêu cầu nhập lại Ngược lại : đưa các thông tin đăng kí vào Database
Chuyển đến trang yêu cầu đăng nhập Hình ảnh minh hoạ
Báo cáo đồ án tốt nghiệp GVHD : Th.s Đoàn Duy Bình
Đăng nhập
Vào giao diện trang đăng nhập hệ thống
Kiểm tra các thông tin đăng nhập (User, Password)
Load từ database các thông tin User và Password để đối chiếu Trùng nhau :
Lưu các thông tin vừa đăng nhập vào hệ thống cookie Load quyền hạn của User đăng nhập tương ứng
Dựa và quyền hạn của User để chuyển đến trang tương ứng Không trùng nhau:
Hiển thị thông báo đăng nhập sai Yêu cầu đăng nhập lại
Hình ảnh minh hoạ
Xây dựng website hỗ trợ học tập cho các trường mầm non
Đăng xuất
Click vào nút thoát trong phần hiển thị thông tin tài khoản đang đăng nhập
Loại bỏ các thông tin tài khoản đang đăng nhập ra khỏi cookie (adsbygoogle = window.adsbygoogle || []).push({});
Chuyển về trang chủ Hình ảnh minh hoạ
Hình 3.4 : Đăng xuất 1
Báo cáo đồ án tốt nghiệp GVHD : Th.s Đoàn Duy Bình
Điều chỉnh thông tin
Vào giao diện trang web điều chỉnh thông tin
Click nút “xem thông tin” để hiển thị các thông tin của tài khoản Load các thông tin của tài khoản từ database
Gán cho các textbox … tương ứng
Sẽ có các thông tin cố định không chỉnh sửa được và các thông tin bình thường cho phép chỉnh sửa
Click nút “Hoàn thành” để tiến hành cập nhật thông tin cho tài khoản Kiểm tra các thông tin được phép chỉnh sửa
Không đúng : hiển thị thông báo lỗi và yêu cầu nhập lại Đúng : làm tiếp bước tiếp theo
Sử dụng câu lệnh UPDATE để tiến hành cập nhật các thông tin cho tài khoản vào database
Xây dựng website hỗ trợ học tập cho các trường mầm non
Hình 3.6 : Điều chỉnh thông tin Quản lý tài khoản
Chỉ có User có quyền hạn quản trị mới vào được trang này
Sử dụng listbox để hiển trị các tài khoản
Load các tên tài khoản từ database lưu vào một DataTable Duyệt DataTable từ Rows[0] Rows[MAX]
Mỗi lần duyệt Add một Item mang giá trị lấy từ Rows[i] tương ứng
Chọn tên tài khoản trong listbox – click vào nút “Xem thông tin” để hiển thị thông tin của tài khoản có tên tương ứng
Load các thông tin của tài khoản từ database
Hiển thị các thông tin này lên các textbox … tương ứng Sẽ có một số thông tin không cho phép chỉnh sửa
Click vào nút “Sửa” để tiến hành cập nhật thông tin cho tài khoản có tên được lựa chọn
Kiểm tra các thông tin có thể chỉnh sửa Đúng : tiến hành các thao tác sau
Sai : hiển thị thông báo lỗi, yêu cầu nhập lại
Sử dụng câu lệnh UPDATE để tiến hành cập nhật các thông tin cho tài khoản
Click vào nút “Xoá” để tiến hành xoá tài khoản có tên được lựa chọn Sử dụng câu lệnh DELETE để xoá Row có tên tài khoản tương
ứng có trong database
Báo cáo đồ án tốt nghiệp GVHD : Th.s Đoàn Duy Bình
Hình ảnh minh hoạ
Hình 3.7 : Quản lý tài khoản Quản lý các câu hỏi trắc nghiệm
Vào giao diện trang quản lý câu hỏi trắc nghiệm (adsbygoogle = window.adsbygoogle || []).push({});
Click vào nút “Thêm” để tiến hành tạo thêm câu hỏi trắc nghiệm Kiểm tra các thông tin điền vào
Sai : hiển thị thông báo lỗi và yêu cầu nhập lại Đúng : thực hiện tiếp các thao tác sau
Kiểm tra xem câu hỏi đã có trong database chưa
Có rồi : hiển thị thông báo đã có câu hỏi này, yêu cầu nhập câu hỏi khác
Chưa có : thực hiện tiếp các thao tác sau
Sử dụng câu lệnh INSERT để đưa các thông tin của câu hỏi trắc nghiệm vào database
Xây dựng website hỗ trợ học tập cho các trường mầm non
Click vào nút “Sửa” để tiến hành sửa câu hỏi trắc nghiệm Kiểm tra các thông tin điền vào
Sai : hiển thị thông báo lỗi và yêu cầu nhập lại Đúng : thực hiện tiếp các thao tác sau
Kiểm tra xem câu hỏi đã có trong database chưa
Có rồi : hiển thị thông báo đã có câu hỏi này, yêu cầu nhập câu hỏi khác
Chưa có : thực hiện tiếp các thao tác sau
Sử dụng câu lệnh UPDATE để cập nhật các thông tin tương ứng nhập vào cho câu hỏi được lựa chọn
Click vào nút “Xoá” để xoá câu hỏi trắc nghiệm
Sử dụng câu lệnh DELETE để xoá Row chứa câu hỏi tương ứng có trong database
Báo cáo đồ án tốt nghiệp GVHD : Th.s Đoàn Duy Bình
Hình 3.8 : Quản lý câu hỏi trắc nghiệm Chuyên mục bài học
Click vào Button Flash “Góc Học Tập” để vào giao diện bài học
Trang này load một file Flash khác chứa các Button để vào các trang chức năng khác của website
Button “Học toán” : đưa ta vào giao diện học tập môn toán Button “Học văn” : đưa ta vào giao diện học tập môn văn
Button “Thi toán” : đưa ta vào giao diện thi trắc nghiệm môn toán Button “Thi văn” : đưa ta vào giao diện thi trắc nghiệm môn văn Hình ảnh minh hoạ
Xây dựng website hỗ trợ học tập cho các trường mầm non
Chuyên mục các bài học văn
Một trang load file Flash chứa các nội dung liên quan đến bài học văn
Vì là trang web hỗ trợ dạy học cho các bé tuổi mầm non nên nội dung các bài học văn chủ yếu là luyện cách đọc, cách phát âm cho bé
File Flash : gồm các file dạy cách đánh vần bảng chữ cái, dạy các dấu thanh, các từ ghép và cách ghép chữ.
Trên giao diện file Flash chứa nội dung bài dạy (từ, chữ, câu, dấu, hình ảnh .. )
Tạo hiệu ứng khi đưa chuột lên các nội dung (rollOver) Có âm thanh phát ra khi click chuột vào nội dung bài học
(relsease)
Âm thanh : thu âm cách phát âm, cách đọc … Hình ảnh minh hoạ (adsbygoogle = window.adsbygoogle || []).push({});
Báo cáo đồ án tốt nghiệp GVHD : Th.s Đoàn Duy Bình
Chuyên mục các bài học toán
Một trang load file Flash chứa các nội dung liên quan đến bài học toán
Vì là trang web hỗ trợ dạy học cho các bé tuổi mầm non nên nội dung các bài học văn chủ yếu là luyện cách đếm, cách phân biệt hình dạng