Agence 1ris

FRONTENDBACKENDINFRASTRUCTURE
ExprimerEntreprendreDévelopperConcevoir
[ ESC ]

BUT MMI — 1ʳᵉ année

STACK
  • HTML
  • CSS
  • JavaScript
  • Firebase
  • GitHub Pages
PÉRIODE
2023
CADRE
Universitaire
RÔLE
Développeur Web
ÉQUIPE
5 personnes
LIVRABLE
Site web
STATUT
Archivé

Nous avons monté une agence de communication fictive de toutes pièces : nom, identité visuelle, ligne éditoriale et statuts, avant de la promouvoir lors d’un évènement tenu sur le campus. J’ai piloté le développement du site vitrine et de son back-office, ponctuellement épaulé par un ou deux coéquipiers, pendant que le reste de l’équipe conduisait la communication et l’évènementiel ; j’ai aussi développé en urgence le quiz qui a complété le programme.

Le cahier des charges imposait un site intégralement codé à la main et une base de données. Pour l’hébergement, j’ai retenu GitHub Pages, l’option la moins coûteuse — mais elle ne sert que des fichiers statiques : pas de serveur, donc pas de base. Cloud Firestore lève la contrainte, ses données transitant par simple API HTTP. J’en ai schématisé la structure et rédigé le modèle relationnel, puis écrit des interfaces responsives en HTML, CSS et JavaScript natifs, et travaillé le référencement. L’agence gère ses contenus depuis le back-office, sans toucher au code ni redéployer, et ses clients disposent d’un espace cloisonné par règles de sécurité : chacun n’accède qu’à ses propres documents.

Le découpage des tâches et la répartition des responsabilités passaient par un WBS, un OBS et une matrice RACI, que j’ai contribué à alimenter ; le suivi tenait sur un journal hebdomadaire, des comptes rendus et des points réguliers avec le commanditaire. Sur le code, j’ai appliqué des conventions de nommage, la validation W3C et des fonctions à responsabilité unique.

Au cours de cette année, j’ai travaillé avec Rahnya, Séraphin, Yoann et Amélie sur le campus MMI de l’IUT de Toulon, pour une commande d’enseignant : valoriser une entreprise du numérique en agences thématiques. Nous avons pris la branche communication : créer une agence fictive, son site vitrine et son interface d’administration, puis la promouvoir lors d’un évènement. Nous l’avons tenu sur place : stand photo, atelier de sculpture sur argile et un quiz que j’ai développé in extremis pour compléter le programme.

Nous avons étudié l’existant ; le cahier des charges imposait l’écriture manuelle du site et une base de données. L’agence s’est définie collectivement : nom, statuts, identité visuelle et ligne éditoriale (AC35.03). Toute l’équipe a cherché les idées sur FigJam, dessiné maquettes, arborescence et parcours utilisateurs ; le prototype Figma a éprouvé ces derniers avant tout code (AC13.05). Pensée pour le client, l’administration des contenus ne demande ni intervention sur le code ni redéploiement (AC12.01).

J’ai conduit le développement de bout en bout, ponctuellement épaulé par un ou deux coéquipiers. GitHub Pages, l’hébergement le moins coûteux, ne sert que du statique, sans serveur ni base. Le choix de Cloud Firestore lève la contrainte : ses données ne s’échangent que par API HTTP (AC14.04). J’ai schématisé la base, rédigé son modèle relationnel, puis écrit des interfaces toutes responsives en HTML, CSS et JavaScript natifs (AC14.02, AC24.01). J’ai cloisonné l’espace client par règles de sécurité et travaillé le référencement (AC22.04).

Le groupe s’organisait par WBS, OBS et matrice RACI — que j’ai contribué à alimenter —, journal hebdomadaire, comptes rendus et points avec le commanditaire (AC25.05). J’ai appliqué conventions de nommage, validation W3C, non-duplication et couches d’abstraction : une fonction pour une tâche, des valeurs en paramètres plutôt qu’en variables globales (AC35.02). Rahnya a intégré une campagne Google Analytics et en a reporté les résultats, mais ils n’ont pas été conservés : les pièces jointes prouvent la démarche, pas l’audience. Aujourd’hui, je veillerais à les archiver ; surtout, ce projet m’a appris à mener une réalisation technique sans me couper du collectif.