Dans le cadre d'une intervention auprès de l'Université d'Orléans en BUT MLT1 nous avons été amené à former et accompagner des étudiants à la création de sites web avec carte interactive pour organiser le transport de voyageurs.
Concrètement, il s'agissait d'organiser un rassemblent à Lyon d'une vingtaine de personnes venant de toute la France et du Royaume-Uni. Deux autres enseignants travaillaient sur la partie budget, et organisation du transport, et notre partie à consisté à mettre en place une solution connecté pour que chaque voyageur ait accès à son itinéraire et à toutes les informations sur son voyage via smartphone ou ordinateur.
Une vue optimisée pour smartphone.
Vue sattelite de Lyon et des trajets d'activités.
Le site est intuitif même sur petit écran.
Tous les chemins mènent à...
Dans un travail en deux parties, nous avons d'abord enseigné l'utilisation de Google My Maps, pour créer une carte interactive sur laquelle on retrouve toutes les informations du voyage.
En cliquant sur chaque itinéraire, on a accès aux informations du trajet : temps, prix, distance, horaires, correspondances... En tirant parti de la fonction "calques" de My Maps, il est ensuite facile de sélectionner uniquement les trajets qui nous intéressent, afin de ne pas surcharger la carte.
Ce groupe a choisi d'intégrer de créer une carte par voyageur.
Chaque carte possède un volet avec diverses informations sur la légende.
Après leur travail de recherche des coûts et informations liés aux trajets, les étudiants se sont attelés à créer leurs cartes, travail qu'ils ont pu faire en collaboration grâce à aux partages d'accès intégrés à My Maps.
Ouvert 24/24.
Une fois la carte des trajets réalisée il a fallu rendre accessible ce travail, et c'est la qu'intervient la création de sites Internet. Le plus simple a été d'utiliser Google Sites, qui permet de créer des sites "responsive design"2 gratuitement et avec des fonctions assez avancées (du moins pour ce travail).
Un bowling à Lyon, ça vous dit ?
L'autre avantage est qu'en restant au sein de l’écosystème Google, on pouvait intégrer les cartes My Maps en un clic au futur site, facilitant grandement le travail des étudiants.
L'utilisation de Google Sites est assez simple et repose sur la création de pages qu'on organise dans un seul menu. Le site est conçu pour être nativement optimisé pour ordinateur de bureau, tablette et mobile, ce qui réduit la charge de travail et permet de se concentrer sur le contenu.
La mise en page s'adapte automatiquement à la taille de l'écran.
Toutes les infos sur une page.
Il y a quand même des options de mises en page dont ont tiré parti certains étudiants, notamment un site construit en trois colonnes qui regroupait ainsi toutes les informations voyageur sur un même espace.
Dans l'ensemble, tous les étudiants ont pu prendre en main la création de leur site, et certains ont même réalisé des pages web particulièrement avancées avec contenu multimédia et création de flyers personnalisés.
embed en un clic
Ceux qui ont poussé plus loin sur les capacités de Google Sites ont aussi intégré toutes sortes de fichiers à leur sites, comme des PDF directement consultables sur la page, des vidéos YouTube, des tableaux Excel fonctionnels, etc. Il suffit d'avoir ces fichiers sur le Google Drive pour les intégrer directement à la page web de votre choix.
Ce site intégrait directement des vidéos YouTube jouable depuis ses pages.
Par exemple, certains on directement intégré leur budget sous forme d'un seul fichier Excel qui regroupait tous les prix de transports, d'hébergement, d'activités et de repas des voyageurs sur deux jours.
Un budget pour les gouverner tous...
Esprit d'équipe.
Dans ce cas, il s'agissait d'un travail de groupe, nécessitant une coopération entre les membres de l'équipe. Puisque les sites Google sont hébergé sur le Drive, il n'y avait aucun problème à le modifier au sein de l'Université ou depuis chez eux. De plus en utilisant le système de partage de Google Drive, c'est aussi facile de partager son site que de partager un document du Drive.
Tout votre voyage à portée de main.
Bien qu'il n'y en ait pas eu besoin, ce système aurait pu servir à débugger des sites ou résoudre d'éventuels problèmes en nous donnant l'accès.
Et après ?
On pourrait en rester là, mais nous avons repris l'utilisation de Google Sites pour un projet plus ambitieux, la création par les étudiants de portfolios. En effet, ils doivent apprendre à réaliser un portfolio qui leur permette de retracer leur parcours et de s'auto-évaluer. Plutôt que d'opter pour un programme spécialisé, le généraliste Google Site leur permet de personnaliser beaucoup plus leur portfolio, ce qui les implique plus dans leur travail.
Un des sites les mieux optimisés de la promotion.
En utilisant les fonctionnalités d'embed3 du Drive, il leur sera facile d'intégrer toutes sortes de documents et de preuves de leurs compétences, tout en restant maîtres de la mise en page et de l'apparence de leur site, bref, un portfolio qui leur ressemble.
