Aller au contenu
  • Accueil
  • Projets
  • Expériences
  • Parcours
  • Compétences
  • Contact

Timéo Danois — Développeur full-stack & DevOps

  • Mentions légales
  • Confidentialité
  • Contact
← Tous les projets

Workshop 2024

Plan interactif du campus

  • Symfony
  • PHP
  • HTML
  • CSS
  • Git
  • Azure DevOps
Logo du campus HEP

Pour notre rentrée, nous avons eu un workshop durant toute la première semaine. L'objectif : concevoir et développer une solution pour améliorer la vie au sein du campus.

Avec un autre développeur et un étudiant en marketing, nous avons créé un plan interactif du campus, pour un établissement connecté, sécurisé et moderne grâce à une signalétique innovante.

Plan interactif

Le plan permet à tous (étudiants, enseignants, visiteurs, personnel administratif) d'accéder en temps réel et de manière intuitive aux informations importantes du campus, via une interface numérique (application, site web ou bornes interactives).

Les publics visés

  • Le personnel pédagogique

    Pourquoi : La signalétique actuelle manque de clarté, ce qui entraîne beaucoup de questions adressées au personnel administratif. La gestion des flux pourrait être plus efficace.

    Buts et bénéfices : Optimiser l'organisation du campus, réduire les demandes d'informations répétitives, augmenter la productivité de l'accueil et donner une image moderne de l'établissement.

  • Les étudiants

    Pourquoi : Ils ont du mal à trouver les salles libres ou les équipements nécessaires, ce qui provoque frustration et retards.

    Buts et bénéfices : Accéder facilement aux salles, imprimantes et espaces pédagogiques, sans perdre de temps à les chercher.

  • Les visiteurs

    Pourquoi : Les informations pour les visites ponctuelles sont souvent insuffisantes, ce qui inquiète, notamment sur la sécurité ou quand on ne trouve pas son chemin.

    Buts et bénéfices : Faciliter l'accès aux informations lors des réunions, portes ouvertes ou évènements, et rassurer les visiteurs.

Le développement

Nous avons utilisé Symfony pour renforcer nos compétences, même si le projet ne l'exigeait pas. L'organisation s'appuyait sur Azure DevOps et Git, avec des tâches découpées en branches pour un développement collaboratif efficace.

La page d'accueil

Page d'accueil du plan interactif (ouvrir l’image en grand dans un nouvel onglet)
Page d'accueil
  • adresse et horaires d'ouverture du campus pour toute la semaine, avec l'état en temps réel (ouvert / fermé) ;
  • liste de toutes les écoles du bâtiment, menant à la page de chacune ;
  • aperçu du plan, qui mène au plan interactif ;
  • carte Google Maps du campus pour les personnes qui ne connaissent pas le lieu.

La page école

Page de présentation d'une école du campus (ouvrir l’image en grand dans un nouvel onglet)
Page d'une école
  • Quoi ? Chaque page affiche le logo, le nom, la description et le lien de l'école, ainsi que la liste cliquable des bureaux et du personnel. Un clic mène à l'étage correspondant du plan, avec la salle mise en évidence.
  • Pourquoi ? Faciliter l'accès aux informations sur les écoles et aider à localiser bureaux et personnel.
  • Comment ? Les pages sont générées automatiquement depuis la base de données, également utilisée par la recherche : on peut chercher une personne ou une salle pour la trouver sur le plan.

La pièce maîtresse : le plan

Plan interactif d'un étage du campus (ouvrir l’image en grand dans un nouvel onglet)
Le plan interactif
  • Le plan couvre quatre étages, du rez-de-chaussée au 3e.
  • Sur chaque niveau, on clique sur les salles pour voir leurs occupants.
  • Des pictogrammes indiquent les imprimantes, les salles équipées de vidéoprojecteurs, les responsables santé et sécurité au travail et les référents handicap.
  • Un clic sur une imprimante ouvre sa notice d'utilisation.

Le résultat

Axes d'amélioration

Pour seulement 4 jours (dont 3 de développement), le projet a été une réussite et nous avons reçu des retours positifs. Pistes d'amélioration :

  • optimiser la page du plan pour des chargements plus rapides ;
  • refondre le style ;
  • ajouter plus d'informations sur le plan ;
  • ajouter un système de réservation pour savoir si une salle est occupée et jusqu'à quand ;
  • optimiser la base de données ;
  • afficher un calendrier des évènements et conférences du campus, avec leurs salles.
Projet précédentTetris et IA