giao diện web quản lý thư viện

 TextBox : là điều khiển được dùng để nhập liệu và hiển thị dữ liệu  Button : Các điều khiển Button, Image Button , mặc định đều là nút submit button, mỗi khi được nhấn sẽ PostBa

TRƯỜNG ĐẠI HỌC NÔNG LÂM TP.HCM

KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO: GIAO TIẾP NGƯỜI MÁY

ĐỀ TÀI : GIAO DIỆN WEB QUẢN LÝ THƯ VIỆN

GIẢNG VIÊN HD : TH.S NGUYỄN THANH PHƯỚC

Sinh viên thực hiện : Võ Minh Hiền : 13130018.

TÀI LIỆU THAM KHẢO TRONG BÀI BÁO BÁO :

 TÀI LIỆU TRỰC TUYẾN :

http://newwind.com.vn/Tin-tuc/175/Quy-trinh-thiet-ke-giao-dien-+Một số quy tắc thiết kế giao diện người dùng : so-quy-tac-trong-thiet-ke-giao-dien-nguoi-dung-p-1

http://rgb.vn/ideas/explore/mot- TÀI LIỆU SÁCH :

+ Lập trình web asp.net – (Ts Vũ Đức Lung, Ts Huỳnh Cao Tiếp, Ts Phan HữuTiếp )

+ Thiết kế giao diện_ (FPT Potilechnic.)

+Nguyên lí thiết kế giao diện _ (PGS TS Đăng Văn Đức )

ĐỀ TÀI : GIAO DIỆN WEB QUẢN LÝ THƯ VIỆN

MỤC LỤC:

I PHÁT BIỂU BÀI TOÁN.

II SƠ ĐỒ MÀN HÌNH VÀ MÀN HÌNH CHÍNH

Trang

1 Sơ đồ tổng quát 6

2 Danh sách các control có trong Web 6

3 Màn hình chính 7

III MỘT SỐ MÀN HÌNH CỦA WEB 1 Giao diện màn hình trang chủ 8

2 Màn hình đăng nhập/ đăng ký 10

3 Màn hình tin tức 12

 Màn hình tin tức sách mới trong nước 12

 Màn hình tin tức sách mới quốc tế 13

 Màn hình tin tức sự kiện trong nước 13

 Màn hình tin tức sự kiện quốc tế 14

 Màn hình tin tức hình ảnh trong nước 14

 Màn hình tin tức hình ảnh quốc tế 15

4 Màn hình tài liệu  Màn hình tài liệu quốc tế 16

 Màn hình tài liệu trong nước 17

5 Màn hình sách 18

 Màn hình thông tin cơ bản về sách 19

 Màn hình thông tin chi tiết về sách 20

 Màn hình tóm tắt nội dung sách 21

6 Màn hình thống kê 22

 Màn hình thống kê tài liệu 23

 Màn hình thống kê sự kiện 24

 Màn hình thống kê tác giả 25

7 Màn hình hướng dẫn 26

 Màn hình sửa tài khoản 30

 Màn hình thống kê tài khoản 31

I PHÁT BIỂU BÀI TOÁN

Thế giới quanh ta phát triển liên tục không ngừng đã cho ra đời ngày càng rấtnhiều sách và tài liệu Với một lượng lớn tài liệu như vậy, việc mà xây dựng một thưviện lớn, quản lí và bảo quản thì thật là rất tốn thời gian và tiền bạc Mà nhu cầu conngười thì về tài liệu thì vô cùng lớn và cần mọi lúc Để giải quyết được vấn đề đó, đòihỏi phải có một thư viện lớn cơ động có thể di chuyển được và đó là web thư việnsách online

NHỮNG CHỨC NĂNG CỦA WEBSITE THƯ VIỆN SÁCH ONLINE.

 Trang chủ

 Các loại sách và tài liệu

 Quản lý thư viện (admin)

 Cho mượn và mua sách

 Thanh toán online

2 Danh sách các control có trong Web

 Label : thường được sử dụng để hiển thị và trình bày nội dung trên trang web

 TextBox : là điều khiển được dùng để nhập liệu và hiển thị dữ liệu

 Button : Các điều khiển Button, Image Button , mặc định đều là nút submit

button, mỗi khi được nhấn sẽ PostBack về Server

 ImageButton : ( tương tự trên )

 HyperLink: là siêu liên kết, đồng nghĩa với từ link, là đường dẫn mà người dùng có thể click vào nó để đi đến trang khác, hoặc trong một phần của trang

 RadioButton : Là loại đối tượng cho phép biểu thị 1 trong 2 trạng thái là đang

được chọn hoặc đang không được chọn

 RadioButtonList : danh sách các RadioButton

 CheckBox : Đối tượng thường dùng để thể hiện trạng thái bật/tắt Lập trình viên Android thường sử dụng checkbox để cho phép người dùng check (chọn) làm gì đó hay không.

3 Màn hình chính

III MỘT SỐ MÀN HÌNH CỦA WEB:

1 Giao diện màn hình trang chủ

Label Tên của thư viện

2 TIN TỨC Button, Link Hiển thị trang tin tức

3 TÀI LIỆU Button, Link Hiển thị trang tài liệu

4 SÁCH Button, Link Hiển thị trang sách

5 THỐNG KÊ Button, Link Hiển thị trang thống kê

6 HƯỚNG DẪN Button, Link Hiển thị trang hướng dẫn

7 TÀI KHOẢN Button, ButtonList Hiển thị trang tài khoản

8 Đăng nhập/ Đăng ký Hyperlink Hiển thị trang đăng nhập , đăng

ký

9 Icon facebook ImageButton, link Dẫn đến một link của facebook

10 Icon gmail ImageButton, link Dẫn đên link của Gmail

Chức năng: hiện thị tất cả các mục có trong viện dẫn tới các trang như:

3 ĐĂNG NHẬP Label, TextFiel Hiển thị nội dung là đăng nhập,

Label, TextFiel Hiện thị TextFiel gõ lại password

10 THÔNG BÁO Label Hiện thị thông báo cho người

12 ICON Imagebutton Vào các trang liên kết

Chức năng :

 Đăng nhập: link trở về trang manhinhchinh.html

 Đăng ký: link trở về màn hình hoantatdangky.html

 Các icon cuối màn hình : link đến trang facebook hay kênh gmail

 Chức năng chính là đăng nhập tài khoản, đăng ký tài khoản hoặc tạomới tài khoản

3 Màn hình tin tức

3.1 Màn hình Tin tức Sách Mới Trong Nước

3.2 Màn hình tin tức Sách Mới Quốc Tế

3.4 Màn hình tin tức sự kiên quốc tế:

3.5 Màn hình tin tức hình ảnh trong nước:

3.6 Màn hình tin tức hình ảnh quốc tế:

1 SÁCH MỚI Button, List button Mô tả nơi tìm kiếm sách mới,

chứa các button loại sách

2 SỰ KIỆN Button, List button Mô tả nơi chưa nội dung sự kiện

3 HÌNH ẢNH Button, List button Mô tả nơi chưa nội dung hình ảnh

4 SÁCH MỚI Button, List button Mô tả nơi tìm kiếm sách mới,

chứa các button loại sách

5 TRONG NƯỚC ImageButton, link Mô tả nơi chứa các nội dung về

sách mới, sự kiện và hình ảnh

6 QUỐC TẾ ImageButton, link Mô tả nơi chứa các nội dung về

sách mới, sự kiện và hình ảnh

7 LINK Label Chứ nội dung thông tin mô tả sách

9 TÊN TÁC GIẢ Textfied Nhập tên tác giả

12 TÊN SỰ KIỆN Textfied Nhập tên sự kiện

Chức năng:cập nhận thông tin về sách mới, hình ảnh và các sự kiện xảy ra

4 Màn hình tài liệu

4.1 Màn hình tài liệu trong nước

4.2 Màn hình tài liệu quốc tế

T

2 TÊN TÁC GIẢ Textfied Nhập tên tác giả

4 THÊM ImageButton, link Tạo ra một liên kết mới giúp

thêm tài liệu

5 XÓA ImageButton, link Tạo ra một liên kết mới giúp xóa

8 TĂNG ImageButton Xếp tài liệu tăng dần

9 GIẢM ImageButton Xếp tài liệu giảm dần

Chức năng : các chức năng chính là thêm, xóa, sửa, lưu, và sắp xếp theo thứ tự tănghoặc giảm

5 Màn hình sách:

5.2 Màn hình thông tin chi tiết về sách

5.3 Màn hình tóm tắt nội dung sách

ST

T

5 I ImageButton In nghiêng chữ

Chức năng : cho biết các thông tin về một cuốn sách gồm

 Thông tin cơ bản

 Thông tin chi tiết

 Tóm tắt nội dung

6 Màn hình thống kê

6.1 Màn hình thống kê tài liệu

6.2 Màn hình thống kê sự kiện

6.3 Màn hình thống kê tác giả

Chức năng: Cho phép nhập vào các tài liệu, sách hay sự kiện xảy ra với các nội dungnhư trên màn hình.

7 Màn hình hướng dẫn

T

1 MƯỢN SÁCH ImageButton link Mở trang mượn sách

3 LÀM THẺ ImageButton,link Mở trang làm thẻ

4 THÊM BẢNG Button,link Thêm bảng, lựa chọn hàng cột

5 THÊM ẢNH Button, link Thêm ảnh, chọn đường link cho

8.2 Màn hình xóa tài khoản

8.4 Màn hình thống kê tài khoản

T

1 THÊM TÀI KHOẢN ImageButton link Thêm vào một tài khoản

2 XÓA TÀI KHOẢN ImageButton, link Xóa một tài khoản

3 SỦA TÀI KHOẢN ImageButton,link Sửa tài khoản

4 THỐNG KÊ TK ImageButton,link Để biết số lượng tài khoản

Chức năng: các chức năng chính

 Thêm tài khoản

 Xóa tài khoản

 Sửa tài khoản

 Thống kê số lượng lại khoản