Khóa luận tốt nghiệp Hệ thống thông tin: Quản lý căn hộ chung cư-kết nối cư dân và ban quản lý

- Điều kiện trước: Ban quản lý đã đăng nhập thành công vào hệ Chọn nút “Tạo dự án” Hiện thị popup tạo mới dự án trên màn hình Ban quản lý nhập các thông tin Tiến hành tạo mới dự án với c

Trang 1

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

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

KHOA HỆ THONG THONG TIN

CONNECT RESIDENT AND MANAGEMENT BOARD

KY SU NGANH HE THONG THONG TIN

GIANG VIEN HUONG DAN

TRUONG THU THUY

TP HO CHÍ MINH, 2023

Trang 2

LỜI CẢM ƠN

Em xin gửi lời cảm ơn chân thành đến tất cả những người đã đóng góp

và hỗ trợ cho em trong quá trình nghiên cứu và hoàn thành khóa luận tốt nghiệp

này.

Đầu tiên, em muốn gửi lời cảm ơn sâu sắc đến giảng viên hướng dẫn của

em, cô Trương Thu Thủy, vì sự hướng dẫn, kiến thức và sự cống hiến không

ngừng dé giúp em hoàn thiện khóa luận này Cảm ơn vì đã dành thời gian vàtâm huyết để hỗ trợ em vượt qua những khó khăn và đạt được những kết quả tốt

nhất

Em cũng muốn bày tỏ lòng biết ơn đến toàn thê giáo viên và cán bộ khoa

Hệ Thống Thông Tin đã tạo môi trường học tập chuyên nghiệp và đầy thử thách

cho em Những kiến thức và kỹ năng em đã học từ quý thầy cô không chỉ đónggóp quan trọng cho khóa luận này, mà còn mang lại những kiến thức bồ ích cho

sự phát triển cá nhân của em

Em muốn bày tỏ lòng biết ơn đặc biệt đến gia đình và bạn bè của em, vì

sự ủng hộ và động viên không ngừng suốt quá trình nghiên cứu Những lời

khích lệ và niềm tin từ các bạn đã truyền động lực mạnh mẽ để em Vượt qua

những thách thức và hoàn thành khóa luận này.

Lời cảm ơn này không thể đủ để bày tỏ tất cả sự biết ơn của em đối với

mọi người Em hy vọng rằng công trình này có thé là một sự ghi nhận nhỏ bé

về lòng biết ơn và lòng tôn trọng của em đối với tat cả những người đã đónggóp vào thành công của khóa luận tốt nghiệp này

Xin chân thành cảm ơn!

Trương Nguyên Ngọc.

Trang 3

MỤC LỤCChương 1 GIỚI THIỆU s+°©©+EEV++eeseetttrvrxxesseertrrrke 13

An ẽ.ẽ.ẽ.ẽ “G-TH 13

1.2 Mục tiêu 6 SH HH HH it 13

V3 PHAM Vice 13Chương 2 CO SỞ LÝ THUYET 0 ccccccssssccssssssesssssstsssessieessssseesssssseeesssseneeess 15

2.1 Quy trình phát triển phần mềm : ¿©2++++2v+++++2vvzzr+rrxs 152.2 Giới thiệu về UMIL -22ccc2+c222EEEEEvtrrtttrErkrtrrrirrrrrrkrrrrrrrrre 16

2.3 Môi trường tích hợp sử dụng ¿- ¿+ + S+ + set 17 2.4 Công nghệ sử dụng ¿+ k kh ST He, 18 2.4.1 Frontend đ⁄⁄⁄⁄ À Ö Lee 18

2.4.2 Backend, gr SG Cố nh 202.4.3 Các công nghệ hỗ trợ c¿©c+c+ccxercrrxrerrxecrrk 22

Chương 3 PHÁT TRIEN HE THÓNG -. -+¿-©2vsccc++cvccxxs 23

3.1 Khảo sát hiện trạng, yêu cầu

3.1.1 Khảo sát cơ cấu tỔ chức cc++2cvv+rteccvvrresrrvrerrrres 233.1.2 _ Các chức năng theo yêu cau

3.1.3 Khảo sát các hệ thống hiện có -. .-:-22+c2222vszrevcrvecrrrres 24

3.2 Phân tích thiết kế hệ thống

3.2.1 So dé trường hợp sử dụng của các đối tượng (Usecase Diagram) 253.2.2 Danh sách các tác nhân của hệ thống 263.2.3 Danh sách các usecase của hệ thống: -c-c-cc2 26

3.2.4 Sơ đồ hoạt động (Activities Diagram) - cccccccccces 633.2.5 Sơ đồ trình tự một số chức năng chính (Sequence Diagram) 68

Trang 4

3.2.6 Sơ đồ lớp (Class Diagram) -:-+c+22cvxrrrerrkrrrrsrrrrrrrrres 743.2.7 Ánh xạ từ sơ đồ lớp thành mô hình cơ sở dit liệu:

3.3 Thiết kế giao diện -22222+22222222221122222112222111 212111 121cc 803.3.1 — Giao diện hệ théng:

3.3.2 Giao diện Ứng Ụng: - «kg viet 98

102

Chương 4 KET QUA VÀ ĐỊNH HUONG PHAT TRIEN

AL Kết quả thu dug -cccc:++222222222rrrtrEEEEEkrrrrerrrrrrrrrrrrrrrrrrer 102

1024.2 Định hướng phát trién

Trang 5

So đồ hoạt động quản lý dữ liệu 62

Sơ đồ hoạt động quản lý yêu cầu - : ¿¿222z+2222vvzvrvvvvrerrrree 63

Hình 3.5: Sơ đồ hoạt động quản lý thông báo

Hình 3.6: Sơ đồ hoạt động quản lý các loại chỉ số, hóa đơn - -: 64Hình 3.7: Sơ đồ hoạt động quản lý đăng ký tiện ích ở phía cư đân - 65

Hình 3.8: Sơ đồ hoạt động quản lý đăng ký thẻ xe ở phía cư đân - 66

Hình 3.9: Sơ đồ trình tự quản lý du án ¿¿©22++222E+++t2EEESzrrrrrxerrrrrkscee 67Hình 3.10: Sơ đồ trình tự quản lý cư dân -¿:¿¿52222cvvvrrtrrrrrkrrrrrrrrrrrrrveg 68Hình 3.11: Sơ đồ trình tự quản lý căn hộ 2¿¿©2222+++222vvzeevvvrrrsrrrscee 70

Hình 3.12: Sơ đồ trình tự quản lý yêu cầu -c+¿+2222vvvc+r+tttczrvsecccee 71Hình 3.13: Sơ đồ trình tự quan lý thông b40 cccccsssesssssssesssssseesesssseessesseessessseeesessees 71

Hình 3.14: So đồ trình tự quản lý bãi xe c2222222cccc+zrretttttrrrrrrrrrrrrex 72

Hình 3.15: Sơ đồ lớp quản lý dự án ++222222vvvrrrrtttrrrrvrrrrrrrrrrrrvee 73Hình 3.16: Sơ đồ lớp quản lý căn hộ ¿¿©2+++22EESz+zSEEEEzrrtrrxrrrrrrkrcee 73

Hình 3.17: Sơ đồ lớp quản lý tiện ích -: 2222222c++z+tEEEEvxvrrrrrrrrrrrrrrrree 74Hình 3.18: Sơ đồ lớp quản lý bãi xe và yêu cầu đăng ký thẻ xe 74

Trang 6

Sơ đồ quản lý cư dân

Sơ đỗ quản lý chỉ số và biểu phí -¿-©+z++222++ze+tvzzzcecrr 75

So dd quan ly hOa don 0 T3 ẻ 76

M6 hinh co 80 dit LGU TT 76Giao diện đăng nhập của hệ thống -2¿-2z++2222zzecvvvzcrrrr 79Giao diện xem danh sách các dự án - ¿+ ¿+ sxsxsxsrerererekexek 79

Giao diện popup tạo mới dự án - ¿+52 + csxekezesrerererrkexek §0Giao diện trang chủ của hệ thống - : :2225ce+ccvsvresrr 80

Giao diện danh sách căn hộ - - +2 * t3 +vevxeresrrrrrrrrrrrsre 81

Giao diện tạo mới căn hộ ¿5+5 +2 St 1S 3114121111111 1 1xx 81

Giao diện chỉ tiết căn hộ -cccckkkktrirrrrrrrrrrriirii 82

Giao diện cập nhật thông tin căn hộ - 52-55 +s+<+<+<+ 82 Giao diện danh sách tài khoản cư dân „83

Giao diện tạo mới tài khoản cư dân „83

Giao diện chỉ tiết tài khoản cư dân „84

Giao diện quản lý yêu cầu đăng ký tiện ích của cư dân „84

Giao diện chi tiết đăng ký tiện ích của cư dan 85

Giao diện danh sách tiện ÍCHh - ¿- + -++++t+Evx+xeket+teEexererexexee 85 Giao diện trang tạo mới tiện ích - - ¿+ 2< ssc++++x+cszeeerezxe 86

Giao diện cập nhật thông tin tiện ích ¿- ¿<5 5+5 s£++veeeexexex §6Giao diện quản lý yêu cầu đăng ký thẻ xe của cư dân - 87Giao diện chi tiết yêu cầu đăng ký thé xe của cư đân - 87

Giao diện danh sách bãi Xe oo ceeceeseseeseeeeseeseeeesesesseeecseeeesseseseeaeeeseee 88Giao diện chỉ tiết bãi xe - nhe 88Giao diện tạo mới bãi Xe ¿6c S223 St E2 EE SE EEEeEEeeexexrkrrsreervee 89

Giao diện danh sách thẻ Xe ¿25c St 32t S St xrrxerrrrersrrrrrrrrrrrsre 90Giao diện chỉ tiết thẻ xe - oto 90

Giao diện tạo mới thẻ Xe + S1 1k SH it 91Giao diện quản lý yêu cầu tạo thé cư đân -zccscce-, 91

Trang 7

Giao diện danh sách yêu cầu của cư dân - : ze-+ 92

Giao diện tạo mới yêu cầu ở phía ban quản lý - - 92

Giao diện chỉ tiết yêu cầu của cư dân ccccccsccccrrreeeererrre 93Giao diện danh sách cầu hình biểu phí - -s 93

Giao diện cập nhật chỉ tiết cấu hình biểu phí - 94Giao diện quản lý chỉ sỐ -¿-¿¿-2222222ccctcEEEEvxvrrrrrrrrrrrrrrrrerrr 95

Giao diện quan lý hóa đơn ¿c5 S++tsctetsekerrrrrrerxrrerrrre 95

Giao diện quản lý biên nhận/ phiếu thu - :-z-5sz<, 96

Giao diện quan lý thông báo - 52 52522c+cssrsreztsesrerreree 96

Giao diện tạo mới thông báo - - -¿ 552525 2c+ccsscsezxsxereserscee 97

Giao diện trang chủ - - ¿+ + ST E112 1212101 111111 11 xả 98 Giao diện thông báo -c¿c¿5+- +55 St tvrrrkekrkrrrrrrrrrrrrrrrei 98

Giao diện phản ánh 98 Giao diện gửi phản ánh 98

Giao diện danh sách thẻ xe 99

Giao diện dang ký thẻ xe

Giao diện chỉ tiết căn hộ 00

Giao diện danh sách căn hộ - - ¿+25 * St S+E‡tE+v£eE+txexseeeszesssse 99Giao diện chỉ tiết cư dân -¿¿-2222222c+t22222EExvrrrerrrrrrrsrrrrree 100Giao diện tài khoản 2:+22222t22221 2221112111 ttree 100

Giao diện danh sách tiện ích - ¿+ ¿5+5 x2 ‡v£v£eEerekekrkrkres 100

Trang 8

DANH MUC BANG

Danh sách các tác nhân trong hệ thong cc.ccssssessssssseessssseesssssesesesseeeseese 26

Danh sách các usecase trong hệ thống -c::¿-722ccvvcczerrrrr 26Lung sự kiện đăng nhập 2+2222++22ES2+tSEEEvrrrtrrrrrrrrrrrree 29

Ludng sự kiện đăng xuất -22 ©222222222222222112 222212221 ccrrrke 29

Luồng sự kiện xem danh sách dự án -c:+++222vvvvcccz+rrrr 30Luỗng sự kiện tạo mới dự án ¿¿©22+++222+++t2222++zttrrrxvrerrree 30Luéng sự kiện cập nhật dự ane ec ceseecseseenesesesssesneseseseeneneneaeeeees 31

Luéng sự kiện cấu hình thông tin dự án -3 Í

Luéng sự kiện xem danh sách cư dân ¿- 5 +++++secvxsx+vzvsesee 32

Luéng sự kiện tìm kiếm cư da eieeeecccesccesesssessseessesssesssesssesssessseesseesseeese 32

Luỗng sự lên xem chỉ tiết cư dân -ccccccccccreccerseerre 33

Luồng sự kiện chỉnh sửa thông tin cư dân «34Luông sự kiện xóa cu dân 34Luéng sự kiện tạo thông báo „35

Bang 3.15: Ludng sự kiện xem danh sách thông báo 6

Bang 3.16: Luồng sự kiện xem danh sách yêu cầu của cư dân 36Bang 3.17: Lung sự kiện xử lý yêu cầu của cư dân - -: :z5c5scce2 37

Bang 3.18: Ludng sự kiện tạo mới yêu cầu -. ccc¿¿£222222v2ccrzttvcvvveccccee 37

Bảng 3.19: Luồng sự kiện xem danh sách căn hộ .-2:-©2¿z22222zczvczxez 38Bảng 3.20: Ludng sự kiện tìm kiếm căn hộ, -2¿-©22222z22222+crecvvvrrrerrxev 38Bảng 3.21: Luéng sự kiện lọc căn NG eee cecccseeseseeseseeseseeseeecseeseseeseecsesseseeasseeaeeee 39

Bảng 3.22: Luéng sự kiện tạo mới căn NG - ¿52s + svxsvxeterxsrrrrrrrrrrrse 40Bảng 3.23: Luéng su kién xem chi tiết căn 0 40

Bang 3.24: Luồng sự kiện chỉnh sửa thông tin căn hộ -:z©scc2 41

Bang 3.25: Ludng sự kiện xem danh sách bãi X€ sssssssssscscssssssssessecssssssteessessssssee 42Bang 3.26: Luéng sự kiện tạo mới bãi Xe - ¿+ tt SvxsrErterxsrrrrrrresrri 42

Bang 3.27: Luồng sự kiện xem chỉ tiết bãi xe

Bảng 3.28: Luéng sự kiện cap nhật thông tin bãi xe

Trang 9

Luỗng sự

Luéng suLuéng sựLuéng sự

Luéng sự

Luéng sựLuéng sự

Luéng su

Luéng suLuéng sựLuéng sự

Luéng su

Luéng suLuéng sự

Luéng sự

Luéng su

lên xem danh sách thé Xe -¿- ¿5+ +2 sc+ssx+tsvxsexeesxss 44 lên tạo mới thẻ Xe -¿- ¿5+ 2t + tt SrErrrrrsrrrrrrrrrrxrr 44

lên tạo thẻ cư đân - -¿-¿ ¿5+ +x+t + St xEEkkrerery 45

ién xử lý yêu cầu thẻ cư dân, thẻ Xe . - 46

lên cập nhật thông tin thẻ Xe - 5< csxs+s+sscvxexexe 47

lên xem danh sách tiện ích - -++5+++c+++x+++ 47 lên tạo mới tiện ÍCH - ¿6 + + * +2 £*£+vEeeeeseveeesess 48

lên chỉnh sửa thông tin tiện ích - -‹: + 49

lên đăng ký tiện Ích .- + stsvssEexsrerrrrrrrerree 50

ién xem danh sách câu hình biểu phí - 50iện cầu hình biểu phí -:-z+52++++2evsvzexrx 51

ién xem danh sách quản lý chỉ số điện, nước, quản lý, xe 52

ién import chỉ số điện, nước 52

lên cập nhật tự động phí quản lý/ phí xe 53

lên xem danh sách hóa đơn, biên nhận/phiếu chỉ .53

lên gửi hóa đơn 54 ién tạo hóa đơn cho các loại phí đặc biệt 55

lên cập nhật trang thái hóa don ou eee 55ién xem phiếu Chi/ biên nhận -¿- ¿+5 ++ss+s+ss+ssss++ 5646m 0n 0 0 57

Trang 10

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

1 Ban quản lý: BQL

2 Chứng minh nhân dân: CMND

3 Căn cước công dân: CCCD

Trang 11

Chương l GIỚI THIỆU

1.1 Đặt vấn đề

Tình hình dân số ngày càng tăng theo thời gian, mô hình các khu dân cư càng

được xây dựng cũng như được người dân lựa chọn là nơi sinh sống và sinh hoạt ngày

càng phổ biến, với giá thành hợp lý hơn so với một bat động sản mặt đất, vừa giáthành cao, đồng thời việc sở hữu một mảnh đất sau đó xây dựng nhà ở sẽ là gánh

nặng một kinh tế lớn đối với phần lớn người lao động ở Việt Nam Việc người dân

chọn căn hộ thay cho nhà mặt đất khiến cho dân số trong khu chung cư ngày càng

tăng, làm cho việc quản lý của ban quản lý ngày càng khó khăn, bên cạnh đó cư dân

khi có bất cứ vấn đề liên quan đến căn hộ của mình khi muốn liên lạc đến ban quản

lý để giải quyết cũng là một vấn đề bắt cập

Đồng thời các khu dân cư đang hoạt động hiện nay, hau như đều có một phòng

ban dé quản lý khu dân cư đó, và việc có một hệ thống dé tối ưu việc quản lý là một

nhu cầu thiết yếu, tuy nhiên các hệ thông đó dù đã đáp ứng được hầu hết các chứcnăng trong việc quản lý, nhưng vẫn chưa tối ưu, vẫn còn nhiều chức năng phải thực

hiện thủ công.

1.2 Mục tiêu

Khóa luận này tập trung vào việc nghiên cứu và phát triển một hệ thống quản

lý khu dân cư, nhằm cải thiện quá trình quản lý và tương tác giữa cư dân và quản lýkhu dân cư, cải thiện chất lượng cuộc sống trong khu dân cư và nâng cao hiệu suất

quản lý.

1.3 Phạm vi

Phạm vi của khóa luận sẽ bao gồm các khía cạnh sau đây:

Trang 12

Quản lý cơ sở hạ tầng: Nghiên cứu các phương pháp quản lý cơ sở hạ tầng và

đề xuất các biện pháp nâng cao hiệu quả quan lý cơ sở hạ tang trong khu dân

cư.

An ninh và an toàn: Tìm hiểu các phương pháp quản lý an ninh và an toàntrong khu dân cư và đề xuất các giải pháp để đảm bảo mức độ an toàn cao cho

cư dân.

Tương tác cộng đồng: Nghiên cứu các phương pháp tương tác và giao tiếp

giữa quản lý khu dân cư và cư dân, và đề xuất các giải pháp đề tạo sự tươngtác tích cực và đồng thuận trong cộng đồng

Quản lý tiện ích, dịch vụ: Nghiên cứu các phương pháp quản lý tiện ích, dịch

vụ trong khu dân cư và đề xuất các biện pháp để duy trì và cải thiện chất

lượng.

Trang 13

Chương2 CƠ SỞ LÝ THUYET

2.1 Quy trình phát triển phần mềm

Mô hình Waterfall là một mô hình phát triển phần mềm tuần tự và tuyến tính,

được sử dụng để quản lý các dự án phần mềm Mô hình này được phát triển vào cuối

những năm 1970 bởi Winston Royce và trở thành một trong những mô hình phát

triển phần mềm cô điển và phô biến nhất [1]

Mô hình Waterfall chia dự án thành các giai đoạn liên tiếp, và mỗi giai đoạn chỉbắt đầu sau khi giai đoạn trước đó hoàn thành Các giai đoạn chính trong mô hình

Waterfall bao gồm:

- Yêu cầu: Giai đoạn này tập trung vào việc thu thập và hiểu rõ các yêu cầu của

dự án từ khách hàng Các yêu cầu này được mô tả trong tài liệu yêu cầu

(requirements document).

- Phân tích: Giai đoạn này liên quan đến việc phân tích các yêu cầu đã thu thập

được trong giai đoạn trước Các yêu cầu sẽ được phân tích chỉ tiết để xác địnhcách thức thực hiện và cung cấp giải pháp

-_ Thiết kế: Giai đoạn này tập trung vào việc thiết kế hệ thống phần mềm Các

thiết kế chỉ tiết được tạo ra cho các thành phần phần mềm, cấu trúc cơ sở dữ

liệu, giao diện người dùng và các khía cạnh kỹ thuật khác.

- Lap trình: Giai đoạn nay thực hiện việc lập trình và triển khai các thành phần

phần mềm dựa trên thiết kế đã hoàn thành

-_ Kiểm thử: Giai đoạn này tập trung vào việc kiểm tra tính hoạt động, tính năng

và chất lượng của phần mềm Kiểm thử được thực hiện đề đảm bảo rằng phần

mềm hoạt động theo các yêu cầu đã đề ra và đáp ứng mong đợi của khách

hàng.

- Triển khai: Giai đoạn này liên quan đến việc triển khai phần mềm vào môi

trường sản xuất hoặc chuyển giao cho khách hàng

- Bảo trì: Giai đoạn này xảy ra sau khi phần mềm đã được triển khai và bao

gồm các hoạt động bảo trì, sửa lỗi và nâng cấp

Trang 14

Mô hình Waterfall có những ưu điểm như rõ ràng, dé hiểu và dé quản lý quytrình phát triển Tuy nhiên, nó cũng có nhược điểm là cần phải đợi đến cuối giai đoạn

dé có thé thấy kết quả và không linh hoạt khi cần thay đổi yêu cầu hay sửa lỗi Do

đó, trong những năm gần đây, các mô hình phát triển phần mềm linh hoạt như Agile

va Scrum đã trở nên phô biến hơn và thay thế cho mô hình Waterfall trong nhiều dự

án phần mềm

2.2 Giới thiệu về UML

UML (Unified Modeling Language) là một ngôn ngữ mô hình hóa tiêu chuânđược sử dung rộng rãi trong lĩnh vực phát trién phan mềm UML cung cấp một tậphợp các biểu đồ và quy tắc dé mô tả, thiết kế và tao ra các hệ thống phần mềm [2]

UML giúp các nhóm phát triển phần mềm tương tác và hiểu rõ hơn về yêu cầu,kiến trúc và thiết kế của một dự án phần mềm Nó cung cap một cách trực quan và

chuẩn hóa để biểu diễn các khía cạnh khác nhau của hệ thống phần mềm, từ khái

niệm ban đầu đến cấu trúc chỉ tiết và tương tác giữa các thành phan

Có một số biéu đồ UML phổ biến, bao gồm:

- Biểu đồ use case (Use Case Diagram): Biểu đồ này mô tả các tác nhân(actors) và các tác động giữa hệ thống và người dùng hoặc các hệ thống

- Biểu đỗ lớp (Class Diagram): Biểu đồ lớp tập trung vào mô tả cấu trúc của

hệ thống phần mềm, bao gồm các lớp, thuộc tính, phương thức và mối quan

hệ giữa chúng.

- Biểu đồ tuần tự (Sequence Diagram): Biểu đồ này minh họa các tương tác

giữa các đối tượng trong hệ thống theo thứ tự thời gian Nó mô tả dòng thờigian của các thông điệp được truyền giữa các đối tượng

- Biểu đồ hoạt động (Activity Diagram): Biểu đồ hoạt động mô tả luồng làm

việc hoặc quy trình kinh doanh của một chức năng hoặc quy trình trong hệthống

Trang 15

- Biểu đồ trạng thái (State Machine Diagram): Biểu đồ trạng thái mô tả các

trạng thái khác nhau mà một đối tượng có thể có và các sự kiện và điều

kiện mà chuyền đổi giữa các trạng thái đó

Ngoài ra, UML cũng bao gồm các biểu đồ khác như biểu đồ gói (PackageDiagram), biểu đồ thành phần (Component Diagram), biểu đồ triển khai

(Deployment Diagram) và nhiều loại biểu đồ khác

UML là một công cụ quan trọng trong quy trình phát triển phần mềm, giúp cho

việc thiết kế, phân tích và truyền tai thông tin giữa các thành viên trong nhóm phát

triển phần mềm một cách hiệu quả và rõ ràng

2.3 Môi trường tích hợp sử dụng

Môi trường tích hợp phát triển (IDE): Visual Studio Code

Visual Studio Code (VS Code) là một trình biên tap mã nguồn mở, đa nền tang

và được phát triển bởi Microsoft, có sẵn trên Windows, macOS và Linux Nó được

Trang 16

thiết kế dé hỗ trợ việc phát triển ứng dụng và các dự án phần mềm, với khả năng mở

rộng và tùy chỉnh linh hoạt.

VS Code cung cấp hỗ trợ mạnh mẽ cho nhiều ngôn ngữ lập trình và công nghệ

khác nhau Điều này bao gồm các ngôn ngữ phổ biến như JavaScript, Python, Java,C++, C#, HTML/CSS và nhiều hơn nữa VS Code cũng hỗ trợ các công cụ mở rộng

và tiện ích để mở rộng khả năng hỗ trợ cho các ngôn ngữ khác

VS Code cho phép người dùng cài đặt và sử dụng các tiện ich mở rộng từ cộngđồng, giúp tăng cường khả năng và tính năng của trình biên tập Các tiện ích mở rộng

có thể cung cấp các chức năng bổ sung như gỡ lỗi, kiểm tra lỗi cú pháp, hỗ trợ chocác framework và thư viện cụ thê, và nhiêu hơn nữa.

Khác với Visual Studio, VS Code có giao diện người đùng tối giản và đễ sử

dụng, với khả năng tùy chỉnh cao Người dùng có thẻ điều chỉnh bố cục, giao diện

và chủ đề mau sắc dé tạo ra trải nghiệm phù hợp với sở thích cá nhân

thành phần trong trang web hoặc ứng dụng, phân chia

các đoạn văn, heading, links, blockquotes

HTML không phải là ngôn ngữ lập trình, đồngnghĩa với việc nó không thể tạo ra các chức năng

“động” được Khi làm việc với HTML, chúng ta sẽ sử Hình 2.2 Logo HTML5

dụng cấu trúc code đơn giản (tags va attributes) để

đánh dấu lên trang web

Trang 17

CSS là ngôn ngữ tạo phong cách cho trang web —

Cascading Style Sheet language Nó dùng để tạo phong cách và E ¬ ¬

định kiểu cho những yếu tố được viết dưới dạng ngôn ngữ đánh

dấu, như là HTML và XHTML Nó có thể điều khiển định dạng

của nhiều trang web cùng lúc để tiết kiệm công sức cho người

viết web Nó phân biệt cách hiền thị của trang web với nội dung

chính của trang bằng cách điều khiển bố cục, màu sắc, và font —

chữ Các đặc điểm ky thuật của CSS được duy tri bởi World Hình 2.3 Logo CSS3

Wide Web Consortium (W3C).

Tác dung cua CSS:

- Hạn chế tối thiéu việc làm rối mã HTML của trang Web bằng các thẻ

quy định kiểu dáng (chữ đậm, chữ in nghiêng, chữ có gạch chân, chữ

màu), khiến mã nguồn của trang Web được gọn gàng hơn, tách nộidung của trang Web và định dạng hiển thị, dễ dàng cho việc cập nhật

nội dung.

- Tạo ra các kiểu dáng có thé áp dụng cho nhiều trang Web, giúp tránh

phải lặp lại việc định dạng cho các trang Web giống nhau

Javascript

JavaScript là ngôn ngữ lập trình được nhà phát

triển sử dụng dé tạo trang web tương tác Từ làm mới

bảng tin trên trang mạng xã hội đến hiền thị hình ảnh

động và bản đồ tương tác, các chức năng của

JavaScript có thé cải thiện trải nghiệm người dùng

của trang web Là ngôn ngữ kịch bản phía máy khách,

JavaScript là một trong những công nghệ cốt lõi của

World Wide Web.

Trang 18

Hình 2.5 Logo VueJS

Vue.js là một framework JavaScript mã nguồn mở được sử dung đề xây dựng

giao diện người dùng hiện dai và tương tác trên các ứng dung web đơn trang page applications) Nó được tạo ra bởi Evan You và ra mắt lần đầu vào năm 2014

(single-'Vue.js giúp phát triển ứng dụng web dé dàng hơn bằng cách cung cấp một cầu

trúc linh hoạt và dễ tiếp cận cho việc xây dựng giao diện người dùng Nó tập trung

vào việc tương tác dữ liệu và quản lý trạng thái của ứng dụng một cách hiệu quả.

2.4.2 Backend

NodeJS

Node.js là một môi trường chạy ma

JavaScript phía máy chủ (server-side) được xây nr Ss @ © @

dựng dựa trên JavaScript Engine V§ của Google Hình 2.6 Logo Nodels

Nó cho phép bạn chạy mã JavaScript không chỉ

trong trình duyệt, mà còn trên máy chủ, cho phép phát trién ứng dụng web phía máychủ hiệu quả và linh hoạt.

Node.js đã trở thành một công cụ phát triển phổ biến và được sử dụng rộng

rai trong việc xây dựng các ứng dung web thời gian thực, ứng dụng mạng xã hội,ứng dụng di động, các dịch vụ API và nhiều loại ứng dụng khác Nó cung cấp mộtcách tiếp cận hiệu quả và mạnh mẽ để phát triển phía máy chủ trong ngữ cảnh

JavaScript.

Trang 19

Express.js là một framework web

phía máy chủ (server-side) được xây |— X Ore oS Js

dựng dựa trên Node.js Nó cung cấp một Hình 2.7 Logo Express

cách tiếp cận đơn giản và mạnh mẽ đề

xây dựng ứng dụng web và API phía máy chủ nhanh chóng.

Express.js là một trong những framework web phía máy chủ phổ biến nhất vàđược sử dụng rộng rãi trong cộng đồng Node.js Nó cung cấp một cách tiếp cận linhhoạt và tối giản để xây dựng các ứng dụng web phức tạp và API phía máy chủ

RabbitMQ

.

RabbitMQ là một hệ thống phần og R a b b | { mềm mã nguồn mở dựa trên Hình 2.8 Logo RabbitMQ

giao thức AMQP (Advanced Message

Queuing Protocol) được sử dụng dé xây dựng hệ thống giao tiếp và trao đổi thông

điệp giữa các ứng dụng Nó được phát triển bởi Rabbit Technologies Ltd và đã trởthành một công cụ phô biến trong việc xây dựng kiến trúc hướng sự kiện và hệ thống

phân tán.

MongoDB

MongoDB là một hệ quản trị cơ sở dữ

liệu phân tán, phi cấu trúc (NoSQL) và mã

à st triển bởi mongoDB.

nguôn mở, được phát triên bởi MongoDB Inc.

Nó được thiệt kê dé lưu trữ, truy xuât và quản Hình 2.9 Logo MongoDB

lý dữ liệu theo mô hình tài liệu (document

model) MongoDB sử dụng định dạng JSON-like (BSON) để lưu trữ dữ liệu, cho

phép lưu trữ linh hoạt và tăng cường khả năng mở rộng.

Trang 20

2.4.3 Các công nghệ hỗ trợ

OneSignal

OneSignal là một dịch vụ thông báo đa nền

tang (multi-platform push notification service)

ONESIGNAL

được sử dung dé gửi thông báo đến người dùng `

Hình 2.10 Logo OneSignal trên các ứng dụng di động và trang web Với

OneSignal, bạn có thể gửi thông báo đến người dùng thông qua các kênh như thông

báo day (push notification), tin nhắn trong ứng dụng (in-app messaging) và thông

báo trình duyệt (web push notification).

Trang 21

Chương 3 PHÁT TRIEN HE THONG

3.1 Khảo sát hiện trạng, yêu cầu

3.1.1 Khao sát cơ cấu tổ chức

Sau quá trình tìm hiểu và tham khảo các mô hình khu chung cư, em thu thậpđược cấu trúc cơ bản của một dự án khu chung cư như sau (chưa đi vào chi tiét)

THE XE ( HOABON | cu DAN |

Hình 3.1 Mô hình minh họa khảo sát cơ cầu tổ chức

Trong đó:

- _ Loại căn hộ: các loại căn hộ có trong dự án.

- Block: thông tin của một khu chung cư, bao gồm các bãi xe, các căn hộ, với:

e Bãi xe: là các bãi xe nằm trong block đó, đồng thời quản lý các thẻ xe

trong block

e Can hộ: là các căn hộ nằm trong khu dân cư, quan lý các cư dân nằm trong

căn hộ đó và các hóa đơn cũng như thông tin liên quan đến cư dân (phản

ánh, yêu cầu đăng ký các tiện ích, tạo thẻ xe, )

- _ Tiện ích: là các tiện ích nằm trong dự án đó

Trang 22

3.1.2 Các chức năng theo yêu cầu

- Quản lý dự án: Hệ thống cho phép quản lý thông tin các dự án ma ban quản

lý đang tham gia, bao gồm thông tin dự án, các cấu hình liên quan đến dự án

- Quan lý cư dan: Hệ thống cho phép quản lý thông tin cá nhân của cư dân, bao

gồm thông tin liên hệ, hồ sơ cư dân và các thông tin quan trọng khác Các dữ

liệu này được lưu trữ một cách an toàn và đễ dàng truy cập.

- Quản lý tiện ích: Hệ thống cung cấp chức năng quản lý tiện ích và dịch vụ

trong khu dân cư, bao gồm việc ghi nhận và xử lý các yêu cầu đăng ký tiệních và cung cấp thông tin về các dịch vụ hỗ trợ khác

- Quản lý bãi xe: Hệ thống cung cấp các chức năng liên quan đến bãi xe của

khu dan cư, bao gồm các thông tin của bãi xe, đồng thời các thẻ xe đang hoạt

động trong bãi xe đó.

- Quản lý hóa đơn: Hệ thống cung cấp các chức năng liên quan đến hóa đơn

của cư dân trong khu dân cư, như kiểm tra và cập nhật trạng thái của hóa đơn

đó, tạo hóa đơn cho cư dân khi đến kỳ

- Quản lý các yêu cầu của cư dân: Hệ thống cung cấp kênh giao tiếp và tương

tác giữa cư dân và quản lý khu dân cư Cư dân có thé gửi phản hồi, yêu cầu

hỗ trợ, đề xuất ý kiến và nhận thông báo quan trọng thông qua hệ thống

3.1.3 Khảo sát các hệ thống hiện có

- Trên thực tế cũng có rất nhiều những hệ thống với chức năng tương tự, không

kế đến những hệ thống dành cho những khu dân cư lớn, nồi tiếng như:

Vinhomes, Masteries, thì cũng có rất nhiều những khu dân cư khác đang

dùng những hệ thống nhưng ở bên trung gian thứ ba Những hệ thống này hầu

như đáp ứng được những chức năng của các quy trình nghiệp vụ trên, nhưngvẫn còn nhiều chức năng chưa thể tự động hóa được, còn thủ công nhiều chứcnăng như:

thống đang có, việc quản lý các chỉ số điện, nước, quản lý, xe vẫn còn khá

Trang 23

thủ công Ở một số hệ thống quản lý, sẽ có một phòng ban riêng phụ tráchviệc ghi nhận chỉ số điện, nước Tới thời điểm cần ghi các chỉ số liên quan,

bộ phận phụ trách này sẽ đến và ghi các chỉ số đó qua các công tơ điện,nước của căn hộ, tiếp theo đó chuyên file chỉ số này cho bộ phận quản lýnhập tay vào hệ thông, sau đó chốt chỉ số, như vậy sẽ rất tốn thời gian và

nhiều công sức

Dữ liệu quản lý vẫn còn phức tạp cho quá trình truy xuất dữ liệu: Một số

hệ thống quan lý căn hộ theo các cấp bậc: Block — Tầng — Căn hộ Nhung

theo những gì em khảo sát được, hầu hết các căn hộ trong Block theo mãcăn hộ đã có số tầng trong đó (Ví dụ: căn hộ có mã B101, nghĩa là căn hộ

ở Block B, tầng 1, mã là B101) Nên thay vào đó, có thể chỉ cần quản lý ởcấp Block — Căn hộ dé thu gọn cũng như đơn giản việc quản lý dữ liệu

3.2 Phân tích thiết kế hệ thống

3.2.1. Sơ đồ trường hợp sử dụng của các đối tượng (Usecase Diagram)

Trang 24

3.2.2 Danh sách các tác nhân cúa hệ thống

STT Tac nhân Y nghĩa

ñ Quản trị viên Là người tác động đến hệ thống, có quyền thực

(Admin) hiện toàn bộ các chức năng của hệ thống

Là người tác động tới hệ thống, thực hiện các chức

2 Người dùng năng: quản lý tòa nhà (xem bản đồ 3D, xem thông

(User) tin tòa nhà), đăng ký tham quan tòa nhà, gửi phản

hồi liên hệ, đăng ký, đăng nhập/đăng xuất

Bảng 3.1 Danh sách các tác nhân của hệ thống

3.2.3 Danh sách các usecase của hệ thống:

1 Đăng nhập / Đăng xuất

2 NT danh sách dế án

Lø | Tạo mới dự án

F 1.-.

4 Cập nhật dự án

5 Cấu hình thông tin dy án

6 Xem danh sách cư dân

7 Tao mới tài khoản cu dân

8 Tim kiém cu dan

9 Xóa cư dân

10 Lọc cư dân

11 Chỉnh sửa thông tin cư dân

Trang 25

12 Xem chỉ tiết cư dân

13 Tạo thông báo

14 Xem danh sách thông báo

15 Xem danh sách yêu cầu của cư dân

16 Tạo mới yêu cầu

17 Xử lý yêu cầu của cư dân

18 Xem danh sách căn hộ

19 Tạo mới căn hộ

20 Xem chỉ tiết căn hộ

21 _ Chinh sửấ thông tin căn hộ

2 Xem danh sách bãi xe

23 Xemchitiếtbãixe.

24 Tạomớibãixe `

25 - Cập nhật bãi xe

26 Tao mới thẻ xe, thẻ cu dân

on Xử lý yêu cầu đăng ký thé xe, thé cu

dân của cư dân

28 Cập nhật thông tin thẻ xe

29 Xem danh sách tiện ích

30 Tao mới tiện ích

31 Đăng ký tiện ích

32 Chỉnh sửa tiện ích

Trang 26

Xử lý yêu cầu đăng ký tiện ích của cư

33 dan

34 Cấu hình biểu phí

35 Xem danh sách cấu hình biéu phí

36 Xem danh sách quản lý chỉ số điện,

nước, quản lý, xe

37 Import chi số điện, nước

38 Cập nhật phí quản lý, phí xe

39 Xem danh sách hóa đơn, biên nhận

40 Gửi hóa đơn

41 _ Tạo hóa don cho các loại phi đặc biệt

42 Ya Cập nhật trạng thái hóa don

43 Xem danh sách biên |nhận/ phiếu chỉ

44 Tao phiếu chỉ f

Bảng 3.2 Danh sách các usecase của hệ thông

Mô tả chỉ tiết các usecase của hệ thống:

e Dang nhập:

- Tac nhân: Người dùng

- M6 tả: Người dùng nhập tên đăng nhập và mật khẩu Hệ thống sẽ

kiểm tra tính hợp lệ của thông tin đăng nhập

- Điều kiện trước: Không có

- Điều kiện sau: Nếu đăng nhập thành công, hệ thống lưu thông tin

đăng nhập, người dùng sẽ thực hiện được các tính năng của website.Ngược lại, néu đăng nhập sai sẽ báo đăng nhập không thành công

Trang 27

- Luéng sự kiện:

".-

Truy cập trang web và ân vào nút | Hiển thị form đăng nhập gồm: tên đăng

“Đăng nhập” nhập, mật khâu và nút “Đăng nhập”

Hệ thống tiến hành kiêm tra thông tin người

dùng nhập trong CSDL:

Người dùng nhập tên đăng nhập | + Nếu người dùng nhập đúng thì hệ thống

và mật khẩu sau đó nhấn nút xác nhận thành công, người dùng thực hiện

“Đăng nhập” được các tính năng của website.

+ Nếu người dùng nhập sai thì hệ thốngthông báo sai và chờ người dùng nhập lại.

Bảng 3.3 Luông sự kiện đăng nhập

e Dang xuất:

- Tác nhân: Người dùng.

- Mô tả: Đăng xuất khỏi tài khoản hiện dang dùng

- Điều kiện trước: Người dùng đã đăng nhập thành công vào hệ

Trang 28

Tác nhân: Ban quản lý.

- Mô tả: Ban quản lý xem danh sách các dự án có trong hệ thống

- Điều kiện trước: Ban quản lý đã đăng nhập thành công vào hệ

- Tac nhân: Ban quản lý.

- Mô tả: Ban quản lý tao mới một dự án vào hệ thống

Chọn nút “Tạo dự án” Hiện thị popup tạo mới dự án trên màn hình

Ban quản lý nhập các thông tin Tiến hành tạo mới dự án với các thông tincần thiết trong popup vào database

- Nếu thành công, thông báo đồng

thời lưu đữ liệu vào hệ thống

- Nếu that bại, thông báo tạo that

bại.

Trang 29

Bảng 3.6 Luông sự kiện Tạo mới dự án

e _ Cập nhật dự án:

- Tác nhân: Ban quản lý.

- Mô tả: Ban quản lý tạo mới một dự án vào hệ thống.

Chọn nút “Cập nhật dự án” Hiện thị popup tạo mới dự án trên màn hình

Ban quản lý nhập các thông tin Tiến hành tạo mới dự án với các thông tin

cần thiết trong popup vào database

- Néu thành công, thông báo đồng

thời lưu dữ liệu vào hệ thống

- Nếu that bại, thông báo tạo thất

bại.

Bảng 3.7 Luông sự kiện Cập nhật dự án

e Cau hình thông tin dự án:

- Mô tả: Ban quản lý cau hình thông tin cho dự án bao gồm các loại

căn hộ có trong dự án và các block có trong dự án.

thống

- _ Điểu kiện sau: Thông tin của dự án sẽ được lưu vào trong hệ thống.

Trang 30

Chọn một dự án muốn câu hình Hién thị trang thông tin dự án, hai bảng dữ

thông tin trong danh sách dự án liệu của danh sách các loại căn hộ và danh

sách các block trong dự án.

Trong hai bảng dữ liệu, muốn cấu | Tiến hành lưu các thông tin được cấu hìnhhình thông tin bảng nào thì nhấn | vào dữ liệu của dự án

vào dau “+” của bang đó, sau đó - Néu thành công, thông báo đồng

điên các thông tin cân thiệt đê câu

hình Ị - Nếu thất bại, thông báo tạo thất

bại.

thời lưu dữ liệu vào hệ thống

Bang 3.8 Luong sự kiện Cau hình thông tin dự án

- Tác nhân: Ban quan lý.

- Mô tả: Ban quản lý xem danh sách cư dân có trong hệ thống

- Điều kiện trước: Ban quản lý đã đăng nhập thành công vào hệ thống

và chọn một dự án đề thao tác

- Điều kiện sau: Hiền thị danh sách cư dân có trong hệ thống.

- Luỗng sự kiện:

trong phần menu bên trái thống

Bảng 3.9 Luông sự kiện Xem danh sách cư dân

¢ Tao mới tài khoản cho cư dân:

Trang 31

- Mô tả: Ban quan lý tạo mới một tài khoản cư dân vào hệ thống

Nhất nút “Tạo cư dân”

Ban quản lý tiến hành nhập mã

CCCD/ CMND/ Passport

Hiển thị trang quan lý cư dân

Hiện thị popup tạo mới cư dân trên màn

hình.

Tiến hành kiểm tra dữ liệu dưới database

- Nếu mã đã tồn tại trong hệ thống

nhưng khác dự án, hệ thông sẽ lấy

thông tin cư dân từ dự án đó dé tạo

ra trên dự án này.

- Nếu mã chưa tồn tại, tiến hành

cho ban quản lý nhập các thông

tin, sau đó lưu vào hệ thống.

- Néu mã đã ton tại trong dự án này,

thông báo mã này đã có tài khoản.

Bảng 3.10 Luéng su kiện tao mới tài khoản cư dân

- Mô tả: Ban quản lý tìm kiếm cư dan có trong hệ thông theo từ khóa

Trang 32

- Điều kiện sau: Hiển thị danh sách cư dân có trong hệ thống theo từ

khóa.

- Luéng su kién:

Truy cập vào danh mục “Cu dân” Hiển thi danh sách cư dan có trong hệ

Ban quản lý nhập một từ khóa đề Tiến hành lọc cư dân theo từ khóa

tìm kiêm cư dân - _ Nếu có cư đân, hiển thị danh sách

cư dân đã được lọc theo từ khóa.

- Nếu không, hiện thị danh sách

trồng

am e P

Bang 3.11 Luông sự kiện Tìm kiếm cư dân

¢ Xem chỉ tiết cư dân:

- Mô tả: Ban quan lý xem chỉ tiết cư dân

- Điều kiện trước: Ban quan lý đã đăng nhập thành công vào hệ thống

và chọn một dự án để thao tác

- Điều kiện sau: Hiển thị chỉ tiết cư dân

Nhắn chọn một cư dân muốn xem _ Điều hướng sang trang chỉ tiết của cư dan,chỉ tiết hiển thị các thông tin chỉ tiết của cư dân đó

Bang 3.12 Luéng sự kiện Xem chỉ tiết cw dân

e Chinh sửa thông tin cư dân:

Trang 33

- Mô tả: Ban quản lý chỉnh sửa thông tin cư dân có trong hệ thống

- Điều kiện sau: Thông tin mới của cư dân được cập nhật vào hệ

thống

Truy cập vào danh mục “Cư dân” Hiển thị danh sách cư dân có trong hệ

Nhấn chọn một cư dân muốn Didu hướng sang trang chỉ tiết của cư dân.

chỉnh sửa

Nhắn nút chỉnh sửa thông, tin -_Điều hướng sang trang chỉnh sửa thông tin

của cư dân.

Nhập các thông tin muốn chỉnh Kiểm tra các thông tin chỉnh sửa, nếu hợp

sửa, sau đó nhấn “Xác nhận” lệ thì cập nhật thông tin cư dân vào hệ

thống, nếu không thì thông báo thất bại

Bảng 3.13 Luông sự kiện Chỉnh sửa thông tin cư dân

se _ Xóa cư dân:

- Mô tả: Ban quản lý xóa cư dan trong hệ thống

- _ Điều kiện sau: Cư dan sẽ bị ẩn khỏi danh sách cư dân

Trang 34

trong phần menu bên trái thống.

Chọn “Xóa cư dân” trong các tác Tiến hành ấn cư dân ra khỏi giao diện hệ

vụ mở rộng thống

Bảng 3.14 Luông sự kiện Xóa cư dân

¢ Tạo thông báo:

- Mô tả: Ban quản lý tạo mới một thông báo cho cư dân trong hệ

Truy cập vào danh mục “Thông Hiên thị ra danh sách thông báo có trong hệ

tin liên lạc” trong danh mục thống

báo, chi tiết thông báo, các file thông báo

đính kèm nếu có

Trang 35

Bảng 3.15 Luông sự kiện Tạo thông báo

e Xem danh sách thông báo:

- Mô tả: Ban quản lý tao xem danh sách thông báo trong hệ thống

- Điều kiện trước: Ban quan lý đã đăng nhập thành công vào hệ thống

Bang 3.16 Luong sự kiện xem danh sách thông báo

e Xem danh sách yêu cầu của cư dân:

- Mô tả: Ban quan lý tao xem danh sách yêu cầu của cư đân trong hệ

Trang 36

phan: Tat cả, Yêu cầu mới, Đang xử lý,

Hoàn thành.

Bảng 3.17 Luông sự kiện xem danh sách yêu cầu của cư dân

e Xử lý yêu cầu của cư dân:

- Mô tả: Ban quản lý xử lý yêu cầu của cư dân trong hệ thống

- Điều kiện sau: Trạng thái yêu cầu của cư đân trong hệ thống sẽ

được cập nhật theo xử lý của ban quản lý.

FO

Truy cập vào danh mục “Quản Hiền thị ra danh sách yêu cau của cư dan

lý” trong danh mục chính, sau đó trong hệ thống, được chia ra thành bốn

chọn mục “Yêu cầu” phan: Tat cả, Yêu cầu mới, Đang xử lý,

Hoàn thành.

Chọn một yêu cầu muốn xử lý - Cập nhật trạng thái của yêu cầu hệ thống

trong một mục bất kỳ, nhắn “Cập _ theo xử lý của ban quản lý

nhật yêu cầu”, sau đó chuyên đổi

trạng thái của yêu cầu phù hợp

với giai đoạn ban quản lý đã xử

lý.

Bang 3.18 Luông sự kiện xử lý yêu cầu của cư dân

- Tác nhân: Ban quản lý hoặc người dùng.

Trang 37

- Mô tả: Tạo mới yêu cầu gửi vào danh sách xử lý yêu cầu của ban

lý” trong danh mục chính, sau đó trong hệ thống, được chia ra thành bốn

chọn mục “Yêu cầu” phan: Tat cả, Yêu cầu mới, Dang xử lý,

Hoàn thành.

Bang 3.19 Luéng sự kiện Tạo mới yêu cau

e _ Xem danh sách căn hộ:

- Mô tả: Ban quản lý tạo xem danh sách căn hộ trong hệ thống

Trang 38

Bảng 3.20 Luông sự kiện xem danh sách căn hộ

Mô tả: Ban quản lý tìm kiếm căn hộ có trong hệ thống theo từ khóa

Điều kiện trước: Ban quản lý đã đăng nhập thành công vào hệ thông

Điều kiện sau: Hiển thị danh sách căn hộ có trong hệ thống theo từ

khóa.

Luéng sự kiện:

Truy cập vào danh mục “Căn hộ” Hiển thị danh sách căn hộ có trong hệ

trong phần menu bên trái _ thống

Ban quản lý nhập một từ khóa để Tiến hành lọc căn hộ theo từ khóa

tìm kiếm căn hộ - _ Nếu có căn hộ, hiền thị danh sách

căn hộ đã được lọc theo từ khóa.

trồng

Bảng 3.21 Luông sự kiện Tìm kiếm căn hộ

e Loc căn hộ:

Mô tả: Ban quản lý lọc căn hộ có trong hệ thống theo từ khóa

Điều kiện sau: Hiển thị danh sách căn hộ có trong hệ thống theo bộlọc.

Luéng sự kiện:

Trang 39

Ban quản lý nhấn chọn bộ lọc, sau Tiến hành lọc căn hộ theo từ bộ lọc

đó cau hình các thông tin muốn -_ Nếu có căn hộ, hiển thị danh sách

lọc, bao gồm: block, loại căn hộ căn hộ đã được lọc theo bộ lọc.

trống

Bảng 3.22 Luông sự kiện Lọc cư dân

e Tao mới căn hộ:

- Mô tả: Ban quan lý tạo mới một căn hộ vào hệ thống

-_ Điều kiện sau: Thông tin căn hộ được lưu vào trong database

Ban quản lý nhấn “Tạo căn hộ” Hiển thị popup tạo căn hộ

Điền các thông tin cần thiết để tạo Tiến hành tạo căn hộ dựa trên thông tin đã

căn hộ, sau đó nhắn ““Xác nhận” nhập

- Nếu thông tin phù hợp, lưu thông

tin căn hộ vào database, thông báo tạo thành công.

- _ Nếu không, thông báo tạo that bại

Trang 40

Bảng 3.23 Luông sự kiện tạo mới căn hộ.

e Xem chỉ tiết căn hộ:

Mô tả: Ban quản lý xem chỉ tiết một căn hộ trong hệ thống

Điều kiện sau: Hiền thị thông tin chỉ tiết căn hộ

Luỗng sự kiện:

Chọn một căn hộ dé xem chỉ tiết Hiền thị thông tin chỉ tiết căn hộ.

Bảng 3.24 Luong sự kiện xem chỉ tiết căn hộ

¢ Chỉnh sửa thông tin căn hộ:

Mô tả: Ban quản lý chỉnh sửa thông tin chỉ tiết một căn hộ trong hệthống

Tiêu đề	Quản Lý Căn Hộ Chung Cư - Kết Nối Cư Dân Và Ban Quản Lý
Tác giả	Trương Nguyên Ngọc
Người hướng dẫn	Trương Thu Thủy
Trường học	ĐẠI HỌC QUỐC GIA TP. HỒ CHÍ MINH
Chuyên ngành	Hệ Thống Thông Tin
Thể loại	Khóa luận tốt nghiệp
Năm xuất bản	2023
Thành phố	TP. HỒ CHÍ MINH

Định dạng
Số trang	101
Dung lượng	27,23 MB