Portfolio Anne Passelègue

Site du Forum ESIEE Paris

Pour notre projet tutoré en deuxième année à l'IMAC, nous avons eu à réaliser le site internet du forum des stages de l'ESIEE Paris. Ce forum a pour but de mettre en relation les étudiants de l'ESIEE avec des entreprises, notamment afin que les étudiants puissent trouver leur stage.
Le site du forum a pour but de répertorier les entreprises qui seront présentes à la prochaine édition du forum, ainsi que les stages qu'elles proposent. Chaque entreprise peut se connecter sur le site pour déposer ses offres et consulter les différents profils des étudiants inscrits, et chaque étudiant peut se connecter sur le site pour déposer son CV et consulter les offres de stages disponibles.

Plus d'informations sur la vidéo de présentation suivante :

Le site possède également un espace administrateur, permettant de gérer tout le contenu du site.

Cliquez sur l'image pour faire défiler.

Boutique en ligne Crouskie

En deuxième année de BUT, nous avons réalisé en groupe une boutique en ligne de vêtements, de la marque Crouskie (que nous avons inventée). Ce site permet à l'utilisateur de consulter des produits et des collections de vêtements, de se créer un compte, de se construire un panier et de passer commande (le paiement n'étant toutefois pas implémenté). Ce projet a été réalisé en méthode Agile.
Ce site a été réalisé en HTML, CSS, JavaScript et PHP.
J'ai essentiellement travaillé sur les pages liées au compte utilisateur, au panier et au récapitulatif des commandes. J'ai aussi réalisé certains designs de vêtements.

Cliquez sur l'image pour faire défiler.

Site de speedrun SpeedScore

En première année d'IMAC, nous avons eu une semaine pour réaliser un site web nécessitant une base de données contenant plusieurs tables interconnectées. Nous avons choisi de coder un site de speedrun nommé SpeedScore. Pour rappel, le speedrun consiste à terminer un jeu vidéo le plus rapidement possible.

Sur notre site, le joueur peut se créer un compte, voir la liste des jeux vidéo disponibles, consulter le détail d'un jeu vidéo (il peut effectuer une recherche dans la barre de recherche). Il peut également voir des statistiques sur les différentes catégories de speedrun (utilisation ou non des bugs, obligation de battre tous les ennemis...), mais il peut surtout créer des runs, c'est-à-dire enregistrer une session de speedrun sur un certain jeu vidéo, dans une certaine catégorie et en un certain temps. Sur son profil, l'utilisateur peut consulter toutes ses sessions.

Sur le site, il est également possible de créer des comptes administrateurs, qui auront la possibilité d'administrer les jeux, les catégories, les utilisateurs et les sessions (ajout, modification et suppression). Afin de permettre une meilleure ergonomie du site, les pages accessibles uniquement par les administrateurs n'ont pas la même couleur de fond.

Ce site a été réalisé en HTML, CSS, JavaScript et Flask.

Cliquez sur l'image pour faire défiler.

Site vitrine d'un musée

En première année d'IMAC, nous avons dû réaliser en binôme un site utilisant les données d'une API. Notre site web est le site d’un musée fictif appelé Musée Bretcho. Il est possible pour l’utilisateur de consulter la liste des œuvres que possède le musée (ces œuvres sont renvoyées grâce à l’API de l’institut d’art de Chicago). L’utilisateur peut aussi consulter les détails techniques d’une œuvre ainsi que des informations sur l’accessibilité à notre musée.

Le site est accessible via le lien suivant : Musée Bretcho.

Site de musique Vibubble

En seconde année d'IMAC, nous avons dû réaliser un site avec le framework React sur le thème de notre choix. Une de nos contraintes était que le site devait utiliser une API. J'ai choisi de récupérer une partie des données de l'API de Deezer dans des fichiers JSON afin de faire ma propre API. Mon site est un site de musique, nommé Vibubble. Il permet à l'utilisateur de consulter des artistes, des albums et des titres, et de les ajouter à sa liste de favoris.

Jeu d'échecs en 3D

En seconde année d'IMAC, nous avons réalisé un jeu d'échecs en C++. Il devait y avoir un affichage 2D fait avec la librairie ImGui sur lequel on peut jouer, ainsi qu'un affichage 3D fait avec la librairie OpenGL. Nous devions également implémenter des fonctionnalités comportant de l'aléatoire dans notre jeu. Nous avons donc ajouté de l'aléatoire dans les sons émis lors de certains déplacements de pièces, ainsi que dans la créations de nouvelles pièces aux caractéristiques et aux déplacements spéciaux. Toutes nos pièces en 3D ont été modélisées par nos soins.

Logiciel de graphe-map

En première année de BUT, nous avons réalisé en binôme une application en Java avec une IHM (Interface Homme-Machine). Cette application sert à analyser un graphe-map, c'est à dire un graphe représentant différents lieux ainsi que les routes qui les relient.
Le graphe est chargé à partir d'un fichier texte choisi par l'utilisateur. Ce fichier contient la matrice d'adjacence détaillée du graphe.

Cette application possède différentes fonctionnalités, comme par exemple connaitre la longueur en km d'une route, savoir si deux nœuds sont à 2-distance, ou encore savoir entre deux villes laquelle possède le plus de restaurants à côté d'elle. On peut aussi décider de n'afficher que certains types de lieux (villes, restaurants ou centres de loisirs) ou que certains types de routes (autoroutes, nationales ou départementales).

Appli mobile Weathermate

En deuxième année, nous avons réalisé par petits groupes une application mobile en Kotlin. Nous avons choisi de faire une application de météo, qui récupère les données (météo, température, vent, pression atmosphérique, humidité...) depuis une API.

Cette application est composée de trois pages visant à la configurer (choix des unités de mesures, autorisation de la géolocalisation...), ainsi que de pages visant à afficher la météo des villes que l'utilisateur a choisit. Il peut ajouter des villes à sa liste depuis une barre de recherche ou directement depuis une carte du monde. L'utilisateur peut aussi observer une page détaillée des villes qu'il souhaite.

Jeu du Pacman

En deuxième année, nous devions réaliser en binôme un minijeu en JavaScript. Nous avons choisi de coder un Pacman, car c'est un jeu que l'on aime beaucoup.

Jeu de Tower Defense

En première année d'IMAC, nous avons réalisé en binôme un jeu de type tower defense en C++ avec OpenGL.
Le but consiste à placer des tours de défense sur une map afin de se protéger de salves d'attaques d'ennemis. Chaque ennemi détruit rapporte de l'argent qui servira à construire d'autres tours de défense. Quand il survit à un nombre suffisant d'attaques, le joueur gagne la partie. Il existe plusieurs types de tours et d'ennemis, chacuns ayant leurs propres spécificités.

Nous avons choisi de faire un tower defense sur le thème du célèbre manga One Piece. Nos tours sont donc des bateaux pirates, et nos ennemis des agents de la marine. Le point d'arrivée à défendre est un précieux fruit du démon.

Afin de construire la map, le programme devait prendre en compte une map dessinée en pixels avec des couleurs basiques, ainsi qu'un fichier texte pour savoir les positions des positions des noeuds du graphe qui représentais les différents chemins empruntables par les ennemis, ces derniers utilisant le chemin le plus rapide entre le point de départ et le point d'arrivée.

La retouche d'images

En première année d'IMAC, nous avons eu un workshop d'une semaine durant lequel nous avons appris à réaliser des effets sur des images en C++, comme on peut en trouver dans Photoshop ou les filtres Instagram.
Nous avons codé des fonctions permettant de jouer sur les couleurs des images, de leur appliquer des transformations telles que des rotations ou des symétries. Nous avons aussi appris à rajouter du bruit ou des effets de glitch sur les images, ou encore d'en faire une sorte de vortex. Nous avons également appris à réaliser plein d'effets tels que du flou ou du tramage, ou encore du tri de pixel par couleur.

Nous avons de plus réalisé quelques dessins tels qu'une rosace ou la modélisation de la fractale de Mandelbrot.

La 3D

En deuxième année d'IMAC, nous avons eu des cours de modélisation 3D sur le logiciel Blender. Pour notre projet de fin de semestre, j'ai réalisé la vidéo suivante :

Nous pouvions choisir le thème de notre souhait, la seule contrainte étant de respecter l'animation de 4 secondes en traveling d'un véhicule, comme dans l'exemple suivant donné par notre professeur :

Nous avons également pu modéliser différents objets durant nos cours, comme une console Switch.

Le dessin

À l'école Cohl nous avons appris différentes techniques de dessin.
Nous avons par exemple dessiné le buste de Néfertiti au fusain, ainsi qu'un modèle aux pastels.

Nous nous sommes également concentrés sur des croquis plus simples ayant pour but de nous améliorer au niveau des proportions. Nous avons entre autres dessiné des fruits, des modèles humains ou encore un autoportrait.

La peinture

À l'école Cohl nous avons aussi fait de la peinture (de la gouache). À chaque fois nous esquissions d'abord des croquis, puis nous y ajoutions la couleur. Pour peindre des modèles humains, nous n'avions en général que très peu de temps. L'objectif était principalement de se concentrer sur les différentes zones d'ombre et de lumière présentes sur les modèles afin d'obtenir le plus de relief possible.
Nous avons aussi fait des exercices pour lesquels le but était de reproduire au mieux la couleur des objets et toutes leurs nuances, de la manière la plus proche de la réalité. L'objectif était de réaliser des peintures les plus réalistes possible.

Le photomontage

J'ai aussi pris des cours d'infographie à la petite École Cohl, l'année après avoir pris des cours de dessin. En effet, c'est quelque chose qui m'a toujours attiré mais pour lequel je n'avais aucune compétence (ni pour la technique, ni pour l'utilisation des logiciels de photomontage). J'ai donc décidé de prendre des cours du soir pour pouvoir en apprendre plus sur l'infographie. Ces cours m'ont beaucoup appris et beaucoup plu.
Durant les cours nous avons analysé de nombreux photomontages, affiches et peintures numériques. Nous avons aussi appris à nous servir de nombreux outils sur les logiciels Photoshop et Illustrator. Nous avons aussi appris à faire de la mise en page avec le logiciel InDesign. Des trois logiciels je préfère utiliser Photoshop, car c'est le plus adapté au photomontage.

La photo

Depuis toujours j'adore la photographie. J'aime tout prendre en photo, que ce soit des personnes, des animaux, des paysages, des bâtiments... J'aime aussi réaliser des photos plus artistiques. J'aime capturer la beauté d'un paysage, la lumière du soleil, ou encore les mouvements d'un animal ou de quelqu'un dans le feu de l'action. Je m'inscris par ailleurs régulièrement à de petits concours photo.

Cliquez sur l'image pour faire défiler

Les courts-métrages

À l'IMAC, nous avons réalisé deux courts-métrages. En deuxième année, nous avons eu à en réaliser un sur le thème du transhumanisme. Durant ce projet, j'ai participé à la préproduction (rédaction du scénario, découpage-technique, recrutement des acteurs) ainsi qu'à la post-production (dérush, montage).

Regarder la vidéo sur YouTube

En première année, nous avons eu à réaliser une vidéo sur le thème de notre choix. Nous avons choisi de faire un court-métrage. Il s'agissait de mon tout premier court-métrage. Durant ce projet, j'ai participé à la préproduction (découpage-technique) ainsi qu'au tournage (caméra, son, lumière, script).

Regarder la vidéo sur YouTube

Le montage vidéo

J'ai toujours beaucoup aimé la musique, et comme mon père joue de la batterie, nous avons eu l'idée de créer une chaîne YouTube où nous postons ses covers.
Je me charge de réaliser le montage vidéo. J'aime passer du temps à couper et monter les différents plans de sorte à obtenir un rendu fluide et dynamique qui capte l’attention du spectateur tout au long de la chanson, tout en collant avec le rythme du morceau. Je m'occupe aussi de toutes les étapes du tournage : installer le matériel pour filmer, choisir le nombre de plans, cadrer, ajuster les lumières...
Pour chaque cover j'essaie de varier les angles de vue et les lumières, afin de réaliser des vidéos qui soient assez différentes.
Pour le montage, j'utilise le logiciel Filmora.

Les covers sont accessibles sur la chaine YouTube LauLau Drums.

L'animation

Dans le cadre d'un projet de cinéma en deuxième année d'IMAC, nous avons réalisé un title sequence. Il s'agit de la séquence au début d'un film où le titre et les noms des acteurs et réalisateurs du film sont affichés à l'écran.
Le but du projet était d'inventer un film puis de réaliser son title sequence. Le choix de la technique était libre. Nous avons choisi de faire de l'animation 2D, les illustrations étant faites avec Illustrator et l'animation avec After Effects.
Notre film est un thriller comique sur une enquête concernant un homme retrouvé mort chez lui, les trois suspectes étant trois habitantes de son immeuble.

Avec Photoshop et After Effects, nous avons appris à réaliser des "parallaxes" c'est-à-dire des animation d'images 2D pour doner un léger effet de d3 dans l'image. Nous avons aussi appris à réaliser certains effets spéciaux.
Nous avons également appris à insérer ces vidéos d'animation dans des mokups afin de les mettre en situation, pour faire de la publicité par exemple.

L'infographie

J'ai été membre du BDE Informatique de l'IUT Lyon 1 durant le mandat 2022-2023, ainsi que du GIC (BDE IMAC) durant le mandat 2024-2025. J'ai participé à la création d'infographies visant à communiquer sur les différents évènements organisés par le BDE, comme par exemple en faisant des affiches ou des posts Instagram.