Σχεδιασμός και ανάπτυξη διαδικτυακής εφαρμογής πλοήγησης χρήστη σε χάρτη

Ματράγκος, Βασίλειος

Design and development of a web application for user navigation in a map

Μεταπτυχιακή διπλωματική εργασία

Author

Ματράγκος, Βασίλειος

Date

2024-02

Advisor

Ζάχαρης, Νικόλαος

Κύριο άρθρο (3.787Mb)

Κώδικας εφαρμογής (1.531Mb)

Keywords

Geolocation ; Maps ; Server ; Client ; AJAX

Abstract

Η παρούσα διπλωματική εργασία ασχολείται με τον σχεδιασμό και την ανάπτυξη διαδικτυακής εφαρμογής που επιτρέπει την πλοήγηση ενός χρήστη σε χάρτη. Η εφαρμογή απευθύνεται σε χρηστές κινητών συσκευών που διαθέτουν GPS και σύνδεση στο διαδίκτυο. Ο χρήστης μπορεί να βλέπει το στίγμα του στον χάρτη σε πραγματικό χρόνο και να πραγματοποιεί καταγραφή της δραστηριότητάς του. Η καταγραφή της δραστηριότητάς του χρήστη, στην παρούσα εφαρμογή χωρίζεται σε δυο κατηγορίες. Η πρώτη κατηγορία είναι η αυτόματη καταγραφή, όπου καταγράφεται η θέση του χρήστη, καθώς και άλλα δεδομένα σε πραγματικό χρόνο. Η δεύτερη κατηγορία είναι ένας συνδυασμός αυτόματης και χειροκίνητης καταγραφής, όπου ο χρήστης έχει τη δυνατότητα να καταγράψει επιπλέον δεδομένα, όπως καρδιακούς παλμούς, σημειώσεις, φωτογραφίες και βίντεο. Τα δεδομένα της καταγραφής του χρήστη, συνοψίζονται και παρουσιάζονται με ποικίλους τρόπους, όπως προβολή σε χάρτη των διαδρομών που πραγματοποιήθηκαν, ιστορικό διαδρομών, μετρήσεις αποστάσεων, περιοχές που επισκέφτηκε ο χρήστης, γραφήματα με τους καρδιακούς παλμούς, προβολή σημειώσεων, φωτογραφιών και βίντεο. Ο βασικός στόχος της παρούσας διπλωματικής εργασίας είναι να παρουσιαστεί η λειτουργικότητα και οι δυνατότητες που προσφέρει το Geolocation API της HTML, μέσω ενός φυλλομετρητή (browser), που σε συνδυασμό με ασύγχρονα αιτήματα Http (AJAX) της γλώσσας προγραμματισμού JavaScript, μπορεί να αποτελέσει τη βάση για μια πληθώρα εφαρμογών, όπως υπηρεσιών χαρτών και πλοήγησης, εφαρμογών υγείας, υπηρεσιών διαφήμισης, παρακολούθησης οχημάτων και άλλων εφαρμογών που εκμεταλλεύονται γεωγραφικά δεδομένα για πολλούς διαφορετικούς σκοπούς.

Abstract

The present thesis deals with the design and development of a web application that allows a user to navigate on a map. The application is aimed at users of mobile devices that have GPS and an internet connection. The user can see his position on the map in real time and record his activity. The recording of the user's activity, in this application, is divided into two categories. The first category is automatic recording, where the user's location and other data are recorded in real time. The second category is a combination of automatic and manual recording, where the user has the option to record additional data such as heart rate, notes, photos and videos. User log data is summarized and presented in a variety of ways, such as a map view of routes taken, route history, distance measurements, areas visited by the user, heart rate graphs, view notes, photos and videos. The main objective of this thesis is to present the functionality and possibilities offered by the Geolocation API of HTML, through a browser, which, in combination with asynchronous Http requests (AJAX) of the JavaScript programming language, can form the basis for a multitude of applications such as map and navigation services, health applications, advertising services, vehicle tracking and other applications that exploit geographic data for many different purposes.