Veuillez trouver ici les liens vers mes principales créations que stagiaire "Infographiste Multimédia" à l'AFPA Futuroscope

Veuillez trouver ici les liens vers mes principales créations depuis le jour où j'ai touché un PC (1996). Elles sont concentrées autour de 2 pôles : ma participation bénévole à l'association Philopartous entre 1997 et 2001 et mon emploi en tant qu'animateur multimédia à la FOL86 pendant 5 ans entre février 2000 et 2005

Notre formation à l'AFPA se compose de 4 modules, chacun se terminant par une évaluation. Après presque 3 mois de flash, le sujet choisi par notre bien-aimé formateur fut : l'AFPA ! :) En 2 jours et demi chrono, sans possibilité de travailler le soir, il nous a donc été proposé de créer une animation flash interactive présentant l'AFPA et ses formations. Le contenu, images et textes, était fourni.

J'ai choisi une orientation lumineuse et dynamique pour m'extraire du vert AFPA et rendre ce site institutionnel plus dynamique sans être bouleversant. Afin d'épauler les textes courts, j'ai sélectionné des images de bonne taille présentant les acteurs de la formation en action. Pas de photo vide de vie. Pour rendre l'internaute plus acteur, le passage de la souris sur les photos les animent, ce qui invite à découvrir ce qui s'y cache : l'internaute devient acteur dans sa propre découverte en somme.

Vous pouvez découvrir ici l'animation interactive de présentation de l'AFPA

Cette semaine, nous avons pratiqué sur 3 jours un exercice très intéressant avec Anthony (d'Hippocampe Studios à Poitiers). Nous avons tous tiré au sort le nom d'un de nos collègues qui est ainsi devenu notre client. A nous de le vendre sur le net en lui réalisant un site, toutes technologies confondues, qui vante ses mérites et qui lui ressemble.

Ma cliente fut Anne et après un entretien fourni, j'ai commencé à travailler sur son site : maquette, collecte des éléments, etc...
Le deuxième jour, j'ai réalisé la charte graphique et le dernier jour, j'ai intégré cette dernière dans Flash.
Vous pouvez consulter mon travail par ICI

Je vous mets aussi à disposition l'excellent travail de ma prestataire qui était Aleksandra Vedrenne. Vous pouvez le consulter ICI

Pour reprendre les hittest et les onenterframe, les attachMovie et les CreateEmptyMovieClip : un piti Pong ! Afin de compléter un peu le truc, j'ai préféré déplacer la raquette avec la souris. Ce qui ne m'empêche pas de calculer la vitesse de la raquette et donc d'influer sur la trajectoire de la balle. Essayez un peu de lifter et vous verrez ! J'ai posé une limite de vitesse mais il y a des moments où çà part vite :) Pour gagner (c'est quand même le but quelque part dans un jeu) il suffit de toucher trois fois le lanceur orange à droite. J'ai aussi intégré un "Bullet Time" avec la barre espace mais attention à ne pas vous rater sinon la balle ira encore plus vite après.

Second exercice d'animation : intégrer une publicité dans une page web existante capturée. Cette dernière nous a été imposée par notre formateur ! Si, si. C'est donc tombé sur une page du Figaro. Et c'est là que mes ennuis ont commencé parce qu'il y avait un article sur l'affaire RyanAir, cette compagnie ayant utilisé, sans autorisation, une image de Carla Bruni et Nicolas Sarkozy. Moi qui suis plutôt appliqué, je n'ai pas pu résister à la parodie. J'ai donc réalisé une pub RyanAir. Pas formidable mais rigolote.
Pour voir l'animation, c'est par ICI
L'intégration s'est faite avec swfobject. Cependant il y avait un problème pour réaliser le survol de l'avion sur la page. En effet, le fond transparent du flash ne permet pas le cliquage des liens placés dessous. Après recherches, j'ai compris qu'il fallait switcher deux animations flash. J'ai donc bricolé un code javascript collé au swfobject qui semble bien fonctionner. Pour l'expérience, veuillez me rapporter tout problème rencontré.
Je tiens au passage à signaler que lors d'un exercice, je cherche à respecter le temps imparti. J'estime que c'est une contrainte du métier qu'il faut absolument prendre en considération. C'est pourquoi certains de mes travaux peuvent avoir un aspect "simple". Mieux vaut finir quelque chose de fonctionnel que rendre une promesse de belle réalisation.

Exercice en 2 jours : réaliser en 300 sur 250 une petite animation de 18 secondes promouvant l'exercice physique auprès des jeunes enfants.
Temps imparti : une journée et demie.
Piège : notre gentil formateur nous a fourni quantité de docs sur l'animation (type dessin animé celle-là)
Conclusion : je suis tombé dans le panneau :) Je me suis fait plaisir en réalisant une animation quasiment image par image. Ce qui prend du temps ! Personnellement, j'ai adoré même si le résultat me semble moins que moyen. Cependant tout le monde (en particulier mon petit gars de 6 ans qui se l'ai passé en boucle) adore ce petit bout de personnage alors vive la magie de l'animation :)

PS : Il y a un truc que je ne m'explique pas, c'est un décalage au moment où il frappe fort la balle. Selon les machines et navigateurs, cela varie. Pourtant c'est de l'animation à la timeline. Si quelqu'un a une idée, merci de me contacter

Premiers pas avec le hittest ! Ouah un jeu qui ressemble à un jeu. Le nombre de projets que çà réveille dans les petits coins de ma tête :) Bon... dans celui-là il n'y a pas encore de son et qu'un seul type d'alien mais this is just a beginning

Comme je l'avais signalé dans une précédente news, je me suis chargé de la refonte du site du Dietrich, cinéma Arts et Essais alternatif dans la bonne ville de Poitiers. En octobre dernier, la salle a fermé ses portes pour 3 mois de travaux de rénovation et de mise aux normes. J'ai donc proposé mes services, dans le cadre du projet de fin de module web AFPA, pour mettre à jour le site du Dietrich.

Et c'était un beau projet : élaboration de la charte graphique (à partir des programmes papier du Dietrich) puis intégration HTML et CSS, réflexions autour du backoffice suivies de la création de la structure des bases de données MySQL et des pages dynamiques en PHP. 10 jours à (presque) plein temps !

J'ai obtenu la note de 18,5/20 de la part de mon formateur et de chaleureux remerciements de la part de l'équipe du Dietrich. A ce jour, le site est en ligne et fonctionnel et peut être consulté à l'adresse suivante : le-dietrich.fr

Petit exercice : faire une calculette à addition pour apprendre les additions aux enfants. Cela nous a permi d'aborder les champs texte, les fonctions de calcul. J'y ai rajouté des Tweens (encore), des key listeners et des notes progressives.
Cliquez sur "A toi de jouer" en bas à droite pour accéder à la deuxième partie qui est plus intéressante

Il s'agit juste de trouver la bonne combinaison pour voir les photos en entier. Nous avons pour cela travaillé sur les fonctions et les comportements de bouton. Personnellement, j'ai rajouté quelques petits Tweens dont m'avait parlé A. lors de mon stage à Cocoon :)