Κατασκευή χάρτη για υπολογισμό αποστάσεων σε πραγματικό χρόνο με το Google Maps API

  1. MSc thesis
  2. Γουργούλιας, Κωνσταντίνος
  3. Μεταπτυχιακή Εξειδίκευση στα Πληροφοριακά Συστήματα (ΠΛΣ)
  4. 19 Σεπτεμβρίου 2020 [2020-09-19]
  5. Ελληνικά
  6. 60
  7. Καραπιπέρης, Δημήτριος
  8. Υπολογισμός απόστασης σε πραγματικό χρόνο | Google Maps API | HTML5 Geolocation
  9. 24
  10. Περιέχει : εικόνες
    • Η εργασία αυτή αφορά την δημιουργία ενός ψηφιακού χάρτη πάνω στον οποίο μπορούμε να υπολογίσουμε αποστάσεις σε πραγματικό χρόνο, από το σημείο στο οποίο βρίσκεται ο χρήστης ή το κινούμενο αντικείμενο προς ένα άλλο επιλεγμένο σημείο. Επιπρόσθετα, είναι δυνατή η σήμανση ενός σημείου ενδιαφέροντος ως αγαπημένου καθώς και η εμφάνιση της κίνησης σε κεντρικές οδούς σε πραγματικό χρόνο. Για την υλοποίηση της εργασίας αυτής απαιτήθηκε η δημιουργία του ανάλογου κώδικα ο οποίος θα πρέπει να εκτελείται σε έναν περιηγητή ιστού (browser), χρησιμοποιώντας το Maps JavaScript API της google και τη διεπαφή HTML5 Geolocation. Στο αρχικό μέρος της παρούσας εργασίας, γίνεται μια θεωρητική εισαγωγή των βασικών εννοιών και τεχνολογιών για τις οποίες έγινε μελέτη και χρήση στο έργο προγραμματισμού όπως της HTML5 που είναι γλώσσα σήμανσης, στη συνέχεια της HTML5 Geolocation API που είναι μια διεπαφή που υπάρχει στους σύγχρονους περιηγητές ιστού, του στυλ CSS που είναι μία γλώσσα κανόνων και χρησιμοποιείται για να περιγράψει τη μορφή των αρχείων που έχουν συνταχθεί με μία γλώσσα σήμανσης όπως την HTML, της JavaScript γλώσσας προγραμματισμού κάνοντας χρήση της βιβλιοθήκης jQuery, καθώς επίσης και της PHP γλώσσας προγραμματισμού server, του συνόλου τεχνικών AJAX και της τεχνολογίας JSON. Τέλος, γίνεται σύντομη ανάλυση και αναφορά στο σχεσιακό σύστημα διαχείρισης βάσης δεδομένων MySQL. Στο δεύτερο και κυριότερο μέρος της εργασίας, γίνεται εκτενής παρουσίαση και ανάλυση του κώδικα που δημιουργήθηκε για την υλοποίηση του διαδραστικού ψηφιακού χάρτη, προκειμένου να γίνει κατανοητή στον αναγνώστη κάθε πτυχή του κώδικα αυτού. Η προσέγγιση στη δημιουργία του κώδικα, έγινε βηματικά καταλαμβάνοντας επιμέρους αρχεία, ώστε να είναι διακριτές οι λειτουργίες του και να αποφευχθεί οποιαδήποτε σύγχυση που θα μπορούσε να δημιουργηθεί. Τέλος, γίνεται μία επίδειξη της λειτουργίας της εφαρμογής μέσω στιγμιοτύπων οθόνης (screenshots), όπως ανέβηκε στον εξυπηρετητή Heroku, ο οποίος επέτρεπε την άψογη εκτέλεση της εφαρμογής αυτής, δωρεάν που οφείλεται στο ότι δεν είχε ιδιαίτερες απαιτήσεις και χωρίς τη χρήση διαφημίσεων.
    • The purpose of this thesis is to create a digital map on which we can calculate distances in real time, from the location of the user or a moving object, to another chosen location. Additionally, it is possible to mark a point of interest (POI) as a favourite and to show traffic in main streets in real time. For the implementation of this thesis, it was required to create the necessary code which could be executed in a web browser, by using Google’s Maps JavaScript API and the HTML5 Geolocation interface. In the first part of this present thesis, a theoretical introduction is being made of the fundamendal conseptions and technologies that were studied and used in implementing the code, such as the HTML markup language, then the HTML5 Geolocation API which is an interface present in modern web browsers, the CSS style which is a language of rules and is being used to describe the form of files than have been created whith markup language such as HTML, the JavaScript programming language used with the jQuery library, the PHP server-side programming language, the AJAX set of programming techniques and the JSON technology. In the end of the first part a brief analysis and mention is being made about the MySQL database management system. In the second, and most important part of this thesis, there is an extensive presentation and analysis of the code created for the implementation of the interactive digital map, so that the reader can understand every aspect of it. The approach in writing this code was made step by step, expanding in multiple files, so that every funtion is dicrete and to avoid any confusion. In the third and final part, there’s a demonstration of this application using screenshots, as it was uploaded and appeared on the Heroku server which provided a flawless execution, free of charge hosting because of the application’s minimal demands and with no ads.
  12. Items in Apothesis are protected by copyright, with all rights reserved, unless otherwise indicated.