C'est en 2001 que j'ai réalisé le premier site pour Michel Tozzi. Suite à notre rencontre au colloque de Castres sur les pratiques philosophique en café philo, il m'a demandé si je pouvais l'aider à réaliser son site internet. La masse d'articles qu'il me proposa de mettre sur le site m'effraya. Mais avec l'aide d'un bon ami développeur, je développais une sorte de CMS rudimentaire permettant de gérer les rubriques et les articles.

Sept ans plus tard, il était grand temps de rénover ce site obsolète. Et plutôt que de continuer à développer ce que d'autres savent mieux faire que moi, j'ai choisi Wordpress comme plateforme d'accueil pour les plus de 300 articles de Mr Tozzi. Pourquoi Wordpress ? Parce que le système est simple et vaillant. Expliquer Joomla ou SPIP à Mr Tozzi aurait été compliqué alors qu'en moins de 3 heures, il a appris (en elearning grâce à LogmeIn) à gérer ses articles. J'ai remanié aussi la charte graphique afin de la rendre plus "web 2.0" :)

Vous pouvez bien sûr consulter le site : www.philotozzi.com

Une commande d'un vrai client : la refonte de leur ancien site réalisé en 2001 avec du bon vieux HTML et pas une goutte de CSS. Pour ce site, j'ai touché tous les niveaux d'un site :

• réflexions sur le contenu : brochures, plans des gîtes,...
• référencement : inscription dans les annuaires, rédaction du contenu en utilisant les mots-clefs
• charte graphique : récupération des contenus, concertation avec le client, conception, intégration en full CSS et javascript (accordéon Mootools)
• pages dynamiques : livre d'or PHP/MySQL, liens pour basculer de français à anglais (include sur les meta, lightbox, menus,...), gestion des metas sur un seul fichier

Vous pouvez bien sûr consulter le site : www.gites-la-font.com

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