Đại Học Quốc Gia Thành Phố Hồ Chí Minh
Trường Đại Học Khoa Học Tự Nhiên
Khoa Công Nghệ Thông Tin
XÂY DỰNG PHẦN MỀM
DESIGN INTERFACE: PHẦN MỀM
QUẢN LÝ KÝ TÚC XÁ
Nhóm Thực Hiện: 2 và 6
NHÓM LỚN I
DESIGN INTERFACE – NHÓM 1 – XÂY DỰNG PHẦN MỀM TH2008
NỘI DUNG
I. SƠ ĐỒ MÀN HÌNH
1. Sơ đồ ở mức hệ thống
LOGIN
MAN HINH CHINH CUA
NGUOI QUAN LY
MAN HINH CHINH
CUA BAN GIAM DOC
MAN HINH CHINH CUA
QUAN LY PHONG
MAN HINH CHINH CUA
QUAN LY SINH VIEN
MAN HINH CHINH CUA
QUAN LY DIEN NUOC
BAT DAU CHUONG TRINH
KET THUC CHUONG TRINH
2. Sơ đồ ở mức chi tiết
II. MÔ TẢ GIAO DIỆN
1. Giao diện màn hình chính của nhà quản lý
- Hình vẽ
1
DESIGN INTERFACE – NHÓM 1 – XÂY DỰNG PHẦN MỀM TH2008

Thành phần control :button icon.
• Mô tả hành động
- Click để xem thông tin tác giả và trợ giúp
 Control quản lý phòng
• Hình vẽ
Thành phần control :image icon.
• Mô tả hành động
- Click để mở màn hình thực hiện chức năng quản lý phòng.
 Control quản lý sinh viên
• Hình vẽ
1
DESIGN INTERFACE – NHÓM 1 – XÂY DỰNG PHẦN MỀM TH2008
Thành phần control :image icon.
• Mô tả hành động
- Click để mở màn hình thực hiện chức năng quản lý phòng.
 Control quản lý điện nước
• Hình vẽ
Thành phần control :image icon.
• Mô tả hành động
- Click để mở màn hình thực hiện chức năng quản lý phòng.
- Nâng cao nếu có
- Có luôn chức năng xem trợ giúp hướng dẩn sử dụng.
2. Giao diện chính của dialog đăng nhập
a. Hình vẽ
1
DESIGN INTERFACE – NHÓM 1 – XÂY DỰNG PHẦN MỀM TH2008
b. Mô tả chung
- Là màn hình dạng dialog.
- Được bật lên mổi khi khởi động chương trình hoặc khi ở các màn hình chính của người
quản lý và ban giám đốc .

- Loại màn hình : Main form
- Kích thước các control trong màn hình : theo tỷ lệ hình vẽ
c. Mô tả chi tiết các control quan trọng
 Control Chuyển đổi giữa các window.
• Hình vẽ
• Thành phần control : 3 button icon với tên là home, next , back
• Mô tả hành động
- Button home luôn ở chế độ cho phép dùng (sáng rõ).
- Button back sẽ tối nếu đã trở về đúng bước đầu tiên khi vào màn hình quản lý phòng.
- Button next sẽ tối nếu chưa thực hiện click vào button undo.
- Khi người dùng muốn chuyển về màn hình chính của nhà quản lý thì click vào button icon
home.
- Khi người dùng muốn chuyển về màn hình đã dùng trước đó thì click vào button icon back.
- Khi người dùng muốn chuyển lại màn hình trước đó sau khi đã nhấn back thì click vào
button icon next.
 Control list view danh sách phòng
• Hình vẽ
1
DESIGN INTERFACE – NHÓM 1 – XÂY DỰNG PHẦN MỀM TH2008
• Thành phần control : list view ,các list view item, các icon cho từng trạng thái item
• Mô tả hành động
- Lúc mới khởi động màn hình quản lý phòng thì trong list view chỉ có 1 item là ky tuc xa
với hình ảnh là tam giác.
- Nếu người dùng click vào item ky tuc xa thì chương trình sổ ra các khu hiện có của phần
mềmvới hình ảnh là hình vuông rổng (chưa được chọn.)
- Nếu người dùng click vào 1 khu thì chương trình sổ ra các item con là các phòng thuộc khu
đó.
- Nếu người dùng click vào bất kỳ phòng nào thì phòng đó được chọn xem với hình ảnh là
hình vuông bị tick.
- Nếu sau khi người dùng đã click vào 1 khu ,thì nếu tiếp tục click nó 1 lần nữa khu đó sẽ

1
DESIGN INTERFACE – NHÓM 1 – XÂY DỰNG PHẦN MỀM TH2008
- Button icon XOA PHONG nếu click nhưng vẩn còn người trong phòng thì hiện ra
thông báo không được xóa khi còn người, nếu phòng trống thì chương trình sẽ hỏi
là có muốn xóa thực sự hay không?.
-
d. Nâng cao nếu có
- Cho phép thêm sinh viên , cập nhật vị trí sinh viên, xóa 1 sinh viên ra khỏi phòng .
- Cho phép hiển thị toàn bộ ký túc xá dưới dạng đồ họa 3D.
- Cho phép tìm kiếm sinh viên ngay tại chức năng phòng để thêm vào phòng.
4. Giao diện chính của dialog thêm khu vực
a. Hình vẽ
b. Mô tả chung
- Là màn hình dạng dialog.
- Được bật lên khi người dùng click vào button icon thêm khu trong màn hình quản lý
phòng.
- Được sử dụng để thêm mới khu vực.
c. Mô tả chi tiết các control
 Control nhập tên khu vực
• Hình vẽ:
• Thành phần control : label , textbox để nhận giá trị.
• Mô tả hành động
- Người dùng nhập vào tênkhu .
1