Code Monkey home page Code Monkey logo

corfu-map's Introduction

Συνεργατική χαρτογράφηση

Σκοπός της εργασίας είναι η συνεργατική χαρτογράφηση των δρόμων της πόλης της Κέρκυρας και η δημιουργία επεκτάσεων/βελτιώσεων της εφαρμογής που θα χρησιμοποιηθεί. Η εφαρμογή βασίζεται στο Google Maps Javascript API και το πρότυπο διαμόρφωσης δεδομένων GeoJSON. Αρχικά θα πρέπει να δημιουργήσεις ένα αντίγραφο (fork) του αποθετηρίου της εφαρμογής και στη συνέχεια να ακολουθήσεις τα βήματα που αντιστοιχούν στα ανοιχτά issues αυτής της εργασίας.

Προετοιμασία

  • Δημιουργήστε ένα αντίγραφο (fork) του αποθετηρίου της εφαρμογής.

  • Ενεργοποιήστε το Github Pages στα settings του προσωπικού σας repository και άλλαξτε τον σύνδεσμο (link) στην κορυφή του αποθετηρίου σας ώστε να δείχνει στην σελίδα της εφαρμογής σας.

Στη συνέχεια να ακολουθήστε τα βήματα που αντιστοιχούν στα παραδοτέα αυτής της εργασίας (βλ. σχετικά ανοικτά issues).

Χρήσιμοι Σύνδεσμοι

corfu-map's People

Contributors

chr314 avatar dhmhtrhsd avatar dimitrile avatar dimitrioueugenia avatar fabianhogger avatar giorgosgr avatar gregoriv avatar kikh avatar lazlo54 avatar lefpap avatar mkamgit avatar myrtop avatar nikosioannoy avatar orestis-kaplan avatar radostinart avatar rdnt avatar styljo avatar

Stargazers

avatar

Watchers

avatar avatar avatar avatar avatar avatar

Forkers

c15pati mkamgit dhmhtrhsd andreasgeorgiou fabianhogger geocfu pankio myrtop nickos172 achkap elent4 p16bouk andreaskiriazis p12kall lefpap gregoriv dennistetradis styljo lazlo54 chr314 radostinart ntinoskio aleksander96v giorgosgr orestis-kaplan marilim dimitrile kikh dimitrioueugenia

corfu-map's Issues

Παραδοτέο 2

  • Προσθέστε μία Βάση Δεδομένων Firebase στην οποία θα καταγράφονται τα σχεδιασμένα μονοπάτια και οι αξιολογήσεις.
  • Μετατρέψτε την εφαρμογή διαδικτύου (web app) σε εφαρμογή android. Μπορείτε να χρησιμοποιήσετε κάποιο εργαλείο ανάπτυξης υβριδικών εφαρμογών (hybrid app framework). Ανεβάστε τον κώδικα της εφαρμογής σε ξεχωριστό repository και περιλάβετε υπερσύνδεσμο (σε υπηρεσία διαμοιρασμού αρχείων) για το εκτελέσιμο apk στην αναφορά σας.
  • Προσθέστε στη νέα εφαρμογή λειτουργία εμφάνισης του μήκους του σχεδιασμένου δρόμου που επιλέγει ο χρήστης.
  • Τροποποιείστε τη νέα εφαρμογή ώστε ο χρήστης να μην μπορεί να σχεδιάσει δρόμους οι οποίοι βρίσκονται πάνω από 100 μέτρα μακριά από την τρέχουσα τοποθεσία του χρήστη.
  • Προσθέστε τη δυνατότητα αναγνώρισης (login) και καταγραφής των ενεργειών των χρηστών και εμφάνισης πίνακα κατάταξης (leaderboard) στον οποίο οι χρήστες θα κατατάσσονται ανάλογα με το συνολικό μήκος των μονοπατιών που έχουν καταγράψει.

Παραδοτέο 4

  • Μετατρέψτε την εφαρμογή διαδικτύου (web app) σε εφαρμογή android. Μπορείτε να χρησιμοποιήσετε κάποιο εργαλείο ανάπτυξης υβριδικών εφαρμογών (hybrid app framework). Τα δεδομένα της νέας εφαρμογής θα βρίσκονται σε μια Firebase Βάση Δεδομένων. Ανεβάστε τον κώδικα της εφαρμογής και το εκτελέσιμο apk σε ξεχωριστό repository και περιλάβετε το σχετικό υπερσύνδεσμο στην αναφορά σας.
  • Τροποποιείστε τη νέα εφαρμογή ώστε ο χρήστης να μην μπορεί να σχεδιάσει δρόμους οι οποίοι βρίσκονται πάνω από 100 μέτρα μακριά από την τρέχουσα τοποθεσία του χρήστη.
  • Προσθέστε τη δυνατότητα αναγνώρισης (login) και καταγραφής των ενεργειών των χρηστών και εμφάνισης πίνακα κατάταξης (leaderboard) στον οποίο οι χρήστες θα κατατάσσονται ανάλογα με το συνολικό μήκος των μονοπατιών που έχουν καταγράψει.

Παραδοτέο 3

  • Αξιολόγηση από ομοτίμους όπως περιγράφεται εδώ. Σημειώστε ότι πρέπει να αξιολογήσετε και τα δεδομένα που παρείχαν οι συνάδελφοί σας (σχεδιασμένα και αξιολόγημένα μονοπάτια).

Παραδοτέο 1

  • Όταν ανοίγει η εφαρμογή να είναι κεντραρισμένη και εστιασμένη (zoom) στην πόλη της Κέρκυρας.
  • Προσθέστε κουμπί εναλλαγής της εμφάνισης ή μη του παραγόμενου GeoJSON string. Σημειώστε ότι η εμφάνιση του εν λόγω string είναι υλοποιημένη μέσα στον κώδικα.
  • Προσθέστε λειτουργία διαγραφής του σχήματος το οποίο θα επιλέγει ο χρήστης, καθώς και λειτουργία διαγραφής όσων έχουν σχεδιαστεί πάνω στο χάρτη.
  • Χρησιμοποιώντας τη γραμμή από το εργαλείο σχεδίασης της εφαρμογής σας (πάνω αριστερά) προσπαθήστε να χαρτογραφήσετε τους δρόμους όπως τους βλέπετε από την εικόνα δορυφόρου. Εξάγετε το geojson αρχείο, ονομάστε το ως εξής: ΑΜ.geojson (π.χ. 2011999.geojson) και ανεβάστε το στο κεντρικό αποθετήριο στον φάκελο data. Μπορείτε να σχεδιάσετε όσα πολλά μονοπάτια επιθυμείτε με ελάχιστο όμως αριθμό τα 50. Επίσης, φροντίστε ώστε τα μονοπάτια να μην είναι ούτε πάρα πολύ μεγάλα ούτε πάρα πολύ μικρά. Τέλος, τροποποιείστε τον κώδικα της εφαρμογής ώστε να "διαβάζεται" το αρχείο όταν ανοίγει η εφαρμογή και να εμφανίζονται τα μονοπάτια πάνω στο χάρτη (βάλτε ένα αντίγραφο του geojson αρχείου σας στον φάκελο data του αποθετηρίου σας).
  • Δημιουργείστε ένα σύστημα αξιολόγησης (rating system) της καταλληλότητας των δρόμων για πεζούς με 5 διαβαθμίσεις (η default επιλογή να είναι "unknown"). Ανάλογα με την αξιολόγηση του χρήστη, ο κάθε δρόμος να λαμβάνει αντίστοιχο χρώμα. Το καινούριο χαρακτηριστικό αξιολόγησης (property) να καταγράφεται στο GeoJSON αρχείο.
  • Αξιολογήστε τα μονοπάτια που γνωρίζετε/θυμάστε κατά πόσο είναι κατάλληλα/ευχάριστα για πεζούς και ανεβάστε τα καινούρια αρχεία στο κεντρικό αποθετήριο στον φάκελο data με όνομα AM_review.geojson (π.χ. 2011999_review.geojson).

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.