Passerelles

FRONTENDBACKEND
ConcevoirExprimerDévelopper
[ ESC ]

BUT MMI — 3ᵉ année

STACK
  • HTML5
  • CSS3
  • PHP
  • Twig
  • React
  • MySQL
  • phpMyAdmin
  • Mailgun
PÉRIODE
Septembre 2025
CADRE
Alternance
RÔLE
Développeur Web / Intégrateur
ÉQUIPE
Seul (suivi tuteur)
LIVRABLE
Système
STATUT
Livré

Mise en place du dispositif technique d’émargement pour l’événement Passerelles (client Phar83), combinant envoi d’invitations nominatives, page d’information dédiée et contrôle d’accès sur le terrain.

Afin d’assurer le suivi des entrées sans alourdir l’infrastructure client, le projet s’appuie sur trois briques interconnectées sur un serveur dédié :

  • Page d’information & Communication :
    Une landing page HTML/CSS privée délivre les consignes aux participants, tandis qu’un template d’e-mailing HTML relaie leur QR code individuel.
  • Back-end & API (PHP / Twig / MySQL) :
    Un script CSV Parser dédié traite le fichier d’inscrits pour alimenter la BDD MySQL, et une API REST gère les flux d’accès.
  • Web App d’émargement mobile (React) :
    Une interface terrain permettant aux opérateurs de scanner les QR codes, d’interroger l’API en temps réel et de valider l’accès sans risque de doublon.

L’ensemble de la chaîne a été qualifié en amont via des profils de test, garantissant un contrôle fluide le jour J et permettant l’extraction immédiate des données de présence pour les analyses d’affluence du client.

Dans le cadre de mon alternance chez Getup Agency, j’ai été chargé de finaliser le système d’émargement pour l’événement du client Phar83 (AC12.01). L’objectif était d’assurer la gestion et le suivi des participants le jour J.

Guidé par mon tuteur à travers des points d’étape réguliers, j’ai travaillé en autonomie sur l’ensemble du projet. J’ai d’abord retravaillé le design et l’intégration de la page d’information en HTML/CSS (AC14.02) en m’inspirant de la structure du site de Phar83, tout en respectant l’identité visuelle propre au projet Passerelles. La page étant accessible uniquement via le lien envoyé aux inscrits, elle n’avait pas vocation à être indexée par les moteurs de recherche. J’ai ensuite retravaillé le template e-mail HTML (AC13.03) pour mettre en forme les données d’invitation en plus du QR code.

Côté back-end (en PHP/Twig), j’ai développé le script CSV Parser pour importer les participants dans la BDD MySQL, vérifié le format des QR codes et ajouté les endpoints REST de l’API (AC34.04). Sur la web app mobile en React (AC34.01), j’ai réaligné l’affichage des données reçues via l’API suite aux évolutions BDD et rendu le tableau responsive (AC24.01). Enfin, après avoir validé le flux sur des profils de test, j’ai injecté la base finale et suivi les émargements.

Ce projet m’a appris à reprendre la codebase d’un autre développeur, à tester rigoureusement une chaîne d’intégration complète et à piloter un flux de données du fichier source au suivi terrain.