Đồ án thiết kế và lập trình Web 1

Đồ án thiết kế và lập trình 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

Gvhd :Thầy Trần Đức Duẩn Svth :Nguyễn Nhật Khánh

LỜI GIỚI THIỆU

I.MÔ TẢ CHƯƠNG TRÌNH “ EXPERIMENT TEST ONLINE”

Tiếng Anh là ngôn ngữ giao tiếp phổ biến nhất trên thế giới.Ở Việt Nam nếu đi xin việc làm mà không biết tiếng Anh là bạn đã có thể bị lọai ngay từ vòng đầu, Vì vậy việc có được một văn bằng Anh Văn trong tay là một lợi thế rất lớn trong công việc Nhưng để có được một văn bằng thật sự có chất lượng đòi hỏi bạn phải ôn tập rất chăm chỉ và phải trải qua rất nhiều kì thi, dĩ nhiên không phải lúc nào bạn cũng ………đậu!

ENGLISH TEST ONLINE là chương trình nhằm kiểm tra lại kiến thức Anh Văn một cách tổng quát nhất theo mọi cấp độ nhằm giúp bạn ôn lại những kiến thức tổng quát về văn phạm trong Anh Văn, thông qua những bài thi ngắn với những câu hỏi trắc nghiệm.Ưu điểm của nó là mọi lúc mọi nơi người sử dụng đều có thể kiểm tra lại kiến thức văn phạm của mình, qua đó có thể đưa ra những chiến lược cụ thể cho môn Anh Văn

Các công việc chính của website:

+ Thêm / Xóa/ Sửa dữ liệu trong CSDL

+ Phát sinh câu hỏi và 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 và xem kết quả + Tìm kiếm

Danh sách các công việc sẽ được hổ trợ thực hiện trên máy tính dựa theo các yêu cầu đã cho

II CÁC BIỂU MẪU LIÊN QUAN: A ADMIN

1.Biểu mẫu 1 : Thêm học sinh vào dữ liệu

2 Biểu mẫu 2 : Tạo Account mới

3 Biểu mẫu 2 : Phát sinh câu hỏi và câu trả lời

2 Xóa học sinh ra khỏi

3 Sửa thông tin học

sinh trong danh sách Lưu trữ Biểu mẫu 3

2 STUDENT :

STT CÔNG VIỆC LỌAI CÔNG VIỆC BIỂU MẪU LIÊN QUAN

IV BẢNG QUI ĐỊNH :

STT Mã

số Tên qui định Mô tả chi tiết Ghi chú

đúng

Trang

Student/index 2 QĐ2 Kiểm Tra inf-

student

Kiểm tra tính đúng đắn của thông tin sinh viên trước khi submit(password không rỗng)

True thì submit

3 QĐ3 Số câu hỏi Số câu hỏi trong mốt bài thi là 20 câu Câu hỏi phải đươc phát sinh ngẫu nhiên

không được làm tiếp

V PHÂN TÍCH :

1 Sơ đồ luồng dữ liệu 1:

NGƯỜI DÙNG

XỬ LÝ LƯU TRỮ THÊM/XOÁ/SỬA SINH VIÊNTHIẾT BỊ NHẬP

D1 : Người dùng chọn chức năng Thêm/Xoá/Sửa sinh viên

- Nhập các thông tin của sinh viên cần cho việc lưu trữ :tên Account, password, họ và tên, ngày sinh, nước, số điện thoại, địa chỉ

D2 : thông báo cho người dùng là công việc thành công hay thất bại

2 Sơ đồ luồng dữ liệu 2

NGƯỜI DÙNG

XỬ LÝ LƯU TRỮ THÊM/XOÁ/SỬA CÂU HỎI ,CÂUTRẢ LỜI, CẤP ĐỘ, MÔNTHIẾT BỊ NHẬP

D1 : Người dùng chọn chức năng Thêm/Xoá/Sửa câu hỏi, cấp độ, môn, câu trả lời

- Nhập các thông tin của 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 :

- các thông tin về 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/Xoá/Sửa

D4 :Đọc CSDL

- Đọc các thông tin về 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 các thông tin sẳn có từ CSDL để người dùng xoá hoặc 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 là công việc thành công hay thất bại

D6:Xuất bảng History Student

VI.THIẾT KẾ DỮ LIỆU:

VII DANH SÁCH CÁC THUỘC TÍNH:

CÂU HỎI

INFOUSERS

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

1 Trang chủ : index.asp

Home :Link trở về trang chủ

Contact :Liệt kê thông tin người chơi theo điểm About us : Link đến trang about us

Services : Link đến trang Services

Admin : Link đến trang Admin để thực hiện các trang thêm xóa sửa dữ liệu Contact us : Link đến trang Contact us

History :Link đến trang History

Login Students : Đăng nhập vào trang Students để thi

2 Trang Admin:

Mô tả:

+ New Students : Link tới trang nhập một sinh viên mới + Update Students : Link tới trang sửa thông tin một sinh viên + Delete Students : Link tới trang xóa một sinh viên

+ New Asks : Link tới trang nhập câu hỏi mới + Delete Asks : Link tới trang xóa câu hỏi Chức năng :

+ Admin có quyền thêm, xóa, sửa thông tin, dữ liệu + Admin cấp quyền cho người dùng

2.1 Trang New student :

Mô tả :

+ Nhập thông tin của sinh viên (không được bỏ trống và phải thỏa qui định)

+ Sau khi đã nhập xong thi submit, dữ liệu sẽ được đưa vào CSDL

2.2 Trang Update Student:

Mô tả :

+ Nhập thông tin của sinh viên (không được bỏ trống và phải thỏa qui định)

+ Sau khi đã nhập xong thi submit, dữ liệu sẽ được đưa vào CSDL

Mô tả :

+ Chọn tên sinh viên muốn xóa

+ Sau khi đã nhập xong thì submit, dữ liệu sẽ bị xóa khỏi CSDL

Mô tả :

+ Nhập câu hỏi mới

+ Sau khi đã nhập xong thì Cập nhật đáp án, dữ liệu sẽ được đưa vào CSDL

Mô tả :

+ Nhập đáp án cho câu hỏi mới vừa nhập

+ Sau khi đã nhập xong thì submit, cả câu hỏi và câu trả lời sẽ được đưa vào

CSDL

Chức năng :

+ Cho nhập đáp án vào

+ Khi bấm Submit sẽ lưu câu hỏi và đáp án mới vào dữ 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 năng :

+ Cho student đựoc quyền chọn môn

+ Khi bấm nút sẽ đưa đến trang Tìm câu hỏi

2.7 Trang tìm câu hỏi :

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 được chọn ra khỏi CSDL

3 Trang Login :

User’s Name : Nhập tên sinh viên(không được bỏ trống) Password : Nhập vào password

Submit : Khi bấm nut Submit sẽ kiểm tra tính hợp lệ của username và password nếu đúng thì cho login vào xem các trang của Admin không thi phải nhập lại

B STUDENT : 1 Trang Login:

Mô tả : Sau khi chọn môn và cấp độ thi, thì khi click vào nút student sẽ được phép vào thi trang thi

2.2 Trang thi

Mô tả :

+ Các câu hỏi và đáp án được phát sinh ngẫu nhiên 20 câu

+ Student sau khi thi xong nhấn nút sẽ dẫn đến trang kết quả + Nếu nhấn nút thi student sẽ được làm lại bài thi mới

2.2 Trang hiển thị kết quả thi:

Mô tả :

+ Màn hình sẽ hiển thị thông tin : ngày thi, giờ bắt đầu, giờ kết thúc, môn thi, cấp độ và điểm thi

Chức năng:

+ Hiển thị thông tin

+ Lấy dữ liệu và tính điểm thi của học sinh

Tất cả các trang đều có đường để đi đến trang index và các trang about us, services, history

IX SƠ ĐỒ CHỨC NĂNG A ADMIN

trang

quyền người dùng

Begin

Xem điểm

Chọn môn

Xem thông tin các trang ( khác trang

X THIẾT KẾ XỬ LÝ

A CÁC BIẾN CỐ VÀ XỬ LÝ: 1 ADMIN

1.1 Trang index :

STT Điều kiện kích họat Xử lý Ghi chú

chủ 2 Khi bấm vào các đường dẫn ( các nút :

HOME, CONTACT, About us, History, Admin, Login…)

Link đến các trang được kích họat (chọn)

Hyperlink trong HTML

1.2 Trang Login

STT Điều kiện kích họat Xử lý Ghi chú

1 Khi được liên kết đến + Đọc thông tin người

dùng Để chuẩn bị cho việc kiểm tra thông tin

được nhập vào:

• Nếu đúng thì tạo đường link đến trang Admin • Nếu sai thông

báo bắt nhập lại

Để link đến trang Admin

3 Khi bấm vào các đường dẫn ( các nút : HOME, CONTACT, About us, History, Login…)

Link đến các trang được kích họat (chọn) Các trang quảng cáo

Hyperlink trong HTML

1.3 Trang Admin:

STT Điều kiện kích họat Xử lý Ghi chú

1 Khi bấm vào các đường dẫn ( các nút : HOME, CONTACT, About us, History, Login, NewStudent, UpdateStudent, DeleteStudent, NewAsks, DeleteAsks…)

Link đến các trang được kích họat (chọn) Các trang quảng cáo

Hyperlink trong HTML

STT Điều kiện kích họat Xử lý Ghi chú

1 Khi được liên kết đến Đọc danh sách học

sinh Chuẩn bị cho vịêc thêm thông tin học sinh mới 2 Khi bấm nút

+ Kiểm tra thông tin được 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

Không được bỏ trống, sinh viên đó chưa có trong danh sách và tuổi không quá 100, email phai ghi đúng cách

3 Khi bấm vào các đường dẫn ( các nút : HOME, CONTACT, About us, History, Login…)

Link đến các trang được kích họat (chọn) Các trang quảng cáo

Hyperlink trong HTML

1.5 Trang UpdateSTudent

STT Điều kiện kích họat Xử lý Ghi chú

1 Khi được liên kết đến Đọc danh sách học

sinh Chuẩn bị cho vịêc sửa thông tin học sinh trong danh sách

2 Khi bấm nút Submit

+ Kiểm tra thông tin được 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

Không được bỏ trống, sinh viên có trong danh sách và tuổi không quá 100, email phải ghi đúng cách

3 Khi bấm vào các đường dẫn ( các nút : HOME, CONTACT, About us, History, Login…)

Link đến các trang được kích họat (chọn) Các trang quảng cáo

Hyperlink trong HTML

1.6 Trang DeleteStudent

STT Điều kiện kích Xử lý Ghi chú

1 Khi được liên kết

đến + Đọ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

2 Khi bấm nút Submit

+ Chọn tên student muốn xóa trong danh sách khi submit sẽ xóa thông tin student đựợc chon ra khỏi danh sách

3 Khi bấm vào các đường dẫn ( các nút : HOME, CONTACT, About us, History, Login…)

Link đến các trang được kích họat (chọn) Các trang quảng cáo

Hyperlink trong HTML

1.7 Trang NewAsks:

STT Điều kiện kích họat Xử lý Ghi chú

1 Khi được liên kết đến Đọc danh sách câu hỏi Chuẩn bị cho vịêc thêm câu hỏi mới vào danh sách câu hỏi

2 Khi bấm nút

CONTACT, About us,

History, Login…) trang quảng cáo

1.8 Trang Newdapan

STT Điều kiện kích họat Xử lý Ghi chú

1 Khi được liên kết đến Đọc câu hỏi vưa nhận từ trang NewAsks, danh sách đáp án

Chuẩn bị cho vịêc thêm, đáp án mới ứng với câu hỏi vừa nhập vào danh sách câu hỏi, đáp án 2 Khi bấm nút

3 Khi bấm vào các đường dẫn ( các nút : HOME, CONTACT, About us, History, Login…)

Link đến các trang được kích họat (chọn) Các trang quảng cáo

Hyperlink trong HTML

1.9 Delete Asks :

STT Điều kiện kích họat Xử lý Ghi chú

1 Khi được liên kết đến Đọc danh sách câu hỏi Chuẩn bị cho vịêc xóa câu hỏi mới vào danh sách câu hỏi

SearchDel.asp ( trang tìm câu hỏi để xóa) và chuyển thông tin môn, cấp độ sang trang SearchDel 3 Khi bấm vào các đường

dẫn ( các nút : HOME, CONTACT, About us, History, Login…)

Link đến các trang được kích họat (chọn) Các trang quảng cáo

Hyperlink trong HTML

1.10 Trang SearchDel :

1 Khi được liên kết đến + Đọc danh sách cacù câu hỏi

+ Hiển thị danh sách các câu hỏi

Chuẩn bị cho vịêc xóa câu hỏi

2

Khi bấm nút Submit + Chọn câu hỏi muốn xóa trong danh sách khi submit sẽ xóa câu hỏi đựợc chọn ra khỏi danh sách câu hỏi 3 Khi bấm vào các đường dẫn (

các nút : HOME, CONTACT, About us, History, Login…)

Link đến các trang được kích họat (chọn) Các trang quảng cáo

Hyperlink trong HTML

2 STUDENT : 2.1 Trang Login :

STT Điều kiện kích họat Xử lý Ghi chú

1 Khi được liên kết đến + Đọc thông tin student Để chuẩn bị cho việc kiểm tra thông tin

được nhập vào:

• Nếu đúng thì tạo đường link đến trang

chonmon.asp • Nếu sai thông

báo bắt nhập lại

Để link đến trang chonmon.asp

3 Khi bấm vào các đường dẫn ( các nút : HOME,

CONTACT, About us, History, Login…)

Link đến các trang được kích họat (chọn) Các trang quảng cáo

Hyperlink trong HTML

2.2 Trang Chonmon

STT Điều kiện kích họat Xử lý Ghi chú

1 Khi được liên kết đến + Đọc thông tin môn thi, cấp độ

+ Hiển thị ra màn hình

Để chuẩn bị cho việc chọn môn thi và cấp độ để vào thi

đến trang thi.asp

Để vào thi 3 Khi bấm vào các đường dẫn (

các nút : HOME, CONTACT, About us, History, Login…)

Link đến các trang được kích họat (chọn) Các trang

Hyperlink trong HTML

2.3 Trang thi

STT Điều kiện kích họat

1 Khi được liên

kết đến + Đọc thông tin môn thi, cấp độ, danh sách câu hỏi, đáp án + Hiển thị ra màn hình bảng các câu hỏi, câu trả lời và bảng đáp án

+ Để chuẩn bị cho việc phát sinh đề thi + Số câu hỏi =20 + Thời gian thi tối đa là 20 phút

+ Lấy kết quả đáp án gửi sang trang xem điểm.asp

Để chấm điểm

3 Khi bấm + Xóa kết quả đã làm

2.4 Trang chấm điểm:

STT Điều kiện kích họat

chú

1 Khi được liên

kết đến +Lấy đáp án từ trang thi so với đáp với đáp án trong danh sách đáp án *Nếu khác nhau thì 0 điểm

*Ngược lại thì bằng số điểm của câu + Gửi kết quả sang trang xemdiem.asp

2.5 Trang Xem diem

STT Điều kiện kích họat Xử lý Ghi chú

1 Khi được liên kết đến + Đọc thông tin dữ liệu + Lấy kết quả từ trang chấm điểm

+ Hiển thị kết quả ra màn hình

2 Khi bấm vào các đường dẫn ( các nút : HOME, CONTACT, About us, History, Login…)

Link đến các trang được kích họat (chọn) Các trang quảng cáo

Hyperlink trong HTML

XI THỰC HIỆN:

+ Thực hiện được 96%

XII ĐÁNH GIÁ:

Hạn chế: Trang thi vẫn chưa ổn định tốc độ chưa cao,do số lượng tạo ngẫu nhiên câu hỏi và câu trả lời cao

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 một trang web đều có sự tham gia góp ý của các thành viên trong nhóm