Thiết kế đặc tả giao diện

Một phần của tài liệu Xây dựng WebSite hỗ trợ học tin học lớp 10 (Trang 68 - 80)

2 Tentaikhoan Nvarchar Notnull Tên Loại tin

3.4Thiết kế đặc tả giao diện

Hình 3-25: Giao diện trang hiển thị

Bảng 3-44: Mô tả các thông tin của trang hiển thị

Số Ý nghĩa

1 Hiển thị các thông tin về lý thuyết,thực hành, 2 Thống kê số người online, số người truy cập 3 Hiển thị danh sách các bài học mới

4 Hiển thị form đăng nhập

5 Hiển thị danh sách các bài học qua video

6 Tìm kiếm bài học

Giao diện trang chủ cho phép hiển thị các thông tin: tin tức, khoa-phòng, các dịch vụ, các bệnh thường gặp, tìm kiếm thông tin, các quy trình khám bệnh,… 3.4.2 Giao diện trang tin tức

Bảng 3-45: Mô tả thông tin của trang tin tức

Số Ý nghĩa

1 Hiển thị thông tin về tin tức của website 2 Hiển thị chi tiết tin khi click vào

Trang tin tức cho phép hiển thị các hình ảnh, tin tức về bệnh viện, quy trình khám bệnh của bệnh viện.

3.4.3 Giao diện trang đăng nhập

Hình 3-27: Giao diện trang đăng nhập Bảng 3-46: Mô tả thông tin của trang đăng nhập

Số Ý nghĩa

1 Hiển thị thông tin bắt buộc phải nhập khi đăng nhập vào hệ thống. 2 Button để đăng nhập vào hệ thống khi nhập đầy đủ các thông tin Trang login là trang bắt buộc người sử dụng muốn vào được trang quản trị thì phải đăng nhập thành công vào hệ thống.

Khi click vào button đăng nhập:

• Đầu vào: yêu cầu người nhập nhập vào tên đăng nhập và mật khẩu. Sau khi nhập xong thì hệ thống sẽ kiểm tra xem tên đăng nhập và mật khẩu đã tồn tại trong cơ sở dữ liệu chưa.

• Đầu ra: Nếu nhập đúng( đã có trong cơ sở dữ liệu) thì sẽ chuyển đến trang quản trị. Nếu nhập sai thì sẽ thông báo cho người sử dụng và yêu cầu nhập lại.

3.4.4 Giao diện trang bài học

Bảng 3-47: Mô tả thông tin của trang bài học

Số Ý nghĩa

1 Hiển thị thông tin các bài học

2 Hiện thị các bài học cùng chuyên mục 3.4.5 Giao diện trang bài thi

Bảng 3-48: Mô tả thông tin trang bài thi

Số Ý nghĩa

1 Hiển thị các câu hỏi 2 Hiện thị trình độ

3 Hiện thị các phần thi lý thuyết,thực hành 3.4.6 Giao diện trang quản lý bài thi

Tại giao diện này, cho phép người quản trị có quyền nhập, sửa, xóa mỗi bài test. Người quản trị có thể chọn cách nhập cho mình: Có thể nhập trực tiếp vào cơ sở dữ liệ

Nếu chọn cách nhập trực tiếp, người quản trị phải nhập vào các thông tin về số câu, nội dung, các đáp án, bài test,… Khi người quản trị đã nhập đầy đủ thông tin nhấn nút thêm khi đó hệ thống sẽ chèn đúng thông tin về câu hỏi đó vào cơ sở dữ liệu. Khi kích chuột vào ô chọn thì dữ liệu sẽ được đẩy lên các textbox,… người quản trị sẽ thực hiện xóa, sửa. Nếu muốn xóa nhiều thì tick vào checkbox trong gridview và ấn xóa

3.4.7 Giao diện trang quản lý câu hỏi (adsbygoogle = window.adsbygoogle || []).push({});

Tại giao diện này, cho phép người quản trị có quyền nhập, sửa, xóa câu hỏi của mỗi bài test. Người quản trị có thể chọn cách nhập cho mình: Có thể nhập trực tiếp vào cơ sở dữ liệu hoặc nhập từ file excel có sẵn.

Nếu chọn nhập từ file excel hệ thống yêu cầu người quản trị phải Browse đến đúng file excel và chọn đúng sheet điểm định nhập.

Sau khi hoàn thành nhấn nút nhập từ excel hệ thống sẽ tự động chèn bộ câu hỏi ở file excel vào đúng cơ sở dữ liệu.

Nếu chọn cách nhập trực tiếp, người quản trị phải nhập vào các thông tin về số câu, nội dung, các đáp án, bài test,… Khi người quản trị đã nhập đầy đủ thông tin nhấn nút thêm khi đó hệ thống sẽ chèn đúng thông tin về câu hỏi đó vào cơ sở dữ liệu. Khi kích chuột vào ô chọn thì dữ liệu sẽ được đẩy lên các textbox,… người quản trị sẽ thực hiện xóa, sửa. Nếu muốn xóa nhiều thì tick vào checkbox trong gridview và ấn xóa.

Hình 3-32: Giao diện trang quản lý chuyên mục

Tại giao diện này, cho phép người quản trị có quyền nhập, sửa, xóa chuyên mục của mỗi bài. Người quản trị có thể chọn cách nhập cho mình: Có thể nhập trực tiếp vào cơ sở dữ liệu hoặc nhập .

Nếu chọn cách nhập trực tiếp, người quản trị phải nhập vào các thông tin về mã chủ đề, tên chủ đề, người đăng,… Khi người quản trị đã nhập đầy đủ thông tin nhấn nút thêm khi đó hệ thống sẽ chèn đúng thông tin về câu hỏi đó vào cơ sở dữ liệu. Khi kích chuột vào ô chọn thì dữ liệu sẽ được đẩy lên các textbox,… người quản trị sẽ thực hiện xóa, sửa. Nếu muốn xóa nhiều thì tick vào checkbox trong gridview và ấn xóa.

3.4.9 Giao diện trang loại tin

Hình 3-33: Giao diện trang loại tin

Tại giao diện này, cho phép người quản trị có quyền nhập, sửa, xóa loại tin của mỗi bài. Người quản trị có thể chọn cách nhập cho mình: Có thể nhập trực tiếp vào cơ sở dữ liệu hoặc nhập .

Nếu chọn cách nhập trực tiếp, người quản trị phải nhập vào các thông tin về mã loại tin, Tên loại tin… Khi người quản trị đã nhập đầy đủ thông tin nhấn nút

thêm khi đó hệ thống sẽ chèn đúng thông tin về câu hỏi đó vào cơ sở dữ liệu. Khi kích chuột vào ô chọn thì dữ liệu sẽ được đẩy lên các textbox,… người quản trị sẽ thực hiện xóa, sửa. Nếu muốn xóa nhiều thì tick vào checkbox trong gridview và ấn xóa.

3.4.10 Giao diện trang đăng ký

Tại giao diện cho phép người dùng đăng ký vào website đăng ký bao gồm tên đăng nhập, mật khẩu, địa chỉ email, thông tin về cá nhân... điền mã xác nhận nều đống ý điều khoản nhấn ô hoàn thành nều không đồng ý nhấn ô hủy bỏ đăng ký thành công tiến hành đăng nhập vào website học tập.

Một phần của tài liệu Xây dựng WebSite hỗ trợ học tin học lớp 10 (Trang 68 - 80)