Sujet :
Il s’agit ici de mettre en place un site one-page pour une entreprise fictive. Ex : L’entreprise « mamamie » qui propose de vous aider à trouver le bon cadeau à destination de vos grands-parents…
La page doit forcément être structurée comme vu en cours : un fichier HTML, un ou plusieurs fichiers CSS qui lui sont liés (vous pouvez utiliser des frameworks css si vous le souhaitez), un fichier javascript lié dans lequel vous codez le fonctionnement en utilisant la fonction fetch de ES6 ou la fonction $.ajax() de jquery.
Il ne faut utiliser aucun formulaire PHP : pas de balise form… Vous pouvez mettre des boutons si vous le souhaitez, mais on peut s’en passer. Les images que vous utilisez pour illustrer votre page doivent être caractérisées par des critères (par exemple pour le restaurant, le pays d’origine du plat, si c’est une entrée, un plat, un dessert, etc…), et il faut pouvoir en un clic afficher les seules images correspondant à ce critères : l’utilisateur doit pouvoir filtrer facilement et rapidement les images.
Mon travail :
J’ai choisi de créer un site web lié à la musique, car c’est quelque chose que j’apprécie au quotidien. J’écoute de la musique en allant en cours, pour me détendre, et même lorsque je travaille. De plus, la musique et le son sont des éléments que nous étudions dans la formation MMI (Métiers du Multimédia et de l’Internet).Dans le cadre de notre projet lié au BUT MMI, je trouvais que le thème de la musique était approprié.
J’ai décidé de proposer des morceaux de musique à écouter en fonction des matières travaillées en MMI, telles que le graphisme, le développement web, la communication et l’audiovisuel. De plus, les utilisateurs ont la possibilité de choisir un artiste, une chanson ou un album, ce qui leur permet de personnaliser leurs choix. C’est ainsi que j’ai choisi le titre « Monde Mélodique Illimité » pour mon site.
En ce qui concerne la conception visuelle, j’ai cherché à créer un style CSS qui évoque directement la musique, en utilisant des couleurs vives. Je suis globalement satisfaite de ce projet, en particulier du fait que j’ai réussi à résoudre les problèmes rencontrés lors de la mise en place des filtres, et j’apprécie beaucoup le design que j’ai créé.
Date : 14 novembre 2023
Durée : 12 heures
Logiciel : HTML, CSS, Javascript
