Εμφάνιση απλής εγγραφής

Υλοποίηση μίας διαδραστικής ιστοσελίδας με γεωγραφικές τοποθεσίες για ιδιοκτήτες οικόσιτων ζώων συντροφιάς

dc.contributor.advisorΒίρβου, Μαρία
dc.contributor.authorΚωβαίος, Χρήστος
dc.date.accessioned2025-05-26T08:33:18Z
dc.date.available2025-05-26T08:33:18Z
dc.date.issued2025-05
dc.identifier.urihttps://dione.lib.unipi.gr/xmlui/handle/unipi/17795
dc.description.abstractΗ παρούσα πτυχιακή εργασία αφορά τον σχεδιασμό και την υλοποίηση μίας διαδραστικής ιστοσελίδας, προσανατολισμένης γύρω από τις ανάγκες των ιδιοκτητών οικόσιτων ζώων συντροφιάς. Κεντρικός στόχος αυτής είναι η παροχή γεωγραφικών πληροφοριών για σημεία που σχετίζονται με την ψυχαγωγία και τη φροντίδα των κατοικιδίων. Κάποια παραδείγματα είναι οι κτηνιατρικές κλινικές, πάρκα σκύλων, καταστήματα ειδών περιποίησης και τροφών, αλλά και η γεωγραφική σήμανση σημαντικών σημείων ενδιαφέροντος από τους ίδιους τους χρήστες (π.χ. περιοχές κινδύνου, ζώνες αναζήτησης για χαμένα ζώα). Αυτή η υλοποίηση στοχεύει να καλύψει ένα σημαντικό κενό. Οι υπάρχουσες λύσεις, όπως οι γενικοί χάρτες ή οι εφαρμογές γεωεντοπισμού, δεν παρέχουν εξειδικευμένη ενημέρωση και εργαλεία για τους ιδιοκτήτες ζώων. Ωστόσο, μέσα από την συγκεκριμένη ιστοσελίδα/εφαρμογή οι χρήστες αυτής θα μπορούν να πλοηγηθούν μεταξύ νέων και ενημερώσεων σχετικών αποκλειστικά με την ευζωία των κατοικιδίων τους, να βλέπουν σε πραγματικό χρόνο την τοποθεσία τους, καθώς όμως και να λαμβάνουν εξατομικευμένες προτάσεις σημείων ενδιαφέροντος για τα οικόσιτα ζώα συντροφιάς τους, ασχέτως με την απόστασή τους από αυτές. Επίσης, δίνεται στους ίδιους η δυνατότητα να προσθέτουν ή να ενημερώνουν τις δικές τους τοποθεσίες, δημιουργώντας έτσι μία συνεργατική βάση δεδομένων, που ενδεχομένως να αντιπροσωπεύει καλύτερα και τα πραγματικά δεδομένα. Όσον αφορά την τεχνολογική πλευρά, η υλοποίηση βασίζεται σε σύγχρονες μεθόδους ανάπτυξης ιστότοπων, αξιοποιώντας το React Javascript framework για το εμπρόσθιο τμήμα (frontend), το Node.js/Express για τον κεντρικό εξυπηρετητή (backend) και τη MongoDB για την αποθήκευση δεδομένων. Έτσι, η εφαρμογή παραμένει γρήγορη και μπορεί να επεκταθεί εύκολα, αλλά παρέχει ταυτόχρονα κι ένα φιλικό περιβάλλον τόσο για τον τελικό χρήστη όσο και για τον προγραμματιστή. Επιπλέον, μέσω του Node Package Manager (npm) ενσωματώνονται εξειδικευμένες βιβλιοθήκες για την εύκολη και οργανωμένη διεκπεραίωση του frontend, του backend, όπως επίσης και λειτουργιών χαρτογράφησης. Το τελευταίο συγκεκριμένα μας επιτρέπει και τη δημιουργία πολυγώνων ή τη χρήση τεχνικών marker clustering, ώστε οι τοποθεσίες να εμφανίζονται με ευδιάκριτο και χρηστικό τρόπο. Επίσης με την χρήση του Service Worker έχει υλοποιηθεί και η Progressive Web Application (PWA) εκδοχή του, με την περίπτωση της offline εκδοχής να αντλεί τα δεδομένα από τοπικά geojson αρχεία, τουλάχιστον για την Ελλάδα. Σε αυτή λοιπόν την εργασία, εξετάζουμε τα υπάρχοντα συστήματα και τα προβλήματά τους και τον σχεδιασμό του νέου αυτού συστήματος με διαγράμματα UML και τις προδιαγραφές λειτουργίας. Στη συνέχεια θα αναλυθεί η περιγραφή της υλοποίησης και των τεχνολογιών που χρησιμοποιήθηκαν, η αναλυτική παρουσίαση της λειτουργικότητας μέσα από παραδείγματα χρήσης και στιγμιότυπα οθόνης (screenshots), και τέλος η διατύπωση συμπερασμάτων σχετικά με την αποτελεσματικότητα της εφαρμογής και τις προοπτικές περαιτέρω ανάπτυξής της. Στο μέλλον, μπορούμε να προσθέσουμε ακόμα περισσότερες λειτουργίες (π.χ. forum, προσωποποιημένα προφίλ κατοικιδίων, αυτοματοποιημένες ειδοποιήσεις κ.ά.) ή και κάποια αναβάθμιση στις παρούσες, για να εμπλουτίσουν επιπρόσθετα τις δυνατότητες της πλατφόρμας και να συμβάλουν στη διαρκή αναβάθμιση της εμπειρίας των ιδιοκτητών οικόσιτων ζώων συντροφιάς.el
dc.format.extent88el
dc.language.isoelel
dc.publisherΠανεπιστήμιο Πειραιώςel
dc.titleΥλοποίηση μίας διαδραστικής ιστοσελίδας με γεωγραφικές τοποθεσίες για ιδιοκτήτες οικόσιτων ζώων συντροφιάςel
dc.title.alternativeImplementation of an interactive website with geographic locations for pet ownersel
dc.typeBachelor Dissertationel
dc.contributor.departmentΣχολή Τεχνολογιών Πληροφορικής και Επικοινωνιών. Τμήμα Πληροφορικήςel
dc.description.abstractENThis thesis focuses on the design and implementation of an interactive website tailored to the needs of pet owners. Its main objective is to provide geographic information on locations related to pet entertainment and care. Some examples include veterinary clinics, dog parks, pet grooming and food stores, as well as user-generated geographic markers for important points of interest (e.g., danger zones, search zones for lost animals). This implementation aims to fill a significant gap. Existing solutions, such as general maps or geolocation applications, do not offer specialized information and tools for pet owners. However, through this website/application, users will be able to navigate news and updates exclusively related to pet welfare, track their location in real time, and receive personalized recommendations for points of interest for their pets, regardless of their distance. Additionally, users will have the ability to add or update their own locations, thereby creating a collaborative database that may better reflect real-world data. From a technological perspective, the implementation relies on modern web development methods, utilizing the React JavaScript framework for the frontend, Node.js/Express for the backend server, and MongoDB for data storage. This approach ensures fast response times and scalability while also providing a user-friendly environment for both end-users and developers. Moreover, with the help of Node Package Manager (npm), specialized libraries are integrated to facilitate the structured and efficient development of the frontend, backend, and mapping functionalities. Specifically, the latter enables the creation of polygons or the use of marker clustering techniques so that locations are displayed in a clear and user-friendly manner. Additionally, a Progressive Web Application (PWA) version has been implemented using a Service Worker, allowing for offline functionality by retrieving data from local GeoJSON files, at least for Greece. In this thesis, we examine existing systems and their shortcomings, the design of this new system through UML diagrams and functional specifications, and then proceed with a detailed description of the implementation and the technologies used. The functionality of the application is presented through usage examples and screenshots, followed by conclusions regarding the effectiveness of the application and its prospects for further development. In the future, we could add more features (e.g., a forum, personalized pet profiles, automated notifications, etc.) or enhance existing ones to further enrich the platform’s capabilities and contribute to the continuous improvement of the pet owners' experience.el
dc.subject.keywordΔιαδραστική ιστοσελίδαel
dc.subject.keywordΙδιοκτήτες κατοικιδίωνel
dc.subject.keywordΓεωγραφικές τοποθεσίεςel
dc.subject.keywordΟικόσιτα ζώα συντροφιάςel
dc.date.defense2025-05-07


Αρχεία σε αυτό το τεκμήριο

Thumbnail

Αυτό το τεκμήριο εμφανίζεται στις ακόλουθες συλλογές

Εμφάνιση απλής εγγραφής


Βιβλιοθήκη Πανεπιστημίου Πειραιώς
Επικοινωνήστε μαζί μας
Στείλτε μας τα σχόλιά σας
Created by ELiDOC
Η δημιουργία κι ο εμπλουτισμός του Ιδρυματικού Αποθετηρίου "Διώνη", έγιναν στο πλαίσιο του Έργου «Υπηρεσία Ιδρυματικού Αποθετηρίου και Ψηφιακής Βιβλιοθήκης» της πράξης «Ψηφιακές υπηρεσίες ανοιχτής πρόσβασης της βιβλιοθήκης του Πανεπιστημίου Πειραιώς»