J'ai intégré l'édition 2018 du site du festival PHOS.
En effet, depuis 2013, l'organisme organise un festival annuellement et possède un site internet lui permettant de faire sa promotion et informer le public.
Cette édition n'est pas simplement une copie des années précédentes et son code source a été repensée.
Internet évoluant, une modernisation du code permet d'assurer une bonne expérience utilisateur (compatibilité) et de mieux se prévenir face à des attaques malveillantes.
Intégrateur web chez Espaces F
-
J'ai effectué la refonte du site d'Espaces F, un centre culturel situé à Matane, durant un stage de dix semaines.
Afin de faire cette refonte, je me suis basé sur un code inachevé existant ainsi que sur des maquettes graphiques produites durant le stage. Le site dispose également d'un gestionnaire interne qu'il a fallu coder.
J'étais le seul intégrateur web dans l'équipe constitué d'une stagiaire graphiste et de deux personnels du centre.
J'ai pu gagner en compétence en écrivant dans de nombreux langages de programmation mais j'ai surtout eu l'opportunité de réaliser un projet dans un contexte professionnel.
La nouvelle version n'est actuellement pas en ligne car il reste à finaliser des améliorations demandés au cours du stage et à effectuer quelques optimisations.
Au fil du temps, l'humanité créer des outils informatiques et innove, parfois en oubliant les fondamentaux. Ce projet de fin d'études de la formation techniques d'intégration multimédia fait le pari audacieux de donner les pleins pouvoirs aux plantes.
En effet, afin de rappeler que rien n'est acquis et afin de sensibiliser les plus jeunes à l'environnement, un dispositif permettant de « communiquer » avec la plante est imaginé.
Dans un groupe de cinq personnes, nous avons développés ce projet ambitieux depuis la phase de conception jusqu'à la présentation devant le public.
Je me suis particulièrement occupé de la rédaction du scénario, de la création de l'interface via le moteur Unity et du montage Arduino.
Boss S3 : Créer un site internet en deux jours
À la fin du troisième semestre, un examen pratique de deux jours est prévu. Il consiste en la création d'un site internet répondant à un cahier des charges sur une durée limité de deux jours entiers.
Cahier des charges :
Présenter le réalisateur de cinéma Robert Zemeckis ;
Créer des flux de données permettant l'alimentation de l'application ;
Alimenter l'application via les sources de données crées précédemment en utilisant Ajax.
Le projet était codé avec angularjs 1.6 .7 , bootstrap 4.0 .0 et d3.v3.
Création d'un thème WordPress
Afin d'appréhender le système de gestion de contenu WordPress, j'ai rédigé un thème personnalisé devant permettre l'affichage et la gestion d'un site d'information.
Clip vidéo en l'honneur d'un réalisateur
Afin d'apprendre à maîtriser le logiciel Adobe After Effet, j'ai eu pour exercice de réaliser un clip vidéo ayant pour but de présenter un réalisateur de son choix. J'ai choisi Keitaro Motonaga qui est capable de travailler aussi bien sur des univers très sombres et sérieux que sur un monde très coloré comme dans son film Persona 3 the Movie : #3 Falling Down ou dans la série d'animation Date A Live.
J'anime, avec d'autres collaborateurs bénévoles, le compte Twitter
de la Wikipédia francophone. Depuis sa création en août 2017, j'effectue les mêmes actions qu'un animateur de communauté (publications régulières de tweets selon un calendrier éditorial, réponses aux mentions …).
I was project
-
I was project est un projet d'étude mené dans le cadre des cours d'écritures numériques. L'objectif est de maîtriser les nouvelles technologies en animant une série de comptes Twitter afin de redonner vie à dix lanceurs d'alertes, hackers ou auteurs qui ont fait changer les usages. Via des prosopopées, on apprend à animer un compte d’une personnalité en suivant une ligne éditoriale précise. Via ces comptes, nous devons présenter l'individu en écrivant à la première personne tout en respectant son style d'écriture ainsi que son histoire.
Ce projet est la suite du site unpourtous.info, qui est un site multi-auteurs destiné à présenter une cinquantaine de lanceurs d'alerte.
Cette expérience inédite a fait l'objet
d'un article dans le journal quotidien français L'Est républicain. La version papier est lisible ici (source).
Annuaire de lanceurs d'alerte
Le site multi-auteurs unpourtous.info dresse le portrait d'une cinquantaine de lanceurs d'alerte. L'objectif était de rédiger une fiche biographique après avoir fait des recherches et interviewé la personne dans le cadre des cours de communication.
Vidéo interactive
Devenez acteur et plus seulement consommateur ! Au lieu de se contenter de regarder une vidéo, rentrez au cœur de l'action et faîtes des choix qui auront des conséquences directes sur le scénario.
Ce jeu s'amuse avec les limitations techniques de YouTube et les potentiels offerts par les différentes plateformes pour proposer une expérience unique à l'internaute.
Une mascotte de Wikipédia en design plat
Dans le cadre d'un projet de nouvelle charte graphique sur Wikipédia afin de moderniser son design, j'ai réalisé en juin 2017 une illustration en design plat pour le portail
animation et bande dessinée asiatiques. Pour cela, je me suis inspiré de la mascotte qui existait (image de gauche) pour l'adapter (image de droite). Cette illustration est présente sur plus de 5 200 articles en bas de page.
Identité visuelle du conservatoire Henri Dutilleux à Belfort
Pour cet exercice, nous devions répondre de façon individuelle à un appel d’offre fictif du conservatoire de musique. Pour cela, nous devions faire des recherches sur l'institution, trouver les enjeux et objectifs ainsi que les publics cibles, faire une analyse concurrentielle puis proposer des logos.
Durant un semestre et dans une équipe de trois personnes, j'ai développé un site internet destiné à géolocaliser des prises de courant en libre accès et gratuite. Contrairement aux utilisateurs non inscrits qui ne peuvent que visualiser les points sur une carte, les utilisateurs inscrits peuvent alimenter la base de donnée et commenter. Les commerciaux peuvent gagner en visibilité via un abonnement payant.
M'occupant de la programmation, j'ai rédigé les scripts PHP permettant de gérer les droits d'utilisateurs ainsi que la communication avec la base de donnée via le SQL. Je me suis également occupé de l'implémentation de l'API
Google Maps Javascript.
Le site a été réalisé dans le cadre d'un exercice pédagogique et n'était donc pas destiné à être déployé. Nous avons été l'un des rares groupe à avoir présenté un site fonctionnel, les exigences étant volontairement élevé pour nous forcer à donner le meilleurs de nous-même.
La piscine : présentation d’un livre et d’un ouvrage cinématographique
Pour le premier projet individuel de ma formation dans les Métiers du Multimédia et de l’Internet (MMI), nous devions concevoir un site internet statique en HTML/CSS. On disposais alors d’un semestre pour concevoir puis intégrer le site.
Le thème était « la piscine », nom donné à la bibliothèque de l’université et la consigne était de présenter un livre et une œuvre cinématographique liée ainsi que les univers et les auteurs. J’ai choisi de présenter sur le manga et sur la série d’animation japonaise Death Note.
J'utilise le logiciel d'animation gratuit MikuMikuDance pour réaliser mes animations. Cela me permet de restituer des connaissances acquises lors de mes cours d'infographie et de production audiovisuelle, en particulier pour le montage.
La vidéo ci-dessus présente l'une de mes créations.
