Xây dựng phần mềm quản lí kí túc xá
Trang 1Khoa Công Nghệ Thông Tin
Trang 2N I DUNG ỘI DUNG
BAT DAU CHUONG TRINH
KET THUC CHUONG TRINH
2 Sơ đồ ở mức chi tiết
Trang 31 Giao diện màn hình chính của nhà quản lý
- Hình vẽ
- Mô tả chung
- Là màn hình chính của người dùng là nhà quản lý
- Điều kiện xuất hiện : đã đăng nhập với quyền nhà quản lý
- 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ẽ
- Mô tả chi tiết các control quan trọng
Control hình ảnh minh họa
Trang 4- Có thanh trượt cho người dùng chọn đúng âm lượng thích hợp.
- Nếu muốn bật/ tắt người dùng có thể click trực tiếp lên trên biểu tượng
Trang 5- 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
Trang 6 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ý đ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ẽ
Trang 7b 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
- Được sử dụng để xác nhận người dùng : là nhà quản lý hay ban giám đốc
c Mô tả chi tiết các control
Trang 8 Thành phần control : label , textbox để nhận giá trị.
Mô tả hành động : người dùng nhấn login chương lấy email và password để so với
cơ sở dữ liệu nếu đúng thì trả về màn hình quản lý hay ban giám đốc (tùy vào loạiuser).Nếu sai thì yêu cầu nhập lại
d Nâng cao nếu có
- Hiển thị các thay đổi gần nhất của phần mềm ví dụ như cập nhật sinh viên, phòng,…
- Hiển thị số lượng thống kê tổng cộng như số sinh viên, số phòng, trang thiết bị,…
3 Giao diện màn hình chính của chức năng quản lý phòng
a Hình vẽ
Trang 9b Mô tả chung
- Là màn hình chính của người dùng là nhà quản lý
- Điều kiện xuất hiện : đã đăng nhập với quyền nhà quản lý
- 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
Trang 10- 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
Trang 11- 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ẽ được chọn xem (chọn xem hết tất cả các phòng trong khu) với hình ảnh là hình vuông bị tick
- Nếu số lượng các item được bật trong list nhiều hơn 10 thì sẽ xuất hiện thanh kéo bên phải
Control thể hiện chi tiết 1 phòng được chọn xem
Hình vẽ
Thành phần control :2 phần
- Phần 1 : là tập hợp các bộ control thể hiện 1 phòng trong khu với mỗi 1 phần tử
gồm 1 item, label tên phòng, label sức chứa, label số người hiện tại
- Phần 2: Bộ control thể hiện tình trạng khu với các phòng được chọn gồm thanh
process thể hiện tổng số người trên sức chứa,label sức chứa, label tổng số
Mô tả hành động
- Mỗi khu thể hiện được xem khi 1 hay nhiều phòng trong khu đó được chọn xem.
- Nếu người dùng click vào 1 bộ control thể hiện phòng thì ở groupbox chức năng
chọn phòng đó để thực hiện chi tiết thao tác
- Nếu phòng đã full chổ thì màu label và item sẽ có màu đỏ.
- Thanh process của cả khu sẽ có 3 màu nếu lượng người chiếm < 50% thì là màu
xanh, <= 80% và >= 50% thì màu cam, >= 80% màu đỏ
Control xem thông tin chi tiết 1 phòng và chỉnh sửa.
Hình vẽ
Trang 12 Thành phần control :3 label, 4 button icon
Mô tả hành động
- Label số người tối đa thể hiện số người tối đa cho phòng được chọn.
- Label số người hiện tại thể hiện số người hiện có trong phòng.
- Label PHONG CHON thể hiện phòng đang được chọn để thực hiện chức năng.
- Button icon CHI TIET nếu click sẽ bật màn hình dialog xem chi tiết sinh viên trong
phòng nếu không có sinh viên nào thì hiện ra thông báo phòng trống
- Button icon THEM PHONG nếu click sẽ bật màn hình dialog thêm phòng.
- Button icon CAP NHAT PHONG nếu click sẽ bật màn hình dialog cập nhật phòng.
- 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
Trang 13c 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
Control check name
Trang 14d Nâng cao nếu có
5 Giao diện chính của dialog thêm phòng
- Được sử dụng để thêm mới 1 phòng
c Mô tả chi tiết các control
Control nhập thông tin phòng
Hình vẽ:
Thành phần control :2 label , 2 comboxtbox để chọn giá trị.
Mô tả hành động
Trang 15- Người dùng chọn khu cần thêm phòng và số người tối đa của phòng.(chú ý giá trị mặc định là khu A và sức chứa 5)
Thành phần control : button icon
Mô tả hành động : Người dùng click để bật dialog thêm khu
d Nâng cao nếu có
- Người dùng chọn trang thiết bị vào phòng
6 Giao diện chính của dialog cập nhật phòng
a Hình vẽ
Trang 16b 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 cập nhật phòng trong màn hình quản
lý phòng
- Được sử dụng để chỉnh sửa thông tin 1 phòng
c Mô tả chi tiết các control
Control nhập thông tin phòng
d Nâng cao nếu có
- Người dùng cập nhật trang thiết bị vào phòng
7 Giao diện chính của dialog thêm phòng
e Hình vẽ
Trang 17f Mô tả chung
8 Là màn hình dạng dialog
9 Được bật lên khi người dùng click vào button icon xem chi tiết phòng trong màn hình quản lý phòng
10 Được sử dụng để xem thông tin sinh viên đang ở trong phòng
g Mô tả chi tiết các control
Control hiển thị thông tin sinh viên trong phòng
Hình vẽ:
Thành phần control : gridview
Trang 18- Hiển thị ngày giờ hiện hành
h Nâng cao nếu có
- Người dùng có thể thêm sinh viên tại màn hình này
- Người dùng có thể tìm kiếm sinh viên
- Người dùng có thể chọn thêm khu và phòng khác để xem thông tin sinh viên chi tiết
8 Giao diện màn hình chính của chức năng quản
lý điện, nước
Trang 19a Hình vẽ:
b Mô tả chung
- Là màn hình quản lý điện nước của người dùng là nhà quản lý
- Điều kiện xuất hiện : đã đăng nhập với quyền nhà quản lý
- 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 danh sách phòng
Hình vẽ:
Trang 20 Thành phần control:
o Groupbox Danh Sách Phòng
o Tree view danh sách các khu, các phòng
o Panel danh sách các khu, các phòng
Mô tả hành động: Khi người dùng click vào các node trong tree view, danh sách các khu hoặc các phòng sẽ được hiển thị chi tiết trong panel bên cạnh
Control Giá Điện Nước:
Hình vẽ:
Thành phần control:
Trang 21o Group box Giá điện, nước.
o Label Giá 1 KW Điện
o Textbox Giá 1 KW Điện
o Label Đơn vị
o Label Giá 1 M3 Nước
o Textbox Giá 1 M3 Nước
Trang 22o Label Chỉ Số Điện.
o Textbox Chỉ Số Điện
o Label Tiền Điện
o Textbox Tiền Điện
o Label Đơn Vị
o Label Tiền Nước
o Textbox Tiền Nước
o Label Đơn Vị
o Label Tổng Cộng Tiền
o Textbox Tổng Cộng Tiền
o Label Đơn Vị
o Label Thanh Toán
o RadianButton Chưa Thanh Toán
o RadianButton Thanh Toán Rồi
o Button Hoàn Tất
Mô tả hành động
- Người dùng chọn phòng cần tính tiền ở bên danh sách phòng
- Nhập thông tin chỉ số điện và chỉ số nước, thông tin tiền điện, tiền nước, tiền tổng cộng sẽ hiển thị lên
- Chọn xem đã tính tiền hay chưa sau đó nhấn button Hoàn Tất để tính tiền
d Nâng cao nếu có
9 Giao diện màn hình chính của chức năng quản
lý sinh viên
a Hình vẽ:
Trang 23b Mô tả chung
- Là màn hình quản lý sinh viên
- Điều kiện xuất hiện: sau khi gọi chức năng quản lý sinh viên và đã đăng nhập vào hệ thống
- 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 tab bar
Hình vẽ:
Thành phần control:
o 2 tab bar Quản lý Sinh viên và Tìm kiếm
Mô tả hành động: Khi người dùng click chọn tab bar tìm kiếm giao diện Tìm kiếm sinh viên được hiển thị
Control Chọn kiểu:
Hình vẽ:
Trang 24 Thành phần control:
o Button theo phòng
o Button theo khoa
Mô tả hành động: Khi người dùng click vào Button theo phòng hoặc theo khoa, treeview được cập nhật theo kiểu tương ứng
Control Danh sách phòng:
Hình vẽ:
Thành phần control:
Trang 25o Groupbox Danh sách phòng
o Treeview
Mô tả hành động: Khi người dùng click vào từng khu sẽ hiện ra danh sách phòng của khu đó Click vào từng phòng sẽ load danh sách sinh viên của phòng đó vào control danh sách sinh viên
Control Danh sách sinh viên:
Hình vẽ:
Thành phần control:
o Groupbox Danh sách sinh viên
o List box sinh viên
Trang 26 Mô tả hành động: Khi người dùng click vào một dòng trong listbox sinh viên, thông tin chi tiết của sinh viên tương ứng được đưa vào control Thông tin chi tiết
Control Thông tin chi tiết
Hình vẽ:
Thành phần control:
o Group box Thông tin chi tiết
o Image box Hình đại diện
o Label Ngày sinh
o Label Điện thoại
Trang 27o Textbox Ngày tiếp nhận
o Textbox ngày ra trường
Trang 28Control điều khiển
Hình vẽ:
Thành phần control:
o 3 radio button Them, Xoa, Sua
o 3 Button them, xoa, sua
Trang 2910 Giao diện màn hình chính của chức năng tìm kiếm sinh viên
e Hình vẽ:
f Mô tả chung
- Là màn hình tìm kiếm sinh viên
- Điều kiện xuất hiện: sau khi gọi chức năng quản lý sinh viên
- Kích thước các control trong màn hình : theo tỷ lệ hình vẽ
g Mô tả chi tiết các control quan trọng
Control Các tiêu chí tìm kiếm
Hình vẽ:
Trang 30Control Danh sách sinh viên thỏa yêu cầu:
Hình vẽ:
Thành phần control:
o Group box Danh sách sinh vien thỏa yêu cầu
Trang 31o Datagridview danh sách sinh viên.
Mô tả hành động: Khi người dùng click vào một dòng trong danh sách, thông tin chi tiết của sinh viên tương ứng được đưa xuống control Thông tin chi tiết
Control Thông tin chi tiết
Hình vẽ:
Thành phần control:
o Group box Thông tin chi tiết
o Image box Hình đại diện
o Label Ngày sinh
o Label Điện thoại
o Label Tình trạng
o Label Loại ưu tiên
o Label Số lần vi phạm
o Label Đã đóng tiền
Trang 32o Người dùng click chọn nút chỉnh sửa để chỉnh sửa thông tin sinh viên
o Người dùng click chọn nút xóa để xóa sinh viên
h Nâng cao nếu có