Crowdhackathon-SmartCity2 / movability

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

N|Solid

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

  • ΑμεΑ
  • Γονείς με παιδιά (που κυκλοφορούν με παιδικό-καροτσάκι)
  • Ηλικιωμένοι

Λίγα λόγια για το project

Το project αυτό έχει αναπτυχθεί με την τεχνολογία React Native, έχει χρησιμοποιειθεί javascript, Google maps API καθώς και ένα API που αναπτύξαμε για την καταχώρηση διαφόρων στοιχείων

Πώς μπορεί να τρέξει (For Windows)

  1. Κατεβάζουμε την node και την εγκαθηστούμε
  2. Τοποθετούμε τα αρχεία σε έναν φάκελο πχ.MyReactProjects
  3. Ανοίγουμε το cmd και ανακατευθυνόμαστε στον φάκελο που έχουμε φτιάξει
cd MyReactProjects
  1. Τρέχουμε την εντολή
npm install -g create-react-native-app
  1. Τέλος Τρέχουμε τον παρακάτω κώδικα γραμμή γραμμή
npm install react-native-table-component
npm i react-native-swiper --save
npm i react-native-swipe-gestures
npm install react-native-maps-directions
npm install react-native-maps
npm install react-navigation --save
npm install react-native-simple-table --save
npm install react-native-table-component
  1. Εγκαθηστούμε στο κινιτό μας το expo
  2. Τρέχουμε στον φάκελο που δημιουργήσαμε πριν την εντολή
npm start

N|Solid 8. Μέσω της εφαρμογής σκανάρουμε το Qbarcode και περιμένουμε να κάνει build (Τόσο ο υπολογιστής όσο και το κινιτό πρέπει να είναι συνδεμένα στο ίδιο δύκτιο) Πολλές φορές στα Windows χρειάζεται να απενεργοποιηθεί και το WindowsDiffender

Τι κάνει η εφαρμογή;

Η εφαρμογή περιέχει 6 κύριες οθόνες (Την οθόνη καλωσορίσματος, την οθόνη προβολής ραμπών πάνω στον χάρτη, την οθόνη αναφοράς ραμπας που έχει πρόβλημα ο χρήστης, την Πλοήγηση, την κατάταξη των πόλεων και την εισαγωγή νέας ράμπας) όπως απεικονίζονται παρακάτω

Oθόνες Kαλωσορίσματος

N|Solid

N|Solid

N|Solid

N|Solid

N|Solid

Οθόνη προβολής ραμπών πάνω στον χάρτη

N|Solid

Οθόνη αναφοράς ραμπας που έχει πρόβλημα ο χρήστης

N|Solid

Πλοήγηση

N|Solid

Κατάταξη των πόλεων και την εισαγωγή νέας ράμπας

N|Solid

Εισαγωγή νέας ράμπας

N|Solid

Μπορεί κάποιος να χρησιμοποιήσει τον κώδικα;

Φυσικά! Η εφαρμογή μπορεί να έχει μερικά προβλήματα τα οποία μπορεί κάποιος να θέλει να τα λύσει ή να χρησιμοποιήσει τον κώδικα για την ανάπτυξη ενος νέου project με επιπλέον δυνατότητες

Περιθώρια ανάπτυξης

  • Πλοήγηση χρηστών με βάση την δυσκολία των ραμπών
  • Εμφάνιση εναλακτικών διαδρομών
  • Λήψη φωτογραφία κατα την αναφορά
  • Αναφορά συγκεκριμένης Ράμπας έπειτα απο επιλογή στον χάρτη

About


Languages

Language:JavaScript 100.0%