Support de présentation du Projet Fil Rouge de la Formation JavaEE effectuée au sein d'Aston à Lille concluant notre POEC démarrée en mars 2022 et terminée fin juillet 2022.
SlowTripPlanner - Formation JavaEE - Aston - Lille
1. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge
Membres de l’équipe :
1
Aston - Juillet 2022 : Formation Java JEE - Soutenance du Projet Fil Rouge
Adrien MARCEAU
Mariam CISSE Nicolas SIMON
Jérôme DENIZART
2. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge
Sommaire
I. SlowTripPlanner, kezako ?
II. Organisation du projet
III. UML & Base de données
IV. Back-End
V. Front-End
VI. It’s ALIVE !!! (démo)
VII. Conclusion
2
3. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge 3
I. SlowTripPlanner, kezako ?
4. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge 4
Pistes cyclables EUROVELO
I. SlowTripPlanner, comment en est-on arrivé là ?
Chemins de Saint-Jacques de Compostelle
5. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge
● Moyens de locomotion lent,
● Durée de X jours à X semaines.
5
I. SlowTripPlanner, le contexte
Les points Communs:
Planification ?
C’est parti !
● Le calendrier
● L’incontournable Google Maps
● Le couteau suisse, MS Excel
Les premiers Réflexes:
6. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge 6
I. Google Maps : une bonne aide mais insuffisant
Les + :
● Visualisation
● Parcours
● Etapes Intermédiaires
● Interactif
Les - :
● Itinéraire d’une traite
● Pas de calendrier
● MàJ Parcours →
modification du trajet entier
● Chemin pas optimal pour
vélo ou pieton
7. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge 7
I. Le bon vieux fichier Excel : ça fonctionne !!!
Les + :
● Liste d’étapes
● Nombreuses données
enregistrables
● Possibilité de calculs et
statistiques
Les - :
● Pas de carte
● Pas d’interactivité
● Modification du parcours longues
et rébarbatives
8. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge 8
I. SlowTripPlanner, le besoin
1 - Lister 2 - Visualiser 3 - Intelligence & Interactivité
“Excel c’est bien!”
9. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge
En accord avec des valeurs du moment :
9
I. SlowTripPlanner est d’actualité !!!
● retour aux plaisirs simples, à la nature, à la rencontre des gens,
● écologie, Flygskam, décroissance,
● le développement de la pratique de la bicyclette,
● ralentir, moins de stress, quête de sens,
● redécouverte des territoires, aller en dehors des sentiers battus,
● la grande démission.
10. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge 10
I. SlowTripPlanner, Benchmarking
Calculateur d'itinéraires spécifiques au vélo, à la randonnée (Brouter, OSMand+, Koomot, MapsMe...)
11. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge 11
I. SlowTripPlanner, Benchmarking
Blog ou Tracker de Voyages (TravelMap, PolarStep, Worldee, … )
12. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge 12
I. SlowTripPlanner, Benchmarking
Planificateur de voyages touristiques (AirTable, Trip Planner,...)
13. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge 13
I. SlowTripPlanner, une place à prendre !
Aujourd'hui, rien d’équivalent n’existe sur le marché !!!
14. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge 14
II. Gestion de projet
15. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge
II. Méthode Agile : Réunion d’équipe & tableau blanc
15
16. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge
II. Définition du besoin & MVP
16
Un parcours
Une liste d’étapes
Gestion des parcours
Calendrier d’étape
Etapes détaillées
Carte affichée
Gestion des contraintes
Exportation GPX
Réseau Social
Fonctions premium
1 2 3 4 5
17. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge
II. Méthode Agile : Repositories GitHub
1. Un repository de gestion de projet :
https://github.com/AdrienDSlone/slowTripPlanner/
2. Un repository pour la programmation (Back-end et Front-end) :
https://github.com/jdenizart/SlowTripPlanner
17
18. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge
II. Branches GitHub
Zoom des branches en fin de projet : https://github.com/jdenizart/SlowTripPlanner/network
18
Vue globale des branches du projet
juillet
19. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge
II. Planning : 3 mois de formation au sein d’Aston
19
Destination
Départ
20. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge
II. Retroplanning du projet
Vendredi 17 juin 2022 :
● UML : terminé
● BDD : terminée et testée
● UI/UX : débat sur les maquettes
● Todo : attribution des tâches front pour la
semaine qui suit
Vendredi 24 juin :
● UI/UX : Maquettes terminées
● Front-end : démarrage des travaux
● Todo : attribution des tâches front pour la
semaine qui suit
Vendredi 1 juillet :
● Front-end : terminé
● Back-end : débattre
● Todo : attribution des tâches pour la
semaine qui suit
20
Vendredi 08 juillet :
● Back-end
○ V1 terminée,
○ V2 débattu
● Todo : répartition des tâches pour la
semaine qui suit
Vendredi 13 juillet :
● Back-end : v2 terminé
● Todo : répartition todo pour la v3
Vendredi 22 juillet :
● Back-end : v3 terminé
● Todo : répartition todo pour la v4
21. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge
II. Méthode Agile : Un forum GitHub (6 catégories)
Forum du projet : https://github.com/AdrienDSlone/slowTripPlanner/discussions
21
22. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge
II. Méthode Agile : Six kanbans de projets Github
Github de gestion de projet : https://github.com/AdrienDSlone/slowTripPlanner/projects
22
23. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge
II. Méthode Agile : 22 issues et 23 labels
Kanban du projet Data : https://github.com/AdrienDSlone/slowTripPlanner/projects/5
23
24. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge
II. Choix des technologies
● Front-end ( Web - Partie Visible ) → Angular v 14.00
○ Open-source / Desktop & Mobile
○ Web monopage + Angular Material = Rapidité d’affichage
○ Framework conçu par Google
● Back-end ( Services - Partie Cachée ) → Spring-Boot v 2.7.2
○ Open-source
○ Automatisation des tâches sans valeur ajoutées
● Stockage des données ( BDD ) → MySQL
○ Open-source
○ Schématisation relationnelle et Reverse engineering
● Cartographie OpenStreetMap :
○ Leaflet : bibliothèque JavaScript libre et open-source
24
● Git
○ Open-source
○ Gestion de version
● GitHub
○ Hébergement gratuit de projets open-source
○ Centralisation du code source et gestion de projet
○ Synchronisation de l’équipe
● Docker ( si temps disponible )
○ Open-source
○ Cycle de vie du développement facilité
○ portabilité sur Desktop et Cloud.
25. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge 25
III. UML & Base de données
26. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge
III. UML & Base de données
26
1
2
3
Fonctionnalités à :
1. longs termes
2. moyens termes
3. l’essentiel
27. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge 27
IV. Back-end
28. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge
IV. Architecture 3 tiers
28
SQL
Back-end Front-end
Base de
données
Couche métier
JSON
Client
29. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge 29
V. Front-end
30. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge 30
V. Page d’Accueil
Maquette de la page d’Accueil
Créée avec Figma
31. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge
V. Bench. Parcours
Quatre pages parcours concurrentes
analysées et compilées en maquette
(ci-contre) :
1. Komoot : https://www.komoot.fr/
2. France Vélo Tourisme :
https://www.francevelotourisme.com/itineraire
/gps
3. Roadtrippers :
https://maps.roadtrippers.com/
4. Wanderlog :
https://wanderlog.com/plan/
31
32. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge 32
Maquette de la
Page parcours
Créée à partir du benchmark
avec le logiciel Inkscape.
Lien vers la maquette
V. Maquette
Parcours
33. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge 33
Wireframe de la
Page parcours
Créée à partir de la maquette
avec le logiciel Inkscape.
Lien vers le wireframe
V. Wireframe
Parcours
34. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge 34
VI. It’s ALIVE !!! (démo)
35. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge 35
VI. Page d'accueil
Front-end ci-dessus et maquette à droite
36. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge 36
VI. Page parcours
Maquette ci-dessus et Front-end à droite
Drag and drop
37. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge 37
VII. Conclusion
38. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge
VII. Conclusion : Prochains jalons
38
Un parcours
Une liste d’étapes
Gestion des parcours
Calendrier d’étapes
Etapes détaillées
Carte affichée
Gestion des contraintes
Exportation GPX
Réseau Social
Fonctions premium
1 2 3 4 5
39. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge
VII. Conclusion : de belles perspectives et actions à mener !
● Notre projet est d'actualité
● Une place est à prendre
● Gros potentiel en termes d’évolution :
○ gestion de l’équipement,
○ statistiques avancées,
○ fourniture de base plus importantes ...
● Leviers de monétisation possibles :
○ association avec un site de préparation de voyage plus généraliste,
○ avec un site de e-commerce,
○ avec une appli de géolocalisation,
○ accès payant à des fonctions premium.
39
40. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge 40
VIII. Remerciements
41. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge
VII. Remerciements des Intervenants professionnels
AFPA :
● M. François Sackebandt ( ALGO / POO / JAVA / SQL )
● M. Alexandre - Remplaçant ( formation en autonomie )
Semifir :
● M. Hacene Hamroune ( POO / JAVA / ANGULAR )
● M. Cyriak Leclercq ( POO / JAVA )
● M. Antoine Fissot ( SCRUM )
● M. Romain Vasseur ( Projet / Spring-boot / webService )
● M. Thomas Timio ( mySQL / Git / Maven / Markdown )
● M. Kilian Raoux ( ANGULAR : 1 journée )
● M. Alexandre DEVOS ( Docker )
● M. Alexandre SAJA ( Cloud / Microsoft Azure)
Indépendants :
● M. Chris Blassiaux ( HTML / CSS )
● M. Lionel Cavaglia ( JAVA EE )
● M. Renaud Ferret ( Tests Unitaires )
41
42. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge
VII. Remerciements de l’équipe pédagogique
AFPA
● Mme. Nora ABDERRAHMANI
● Mme. Margo LANDRE
Aston
● Mme. Anaïs BOUCHENAFA
● M. Conrad CRETIER
● Mme. Nathalie MOREL
● M. Baudouin TROCHERIS
Pôle Emploi
● Mme. Ines KEZADRI
● Mme. Toly VERCRUYSSE
42
43. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge
Nous vous remercions pour votre attention :)
43
Aston - Juillet 2022 : Formation Java JEE - Soutenance du Projet Fil Rouge
Avez-vous des questions ?
44. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge 44
IX. Annexes
45. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge
IX. ADN du Logo
45
Police avec empattement Constantia
évoquant la littérature donc le voyage
et l’envie de prendre des notes.
Trois balises imbriquées symbolisant :
1. Le point de départ (ici, en bleue)
2. L’étape (en orange)
3. La destination (en jaune)
Un escargot, lent par
définition, au sommet
d’une balise GPS.
#008067ff
Le vert est associé à la
nature ainsi qu’à l’écologie.
46. Aston 27/07/2022 : Formation JAVA JEE - Soutenance du Projet Fil rouge 46