Đồ án môn học thiết kế và lập trình web

Báo cáo đồ án web TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN KHOA CÔNG NGHỆ THÔNG TIN LỚP 02HCB ĐỒ ÁN MƠN HỌC THIẾT KẾ VÀ LẬP TRÌNH WEB I.Mơ tả chương trình “ EXPeRIMENT TEsT online” Tiếng Anh ngôn ngữ giao tiếp phổ biến giới.Ở Việt Nam xin việc làm mà tiếng Anh bạn bị lọai từ vịng đầu, Vì việc có văn Anh Văn tay lợi lớn cơng việc Nhưng để có văn thật có chất lượng địi hỏi bạn phải ôn tập chăm phải trải qua nhiều kì thi, dĩ nhiên khơng phải lúc bạn ………đậu! ENGLISH TEST ONLINE chương trình nhằm kiểm tra lại kiến thức Anh Văn cách tổng quát theo cấp độ nhằm giúp bạn ôn lại kiến thức tổng quát văn phạm Anh Văn, thông qua thi ngắn với câu hỏi trắc nghiệm.Ưu điểm lúc nơi người sử dụng kiểm tra lại kiến thức văn phạm mình, qua đưa chiến lược cụ thể cho môn Anh Văn Các cơng việc website: + Thêm / Xóa/ Sửa liệu CSDL + Phát sinh câu hỏi câu trả lời để người dùng vào thi + Cho phép người dùng chọn cấp độ thi + Cho phép người dùng login vào để thi xem kết + Tìm kiếm Danh sách cơng việc hổ trợ thực máy tính dựa theo yêu cầu cho II CÁC BIểU MẫU LIÊN QUAN: A ADMIN 1.Biểu mẫu : Thêm học sinh vào liệu LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web Biểu mẫu : Xóa học sinh khỏi danh sách học sinh Biểu mẫu : Sửa thông tin học sinh LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web Biểu mẫu : Thêm câu hỏi vào liệu Biểu mẫu : Cập nhật đáp án LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web Biểu mẫu : Xóa câu hỏi khỏi liệu B STUDENT: Biểu mẫu : Cho học sinh login để vào thi LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web Biểu mẫu : Tạo Account Biểu mẫu : Phát sinh câu hỏi câu trả lời LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web Biểu mẫu : Chấm điểm thi III YÊU CầU : Admin: STT CÔNG VIỆC LỌAI CÔNG VIỆC Thêm học sinh vào danh sách Xóa học sinh khỏi danh sách Sửa thông tin học sinh danh sách Thêm câu hỏi Cập nhật đáp án Xóa câu hỏi Lưu trữ BIỂU MẪU LIÊN QUAN Biểu mẫu Lưu trữ Biểu mẫu Lưu trữ Biểu mẫu Lưu trữ Lưu trữ Lưu trữ Biểu mẫu Biểu mẫu Biểu mẫu 6 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web STUDENT : STT CÔNG VIỆC LỌAI CÔNG VIỆC Login New Account Xem điểm Lưu trữ Lưu trữ Hiển thị BIỂU MẪU LIÊN QUAN Biểu mẫu Biểu mẫu Biểu mẫu IV BảNG QUI ĐịNH : STT Mã số QĐ1 QĐ2 QĐ3 QĐ4 QĐ5 Tên qui định Login Mô tả chi tiết Buộc phải gõ Username,password Kiểm Tra inf-student Kiểm tra tính đắn thơng tin sinh viên trước submit(password không rỗng) Số câu hỏi Số câu hỏi mốt thi 20 câu Câu hỏi phải đươc phát sinh ngẫu nhiên Giới Tính Male/Female Thời gian thi Thời gian thi 20 phút Ghi Trang Student/index True submit Hết thời gian khơng làm tiếp V PHÂN TÍCH : Sơ đồ luồng liệu 1: NGƯỜI DÙNG D1 D2 XỬ LÝ LƯU TRỮ THÊM/ XOÁ/SỬA SINH VIÊN THIẾT BỊ NHẬP D5 D4 D3 CSDL LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web D1 : Người dùng chọn chức Thêm/Xố/Sửa sinh viên - Nhập thông tin sinh viên cần cho việc lưu trữ :tên Account, password, họ tên, ngày sinh, nước, số điện thoại, địa D5 : - thông tin sinh viên : tên Account, password, họ tên, ngày sinh, nước, số điện thoại, địa cần cho việc Thêm/Xố/Sửa D4 :Đọc CSDL - Đọc thông tin sinh viên từ bảng infousers để người dùng nhập liệu - Đọc thơng tin sẳn có từ CSDL để người dùng xố sửa D3 : - Ghi thông tin sinh viên : tên Account, password, họ tên, ngày sinh, nước, số điện thoại, địa xuống CSDL D2 : thông báo cho người dùng công việc thành công hay thất bại Sơ đồ luồng liệu NGƯỜI DÙNG D1 THIẾT BỊ NHẬP D5 D2 XỬ LÝ LƯU TRỮ THÊM/ XOÁ/SỬA CÂU HỎI ,CÂU TRẢ LỜI, CẤP ĐỘ, MÔN D4 D3 CSDL D1 : Người dùng chọn chức Thêm/Xố/Sửa câu hỏi, cấp độ, môn, câu trả lời - Nhập thông tin câu hỏi, cấp độ, môn, câu trả lời cần cho việc lưu trữ :mã câu hỏi, mã câu trả lời, mã môn, mã môn, mã cấp độ, câu hỏi, câu trả lời, môn thi, cấp độ D5 : - thông tin câu hỏi, cấp độ, môn, câu trả lời cần cho việc lưu trữ :mã câu hỏi, mã câu trả lời, mã môn, mã môn, mã cấp độ, câu hỏi, câu trả lời, môn thi, cấp độ cần cho việc Thêm/Xố/Sửa D4 :Đọc CSDL - Đọc thông tin câu hỏi, cấp độ, môn, câu trả lời cần cho việc lưu trữ :mã câu hỏi, mã câu trả lời, mã môn, mã môn, mã cấp độ, câu hỏi, câu trả lời, môn thi, cấp độ từ bảng phân cấp, câu hỏi, trả lời, môn để người dùng nhập liệu - Đọc thơng tin sẳn có từ CSDL để người dùng xố sửa D3 : - Ghi thông tin câu hỏi, cấp độ, môn, câu trả lời cần cho việc lưu trữ :mã câu hỏi, mã câu trả lời, mã môn, mã môn, mã cấp độ, câu hỏi, câu trả lời, môn thi, cấp độ xuống CSDL D2 : thông báo cho người dùng công việc thành công hay thất bại LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web Sơ đồ luồng liệu 3: NGƯỜI DÙNG D1 D6 THIẾT BỊ NHẬP XỬ LÝ TRA CỨU ĐIỂM THIẾT BỊ XUẤT D5 D4 CSDL D1:các thơng tin sing viên cần cho việc tra cứu :Account, password D5: thông tin sing viên cần cho việc tra cứu :Account, password D4: tìm thơng tin điểm Account vừa nhập D6:Xuất bảng History Student VI.THIếT Kế Dữ LIệU: LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web VII DANH SÁCH CÁC THUộC TÍNH: CÂU HỎI INFOUSERS 10 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web Mô tả : + Nhập đáp án cho câu hỏi vừa nhập + Sau nhập xong submit, câu hỏi câu trả lời đưa vào CSDL Chức : + Cho nhập đáp án vào + Khi bấm Submit lưu câu hỏi đáp án vào liệu 2.6 Trang Delete Asks: Mô tả : + Chọn môn thi, cấp độ + Sau tìm câu hỏi cần xóa Chức : + Cho student đựoc quyền chọn môn + Khi bấm nút đưa đến trang Tìm câu hỏi 2.7 Trang tìm câu hỏi : 17 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web Mô tả : + Chọn câu hỏi cần xóa + Bấm submit để xóa Chức năng: + Khi bấm Submit xóa câu hỏi chọn khỏi CSDL Trang Login : 18 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web User’s Name : Nhập tên sinh viên(không bỏ trống) Password : Nhập vào password Submit : Khi bấm nut Submit kiểm tra tính hợp lệ username password cho login vào xem trang Admin không thi phải nhập lại B STUDENT : Trang Login: 19 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web User’s Name : Nhập tên sinh viên(không bỏ trống) Password : Nhập vào password ( không bỏ trống) Submit : Khi bấm Submit kiểm tra tính hợp lệ username password cho login vào thi không thi phải nhập lại 2.1 Trang chọn cấp độ thi: 20 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web Mô tả : Sau chọn môn cấp độ thi, click vào nút phép vào thi trang thi student 2.2 Trang thi 21 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web Mô tả : + Các câu hỏi đáp án phát sinh ngẫu nhiên 20 câu + Student sau thi xong nhấn nút + Nếu nhấn nút dẫn đến trang kết thi student làm lại thi 2.2 Trang hiển thị kết thi: Mơ tả : + Màn hình hiển thị thông tin : ngày thi, bắt đầu, kết thúc, môn thi, cấp độ điểm thi Chức năng: + Hiển thị thông tin + Lấy liệu tính điểm thi học sinh Tất trang có đường để đến trang index trang about us, services, history 22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web IX SƠ Đồ CHứC NĂNG A ADMIN 23 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án webBegin New Student Login Xem trang khác Phân quyền người dùng Update student Admin Delete Student Delete Asks B STUDENT New Asks Begin Xem thông tin trang ( khác trang Login Chọn môn Logout Thi Xem điểm X THIếT End Kế Xử LÝ A CÁC BIếN Cố VÀ Xử LÝ: ADMIN 1.1 Trang index : 24 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web STT Điều kiện kích họat Truy cập website Khi bấm vào đường dẫn ( nút : HOME, CONTACT, About us, History, Admin, Login…) Xử lý Ghi Link đến trang chủ Link đến trang Hyperlink kích họat HTML (chọn) 1.2 Trang Login STT Điều kiện kích họat Khi liên kết đến Xử lý + Đọc thông tin người dùng Login Khi bấm vào đường dẫn ( nút : HOME, CONTACT, About us, History, Login…) + Kiểm tra thơng tin nhập vào: • Nếu tạo đường link đến trang Admin • Nếu sai thơng báo bắt nhập lại Link đến trang kích họat (chọn) Các trang quảng cáo Ghi Để chuẩn bị cho việc kiểm tra thông tin Để link đến trang Admin Hyperlink HTML 1.3 Trang Admin: STT Điều kiện kích họat Khi bấm vào đường dẫn ( nút : HOME, CONTACT, About us, History, Login, NewStudent, UpdateStudent, DeleteStudent, NewAsks, DeleteAsks…) Xử lý Link đến trang kích họat (chọn) Các trang quảng cáo Ghi Hyperlink HTML 1.4 Trang NewSTudent STT Điều kiện kích họat Khi liên kết đến Xử lý Đọc danh sách học sinh + Kiểm tra thông tin nhập vào: • Nếu đúng, hợp lệ.thì cho phép lưu vào danh sách • Ngược lại thơng báo bắt nhập lại Link đến trang kích họat (chọn) Các trang quảng cáo Khi bấm nút Submit Khi bấm vào đường dẫn ( nút : HOME, CONTACT, About us, History, Login…) Ghi Chuẩn bị cho vịêc thêm thông tin học sinh Không bỏ trống, sinh viên chưa có danh sách tuổi không 100, email phai ghi cách Hyperlink HTML 25 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web 1.5 Trang UpdateSTudent STT Điều kiện kích họat Khi liên kết đến Xử lý Đọc danh sách học sinh + Kiểm tra thơng tin nhập vào: • Nếu đúng, hợp lệ.thì cho phép lưu vào danh sách • Ngược lại thông báo bắt nhập lại Link đến trang kích họat (chọn) Các trang quảng cáo Khi bấm nút Submit Khi bấm vào đường dẫn ( nút : HOME, CONTACT, About us, History, Login…) Ghi Chuẩn bị cho vịêc sửa thông tin học sinh danh sách Khơng bỏ trống, sinh viên có danh sách tuổi không 100, email phải ghi cách Hyperlink HTML 1.6 Trang DeleteStudent STT Điều kiện kích họat Khi liên kết đến Khi bấm nút Submit Xử lý Ghi + Đọc danh sách học sinh + Hiển thị tên student Chuẩn bị cho vịêc xóa thơng tin học sinh + Chọn tên student muốn xóa danh sách submit xóa thơng tin student đựợc chon khỏi danh sách 26 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web Link đến trang kích họat Hyperlink Khi bấm vào HTML (chọn) Các trang quảng cáo đường dẫn ( nút : HOME, CONTACT, About us, History, Login…) 1.7 Trang NewAsks: STT Điều kiện kích họat Khi liên kết đến Khi bấm nút Update Anwser Khi bấm vào đường dẫn ( nút : HOME, CONTACT, About us, History, Login…) Xử lý Đọc danh sách câu hỏi Ghi Chuẩn bị cho vịêc thêm câu hỏi vào danh sách câu hỏi + Kiểm tra thông tin nhập vào đủ chưa: • Nếu nhập đủ , hợp lệ.thì link đến trang newdapan.asp • Ngược lại thông báo bắt nhập lại Hyperlink Link đến trang kích họat (chọn) Các trang HTML quảng cáo 1.8 Trang Newdapan STT Điều kiện kích họat Khi liên kết đến Xử lý Đọc câu hỏi vưa nhận từ trang NewAsks, danh sách đáp án + Kiểm tra thông tin nhập vào chưa: • Nếu nhập lưu câu hỏi câu trả lời vào danh sách câu hỏi, danh sách câu trả lời Link đến trang Hyperlink Khi bấm nút Submit Khi bấm vào đường Ghi Chuẩn bị cho vịêc thêm, đáp án ứng với câu hỏi vừa nhập vào danh sách câu hỏi, đáp án 27 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web dẫn ( nút : HOME, CONTACT, About us, History, Login…) kích họat (chọn) Các trang HTML quảng cáo 1.9 Delete Asks : STT Điều kiện kích họat Khi liên kết đến Xử lý Đọc danh sách câu hỏi Khi bấm nút Khi bấm vào đường dẫn ( nút : HOME, CONTACT, About us, History, Login…) Link đến trang SearchDel.asp ( trang tìm câu hỏi để xóa) chuyển thơng tin mơn, cấp độ sang trang SearchDel Link đến trang Hyperlink kích họat (chọn) Các trang HTML quảng cáo 1.10 Trang SearchDel : STT Điều kiện kích họat Khi liên kết đến Ghi Chuẩn bị cho vịêc xóa câu hỏi vào danh sách câu hỏi Khi bấm nút Submit Khi bấm vào đường dẫn ( nút : HOME, CONTACT, About us, History, Login…) Xử lý + Đọc danh sách cacù câu hỏi + Hiển thị danh sách câu hỏi + Chọn câu hỏi muốn xóa danh sách submit xóa câu hỏi đựợc chọn khỏi danh sách câu hỏi Link đến trang kích họat (chọn) Các trang quảng cáo Ghi Chuẩn bị cho vịêc xóa câu hỏi Hyperlink HTML STUDENT : 2.1 Trang Login : STT Điều kiện kích họat Khi liên kết đến Xử lý + Đọc thông tin student Login Khi bấm vào đường dẫn + Kiểm tra thơng tin nhập vào: • Nếu tạo đường link đến trang chonmon.asp • Nếu sai thơng báo bắt nhập lại Link đến trang Ghi Để chuẩn bị cho việc kiểm tra thông tin Để link đến trang chonmon.asp Hyperlink 28 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web ( nút : HOME, CONTACT, About us, History, Login…) kích họat (chọn) Các trang quảng cáo HTML 2.2 Trang Chonmon STT Điều kiện kích họat Khi liên kết đến Khi bấm Khi bấm vào đường dẫn ( nút : HOME, CONTACT, About us, History, Login…) Xử lý + Đọc thông tin môn thi, cấp độ + Hiển thị hình + Tạo đường link đến trang thi.asp Link đến trang kích họat (chọn) Các trang quảng cáo Ghi Để chuẩn bị cho việc chọn môn thi cấp độ để vào thi Để vào thi Hyperlink HTML 2.3 Trang thi STT Điều kiện kích Xử lý họat Khi liên + Đọc thông tin môn thi, cấp độ, kết đến danh sách câu hỏi, đáp án + Hiển thị hình bảng câu hỏi, câu trả lời bảng đáp án Khi bấm Done Khi bấm + Lấy kết đáp án gửi sang trang xem điểm.asp Ghi + Để chuẩn bị cho việc phát sinh đề thi + Số câu hỏi =20 + Thời gian thi tối đa 20 phút Để chấm điểm + Xóa kết làm 2.4 Trang chấm điểm: STT Điều kiện kích họat Khi liên kết đến Xử lý Ghi +Lấy đáp án từ trang thi so với đáp với đáp án danh sách đáp án *Nếu khác điểm *Ngược lại số điểm câu + Gửi kết sang trang xemdiem.asp 2.5 Trang Xem diem STT Điều kiện kích họat Khi liên kết đến Xử lý + Đọc thông tin liệu + Lấy kết từ trang chấm điểm + Hiển thị kết hình Ghi 29 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web Khi bấm vào đường dẫn ( nút : HOME, CONTACT, About us, History, Login…) Link đến trang Hyperlink HTML kích họat (chọn) Các trang quảng cáo XI THựC HIệN: + Thực 96% XII ĐÁNH GIÁ: Hạn chế: Trang thi chưa ổn định tốc độ chưa cao,do số lượng tạo ngẫu nhiên câu hỏi câu trả lời cao Ưu điểm :có thể phát triển thêm nhiều mơn thi khác XIII CẤU HÌNH YÊU CẦU: CPU:P3 600Mhz, RAM:128 HardDisk : 3MB cịn trống XIV PHÂN CƠNG CƠNG VIỆC : Mỗi trang web có tham gia góp ý thành viên nhóm 30 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web 31 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com ...Báo cáo đồ án web Biểu mẫu : Xóa học sinh khỏi danh sách học sinh Biểu mẫu : Sửa thông tin học sinh LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web Biểu mẫu :... Báo cáo đồ án web MÔN PHÂN CẤP TRẢ LỜI THÔNG TIN NGƯỜI CHƠI VIII .THIếT Kế GIAO DIệN A ADMIN Trang chủ : index.asp 11 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Báo cáo đồ án web Home... Báo cáo đồ án web Mô tả : + Nhập đáp án cho câu hỏi vừa nhập + Sau nhập xong submit, câu hỏi câu trả lời đưa vào CSDL Chức : + Cho nhập đáp án vào + Khi bấm Submit lưu câu hỏi đáp án vào liệu