Portfolio

SAE 401 TeloCulture

Teloculture

Technologies utilisées:

HTML
CSS
PHP
JavaScript

Apprentissage Critiques:

AC21.04 Identifier et décrire les parcours client à partir d'enquêtes de terrain
AC21.05 artographier les expériences utilisateur : points de contact, points de fristion et de satisfaction, carte d'empathie
AC22.01 Co-concevoir un produit ou un service
AC22.02 Produire une recommandation ergonomique à partir des tests utilisateurs
AC24.01 Produire des pages et applications Web responsives
AC24.02 Mettre en place ou développer un back office
AC24.04 Modéliser les traitements d’une application Web
AC24.05 Optimiser une application web en termes de référencement et de temps de chargement
AC24.06 Configurer une solution d’hébergement adaptée aux besoins
AC25.01 Gérer un projet avec une méthode d’amélioration continue par exemple une méthode agile
AC25.02 Cartographier un écosystème
AC25.04 Collaborer au sein des organisations
AC25.05 Maitriser les codes des productions écrites et orales professionnelles
AC25.06 Prendre en compte les contraintes juridiques

Compétences:

Comprendre
Concevoir
Développer
Entreprendre

OBJECTIF :

Dans le cadre de ma deuxième année de BUT MMI, nous avons réalisé en groupe de quatre personnes un site web pour une médiathèque fictive toulonnaise, TeloCulture. L’objectif était de concevoir une identité visuelle complète (logo, charte graphique) et de développer un site fonctionnel avec Laravel, permettant aux utilisateurs de consulter et réserver des articles avant de les récupérer en main propre à la médiathèque.

Dans le cadre de ma deuxième année de BUT MMI, j’ai participé à la création du site TeloCulture, une médiathèque fictive toulonnaise. L’objectif était de développer un site fonctionnel en Laravel, avec une identité visuelle complète (logo, charte graphique), permettant aux utilisateurs de consulter et réserver des articles en ligne.

Le projet était divisé en deux pôles, un pôle back-end et un pôle front-end, chacun composé de deux membres. J’ai fait partie du pôle front-end, où ma mission était de concevoir et développer l’interface utilisateur en assurant une expérience fluide et intuitive.

Nous avons d'abord travaillé sur l’identité visuelle, en définissant une charte graphique cohérente et en créant un logo reflétant l’univers culturel et accessible de la médiathèque. Ensuite, nous avons structuré le site avec Laravel, en séparant les responsabilités entre le front-end et le back-end.

Mon rôle a principalement consisté à développer l’interface utilisateur en HTML, CSS et Blade (Laravel). J’ai travaillé sur l’affichage dynamique du catalogue d’articles, la présentation des fiches détaillées et l’implémentation du système de réservation côté utilisateur. L’objectif était de garantir une navigation fluide et responsive, adaptée à tous types d’écrans.

Le pôle back-end a mis en place la gestion des réservations et l’espace administrateur, qui permettait au personnel de la médiathèque de gérer les articles et suivre les réservations. Nous avons utilisé GitHub pour coordonner notre travail et assurer une bonne gestion des versions tout au long du projet.

Grâce à TeloCulture, j’ai renforcé mes compétences en développement front-end, en particulier dans l’intégration avec Laravel, tout en travaillant sur un projet collaboratif nécessitant une bonne coordination entre les pôles.

Le projet était divisé en deux pôles : front-end et back-end, chacun composé de deux membres. En tant que membre du pôle front-end, j'ai développé l'interface utilisateur en HTML, CSS, et Blade (Laravel), en veillant à la réactivité et à l’ergonomie du site.

J'ai créé l’affichage dynamique du catalogue d’articles et développé le système de réservation des articles côté utilisateur. Le pôle back-end a géré la logique de réservation et l’espace administrateur.

Nous avons utilisé GitHub pour la gestion de versions et la collaboration. Ce projet m’a permis de renforcer mes compétences en développement front-end et dans l'intégration avec Laravel.