NGHIÊN CỨU LẬP TRÌNH DI ĐỘNG ĐA NỀN TẢNG VÀ XÂY DỰNG ỨNG DỤNG CHO THUÊ PHÒNG TRỌ DỰA TRÊN
SỰ KẾT HỢP FLUTTER, GOLANG VÀ GRAPHQL
TRƯỜNG ĐẠI HỌC SƯ PHẠM
KHOA TIN HỌC
@&?
BÁO CÁO THỰC TẬP TỐT NGHIỆP NGÀNH CÔNG NGHỆ THƠNG TIN
ĐỀ TÀI
NGHIÊN CỨU LẬP TRÌNH DI ĐỘNG ĐA NỀN TẢNG VÀ XÂY DỰNG ỨNG
DỤNG CHO THUÊ PHÒNG TRỌ
DỰA TRÊN SỰ KẾT HỢP FLUTTER, GOLANG VÀ GRAPHQL
Giảng viên hướng dẫn: TS. Nguyễn Thị Ngọc Anh
Nhóm thực hiện: Trịnh Nhật Hạ Vy – 18CNTT3
Nguyễn Đình Toản – 18CNTT4
NGHIÊN CỨU LẬP TRÌNH DI ĐỘNG ĐA NỀN TẢNG VÀ XÂY DỰNG ỨNG DỤNG CHO THUÊ PHÒNG TRỌ DỰA TRÊN
SỰ KẾT HỢP FLUTTER, GOLANG VÀ GRAPHQL
Đà Nẵng, tháng 02 năm 2022
NHẬN XÉT CỦA CÁN BỘ HƯỚNG DẪN
.................................................................................................................................
Đà Nẵng, ngày … tháng … năm …
Cán bộ hướng dẫn
NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN
.................................................................................................................................
Đà Nẵng, ngày … tháng … năm …
Hội đồng phản biện
LỜI CAM ĐOAN
Chúng em tên là Trịnh Nhật Hạ Vy – 18CNTT3 và Nguyễn Đình Toản – 18CNTT4.
Chúng em xin cam đoan đây là đề tài do chúng em thực hiện. Các nội dung và kết quả
nghiên cứu được trình bày trong báo cáo tốt nghiệp này là trung thực và mọi tham khảo
đều được trích dẫn, chỉ rõ nguồn tham khảo theo đúng quy định.
Sinh viên thực hiện
Trịnh Nhật Hạ Vy
Nguyễn Đình Toản
LỜI CẢM ƠN
Đầu tiên, em xin chân thành cảm ơn Quý Thầy/Cô trong khoa Tin học đã trang bị
những kiến thức cho chúng em trong suốt quá trình học tập tại Trường Đại học Sư
phạm – Đại học Đà Nẵng vừa qua. Chính nhờ cơng lao giảng dạy, chỉ bảo tận tình của
Q Thầy/Cơ mà chúng em mới trang bị được kiến thức chun ngành cơng nghệ
thơng tin để có thể thực hiện tiếp chặng đường học tập, vận dụng và sáng tạo ra những
sản phẩm hữu ích góp phần phục vụ các lĩnh vực khác nhau.
Với lịng kính trọng và biết ơn sâu sắc, chúng em xin gửi lời cảm ơn đến giảng viên
hướng dẫn, TS. Nguyễn Thị Ngọc Anh đã tận tình giúp đỡ chúng em từ những bước
đầu tiên khi xây dựng ý tưởng nghiên cứu, đề cương cũng như trong suốt q trình
thực hiện và hồn thiện báo cáo tốt nghiệp này.
Chúng em cũng xin gửi lời cảm ơn chân thành tới anh/chị đồng nghiệp ở đơn vị thực
tập The Bay City đã tạo mọi điều kiện thuận lợi và giúp đỡ chúng trong thời gian học
tập và nghiên cứu thực hiện báo cáo tốt nghiệp này này.
Mặc dù chúng em đã rất cố gắng và nổ lực để hoàn thành báo cáo tốt nghiệp này
nhưng trong phạm vi và khả năng cho phép, chắc chắn báo cáo sẽ khơng tránh khỏi
những thiếu sót. Chúng em rất mong nhận được sự thơng cảm, góp ý và tận tình chỉ
bảo của Q Thầy/Cơ để báo cáo được hồn thiện nhất.
Chúng em xin chân thành cảm ơn!
Nhóm sinh viên thực hiện
Trịnh Nhật Hạ Vy
Nguyễn Đình Toản
KẾ HOẠCH THỰC HIỆN ĐỀ TÀI CỦA NHÓM
Thời gian thực hiện
Người thực hiện
và
Nội dung công việc
Kết quả đạt được
Chương 1: Cơ sở lí thuyết
1.1 Tổng quan về ngơn ngữ Dart
1.2 Tổng quan về framework Flutter
1.3 Tổng quan về ngôn ngữ Javascript
Trịnh Nhật Hạ Vy
14/02/2022 –
18/02/2022
1.4 Tổng quan về framework ReactJS
1.5 Tổng quan về ngơn ngữ Golang
1.6 Tổng quan về gRPC
Hồn thành nội
Nguyễn Đình Toản
1.7 Tổng quan về GraphQL
cáo chương 1
dung và viết báo
1.8 Hệ quản trị cơ sở dữ liệu
PostgetQL
Chương 2: Phân tích và thiết kế hệ thống
Lập trình trang web cho
2.1 Phân tích yêu cầu đề
người quản trị Lập trình Trịnh Nhật Hạ Vy Nguyễn
tài
giao diện tin nhắn ứng Đình Toản
2.2 Nghiên cứu hiện trạng
dụng
2.3 Đặc tả hệ thống
Trịnh Nhật Hạ Vy Trịnh
Nhật Hạ Vy
Lập trình giao diện
2.4 Biểu đồ ca sử dụng
phương thức thanh
2.5 Biểu đồ hoạt động
Nguyễn Đình Toản Nguyễn
tốn cho ứng dụng
Đình Toản
Lập trình API cơ bản
2.6 Biểu đồ tuần tự
2.7 Thiết kế cơ sở dữ liệu
Lập trình giao diện cơ bản
ứng dụng
Lập trình giao diện dành
cho doanh nghiệp của
ứng dụng
Trịnh Nhật Hạ Vy
Lập trình giao diện dành
cho người thuê của ứng
dụng
Nguyễn Đình Toản
21/02/2022 –
01/04/2022
Hoàn thành nội dung và
viết báo cáo chương 2.
Hoàn thiện mã nguồn cho
tất cả chức năng của ứng
dụng và trang web (bao
gồm Frontend và
Backend).
Lập trình API cho doanh nghiệp
Lập trình API cho người thuê
Lập trình API
cho người
quản trị Lập
trình API tin
nhắn
Lập trình API phương thức
thanh tốn Chương 3: Cài
04/04/2022 – 08/04/2022
đặt chương trình và kết
Hoàn thành nội dung và viết báo cáo
chương 3.
quả
3.1 Cài đặt chương trình
Trịnh Nhật Hạ Vy
11/04/2022 – 15/04/2022
Nguyễn Đình Toản
Hoàn thành chương 4. Hoàn thiện sản
3.2 Kết quả chương trình
phẩm và báo cáo TTTN
Chương 4: Kết luận và hướng phát
triển
4.1 Kết luận
Trịnh Nhật Hạ Vy
Nguyễn Đình Toản
4.2 Định hướng phát triển
Báo cáo thực tập tốt nghiệp – Trịnh Nhật Hạ Vy & Nguyễn Đình Toản
MỤC LỤC
LỜI CAM ĐOAN
LỜI CẢM ƠN
KẾ HOẠCH THỰC HIỆN ĐỀ TÀI CỦA NHÓM
MỤC LỤC i
DANH MỤC BẢNG BIỂU................................................................................
DANH MỤC HÌNH VẼ....................................................................................
LỜI MỞ ĐẦU......................................................................................................
v
i
v
i
i
2
1.
Lí do chọn đề tài....................................................................................... 2
2.
Mục tiêu nghiên cứu................................................................................. 3
3.
Đối tượng và phạm vi nghiên cứu............................................................ 4
4.
Phương pháp nghiên cứu.......................................................................... 4
5.
Ý nghĩa của đề tài..................................................................................... 4
6.
Bố cục của đề tài....................................................................................... 4
7.
Đóng góp của đồ án.................................................................................. 5
CHƯƠNG I: CƠ SỞ LÝ THUYẾT...................................................................
7
1.1 Tổng quan về ngơn ngữ Dart....................................................................
7
1.1.
Khái niệm của Dart..............................................................................
1
1.1. Lịch sử hình thành ngơn ngữ Dart........................................................
2
1.1.
Tại sao sử dụng ngơn ngữ
3
Dart.............................................................
1.1. Tính năng của Dart...............................................................................
4
1.2 Tổng quan về framework Flutter............................................................
7
1.2.
Khái niệm của Flutter.........................................................................
1
1.2.
Kiến trúc của Flutter...........................................................................
2
1.2.
Đặc điểm của Flutter..........................................................................
3
1.2.
Tính năng của Flutter.........................................................................
4
1.2.
Ưu và nhược điểm của Flutter............................................................
5
1.3 Tổng quan về ngôn ngữ Javascript.........................................................
1.3.
1
Khái niệm về Javascript......................................................................
7
8
8
1
0
1
0
1
1
1
2
1
3
1
4
1
5
1
5
1.3.
2
1.3.
3
1.3.
4
Lịch sử của Javascript........................................................................ 1
6
Đặc điểm của Javascript..................................................................... 1
7
Ưu điểm và nhược điểm của Javascript............................................... 1
8
Báo cáo thực tập tốt nghiệp – Trịnh Nhật Hạ Vy & Nguyễn Đình Toản
1.3.5
Sự khác nhau giữa Javascript với các ngơn ngữ lập trình web 2
khác..... 0
1.4
Tổng quan về framework ReactJS.......................................................... 2
1
1.4.1
Khái niệm về ReactJS........................................................................ 2
1
1.4.2
Đặc trưng của ReactJS....................................................................... 2
1
1.4.3 Ưu và nhược điểm của ReactJS.......................................................... 2
3
1.4.4 Sự phát triển của ReactJS................................................................... 2
4
1.5
Tổng quan về ngôn ngữ Golang............................................................. 2
5
1.5.1
Khái niệm Golang.............................................................................. 2
5
1.5.2
Lịch sử hình thành ngơn ngữ Golang.................................................. 2
5
1.5.3
Đặc điểm của Golang......................................................................... 2
6
1.5.4
Ưu và nhược điểm của Golang........................................................... 2
7
1.5.5
Các lĩnh vực ứng dụng Golang........................................................... 2
8
1.6
Tổng quan về gRPC................................................................................ 2
8
1.6.1
Khái niệm gRPC................................................................................ 2
8
1.6.2
Các kiểu gRPC APIs.......................................................................... 3
0
1.6.3
Ưu và nhược điểm của gRPC............................................................. 3
1
1.7
Tổng quan về GraphQL.......................................................................... 3
1
1.7.1
Khái niệm GraphQL.......................................................................... 3
1
1.7.2
Cấu trúc GraphQL............................................................................. 3
2
1.7.3
Đặc điểm GraphQL............................................................................ 3
3
1.7.4
Ưu và nhược điểm GraphQL.............................................................. 3
4
1.8
Hệ quản trị cơ sở dữ liệu PostgetQL....................................................... 3
4
1.8.1
Khái niệm về PostgetQL.................................................................... 3
4
1.8.2
Tính năng của PostgetQL................................................................... 3
5
1.8.3
Vai trị của PostgetSQL...................................................................... 3
6
1.8.4
So sánh PostgetSQL và MySQL......................................................... 3
6
CHƯƠNG II: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG.................................. 4
0
2.1
Phân tích u cầu đề tài.......................................................................... 4
0
2.1.1
Phát biểu bài tốn............................................................................... 4
0
2.1.2
Yêu cầu bài toán................................................................................ 4
2
2.2
Nghiên cứu hiện trạng............................................................................. 4
3
2.3
Đặc tả hệ thống....................................................................................... 4
4
2.4
Biểu đồ ca sử dụng.................................................................................. 4
4
Báo cáo thực tập tốt nghiệp – Trịnh Nhật Hạ Vy & Nguyễn Đình Toản
2.4.1
Biểu đồ ca sử dụng của hệ thống
46
2.4.2
Biểu đồ ca sử dụng quản lí (dành cho người quản trị)
46
2.4.3
Biểu đồ ca sử dụng nhắn tin của hệ thống
47
2.5
Biểu đồ hoạt động
47
2.5.1
Biểu đồ hoạt động đăng kí
49
2.5.2
Biểu đồ hoạt động đăng nhập
50
2.5.3
Biểu đồ hoạt động khôi phục mật khẩu
50
2.5.4
Biểu đồ hoạt động tạo toà nhà
51
2.5.5
Biểu đồ hoạt động chỉnh sửa tồ nhà
51
2.5.6
Biểu đồ hoạt động xố tồ nhà
51
2.5.7
Biểu đồ hoạt động thêm phòng
52
2.5.8
Biểu đồ hoạt động chỉnh sửa phịng
52
2.5.9
Biểu đồ hoạt động xố phịng
52
2.5.10 Biểu đồ hoạt động tạo hoá đơn
52
2.5.11 Biểu đồ hoạt động chỉnh sửa hoá đơn
53
2.5.12 Biểu đồ hoạt động xoá hoá đơn
53
2.5.13 Biểu đồ hoạt động đặt cọc
53
2.5.14 Biểu đồ hoạt động xác nhận đặt cọc
54
2.5.15 Biểu đồ hoạt động rút lại tiền đặt cọc
54
2.5.16 Biểu đồ hoạt động thanh toán hoá đơn
55
2.5.17 Biểu đồ hoạt động xác nhận trạng thái hoá đơn
55
2.5.18 Biểu đồ hoạt động tạo cuộc trò chuyện
55
2.5.19 Biểu đồ hoạt động tạo nhóm hội thoại
56
2.5.20 Biểu đồ hoạt động cập nhật cuộc hội thoại nhóm
56
2.5.21 Biểu đồ hoạt động xoá cuộc hội thoại
56
2.5.22 Biểu đồ hoạt động nhắn tin
57
2.5.23 Biểu đồ hoạt động gửi hình ảnh
57
2.5.24 Biểu đồ hoạt động xoá tin nhắn
57
2.6
57
Biểu đồ tuần tự
2.6.1
Biểu đồ tuần tự đăng kí với email
60
2.6.2
Biểu đồ tuần tự đăng nhập với email
60
2.6.3
Biểu đồ tuần tự tạo toà nhà
61
2.6.4
Biểu đồ tuần tự chỉnh sửa toà nhà
61
Báo cáo thực tập tốt nghiệp – Trịnh Nhật Hạ Vy & Nguyễn Đình Toản
2.6.5
Biểu đồ tuần tự xố tồ nhà
62
2.6.6
Biểu đồ tuần tự thêm phòng
62
2.6.7
Biểu đồ tuần tự chỉnh sửa phịng
63
2.6.8
Biểu đồ tuần tự xố phịng
63
2.6.9
Biểu đồ tuần tự đặt phịng
64
2.6.10 Biểu đồ tuần tự tạo hố đơn
65
2.6.11 Biểu đồ tuần tự chỉnh sửa hoá đơn
66
2.6.12 Biểu đồ tuần tự thanh toán hoá đơn
66
2.7
67
Thiết kế cơ sở dữ liệu
2.7.1
Thiết kế bảng dữ liệu
67
2.7.2
Thiết kế biểu đồ lớp
75
2.7.3
Mơ hình cơ sở dữ liệu
76
CHƯƠNG III: CÀI ĐẶT CHƯƠNG TRÌNH VÀ KẾT QUẢ
77
3.1
77
Cài đặt chương trình
3.1.1
Cài đặt chương trình hệ thống
77
3.1.2
Cài đặt ứng dụng
77
3.1.3
Cài đặt trang web quản lí
77
3.2
Kết quả chương trình
78
3.2.1
Giao diện khởi động
78
3.2.2
Giao diện đăng nhập/đăng kí
78
3.2.3
Giao diện tạo tài khoản doanh nghiệp
79
3.2.4
Giao diện tìm kiếm tồ nhà
79
3.2.5
Giao diện chi tiết toà nhà
80
3.2.6
Giao diện chi tiết căn hộ
81
3.2.7
Giao diện đặt cọc phịng
81
3.2.8
Giao diện rút lại tiền cọc
82
3.2.9
Giao diện hố đơn của người dùng
83
3.2.10 Giao diện thanh toán hoá đơn
83
3.2.11 Giao diện hợp đồng
84
3.2.12 Giao diện quản lí tồ nhà
85
3.2.13 Giao diện quản lí căn hộ
85
3.2.14 Giao diện thêm tồ nhà
86
3.2.15 Giao diện chỉnh sửa toà nhà
86
Báo cáo thực tập tốt nghiệp – Trịnh Nhật Hạ Vy & Nguyễn Đình Toản
3.2.1
6
3.2.1
7
3.2.1
8
3.2.1
9
3.2.2
0
3.2.2
1
3.2.2
2
3.2.2
3
3.2.2
4
3.2.2
5
3.2.2
6
3.2.2
7
3.2.2
8
3.2.2
9
3.2.3
0
3.2.3
1
3.2.3
2
3.2.3
3
3.2.3
4
3.2.3
5
3.2.3
6
3.2.3
7
Giao diện xố tồ tồ nhà...................................................................
Giao diện thêm căn hộ........................................................................
Giao diện chỉnh sửa căn
hộ.................................................................
Giao diện xoá căn hộ..........................................................................
Giao diện tài chính.............................................................................
Giao diện yêu cầu đặt
cọc...................................................................
Giao diện danh sách hợp đồng và hoá
đơn..........................................
Giao diện tạo hoá đơn........................................................................
Giao diện chỉnh sửa hoá
đơn..............................................................
Giao diện xoá hoá
đơn........................................................................
Giao diện xác nhận thanh
tốn............................................................
Giao diện danh sách cuộc trị
chuyện..................................................
Giao diện chi tiết cuộc trị
chuyện.......................................................
Giao diện thơng tin cuộc trị
chuyện....................................................
Giao diện tạo nhóm trị chuyện...........................................................
Giao diện thêm người dùng vào nhóm trị
chuyện...............................
Giao diện thơng báo của ứng
dụng......................................................
Giao diện tài khoản............................................................................
Giao diện cập nhật tài
khoản...............................................................
Giao diện đăng nhập (website quản
lí)................................................
Giao diện quản lí người dùng (website quản
lí)...................................
Giao diện quản lí tồ nhà, căn hộ (website quản
lí)............................
3.2.3 Giao diện quản lí hợp đồng (website quản lí)....................................
8
8
7
8
8
8
8
8
9
8
9
9
0
9
1
9
1
9
2
9
3
9
3
9
4
9
5
9
5
9
6
9
6
9
7
9
8
9
8
9
8
9
9
1
0
1
1
0
6
KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN ......................................................109
1.
Kết quả đạt
được...................................................
................................
2.
Hạn chế của đề
tài........................................................
.........................
3.
Hướng phát
triển....................................................
...............................
TÀI LIỆU THAM
KHẢO...........................................................
....................
109
110
110
110
Báo cáo thực tập tốt nghiệp – Trịnh Nhật Hạ Vy & Nguyễn Đình Toản
DANH MỤC BẢNG BIỂ
Bảng 1: So sánh PostgetSQL và MySQL
36
Bảng 2: Đặc tả hệ thống
44
Bảng 4: Thực thể USER
67
Bảng 5: Thực thể BUILDING
68
Bảng 6: Thực thể APARTMENT
69
Bảng 7: Thực thể CONTRACT
69
Bảng 8: Thực thể BILL
70
Bảng 9: Thực thể BUILDING_COMMENT
71
Bảng 10: Thực thể Booking
71
Bảng 11: Thực thể NOTIFICATION
72
Bảng 12: Thực thể CHAT_ROOM
72
Bảng 13: Thực thể CHAT_MESSAGE
73
Bảng 14: Thực thể CHAT_MEMBER
73
Bảng 15: Thực thể USER_MESSAGE
74
Bảng 16: Thực thể USER_CHAT_ROOM
74
Bảng 17: Thực thể CITY
74
Bảng 18: Thực thể DISTRICT
75
Bảng 19: Thực thể WARD
75
DANH MỤC HÌNH V
Báo cáo thực tập tốt nghiệp – Trịnh Nhật Hạ Vy & Nguyễn Đình Toản
Hình 1: Tính năng của ngơn ngữ Dart
8
Hình 2: Kiến trúc của Flutter
11
Hình 3: Cách hoạt động của Javascript
18
Hình 4: Thành phần Vitural DOM
22
Hình 5: Mơ hình giao tiếp client/server trong RPC
29
Hình 6: Cấu trúc GraphQL
33
Hình 7: Các kí hiệu của biểu đồ ca sử dụng
46
Hình 8: Biểu đồ ca sử dụng của hệ thống
46
Hình 9: Biểu đồ ca sử dụng quản lí (dành cho người quản trị)
47
Hình 10: Biểu đồ ca sử dụng nhắn tin
47
Hình 11: Kí hiệu các hoạt động trong biểu đồ hoạt động
48
Hình 12: Kí hiệu đồng hố các hoạt động trong biểu đồ hoạt động
48
Hình 13: Kí hiệu đồng hố có điều kiện trong biểu đồ hoạt động
49
Hình 14: Kí hiệu quyết định trong biểu đồ hoạt động
49
Hình 15: Kí hiệu quyết định kết hợp trong biểu đồ hoạt động
49
Hình 16: Biểu đồ hoạt động đăng kí
50
Hình 17: Biểu đồ hoạt động đăng nhập
50
Hình 18: Biểu đồ hoạt động khơi phục mật khẩu
51
Hình 19: Biểu đồ hoạt động tạo tồ nhà
51
Hình 20: Biểu đồ hoạt động chỉnh sửa tồ nhà
51
Hình 21: Biểu đồ hoạt động xố tồ nhà
52
Hình 22: Biểu đồ hoạt động thêm phịng
52
Hình 23: Biểu đồ hoạt động chỉnh sửa phịng
52
Hình 24: Biểu đồ hoạt động xố phịng
52
Hình 25: Biểu đồ hoạt động tạo hoá đơn
53
Hình 26: Biểu đồ hoạt động chỉnh sửa hố đơn
53
Hình 27: Biểu đồ hoạt động xố phịng
53
Hình 28: Biểu đồ hoạt động đặt cọc
54
Hình 29: Biểu đồ hoạt động xác nhận đặt cọc
54
Hình 30: Biểu đồ hoạt động rút lại tiền cọc
55
Hình 31: Biểu đồ hoạt động thanh tốn hố đơn
55
Báo cáo thực tập tốt nghiệp – Trịnh Nhật Hạ Vy & Nguyễn Đình Toản
Hình 32: Biểu đồ hoạt động xác nhận trạng thái hố đơn
55
Hình 33: Biểu đồ hoạt động tạo cuộc trị chuyện
56
Hình 34: Biểu đồ hoạt động tạo nhóm hội thoại
56
Hình 35: Biểu đồ hoạt động cập nhật cuộc hội thoại nhóm
56
Hình 36: Biểu đồ hoạt động xố cuộc hội thoại
56
Hình 37: Biểu đồ hoạt động nhắn tin
57
Hình 38: Biểu đồ hoạt động gửi hình ảnh
57
Hình 39: Biểu đồ hoạt động xố tin nhắn
57
Hình 40: Kí hiệu đối tượng trong biểu đồ tuần tự
57
Hình 41: Kí hiệu thời gian hoạt động trong biểu đồ tuần tự
58
Hình 42: Kí hiệu cách gửi thơng điệp trong biểu đồ tuần tự
58
Hình 43: Kí hiệu thơng điệp trả về trong biểu đồ tuần tự
58
Hình 44: Kí hiệu thơng điệp gửi trong biểu đồ tuần tự
59
Hình 45: Kí hiệu tạo/huỷ phương thức trong biểu đồ tuần tự
59
Hình 46: Kí hiệu lặp thơng điệp trong biểu đồ tuần tự
59
Hình 47: Kí hiệu lặp thơng điệp có điều kiện trong biểu đồ tuần tự
59
Hình 48: Kí hiệu gửi phụ thuộc có điều kiện trong biểu đồ tuần tự
60
Hình 49: Kí hiệu đệ quy trong biểu đồ tuần tự
60
Hình 50: Biểu đồ tuần tự đăng kí với email
60
Hình 51: Biểu đồ tuần tự đăng nhập với email
61
Hình 52: Biểu đồ tuần tự tạo tồ nhà
61
Hình 53: Biểu đồ tuần tự chỉnh sửa tồ nhà
62
Hình 54: Biểu đồ tuần tự xố tồ nhà
62
Hình 55: Biểu đồ tuần tự thêm phịng
63
Hình 56: Biểu đồ tuần tự chỉnh sửa phịng
63
Hình 57: Biểu đồ tuần tự xố phịng
64
Hình 58: Biểu đồ tuần tự đặt phòng
65
Hình 59: Biểu đồ tuần tự tạo hố đơn
66
Hình 60: Biểu đồ tuần tự chỉnh sửa hố đơn
66
Hình 61: Biểu đồ tuần tự thanh tốn hố đơn
67
Hình 62: Biểu đồ lớp của hệ thống
76
Hình 63: Sơ đồ quan hệ cơ sở dữ liệu
76
Hình 64: Giao diện khởi động 1
78
Báo cáo thực tập tốt nghiệp – Trịnh Nhật Hạ Vy & Nguyễn Đình Toản
Hình 65: Giao diện khởi động 2
78
Hình 66: Giao diện khởi động 3
78
Hình 67: Màn hình tạo tài khoản
79
Hình 68: Màn hình đăng kí
79
Hình 69: Màn hình đăng nhập
79
Hình 70: Màn hình tạo tài khoản doanh nghiệp 1
79
Hình 71: Màn hình tạo tài khoản doanh nghiệp 2
79
Hình 72: Màn hình tìm kiếm
80
Hình 73: Màn hình tuỳ chỉnh
80
Hình 74: Màn hình xem bản đồ
80
Hình 75: Màn hình chi tiết
80
Hình 76: Màn hình bình luận tồ nhà
80
Hình 77: Màn hình bản đồ vị trí của tồ nhà
80
Hình 78: Màn hình chi tiết căn hộ 1
81
Hình 79: Màn hình chi tiết căn hộ 2
81
Hình 80: Màn hình chọn phương pháp
82
Hình 81: Màn hình thơng báo
82
Hình 82: Màn hình rút lại tiền cọc
82
Hình 83: Màn hình xác nhận rút lại tiền cọc
82
Hình 84: Giao diện danh sách hố đơn
83
Hình 85: Màn hình chi tiết hố đơn
83
Hình 86: Màn hình chọn phương thức thanh tốn
84
Hình 87: Màn hình xác nhận thanh tốn thành cơng
84
Hình 88: Màn hình chờ xác nhận đã thanh tốn
84
Hình 89: Màn hình danh sách hợp đồng
84
Hình 90: Màn hình chi tiết hố đơn (của người dùng)
84
Hình 91: Màn hình quản lí tồ nhà
85