Đặt vấn đề Cùng với sự phát triển của đất nước, ngày càng nhiều khu chung cư được xây dựng dé đáp ứng nhu cau nhà ở cho người lao động bởi tính tiện lợi và giá cả linh hoạt. Song, điều này lại làm phát sinh ra van đề quản lý, vận hành chung cư sao cho hiệu quả. Cách quản lý truyền thống bằng giấy tờ quá phức tạp, mat thời gian làm hạn chế hiệu quả trong công tác vận hành chung cư. Do đó, chúng ta cần một giải pháp công nghệ nhanh gọn, hiệu quả dé thực hiện điều đó.
Hiện nay, ở Việt Nam cũng đã có một số phần mềm về vận hành chung cư được xây dựng cả trả phí và miễn phí có thể kê đến như PiHome, Lanber Building, Landsoft Control, Bee Home. Kế thừa điều đó cùng với mong muốn mang đến một giải pháp an toàn, hiệu quả, phù hợp và miễn phí cho các chung cư đặc biệt là quy mô vừa và nhỏ tác giả tiên hành xây dựng website vận hành chung cư. Một website vận hành chung cư dé hỗ trợ sự tương tác giữa BQL, BOT và các căn hộ. BQL có thê nắm rõ tình hình khu chung cư về căn hộ, cơ sở vật chất, thông tin phản ánh.
BỌT đăng các thông báo trả lời các phản ánh. Cư dân thì nắm bắt được thông tin về căn hộ mình sống, các thông báo từ BQL và BQT, tiền điện nước, chi phí khác. Ngoài ra còn có thé phản ánh đến BQL và BQT, đăng ký tham gia các hoạt động. Phạm vi, đối tượng nghiên cứu e Phạm vi: Tập trung vào các nghiệp vụ quản lý, các đối tượng trong chung cư như là căn hộ, cơ sở vật chất, các khoản phí, dịch vụ, các thông báo và hoạt động nồi bật.
© Đối tượng nghiên cứu: các nghiệp vụ chung cư, các dy án, phần mềm quản lý chung cư hiện nay. Mục tiêu Xây dựng website vận hành chung cư đáp ứng các yêu cầu sau: Xây dựng website vận hành chung cư GVHD: ThS. Mai Xuân Hùng Đối tượng sử dụng Chức năng Điều hành BQL Theo dõi, giám sát các hoạt động của các bộ phận. (Trưởng BQL và Tiếp nhận các ý kiến từ cư dân và xử lý Phó BQL) Quản lý các thông báo liên quan đến chung cư như các hoạt động, tô chức sự kiện,.
Bộ phận kỹ thuật Quản lý thông tin các thiết bị kỹ thuật như: hệ thống điện, nước, PCCC, thang máy, camera,. Nhận các phản ánh kỹ thuật và sửa chữa Bộ phận kế toán Quản lý các thông tin về các khoản thu như phí dịch vụ, phí quản lý, phí gửi xe, nước,. Quản lý các khoản chi trong chung cư Quản lý thông tin căn hộ Bộ phận lễ tân Hỗ trợ cư dân các quy trình đăng ký gửi xe, đăng ký tô chức sự kiện. Bộ phận vệ sinh Quản lý vệ sinh các khu vực Bộ phận an ninh Quản lý an ninh các khu vực BQT Quản lý thông báo Tiếp nhận và xử lý phản ánh Căn hộ Quản lý các thông tin về căn hộ như thông tin gửi xe, sự kiện, sửa chữa căn hộ, phiêu thu, thông báo Gửi phản ánh Bảng 1.1: Bảng yêu cầu trang web 1.
Công cụ và công nghệ sử dụng 1. Về công cụ e Visual Studio Code: trình biên tập mã được phát triển bởi Microsoft dành cho Windows, Linux và macOS. Nó hỗ trợ chức năng debug, đi kèm Xây dựng website vận hành chung cư GVHD: ThS. Mai Xuân Hùng với Git, có syntax highlighting, tự hoàn thành mã thông minh, snippets, và cải tiến mã nguồn e pgAdmin: một nền tảng phát triển và quản trị mã nguồn mở phong phú va phổ biến nhất dành cho PostgreSQL.
e Postman: một nén tảng cộng tác dé phát triển API. Các tinh năng của nó đơn giản hóa từng bước xây dựng API và dé dàng cộng tác dé bạn có thé tạo API tốt hơn và nhanh hơn. Về công nghệ Sử dung PERN stack dé xây dựng trang web từ front-end đến back-end e PostgresSQL: một hệ quan tri cơ sở dữ liệu quan hệ đối tượng mã nguồn mở mạnh mẽ. e Express: một framerork ứng dụng web dành cho Node.
e React: một thư viện Javascript dùng dé xây dựng giao diện. o Typescript: một ngôn ngữ được sử dụng phổ biến trên thế giới, được phát triển từ Javascript. Nó cung cấp các kiểu giúp mô tả đối tượng tường minh và nhiều tiện ích khác. o Redux: Một thư viện Javascript hộ trợ quản lý trạng thai ứng dụng.js: một nén tang được xây dựng trên nền tảng Javascript V8 Engine.
Nó dùng dé phát triển những ứng dụng server side. Xây dựng website vận hành chung cư GVHD: ThS. Mai Xuân Hùng Chương 2: CƠ SỞ LÝ THUYET 2. Hiện trạng tổ chức e Các đối tượng trong chung cư o BỌT là những người được bau ra đại diện cho quyền lợi và lợi ích của các căn hộ.
o BQL: là đơn vi quản ly vận hành các hoạt động trong chung cư o Căn hộ Trưởng BQL Phó BQL Bộ phận Bộ phận Bộ phận Bộ phận Bộ phận kỹ thuật kế toán lễ tân vệ sinh an ninh Tổ trưởng [ Nhân viên Ï Nhân viên Tổ trưởng Tổ trưởng kỹ thuật kế toán lễ tân vệ sinh an ninh Nhân viên Nhân viên Nhân viên kỹ thuật vệ sinh an ninh Hình 2.1: Tổ chức bộ máy BOL 2. Các quy trình nghiệp vụ e Tham khảo từ các nguồn tài liệu [7] [8] [9] [10] [11] [12] [13] [14] 2. Quy trình đăng ký/hủy gửi xe e Đăng ký o Căn hộ nộp hồ sơ đăng ký gửi xe cho bộ phận lễ tân. o Bộ phận lễ tân ghi nhận lại thông tin đăng ký.
o Bộ phận kế toán thực hiện thu phi(néu có). o Tạo thẻ giữ xe va phát cho căn hộ. Xây dựng website vận hành chung cư GVHD: ThS. Mai Xuân Hùng e Hủy o Căn hộ gửi yêu cầu hủy thông tin gửi xe cho bộ phận lễ tân.
o Bộ phận lễ tân ghi nhận lại thông tin hủy. o Bộ phận kế toán thực hiện thu phi(néu có). o Hủy thông tin thẻ giữ xe. Quy trình đăng ký tổ chức sự kiện e Can hộ đăng ký tô chức sự kiện tại bộ phận lễ tân.
e Bộ phan lễ tân xem xét lịch su kiện đã đăng ký.Nếu còn trống thì ghi lại thông tin. o Nếu đã có căn hộ đặt trước thì báo lại. Quy trình tiếp nhận và xứ lý phản ánh e Căn hộ gửi yêu cầu phan ánh đến bộ phận tiếp nhận. e Bộ phận tiếp nhận xem xét và trả lời.
Quy trình thu phí chung cư e Kế toán tông hợp các khoản phí chung cư (phí quản lý, tiền nước, gửi xe, tổ chức sự kiện.) theo từng căn hộ. e_ Kế toán gửi phiếu thu đến từng căn hộ. e Căn hộ tiến hành thanh toán và kế toán ghi nhận lại thông tin. Quy trình ghi chỉ số nước e Vào cuối mỗi tháng, bộ phận kỹ thuật tiễn hành ghi chi số nước theo căn hộ.
e Sau đó, tiễn hành tổng kết lại và chốt chỉ sé. Quy trình sửa chữa căn hộ e_ Căn hộ gửi yêu cầu sửa chữa đến bộ phận kỹ thuật. e Bo phận kỹ thuật phân công người phụ trách. e© Người phụ trách tiến hành sửa chữa theo yêu cau.
Quy trình xin nghỉ phép e Nhân viên viết đơn nghỉ phép và nộp về cho điều hành BQL. Xây dựng website vận hành chung cư GVHD: ThS. Mai Xuân Hùng e Điều hành BQL xem xét đơn nghỉ phép và tiến hành phê duyệt hoặc từ chối đơn nghỉ phép. Quy trình quản lý thiết bị kỹ thuật e Bộ phận kỹ thuật xem xét danh sách bồ trí các thiết kỹ thuật theo khu vực.
e Phan công nhân viên theo dõi tình trạng các thiết bị. e Lên kế hoạch bảo trì thiết bị định kỳ. Quy trình về an ninh e_ Tổ trưởng an ninh lập phương án an ninh cho từng khu vực. e Nhân viên an ninh thực hiện tuần tra, giám sát theo phương án đề ra.
Quy trình về vệ sinh e Tổ trưởng vệ sinh lập phương án vệ sinh cho từng khu vực. e Nhân viên vệ sinh tiến hành thực hiện theo phương án dé ra. Quy trình thông báo e BQL/BỌT thực hiện soạn thông báo e Thông báo được gửi đến cho các căn hộ 2. Về công nghệ 2.
React e Là một thư viện Javascript ding dé xây dựng giao diện người dùng. Chúng ta có thể xây dựng các thành phần giao diện theo hướng component, quản lý thuộc tinh, trang thái thông qua props, state. Điều này, giúp dé dang hơn trong việc xây dựng vả bảo trì. e Prop (properties): là những gia tri tùy chọn khi sử dụng một component.
Gia trị props không thé thay đổi e State: là những giá trị lưu giữ trạng thái của component. Giá tri state có thé thay đồi. e Vòng đời Component!: ! Nguồn: https://viblo.asia/p/lifecycle-component-trong-reactjs-gGJ59jzxKX2 Xây dựng website vận hành chung cư GVHD: ThS. Mai Xuân Hùng Initialization ' Mounting Updation ; Unmounting props states H seup ppt and state ị 'componentWillMount | ——=.
shouldComponentUpdate ị componentWillUnmount | { b + + + ị i H i te | K fase | render Ì shouldComponentUpdate | componentWillUpdate bé > > ~ - wwe h XK fi talse i ‘componentDidMount ] componentWillUpdate | render + ~ render | 'componentDidUpdate + mm====đ—m.1: Vòng đời Component trong React e Tài liệu hoc React: [1] [2] 2. Redux e Là một thư viện Javascript giup tạo ra một lớp quản ly trang thai cho ứng dung. Nó tập hợp tất các trạng thái của ứng dụng, tạo nên sự nhất quán trong việc quản lý. e Sơ đồ hoạt động: Xây dựng website vận hành chung cư GVHD: ThS.
Mai Xuân Hùng e Nguyên lý hoạt động: © Trạng thái (state) của toàn bộ ứng dụng được lưu trong 1 store duy nhất là 1 Object mô hình tree. Chỉ có 1 cách duy nhất dé thay đổi trạng thái (state) đó là tạo ra một action Dé chỉ rõ trạng thai (state) tree được thay đồi bởi 1 action bạn phải viết pure reducers. e Cac khái niệm: le) Store: La nơi quản lý trạng thai (state), có thé truy cập dé lay trạng thái (state) ra, update state hiện có, và listener đề nhận biết xem có thay đôi gì không, và cập nhật qua views View: Hlén thị dữ liệu được cung cấp bởi store Actions: là một object bao gồm type( kiêu action) và payload( giá tri mà action creator muốn truyền lên). le) Action creator: là hàm xử lý trả về action.
le) Reducers: là nơi nhận vào state cũ và trả ra state mới. e Tài liệu học tập : [6] 2. Server API (Express + PostgreSQL) e API (Application Programming Interface) là các giao thức, phương thức hỗ trợ việc trao đôi dữ liệu giữa các ứng dụng. e Luồng hoạt động: © Server API tiếp nhận một HTTP request và đối chiếu với các route đã được định nghĩa.
Server API kiểm tra thông tin request (token, data) sau đó chuyên đến controller xử lý.