Chương 4 THIẾT KẾ VÀ ĐẶC TẢ GIAO DIỆN Giao din phía qu ntr h th ng (Adminstrator) ệố Giao din đ ng nh ph th ng ệố

Một phần của tài liệu PHẦN mềm LUYỆN THI TOEIC (Trang 29 - 39)

4.1. Giao diện phía quản trị hệ thống (Adminstrator)

4.1.1. Giao diện đăng nhập hệ thống

Hình 4.1: Giao diện form đăng nhập hệ thống

Các Control chính:

STT Name Control Chức năng

1 txtUserName TextBox Dùng để nhập username 2 txtPassWord TextBox Dùng để nhập password

3 btnVerify Button Dùng để kiểm tra thông tin username và password

4 btnEnterSystem Button Để vào giao diện chính 5 btnNewUser Button Thêm mới một Admin 6 btnChangePass Button Thay đổi password

7 btnClose Button Đóng cửa sổ và kết thúc chương trình Người quản lý đăng nhập với thông tin là username và password. Nhấn Verify info để kiểm tra thông tin, nếu thông tin về usernane và password không tồn tại trong cơ sở dữ liệu, hệ thống sẽ đưa ra thông báo “Sai username hoặc password”.

Nếu đăng nhập thành công các button “Enter system” ,”New user”, “Change password” ở trạng thái Enable.

Hình 4.2: Giao diện form chính của chương trình.

Phần này bao gồm menu hiển thị chức năng chính của hệ thống .

Mỗi lần click vào một menu con, hệ thống sẽ gọi đển chức năng cần thiết. Một listbox user để hiển thị thông tin người nào đang test, hoàn thành bài test hoặc đã thoát .

4.1.2. Giao diện quản lý phần đọc hiểu (Reading comprehension)

Hình 4.3: Giao diện form quản lý đọc hiểu

Các Control chính:

STT Name Control Chức năng

1 richPassage RichTextBox Dùng để nhập thông tin đoạn văn 2 cbTest Combobox Dùng để chọn bài test.

3 btnSavePassa ge

Button Lưu thông tin đoạn văn vào cơ sở dữ liệu

4 txtQuestion TextBox Dùng để nhập thông tin câu hỏi 5 txtA TextBox Dùng để nhập phương án A 6 txtB TextBox Dùng để nhập phương án B 7 txtC TextBox Dùng để nhập phương án C 8 txtD TextBox Dùng để nhập phương án D 9 cbAnswer Combobox Dùng để chọn đáp án đúng 10 btnSaveQues t

Button Dùng để lưu câu hỏi và đáp án 11 btnCreateNe

w

Button Xóa rỗng các textbox để nhập câu hỏi mới

Theo trình tự, người sử dụng sẽ nhập nội dung đoạn văn vào richpasssage, sau đó nhấn vào button “Save passage” để lưu thông tin vào cơ sở dữ liệu .

Người dung nhấn vào button “New passage để thêm mới một đoạn văn mới.

Với mỗi đoạn văn thì sẽ có nhiều câu hỏi với 4 phương án trả lời và 1 đáp án đúng.

Người sử dụng nhập nội dung câu hỏi và 4 đáp án trên các textbox txtQuestion, txA, txtB, txtC, txtD. Sau đó chọn đáp án đúng bằng combobox cbAnswer .

Combobox chỉ có 4 item là A, B, C, D.

Click vào button “Save” để lưu thông tin câu hỏi, 4 phương án, và đáp án đúng vào cơ sở dữ liệu.

4.1.3. Giao diện quản lý phần hoàn thành câu (Sentence completion) (adsbygoogle = window.adsbygoogle || []).push({});

Hình 4.4: Giao diện form quản lý phần hoàn thành câu.

Các control chính:

1 cbTest Combobox Dùng để chọn bài test.

2 txtQuestion TextBox Dùng để nhập thông tin câu hỏi 3 txtA TextBox Dùng để nhập phương án A 4 txtB TextBox Dùng để nhập phương án B 5 txtC TextBox Dùng để nhập phương án C 6 txtD TextBox Dùng để nhập phương án D 7 cbAnswer Combobox Dùng để chọn đáp án đúng. 8 btnSaveQuest Button Dùng để lưu câu hỏi và đáp án 9 btnUpdate Button Dùng để sửa một câu hỏi.

Người sử dụng nhập mới một câu hỏi và bốn phương án, chọn đáp án, chọn đề sau đó click vào button “Save” để lưu vào trong database .

Người sử dụng Click vào button “Update” để sửa nội dung của câu hỏi.

Hình 4.5: Giao diện form quản lý phần nghe.

Các control chính:

STT Name Control Chức năng

1. cbTest Combobox Dùng để chọn bài test.

2. txtQuestion TextBox Dùng để nhập thông tin câu hỏi 3. txtA TextBox Dùng để nhập phương án A 4. txtB TextBox Dùng để nhập phương án B 5. txtC TextBox Dùng để nhập phương án C 6. txtD TextBox Dùng để nhập phương án D 7. cbAnswer Combobox Dùng để chọn đáp án đúng. 8. btnSaveQuest Button Dùng để lưu câu hỏi và đáp án 9. btnUpdate Button Dùng để sửa một câu hỏi. 10. btnNewMedia Button Gọi mới một file media. 11. rdConversatio_

n

RadioButton Lựa chọn phần để nhập nội dung: Short Conversation, Short Talk, Question Respond.

12. rdShortTalk RadioButton 13. rdQues_Resp RadioButton 14. axMedia1 Media

Player

Kiểm tra nội dung file media.

Hình 4.6: Giao diện form quản lý phần picture description.

Các control chính.

STT Name Control Chức năng

1. cbTest Combobox Dùng để chọn bài test.

2. txtMedia TextBox Dùng để nhập thông tin câu hỏi 3. txtPicture TextBox Dùng để nhập phương án A 4. cbAnswer Combobox Dùng để chọn đáp án đúng. 5. btnSaveQuest Button Dùng để lưu câu hỏi và đáp án 6. btnUpdate Button Dùng để sửa một câu hỏi. 7. btnNewMedi

a

Button Gọi mới một file media. 8. btnNewPic Button Gọi mới một file hình ảnh. 9. axMedia1 Media Player Kiểm tra nội dung file media. 10. picImg PictureBox Kiểm tra nội dung hình ảnh. Người quản trị chọn đề thi để nhập:

- Người quản trị nhập dữ liệu từ một file audio và một file hình ảnh trong máy của cục bộ, sau đó chọn đáp án.

- Người quản trị click “Save” để chuyển 2 file audio và file hình ảnh đến thư mục trên webserver, sau đó đáp án và mã đề thi được lưu vào cơ sở dữ liệu.

- Người sử dụng click vào “Update” để lưu sự thay đổi thông tin file dữ liệu và đáp án với một câu hỏi cho trước.

4.2. Giao diện phía thí sinh dự thi (Candidate) 4.2.1. Giao diện nhập thông tin của thí sinh

STT Name Control Chức năng

1. txtHo Textbox Dùng để nhập họ của thí sinh 2. txtTendem Textbox Dùng để nhập tên đệm của thí sinh 3. txtTen Textbox Dùng để nhập tên của thí sinh

4. cbNgay Combobox Dùng để chọn ngày sinh của thí sinh 5. cbThang Combobox Dùng để chọn tháng sinh của thí sinh 6. cbNam Combobox Dùng để chọn năm sinh của thí sinh 7. txtDiachi Textbox Dùng để nhập địa chỉ của thí sinh 8. btnBatdau Button Sau khi hoàn tất việc điền các thông (adsbygoogle = window.adsbygoogle || []).push({});

tin, thí sinh bấm vào nút này để bắt đầu làm bài thi

9. btnDong Button Đóng cửa sổ

4.2.2. Giao diện bắt đầu test

Hình 4.9: Giao diện bắt đầu TEST.

STT Name Control Chức năng.

1. btnPartI Button Chọn phần Photographs để thi

2. btnPartII Button Chọn phần Question and Respond để thi

3. btnPartII Button Chọn phần Short Conversation để thi 4. btnPartIV Button Chọn phần Short Talks để thi

5. btnPartV Button Chọn phần Incomplete Sentences để thi 6. btnPartVI Button Chọn phần Error Recognition để thi 7. btnPartVII Button Chọn phần Reading Comprehension để

thi

Thí sinh dự thi sẽ chọn các button được gắn nhãn là các phần thi, thí sinh có thể test bất kỳ phần nào trước.

KẾT LUẬN

Trong thời gian thực tập, em đã tìm hiểu về các chương trình thi Tiếng Anh theo tiêu chuẩn quốc tế. Vì thời gian có hạn nên em chỉ tạm thời tập trung tìm hiểu và xây dựng chương trình hỗ trợ kiểm tra TOEIC.

Kết quả đạt được:

Hiểu được quy trình để làm một bài test tiếng Anh theo chuẩn TOEIC. Thiết kế được cơ sở dữ liệu, giao diện chính cho chương trình.

Kết quả chưa đạt được:

Do có nhiều chuẩn Tiếng Anh trên nên khó để xây dựng một chương trình hỗ trợ chung tương ứng với mỗi loại hình thi tiếng Anh.

Hướng phát triển :

Xây dựng hoàn chỉnh một chương trình hỗ trợ thi tiếng Anh tham chiếu theo Châu Âu.

Bổ sung thêm các phần hướng dẫn, ngữ pháp, tài liệu, bài tập, bài thi để giúp thí sinh có thể tự ôn trước khi tham gia vào kỳ

Một phần của tài liệu PHẦN mềm LUYỆN THI TOEIC (Trang 29 - 39)