Voici quelques projets réalisés sur mon temps libre.
Je réalise régulièrement des projets personnels, le plus souvent dans le cadre d'une activité associative et bénévole. J'estime que c'est une excellente manière de m'autoformer. Pour en savoir plus sur chaque projet, cliquez sur les previews !
Progressia (mai 2010)
Progressia est un webzine musical vétéran (cinq ans d’existence papier, puis huit ans sur le web) dont je suis actuellement le webmaster, et un rédacteur occasionnel. L'équipe compte une vingtaine de membres. La version actuelle du site, réalisée par une équipe projet de trois rédacteurs (un chef de projet, un designer et moi-même) est en ligne depuis mai 2010. J'ai participé à la conception du front, entièrement conçu le back-office, et assuré l'ensemble du développement en utilisant Zend Framework, ce qui m'a permis de largement m'autoformer sur ce framework.
Quelques points intéressants :
J'ai continué à faire évoluer le site jusqu'à sa fermeture en mai 2011.
Outils : PHP5, Zend Framework, MySQL, AJAX, JS, librairie JQuery, XHTML, CSS, Photoshop.
Progressia est un webzine musical vétéran (cinq ans d’existence papier, puis huit ans sur le web) dont je suis actuellement le webmaster, et un rédacteur occasionnel. L'équipe compte une vingtaine de membres. La version actuelle du site, réalisée par une équipe projet de trois rédacteurs (un chef de projet, un designer et moi-même) est en ligne depuis mai 2010. J'ai participé à la conception du front, entièrement conçu le back-office, et assuré l'ensemble du développement en utilisant Zend Framework, ce qui m'a permis de largement m'autoformer sur ce framework.
Quelques points intéressants :
- Le contenu (hors podcasts) est entièrement bilingue français/anglais
- Le back-office gère notamment le workflow lié à la publication de contenu (planification, dépôt des articles, dépôts des photos, correction, traduction, publication). Chaque utilisateur dispose de droits spécifiques.
- Le site et son forum (utilisant le script SimpleMachines) sont synchronisés de différentes façons. Par exemple, les connexions/déconnexions sont simultanées ; la publication de commentaires sous les articles et chroniques crée automatiquement des threads spécifiques dans le forum.
Outils : PHP5, Zend Framework, MySQL, AJAX, JS, librairie JQuery, XHTML, CSS, Photoshop.
Anathema (septembre 2009)
J'ai eu le plaisir de concevoir et de développer le site officiel du groupe anglais Anathema (en ligne de septembre 2009 à mai 2010). Le groupe souhaitait un site sobre mais élégant, fonctionnel et simple à mettre à jour. Il s'agit donc d'un site administrable assez classique mais complet, avec en outre quelques particularités techniques intéressantes. Tout d'abord, l'ensemble des pages est chargé en AJAX, afin que le lecteur audio continue de jouer pendant la navigation. J'ai également mis en place des interactions Javascript avec le lecteur audio Flash, afin de lancer un morceau en particulier depuis la page discographie. Enfin, les sections photo et vidéo du site sont synchronisées avec des comptes Flickr et Vimeo : le groupe a ainsi la mainmise totale sur ces sections, grâce à l'administration très compléte de ces deux sites.
Outils : PHP5, MySQL, AJAX, JS, librairie JQuery, XHTML, CSS, Flash CS3, ActionScript 3, Photoshop, API Flickr, API Vimeo.
J'ai eu le plaisir de concevoir et de développer le site officiel du groupe anglais Anathema (en ligne de septembre 2009 à mai 2010). Le groupe souhaitait un site sobre mais élégant, fonctionnel et simple à mettre à jour. Il s'agit donc d'un site administrable assez classique mais complet, avec en outre quelques particularités techniques intéressantes. Tout d'abord, l'ensemble des pages est chargé en AJAX, afin que le lecteur audio continue de jouer pendant la navigation. J'ai également mis en place des interactions Javascript avec le lecteur audio Flash, afin de lancer un morceau en particulier depuis la page discographie. Enfin, les sections photo et vidéo du site sont synchronisées avec des comptes Flickr et Vimeo : le groupe a ainsi la mainmise totale sur ces sections, grâce à l'administration très compléte de ces deux sites.
Outils : PHP5, MySQL, AJAX, JS, librairie JQuery, XHTML, CSS, Flash CS3, ActionScript 3, Photoshop, API Flickr, API Vimeo.
Progressia
mai 2010
Anathema
septembre 2009
Lénaïc (janvier 2009)
Le chanteur Lénaïc avait besoin d'un site web pour promouvoir son nouveau spectacle « Faux Rêveur ». Nous avons élaboré le contenu ensemble, mais il m'a laissé une grande liberté pour le style visuel et les choix techniques. J'ai choisi de faire un site « full flash » pour mettre en avant l'aspect multimédia et visuellement dynamique... mais aussi pour le challenge, puisque je n'avais jamais fait ceci auparavant. L'artiste dispose d'un back office pour saisir ses news et ses concerts, et gérer sa mailing list. Les informations en base sont rapatriées sur le site par le biais de fichiers XML générés avec PHP.
Outils : Photoshop, Flash CS3, ActionScript 3, PHP5, HTML, XML, MySQL, CSS, Javascript.
Le chanteur Lénaïc avait besoin d'un site web pour promouvoir son nouveau spectacle « Faux Rêveur ». Nous avons élaboré le contenu ensemble, mais il m'a laissé une grande liberté pour le style visuel et les choix techniques. J'ai choisi de faire un site « full flash » pour mettre en avant l'aspect multimédia et visuellement dynamique... mais aussi pour le challenge, puisque je n'avais jamais fait ceci auparavant. L'artiste dispose d'un back office pour saisir ses news et ses concerts, et gérer sa mailing list. Les informations en base sont rapatriées sur le site par le biais de fichiers XML générés avec PHP.
Outils : Photoshop, Flash CS3, ActionScript 3, PHP5, HTML, XML, MySQL, CSS, Javascript.
Melocotón (février 2009)
Début 2009 Melocotón, le groupe de rock dont j'étais le guitariste, avait besoin d'un nouveau site web, pour démarcher des lieux de concert notamment. L'idée était de faire un site temporaire sobre et simple, car le groupe était dans une phase de transition (pas de support audio récent, pas de charte graphique bien définie). Finalement, le groupe s'est séparé peu de temps après la mise en ligne... Le site m'aura au moins permis d'approfondir mes connaissances en CSS et de découvrir l'URL Rewriting.
Outils : Photoshop, PHP5, HTML, MySQL, CSS, Javascript.
Début 2009 Melocotón, le groupe de rock dont j'étais le guitariste, avait besoin d'un nouveau site web, pour démarcher des lieux de concert notamment. L'idée était de faire un site temporaire sobre et simple, car le groupe était dans une phase de transition (pas de support audio récent, pas de charte graphique bien définie). Finalement, le groupe s'est séparé peu de temps après la mise en ligne... Le site m'aura au moins permis d'approfondir mes connaissances en CSS et de découvrir l'URL Rewriting.
Outils : Photoshop, PHP5, HTML, MySQL, CSS, Javascript.
Lénaïc
janvier 2009
Melocotón
février 2009
CD-ROM Melocotón (août 2006)
Mi-2006, mon groupe Melocotón enregistre son premier CD 4 titres. Je dispose d'un peu de temps libre entre l'enregistrement et le départ au pressage. Je décide donc de monter les vidéos prises au caméscope pendant l'enregistrement, et de créer une interface CD-Rom (lisible sous PC et Mac) contenant ces vidéos et des informations supplémentaires (textes des chansons, crédits, etc.). Une expérience enrichissante que j'aimerais renouveler.
Outils : Director, Premiere, Photoshop.
Mi-2006, mon groupe Melocotón enregistre son premier CD 4 titres. Je dispose d'un peu de temps libre entre l'enregistrement et le départ au pressage. Je décide donc de monter les vidéos prises au caméscope pendant l'enregistrement, et de créer une interface CD-Rom (lisible sous PC et Mac) contenant ces vidéos et des informations supplémentaires (textes des chansons, crédits, etc.). Une expérience enrichissante que j'aimerais renouveler.
Outils : Director, Premiere, Photoshop.
Virtual Teacher (mai 2003)
J'ai fait mon stage de fin d'IUT à l'université de Sarrebruck (Allemagne), au sein de la chaire de pédagogie. J'y ai conçu et développé un système permettant aux professeurs d'organiser et de publier facilement des cours en ligne. Le système était notamment basé autour d'un éditeur utilisant un pseudo-code proche du bbcode utilisé sur de nombreux forums.
Outils : PHP4, HTML, Javascript.
J'ai fait mon stage de fin d'IUT à l'université de Sarrebruck (Allemagne), au sein de la chaire de pédagogie. J'y ai conçu et développé un système permettant aux professeurs d'organiser et de publier facilement des cours en ligne. Le système était notamment basé autour d'un éditeur utilisant un pseudo-code proche du bbcode utilisé sur de nombreux forums.
Outils : PHP4, HTML, Javascript.
Melocotón (CD-ROM)
août 2006
Virtual Teacher
mai 2003
© Rémy Turpault 2011
Site valide XHTML Strict 1.0 et CSS3