[jwplayer config=”NBA_Clip_1024x576″ mediaid=”1893″]
Site des diplômes 2012
ESADS, Ecole supérieure des arts décoratifs de Strasbourg
HEAR.fr Haute école des arts du Rhin
http://diplomes.hear.fr
http://diplomes2012.esad-stg.org
This is my first time working on the ESADS Diplômes website.
This year, I’ve enjoyed finding out the following jQuery navigation systems: jQuery.ScrollTo (http://demos.flesler.com/jquery/scrollTo/), Metafizzy Isotope (http://isotope.metafizzy.co/), and Zoomoz (http://janne.aukia.com/zoomooz/).
I’ve had a few opportunities to implement them in the following projects:
– Evgenia’s webfolio (http://www.evgeniabobonevert.com/, a custom wordpress with Zoomooz),
– e-Blanc with Didactique Visuelle Year 4 students (almost on line),
– The blog of the collect if Ne Rougissez Pas with Julia Chantel (http://www.nerougissezpas.fr/category/blog/, isotope in a custom wordpress),
– and Lysiane Bollenbach’s dejademain.fr, which will be on line this fall.
When Laurent Doucelance, head of communication at the HEAR (Haute ecole des arts du Rhin, which brings together Strasbourg’s ESADS, Mulhouse’s Le Quai and Strasbourg’s Académie Supérieure de Musique) brought about the topic of this year’s website for the Diplomas, I jumped at the occasion to not only have fun with Isotope, but also build a great collection of students’ works that would be connected to the existing database of former students’ websites (about 300 from 2002 to 2008 : http://www.esad-stg.org/options/sites_etudiants/index.php).
Elsa Chaumet (http://www.elsachaumet.com) handled the graphic design of the index. Armin Zoghi (http://www.arminzoghi.com/), ESADS’ webmaster co-coordinated with Laurent, on top of the ungrateful task of taking care of adding all legends in the database, as well as many corrections and media exports.
I handled HTML5 / CSS 3 / jQuery integration and mySQL / Php development in about 15 hours, plus 15 hours additional hours for filling the database and various corrections.
In short, a must-see website!
/////////////////////////////////////////////////////////////////////////////////////////////////////////
Je réalise pour la première fois le site des diplômes de l’ESADS.
Cette année, les systèmes de navigation suivants m’ont marqué: jQuery.ScrollTo (http://demos.flesler.com/jquery/scrollTo/), Metafizzy Isotope (http://isotope.metafizzy.co/), et Zoomoz (http://janne.aukia.com/zoomooz/).
J’ai eu l’occasion de les intégrer dans plusieurs projets :
– Le webfolio d’Evgenia (http://www.evgeniabobonevert.com/, un wordpress fait main avec Zoomooz),
– e-Blanc avec les années 4 de Didactique Visuelle (presque en ligne),
– le blog du collectif Ne Rougissez Pas avec Julia Chantel (http://www.nerougissezpas.fr/category/blog/, isotope est monté dans un wordpress fait main),
– et le site dejademain.fr de Lysiane Bollenbach, en ligne plutôt à la rentrée.
Lorsque Laurent Doucelance, responsable de la Communication de HEAR (Haute école des arts du Rhin, qui regroupe l’ESADS, le Quai et l’Académie Supérieure de Musique) a abordé la question du site des diplômes, j’ai proposé de le faire avec en tête l’idée de faire d’une pierre deux coups : m’éclater avec isotope et associer le site des travaux de diplômes 2012 à la base de données déjà développée pour l’outil référençant les sites des anciens étudiants de l’ESADS (300 environ de 2002 à 2008 : http://www.esad-stg.org/options/sites_etudiants/index.php).
Elsa Chaumet (http://www.elsachaumet.com) s’est occupée de la conception graphique de l’accueil, Armin Zoghi (http://www.arminzoghi.com/), webmaster de l’ESADS a assisté la coordination de l’ensemble, en plus de la tâche ingrate de saisir les légendes dans la base de données ainsi que plusieurs passages de corrections et moultes retouches d’images.
J’ai assuré l’intégration HTML5 / CSS 3 / jQuery et le développement mySQL/Php en à peu près 15 heures, plus 15 heures supplémentaires de saisie dans la base de données ainsi que des corrections.
Bref, un chouette site à découvrir absolument.
