{"id":8175,"date":"2026-05-13T10:19:50","date_gmt":"2026-05-13T09:19:50","guid":{"rendered":"https:\/\/blog.univ-angers.fr\/polytech_2A\/?p=8175"},"modified":"2026-05-13T10:19:50","modified_gmt":"2026-05-13T09:19:50","slug":"projet-time-walk","status":"publish","type":"post","link":"https:\/\/blog.univ-angers.fr\/polytech_2A\/2026\/05\/13\/projet-time-walk\/","title":{"rendered":"Projet Time Walk"},"content":{"rendered":"
\n
\"\"<\/a><\/figure>\n<\/div>\n\n\n

Par Elvin Voisin, Cl\u00e9ment Pavageau & Niels Bonneau<\/em><\/p>\n\n\n\n

\n\n\n\n

Introduction<\/strong><\/h2>\n\n\n\n

Bonjour \u00e0 tous,
Nous sommes trois \u00e9tudiants en deuxi\u00e8me ann\u00e9e de pr\u00e9pa int\u00e9gr\u00e9e \u00e0 Polytech Angers et, dans le cadre de cette formation, nous avons un projet \u00e0 r\u00e9aliser au dernier semestre pour une dur\u00e9e totale de 100 heures. Le projet que nous avons choisi est une application \u00e0 but \u00e9ducatif pour se rendre compte de l’\u00e9chelle des temps historiques de mani\u00e8re r\u00e9elle. Ok, vu comme \u00e7a c’est pas tr\u00e8s clair mais ne vous inqui\u00e9tez pas vous allez tout comprendre !<\/p>\n\n\n\n

\n\n\n\n

Les premi\u00e8res id\u00e9es<\/strong><\/h2>\n\n\n\n

Cette id\u00e9e d’application vient de notre professeur r\u00e9f\u00e9rent M. Lhommeau et d’un autre professeur avec qui nous avons travaill\u00e9, M. Davodeau. L’id\u00e9e premi\u00e8re s’appelait “le Strava de la culture” avec pour but de parcourir le temps proportionnellement \u00e0 la distance que l’on marche pour se rendre compte que quelques ann\u00e9es ou si\u00e8cles ne sont qu’une infime partie de l’histoire de notre plan\u00e8te. L’histoire de la Terre est impossible \u00e0 imaginer \u00e0 l’\u00e9chelle humaine. 4,5 milliards d’ann\u00e9es, c’est trop abstrait en particulier pour des enfants de moins de 11 ans. Et si vous pouviez remonter le temps en marchant avec votre t\u00e9l\u00e9phone ?<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Pour cela, nous nous sommes dirig\u00e9s vers le site Web MIT APP Inventor, une m\u00e9thode jug\u00e9e, par l’unisson du groupe, plus efficace et \u201caccueillante\u201d qu\u2019une m\u00e9thode classique avec du codage Python+HTML. MIT App Inventor est un environnement de d\u00e9veloppement qui simplifie la cr\u00e9ation d’applications Android. Son fonctionnement repose sur une s\u00e9paration claire entre le design et les blocs logiques. En utilisant un syst\u00e8me de programmation par blocs, nous avons pu nous concentrer sur la structure de notre projet. Cette approche ‘No-Code’ n’enl\u00e8ve pas toute la complexit\u00e9 du projet, puisqu’elle n\u00e9cessite une rigueur math\u00e9matique et logique pour orchestrer plus de 1100 blocs.<\/p>\n\n\n\n

\n\n\n\n

Le c\u0153ur de l’appli<\/strong><\/h2>\n\n\n\n
\n
\"\"<\/a>
\u00c9cran d’accueil<\/figcaption><\/figure>\n\n\n\n

D\u00e8s le lancement, l’application se transforme en tableau de bord. Ici, pas de menus compliqu\u00e9s : on renseigne son nom et sa distance, en m\u00e8tre, \u00e0 parcourir. L’objectif est de renseigner une distance d’une grandeur minimum de 1km pour avoir une repr\u00e9sentation fiable et correcte de l’\u00e9chelle du temps.<\/p>\n<\/div>\n\n\n\n

\n

Ensuite on bascule vers un \u00e9cran d’aper\u00e7u du parcours. \u00c0 rappeler que cette appli a \u00e9t\u00e9 con\u00e7ue, en premier lieu, pour une sortie scolaire, c’est pourquoi il \u00e9tait coh\u00e9rent d’afficher les images des lieux remarquables que le groupe scolaire va traverser.<\/p>\n\n\n\n

\"\"<\/a>
\u00c9cran d’aper\u00e7u<\/figcaption><\/figure>\n<\/div>\n\n\n\n
\n

Place au choix des \u00e9v\u00e9nements ! C’est une touche de personnalisation que nous avons voulu mettre en \u0153uvre. L’utilisateur a la possibilit\u00e9 de cocher ou d\u00e9cocher les \u00e9v\u00e9nements qu’il souhaite voir passer. Il est important de remarquer qu’\u00e0 l’\u00e9chelle de la formation de la terre, beaucoup de temps se passe avant qu’il y ait une acc\u00e9l\u00e9ration du d\u00e9veloppement de la faune et de la flore avec les plantes, reptiles, dinosaures et enfin l’esp\u00e8ce humaine.<\/p>\n\n\n\n

\"\"<\/a>
\u00c9cran de choix<\/figcaption><\/figure>\n<\/div>\n\n\n\n

Nous parvenons enfin \u00e0 notre \u00e9cran principal qui a pris environ 70% du temps total pass\u00e9 pour la confection de l’application. En effet derri\u00e8re cet \u00e9cran se cache beaucoup de logique. Cet \u00e9cran principal affiche une barre de progression<\/strong> intuitive et un compteur d’ann\u00e9es<\/strong>. C’est ici que la magie op\u00e8re : gr\u00e2ce au capteur GPS de votre smartphone, chaque m\u00e8tre parcouru fait d\u00e9filer des millions d’ann\u00e9es. Une carte en bas de l\u2019\u00e9cran est \u00e9galement pr\u00e9sente pour visualiser sa position et la cr\u00e9ation en direct du trac\u00e9 de sa marche. Nous avons aussi int\u00e9gr\u00e9 un chronom\u00e8tre pr\u00e9cis<\/strong> pour suivre l’effort physique, car n’oublions pas qu’il s’agit d’une marche de 2 \u00e0 3 km ! Plus l’on avance, plus la barre se remplit, nous indiquant notre position exacte dans l’histoire de notre plan\u00e8te.<\/p>\n\n\n

\n
\"\"<\/a>
\u00c9cran principal<\/figcaption><\/figure>\n<\/div>\n\n\n
\n
\"\"<\/a>
\u00c9cran r\u00e9capitulatif<\/figcaption><\/figure>\n\n\n\n

Une fois la ligne d’arriv\u00e9e franchie, place au bilan interactif<\/strong>. C’est l’\u00e9cran dont nous sommes le plus fiers. Vous y retrouvez une carte compl\u00e8te de votre parcours, jalonn\u00e9e par toutes les ic\u00f4nes interactives<\/strong> d\u00e9bloqu\u00e9es. En cliquant sur chaque marqueur, une bulle d’information s’ouvre pour approfondir le sujet. Pour conclure, l’\u00e9cran affiche vos statistiques de marche<\/strong> (temps total, distance totale, vitesse moyenne et nombre d’\u00e9v\u00e9nements rencontr\u00e9s ) et vous d\u00e9livre vos badges de r\u00e9ussite. C’est le moment id\u00e9al pour prendre du recul sur les minutes pass\u00e9es !<\/p>\n<\/div>\n\n\n\n

\n\n\n\n

Visuels et th\u00e8mes de couleurs<\/h2>\n\n\n\n

Le plus gros travail \u00e0 fournir pour l\u2019interface \u00e9tait la cr\u00e9ation des affiches des \u00e9v\u00e8nements (autrement nomm\u00e9s visuels des \u201cpop-ups\u201d) et il y en a 13<\/strong> ! Nous nous sommes naturellement orient\u00e9s vers Canva pour la confection de ces visuels. Le plus important \u00e9tait de garder un style uniforme pour chacun. C’est-\u00e0-dire que le visuel du pop-up pr\u00e9sente un titre, un texte descriptif ne contenant pas plus de deux phrases, le logo “Time Walk” en bas de page et pour finir une image de fond \u00e0 la fois belle et coh\u00e9rente.<\/p>\n\n\n\n

\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n
Exemples de visuels des pop-ups<\/figcaption><\/figure>\n\n\n\n

Pour continuer nous avons d\u00e9fini des th\u00e8mes \u00e0 base de couleurs. Comme dit pr\u00e9c\u00e9demment, nous avons d\u00e9cid\u00e9 d\u2019inclure 13 \u00e9v\u00e9nements et de les trier par \u201cth\u00e8me\u201d lors de leur choix pour que ce soit plus agr\u00e9able aux yeux de l\u2019utilisateur. Ces changements de couleurs concernent le fond d\u2019\u00e9cran en couleur tr\u00e8s claire et la barre de progression en couleur vive. L\u2019int\u00e9gralit\u00e9 des couleurs de l\u2019application a \u00e9t\u00e9 d\u00e9finie par code RVB. Ces nuances \u00e9volutives habillent l\u2019application pour qu\u2019il se passe toujours quelque chose, m\u00eame entre deux \u00e9v\u00e9nements!<\/p>\n\n\n\n

\n\n\n\n

Les d\u00e9fis rencontr\u00e9s<\/h2>\n\n\n\n

D\u00e9velopper une application ne se r\u00e9sume pas \u00e0 assembler des blocs ; c’est aussi apprendre \u00e0 dompter la technique. Voici les trois plus grands d\u00e9fis que nous avons relev\u00e9s :<\/p>\n\n\n\n

1. Pr\u00e9cision GPS : le combat contre les “points fous”<\/h4>\n\n\n\n

L’un des obstacles majeurs a \u00e9t\u00e9 le comportement des appareils que nous avions \u00e0 disposition (des tablettes) et notamment la pr\u00e9cision de la g\u00e9olocalisation. Lors de nos tests, nous avons remarqu\u00e9 que le GPS de certaines tablettes pouvait parfois \u00eatre capricieux, pla\u00e7ant l’utilisateur \u00e0 plusieurs m\u00e8tres de sa position r\u00e9elle. Pour \u00e9viter que le trac\u00e9 de la marche ne ressemble \u00e0 un gribouillage, nous avons d\u00fb mettre en place un syst\u00e8me de “filtrage” : l’application n’enregistre un nouveau point que si l’utilisateur s’est d\u00e9plac\u00e9 d’au moins 10 m\u00e8tres et ne prend pas de point s’il y a plus de 30 m\u00e8tres entre chaque point, dans quel cas ce serait une erreur de position. Cela permet de gommer les petites erreurs et de garder une carte lisible.<\/p>\n\n\n\n

2. La “guerre des blocs” et la performance<\/h4>\n\n\n\n

Plus une application devient riche en fonctionnalit\u00e9s, plus elle devient lourde \u00e0 g\u00e9rer. Avec plus de 1100 blocs logiques, notre espace de travail commen\u00e7ait \u00e0 subir des ralentissements et m\u00eame des “blocs invisibles” qui disparaissaient de l’\u00e9cran! Pour sauver l’application, nous avons d\u00fb optimiser notre code : simplifier les instructions, utiliser des boucles intelligentes et r\u00e9duire la redondance pour que tout reste fluide sur les tablettes des \u00e9l\u00e8ves.<\/p>\n\n\n\n

\n\n\n\n

Sortie scolaire et avis des enfants<\/h2>\n\n\n\n

Enfin est venu le 12 mai 2026, jour du test grandeur nature de l\u2019application ! Nous avons r\u00e9alis\u00e9 une sortie avec une cinquantaine d\u2019\u00e9l\u00e8ves de CM1\/CM2 de l\u2019\u00e9cole primaire Robert Desnos et une cinquantaine d\u2019\u00e9tudiants de l\u2019institut agro. Le r\u00f4le de ces derniers \u00e9tait de concevoir les itin\u00e9raires et de d\u00e9tailler les points historiques avec les enfants tout au long du parcours. Lors de la sortie, nous nous sommes tous r\u00e9partis en 3 grands groupes avec chacun un itin\u00e9raire propre pour faire le trajet de l\u2019institut agro \u00e0 l\u2019\u00e9cole R. Desnos : un par l\u2019\u00e9tang st Nicolas (groupe de Cl\u00e9ment, 3100m), un par l\u2019avenue notre dame du lac (groupe d\u2019Elvin, 2100m) et le dernier par l\u2019avenue Patton (Niels, 2600m). Apr\u00e8s les tests que nous avions r\u00e9alis\u00e9s au pr\u00e9alable, nous avions 11 tablettes avec une localisation fonctionnelle que nous avons donc r\u00e9parties dans les trois groupes. Toutes ont tr\u00e8s bien fonctionn\u00e9es et aucun bug n\u2019a \u00e9t\u00e9 \u00e0 signaler au cours de la sortie ce qui est une grande satisfaction et un r\u00e9el aboutissement.<\/p>\n\n\n\n

Les \u00e9tudiants, professeurs ainsi que les enfants ont appr\u00e9ci\u00e9 le moment et l\u2019application bien que certains de ces derniers se disaient un peu fatigu\u00e9s de l\u2019effort physique! Ils ont n\u00e9anmoins “aim\u00e9 la sortie et l’application” et eu le sentiment d’avoir appris\/revu des choses ce qui \u00e9taient notre objectif. Nous sommes donc tr\u00e8s heureux avoir conclu le projet de cette mani\u00e8re et avec de tels avis ! <\/p>\n\n\n\n

\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n
Sortie scolaire du 12 mai 2026, aboutissement du projet.<\/figcaption><\/figure>\n\n\n\n
\n\n\n\n

Conclusion et pistes d’am\u00e9liorations <\/h2>\n\n\n\n

Ce projet a \u00e9t\u00e9 pour nous bien plus qu’un simple exercice de programmation. En d\u00e9veloppant cette application, nous avons voulu prouver que la technologie, loin de nous isoler, peut devenir un formidable levier pour explorer notre environnement r\u00e9el et comprendre la complexit\u00e9 de notre plan\u00e8te. Voir l’histoire de la Terre d\u00e9filer sous nos pas transforme une simple balade en une exp\u00e9rience marquante et concr\u00e8te.<\/p>\n\n\n\n

Et apr\u00e8s ?<\/strong> <\/p>\n\n\n\n

Si notre “machine \u00e0 remonter le temps” est aujourd’hui parfaitement fonctionnelle, nous imaginons d\u00e9j\u00e0 de nombreuses \u00e9volutions. Pourquoi ne pas int\u00e9grer des quiz interactifs pour tester les connaissances des apprentis g\u00e9ologues \u00e0 chaque \u00e9tape ? <\/strong><\/p>\n\n\n\n

Une chose est s\u00fbre : ce voyage \u00e0 travers les mill\u00e9naires ne fait que commencer !<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

Par Elvin Voisin, Cl\u00e9ment Pavageau & Niels Bonneau Introduction Bonjour \u00e0 tous,Nous sommes trois \u00e9tudiants en deuxi\u00e8me ann\u00e9e de pr\u00e9pa int\u00e9gr\u00e9e \u00e0 Polytech Angers et, dans le cadre de cette formation, nous avons un projet \u00e0 r\u00e9aliser au dernier semestre … Continuer la lecture →<\/span><\/a><\/p>\n","protected":false},"author":109223,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[641],"tags":[243,215,27],"class_list":["post-8175","post","type-post","status-publish","format-standard","hentry","category-641","tag-polytech-angers","tag-programmation","tag-projet"],"_links":{"self":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/8175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/users\/109223"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/comments?post=8175"}],"version-history":[{"count":13,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/8175\/revisions"}],"predecessor-version":[{"id":8915,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/posts\/8175\/revisions\/8915"}],"wp:attachment":[{"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/media?parent=8175"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/categories?post=8175"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.univ-angers.fr\/polytech_2A\/wp-json\/wp\/v2\/tags?post=8175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}