Projet académique dans le cadre du BUT MMI, visant à développer un site web contributif permettant de répertorier et partager des sélections musicales personnalisées.

Objectifs du projet

• Concevoir une page web interactive présentant cinq albums ou morceaux avec un extrait audio de 15 secondes, une description et un lien d’écoute.
• Développer un système contributif permettant aux utilisateurs de proposer leurs propres sélections via un formulaire.
• Appliquer les bonnes pratiques de développement web, d’optimisation des médias et d’intégration dynamique des données.

Développement et fonctionnalités

• Site one-page optimisé pour une largeur de 1024 px et plus.
• Stockage des données externe : utilisation d’un fichier JSON pour structurer les morceaux et permettre leur mise à jour dynamique.
• Gestion des contributions :
  • Formulaire permettant aux visiteurs de suggérer un album ou un morceau avec son extrait audio.
  • Prévisualisation avant soumission.
  • Envoi des données via JavaScript à un service web externe.
• Optimisation et accessibilité :
  • Site respectant les règles Opquast pour garantir une bonne qualité web.
  • Hébergement sur un serveur distant (o2switch) avec un accès sécurisé via .htaccess.

Compétences mobilisées

Ce projet reposait sur des compétences que j’avais déjà acquises avant mon entrée en BUT MMI, notamment :

✅ Développement front-end : HTML, CSS (mise en page responsive & animations), JavaScript (chargement et manipulation de données).

✅ Intégration et optimisation : Gestion des médias optimisés (audio, images), respect des bonnes pratiques HTML/CSS.

✅ Gestion d'hébergement : Déploiement sur serveur distant, utilisation d’un client FTP, sécurisation des fichiers.

✅ Expérience utilisateur : Navigation fluide, interactions dynamiques et système contributif intégré.

Livrables

📌 Site web complet sous format ZIP (10 Mo max)

📌 README.md détaillant l’installation sur un serveur local

📌 Lien vers le site en ligne et tableur Opquast complété