Rôle
Conception et intégration front-end
Semestre 1
Dans mon monde musical
Projet universitaire réalisé lors du semestre 1 du BUT MMI, présentant une sélection de musiques personnelles à travers une interface responsive, accessible et structurée.
Démarche du projet
Ce projet s’inscrit dans le cadre d’un travail individuel visant à découvrir les bases du développement web front-end tout en respectant des contraintes de contenu, d’accessibilité et de droits d’auteur.
Contexte
Il s’agit de mon premier projet universitaire intégrant du développement web. Le thème de la musique m’a permis de travailler sur un sujet personnel, renforçant mon engagement et ma motivation tout au long du projet.
Contraintes et droits d’auteur
Chaque musique devait être présentée avec son titre, ses interprètes, un avis personnel, les informations liées aux droits d’auteur ainsi que des liens vers des plateformes de streaming. Pour respecter le copyright, la diffusion était limitée à un extrait audio de 15 secondes.
Données et logique technique
Les données des musiques (titres, avis, liens, droits) sont stockées en JSON. Une API, appelée via JavaScript, permettait de récupérer les données envoyées depuis un formulaire de suggestion musicale. Ce projet m’a permis de découvrir et de manipuler ces technologies pour la première fois.
Conception et accessibilité
Une attention a été portée à la lisibilité et à l’accessibilité du site : structure HTML sémantique, contrastes suffisants, navigation clavier, focus visibles et mise en page responsive adaptée aux écrans mobiles et desktop, ceci était un plus qui a été effectué après le rendu du projet.
Fonctionnalités
- Affichage de fiches musicales complètes (titre, artistes, avis, droits).
- Lecture d’extraits audio limités à 15 secondes.
- Formulaire de suggestion musicale connecté à une API.
- Interface responsive et accessible.
Compétences développées
Ce projet m’a permis de consolider mes bases en HTML et CSS, de découvrir la manipulation de données en JSON et l’utilisation d’une API côté front, ainsi que de mieux comprendre les enjeux d’accessibilité et de droits d’auteur dans un projet web.
Résultat
Un site simple, fonctionnel et lisible, respectant les contraintes techniques et légales, et constituant une première expérience concrète de développement web dans le cadre du BUT MMI.