====== Project de Web App - Gestion de Gpx en ligne ====== ===== But ===== Stocker sur un serveur des fichiers GPX qui peuvent être visualisé sur un fond de carte OSM, nettoyé et téléchargé ou transféré à OpenStreetMap. ===== Besoins ===== * Uploader sur un serveur un fichier GPX * Télécharger le fichier GPX * Annoter, taguer les fichiers GPX * Voir/Rechercher des fichiers GPX téléchargés * Visualiser sur une carte OSM le contenu du fichier GPX * Changer le fond de carte * Transférer à OpenStreetMap un fichier GPX * Nettoyer un fichier GPX ===== Solution technique ===== Pour réaliser l'interface, nous utiliserons les framework suivant : * Angular - Typescript : https://angular.io * Angular Material : https://material.angular.io/ * Traduction : http://www.ngx-translate.com/ Ces framework sont complétés par un bibliothèque cartographique avec un choix à faire entre : * Leaflet : version Typescript [[https://www.npmjs.com/package/@types/leaflet|@types/leaflet]] * OpenLayers : version Typescript [[https://www.npmjs.com/package/@types/openlayers|@types/openlayers]] * [[https://github.com/quentin-ol/ngx-openlayers|Composants OpenLayers pour AngularNgx]] - avec exemple. * Carte géoréférencée avec utilisation de Geojson via des webservices : [[http://openlayers.org/en/latest/examples/geojson.html|GeoJSON]], [[http://openlayers.org/en/latest/examples/vector-labels.html|Vector Labels]] * Carte non-géoréférencée en natif dans OpenLayers : [[http://openlayers.org/en/latest/examples/static-image.html|Static Image]] * Orientation de la carte en natif dans OpenLayers : [[https://openlayers.org/en/latest/examples/rotation.html|View Rotation]] ===== Informations et ressources diverses ===== * [[https://fr.wikipedia.org/wiki/GPX_(format_de_fichier)|Format des fichiers GPX]] -- Wikipedia * [[http://phpmygpx.tuxfamily.org/|PhpMyGpx]] : utilise une base de données pour stocker les GPX. Voir si on peut s'inspirer de la bdd ... * [[https://github.com/opoto/wtracks|Wtracks]] : webapp avec enregistrement des GPX en local. S'inspirer de l'interface. * [[https://wiki.openstreetmap.org/wiki/GpsMaster|GpsMaster]] : étudier l'interface pour repérer les fonctionnalités intéressantes.