Le projet IUT Maps, (réalisé en équipe de 5), nous a permis de renforcer nos compétences en travail collaboratif et en langage de programmation. L’objectif était de créer un site web répertoriant tous les IUT de France, avec un système de filtres interactifs, en exploitant une API pour récupérer les données.
Cette première page est la page d’accueil. Elle affiche une carte de France avec l’ensemble des IUT visibles. En haut, un header contient plusieurs informations, et un icône « plus » sur la gauche permet d’accéder aux filtres, afin d’aider l’utilisateur à trouver un IUT précis selon ses critères.
Cette page illustre l’affichage des informations lorsqu’un utilisateur clique sur un IUT. Il y retrouve toutes les données associées. Plus tard, nous avons ajouté une fonctionnalité permettant de rediriger l’utilisateur vers le site officiel de l’IUT sélectionné via un bouton « Voir le site ».
Le site web étant destiné aux entreprises et aux étudiants (ou futurs étudiants), nous avons choisi de le diviser en deux sections. Cela permet à chaque cible de trouver facilement des réponses aux questions les plus fréquentes et d’accéder aux informations adaptées à leurs besoins.
Enfin, voici une approximation du fonctionnement des filtres. L’utilisateur (étudiant ou entreprise) peut sélectionner une régions, un BUT, un métier ou enfin si l’IUT propose la formation en alternance pour affiner sa recherche.
QUELS LANGAGES ?
HTML (HyperText Markup Language) – Langage de structuration utilisé pour créer des pages web. Il définit l’organisation du contenu avec des balises (titres, paragraphes, images, liens, etc.), servant de base à l’affichage des sites internet.
CSS (Cascading Style Sheets) – Langage de mise en forme utilisé pour styliser les pages web en HTML. Il permet de modifier les couleurs, les polices, les marges et la disposition des éléments pour un design attractif et responsive.
PHP (Hypertext Preprocessor) – Langage de programmation serveur utilisé pour créer des sites web dynamiques. Il permet de gérer des bases de données, traiter des formulaires et générer du contenu personnalisé en fonction des utilisateurs.
JSON (JavaScript Object Notation) – Format léger de structuration des données, utilisé pour l’échange d’informations entre un serveur et un client.
JavaScript – Langage de programmation utilisé pour rendre les pages web interactives. Il permet de manipuler le contenu HTML/CSS, de gérer des événements et de créer des animations ou des applications dynamiques.
