xây dựng ứng dụng sổ tay chung cư

ĐẠI HỌC QUỐC GIA TP. HỒ CHÍ MINH

TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THƠNG TIN
KHOA CƠNG NGHỆ PHẦN MỀM

NGUYỄN MẠNH TÙNG

KHĨA LUẬN TỐT NGHIỆP

XÂY DỰNG ỨNG DỤNG SỔ TAY CHUNG CƯ
BUILDING APARTMENT HANDBOOK APPLICATION

KỸ SƯ NGÀNH CÔNG NGHỆ PHẦN MỀM

TP. HỒ CHÍ MINH, 2021


ĐẠI HỌC QUỐC GIA TP. HỒ CHÍ MINH

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
KHOA CÔNG NGHỆ PHẦN MỀM

NGUYỄN MẠNH TÙNG – 17521236

KHÓA LUẬN TỐT NGHIỆP

XÂY DỰNG ỨNG DỤNG SỔ TAY CHUNG CƯ
BUILDING APARTMENT HANDBOOK APPLICATION

KỸ SƯ NGÀNH CÔNG NGHỆ PHẦN MỀM

GIẢNG VIÊN HƯỚNG DẪN
ThS. HUỲNH NGUYỄN KHẮC HUY

TP. HỒ CHÍ MINH, 2021


THƠNG TIN HỘI ĐỒNG CHẤM KHĨA LUẬN TỐT NGHIỆP

Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số…………………
ngày ………………….. của Hiệu trưởng Trường Đại học Công nghệ Thông tin.

1. ………………………………………...……. – Chủ tịch.
2. ……………………..………………….……. – Thư ký.
3. …………………….………………………... – Ủy viên.
4. …………………..…………………...……. – Ủy viên.


ĐẠI HỌC QUỐC GIA TP. HỒ CHÍ MINH

CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM

TRƯỜNG ĐẠI HỌC

Độc Lập - Tự Do - Hạnh Phúc

CÔNG NGHỆ THÔNG TIN
TP. HCM, ngày…..tháng…..năm……..

NHẬN XÉT KHĨA LUẬN TỐT NGHIỆP
(CỦA CÁN BỘ HƯỚNG DẪN)

Tên khóa luận:
XÂY DỰNG ỨNG DỤNG SỔ TAY CHUNG CƯ
Nhóm SV thực hiện:

Cán bộ hướng dẫn:

Nguyễn Mạnh Tùng - 17521236

ThS. Huỳnh Nguyễn Khắc Huy

Đánh giá Khóa luận
1. Về cuốn báo cáo:
Số trang

_______

Số chương

_______

Số bảng số liệu

_______

Số hình vẽ

_______

Số tài liệu tham khảo

_______

Sản phẩm

_______

Một số nhận xét về hình thức cuốn báo cáo:

2. Về nội dung nghiên cứu

3. Về chương trình ứng dụng:


4. Về thái độ làm việc của sinh viên:

Đánh giá chung:
Điểm từng sinh viên:
Nguyễn Mạnh Tùng:………../10

Người nhận xét
(Ký tên và ghi rõ họ tên)


ĐẠI HỌC QUỐC GIA TP. HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM
TRƯỜNG ĐẠI HỌC

Độc Lập - Tự Do - Hạnh Phúc

CÔNG NGHỆ THÔNG TIN

TP. HCM, ngày…..tháng…..năm……..

NHẬN XÉT KHĨA LUẬN TỐT NGHIỆP
(CỦA CÁN BỘ PHẢN BIỆN)

Tên khóa luận:
XÂY DỰNG ỨNG DỤNG SỔ TAY CHUNG CƯ
Nhóm SV thực hiện:

Cán bộ phản biện:

Nguyễn Mạnh Tùng - 17521236
Đánh giá Khóa luận
5. Về cuốn báo cáo:
Số trang

_______

Số chương

_______

Số bảng số liệu

_______

Số hình vẽ

_______

Số tài liệu tham khảo

_______

Sản phẩm

_______

Một số nhận xét về hình thức cuốn báo cáo:

6. Về nội dung nghiên cứu

7. Về chương trình ứng dụng:


8. Về thái độ làm việc của sinh viên:

Đánh giá chung:
Điểm từng sinh viên:
Nguyễn Mạnh Tùng:………../10

Người nhận xét
(Ký tên và ghi rõ họ tên)


LỜI CẢM ƠN
Khoá luận tốt nghiệp với đề tài “Xây dựng ứng dụng Sổ tay chung cư” là
minh chứng cho q trình cố gắng khơng ngừng trong việc tìm tịi, học hỏi trong
suốt hơn 4 năm học tập tại trường Đại học Công nghệ Thông tin. Thể hiện khả năng
của bản thân trong việc áp dụng kiến thức chuyên môn vào giải quyết bài tốn thực

tế.
Trong q trình thực hiện khoá luận, em đã nhận được sự hướng dẫn tận tình
từ q thầy cơ, sự giúp đỡ và hỗ trợ từ gia đình cũng như bạn bè. Một cách đặc biệt,
em xin được gửi lời cảm ơn chân thành đến:
Các thầy cơ trường Đại học Cơng nghệ Thơng Tin nói chung và các thầy cô
trong Khoa Công nghệ Phần mềm nói riêng đã tận tình truyền đạt kiến thức tới em
trong những năm học tập tại trường. Đó là tài sản q báu đã giúp em hồn thành
khố luận và cũng là hành trang cho con đường sự nghiệp của bản thân sau này.
Em xin được gửi lời cảm ơn sâu sắc tới Ths. Huỳnh Nguyễn Khắc Huy,
người đã trực tiếp hướng dẫn, chỉ bảo, giúp đỡ em những lúc khó khăn, đưa ra
những lời khun bổ ích để khố luận được hoàn thành đúng tiến độ và đáp ứng các
yêu cầu đề ra ban đầu.
Lời cuối cùng, em xin dành lời cảm ơn gửi tới gia đình, anh chị, bạn bè đã
ln bên cạnh để động viên và đóng góp ý kiến trong q trình hồn thành khố
luận này.

Thành phố Hồ Chí Minh, 26 tháng 06 năm 2021
Sinh viên

Nguyễn Mạnh Tùng


MỤC LỤC
TÓM TẮT KHÓA LUẬN ..........................................................................................1
Chương 1. TỔNG QUAN ĐỀ TÀI ...........................................................................2
1.1. Lý do chọn đề tài ...........................................................................................2
1.2. Đối tượng .......................................................................................................2
1.3. Phạm vi ..........................................................................................................2
1.4. Mục tiêu đề tài ...............................................................................................3
1.5. Phương pháp thực hiện ..................................................................................3

Chương 2. LÝ THUYẾT ..........................................................................................4
2.1. Tổng quan về MEAN Stack ..........................................................................4
2.1.1.

Khái niệm MEAN Stack......................................................................4

2.1.2.

Cách hoạt động ....................................................................................5

2.1.3.

MongoDB ............................................................................................5

2.1.4.

Express ................................................................................................6

2.1.5.

Angular ................................................................................................7

2.1.6.

NodeJS .................................................................................................8

2.2. Ionic ...............................................................................................................9
2.2.1.

Khái niệm ............................................................................................9

2.2.2.

Ưu điểm ...............................................................................................9

2.2.3.

Nhược điểm .......................................................................................10

Chương 3. XÂY DỰNG HỆ THỐNG....................................................................11
3.1. Xây dựng kiến trúc hệ thống .......................................................................11
3.1.1.

Tổng quan hệ thống ...........................................................................11

3.1.2.

Xác định yêu cầu hệ thống ................................................................11


3.1.3.

Phân tích yêu cầu hệ thống ................................................................12

3.2. Sơ đồ hiện trạng nghiệp vụ ..........................................................................15
3.3. Mơ hình Use Case........................................................................................18
3.3.1.

Mơ hình Use Case tổng quát .............................................................18

3.3.2.

Danh sách các Actor ..........................................................................21

3.3.3.

Danh sách các Use Case ....................................................................21

3.3.4.

Đặc tả Use Case .................................................................................25

Chương 4. PHÂN TÍCH .........................................................................................75
4.1. Sơ đồ lớp ......................................................................................................75
4.1.1.

Sơ đồ lớp( mức phân tích) .................................................................75

4.1.2.

Danh sách các lớp đối tượng và quan hệ ...........................................77

4.1.3.

Mô tả chi tiết từng đối tượng .............................................................78

4.2. Sequence diagram ........................................................................................89
4.3. Sơ đồ trạng thái ..........................................................................................102
4.3.1.

Đăng nhập ........................................................................................102

4.3.2.

Thêm mới cư dân .............................................................................103

4.3.3.

Tạo hóa đơn .....................................................................................105

4.3.4.

Tạo tài khoản ...................................................................................108

Chương 5. THIẾT KẾ DỮ LIỆU .........................................................................110
5.1. Sơ đồ logic .................................................................................................110
5.2. Danh sách các bảng dữ liệu trong sơ đồ ....................................................111
5.3. Mô tả chi tiết các kiểu dữ kiệu trong sơ đồ logic ......................................112
5.3.1.

Bảng ACCOUNT(manager) ............................................................112

5.3.2.

Bảng MANAGER ...........................................................................112


5.3.3.

Bảng BLOCK ..................................................................................113

5.3.4.

Bảng APARTMENT .......................................................................113

5.3.5.

Bảng RESIDENT ............................................................................113

5.3.6.

Bảng RESIDENT_ACCOUNT .......................................................114

5.3.7.

Bảng VEHICLE ..............................................................................114

5.3.8.

Bảng REGIETER_SERVICE..........................................................115

5.3.9.

Bảng SERVICE ...............................................................................115

5.3.10.

Bảng BILL .......................................................................................116

5.3.11.

Bảng PAYMENT_METHOD .........................................................116

Chương 6. THIẾT KẾ KIẾN TRÚC ....................................................................117
6.1. Kiến trúc hệ thống .....................................................................................117
6.2. Mô tả chi tiết từng thành phần trong hệ thống ..........................................118
6.2.1.

View ................................................................................................118

6.2.2.

Model ...............................................................................................118

6.2.3.

ViewModel ......................................................................................118

Chương 7. THIẾT KẾ GIAO DIỆN .....................................................................119
7.1. Sơ đồ giao diện các màn hình ....................................................................119
7.1.1.

Sơ đồ giao diện web admin .............................................................119

7.1.2.

Sơ đồ giao diện Mobile ...................................................................119

7.2. Danh sách các màn hình ............................................................................120
7.2.1.

Web..................................................................................................120

7.2.2.

Mobile..............................................................................................122

7.3. Mơ tả chi tiết màn hình Website ................................................................123
7.3.1.

Màn hình đăng nhập ........................................................................123


7.3.1.

Màn hình Trang chủ ........................................................................124

7.3.2.

Màn hình danh sách ban quản lý .....................................................125

7.3.3.

Màn hình thêm quản lý ....................................................................126

7.3.4.

Màn hình block ................................................................................128

7.3.5.

Màn hình chi tiết block ....................................................................129

7.3.6.

Màn hình thêm block .......................................................................130

7.3.7.

Màn hình căn hộ ..............................................................................131

7.3.8.

Màn hình chi tiết căn hộ ..................................................................133

7.3.9.

Màn hình thêm căn hộ .....................................................................134

7.3.10.

Màn hình cư dân ..............................................................................136

7.3.11.

Màn hình chi tiết thơng tin cư dân ..................................................137

7.3.12.

Màn hình thêm cư dân .....................................................................141

7.3.13.

Màn hình giao diện của xe ..............................................................143

7.3.14.

Màn hình chi tiết xe .........................................................................144

7.3.15.

Màn hình thêm xe ............................................................................145

7.3.16.

Màn hình dịch vụ .............................................................................147

7.3.17.

Màn hình chi tiết dịch vụ .................................................................147

7.3.18.

Màn hình chi phí ..............................................................................149

7.3.19.

Màn hình chi tiết chi phí..................................................................150

7.3.20.

Màn hình thêm hóa đơn ...................................................................152

7.3.21.

Màn hình tài khoản ..........................................................................154

7.3.22.

Màn hình thêm tài khoản .................................................................155

7.4. Mơ tả chi tiết màn hình mobile..................................................................157
7.4.1.

Màn hình đăng nhập ........................................................................157


7.4.2.

Màn hình quên mật khẩu .................................................................159

7.4.3.

Màn hình trang chủ..........................................................................160

7.4.4.

Màn hình chi tiết hóa đơn ................................................................162

7.4.5.

Màn hình thanh tốn ........................................................................163

7.4.6.

Màn hình block ................................................................................166

7.4.7.

Màn hình căn hộ ..............................................................................168

7.4.8.

Màn hình xe .....................................................................................170

7.4.9.

Màn hình dịch vụ .............................................................................172

7.4.10.

Màn hình ban quản lý ......................................................................174

7.4.11.

Màn hình thanh tốn ........................................................................176

Chương 8. NHẬN XÉT VÀ KẾT LUẬN ............................................................177
8.1. Mơi trường phát triển và môi trường triển khai ........................................177
8.1.1.

Môi trường phát triển ứng dụng .....................................................177

8.1.2.

Môi trường triển khai ứng dụng ......................................................177

8.1.3.

Kết quả đạt được..............................................................................177

8.2. Kết luận ......................................................................................................177
8.2.1.

Về mặt thực tiễn ..............................................................................177

8.2.2.

Về mặt kiến thức tổng quát .............................................................178

8.2.3.

Về mặt kỹ năng................................................................................178

8.3. Hướng phát triển ........................................................................................179
8.4. Thuận lợi và khó khăn ...............................................................................179
8.4.1.

Thuận lợi..........................................................................................179

8.4.2.

Khó khăn .........................................................................................179

Chương 9. TÀI LIỆU THAM KHẢO ..................................................................180


DANH MỤC HÌNH
Hình 2-1 MEAN stack ................................................................................................4
Hình 2-2 Kiến trúc MEAN stack ................................................................................5
Hình 2-3 MongoDB ....................................................................................................5
Hình 2-4 Document trong MongoDB .........................................................................6
Hình 2-5 Express .........................................................................................................6
Hình 2-6 Angular ........................................................................................................7
Hình 2-7 NodeJS .........................................................................................................8
Hình 2-8 Ionic .............................................................................................................9
Hình 3-1 Tổng quan hệ thống ...................................................................................11
Hình 3-2 Sơ đồ nghiệp vụ của Ban quản lý ..............................................................15
Hình 3-3 Sơ đồ nghiệp vụ của Cư dân ......................................................................16
Hình 3-4 Sơ đồ nghiệp vụ của Quản trị hệ thống .....................................................17
Hình 3-5 Sơ đồ Use Case tổng quát của cư dân ........................................................18
Hình 3-6 Sơ đồ Use Case tổng quát của ban quản lý ................................................19
Hình 3-7 Sơ đồ Use Case tổng quát của quản trị hệ thống .......................................20
Hình 3-8 Use Case “Đăng nhập” ..............................................................................25
Hình 3-9 Use Case “Quản lý block” .........................................................................26
Hình 3-10 Use Case “Quản lý căn hộ” .....................................................................31
Hình 3-11 Use Case “Quản lý cư dân” .....................................................................36
Hình 3-12 Use Case “Quản lý tài khoản cư dân”......................................................42
Hình 3-13 Use Case “Quản lý thơng tin xe” .............................................................46
Hình 3-14 Use Case “Quản lý chi phí” .....................................................................51

Hình 3-15 Use Case “Quản lý Dịch vụ” ...................................................................55
Hình 3-16 Use Case “Đăng nhập cho cư dân” ..........................................................58
Hình 3-17 Use Case “Tra cứu thơng tin Ban quản lý”..............................................60
Hình 3-18 Use Case “Tra cứu thơng tin Block” .......................................................61
Hình 3-19 Use Case “Tra cứu thơng tin Căn hộ”......................................................62
Hình 3-20 Use Case “Tra cứu thông tin Xe” ............................................................63


Hình 3-21 Use Case “Tra cứu thơng tin Dịch vụ” ....................................................64
Hình 3-22 Use Case “Thanh tốn chi phí trực tuyến” ..............................................65
Hình 3-23 Use Case “Tra cứu thơng tin Chi phí theo thời gian” ..............................70
Hình 3-24 Use Case “Quản lý tài khoản Ban quản lý” .............................................71
Hình 4-1 Sơ đồ lớp (mức phân tích) .........................................................................76
Hình 4-2 Sequence Login..........................................................................................89
Hình 4-3 Sequence Tra cứu block .............................................................................90
Hình 4-4 Sequence Thêm block ................................................................................90
Hình 4-5 Sequence Xóa block...................................................................................91
Hình 4-6 Sequence Chỉnh sửa block .........................................................................91
Hình 4-7 Sequence Tra cứu căn hộ ...........................................................................92
Hình 4-8 Sequence Thêm căn hộ ..............................................................................92
Hình 4-9 Sequence Xóa căn hộ .................................................................................93
Hình 4-10 Sequence Chỉnh sửa căn hộ .....................................................................93
Hình 4-11 Sequence Tra cứu cư dân .........................................................................94
Hình 4-12 Sequence Thêm cư dân ............................................................................94
Hình 4-13 Sequence Xóa cư dân ...............................................................................95
Hình 4-14 Sequence Chỉnh sửa cư dân .....................................................................95
Hình 4-15 Sequence Tạo tài khoản cư dân ...............................................................96
Hình 4-16 Sequence Xóa tài khoản ...........................................................................96
Hình 4-17 Sequence Tra cứu xe ................................................................................97
Hình 4-18 Sequence Thêm xe ...................................................................................97

Hình 4-19 Sequence Xóa xe ......................................................................................98
Hình 4-20 Sequence Chỉnh sửa xe ............................................................................98
Hình 4-21 Sequence Chỉnh sửa dịch vụ ....................................................................99
Hình 4-22 Sequence Tra cứu hóa đơn .......................................................................99
Hình 4-23 Sequence Thêm hóa đơn ........................................................................100
Hình 4-24 Sequence Xóa hóa đơn...........................................................................100
Hình 4-25 Sequence Duyệt thanh toán ...................................................................101


Hình 4-26 Sơ đồ trạng thái “Đăng nhâp” ................................................................102
Hình 4-27 Sơ đồ trạng thái “Thêm mới cư dân” .....................................................103
Hình 4-28 Sơ đồ trạng thái “Tạo hóa đơn” .............................................................105
Hình 4-29 Sơ đồ trạng thái “Tạo tài khoản” ...........................................................108
Hình 5-1 Sơ đồ LOGIC ...........................................................................................110
Hình 6-1 Kiến trúc hệ thống MVVM......................................................................117
Hình 7-1 Sơ đồ giao diện web admin......................................................................119
Hình 7-2 Sơ đồ giao diện Mobile ............................................................................119
Hình 7-3 Màn hình đăng nhập ................................................................................123
Hình 7-4 Giao diện màn hình chính ........................................................................124
Hình 7-5 Giao diện màn hình Danh sách quản lý ...................................................125
Hình 7-6 Giao diện màn hình thêm quản lý ............................................................126
Hình 7-7 Giao diện màn hình block ........................................................................128
Hình 7-8 Giao diện màn hình chi tiết block ............................................................129
Hình 7-9 Giao diện màn hình thêm block ...............................................................130
Hình 7-10 Giao diện màn hình căn hộ ....................................................................131
Hình 7-11 Giao diện màn hình chi tiết căn hộ ........................................................133
Hình 7-12 Giao diện màn hình thêm căn hộ ...........................................................134
Hình 7-13 Giao diện màn hình cư dân ....................................................................136
Hình 7-14 Giao diện màn hình chi tiết thơng tin cư dân (chưa tạo tài khoản) .......137
Hình 7-15 Giao diện màn hình chi tiết thơng tin cư dân (đã tạo tài khoản) ...........138

Hình 7-16 Giao diện màn hình thêm cư dân ...........................................................141
Hình 7-17 Giao diện của xe ....................................................................................143
Hình 7-18 Giao diện Màn hình chi tiết xe ..............................................................144
Hình 7-19 Giao diện màn hình thêm xe ..................................................................145
Hình 7-20 Giao diện màn hình dịch vụ ...................................................................147
Hình 7-21 Giao diện màn hình chi tiết dịch vụ .......................................................148
Hình 7-22 Giao diện màn hình chi phí ....................................................................149
Hình 7-23 Giao diện màn hình chi tiết chi phí (1) ..................................................150


Hình 7-24 Giao diện màn hình chi tiết chi phí (2) ..................................................151
Hình 7-25 Giao diện màn hình thêm hóa đơn (1) ...................................................152
Hình 7-26 Giao diện màn hình thêm hóa đơn (2) ...................................................152
Hình 7-27 Giao diện màn hình tài khoản ................................................................154
Hình 7-28 Giao diện màn hình thêm tài khoản .......................................................155
Hình 7-29 Màn hình trang chủ ................................................................................160
Hình 7-30 Màn hình chi tiết hóa đơn ......................................................................162
Hình 7-31 Màn hình thanh tốn ..............................................................................163
Hình 7-32 Màn hình thanh tốn bằng Paypal .........................................................163
Hình 7-33 Màn hình thanh tốn bằng Momo ..........................................................164
Hình 7-34 Màn hình thanh tốn bằng Internet Backing..........................................165
Hình 7-35 Màn hình danh sách block .....................................................................166
Hình 7-36 Màn hình chi tiết block ..........................................................................167
Hình 7-37 Màn hình dánh sách căn hộ ...................................................................168
Hình 7-38 Màn hình chi tiết căn hộ ........................................................................169
Hình 7-39 Màn hình danh sách chủ sở hữu xe thuộc căn hộ ..................................170
Hình 7-40 Danh sách xe theo từng chủ sở hữu .......................................................171
Hình 7-41 Màn hình danh sách dịch vụ ..................................................................172
Hình 7-42 Màn hình chi tiết dịch vụ .......................................................................173
Hình 7-43 Màn hình danh sách ban quản lý ...........................................................174

Hình 7-44 Màn hình chi tiết ban quản lý ................................................................175
Hình 7-45 Màn hình danh sách chi phí ...................................................................176


DANH MỤC BẢNG
Bảng 3-1 Danh sách Actor ........................................................................................................... 21
Bảng 3-2 Danh sách các Use Case cho ban quản lý ............................................................ 21
Bảng 3-3 Danh sách Use Case cho cư dân ............................................................................. 23
Bảng 3-4 Danh sách các Use Case cho quản trị hệ thống ................................................. 24
Bảng 3-5 Đặc tả Use Case “Đăng nhập” ................................................................................. 25
Bảng 3-6 Đặc tả Use Case “Tra cứu thông tin block” ........................................................ 27
Bảng 3-7 Đặc tả Use Case “Thêm block” ............................................................................... 28
Bảng 3-8 Đặc tả Use Case “Chỉnh sửa thông tin block” ................................................... 29
Bảng 3-9 Đặc tả Use Case “Xóa block” .................................................................................. 30
Bảng 3-10 Đặc tả Use Case “Tra cứu căn hộ” ...................................................................... 32
Bảng 3-11 Đặc tả Use Case “Thêm căn hộ” .......................................................................... 33
Bảng 3-12 Đặc tả Use Case “Chỉnh sửa thông tin căn hộ” ............................................... 34
Bảng 3-13 Đặc tả Use Case “Xóa căn hộ”.............................................................................. 35
Bảng 3-14 Đặc tả Use Case “Tra cứu thông tin cư dân” ................................................... 37
Bảng 3-15 Đặc tả Use Case “Thêm cư dân” .......................................................................... 38
Bảng 3-16 Đặc tả Use Case “Chỉnh sửa thông tin cư dân” ............................................... 39
Bảng 3-17 Đặc tả Use Case “Xóa cư dân” ............................................................................. 41
Bảng 3-18 Đặc tả Use Case “Tạo tài khoản cho cư dân” .................................................. 43
Bảng 3-19 Đặc tả Use Case “Xóa tài khoản cư dân” .......................................................... 45
Bảng 3-20 Đặc tả Use Case “Tra cứ thông tin xe” .............................................................. 47
Bảng 3-21 Đặc tả Use Case “Thêm xe” ................................................................................... 48
Bảng 3-22 Đặc tả Use Case “Chỉnh sửa thông tin xe” ....................................................... 49
Bảng 3-23 Đặc tả Use Case “ Xóa xe” ..................................................................................... 50
Bảng 3-24 Đặc tả Use Case “Tra cứu hóa đơn”.................................................................... 52
Bảng 3-25 Đặc tả Use Case “Thêm hóa đơn” ....................................................................... 53

Bảng 3-26 Đặc tả Use Case “Duyệt thanh toán” .................................................................. 54
Bảng 3-27 Đặc tả Use Case “Chỉnh sửa giá dịch vụ” ......................................................... 55


Bảng 3-28 Đặc tả Use Case “Tra cứu thông tin dịch vụ” .................................................. 56
Bảng 3-29 Đặc tả Use Case “Đăng nhập”............................................................................... 58
Bảng 3-30 Đặc tả Use Case “Quên mật khẩu” ...................................................................... 59
Bảng 3-31 Đặc tả Use Case “Tra cứu thông tin ban quản lý”.......................................... 60
Bảng 3-32 Đặc tả Use Case “Tra cứu thông tin Block” ..................................................... 61
Bảng 3-33 Đặc tả Use Case “Tra cứu thông tin Căn hộ” .................................................. 62
Bảng 3-34 Đặc tả Use Case “Tra cứu thông tin xe” ............................................................ 63
Bảng 3-35 Đặc tả Use Case “Tra cứu thông tin Dịch vụ” ................................................. 64
Bảng 3-36 Đặc tả Use Case “Thanh tốn chi phí bằng Paypal”...................................... 65
Bảng 3-37 Đặc tả Use Case “Thanh tốn chi phí bằng Momo” ...................................... 67
Bảng 3-38 Đặc tả Use Case “Thanh tốn chi phí bằng Internet Banking” ................ 68
Bảng 3-39 Đặc tả Use Case “Tra cứu thơng tin chi phí theo thời gian”....................... 70
Bảng 3-40 Đặc tả Use Case “Quản lý tài khoản Ban quản lý” ........................................ 72
Bảng 3-41 Đặc tả Use Case “Chỉnh sửa thông tin tài khoản” .......................................... 73
Bảng 3-42 Đặc tả Use Case “Xóa tài khoản” ........................................................................ 74
Bảng 4-1 Danh sách các lớp đối tượng .................................................................................... 77
Bảng 4-2 Danh sách thuộc tính bảng “Tài khoản Ban quản lý”...................................... 78
Bảng 4-3 Danh sách phương thức cho “Tài khoản Ban quản lý” ................................... 78
Bảng 4-4 Danh sách thuộc tính bảng “Ban quản lý”........................................................... 79
Bảng 4-5 Danh sách phương thức thuộc “Ban quản lý” .................................................... 79
Bảng 4-6 Danh sách thuộc tính bảng “Block” ....................................................................... 80
Bảng 4-7 Danh sách phương thức của “Block” .................................................................... 80
Bảng 4-8 Danh sách thuộc tính bảng “Apartment” ............................................................. 81
Bảng 4-9 Danh sách thuộc tính bảng “Apartment” ............................................................. 81
Bảng 4-10 Danh sách thuộc tính bảng “Resident” ............................................................... 82
Bảng 4-11 Danh sách thuộc tính bảng “Resident” ............................................................... 82

Bảng 4-12 Danh sách thuộc tính bảng “ResidentAccount” .............................................. 83
Bảng 4-13 Danh sách phương thức của “ResidentAccount”............................................ 83
Bảng 4-14 Danh sách thuộc tính bảng “Vehicle”................................................................. 84


Bảng 4-15 Danh sách phương thức của “Vehicle” .............................................................. 84
Bảng 4-16 Danh sách thuộc tính bảng “RegisterService” ................................................. 85
Bảng 4-17 Danh sách phương thức của “RegisterService” .............................................. 85
Bảng 4-18 Danh sách thuộc tính bảng “Service” ................................................................. 86
Bảng 4-19 Danh sách phương thức của “Service” ............................................................... 86
Bảng 4-20 Danh sách thuộc tính bảng “Bill”......................................................................... 87
Bảng 4-21 Danh sách phương thức của “Bill” ...................................................................... 87
Bảng 4-22 Danh sách phương thức của “PaymentMethod” ............................................. 88
Bảng 4-23 Bảng mô tả trạng thái ............................................................................................ 102
Bảng 4-24 Bảng mô tả biến cố “Đăng nhập” ...................................................................... 103
Bảng 4-25 Bảng mô tả trạng thái “Thêm mới cư dân” .................................................... 104
Bảng 4-26 Bảng mô tả biến cố “Thêm mới cư dân” ........................................................ 105
Bảng 4-27 Bảng mô tả trạng thái “Thêm hóa đơn” .......................................................... 106
Bảng 4-28 Bảng mơ tả biến cố “Tạo hóa đơn” .................................................................. 107
Bảng 4-29 Bảng mơ tả trạng thái “Tạo tài khoản” ............................................................ 108
Bảng 4-30 Bảng mô tả biến cố “Tạo tài khoản” ................................................................ 109
Bảng 5-1 Danh sách bảng dữ liệu ........................................................................................... 111
Bảng 5-2 Chi tiết kiểu dữ liệu bảng ACCOUNT .............................................................. 112
Bảng 5-3 Chi tiết kiểu dữ liệu bảng MANAGER ............................................................. 112
Bảng 5-4 Chi tiết kiểu dữ liệu bảng BLOCK ..................................................................... 113
Bảng 5-5 Chi tiết kiểu dữ liệu bảng APARTMENT ........................................................ 113
Bảng 5-6 Chi tiết kiểu dữ liệu bảng RESIDENT .............................................................. 113
Bảng 5-7 Chi tiết kiểu dữ liệu bảng RESIDENT_ACCOUNT .................................... 114
Bảng 5-8 Chi tiết kiểu dữ liệu bảng VEHICLE ................................................................. 114
Bảng 5-9 Chi tiết kiểu dữ liệu bảng REGIETER_SERVICE ....................................... 115

Bảng 5-10 Chi tiết kiểu dữ liệu bảng SERVICE ............................................................... 115
Bảng 5-11 Chi tiết kiểu dữ liệu bảng BILL ......................................................................... 116
Bảng 5-12 Chi tiết kiểu dữ liệu bảng PAYMENT_METHOD .................................... 116
Bảng 7-1 Danh sách màn hình Web ....................................................................................... 120


Bảng 7-2 Mơ tả các đối tượng trên màn hình đăng nhập................................................ 123
Bảng 7-3 Danh sách các biến cố trên màn hình đăng nhập ........................................... 124
Bảng 7-7 Mơ tả các đối tượng trên màn hình chính ......................................................... 124
Bảng 7-4 Mơ tả các đối tượng trên màn hình Danh sách ban quản lý ....................... 125
Bảng 7-5 Mô tả các đối tượng trên màn hình thêm quản lý .......................................... 126
Bảng 7-6 Danh sách các biến cố trên màn hình thêm quản lý ..................................... 127
Bảng 7-8 Mô tả các đối tượng trên màn hình block ......................................................... 128
Bảng 7-9 Danh sách các biến cố trên màn hình block ..................................................... 128
Bảng 7-10 Mơ tả các đối tượng trên màn hình chi tiết block ........................................ 129
Bảng 7-11 Danh sách các biến cố trên màn hình chi tiết block ................................... 130
Bảng 7-12 Mô tả đối tượng trên màn hình thêm block ................................................... 131
Bảng 7-13 Danh sách các biến cố trên màn hình thêm block ....................................... 131
Bảng 7-14 Mơ tả các đối tượng trên màn hình căn hộ .................................................... 132
Bảng 7-15 Danh sách các biến cố trên màn hình căn hộ ................................................ 132
Bảng 7-16 Mơ tả các đối tượng trên màn hình chi tiết căn hộ ...................................... 133
Bảng 7-17 Danh sách các biến cố trên màn hình chi tiêt căn hộ ................................. 134
Bảng 7-18 Mô tả các đối tượng trên màn hình thêm căn hộ ......................................... 135
Bảng 7-19 Danh sách các biến cố trên màn hình thêm căn hộ ..................................... 135
Bảng 7-20 Mô tả các đối tượng trên màn hình cư dân .................................................... 136
Bảng 7-21 Danh sách các biến cố trên màn hình cư dân ................................................ 137
Bảng 7-22 Mơ tả các đối tượng trên màn hình chi tiết thông tin cư dân ................... 138
Bảng 7-23 Danh sách các biến cố trên màn hình chi tiết thơng tin cư dân .............. 139
Bảng 7-24 Mô tả các đối tượng trên màn hình thêm cư dân ......................................... 142
Bảng 7-25 Danh sách các biến cố trên màn hình thêm cư dân ..................................... 142

Bảng 7-26 Mơ tả các đối tượng trên màn hình giao diện của xe ................................. 143
Bảng 7-27 Danh sách các biến cố trên màn hình giao diện của xe ............................. 144
Bảng 7-28 Mơ tả các đối tượng trên màn hình chi tiết xe .............................................. 144
Bảng 7-29 Danh sách các biến cố trên màn hình chi tiết xe .......................................... 145
Bảng 7-30 Mơ tả các đối tượng trên màn hình thêm xe .................................................. 146


Bảng 7-31 Danh sách các biến cố trên màn hình thêm xe ............................................. 146
Bảng 7-32 Mô tả các đối tượng trên màn hình dịch vụ ................................................... 147
Bảng 7-33 Mơ tả các đối tượng trên màn hình chi tiết dịch vụ .................................... 148
Bảng 7-34 Danh sách các biến cố trên màn hình chi tiết dịch vụ ................................ 148
Bảng 7-35 Mơ tả các đối tượng trên màn hình chi phí .................................................... 149
Bảng 7-36 Danh sách các biến cố trên màn hình chi phí ................................................ 150
Bảng 7-37 Mơ tả các đối tượng trên màn hình chi tiết chi phí ..................................... 151
Bảng 7-38 Mơ tả các đối tượng trên màn hình thêm hóa đơn....................................... 153
Bảng 7-39 Danh sách các biến cố trên màn hình thêm hóa đơn .................................. 153
Bảng 7-40 Mơ tả các đối tượng trên màn hình tài khoản ............................................... 154
Bảng 7-41 Mơ tả các đối tượng trên màn hình thêm tài khoản .................................... 155
Bảng 7-42 Danh sách các biến cố trên màn hình thêm tài khoản ................................ 156
Bảng 7-43 Mơ tả các đối tượng trên màn hình đăng nhập ............................................. 157
Bảng 7-44 Danh sách các biến cố trên màn hình đăng nhập ......................................... 158
Bảng 7-45 Mô tả các đối tượng trên màn hình quên mật khẩu .................................... 159
Bảng 7-46 Danh sách các biến cố trên màn hình quên mật khẩu ................................ 159
Bảng 7-47 Mơ tả các đối tượng trên màn hình trang chủ ............................................... 160


DANH MỤC TỪ VIẾT TẮT

Từ viết tắt

Tiếng Việt

Application Programming

API
BQL
HTTP

Tiếng Anh

Interface
Ban quản lý
HyperText Transfer
Protocol

MVVM

Model-View-Viewmodel

Js

javascript

JSON

JavaScript Object Notation

UI

User Interface

UX

User Experience


TÓM TẮT KHÓA LUẬN

-

Tổng quan đề tài: Đặt vấn đề, lý do chọn đề tài, xác định mục tiêu, phạm vi và
hướng tiếp cận đề tài.

-

Tìm hiểu thực trạng các chung cư từ đó phân tích u cầu chức năng cho hệ
thống.

-

Tìm hiểu các cơng nghệ mới, phù hợp để áp dụng vào phát triển hệ thống.

-

Phân tích, thiết kế hệ thống, thiết kế cơ sở dữ liệu và giao diện ứng dụng.

-

Phát triển ứng dụng hồn chỉnh có thể chạy trên nền tảng Web, Android, iOS.

-

Kết luận, đánh giá rút ra được các ưu nhược điểm của hệ thống và hướng phát
triển trong tương lai.

1


Chương 1. TỔNG QUAN ĐỀ TÀI
Lý do chọn đề tài

1.1.

Hiện nay, với nhu cầu nhà ở ngày càng tăng, các khu chung cư liên tục được
hình thành với mật độ, quy mô vô cùng lớn và trở thành địa điểm “an cư lạc
nghiệp” của rất nhiều đối tượng khách hàng.
Tuy nhiên, với mật độ sinh sống của mỗi khu chung cư từ 100-200 căn hộ/
tịa chung cư thì vấn đề nan giải đặt ra cho các nhà quản lý là làm sao có thể quản lý
tốt tịa nhà, để đảm bảo quyền lợi của dân cư, nắm rõ tình trạng của tịa nhà, từ đó
đưa ra các giải pháp hiệu quả và kịp thời.
Mặt khác với những cư dân sinh sống trong các khu chung cư thì có nhu cầu
tra cứu thơng tin, để có phương thức liên lạc hiệu quả với BQL kịp thời - chính xác,
cũng như thanh tốn các phí dịch vụ một cách nhanh chóng thuận tiện, không bị
giới hạn thời gian.
Đối tượng

1.2.

Đối tượng sử dụng:
-

Quản trị hệ thống

-

Ban quản lý với mong muốn số hoá quy trình nghiệp vụ, quản lý... của
chung cư

1.3.

Cư dân sinh sống trong chung cư
Phạm vi

Ứng dụng đáp ứng được các yêu cầu đặt ra trên quy mô một chung cư vừa và
nhỏ với các tính năng chính:
-

Web app:
▪ Quản lý thông tin bao gồm: block, căn hộ, cư dân, xe, các chi phí
dịch vụ, danh sách ban quản lý

-

Mobile app:

2