Développement Web
Bootstrap - La La Land
Afin d’apprendre à utiliser un template Bootstrap et à le personnaliser en modifiant ou en ajoutant du code sur Visual Studio Code, nous avons réalisé, en cours de Développement Web, un site sur un sujet qui nous passionne. Pour ma part, j’ai choisi mon film préféré. J’ai adapté les couleurs afin de respecter son identité visuelle et ajouté différents éléments graphiques, comme des dégradés, des vidéos, des musiques et des images animées.
Pour découvrir le site, c’est ici : file:///C:/Users/inesb/Documents/BUT/Deuxi%C3%A8me%20ann%C3%A9e/S1/dev%20web/startbootstrap-creative-gh-pages/startbootstrap-creative-gh-pages/index.html
SAé - Site web Avions en temps réel
Dans le cadre de nos cours de développement web, nous avons eu une SAé pour réaliser un site web en utilisant principalement les langages HTML, CSS, JavaScript et JSON. Ce projet avait pour objectif de créer un site permettant de visualiser en temps réel les avions survolant la France. Ce projet nous a permis de manipuler des flux de données en JSON, de travailler sur l’interactivité avec JavaScript, tout en assurant une mise en page en HTML/CSS.
Pour découvrir le site, c’est ici : file:///C:/Users/inesb/Documents/BUT/Deuxi%C3%A8me%20ann%C3%A9e/S1/dev%20web/startbootstrap-creative-gh-pages/startbootstrap-creative-gh-pages/index.html
SAé - Concevoir des visualisations de données
Dans le cadre d’une SAÉ, nous avons travaillé en groupe de trois sur la conception de visualisations de données destinées au web et à un support animé. À partir de données collectées et analysées, nous avons réalisé différents types de graphiques : un graphique strict avec des bibliothèques JavaScript, un graphique hybride mêlant dessin vectoriel et animation en SVG, ainsi qu’une création plus artistique et animée. Nous avons également utilisé l’intelligence artificielle pour générer des infographies. L’ensemble de ces réalisations a ensuite été intégré à un site web, ce qui nous a permis de développer nos compétences en design, en programmation et en animation.
Pour découvrir le site, c’est ici : file:///C:/Users/inesb/Documents/BUT/Deuxi%C3%A8me%20ann%C3%A9e/S1/dev%20web/startbootstrap-creative-gh-pages/startbootstrap-creative-gh-pages/index.html
Jeu vidéo - Food Adventure
Dans le cadre d’un projet de Création et design interactif, nous avons réalisé à deux, sur GDevelop, un jeu vidéo éducatif autour des recettes de cuisine. Avec ma camarade, nous avons d’abord réfléchi à l’identité visuelle du jeu et à son univers. Nous avons ensuite créé un moodboard, puis conçu tous les éléments graphiques sur Illustrator, du début à la fin. Enfin, nous avons développé le jeu sur GDevelop et ajouté une ambiance sonore afin de renforcer l’immersion du joueur.