Thiết kế Giao diện QUẢN LÝ NHÀ HÀNG KHÁCH SẠN

QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2
Thiết kế giao diện Ngày: 30/12/2013
Thiết kế Giao diện QUẢN LÝ NHÀ HÀNG KHÁCH SẠN
Version 1.2
Sinh viên thực hiện:
10520061 – Phan Văn Tâm
10520128 – Huỳnh Ngọc Hiệp
10520130 – Nguyễn Văn Sinh
10520135 – Nguyễn Tấn Hoan
Trang 1
QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2
Thiết kế giao diện Ngày: 30/12/2013
Bảng ghi nhận thay đổi tài liệu
Ngày Phiên bản Mô tả Tác giả
28/12/2013 1.0 Thiết kế các màn hình chính Cả nhóm
29/12/2013 1.1 Thiết kế các màn hình phụ Cả nhóm
30/12/2013 1.2 Tổng hợp và kiểm tra Cả nhóm
Trang 2
QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2
Thiết kế giao diện Ngày: 30/12/2013
Mục lục
1. Danh sách các màn hình 4
2. Mô tả chi tiết mỗi màn hình 4
Trang 3
QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2
Thiết kế giao diện Ngày: 30/12/2013
1. Danh sách các màn hình
STT Tên màn hình Ý nghĩa/Ghi chú
1
Màn hình Menu chính
Giao diện trang chủ của hệ thống

2
Tab Hệ Thống
Gồm các chức năng của hệ thống như đăng nhập, đăng
xuất, quản lý người dùng …
3
Tab Quản Lý
Gồm các chức năng quản lý như thuê phòng, trả phòng,
quản lý phòng …
4
Tab Danh Mục
Gồm các chức như: danh mục loại phòng, danh mục
thiết bị …
5
Tab Báo Cáo
Gồm các chức năng báo cáo
6
Tab Trợ Giúp
Gồm các chức năng trợ giúp
7
Màn hình Đăng Nhập
Người dùng đăng nhập vào hệ thống
8
Màn hình Đổi Mật Khẩu
Cho người dùng thay đổi mật khẩu đăng nhập
9
Màn hình Người Dùng
Quản lý dùng để quản lý danh sách người dùng của hệ
thống
10
Màn hình Thuê Phòng

Nhân viên dùng lập phiếu thuê phòng
11
Màn hình Trả Phòng
Nhân viên dùng lập phiếu trả phòng
12
Màn hình Đăng Ký
Đăng ký phòng trước
13
Màn hình Phòng
Danh sách phòng trong khách sạn
14
Màn hình Khách Hàng
Quản lý khách hàng đang thuê phòng
15
Màn hình Dịch Vụ
Quản lý dịch vụ sử dụng trong khách sạn
16
Màn hình Đặt tiệc
Quản lý đặt tiệc trong khách sạn
17
Màn hình Bảng Kê Dịch Vụ
Danh sách các dịch vụ mà khách hàng sử dụng
18
Màn hình Bảng Kê Đặt Tiệc
Danh sách các đặt tiệc mà khách hàng sử dụng
19
Màn hình Loại Phòng
Danh sách các loại phòng của khách sạn
20
Màn hình Loại Dịch Vụ

Danh sách các loại dịch vụ của khách sạn
21
Màn hình Thiết Bị
Danh sach thiết bị được phục vụ trong khách sạn
22
Màn hình Loại Đặt Tiệc
Danh sách các loại đặt tiệc
23
Màn hình Tình Trạng Phòng
Danh sách các loại tình trạng phòng
24
Màn hình Đơn Vị
Danh sách các đơn vị tính sử dụng ở khách sạn
25
Màn hình Món Ăn
Danh sách các món ăn được phục vụ ở khách sạn
26
Màn hình Báo Cáo Doanh Thu
Lập báo cáo doanh thu
27
Màn hình Quy Định
Quy định trong khách sạn
28
Màn hình liên hệ
Liên hệ hệ thống và khách sạn
2. Mô tả chi tiết mỗi màn hình
2.1. Màn hình Menu chính
Trang 4
QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2
Thiết kế giao diện Ngày: 30/12/2013

 Mô tả các đối tượng trên màn hình
STT Tên Kiểu Chức năng Ghi chú
1 tabControlMe
nu
DevComponents.D
otNetBar.TabContr
ol
Chứa các button chức
năng của chương trình
2 tabItemHeTho
ng
DevComponents.D
otNetBar.TabItem
Chứa các button chức
năng Hệ Thống
3 tabItemQuanL
y
DevComponents.D
otNetBar.TabItem
Chứa các button chức
năng Quản Lý
4 tabItemDanh
Muc
DevComponents.D
otNetBar.TabItem
Chứa các button chức
năng Danh Mục
5 tabItemBaoCa
o
DevComponents.D

otNetBar.TabItem
Chứa các button chức
năng Báo Cáo
Trang 5
QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2
Thiết kế giao diện Ngày: 30/12/2013
6 tabItemTroGi
up
DevComponents.D
otNetBar.TabItem
Chứa các button chức
năng Trợ Giúp
7 listView System.Windows.
Forms.ListView
Chứa danh sách các
phòng trong khách sạn
Trạng thái của
phòng được thể
hiện bằng các hình
ảnh.
8 imageList System.Windows.
Forms.ImageList
Chứa hình ảnh các
trạng thái của phòng
 Mô tả nguồn dữ liệu được sử dụng cho màn hình
STT Tên control Nguồn dữ liệu sử dụng
1 Bảng Field
1 listView PHONG TenPhong
Trang 6
QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2

Thiết kế giao diện Ngày: 30/12/2013
2.2. Tab Hệ Thống
 Mô tả các đối tượng trên màn hình
STT Tên Kiểu Chức năng Ghi chú
1 btDangNhap DevComponents.D
otNetBar.ButtonX
Hiển thị màn hình đăng
nhập quyền sử dụng của
người dùng vào phần mềm
2 btDangXuat DevComponents.D
otNetBar.ButtonX
Hiển thị màn hình đăng xuất
quyền đăng nhập phần mềm
3 btDoiMatKha
u
DevComponents.D
otNetBar.ButtonX
Hiển thị màn hình đổi mật
khẩu người dùng
4 btNguoiDung DevComponents.D
otNetBar.ButtonX
Hiển thị màn hình quản lý
người dùng phần mềm
5 btThoat DevComponents.D
otNetBar.ButtonX
Kết thúc sử dụng phần mềm
 Mô tả nguồn dữ liệu sử dụng cho màn hình
 Mô tả chức năng màn hình
2.3. Tab Quản Lý
Trang 7

QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2
Thiết kế giao diện Ngày: 30/12/2013
STT Tên Kiểu Chức năng Ghi chú
1 btThuePhong DevComponents.D
otNetBar.ButtonX
Hiển thị màn hình thuê phòng
khách sạn
2 btTraphong DevComponents.D
otNetBar.ButtonX
Hiển thị màn hình trả phòng
3 btDangKy DevComponents.D
otNetBar.ButtonX
Hiển thị màn hình đăng ký
phòng trước
4 btPhong DevComponents.D
otNetBar.ButtonX
Hiển thị màn hinh danh sách
phòng trong khách sạn
5 btKhachHang DevComponents.D
otNetBar.ButtonX
Hiển thị màn hình quản lý
khách hàng thuê phòng
6 btDichVu DevComponents.D
otNetBar.ButtonX
Hiển thị màn hình quản lý các
dịch vụ mà khách hàng thuê
phòng sử dụng
7 btDatTiec DevComponents.D
otNetBar.ButtonX
Hiển thị màn hình quản lý đặt

tiệc mà khách hàng thuê phòng
sử dụng
8 btBangKeDat DevComponents.D Hiển thị màn hình bảng kê đặt
Trang 8
QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2
Thiết kế giao diện Ngày: 30/12/2013
Tiec otNetBar.ButtonX tiệc của khách hàng thuê phòng
9 btBangKeDic
hVu
DevComponents.D
otNetBar.ButtonX
Hiển thị màn hình bảng kê dịch
vụ của khách hàng thuê phòng
2.4. Tab Danh Mục
STT Tên Kiểu Chức năng Ghi chú
1 btLoaiPhong DevComponents.D
otNetBar.ButtonX
Hiển thị màn hình quản
lý loại phòng trong
khách sạn
2 btLoaiDichVu DevComponents.D
otNetBar.ButtonX
Hiển thị màn hình quản
lý loại dịch vụ
3 btThietBi DevComponents.D
otNetBar.ButtonX
Hiển thị màn hình quản
lý thiết bị trong phòng
4 btLoaiDatTiec DevComponents.D
otNetBar.ButtonX

Hiển thị màn quản lý
các loại đặt tiệc
5 btTinhTrangP
hong
DevComponents.D
otNetBar.ButtonX
Hiển thị màn hình quản
lý các loại tình trạng
Trang 9
QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2
Thiết kế giao diện Ngày: 30/12/2013
phòng
6 btDonVi DevComponents.D
otNetBar.ButtonX
Hiển thị màn hình quản
lý đơn vị tính
7 btMonAn DevComponents.D
otNetBar.ButtonX
Hiển thị màn hình quản
lý món ăn trong đặt tiệc
2.5. Tab Báo Cáo
STT Tên Kiểu Chức năng Ghi chú
1 btDoanhThu DevComponents.D
otNetBar.ButtonX
Hiển thị màn hình báo
cáo doanh thu phòng
theo từng tháng
2.6. Tab Trợ Giúp
Trang 10
QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2

Thiết kế giao diện Ngày: 30/12/2013
STT Tên Kiểu Chức năng Ghi chú
1 btQuyDinh DevComponents.D
otNetBar.ButtonX
Hiển thị màn hình quản
lý các quy định của
khách sạn
2 btLienHe DevComponents.D
otNetBar.ButtonX
Hiển thị màn hình
thông tin nhóm lập
trình phầm mềm
Trang 11
QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2
Thiết kế giao diện Ngày: 30/12/2013
2.7. Màn hình Đăng Nhập
 Mô tả các đối tượng trên màn hình
STT Tên Kiểu Chức năng Ghi chú
1 txtTenDangN
hap
System.Windows.
Forms.Textbox
Nhập tên đăng nhập người
dùng
2 txtmatKhau System.Windows.
Forms.Textbox
Nhập mật khẩu người dùng
3 btLogin System.Windows.
Forms.Button
Thực hiện xác nhận người

dùng, đăng nhập vào phần
mềm
4 btCancle System.Windows.
Forms.Button
Thoát màn hình đăng nhập
 Mô tả nguồn dữ liệu được sử dụng cho màn hình
STT Tên control Nguồn dữ liệu sử dụng
2 Bảng Field
1 txtTenDangNhap NGUOI_DUNG TenDangNhap
2 txtmatKhau NGUOI_DUNG MatKhau
 Mô tả chức năng màn hình
Trang 12
QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2
Thiết kế giao diện Ngày: 30/12/2013
2.8. Màn hình Đổi Mật Khẩu
 Mô tả các đối tượng trên màn hình
STT Tên Kiểu Chức năng Ghi chú
1 txtMatKhauCu System.Windows.
Forms.TextBox
Nhập mật khẩu cũ
Trang 13
QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2
Thiết kế giao diện Ngày: 30/12/2013
2 txtMatKhauM
oi
System.Windows.
Forms.TextBox
Nhập mật khẩu mới
3 txtMatKhauXa
cNhan

System.Windows.
Forms.TextBox
Nhập mật khẩu xác
nhận
4 btLuu DevComponents.D
otNetBar.ButtonX
Lưu thay đổi mật khẩu
người dùng
5 btThoat DevComponents.D
otNetBar.ButtonX
Thoát màn hình đổi
mật khẩu người dùng
 Mô tả nguồn dữ liệu được sử dụng cho màn hình
STT Tên control Nguồn dữ liệu sử dụng
3 Bảng Field
1 txtMatKhauCu NGUOI_DUNG MatKhau
2 txtMatKhauMoi NGUOI_DUNG MatKhau
3 txtMatKhauXacNhan NGUOI_DUNG MatKhau

Trang 14
QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2
Thiết kế giao diện Ngày: 30/12/2013
 Mô tả chức năng màn hình
Trang 15
QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2
Thiết kế giao diện Ngày: 30/12/2013
2.9. Màn hình Người Dùng
 Mô tả các đối tượng trên màn hình
STT Tên Kiểu Chức năng Ghi chú
1 txtTenDangN

hap
System.Windows.
Forms.TextBox
Nhập tên đăng nhập
2 txtMatKhau System.Windows.
Forms.TextBox
Nhập mật khẩu người
dùng
3 cmbLoaiNguo
iDung
System.Windows.
Forms.TextBox
Chọng loại người dùng
cho tài khoản
4 bindingNavig
atorMoveFirst
Item
System.Windows.
Forms.ToolStripBu
tton
Đưa đến dữ liệu đầu
tiên trong
DataGridView
Trang 16
QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2
Thiết kế giao diện Ngày: 30/12/2013
5 bindingNavig
atorMovePrev
iousItem
System.Windows.

Forms.ToolStripBu
tton
Đến dữ liệu kế tiếp
đằng sau dữ liệu hiện
tại trong DataGridView
6 bindingNavig
atorPositionIte
m
System.Windows.
Forms.ToolStripTe
xtBox
Vị trí hiện tại của dữ
liệu được chọn trong
DataGridView
7 bindingNavig
atorCountItem
System.Windows.
Forms.ToolStripLa
bel
Số lượng dữ liệu trong
DataGridView
8 bindingNavig
atorMoveNext
Item
System.Windows.
Forms.ToolStripBu
tton
Đến dữ liệu tiếp theo
dữ liệu được chọn
trong DataGridView

9 bindingNavig
atorMoveLast
Item
System.Windows.
Forms.ToolStripBu
tton
Đến dữ liệu cuối cùng
trong DataGridView
10 toolStripButto
nThem
System.Windows.
Forms.ToolStripBu
tton
Thêm mới một dữ liệu
vào cơ sở dữ liệu và
hiển thị lên
DataGridView
11 toolStripButto
nXoa
System.Windows.
Forms.ToolStripBu
tton
Xóa một dữ liệu trong
cơ sở dữ liệu và
DataGridView
12 toolStripThoat System.Windows.
Forms.ToolStripBu
tton
Đóng màn hình quản lý
người dùng

Trang 17
QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2
Thiết kế giao diện Ngày: 30/12/2013
13 dataGridView System.Windows.
Forms.DataGridVi
ew
Hiển thị cơ sở dữ liệu
lên màn hình
Gồm có các
DataGridViewText
BoxColumn:
TenDangNhap,
MatKhau và
DataGridViewCom
boBoxColumn:
LoaiNguoiDung
 Mô tả nguồn dữ liệu được sử dụng cho màn hình
STT Tên control Nguồn dữ liệu sử dụng
4 Bảng Field
1 txtTenDangNhap NGUOI_DUNG MatKhau
2 txtMatKhau NGUOI_DUNG TenDangNhap
3 cmbLoaiNguoiDung LOAI_NGUOI_DUNG MaLoaiNguoiDung
4 dataGridView NGUOIDUNG
LOAI_NGUOI_DUNG
MatKhau
TenDangNhap
MaLoaiNguoiDung
Trang 18
QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2
Thiết kế giao diện Ngày: 30/12/2013

 Mô tả chức năng màn hình
Trang 19
QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2
Thiết kế giao diện Ngày: 30/12/2013
2.10. Màn hình Thuê Phòng
 Mô tả các đối tượng trên màn hình
STT Tên Kiểu Chức năng Ghi chú
1 txtmaPhieuTh
uePhong
Textbox Hiển thị mã phiếu thuê
phòng
Được tạo tự động,
người dùng không
cần nhập liệu
2 rbCo RadioButton Kiểm tra khách hàng
có đăng ký phòng trước
không
3 rbKhong RadioButton Nếu khách hàng không
đăng ký trước, chỉ tới
thuê phòng
4 cmbMaDang
Ky
Combobox Nhập mã đăng ký nếu
khách hàng có đăng ký
phòng trước theo tên và
CMND đã đăng ký
Trang 20
QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2
Thiết kế giao diện Ngày: 30/12/2013
5 cmbMaPhong Combobox Nhập mã phòng thuê

phòng mà khách hàng
muốn thuê
6 cmbMaKhach
Hang
Combobox Nhập thông tin khách
hàng thuê phòng
7 dateNgayThue DateTimePicker Chọn ngày mà khách
hàng thuê phòng
Được gán tự động
với ngày hiện tại
8 dateNgayTra DateTimePicker Chọn ngày mà khách
hàng dự kiến trả phòng
9 numSoLuong NumericUpDown Số người trong 1 phòng
mà khách hàng sử dụng
10 btDangKyPho
ng
Button Hiển thị màn hình
thông tin đăng ký
phòng trước
11 btPhong Button Hiển thị màn hình
thông tin danh sách
phòng trong khách sạn
12 btKhachHang Button Hiển thị màn hình nhập
thông tin khác hàng
thuê phòng
13 bindingNavig
atorMoveFirst
Item
ToolStripButton Đưa đến dữ liệu đầu
tiên trong

DataGridView
14 bindingNavig
atorMovePrev
iousItem
ToolStripButton Đến dữ liệu kế tiếp
đằng sau dữ liệu hiện
tại trong DataGridView
15 bindingNavig
atorPositionIte
m
ToolStripTextBox Vị trí hiện tại của dữ
liệu được chọn trong
DataGridView
16 bindingNavig
atorCountItem
ToolStripLabel Số lượng dữ liệu trong
DataGridView
17 bindingNavig ToolStripButton Đến dữ liệu tiếp theo
Trang 21
QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2
Thiết kế giao diện Ngày: 30/12/2013
atorMoveNext
Item
dữ liệu được chọn
trong DataGridView
18 bindingNavig
atorMoveLast
Item
ToolStripButton Đến dữ liệu cuối cùng
trong DataGridView

19 toolStripButto
nThem
ToolStripButton Thêm mới một dữ liệu
vào cơ sở dữ liệu và
hiển thị lên
DataGridView
20 toolStripButto
nCapNhat
ToolStripButton Xóa một dữ liệu trong
cơ sở dữ liệu và
DataGridView
21 toolStripThoat ToolStripButton Đóng màn hình thuê
phòng
22 dataGridView DataGridView Hiển thị cơ sở dữ liệu
lên màn hình
Gồm có các
DataGridViewText
BoxColumn:
MaPhieuThuePhon
g, MaKhachHang,
NgayThue,
NgayTra, SoLuong
và
DataGridViewCom
boBoxColumn:
MaPhong
 Mô tả nguồn dữ liệu được sử dụng cho màn hình
STT Tên control Nguồn dữ liệu sử dụng
5 Bảng Field
1 txtmaPhieuThuePhong PHIEU_THUE_PHONG MaPhieuThuePhong

Trang 22
QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2
Thiết kế giao diện Ngày: 30/12/2013
2 cmbMaDangKy DANG_KY_THUE_PHONG MaDangKy
3 cmbMaPhong PHONG MaPhong
4 cmbMaKhachHang KHACH_HANG MaKhachHang
5 dateNgayThue PHIEU_THUE_PHONG NgayThue
6 dateNgayTra PHIEU_THUE_PHONG NgayTra
7 numSoLuong PHIEU_THUE_PHONG SoLuong
8 dataGridView PHIEU_THUE_PHONG
DANG_KY_THUE_PHONG
PHONG
KHACH_HANG
MaPhieuThuePhong
MaDangKy
MaPhong
MaKhachHang
NgayThue
NgayTra
SoLuong
Trang 23
QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2
Thiết kế giao diện Ngày: 30/12/2013
 Mô tả chức năng màn hình
Trang 24
QUẢN LÝ NHÀ HÀNG KHÁCH SẠN Phiên bản: 1.2
Thiết kế giao diện Ngày: 30/12/2013
2.11. Màn hình Trả Phòng
 Mô tả các đối tượng trên màn hình
STT Tên Kiểu Chức năng Ghi chú

1 txtMaPhieuTr
aPhong
Textbox Hiển thị mã phiếu trả
phòng
Được tạo tự động
cho người dùng
2 cmbMaPhong Combobox Chọn mã phòng
màkhách hàng muốn
trả phòng
3 btMaphong Button Hiển thị màn hình
thông tin phòng
4 cmbTenKhach
Hang
Combobox Chọn mã khách hàng
đã đăng ký thuê phòng
trước đó
5 btKhachHang Button Hiển thị màn hình
thông tin khách hàng
thuê phòng
6 txtNguoiThan Textbox Nhập tên người thanh
Trang 25