ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ ĐỀ TÀI: Ứng dụng quản lý bãi đổ xe

ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ 3 ĐỀ TÀI: Ứng dụng quản lý bãi đổ xe Sinh viên thực hiện : BÙI XUÂN TƯỜNG 18IT3 – 18IT187 HUỲNH QUANG TRUNG 18IT1 – 18IT043 Giảng viên hướng dẫn : THS.TRẦN ĐÌNH SƠN Đà nẵng, ngày 22, tháng 07, năm 2020 Ứng dụng quản lý bãi đổ xe GVHD: THS Trần Đình Sơn MỞ ĐẦU Hiện nay, tại các thành phố đông dân cư, vấn đề quản lý các chỗ đỗ xe, hay quản lý các bãi đỗ xe sao cho hiệu quả, kinh tế và tiện ích cho người dùng, đang là một bài toán đau đầu với các nhà quản lý đô thị nói chung, và chủ các bãi đổ/trông giữ xe và các bác tài xế nói riêng Với cơ quan quản lý nhà nước, hiện nay mới chỉ dừng lại việc giao cho các công ty quản lý thu phí các điểm dừng /đổ ô tô trên các tuyến phố Việc giao quản lý như thế này vẫn còn xảy ra tình trạng giá niêm yết một đằng, giá thu một nẻo Chưa có cách thức thu thập số liệu, nhu cầu chỗ đỗ theo các thời điểm, khu vực một cách chính xác để phục vụ bài toán quy hoạch thành phố Các chủ bãi trông giữ xe thì không quản lý được số lượng xe vé ngày vào ra, nên chưa tối ưu được hiệu quả, năng suất sử dụng Nếu tối ưu được việc giám sát thu phí quản lý vé lượt và vé tháng, chủ đầu tư sẽ tính toán hiệu quả sử dụng và bài toán tái đầu tư nâng cấp mở rộng hệ thống hoặc giảm giá thành vé trông xe Đồng thời giúp tăng năng suất có chỗ đỗ xe cho người dùng Còn các bác tài, khi đi xe vào phố làm việc, thì việc tìm chỗ trông giữ xe đúng là cực hình Nhiều khi đi lòng vòng các nơi cũng không tìm được bãi giữ xe, nếu có tìm được thì nhiều khi cũng hết chỗ đỗ Việc này gây ra rất nhiều tác động: Làm tắc đường thêm, tốn thêm chi phí xăng xe, gây thêm hiệu ứng lên môi trường Từ các nhu cầu trên, nhóm thiết nghĩ cần Xây dựng một giải pháp tổng thể toàn diện: Ứng dụng quản lý đổ xe Trang 2 Ứng dụng quản lý bãi đổ xe GVHD: THS Trần Đình Sơn LỜI CẢM ƠN Để thực hiện và hoàn thành tốt đồ án này, em đã nhận được sự giúp đỡ và hướng dẫn rất tận tình của các thầy cô thuộc Khoa Công Nghệ Thông Tin Và Truyền Thông – Đại Học Đà Nẵng Em xin cảm ơn các thầy cô thuộc bộ môn chuyên ngành đã cung cấp cho chúng em các thông tin, kiến thức vô cùng quý báu và cần thiết trong suốt thời gian qua để em có thể thực hiện và hoàn thành đồ án của mình Đặc biệt em xin chân thành cảm ơn thành Thầy Ths Trần Đình Sơn người đã trực tiếp hướng dẫn chúng em trong thời gian thực hiện đồ án này Cuối cùng, xin chân thành cảm ơn các bạn trong ngành công nghệ thông tin đã ủng hộ, giúp đỡ, chia sẻ kiến thức, kinh nghiệm và tài liệu có được giúp chúng em trong quá trình nghiên cứu và thực hiện đề tài Do giới hạn về mặt thời gian và kiến thức cũng như kinh nghiệm thực tiễn nên đề tài không tránh khỏi những sai xót Em rất mong nhận được sự thông cảm của quý thầy cô và mong đón nhận những góp ý của thầy cô và các bạn Em xin chân thành cảm ơn! Trang 3 Ứng dụng quản lý bãi đổ xe GVHD: THS Trần Đình Sơn NHẬN XÉT (Của giảng viên hướng dẫn) …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… ……………………………………………………… Trang 4 Ứng dụng quản lý bãi đổ xe GVHD: THS Trần Đình Sơn MỤC LỤC Chương 1 Giới thiệu 7 1.1 Giới thiệu đề tài 7 1.2 Phương pháp, kết quả .7 1.2.1 Phương pháp 7 1.2.2 Kết quả đạt được 8 1.3 Ưu điểm, nhược điểm .8 1.3.1 Ưu điểm 8 1.3.2 Nhược điểm .8 1.4 Cấu trúc đồ án 8 Chương 2 Nghiên cứu tổng quan 9 2.1 Các dự án tương tự 9 2.2 Các phần mềm lập trình 9 2.3 Các ngôn ngữ lập trình 9 2.3.1 Ngôn ngữ HTML .9 2.3.2 Ngôn ngữ CSS .10 2.3.3 Ngôn ngữ lập trình PHP 10 2.3.4 Ngôn ngữ lập trình JavaScript 11 2.3.5 Ngôn ngữ lập trình Java 11 2.3.6 Ngôn ngữ lập trình C .12 2.4 Cơ sở dữ liệu Firebase Realtime Database 12 2.5 Các chức năng hệ thống .13 2.5.1 Chức năng cho khách hàng 13 2.5.2 Chức năng cho người quản lý 13 2.6 Kết luận 13 Chương 3 Phân tích thiết kế hệ thống .14 3.1 Sơ đồ Use Case .14 3.1.1 Sơ đồ Use case Người sử dụng 14 3.1.2 Sơ đồ Use case Người quản lý .14 3.2 Use Case .14 3.3 Mô tả use case 15 3.3.1 Mô tả use case Người sử dụng .15 3.3.2 Mô tả use case Người quản lý 19 3.4 Biểu đồ hoạt động 20 3.4.1 Biểu đồ hoạt động của Người sử dụng 20 3.4.2 Biểu đồ hoạt động của Người quản lý 25 3.5 Biểu đồ lớp 28 Chương 4 Triển khai xây dựng .29 4.1 Thiết kế giao diện trang quản trị 29 4.1.1 Giao diện trang quản lý bãi đậu xe 29 4.1.2 Giao diện trang thêm bãi đậu xe 29 4.1.3 Giao diên trang cập nhật thông tin bãi đậu xe 30 4.1.4 Giao diện trang quản lý khách hàng .30 Trang 5 Ứng dụng quản lý bãi đổ xe GVHD: THS Trần Đình Sơn 4.2 Thiết kế cơ sở dữ liệu 31 4.2.1 Xác định thực thể 31 4.2.2 Xác định các thuộc tính của các thực thể ( đối tượng ) 31 4.2.3 Cấu trúc cơ sở dữ liệu 32 4.3 Thiết kế ứng dụng Smart Parking 33 4.3.1 Giao diện màn hình Đăng ký 33 4.3.2 Giao diện màn hình Đăng nhập .34 4.3.3 Giao diện màn hình Chọn khu vực đang sống .34 4.3.4 Giao diện màn hình Trang chủ .35 4.3.5 Giao diện màn hình danh sách bãi đậu xe 36 4.3.6 Giao diện màn hình Xem chi tiết một bãi đậu xe 38 4.3.7 Giao diện màn hình Chỉ đường 39 4.3.8 Giao diện màn hình Tài khoản .40 4.3.9 Giao diện màn hình Cập nhật thông tin cá nhân 41 4.3.10 Giao diện màn hình Cập nhật lại mật khẩu 42 4.4 Thiết kế và lắp rap mạch 43 Chương 5 Kết luận và Hướng phát triển 44 Trang 6 Ứng dụng quản lý bãi đổ xe Chương 1 1.1 GVHD: THS Trần Đình Sơn Giới thiệu Giới thiệu đề tài Trong thời đại công nghệ 4.0 hiện nay, mọi thứ đều có thể giải quyết dễ dàng hơn khi được áp dụng công nghệ vào Thế nhưng vẫn có một vấn đề nan giải mà các tài xế gặp phải, đó là tìm kiếm chỗ đổ xe trong thành phố khiến họ rất đau đầu và tốn thời gian Từ vấn đề thực tiễn đó, nhóm đã nảy lên ý tưởng phát triển hệ thống "Ứng dụng quản lý bãi đậu xe Smart Parking" giúp các tài xế có thể tìm kiếm chỗ đổ xe còn trống gần nhất thông qua chiếc smartphone mà không mất nhiều thời gian công sức Dưới đây là sơ đồ tổng quát của hệ thống: Hình 1: Sơ đồ tổng quát của hệ thống 1.2 Phương pháp, kết quả 1.2.1 Phương pháp Để thực hiện dự án, nhóm đã sử dụng các phương pháp sau: - Phương pháp nghiên cứu hệ thống, phương pháp tư duy - Phương pháp phân tích, tổng hợp: mục đích để chứng minh từng luận điểm trong đề tài thêm phần thuyết phục Trang 7 Ứng dụng quản lý bãi đổ xe - GVHD: THS Trần Đình Sơn Phương pháp tin học hóa bằng công cụ lập trình để giải quyết vấn đề đã được phân tích và xây dựng giải pháp - Lắp rap các mạch để hoàn thiện phần cứng 1.2.2 Kết quả đạt được Kết quả đạt được của dự án sau khi hoàn thành: - Làm ra ứng dụng giúp người dùng có thể tìm kiếm được bãi đổ xe nhanh cho mình mà không mất nhiều thời gian - Người dùng có thể dùng smartphone để tìm kiếm chỗ đổ xe còn trống gần nhất mà không mất thời gian đưa xe đi tìm chỗ gửi 1.3 Ưu điểm, nhược điểm 1.3.1 Ưu điểm Các ưu điểm của Smart Parking: - Tìm được chỗ đổ xe nhanh chóng, chính xác - Ứng dụng dễ sử dụng, giao diện ưa nhìn - Có thể chạy trên nhiều nền tảng mobile: IOS, Android… 1.3.2 Nhược điểm Các nhược điểm của Smart Parking: - Hệ thống mới được xây dựng nên có thể sai xót những lỗi hệ thống - Hệ thống bãi đậu xe đăng ký còn ít - Cộng đồng người dùng chưa rộng rãi 1.4 Cấu trúc đồ án Các thành phần trong bài báo cáo: - Nghiên cứu tổng quan - Phân tích thiết kế hệ thống Trang 8 Ứng dụng quản lý bãi đổ xe - Triển khai xây dựng - Kết luận và hướng phát triển Chương 2 2.1 GVHD: THS Trần Đình Sơn Nghiên cứu tổng quan Các dự án tương tự Các dự án tương tự: - Smart Parking - Iparking - MyParking - Pakme 2.2 Các phần mềm lập trình Sau khi tìm hiểu các dự án tương tự nhóm thấy được sự nổi bật của ba phần mềm được ứng dụng để phát triển ứng dụng IOT là: 2.3 - Android Studio - Arduino - VS Code Các ngôn ngữ lập trình 2.3.1 Ngôn ngữ HTML HTML (HyperText Markup Language) – Ngôn ngữ đánh dấu siêu văn bản được sử dụng để tạo các tài liệu có thể truy cập trên mạng Tài liệu Html được tạo nhờ dùng các thẻ và các phần tử của Html File được lưu trên máy chủ dịch vụ web với phần mở rộng “.html” hoặc “.htm” Các trình duyệt sẽ đọc tệp tin Html và sẽ hiển thị chúng dưới dạng trang web Các trang HTML được gửi đi qua mạng internet theo giao thức HTTP Trang 9 Ứng dụng quản lý bãi đổ xe GVHD: THS Trần Đình Sơn HTML không những cho phép nhúng thêm các đối tượng hình ảnh, âm thanh mà còn cho phép nhúng các kịch bản vào trong đó như các ngôn ngữ kịch bản như Javascript để tạo hiệu ứng động cho trang web Để trình bày trang web hiệu quả hơn thì HTML cho phép sử dụng kết hợp với CSS 2.3.2 Ngôn ngữ CSS CSS (Cascading Style Sheets) là một ngôn ngữ quy định cách trình cho các tài liệu viết bằng HTML, XHTML, XML, SVG, hay UML,…CSS quy định cách hiển thị của các thẻ HTML bằng cách quy định các thuộc tính của các thẻ đó (font chữ, kích thước, màu sắc ) CSS có cấu trúc đơn giản và sử dụng các từ tiếng anh để đặt tên cho các thuộc tính CSS khi sử dụng có thể viết trực tiếp xen lẫn vào mã HTML hoặc tham chiếu từ một file css riêng biệt Hiện nay CSS thường được viết riêng thành một tập tin với mở rộng là “.css” Chính vì vậy mà các trang web có sử dụng CSS thì mã HTML sẽ trở nên ngắn gọn hơn Ngoài ra có thể sử dụng một tập tin CSS đó cho nhiều website tiết kiệm rất nhiều thời gian và công sức Một đặc điểm quan trọng đó là tính kế thừa của CSS do đó sẽ giảm được số lượng dòng code mà vẫn đạt được yêu cầu 2.3.3 Ngôn ngữ lập trình PHP PHP: Hypertext Preprocessor, thường được viết tắt thành PHP là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML Do được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thế giới Trang 10 Ứng dụng quản lý bãi đổ xe 4.2 GVHD: THS Trần Đình Sơn Thiết kế cơ sở dữ liệu 4.2.1 Xác định thực thể Dựa trên cách hoạt động của hệ thống, cũng như yêu cầu về chức năng ta thấy rõ các thực thể ( đối tượng cần quan tâm ) là: - Bãi đậu xe ( DanhSach ) - Ô đổ trong bãi đậu xe ( ChiTiet ) - Người dùng ( KhachHang ) 4.2.2 Xác định các thuộc tính của các thực thể ( đối tượng ) - Thực thể “ Bãi đậu xe”: + Key ( Mã bãi đậu xe ) + tenBaiDauXe ( Tên của bãi đậu xe ) + diaChi ( Địa chỉ ) + hinhAnh ( Hình ảnh ) + soDienThoai ( Số điện thoại ) + soLuong ( Số lượng ) + gio ( Giờ ) + kinhDo ( Kinh độ ) + viDo ( Vĩ độ ) - Thực thể “ Ô đổ trong bãi đậu xe “: + keyBaiDau ( Mã của bãi đậu xe chưa ô đổ ) + trangThai ( Trạng thái ô còn trống hay đã có xe đổ rồi ) - Thực thể “ Người dùng “: + Key ( Mã của khách hàng) + ten ( Tên của khách hàng ) + diachi ( Địa chỉ ) + email ( Tài khoản ) + matkhau ( Mật khẩu ) Trang 31 Ứng dụng quản lý bãi đổ xe GVHD: THS Trần Đình Sơn + sodienthoai ( Số điện thoại ) 4.2.3 Cấu trúc cơ sở dữ liệu o Cấu trúc cơ sở dữ liệu của thực thể “ Người dùng “ Hình 24: Cấu trúc cơ sở dữ liệu của thực thể “ Người dùng ” o Cấu trúc cơ sở dữ liệu của thực thể “ Bãi đậu xe ” Hình 25: Cấu trúc cơ sở dữ liệu của thực thể “ Bãi đậu xe ” o Cấu trúc cơ sở dữ liệu của thực thể “ Ô đổ trong bãi đậu xe “ Hình 26: Cấu trúc cơ sở dữ liệu của thực thể “ Ô đổ trong bãi đậu xe “ Trang 32 Ứng dụng quản lý bãi đổ xe 4.3 GVHD: THS Trần Đình Sơn Thiết kế ứng dụng Smart Parking 4.3.1 Giao diện màn hình Đăng ký Màn hình Đăng ký, khách hàng điền thông tin cá nhân vào form: Hình 27: Giao diện của màn hình Đăng ký 4.3.2 Giao diện màn hình Đăng nhập Màn hình Đăng nhập, khách hàng điền thông tin tài khoản và mật khẩu vào để đăng nhập: Trang 33 Ứng dụng quản lý bãi đổ xe GVHD: THS Trần Đình Sơn Hình 28: Giao diện màn hình Đăng nhập 4.3.3 Giao diện màn hình Chọn khu vực đang sống Khách hàng chọn khu vực đang sinh sống, để làm địa chỉ mặc định: Trang 34 Ứng dụng quản lý bãi đổ xe GVHD: THS Trần Đình Sơn Hình 29: Giao diện màn hình Chọn khu vực đang sống 4.3.4 Giao diện màn hình Trang chủ Màn hình hiển thị các bãi đổ xe trên bản đồ, với vị trí mà người dùng cung cấp lúc đầu, nếu người dùng không bật vị trí Trang 35 Ứng dụng quản lý bãi đổ xe GVHD: THS Trần Đình Sơn Hình 30: Giao diện màn hình Trang chủ 4.3.5 Giao diện màn hình danh sách bãi đậu xe Màn hình hiển thị tất cả các bãi đổ xe đã đăng ký với Smart Parking Trang 36 Ứng dụng quản lý bãi đổ xe GVHD: THS Trần Đình Sơn Hình 31: Giao diện màn hình Danh sách bãi đậu xe Trang 37 Ứng dụng quản lý bãi đổ xe GVHD: THS Trần Đình Sơn 4.3.6 Giao diện màn hình Xem chi tiết một bãi đậu xe Màn hình hiển thị thông tin chi tiết của bãi đổ xe mà khách hàng chọn Hình 32: Giao diện màn hình Xem chi tiết một bãi đổ xe 4.3.7 Giao diện màn hình Chỉ đường Màn hình hiển thị chỉ đường từ vị trí của khách hàng đến bãi đổ xe mà khách hàng muốn đổ Trang 38 Ứng dụng quản lý bãi đổ xe GVHD: THS Trần Đình Sơn Hình 33: Giao diện màn hình Chỉ đường 4.3.8 Giao diện màn hình Tài khoản Màn hình hiển thị thông tin về tài khoản của khách hàng Trang 39 Ứng dụng quản lý bãi đổ xe GVHD: THS Trần Đình Sơn Hình 34: Giao diện màn hình Tài khoản 4.3.9 Giao diện màn hình Cập nhật thông tin cá nhân Màn hình cập nhật thông tin của khách hàng Trang 40 Ứng dụng quản lý bãi đổ xe GVHD: THS Trần Đình Sơn Hình 35: Giao diện màn hình Cập nhật thông tin cá nhân 4.3.10 Giao diện màn hình Cập nhật lại mật khẩu Trang 41 Ứng dụng quản lý bãi đổ xe GVHD: THS Trần Đình Sơn Màn hình khách hàng có thể thay đổi mật khẩu của mình Hình 36: Giao diện màn hình Cập nhật mật khẩu 4.4 Thiết kế và lắp rap mạch Trang 42 Ứng dụng quản lý bãi đổ xe Chương 5 GVHD: THS Trần Đình Sơn Kết luận và Hướng phát triển Trang 43 Ứng dụng quản lý bãi đổ xe GVHD: THS Trần Đình Sơn PHỤ LỤC (kèm theo) Phần này bao gồm những nội dung cần thiết nhằm mimh họa hoặc hỗ trợ cho nội dung luận văn như: số liệu, mẫu biểu, tranh ảnh… Phụ lục không được dày hơn phần chính của luận văn Trang 44 Ứng dụng quản lý bãi đổ xe GVHD: THS Trần Đình Sơn (Mẫu) DANH MỤC TÀI LIỆU THAM KHẢO 1 2 3 1 2 3 Tiếng Việt: An cư với lạc nghiệp, tập thể tác giả, Nhà xuất bản Văn hóa Thông tin, Hà Nội, 2004 Chi tiết máy, tài liệu học tập, Đại học Công nghiệp Tp.HCM, lưu hành nội bộ, 2006 ……………… Tiếng Anh: Bouding K.E (1995), Economics Analysis, Hamish Hamilton, London Andeson, JE (1985), The RelativeIneffciency of Quota, The Cheese case, American Economic review, 74 (1), pp 78-90 ……………… Ghi chú: - Danh mục tài liệu tham khảo phải xếp theo abc tên tài liệu, tác giả, nơi và năm phát hành Nếu xếp theo tên tác giả thì xếp abc theo họ, sau đó đến tên tài liệu, nơi và năm phát hành Danh mục tài liệu tham khảo xếp cuối cùng, sau các trang phụ lục Trang 45 ... danh sách bãi đổ xe Hình 8: Biểu đồ hoạt động Use case Xem danh sách bãi đổ xe Trang 22 Ứng dụng quản lý bãi đổ xe GVHD: THS Trần Đình Sơn o Xem thơng tin chi tiết bãi đổ xe Hình 9: Biểu đồ hoạt... Hiển thị bãi đỗ xe đồ + Xem danh sách bãi đổ xe + Xem thông tin chi tiết bãi đổ xe + Xem thông tin cá nhân + Cập nhật thông tin cá nhân + Chỉ đường + Hiển thị trạng thái - Người quản lý: + Đăng... trình xử lý: Đăng nhập => Chọn khu vực sống => Giao diện đồ bãi đổ xe o Xem danh sách bãi đổ xe Trang 16 Ứng dụng quản lý bãi đổ xe GVHD: THS Trần Đình Sơn - Mô tả: Hiển thị bãi đổ xe đăng ký