Khi người dùng nhấn chọn một phòng trong màn hình chính ở mục 3.6. Hệ thống sẽ hiển thị giao diện như hình dưới đây:
Hình 3.34. Màn hình thông tin phòng
Trong màn hình thông tin chi tiết phòng tại thẻ Home, màn hình hiển thị đầu tiên là thông tin phòng.
Bảng 3.16. Mô tả dữ liệu trên màn hình thông tin phòng
STT Tên
1 imgEditRoom
2 txtRoomName
4 btnConfirmCheckOut
5 btnGenerateQRCode
Khi người dùng chức năng trả phòng giao diện sẽ được cập nhật lại như sau:
Hình 3.35. Màn hình thông tin phòng
Với màn hình này, người dùng nhấn vào button “ADD NEW LOGER” sẽ thực hiện thêm một thành viên vào phòng và cập nhật lại trạng thái có người. Màn hình thêm thành viên sẽ được đề cập ở mục 3.12.
Khi người dùng chọn chức năng Generate QR code, hệ thống sẽ tạo ra một mã QR code và hiển thị lại giao diện cho người dùng.
Hình 3.36. Màn hình lấy mã Qr code
Code xử lý hiển thị Qr Code lên màn hình như sau: private fun generateQRCode(text: String): Bitmap{
val width = 500
val height = 500
var bitmap = Bitmap.createBitmap(width, height,
Bitmap.Config.ARGB_8888)
try {
val displayMetrics = DisplayMetrics()
windowManager?.defaultDisplay?.getMetrics(displayMetrics)
/ val size =
displayMetrics.widthPixels.coerceAtMost(displayMetrics.heightPixels)
val overlay = ContextCompat.getDrawable(this,
R.drawable.ic_logo_app)
?.toBitmap(50.dpToPx(), 50.dpToPx())
bitmap = text.encodeAsQrCodeBitmap(500, overlay) } catch (e: Exception) {
Log.d("TAG", "generateQRCode: ${e.message}") }
return bitmap
Trong màn hình thông tin chi tiết phòng, thẻ tiếp theo là thẻ danh sách hóa đơn.
Hình 3.37. Màn hình danh sách hóa đơn của một phòng
Trong thẻ này thể hiện thông tin theo cấu trúc của bảng sau:
Bảng 3.17. Mô tả dữ liệu của màn hình danh sách hóa đơn của một phòng
STT Nội dung 1 79,830,000 đ 2 136 3 108 4 Danh sách các hóa đơn Các thông tin chi tiết khác tương tự như mục 3.6.
Hình 3.38. Màn hình danh sách thành viên trong một phòng
Trong thẻ này thể hiện thông tin theo cấu trúc của bảng sau:
Bảng 3.18. Mô tả dữ liệu màn hình danh sách thành viên trong một phòng
STT Nội dung
1 Icon
2 11 lodgers
3 7
Trong danh sách với mỗi item sẽ chưa các dữ liệu như sau:
Hình 3.39. Item một thành viên trong danh sách các thành viên trong một phòng Bảng 3.19. Mô tả dữ liệu trong item một thành viên trong danh sách các thành viên trong một phòng
STT Nội dung 1 Icon 2 Lý Nhã Kỳ 3 19/05/1999 4 Phòng 3 5 Unknown or Empty
Khi người người dùng thực hiện kéo từ phải sang trái sẽ có thêm 2 tính năng như sau:
Hình 3.40. Hai phím chức năng của item thành viên trong danh sách thành viên trong một phòng
➢ Chỉnh sửa thông tin của thành viên trong phòng sẽ được đề cập ở mục
3.12.
Trong màn hình thông tin chi tiết phòng, thẻ cuối cùng là thẻ thống kê.
Hình 3.41. Màn hình thống kê điện nước của một phòng
Trong thẻ này thể hiện thông tin theo cấu trúc của bảng sau:
Bảng 3.20. Mô tả dữ liệu trong màn hình thống kê điện nước
STT Nội dung 1 1,600,000 2 1000 3 2000 4 Biểu đồ 1 5 Biểu đồ 2