PHẦN IV:THIẾT KẾ GIAO DIỆN

Một phần của tài liệu Đồ án tốt nghiệp - Phân tích thiết kế hệ thống - PHẦN MỀM DẠY HỌC NGÔN NGỮ LẬP TRÌNH C# docx (Trang 32 - 46)

TỔNG QUAN VỀ THIẾT KẾ GIAO DIỆN CHO PHẦN MỀM

Phần thiết kế giao diện là phần rất quan trọng cho phần mềm dạy học của chúng tôi. Giao diện phải đáp ứng được yêu cầu tạo cảm giác thân thiện, khoa học, dễ sử dụng và trực quan đối với người dùng. Trước những yêu cầu đó chúng tôi đã thiết kế một số Form chính cho phần mềm như sau: Đầu tiên là Form Đăng nhập yêu cầu người dùng nhập thông tin Username và Passwork để đăng nhập vào hệ thống.

Form1: đăng nhập

Sau khi thông tin được người dùng nhập vào và click vào nút OK, Form sẽ có chức năng ánh xạ thông tin đã nhập với danh sách người dùng

đồng thời cấp quyền với phạm vi của người học. Khi nhấn OK một giao diện người học sẽ hiện ra ( Form2).

Nút Cancel để người dùng nhập lại thông tin đăng nhập truy cập vào hệ thống.

Form2: giao diện người dùng

Form2 này có chức năng tạo giao diện thân thiện giữa người dùng với các chức năng của hệ thống:

 Hiển thị nội dung bài học:Form có hai listbox, listbox1 chứa các đề mục và listbox2 chứa nội dung của bài học. Khi người dùng click vào tên một bài học bên listbox chứa đề mục thì hệ thống sẽ ánh xạ đến bảng bài giảng và listbox 2 sẽ hiển thị nội dung bài học đã được chọn. chứcnăng này đáp ứng tính trực quan,dễ sử dụng và khoa học,tạo cảm giác thân thiện với người dùng phần mềm.

.

Chức năng chứa trong các menu trên dành cho người sử dụng có quyền admin gồm tạo mới new để soạn thảo, mở file dữ liệu, save và save as, exit để thoát khỏi chức năng soạn, cập nhật của hệ thống

Với người dùng có quyền admin thì nút file mới được kích hoạt và hiện rõ trên form. Còn nếu không có quyền admin thì file này sẽ không được kích hoạt.

Khi nút edit được click , một menu như sau sẽ được hiển thị:

Nút edit dành cho cả admin và người học. Đối với admin thì tất cả các chức năng đều được kíck hoạt còn nếu là người học thì chỉ có chức năng Undo, Redo, copy.

Copy : sao chép nội dung đã được bôi đen Paste : dán nội dung đã copy hoặc cut Cut : cắt nội dung đã được bôi đen Select all : chọn tất cả

Nút này hỗ trợ cho người học một số thao tác như đã nói trên nhằm làm cho quá trình sử dụng phần mềm thêm hiệu quả và tiện dụng. Còn đối với admin thì ngoài những quyền giống như của người học thì nó còn hỗ trợ trong quá trình soạn thảo.

Nút thứ ba là nút đánh dấu, khi nút này được kíck hoạt thì một menu hiện ra như hình dưới. Menu chứa thông báo “bạn muốn đánh dấu bài?”

Nếu click vào dòng thông báo trên thì một Form3 hiện ra như sau:

Form này có chức năng cho người dùng đánh dấu vào bài học mà họ chọn. Khi thông tin bài được đánh dấu đã nhập xong tại listbox. Nếu nhấn

lại bài đã đánh dấu trong CSDL. Nếu nhấn nút Bỏ qua thì thao tác trước đó sẽ được huỷ bỏ. Và thoát khỏi Form Đánh dấu này.

Nút tiếp theo của Form2 là nút Tìm kiếm. Khi click vào nút tìm kiếm thì hiện ra một thông báo như hình dưới đây:

(adsbygoogle = window.adsbygoogle || []).push({});

Nhập thông tin tìm kiếm vào trong hộp thoại và nhấn OK thì hệ thống sẽ thực hiện tìm kiếm trong CSDL và trả ra kết quả tại Form2, nếu nhấn cancel để thoát khỏi Form tìm kiếm.

Begin TiÕp tôc? End. Chän tiªu chÝ t×m kiÕm NhËpND t×m HiÓn thÞ kÕt T×m thÊy? Yes No No Yes

Néu click vào thông báo trên thì Form5: trắc nghiịem sẽ được hiển thị như sau:

Form này thực hiện chức năng cho người học trắc nghiệm . Form có hai listbox như trên, listbox một chứa tên các bài trắc nghiệm. Khi click vào một trong số các bài đó và nhấn nút Bắt đầu thì nội dung bài test sẽ hiện ở listbox2 và bắt đầu tính thời gian làm bài.

Trong bài test có các checkbox để cho người học chọn lựa đáp án

Trong quá trình làm bài , nếu click vào nút quay lại thì sẽ chọn lại đáp án. Nếu click vào nút câu tiếp thì sẽ chuyển sang câu tiếp theo.Và khi click nút thoát thì sẽ thoat khỏi bài test .Nếu hét thời gian thì tại hộp Điẻm sẽ thông báo điểm số của bạn.

Nút cuối cùng là nút trợ giúp. Nếu click vào nút này một menu sẽ hiện ra như sau:

Menu gồm có:chức năng tìm kiếm, chỉ mục, và giới thiệu ttổng quan về phầm mềm. Nếu click vào tìm kiếm thì Form tìmkiếm sẽ được hiển thị như phần trên đã nói và thưc hiên chúc năng tìm kiếm. Nếu click vào chỉ mục thì sẽ hiển thị chỉ mục để cho bạn chọn bài học. Và click vao Giới thiệu phần mềm sẽ đưa ra một số thông tin về cách sử dụng phần mềm.

KẾT LUẬN CHUNG:

Trên đây là toàn bộ nội dung của đề tài “ Xây dựng phần mềm dạy học C#” của chúng tôi. Qua quá trình tìm hiểu, khảo sát hiện trạng dạy học trên giảng đường và các phần mềm dạy học đã được xây dựng để rút ra những mục tiêu, yêu cầu cho hệ thống cần xây dựng và những mặt hạn chế vẫn còn tồn tại của các phần mền.

Trong quá trình phân tích và vẽ các biểu đồ phân cấp chức năng, biểu đồ luồng dữ liệu,biểu đồ thực thể liên kết, lược đồ quan hệ chúng tôi đã nảy sinh rất nhiều ý tưởng mới cho phần mềm so với những dự kiến ban đầu xong do lượng kiến thức thực tế còn rất hạn chế nên mặc dù đã hết sức cố gắng nhưng chúng tôi chắc chắn là không chánh khỏi có những sai sót trong quá trình thiết kế.

Bên cạnh đó, do ngôn ngữ lập trình chưa đủ mạnh và chưa có kinh nghiệm trong quản lý CSDL lên chúng tôi chưa thể viết code cho phần mềm.Mọi thứ mới chỉ là những tài liệu phân tích và thiết kế cho các nhà lập trình chưa có phần mềm chạy thực sự. Đây cũng chính là điểm khiến nhóm chúng tôi cảm thấy không hài lòng nhất của đề tài. Tuy nhiên, do chúng tôi vừa mới làm quen lên mọi thứ còn nhiều ngỡ ngàng, hạn chế là không

Mong được sự đóng góp ý kiến xây dựng phần mềm ngày càng hoàn thiện và tối ưu hơn của thầy cô và các bạn!

Chúng tôi xin chân thành cảm ơn! Nhóm thực hiện

**************** HẾT****************

Một phần của tài liệu Đồ án tốt nghiệp - Phân tích thiết kế hệ thống - PHẦN MỀM DẠY HỌC NGÔN NGỮ LẬP TRÌNH C# docx (Trang 32 - 46)