Chúng tơi sử dụng phần mềm Dreamwear để thiết kế phần giao diện cho
trang web vì tắnh thân thiện và linh hoạt của phần mềm. Với những phần web tĩnh như phần ơn tập-tự kiểm tra của HS, chúng tơi sử dụng ngơn ngữ HTML để thiết kế. Với những phần web động ở những nội dung cịn lại, chúng tơi sử dụng ngơn
ngữ ASP.
đối với phần sử dụng ngơn ngữ HTML, đầu tiên chúng tơi sử dụng định
dạng đối tượng (CSS- cascading style sheet) thiết lập các kiểu định dạng chung cho website để đảm bảo tắnh thống nhất về mặt hình thức ở các trang thành phần. Các đối tượng như màu nền cho trang web, font chữ, màu sắc, kắch thước của chữ trong
tiêu đề, nội dung, màu sắc của bảng biểu, siêu liên kếtẦ được định dạng trong tập
tin format.css. Chúng tơi sử dụng các thẻ HTML đơn giản để định dạng. Vắ dụ với thẻ HTML cĩ nội dung Ộtd#banner {height: 160px; width: 100%; background- image: url (.../images/banner_bg.gif); background-repeat: repeat-x;}, cột với định
dạng ỘbannerỢ sẽ được hiển thị với các thơng số quy định sẵn về chiều cao (160px), chiều rộng (trải dài 100% chiều dài màn hình); hình nền (lấy hình nền theo địa chỉ ../images/banner_bg.gif và lặp lại hình nền cho đến hết độ rộng của cột). Trong các trang, chúng tơi thiết kế website dưới dạng những bảng (table) để cĩ thể dễ dàng sử dụng những định dạng đã thiết lập trong CSS. Ngồi ra, sử dụng bảng sẽ giúp người thiết kế quản lý nội dung và định dạng trong trang được thuận tiện hơn.
đối với phần thiết kế bằng ngơn ngữ ASP, chúng tơi khơng sử dụng CSS và
bảng mà sử dụng dạng Form (nghĩa là một trang được ghép từ nhiều phần nhỏ). Một trang thiết kế bao gồm 3 form ghép lại là form tiêu đề (header), form nội dung của trang (body) và form đáy của trang (footer). Phần tiêu đề và đáy của trang được định dạng cố định cịn phần nội dung của trang được thay đổi tùy theo nội dung. Vắ
dụ, nếu phần nội dung trang là danh sách câu hỏi thì form nội dung được định dạng dưới dạng sơ đồ cây, nếu nội dung trang là tạo mới một hồ sơ thì form nội dung được định dạng dưới dạng những bảng chứa các ơ trống để điền thơng tin. Các form
này được định sẵn thành các mẫu (templates) trong thư mục Controls. Chúng tơi
danh sách câu hỏi, danh sách người sử dụng, kết quả bài kiểm tra cho HS, ma trận của đề thiẦ
Sau khi thiết kế định dạng trong CSS và các mẫu, chúng tơi tiến hành nhập nội dung của phần tự học và tự kiểm tra cho HS. để trang ơn tập được phong phú, chúng tơi sưu tập một số hình ảnh và phim flash trên mạng, cũng như thiết kế một số bài tập dưới dạng flash và nhúng vào trang web. Phần mềm EMP được sử dụng
để tạo những đề kiểm tra thử với mục đắch giúp HS tự kiểm tra kiến thức của mình
sau khi ơn tập lý thuyết và bài tập trong chương. Sau khi HS làm bài, máy sẽ đưa ra kết quả giúp HS biết được những câu làm sai, từ đĩ cĩ thể khắc phục những kiến
thức mà mình chưa vững. điều này giúp cho HS cĩ sự chuẩn bị tốt hơn cho kỳ thi trực tuyến chắnh thức theo yêu cầu của GV hoặc nhà quản lý.
Hình 2.2. Một bài tập được thiết kế bằng FLASH
2.2.2. Sử dụng phần mềm MS ACCESS thiết lập CSDL trong website
đầu tiên chúng tơi tiến hành phân tắch CSDL, xác định các đối tượng trong
website và lập các bảng với các trường tương ứng. Mỗi bảng tương ứng với một đối tượng và các trường trong bảng là những đặc tắnh của đối tượng. Trong mỗi bảng,
một trường đĩng vai trị là khĩa chắnh để đảm bảo khơng cĩ hồ sơ nào trong CSDL cĩ dữ liệu khĩa trùng nhau. Chúng tơi đã thiết kế 12 bảng như sau:
Bảng 2.1. Danh sách các bảng và trường tương ứng trong CSDL
STT Tên bảng Tên trường
1 Lớp Mã lớp (Khĩa); Tên lớp
2 Chương Mã chương (Khĩa); Tên chương
3 Chủ đề Mã chủ đề (Khĩa); Tên chủ đề; Mã chương
4 Câu hỏi Mã câu hỏi (Khĩa); Nội dung câu hỏi; Giải thắch; Mức độ nhận
thức; Mã chủ đề
5 Trả lời Mã đáp án đúng (Khĩa); đáp án đúng; đáp án nhiễu; Mã câu hỏi 6 Người dùng Mã người dùng (Khĩa); Tài khoản; Mật khẩu; Cấp độ người
dùng; Họ; tên người dùng; Trường; Lớp; Email; điện thoại
7 đề gốc Mã đề gốc (Khĩa); Số câu hỏi; Thời gian làm bài; Số đề cần tạo;
Mã đề; Kì kiểm tra
8 đề thi Mã đề thi (Khĩa) ; Mã đề gốc; Số thự tự của đề
9 đề gốc
-chủ đề
Mã đề gốc-chủ đề (Khĩa); Mã chủ đề; Mã đề gốc; Số câu hỏi ở
mỗi mức độ
10 đề thi-câu hỏi Mã đề thi-câu hỏi (Khĩa); Mã đề thi; Mã câu hỏi
11 Người dùng Ờđề thi
Mã người dùng-đề thi (Khĩa); Mã người dùng; Mã đề thi
12 Người dùng -đề thi-trả lời
Mã người dùng-đề thi-trả lời (Khĩa); Mã người dùng-đề thi; Mã
đề thi-câu hỏi; Phương án chọn
Sau khi thiết kế các bảng chúng tơi thiết lập mối quan hệ giữa các bảng theo sơ đồ sau:
Hình 2.3. Sơ đồ mối quan hệ giữa các bảng trong CSDL
2.2.3. Sử dụng phần mềm thiết kế một số hàm trong website
Chúng tơi sử dụng phần mềm VB. Net để xây dựng các hàm cho website.
Cơng dụng của các hàm này giúp cho website cĩ thể kết nối với CSDL. Các hàm này cho phép người sử dụng thơng qua website cĩ thể tiến hành các thao tác sau:
- Xem thơng tin của các hồ sơ cĩ trong CSDL. Vắ dụ quản trị website hoặc nhà quản lý cĩ thể xem danh sách GV, danh sách HS, danh sách và nội dung các
- Tạo mới một hồ sơ và đưa vào lưu trữ trong CSDL. Vắ dụ tạo hồ sơ người dùng, câu hỏi, đề thiẦ
- Cập nhật hoặc xĩa bỏ một hồ sơ đã cĩ sẵn trong CSDL.
- Sử dụng các thơng tin của hồ sơ trong CSDL để đưa ra một số kết quả khác hiển thị trên website. Vắ dụ hiển thị đề thi với yêu cầu người tạo đề, số liệu đánh giá các câu hỏi trong đề thi, kết quả kiểm tra của HSẦ