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

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

TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊNKHOA 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ẩnSvth :Nguyễn Nhật Khánh

Mssv:02hc344 Hồ Đình Tưởng Mssv:02hc451 Võ Thị Bích Hạnh Mssv:02hc329

TP.HCM ngày 8/5/2005.

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 : Xóa học sinh ra khỏi danh sách học sinh

4 Biểu mẫu 4 : Thêm câu hỏi mới vào dữ liệu

5 Biểu mẫu 5 : Cập nhật đáp án

6 Biểu mẫu 6 : Xóa câu hỏi ra khỏi dữ liệu

B STUDENT:

1 Biểu mẫu 1 : Cho học sinh login để vào thi.

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

4 Biểu mẫu 3 : Chấm điểm thi.

1 Thêm học sinh vào

2 Xóa học sinh ra

3 Sửa thông tin học sinh trong danh sách

2 STUDENT :

STTCÔNG VIỆCLỌ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ú

Trang

Student/index2 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âuhỏ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

PHÂN CẤP

TRẢ LỜI

THÔNG TIN NGƯỜI CHƠI

VIII.THIẾT KẾ GIAO DIỆNA 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 sẽ lưu câu hỏi và đáp án mới vào dữ liệu

2.6 Trang Delete Asks:

Submit

Mô tả :

+ Chọn môn thi, cấp độ + Sau đó tìm câu hỏi cần xóaChứ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óaChức năng:

+ Khi bấm xóa câu hỏi được chọn ra khỏi CSDL

3 Trang Login :

Submit

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 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:

Submit

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

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

2.1 Trang chọn cấp độ thi:

Submit

Mô tả : Sau khi chọn môn và cấp độ thi, thì khi click vào nút studentsẽ đượ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ĂNGA ADMIN

studentNew Student

Phân quyền người dùngXem

trang khác

Xem điểm

Chọn mônXem thông tin các

trang ( khác trang Login)

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ọatXử 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ọatXử 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 trangAdmin

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ọatXử 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

1.4 Trang NewSTudent

STT Điều kiện kích họatXử 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

được nhập vào: Nếu đúng,

hợp lệ.thì chophép lưu vào danh sách  Ngược lại

thông báo bắtnhậ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ọatXử 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

đượ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

SubmitSubmit

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 + 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ọatXử 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 + Kiểm tra thông tin đã được nhập vào đủ chưa:

 Nếu đã được 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.Update Anwser

Submit

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

kích họat (chọn) Các

1.8 Trang Newdapan

STT Điều kiện kích họatXử 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áchcâu hỏi, đáp án2 Khi bấm nút + Kiểm tra thông tin đã

được nhập vào chưa: Nếu đã được nhập

thì lưu câu hỏi mớicùng câu trả lời vào danh sách các câu hỏi, danh sáchcâu trả lờ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

1.9 Delete Asks :

STT Điều kiện kích họatXử 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

Submit

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

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

Khi bấm nút + 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ọatXử 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 đượckí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ọatXử lýGhi chú

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

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

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

đến trang thi.asp Để vào thi3 Khi bấm vào các đường dẫn Link đến các trang Hyperlink trong

Submit

CONTACT, About us,

History, Login…) (chọn) Các trang quảng cáo

2.3 Trang thi

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 độ, 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 đalà 20 phút

2 Khi bấm + 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íchhọat

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ọatXử 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Á:

Done

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.

Ưu điểm :có thể phát triển thêm nhiều bộ môn thi khác.

XIII CẤU HÌNH YÊU CẦU:

CPU:P3 600Mhz, RAM:128HardDisk : 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.