Thiết kế giao diện:

Một phần của tài liệu Xây dựng website thư viện IT (Trang 27 - 45)

- Giao diện from trang chủ

Mô tả:

- Trang chủ mô tả tổng quát tất cả những tài nguyên và chức năng mà hệ thống cung cấp

- Ngời sử dụng khi vào trang chủ có thể chọn vào các mục tài nguyên thông qua thống kê ( theo tiêu chí mới nhất, đặc sắc nhất..) hoặc theo từng mục tài nguyên trên menu.

Chức năng:

- Thống kê tổng quát các tài nguyên mà hệ thống cung cấp. Xử lý chức năng:

- Khi lấy dữ liệu từ cơ sở dữ liệu thì phải theo tiêu chí tài nguyên mới nhất, nổi bật nhất (nhiều ngời xem nhất).

- Giao diện phải đẹp, thân thiện với ngời dùng.

- Giao diện form đăng ký hệ thống

From trên đợc thiết kế bằng:

- Sáu textbox có ID lần lợt là: txtUserName, txtPass, txtPassConfi, txtHoTen, txtEmail, txtNam.

- Ba dropdownlist có tên lần lợt là: drdlGioiTinh, drdlNgay, drdlThang.

- Các điều khiển dùng để kiểm tra dữ liệu nhập vào: RequiredFieldValidator, CustomValidator, CompareValidator, RegularExpressionValidator, RangeValidator.

- Một điều khiển recaptcha dùng để sinh và lấy mã xác nhận.

- Hai button dùng đăng ký hoặc hủy đăng ký có tên lần lợt là: btnDangKy, btnHuy.

Mô tả:

- Nhập thông tin của ngời dùng( không đợc bỏ trống và phải thỏa mãn các điều kiện).

- Sau khi đã nhập song, ấn nút Đăng ký thì dữ liệu sẽ đợc đa vào CSDL. Chức năng: tạo tài khoản mới cho ngời dùng.

Xử lý chức năng:

- Khi bấm Đăng ký nếu dữ liệu sai thì có thông báo bắt nhập lại.

- Lu thông tin mới vào CSDL.

- Nếu thành công thì có thông báo thành công, ngợc lại có thông báo không thành công.

- Giao diện form đăng nhập

Form trên đợc thiết kế gồm:

- Hai textbox là txtTenDN, txtMatKhau.

- Hai hyperlink là HyperLink1 và HyperLink2 liên kết lần lợt đến form lấy lại mật khẩu và form đăng ký.

- Một checkbox và một button. Mô tả:

- Ngời dùng nhập tên đăng nhập và mật khẩu( phải đúng với thông tin lúc đăng ký).

- Sau khi nhập song nhấn nút Đăng nhập thì ngời dùng có thể thực hiện đợc các hành động tơng ứng với vai trò trong hệ thống.

Chức năng: đăng nhập vào hệ thống. Xử lý chức năng:

- Nếu ngời dùng không nhập đủ thông tin hoặc nhập sai thông tin thì sẽ có thông báo.

- Giao diện form upload

G/VHD: PGS.Ts Mai Văn Trinh - Khoa CNTT - ĐHV

- Giao diện sau dùng để upload các mục giới thiệu, trợ giúp, tin tức- sự kiện:

Trong giao diện trên dùng FCKeditor để nhập nội dung, một fileupload dùng để upload ảnh( fileupload này phải đợc kiểm tra xem file đợc upload lên có đúng định dạng ảnh không).

- Giao diện sau dùng để upload các mục tài liệu, video:

Trang 30

- Giao diện dùng upload bộ đề thi trắc nghiệm:

Mô tả:

- Khi ngời dùng chọn mục cần upload và nhập đủ thông tin.

- Khi nhấn nút Đăng Bài, nếu dữ liệu đúng thì dữ liệu đó đợc lu vào trong CSDL.

Chức năng: lấy thông tin tài nguyên cho hệ thống.

Xử lý chức năng:

- Khi ngời dùng chọn mục cần upload thì sẽ hiển thị giao diện tơng ứng với mục đó.

- Nếu ngời dùng không nhập thông tin vào các mục nh:

tiêu đề, giới thiệu, nội dung, thời gian, số câu sẽ có thông báo.… - Nếu upload các file ảnh và file video, bộ đề trắc nghiệm không theo

đúng định dạng mà hệ thống quy định sẽ có thông báo lỗi.

- Khi chọn upload file từ hệ thống nhng không có file upload hoặc ngợc lại thì sẽ có thông báo lỗi(đối với hình I.2-4).

- Nếu thông tin dữ liệu đúng theo yêu cầu của hệ thống, khi nhấn nút Đăng Bài thì dữ liệu sẽ đợc đa vào CSDL và có thông báo upload thành công.

- Giao diện form tin tức- sự kiện

Mô tả:

- Cho phép ngời dùng đọc tin tức, sự kiện.

- Khi ngời dùng đăng nhập và có vai trò là ngời tạo tin tức hoặc admin thì nút Chỉnh sửa sẽ hiển thị.

Chức năng:

- Hiển thị tin tức, sự kiện.

- Khi nhấn nút Chỉnh sửa sẽ gọi trang edit.aspx, khi nhấn nút Xóa thì tin đó sẽ bị xóa.

Xử lý chức năng:

- Khi ngời dùng cha đăng nhập hoặc không phải là ngời tạo nên tin đó thì sẽ không thấy đợc nút Chỉnh sửa

- Khi nhấn nút Chỉnh sửa thì gọi đến trang edit.aspx.

- Khi ngời dùng có quyền là admin thì nút Xóa hiện, nhấn vào nút Xóa phải có thông báo xác nhận xem có chắc chắn xóa không?

- Nếu đúng thì sẽ xóa tin tức đó ra khỏi CSDL.

- Giao diện form tài liệu

Mô tả:

- Khi trang đợc gọi thì toàn bộ thông tin về tài liệu ngời dùng chọn tr- ớc đó sẽ hiện ra.

- Nếu ngời dùng đăng nhập vào hệ thống thì nút download sẽ hiện lên để ngời dùng có thể download tài liệu đó.

- Nếu admin đăng nhập vào hệ thống thì nút chỉnh sửa, xóa sẽ hiện lên cho phép admin chỉnh sửa thông tin tài liệu đó hoặc xóa tài liệu. Chức năng:

- Hiển thị thông tin về tài liệu, cho phép download tài liệu.

- Khi nhấn nút Chỉnh sửa sẽ gọi trang edit.aspx, khi nhấn nút Xóa thì tài liệu đó sẽ bị xóa.

Xử lý chức năng:

- Khi ngời dùng cha đăng nhập hoặc không phải là ngời tạo nên tin đó thì sẽ không thấy đợc nút Chỉnh sửa.

- Khi ngời dùng cha đăng nhập vào hệ thống thì sẽ không có quyền download tài liệu.

- Khi nhấn nút Chỉnh sửa thì gọi đến trang edit.aspx.

- Khi ngời dùng có quyền là admin thì nút Xóa hiện, nhấn vào nút Xóa phải có thông báo xác nhận xem có chắc chắn xóa không?

- Nếu đúng thì sẽ xóa tin tức đó ra khỏi CSDL.

- Giao diện form vào thi trắc nghiệm

Mô tả:

- Các câu hỏi đợc lấy ngẫu nhiên trong bộ đề.

- Khi nhấn nút Xem kết quả hoặc hết thời gian thì kết quả làm bài của thí sinh hiện ra.

- Nhấn nút Hủy thì phần làm bài của thí sinh sẽ bị hủy và gọi đến trang chủ.

Chức năng:

- Cho phép thí sinh vào thi và trả về kết quả. Xử lý:

- Thí sinh phải đăng nhập vào hệ thống thì đợc cho phép vào thi.

- Các câu hỏi đợc lấy ngẫu nhiên với số câu đợc quy định trong bộ đề.

- Hiện giao diện đếm ngợc thời gian.

- Khi hết thời gian hoặc thí sinh nhấn Xem kết quả thì gọi đến form xem kết quả.

- Giao diện chính của diễn đàn

Mô tả:

- Đây là giao diện chính khi vào diễn đàn.

- Ngời dùng có thể chọn chuyên mục vào xem thảo luận

- Khi đăng nhập hệ thống thì thành viên có thể tham gia trả lời hoặc tạo một chủu đềè thảoao luận mới.

Chức năng:

- Hiển thị các chuyên mục chính và thống kê số bài viết trong các chuyên mục.

- Liên kết đến các trang trang đăng nhập, đăng ký, tìm kiếm và các chuyên mục con.

Xử lý chức năng:

- Phải hiện đợc tất cả các chuyên mục chính và số bài viết trong các chuyên mục.

- Tạo đợc liên kết đến các trang.

- Giao diện phản hồi

Mô tả:

- Thành viên nhập tiêu đề và nội dung phản hồi.

- Khi nhấn nút Send thì thông tin phản hồi sẽ đợc đa vào CSDL. Chức năng:

- Lấy thông tin phản hồi từ thành viên

G/VHD: PGS.Ts Mai Văn Trinh - Khoa CNTT - ĐHV

Xử lý chức năng:

- Chỉ cho phép phản hồi khi ngời dùng đăng nhập vào hệ thống .

- Nếu thông tin phản hồi hợp lệ thì sẽ đợc đa vào CSDL.

- Giao diện chuyên mục con Mô tả:

- Hiển thị tất cả các chủ đề trong chuyên mục con đó.

- Khi nhấn vào một chủ đề sẽ goi đến trang nội dung của chủ đề đó.

- Hiện nút Edit, khi nhấn nút Edit thì sẽ goi đén trang cho chỉnh sửa nội dung của chủ đề đó.

Chức năng:

- Hiển thị các chủ đề trong topic và số phản hồi trong chủ đề đó. Xử lý chức năng:

- Phải tạo đợc liên kết đến các chủ đề.

- Xem thông tin số lợt xem và số phản hồi.

- Chỉ hiện nút Edit khi thanh viên là admin hoặc là ngời tạo chủ đề đó.

- Giao diện form chỉnh sửa

Trang 37

Mô tả:

- Khi thành viên chọn chức năng sửa đổi một tài nguyên nào đó thì sẽ hiện giao diện tơng ứng.

- Sau khi sửa đổi các thông tin, nhấn nút Lu chỉnh sửa thì thông tin đó đợc đa vào CSDL.

- Nhấn nút Hủy thì thông tin chỉnh sửa sẽ không đợc lu và gọi về trang chủ.

Chức năng:

- Chỉnh sửa thông tin tài nguyên Xử lý chức năng:

- Load tất cả các thông tin cũ lên.

- Kiểm tra xem các thông tin mới nhập vào có hợp lệ hay không?

- Khi nhấn nút Lu chỉnh sửa, nếu thông tin mới chỉnh sửa hợp lệ thì sẽ lu thông tin đó vào CSDL và có thông báo lu thành công, ngợc lại

G/VHD: PGS.Ts Mai Văn Trinh - Khoa CNTT - ĐHV

nếu thông tin không hợp lệ thì sẽ có thông báo lỗi, thông tin đó không đợc lu.

- Khi nhấn nút Hủy thì gọi trang chủ và không lu thông tin vào CSDL.

- Giao diện quản trị thành viên Mô tả:

- Cho admin xem danh sách thành viên.

- Xóa một thành viên ra khỏi hệ thống nếu nhấn nút xóa.

- Khi nhấn nút chỉnh sửa sẽ gọi đến trang chỉnh sửa thông tin thành viên.

Chức năng:

- Hiển thị danh sách thành viên

- Thực hiện chức năng sửa thông tin và xoa thành viên. Xử lý chức năng:

- Trang chỉ đợc gọi khi thành viên đang đăng nhập với vai trò là admin

- Khi nhấn nút xóa một thành viên sẽ hiện ra một xác nhận xem có đúng admin muốn xóa không? Nếu đúng thì thành viên đó sẽ bị xoa khỏi hệ thống.

- Khi nhấn Chỉnh sửa sẽ goi đến trang sửa thông tin cá nhân của thành viên.

- Giao diện quản trị tài nguyên Mô tả:

- Hiển thị danh sách tài nguyên theo mục tài nguyên đã chọn

- Cho phép ẩn( hiện), sửa, xóa tài nguyên khi nhấn tơng ứng vào nút ẩn( hiện), chỉnh sửa, xóa.

Chức năng:

- Cho phép admin thực hiện các chức năng chỉnh sửa, xóa, ẩn( hiện) các tài nguyên.

Trang 40

G/VHD: PGS.Ts Mai Văn Trinh - Khoa CNTT - ĐHV

Xử lý chức năng:

- Trang chỉ cho phép thành viên đang đăng nhập hệ thống với vai trò admin truy cập vào.

- Khi nhấn nút ẩn (hoặc hiện) thì tơng ứng với việc không cho phép( hoặc cho phép ) xem tài nguyên đó.

- Giao diện sinh viên vào lớp học Mô tả:

- Lớp học đợc bố trí treo định dạng tuần, theo chủ đề…

- Khi sinh viên vào lớp học thì có thể đọc, download, xem các bài giảng và tài liệu. Đặc biệt sinh viên có thể tiến hành nộp bài làm các bài tập để giáo viên chấm điểm, vào thi theo quy định của lớp học đó.

Chức năng:

- Cho phép sinh viên tham gia vào lớp học.

- Khi tham gia vào khóa học với vai trò là sinh viên thì có thể đoc, download, xem bài giảng.Sinh viên có thể vào thi và nộp bàilàm các bài tập do giáo viên phân.

- Sinh viên có thể xem điểm và thông tin cá nhân trong lớp học.

G/VHD: PGS.Ts Mai Văn Trinh - Khoa CNTT - ĐHV

- Giao diện quản trị lớp học: Mô tả:

- Tùy theo mục đích của lớp học mà ngời tạo lớp học (giáo viên hoặc admin) có thể định dạng lớp học theo chủ đề, theo tuần…

- Nhấn vào nút chỉnh sửa thì ngời tạo lớp học có thể xóa, thêm bài giảng, tài liệu, đề thi, bài tập, diễn đàn trong lớp học đó.…

- Ngời tạo lớp học có thể chấm điểm, quản lý điểm, theo dõi các hoạt động của sinh viên.

Chức năng:

- Cho phép ngời tạo lớp học quản lý các tài nguyên trong lớp học đó.

- Quản lý điểm và hồ cơ cá nhân của sinh viên.

• Giao diện phân quyền ngời dùng

- Khi nhấn nút Phân quyền thì admin có thể xem các thành viên theo quyền.

- Khi chọn một thành viên bên quyền user và nhấn nút Add thì thành viên đó sẽ đợc phân quyền là admin, ngợc lại khi chọn một thành viên bên bảng quyền admin và nhấn nút Remove thì sẽ xóa thành viên đó khỏi quyền admin và trở về quyền user.

Chức năng:

- Phân quyền sử dụng hệ thống. Xử lý chức năng:

- Khi chọn một thành viên quyền user và nhấn nút Add thì thành viên đó phải đợc chuyển qua thành viên có quyền admin.

- Khi chọn một thành viên quyền admin và nhấn nút Remove thì thành viên đó trở về với vai trò là user.

- Khi nhấn nút lu chỉnh sửa thì toàn bộ thông tin mới chỉnh sửa sẽ đợc lu vào trong cơ sở dữ liệu.

Phần IV:

Cài đặt và kết quả cài đặt

Một phần của tài liệu Xây dựng website thư viện IT (Trang 27 - 45)

Tải bản đầy đủ (DOC)

(63 trang)
w