Đồ án xây dựng ứng dụng tìm kiếm bãi đỗ xe ô tô (car parking finder)

ĐẠ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 HUỲNH QUANG TRUNG PHAN NGỌC QUANG ĐỒ ÁN XÂY DỰNG ỨNG DỤNG TÌM KIẾM BÃI ĐỖ XE Ơ TƠ (Car parking finder) TP HỒ CHÍ MINH, THÁNG 12 NĂM 2022 ĐẠ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 HUỲNH QUANG TRUNG – 19520317 PHAN NGỌC QUANG - 19522100 ĐỒ ÁN XÂY DỰNG ỨNG DỤNG TÌM KIẾM BÃI ĐỖ XE Ô TÔ (Car parking finder) GIẢNG VIÊN HƯỚNG DẪN ThS NGUYỄN CƠNG HOAN TP HỒ CHÍ MINH, THÁNG 12 NĂM 2022 LỜI CẢM ƠN Nhóm chúng em xin gửi lời cảm ơn chân thành tri ân sâu sắc đến cô hướng dẫn, tạo điều kiện cho nhóm chúng em hồn thành đồ án mơn Đồ án Trong vòng 11 tuần, qua buổi học, nhờ dẫn nhiệt tình cơ, chúng em tiếp thu kiến thức quan trọng, bổ ích góp ý chân thành để làm đồ án hoàn chỉnh Trong khoảng thời gian thực đồ án, chúng em học hỏi thêm nhiều kiến thức, kinh nghiệm, biết quy trình để tạo sản phẩm phần mềm Bên cạnh đó, chúng em xin cảm ơn bạn bè lớp động viên, thảo luận góp ý cho nhóm đồng thời khơi thêm nguồn động lực cho nhóm suốt q trình đầy khó khăn Mặc dù cố gắng hoàn thành báo cáo với tất nỗ lực song báo cáo nhóm chúng em chắn khơng tránh khỏi thiếu sót, chúng em mong nhận thơng cảm góp ý chân thành từ Nhóm em xin chân thành cảm ơn Thành phố Hồ Chí Minh, tháng 12 năm 2022 Nhóm gồm Huỳnh Quang Trung, Phan Ngọc Quang TĨM TẮT Đồ án với đề tài “Xây dựng ứng dụng tìm kiếm bãi đỗ xe” tập trung vào phân tích thực trạng ứng dụng công nghệ để từ xây dụng ứng dụng ứng dụng mobile sử dụng mà không yêu cầu nhiều phần cứng, phần mềm Đáp ứng nhu cầu ứng dụng tìm kiếm bãi đỗ xe Đề tài việc tìm hiểu thực trạng, đưa vấn đề cịn tồn đọng cải thiện Xác định mục tiêu, phạm vi đề tài chức cần có hệ thống Ngoài việc xử lý nghiệp vụ cho hệ thống, nhóm tìm hiểu, so sánh lựa chọn công nghệ phù hợp giúp nâng cao trải nghiệm người dùng, tối ưu chi phí phát triển triển khai Nhờ việc phân tích yêu cầu rõ ràng, thời gian phát triển ngắn yêu cầu, tính thay đổi, trình phát triển đề tài sử dụng mơ hình Vmodel cho việc xây dựng hệ thống Kết thu giai đoạn thiết kế kiến trúc hệ thống, sở liệu, giao diện thể sơ đồ người dùng, sơ đồ thiết kế sử dụng công cụ Figma Draw.io Trong giai đoạn thực hiện, client server phát triển song song sử dụng thư viện React cho client Node.js với Express framework cho server, công cụ phát triển Visual Studio Code công cụ quản lý công việc Notion Công việc kiểm thử unit test thực xuyên suốt trình phát triển kiểm thử tích hợp cuối giai đoạn Trong giai đoạn vận hành, server triển khai lên máy chủ Heroku, hồn tồn truy cập liệu thơng qua api từ thiết bị gửi yêu cầu có chứa trường xác thực liệu hợp lệ Phần cuối đồ án trình bày kết thực lên báo cáo, đưa kết luận hướng phát triển cho hệ thống tương lai Nội dung đồ án trình bày chương: - Chương 01: Tổng quan Trình bày sơ thực trạng, nhu cầu thực tế Xác định mục tiêu phạm vi đề tài - Chương 02: Cơ sở lý thuyết, tổng quan công nghệ Giớ thiệu giải thuật, công nghệ, tảng sử dụng đồ án - Chương 03: Phân tích thiết kế ứng dụng Phân tích yêu cầu, thiết kế, thực triển khai ứng dụng - Chương 04: Kết luận - Chương 05: Cài đặt thử nghiệm Những kết đạt sau kết thúc đồ án Những hạn chế, khó khăn q trình phát triển đồ án nêu hướng phát triển tương lai MỤC LỤC Chương 1.1 TỔNG QUAN .1 Khảo sát trạng 1.1.1 Nhu cầu thực tế đề tài .1 1.1.2 Khảo sát số ứng dụng có 1.2 Mục tiêu 1.2.1 Đối tượng sử dụng 1.2.2 Yêu cầu Chương CƠ SỞ LÝ THUYẾT, TỔNG QUAN CÔNG NGHỆ 2.1 Thuật toán sử dụng 2.1.1 2.2 Thuật toán Bcrypt Công nghệ sử dụng 2.2.1 React .8 2.2.2 React Redux 10 2.2.3 Ant Design 12 2.2.1 Tailwindcss 13 2.2.2 Express.js 14 2.2.3 Firebase Storage 15 2.2.4 JSON Web Token 16 2.2.5 Vercel 18 2.2.6 Render 19 Chương PHÂN TÍCH THIẾT KẾ ỨNG DỤNG 21 3.1 Use case .21 3.1.1 Sơ đồ Use case 21 3.1.2 Danh sách Actors 23 3.1.3 Danh sách Use case 23 3.1.4 Đặc tả Use case .24 3.2 Activity diagram 41 3.2.1 Lược đồ hoạt động đăng nhập 41 3.2.2 Lượt đồ hoạt động đăng ký 42 3.2.3 Lược đồ hoạt động khôi phục mật .43 3.2.4 Lược đồ hoạt động cập nhật thông tin 44 3.2.5 Lược đồ hoạt động lưu bãi đỗ yêu thích .45 3.2.6 Lược đồ hoạt động quản lý danh sách xe .46 3.2.7 Lược đồ hoạt động tìm bãi đỗ .47 3.2.8 Lược đồ hoạt động đường đến bãi đỗ .48 3.2.9 Lược đồ hoạt động đặt chỗ 49 3.2.10 Lược đồ hoạt động Gia hạn thời gian giữ xe .50 3.2.11 Lược đồ hoạt động quản lý bãi đỗ .51 3.2.12 Lược đồ hoạt động check in, check out .52 3.2.13 Lược đồ hoạt động Xem báo cáo thống kê 53 3.2.14 Lược đồ hoạt động Cài đặt chung .53 3.3 Thiết kế sở liệu 54 3.3.1 Sơ đồ ERD 54 3.3.2 Mô tả chi tiết 54 3.4 Thiết kế giao diện 60 3.4.1 Sơ đồ liên kết hình 60 3.4.2 Danh sách hình .61 3.4.3 Mơ tả chi tiết hình 63 Chương KẾT LUẬN .100 4.1 Kết đạt 100 4.2 Những ưu điểm hạn chế 101 4.2.1 Ưu điểm 101 4.2.2 Hạn chế .101 4.3 Hướng phát triển 102 Chương CÀI ĐẶT VÀ THỬ NGHIỆM 103 5.1 Môi trường cài đặt .103 5.2 Các thư viện, framework liên quan 103 5.3 Kiểm thử phần mềm 103 5.4 Hướng dẫn cài đặt 103 BẢNG PHÂN CÔNG CÔNG VIỆC 104 TÀI LIỆU THAM KHẢO .105 DANH MỤC HÌNH Hình 2.1 Tốc độ băm số thuật toán phổ biến .7 Hình 2.2 Mã giải thuật tốn băm Bcrypt .7 Hình 2.3 Kết qủa cuối trình băm Hình 2.6 Các thành phần Redux 11 Hình 2.12 Logo Firebase Storage 15 Hình 2.13 Logo JSON Web Token (JWT) .16 Hình 2.14 Nội dung header JWT 17 Hình 2.15 Nội dung Reserved claims .18 Hình 2.16 Nguyên tắc chuỗi bí mật 18 Hình 3.1 Sơ đồ use case 22 Hình 3.2 Lược đồ hoạt động đăng nhập 41 Hình 3.3 Lược đồ hoạt động đăng ký 42 Hình 3.4 Lược đồ hoạt động khôi phục mật 43 Hình 3.5 Lược đồ hoạt động cập nhật thơng tin .44 Hình 3.6 Lược đồ hoạt động lưu bãi đỗ xe yêu thích .45 Hình 3.7 Lược đồ hoạt động quản lý danh sách xe 46 Hình 3.8 Lược đồ hoạt động tìm bãi đỗ 47 Hình 3.9 Lược đồ hoạt động đường đến bãi đỗ 48 Hình 3.10 Lược đồ hoạt động đặt chỗ .49 Hình 3.11 Lược đồ hoạt động quản lý bãi đỗ 51 Hình 3.12 Lược đồ hoạt động check in, check out 52 Hình 3.13 Lược đồ quan hệ ERD 54 Hình 3.14 Sơ đồ liên kết hình dành cho chủ xe 60 Hình 3.15 Sơ đồ liên kết hình dành cho doanh nghiệp - chủ bãi đỗ xe 60 Hình 3.16 Sơ đồ liên kết hình dành cho nhân viên bãi đỗ 61 Hình 3.17 Màn hình splash .63 Hình 3.18 hình onboarding 64 Hình 3.19 Màn hinh đăng nhập 65 Hình 3.20 Màn hình đăng ký 67 Hình 3.21 Màn hình 68 Hình 3.22 Màn hình chi tiết bãi đỗ 70 Hình 3.23 Màn hình chọn xe .71 Hình 3.24 Màn hình chọn vị trí 72 Hình 3.25 Màn hình chọn thời gian 73 Hình 3.26 Màn hình chọn phương thức tốn 75 Hình 3.27 Màn hình xem lại thông tin đặt chỗ 76 Hình 3.28 Màn hình chi tiết vé đặt 77 Hình 3.29 Màn hình lịch sử đặt 78 Hình 3.30 Màn hình cá nhân .79 Hình 3.31 Màn hình đổi thông tin cá nhân .81 Hình 3.32 Màn hình danh sách bãi xe u thích .82 Hình 3.33 Màn hình danh sách xe .83 Hình 3.34 Màn hình thêm xe 84 Hình 3.35 Màn hình đổi mật 85 Hình 3.36 Màn hình đăng nhập - doanh nghiệp 86 Hình 3.37 Màn hình đăng ký - doanh nghiệp 87 Hình 3.38 Màn hình danh sách bãi đỗ - doanh nghiệp .88 Hình 3.39 Màn hình dánh sách vé bãi đỗ - doanh nghiệp 90 Hình 3.40 Màn hình chi tiết bãi đỗ - doanh nghiệp 91 Hình 3.41 Màn hình thêm bãi đỗ - doanh nghiệp .93 Hình 3.42 Màn hình thơng tin – doanh nghiệp 94 Hình 3.43 Màn hình đổi mật – doanh nghiệp 95 Hình 3.44 Màn hình đăng nhập - nhân viên 96 Hình 3.45 Màn hình - nhân viên .97 Hình 3.46 Màn hình scan QR - nhân viên 98 Hình 3.47 Màn hình xem vé - nhân viên 99 3.4.3.24 Màn hình chi tiết bãi đỗ - doanh nghiệp - Giao diện Hình 3.40 Màn hình chi tiết bãi đỗ - doanh nghiệp - Thành phần Ý nghĩa STT Kiểu Ràng buộc Card Thông tin Table Danh sách block Table Danh sách khung Bảng 3.74 Mơ tả đối tượng hình chi tiết bãi đỗ - doanh nghiệp 3.4.3.25 Màn hình thêm bãi đỗ - doanh nghiệp - Giao diện 91 92 Hình 3.41 Màn hình thêm bãi đỗ - doanh nghiệp - Thành phần STT Kiểu Ràng buộc Ý nghĩa Input Bắt buộc Ô nhập tên Input Bắt buộc Ô nhập địa Input Bắt buộc Ô nhập vị trí Input Bắt buộc Ơ nhập mơ tả Input Bắt buộc Ô nhập tên block Input Bắt buộc Ơ nhập số đỗ xe Input Bắt buộc Ô nhập khung Input Bắt buộc Ô nhập đơn giá Button Nút tiếp tục 10 Button Nút xác nhận 11 Button Nút quay lại Bảng 3.75 Mơ tả đối tượng hình thêm bãi đỗ - doanh nghiệp - Biến cố STT Biến cố Xử lý Chọn Next Chuyển tới phần Chọn Previous Quay lại phần trước Chọn Submit Xác nhận lưu thông tin Bảng 3.76 Biến cố xử lý hình thêm bãi đỗ - doanh nghiệp 3.4.3.26 Màn hình thơng tin - doanh nghiệp - Giao diện 93 Hình 3.42 Màn hình thơng tin – doanh nghiệp - Thành phần STT Kiểu Ràng buộc Ý nghĩa Input Bắt buộc Ô nhập tên doanh nghiệp Input Bắt buộc Ô nhập email Input Bắt buộc Ô nhập số điện thoại Button Nút xác nhận Bảng 3.77 Mô tả đối tượng hình thơng tin – doanh nghiệp - Biến cố STT Biến cố Xử lý Chọn Submit Lưu thay đổi thông tin Bảng 3.78 Biến cố xử lý hình thơng tin – doanh nghiệp 3.4.3.27 Màn hình thay đổi mật - doanh nghiệp - Giao diện 94 Hình 3.43 Màn hình đổi mật – doanh nghiệp - Thành phần STT Kiểu Ràng buộc Ý nghĩa Input Bắt buộc Ô nhập mật Input Bắt buộc Ô nhập mật Input Bắt buộc Ô nhập lại mật Button Nút xác nhận Bảng 3.79 Mô tả đối tượng hình đổi mật – doanh nghiệp - Biến cố STT Biến cố Xử lý Chọn Submit Lưu thay đổi thông tin Bảng 3.80 Biến cố xử lý hình đổi mật - doanh nghiệp 3.4.3.28 Màn hình đăng nhập - nhân viên - Giao diện 95 Hình 3.44 Màn hình đăng nhập - nhân viên - Thành phần STT Kiểu Ràng buộc Ý nghĩa Input Bắt buộc Ô nhập email Input Bắt buộc Ô nhập mật Button Nút quên mật Button Nút đăng nhập Bảng 3.81 Mô tả đối tượng hình đăng nhập – nhân viên - Biến cố STT Biến cố Xử lý Chọn Quên mật Hiển thị hình đổi mật 96 Chọn đăng nhập Đăng nhập vào hệ thống Bảng 3.82 Biến cố xử lý hình đăng nhập – nhân viên 3.4.3.29 Màn hình - nhân viên - Giao diện Hình 3.45 Màn hình - nhân viên - Thành phần STT Kiểu Button Ràng buộc Ý nghĩa Nút scan mã QR Bảng 3.83 Mơ tả đối tượng hình – nhân viên - Biến cố 97 STT Biến cố Xử lý Chọn Scan Chuyển hình scan mã QR Bảng 3.84 Biến cố xử lý hình – nhân viên 3.4.3.30 Màn hình scan QR - nhân viên - Giao diện Hình 3.46 Màn hình scan QR - nhân viên 3.4.3.31 Màn hình xem vé - nhân viên - Giao diện 98 Hình 3.47 Màn hình xem vé - nhân viên - Thành phần Ràng buộc Ý nghĩa STT Kiểu View Hiển thị thông tin vé, mã QR Button Nút xác nhận check in Bảng 3.85 Mơ tả đối tượng hình xem vé – nhân viên - Biến cố STT Biến cố Xử lý Chọn Xác nhận Check in xe vào bãi Bảng 3.86 Biến cố xử lý hình xem vé – nhân viên 99 CHƯƠNG 4.1 KẾT LUẬN Kết đạt Với yêu cầu đặt cho đề tài “Xây dựng ứng dụng tìm kiếm bãi đỗ xe ô tô” môn Đồ án 1, chúng em tiến hành khảo sát, tìm hiểu sở lý thuyết, phân tích, thiết kế cuối cài đặt kiểm thử thành công phần mềm Kết hợp với việc nghiên cứu sáng tạo chức năng, nhóm triển khai để hồn thành báo cáo Nhóm tự đánh giá đề tài cho môn học thành công, với việc đạt mục tiêu đặt mà cịn thực sản phẩm có nhiều chức Đúng với mục tiêu đặt ban đầu, nhóm đã: - Ứng dụng kiến thức lý thuyết thực hành vào quy trình phát triển phần mềm thực tiễn, từ xây dựng tư lĩnh vực Công nghệ phần mềm mơi trường làm việc nhóm - Giải vấn đề đặt phần mơ tả tốn, hoàn thiện sản phẩm đề tài phần mềm trực tuyến cách tốt - Xây dựng chương trình hồn thiện chức năng, mặt UI UX, đáp ứng nhu cầu thực tế để giải vấn đề; giao diện trực quan, đẹp mắt, thân thiện đáp ứng tính đắn tính tiến hóa việc thiết kế liệu Ngồi ra, từ q trình làm sản phẩm, nhóm có hội tìm hiểu rõ vận dụng kiến thức học môn học trước, đồng thời nắm quy trình phát triển phần mềm với nghiên cứu kĩ thuật công nghệ, phục vụ mơn học tới mà cịn hành trình làm việc lĩnh vực cơng nghệ thơng tin tương lai Source code ứng dụng: • Client-side: o Chủ xe: trunghq234/parkar-app (github.com) o Chủ bãi đỗ: trunghq234/parka-merchant (github.com) 100 o Nhân viên bãi đỗ: quangpn24/parka-merchant-app (github.com) • Server-side: quangpn24/parkar-server (github.com) 4.2 Những ưu điểm hạn chế 4.2.1 Ưu điểm - Về sản phẩm phần mềm: o Là hệ thống có quy mơ đầy đủ, phần mềm dành cho đa dạng đối tượng người dùng, phục vụ môi trường chuyên nghiệp o Hệ thống kết nối chủ xe chủ bãi đỗ o Hệ thống thân thiện, quy trình rõ ràng giúp người dùng theo dõi tiến độ hiệu o Giúp chủ xe tìm kiếm bãi đỗ cách thuận tiện o Chủ bãi đỗ tiếp cận lượng lớn khách hàng nhờ vào hệ thống online - Về việc tổ chức quản lý nhóm: o Các thành viên có tinh thần làm việc trách nhiệm, thực đầy đủ nhiệm vụ o Các thành viên học hỏi nhiều công nghệ trao đổi kiến thức, bổ sung kiến thức cho việc làm o Tính sáng tạo, linh hoạt thành viên o Sử dụng công cụ hỗ trợ giúp việc quản lý trở nên đơn giản hơn, trực quan hơn, có định hướng như: GitHub, Facebook, Gmail, Notion, One Drive, 4.2.2 Hạn chế - Về sản phẩm phần mềm: o Các công nghệ cịn chưa hồn thiện, thường xun gặp vấn đề liên quan đến mã nguồn Cùng với cộng đồng phát triển chưa 101 lớn mạnh công nghệ cũ gây tốn nhiều thời gian để sửa lỗi o Chưa áp dụng kĩ thuật deployment tối ưu (do hạn chế chi phí, sử dụng sản phẩm miễn phí) o Cơ sở liệu bị giới hạn dung lượng số lần truy vấn miễn phí dẫn đến việc người dùng bị giới hạn liệu o Tính chưa đầy đủ so với nghiệp vụ thực tế - Về việc tổ chức quản lý nhóm: o Ban đầu thời gian làm việc thành viên xung đột với khó gặp mặt trao đổi trực tiếp dẫn đến phải làm việc thông qua phương tiện tính tự chủ thành viên o Có số cơng việc khơng hồn thành đặt Phải thay đổi linh hoạt sát để theo kịp tiến độ o Khối lượng công việc cần thực nhiều nên chịu áp lực mặt thời gian 4.3 Hướng phát triển Đề tài cịn mở rộng phát triển thêm nhiều tính hữu ích cho người dùng như: - Tích hợp xử lý hình ảnh để tự động nhận diện biển số xe - Tích hợp đồ bãi đỗ vào app So với mục đích hồn thành đồ án mơn học, nhóm ứng dụng đề tài việc phân tích yêu cầu lĩnh vực gần với sống cụ thể giải quyêt vấn đề tìm kiếm bãi đỗ xe phù hợp nhóm người dùng chủ xe chủ bãi đỗ, từ góp phần nâng cao tư làm việc hiệu thực tế sống Phần mềm hồn tồn sử dụng để phát triển thành tiếp 102 CHƯƠNG 5.1 CÀI ĐẶT VÀ THỬ NGHIỆM Môi trường cài đặt − NodeJs version 16 5.2 Các thư viện, framework liên quan − Front-end: ReactJS, Tailwind css, React Native − State management: Redux, Redux Toolkit − UI library: Ant design − Back-end: Golang (Gin framework) − Database: PostgresSQL, Firebase 5.3 Kiểm thử phần mềm Nhóm có tiến hành kiểm thử phần mềm sau lần build chức năng, tăng tính đắn tốc độ sửa lỗi chương trình Ứng dụng chạy thử nghiệm thiết bị nhiều độ phân giải khác (responsive) nhiều trình duyệt - Manual testing: whitebox, blackbox theory - API testing: Postman 5.4 Hướng dẫn cài đặt Bước 1: Cài đặt NodeJS từ https://nodejs.org/en/ Bước 2: Clone source code từ github Bước 3: Install package cần thiết với lệnh: npm install Bước 4: Khởi chạy môi trường development với lệnh: npm run start / npm run dev 103 BẢNG PHÂN CÔNG CÔNG VIỆC MSSV Họ tên 19520317 Huỳnh Quang Trung Nhiệm vụ - Đóng góp ý tưởng - Thiết kế database - Thiết kế giao diện - Phân chia công việc - Chuẩn bị báo cáo - Tính năng: • Đặt chỗ • Quản lý thơng tin cá nhân • Quản lý đặt chỗ - doanh nghiệp • Xem lịch sử đặt chỗ • Quản lý bãi đỗ - doanh nghiệp - Đóng góp ý tưởng - Thiết kế database - Thiết kế giao diện - Chuẩn bị báo cáo - Tính năng: • Tìm kiếm bãi đỗ xe (chủ xe) • Hiển thị bãi đỗ map 19522100 Phan Ngọc Quang đường đến bãi đỗ () • Quản lý tài khoản (đăng nhập, đăng ký, khôi phục đổi mật khẩu, xác thực số điện thoại) • Quét mã QR để check in, check out 104 TÀI LIỆU THAM KHẢO [1] N T Toan, "Giới thiệu redux saga," 26 2017 [Online] Available: https://viblo.asia/p/gioi-thieu-ve-redux-saga-maGK7zjD5j2 [Accessed 13 10 2021] [2] P H Cuong, "How to setup Tailwind CSS Framework with React," [Online] Available: https://viblo.asia/p/how-to-setup-tailwind-css-framework-with-reactyMnKMvYzZ7P [3] A Design, "Ant Design Of React," [Online] Available: https://ant.design/docs/react/introduce [4] T L Inc, "Tailwind CSS Documents," [Online] Available: https://tailwindcss.com/docs/installation [5] D A a R d authors, "Redux Tutorial Overview," [Online] Available: https://redux-toolkit.js.org/tutorials/overview [6] S Docs, "What is Scrum," [Online] Available: https://www.scrum.org/resources/what-is-scrum [7] Vitejs, "Vitej documents," [Online] Available: https://vitejs.dev/guide/ [8] Expo, "Expo document," [Online] Available: https://docs.expo.dev/ 105 ... khăn tìm kiếm bãi đỗ xe Do đó, nhóm định xây dựng phần mềm Tìm kiếm bãi đỗ xe 1.1.2 Khảo sát số ứng dụng có 1.1.2.1 Parking Map - Bản đồ Offline bãi đỗ xe Tổng quan Parking Map đồ vị trí bãi đỗ xe. .. TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM HUỲNH QUANG TRUNG – 19520317 PHAN NGỌC QUANG - 19522100 ĐỒ ÁN XÂY DỰNG ỨNG DỤNG TÌM KIẾM BÃI ĐỖ XE Ô TÔ (Car parking finder) GIẢNG VIÊN... thông tin Thay đổi thông tin bãi đỗ bãi đỗ Xem tra cứu thông tin bãi đỗ Tìm kiến xem danh sách bãi đỗ Quản lý đặt chỗ Xem thông tin đặt chỗ Xem báo cáo thống kê tổng quan Báo cáo thống kê bãi đỗ