TRƯỜNG ĐẠI HỌC SƯ PHẠM – ĐẠI HỌC ĐÀ NẴNG KHOA TIN HỌC BÁO CÁO KHÓA LUẬN TỐT NGHIỆP TÊN ĐỀ TÀI XÂY DỰNG WEBSITE TÌM CÁC ĐỊA ĐIỂM CƠNG CỘNG GẦN NHẤT Giảng viên hướng dẫn : ThS Nguyễn Thanh Tuấn Sinh viên : Nguyễn Cao Thanh Tùng Lớp : 13CNTT ĐÀ NẴNG, 05/2017 Báo cáo khóa luận tốt nghiệp LỜI CẢM ƠN Lời đầu tiên, em xin chân thành cảm ơn quý thầy cô khoa Tin học quý thầy cô giảng dạy công tác trường Đại học Sư Phạm - Đại học Đà Nẵng truyền đạt kiến thức quý báu cho em năm học vừa qua Đặc biệt, em xin chân thành cảm ơn thầy Nguyễn Thanh Tuấn thầy cô giáo Khoa Tin học, Trường Đại học Sư Phạm Đà Nẵng xin cảm ơn q thầy tận tình dạy bảo, giúp đỡ em suốt thời gian em thực đề tài Xin trân trọng cảm ơn! Đà Nẵng, ngày tháng 05 năm 2017 Sinh viên thực Nguyễn Cao Thanh Tùng Báo cáo khóa luận tốt nghiệp LỜI CAM ĐOAN Tôi xin cam đoan: Những nội dung báo cáo thực hướng dẫn trực tiếp ThS Nguyễn Thanh Tuấn Mọi tham khảo dùng báo cáo trích dẫn rõ ràng tên tác giả, tên cơng trình, thời gian, địa điểm công bố Mọi chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, tơi xin chịu hồn tồn trách nhiệm Sinh viên thực hiện, Nguyễn Cao Thanh Tùng Báo cáo khóa luận tốt nghiệp NHẬN XÉT CỦA CÁN BỘ HƯỚNG DẪN Đà Nẵng, ngày tháng năm 2017 Cán hướng dẫn Báo cáo khóa luận tốt nghiệp NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN Đà Nẵng, ngày tháng năm 2017 Hội đồng phản biện Báo cáo khóa luận tốt nghiệp MỤC LỤC LỜI CẢM ƠN LỜI CAM ĐOAN MỤC LỤC DANH MỤC CÁC TỪ VIẾT TẮT DANH MỤC CÁC BẢNG DANH MỤC HÌNH VẼ MỞ ĐẦU 11 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 16 1.1 Phân tích thiết kế hệ thống hướng đối tượng 16 1.2 Khái niệm UML 20 1.3 Lập trình hướng đối tượng Java 22 1.4 Hệ quản trị sở liệu MySQL 23 1.5 Giới thiệu Google Map API 24 CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ 26 2.1 Mục tiêu đề tài 26 2.2 Các chức hệ thống 26 2.3 Phân tích thiết kế hệ thống 26 2.3.1 Sơ đồ ca sử dụng – Use case diagram 26 2.3.1.1 Use case tổng quát 26 2.3.1.2 Chức xem danh sách địa điểm 27 2.3.1.3 Chức xem vị trí thông tin địa điểm 28 2.3.1.4 Chức tìm đường đến điểm gần 28 2.3.2 Sơ đồ luồng hệ thống - System Pages Flow 29 2.4 Thiết kế sở liệu 30 2.5 Sơ đồ lớp - Class diagram 31 2.6 Sơ đồ - Sequence diagram 32 Báo cáo khóa luận tốt nghiệp 2.6.1 Sơ đồ trang xem danh sách vị trí địa điểm đồn cơng an 32 2.6.2 Sơ đồ trang xem danh sách vị trí địa điểm bệnh viện 32 2.6.3 Sơ đồ trang xem danh sách vị trí địa điểm nhà vệ sinh cơng cộng 33 2.6.4 Sơ đồ trang xem danh sách vị trí địa điểm trạm dừng xe buýt 33 2.6.5 Sơ đồ chức tìm địa điểm ngắn 34 CHƯƠNG 3: TRIỂN KHAI VÀ KẾT QUẢ ĐẠT ĐƯỢC 35 3.1 Môi trường triển khai 35 3.2 Kết triển khai 35 3.2.1 Giao diện trang chủ 35 3.2.2 Giao diện trang xem danh sách vị trí đồn cơng an 36 3.2.3 Giao diện trang xem danh sách vị trí bệnh viện 36 3.2.4 Giao diện trang xem danh sách vị trí nhà vệ sinh công cộng 37 3.2.5 Giao diện trang xem danh sách vị trí trạm dừng xe buýt 37 3.2.6 Giao diện xem thông tin địa điểm 38 3.2.7 Giao diện trang đường 38 KẾT LUẬN VÀ KIẾN NGHỊ 39 TÀI LIỆU THAM KHẢO 41 Báo cáo khóa luận tốt nghiệp DANH MỤC CÁC TỪ VIẾT TẮT STT Ký hiệu viết tắt Tên ký hiệu viết tắt OOAD Object Oriented Analysis and Design UML Unified Modeling Language OOP Object Oriented Programming API Application Programming Interface SQL Structured Query Language Usercase Ca sử dụng Báo cáo khóa luận tốt nghiệp DANH MỤC CÁC BẢNG Bảng 1: Bảng thống kê câu trả lời câu hỏi 13 Bảng 2: Bảng thống kê câu trả lời câu hỏi 13 Bảng 3: Bảng thống kê câu trả lời câu hỏi 14 Bảng 4: Bảng thống kê câu trả lời câu hỏi 14 Bảng 5: Cấu trúc chi tiết bảng sở liệu 31 Báo cáo khóa luận tốt nghiệp DANH MỤC HÌNH VẼ Hình 1:Sơ đồ use case tổng quát 27 Hình 2: Sơ đồ use case xem danh sách địa điểm 27 Hình 3: Sơ đồ use case chức xem vị trí thơng tin địa điểm 28 Hình 4: Sơ đồ use case chức tìm đường đến điểm gần 28 Hình 5: Sơ đồ luồng hoạt động hệ thống 29 Hình 6: Sơ đồ sở liệu 30 Hình 7: Sơ đồ lớp hệ thống 31 Hình 8: Sơ đồ chức xem địa điểm đồn công an 32 Hình 9: Sơ đồ chức xem địa điểm bệnh viện 32 Hình 10: Sơ đồ chức xem địa điểm nhà vệ sinh 33 Hình 11: Sơ đồ chức xem địa điểm trạm xe buýt 33 Hình 12: Sơ đồ chức tìm địa điểm ngắn 34 Hình 13: Giao diện trang chủ 35 Hình 14: Giao diện xem danh sách vị trí đồn cơng an 36 Hình 15: Giao diện xem danh sách vị trí bệnh viện 36 Hình 16: Giao diện xem danh sách vị trí nhà vệ sinh cơng cộng 37 Báo cáo khóa luận tốt nghiệp Hình 1:Sơ đồ use case tổng quát 2.3.1.2 Chức xem danh sách địa điểm Use case mô ta chức xem danh sách địa điểm cơng cộng Hình 2: Sơ đồ use case xem danh sách địa điểm 27 Báo cáo khóa luận tốt nghiệp 2.3.1.3 Chức xem vị trí thơng tin địa điểm Hình 3: Sơ đồ use case chức xem vị trí thơng tin địa điểm 2.3.1.4 Chức tìm đường đến điểm gần Use case mơ tả chức tìm đường đến điểm gần Hình 4: Sơ đồ use case chức tìm đường đến điểm gần 28 Báo cáo khóa luận tốt nghiệp 2.3.2 Sơ đồ luồng hệ thống - System Pages Flow Hình 5: Sơ đồ luồng hoạt động hệ thống 29 Báo cáo khóa luận tốt nghiệp 2.4 Thiết kế sở liệu Hình 6: Sơ đồ sở liệu  Cấu trúc bảng ràng buộc a Bảng diadiem (Địa Điểm) Tên cột Giải thích Kiểu liệu MaDiaDiem int Ten Mã Tên địa điểm varchar 225 DiaChi Địa varchar 225 varchar 45 SoDienThoai Điện thoại lat Vĩ độ double lng Kinh độ double MaLoai Mã Loại Int Maxlength Ghi 11 Khóa 11 Khóa phụ 30 Báo cáo khóa luận tốt nghiệp b Bảng loaidiadiem (Loại Địa Điểm) Tên cột Giải thích Kiểu liệu MaLoai Mã loại int 11 Khóa TenLoai Tên loại varchar 45 Maxlength Ghi Bảng 5: Cấu trúc chi tiết bảng sở liệu 2.5 Sơ đồ lớp - Class diagram Sơ đồ thể lớp sử dụng hệ thống Hình 7: Sơ đồ lớp hệ thống 31 Báo cáo khóa luận tốt nghiệp 2.6 Sơ đồ - Sequence diagram 2.6.1 Sơ đồ trang xem danh sách vị trí địa điểm đồn cơng an Hình 8: Sơ đồ chức xem địa điểm đồn công an 2.6.2 Sơ đồ trang xem danh sách vị trí địa điểm bệnh viện Hình 9: Sơ đồ chức xem địa điểm bệnh viện 32 Báo cáo khóa luận tốt nghiệp 2.6.3 Sơ đồ trang xem danh sách vị trí địa điểm nhà vệ sinh cơng cộng Hình 10: Sơ đồ chức xem địa điểm nhà vệ sinh 2.6.4 Sơ đồ trang xem danh sách vị trí địa điểm trạm dừng xe buýt Hình 11: Sơ đồ chức xem địa điểm trạm xe buýt 33 Báo cáo khóa luận tốt nghiệp 2.6.5 Sơ đồ chức tìm địa điểm ngắn Hình 12: Sơ đồ chức tìm địa điểm ngắn 34 Báo cáo khóa luận tốt nghiệp CHƯƠNG 3: TRIỂN KHAI VÀ KẾT QUẢ ĐẠT ĐƯỢC 3.1 Môi trường triển khai  Cơng cụ lập trình: Spring tool suite  Hệ quản trị CSDL: MySQL  Ngôn ngữ lập trình: Java (framework Spring) 3.2 Kết triển khai 3.2.1 Giao diện trang chủ Màn hình trang chủ người dùng truy cập vào trang web Hình 13: Giao diện trang chủ 35 Báo cáo khóa luận tốt nghiệp 3.2.2 Giao diện trang xem danh sách vị trí đồn cơng an Màn hình giao diện người dụng chọn “Đồn công an” tab Địa điểm menu bên trái Hình 14: Giao diện xem danh sách vị trí đồn cơng an 3.2.3 Giao diện trang xem danh sách vị trí bệnh viện Đây giao diện người dùng chọn “Bệnh viện” Hình 15: Giao diện xem danh sách vị trí bệnh viện 36 Báo cáo khóa luận tốt nghiệp 3.2.4 Giao diện trang xem danh sách vị trí nhà vệ sinh cơng cộng Giao diện hình người dùng chọn “Nhà vệ sinh” menu Hình 16: Giao diện xem danh sách vị trí nhà vệ sinh cơng cộng 3.2.5 Giao diện trang xem danh sách vị trí trạm dừng xe buýt Giao diện hình xem danh sách vị trí trạm xe bt Hình 17: Giao diện xem danh sách vị trí trạm dừng xe buýt 37 Báo cáo khóa luận tốt nghiệp 3.2.6 Giao diện xem thơng tin địa điểm Màn hình hiển thị thông tin địa điểm người dùng nhấn vào điểm đánh dấu Hình 18: Giao diện thơng tin địa điểm 3.2.7 Giao diện trang đường Giao diện đường đến điểm công cộng gần đánh dấu đồ bảng hướng dẫn lời Hình 19: Giao diện trang đường 38 Báo cáo khóa luận tốt nghiệp KẾT LUẬN VÀ KIẾN NGHỊ Trang web tìm địa điểm cơng cộng gần Đà Nẵng đời để phục vụ nhu cầu tìm đường ngày tăng cao người Với phát triển internet công nghệ để tìm vị trí, thơng tin địa điểm cần biết việc đơn giản và làm NHỮNG KẾT QUẢ ĐẠT ĐƯỢC  Tạo trang web đồ với chức đánh dấu điểm tìm đường ngắn  Hoàn thành tài liệu liên quan đến hệ thống hoạt động trang web  Có thể lựa chọn danh sách loại địa điểm cần tìm  Có thể biết thơng tin chi tiết địa điểm cần tìm HẠN CHẾ  Chưa đưa thông tin tuyến trạm dừng xe buýt  Chưa có chức quản lý địa điểm  Một số địa điểm chưa có thơng tin địa xác HƯỚNG PHÁT TRIỂN Đề tài phát triển theo số hướng sau:  Phát triển thêm nhiều chức tìm kiếm địa điểm công cộng khác như: khu vui chơi, khu du lịch,…  Mở rộng thêm phạm vi tìm kiếm khơng Đà Nẵng  Phát triển thêm chức quản lý địa điểm 39 Báo cáo khóa luận tốt nghiệp  Phát triển thêm chức phản hồi, góp ý  Đưa thêm thơng tin tuyến trạm xe buýt 40 Báo cáo khóa luận tốt nghiệp TÀI LIỆU THAM KHẢO [1] https://developers.google.com/maps/documentation/javascript/ [2] http://vietjack.com/mysql/mysql_la_gi.jsp [3] https://viblo.asia/nguyenhoa/posts/ZWApGxJ3R06y [4] https://www.w3schools.com/graphics/google_maps_basic.asp 41 ... Những website tìm kiếm địa điểm cơng cộng Đà Nẵng chưa thật nhiều, em thực đồ án nhằm nghiên cứu xây dựng website đồ tìm kiếm địa điểm cơng cộng đồn cảnh sát, bệnh viện, bến xe buýt nhà vệ sinh công. .. tiêu đề tài Xây dựng hệ thống Website tìm kiếm địa điểm công cộng Đà Nẵng với mục tiêu sau: - Đầy đủ tính bản, phù hợp với nhu cầu sử dụng người dùng tiện dụng cho việc tìm điểm gần - Giao diện... case chức xem vị trí thơng tin địa điểm 2.3.1.4 Chức tìm đường đến điểm gần Use case mơ tả chức tìm đường đến điểm gần Hình 4: Sơ đồ use case chức tìm đường đến điểm gần 28 Báo cáo khóa luận tốt