3.2. Thiết kế giao diện
3.2.1. Danh sách các màn hình
Chức năng Tên màn hình Ý nghĩa, ghi chú
Trang chủ Hiển thị thông tin nhà trọ.
Xác thực người dùng
Đăng nhập Nơi đăng nhập tài khoản người dùng
Đăng ký Nơi đăng ký tài khoản
Thay đổi mật khẩu Cho người dùng lấy lại mật khẩu dựa trên email đã đăng ký
Chức năng liên quan
Chi tiết phòng Hiển thị thơng tin chi tiết từng phịng
Sửa phịng Gửi thơng tin sửa chữa.
Thêm phịng Hiển thị nội dung của một ngữ pháp
Xóa phịng Xóa phịng khi u cầu chỉnh sửa
Chỉ số điện Tính tiền chỉ số điện
Chỉ số nước Tính tiền chỉ số nước
19
Tính tiền Tính tiền của từng phịng
Bảng 3.20- Danh sách các màn hình chức năng
3.2.2. Giao diện các màn hình chức năng xác thực người dùng
❖ Màn hình đăng nhập
Hình 3.2 - Giao diện màn hình đăng nhập
- Mơ tả: Màn hình đăng nhập gồm có tài khoản, mât khẩu. Người dùng đăng
nhập vào hệ thống.
❖ Màn hình đăng ký
Hình 3.3 - Giao diện màn hình đăng ký
- Mơ tả: Màn hình đăng ký gồm có tài khoản, mât khẩu, email. Người dùng đăng ký vào hệ thống và thông báo tạo thành công.
20
3.2.3. Giao diện Trang chủ
Hình 3.4 - Giao diện màn hình trang chủ
- Mơ tả: Màn hình trang chủ là giao diện đầu của hệ thống và các thông tin
chức năng.
3.2.4. Giao diện các màn hình chức năng phịng
❖ Màn hình phịng
Hình 3.5 - Giao diện màn hình phịng
- Mơ tả: Màn hình phịng gồm có chi tiết phịng, thêm phịng,tìm kiếm . Người
dùng đăng nhập vào hệ thống sau đó thực hiện các thao tác. Người dùng tìm kiếm theo số phịng, và thể hiện tình trạng phịng.
21
Hình 3.6 - Giao diện màn hình danh sách phịng
- Mơ tả: Màn hình danh sách phịng gồm có chi tiết phịng. Người dùng đăng
nhập vào hệ thống sau đó thực hiện các thao tác xem thơng tin. Quản trị hệ thống thực hiện sửa phịng, xóa phịng.
❖ Màn hình thêm phịng
Hình 3.7- Giao diện màn hình thêm phịng
- Mơ tả: Màn hình danh sách thêm phịng . Quản trị hệ thống đăng nhập vào hệ
thống sau đó thực hiện các thao tác. Quản trị hệ thống thực hiện lưu thay đổi, màn hình thơng báo thành cơng.
22
Hình 3.8 - Giao diện màn hình thêm khách thuê
- Mơ tả: Màn hình khách thuê . Quản trị hệ thống vào hệ thống sau đó thực hiện
các thao tác. Quản trị hệ thống thực hiện lưu thay đổi, màn hình thơng báo thành cơng.
3.2.5. Giao diện Dịch vụ
Hình 3.9 - Giao diện màn hình dịch vụ
- Mơ tả: Màn hình dịch vụ. Người dùng đăng nhập vào hệ thống sau đó thực
hiện các thao tác. Người dùng xem các thông tin. Quản trị hệ thống thực hiện các thao tác thêm dịch vụ, xóa, sửa.
23
3.2.6. Giao diện liên quan đến hóa đơn
❖ Màn hình phiếu thu
Hình 3.10 - Giao diện màn hình phiếu thu
- Mơ tả: Màn hình phiếu thu. Người dùng đăng nhập vào hệ thống sau đó thực
hiện các thao tác. Người dùng xem các thông tin. Quản trị hệ thống thực hiện các thao tác xem chi tiết, xóa, sửa, thêm phiếu thu.
❖ Màn hình tính tiền
Hình 3.11 - Giao diện màn hình tính tiền
- Mơ tả: Màn hình tính tiền. Người dùng đăng nhập vào hệ thống sau đó thực
hiện các thao tác. Người dùng xem các thông tin, thực hiện thao tác tính tiền xem hóa đơn. Quản trị hệ thống thực hiện các thao tác thu tiền, xóa, sửa, thêm phiếu thu.
24
❖ Màn hình chỉ số điện
Hình 3.12 - Giao diện màn hình chỉ số điện
- Mơ tả: Màn hình chỉ số điện. Người dùng đăng nhập vào hệ thống sau đó thực
hiện các thao tác. Người dùng xem các thông tin. Quản trị hệ thống thực hiện các thao tác cập nhật thơng tin chỉ số, xóa.
❖ Màn hình chỉ số nước
Hình 3.13- Giao diện màn hình chỉ số nước
- Mơ tả: Màn hình chỉ số nước. Người dùng đăng nhập vào hệ thống sau đó thực
hiện các thao tác. Người dùng xem các thông tin. Quản trị hệ thống thực hiện các thao tác cập nhật thơng tin chỉ số, xóa.
25
3.2.7. Giao diện Báo cáo
Hình 3.14- Giao diện màn hình báo cáo
- Mơ tả: Màn hình báo cáo. Người dùng đăng nhập vào hệ thống sau đó thực
26
CHƯƠNG 4 - KẾT LUẬN
4.1. Đánh giá 4.1.1. Thuận lợi
- Giảng viên hướng dẫn tận tình, hỗ trợ và định hướng nhóm nghiên cứu và thực hiện đề tài.
- Các tài liệu về ngôn ngữ, công nghệ thực hiện được chia sẻ rộng rãi trên Internet. Cộng đồng lớn giúp giải quyết các vấn đề thường gặp phải khi sử dụng cơng nghệ nào đó một cách nhanh chóng
- Vận dụng được các kiến thức, quy trình phát triển đã được học.
4.1.2. Khó khăn
- Vấn đề tìm hiểu, nghiên cứu và hiện thực về các công nghệ React Native, mogoDB,... mất nhiều thời gian.
- Vấn đề về dữ liệu không được đáp ứng đầy đủ và chính xác , bị hạn chế quyền thao tác và tốn kém chi phí để gia hạn các gói hỗ trợ để đáp ứng được nhu cầu của hệ thống..
- Dữ liệu hỗ trợ ít đa dạng và phong phú.
4.2. Kết quả đạt được 4.2.1. Ưu điểm
- Hoàn thành một số yêu cầu đặt ra ban đầu, đáp ứng được các tính năng cần thiết của một ứng dụng quản lý nhà trọ.
- Giao diện đơn giản, bố cục hợp lý, người dùng dễ dàng thao tác trên ứng dụng.
- Tốc độ phản hồi các thao tác nhanh, tối ưu hóa trải nghiệm của người dùng. - Sinh viên thực hiện đã nắm được cách tổ chức, xây dựng một hệ thống hoàn thiện và tạo ra được một ứng dụng trên thiết bị động để phục vụ cho nhu cầu của con người.
- Sinh viên nắm được các công nghệ phổ biến hiện nay như React Native, và một số kỹ thuật xác thực người dùng.
27
4.2.2. Nhược điểm
- Một số tính năng vẫn chưa đáp ứng được, kiểm tra cịn sai sót. - Dữ liệu cịn ít và chưa đầy đủ để đáp ứng nhu cầu người dùng. - Dữ liệu tổ chức chưa được tối ưu nên việc truy vấn cịn chậm. - Chưa có phần hướng dẫn cho người mới sử dụng.
- Chưa hoàn thiện các chức năng, phát triển rộng.
4.3. Hướng phát triển
- Xây dựng mở rộng thêm các chức năng như tổng hợp báo cáo tháng quý, hoạch định lộ trình phát triển ứng dụng.
- Hồn thiện hơn nữa các chức năng đã có.
- Xây dựng ứng dụng đa nền tảng chạy được trên android và ios . - Tối ưu hóa code để dễ cập nhật và mở rộng tính năng.
28
TÀI LIỆU THAM KHẢO
[1] Trung Nguyen (2021), “Cách xây dựng REST API sử dụng ASP.NET Core, Enity Framework Core và JWT”, [Online]. Available: https://comdy.vn/asp-net-core- web-api/cach-xay-dung-rest-api-su-dung-aspnet-core-entity-framework-core-va- jwt/
[2] Hồng Nhi (2021), “Tìm hiểu về React Native”, [Online]. Available:
https://wiki.tino.org/react-native-la-gi/
[3] Khảo sát nhu cầu phòng trọ: https://tapchicongthuong.vn/bai-viet/nghien-cuu-
hanh-vi-thue-nha-tro-cua-sinh-vien-truong-dai-hoc-cong-nghiep-ha-noi- 73954.htm
[4] PHẦN MỀM CHUYÊN ĐỀ LÝ THUYẾT CHUYÊN NGHIỆP:
https://www.youtube.com/channel/UClyOPJw40fsIolVBtJWwjgQ/videos
[5] Hướng dẫn về MongoDB cho người mới bắt đầu: https://www.youtube.com/watch?v=Ya0H-