<auteur,concepteur, developpeur >
selon les normes du w3c
Sur la base du framework cakephp développement d'un outil de gestion de contenus (CMS) pour gérer le site du compositeur Geoffroy Drouin.
Au programme : 
achat ou location de partitions ; écoutes de morceaux ; détails des conférences et publications ;
Le design a été réalisé par Erwann Kervadec.
Le site : www.geoffroydrouin.com
Le projet "Transeuropéennes" est le portage sur internet de la revue papier.
Ce site propose des contenus en 4 langues : français, anglais, arabe et turc. Pour faciliter la consultation des documents dans différentes langues, nous avons mis au point un mode qui permet de comparer, lire, un même texte dans deux traductions différentes ( ie :cliquer sur le bouton "mode multilingue" de cet article pour en voir le fonctionnement).
L'un des aspects importants du site a été de préserver, quelle que soit la langue de consultation, la même quantité de contenus. Le développement des "fallback translations", ou traductions par défaut, a rendu cela possible.
Le framework cakephp permet de programmer facilement ce genre de comportements.
Par exemple, un article non disponible en arabe, sera proposé en anglais s'il existe ou bien finalement en français si le contenu n'existe que dans cette langue.
Le mécanisme de gestion du multilinguisme s'applique à tous les objets de données du site (y compris la future newsletter).
Travail passionnant dans un environnement non exclusivement non-occidental qui permet de se poser de nouvelles problèmatiques (notamment le changement du sens de lecture).
Le design graphique a été réalisé par Doodesign
Le site : http://www.transeuropeennes.eu
Le site du label innovant Elephant And Castles.com
Vous pourrez y écouter des albums et plonger dans les univers atypiques des artistes de ce label
.
Pour le Muséum National d'Histoire Naturelle réalisation du site des expéditions Mozambique et Madagascar.
Ce site est développé avec le framework cakephp.
Au programme :
- du multilinguisme
- des modules de contenus
- des définitions intéractives
Projet mené à bien avec les collègues du Collectif Sur le toit
Voir le site : http://www.laplaneterevisitee.org
Dvd-rom de vulgarisation scientifique (géosciences) réalisé dans le cadre de l'année internationale de la planète Terre
Dans le cadre de ce DVD j'ai programmé l'interface en Lingo et l'intégration des différents médias et pages.
L'autre facette de ce travail a consister à réaliser ,en collaboration avec soundakt, l'illustration sonore des différents écrans
Bref.... ce dvd, dont la réalisation a pris plusieurs mois a été une vraie source de plaisir tant au niveau de la programmation que pour la partie musicale.
Ce DVD a été fabriqué et conçu avec mes collègues du collectif surletoit.
Objectif du projet :
Réaliser un moteur pour le site du Festival du Rire de Montreux.
Détails :
La conception modulaire de ce moteur, afin qu'il soit réutilisable pour les éditions ultérieures, permettra d'ajouter au fur et à mesure de nouvelles fonctionnalités. Sans pour autant être obligé d'intervenir sur le "coeur".
J'ai donc choisi de développer ce moteur en utilisant le framework cakephp, que je commence maintenant à bien connaître.
Le modèle mvc de cakephp autorise vraiment ce genre de moteur et facilite grandement le développement de fonctionnalités spécifiques.
- Rubriques : arborescence, redirections, "nice-url",..
- Articles
- Médias : flashs, vidéos, images, carrousels d'images (flash - xml)
La deuxième partie intégrait tous les modules :
- Gestion des auditions ;
- Création du module de formulaires ;
- Moteur de critères pour le programme ;
- Publication de communiqués ;
J'ai aussi réalisé l'intégration xhtml des gabarits de ce site.
Ce projet a été réalisé avec peterpank, qui a conçu et réalisé le graphisme du site.
L'adresse du site du festival : montreuxfestivadurire.ch
Objectif de ce projet :
A partir d'un site statique, développer un site dynamique qui utilisera le cms lodel.
La première phase du travail a consisté à analyser le contenu des pages html (10 Mo de texte) et à les injecter dans une base de données. Après vérification par la SFM, ces données ont été ensuite intégrées dans la base de Lodel
Pour réaliser cette étape j'ai développé un outil avec cakephp. Ce qui a donné naissance à un mini site de validation (via des formulaires, etc..) dont le but était de permettre aux utilisateurs de la SFM de vérifier l'exactitude des donnée importées et de profiter de cette phase pour faire une première mise à jour.
La deuxième phase, le transfert des données vers Lodel, a été réalisée en créant, encore une fois avec cakephp, un outil de correspondance entre les deux bases de données. Cet outil permettait l'importation et la synchronisation des deux modèles de données.
Ensuite le travail de développement des gabarits selon la logique de Lodel a pu commencer. Pour faciliter l'accès aux détails des différentes publications, revues, etc..., nous avons avec Jean-Marc Dumont imaginé un petit système de consultation. Côté technique c'est combinaison de la bibliothèque jquery avec un développement de code Ajax spécifique pour communiquer avec Lodel.
Il ne restait plus ensuite qu'à intégrer les maquettes graphiques
Ce projet a duré 6 mois.... le temps nécessaire pour imaginer, concevoir, discuter et trouver un système qui convienne aux utilisateurs
Ce projet est réalisé dans le cadre du collectif surletoit dans lequel j'ai des billes.... enfin quelques unes.
L'adresse du site : Société Française de Musicologie
Ce projet a été une gigantesque course contre la montre. En un mois il a fallu créer une mécanique permettant la gestion des contenus et la production des pages.
La richesse des contenus, la nécessité de pouvoir les organiser de façon totalement modulaire, et en deux langues, imposaient de créer un back-office sur mesure totalement flexible. Avec les collègues de Surletoit, nous avions un mois pour réaliser la première phase du site.
Le choix d'utiliser le framework cakephp s'est rapidement imposé. En effet, la robustesse de ce framework, les motifs de conception qu'il utilise (MVC,ORM) m'ont permis de créer l'outil de mise à jour dont la cellule web du Muséum d'Histoire Naturelle avait besoin dans le délai imparti.
Lorsque la deuxième phase a commençé, les bases étaient posées pour développer les nouveaux modules. Là encore cakephp a montré toute sa puissance.
Ce site regorge de fonctionnalités qui offrent à l'internaute un confort de navigation ainsi qu'une grande utilisabilité : un système d'affichage de définitions un forum incorporé au site une mosaïque en flash présentant le zoo de la mission etc.
C'est le collectif Surletoit, dont je fais partie, qui a conçu et réalisé ce site.
Le site des Mers Australes : mersaustrales.mnhn.fr
Sûrement l'un des projets les plus intéressants que j'ai eu à mettre en place. Non seulement par la nature du sujet et le contexte du projet mais aussi par les besoins exprimés par le laboratoire.
J'y ai exercé les rôles de concepteur, chef de projet et développeur.
Au delà d'une démarche purement fonctionnelle, le laboratoire souhaitait disposer d'un bel outil, pratique et simple.
La phase de conception a duré plusieurs mois afin de bien préciser, page par page, les fonctionnalités et l'agencement des informations.
Concernant la partie d'administration, les besoins du CELLF 17e-18e exigeaient la création d'un outil sur-mesure.
Le site est entièrement réalisé en php (parfois en orienté objet), utilisant une base de données mysql. Les pages web sont, dans la grande majorité des cas, compatibles exactement avec les standards du W3C.
Le design graphique a été réalisé par www.lendroit.com
Après 10 mois de tests, de réflexion et de maturation ce projet voit le jour.
Pour ce site qui analyse les intéractions entre le monde numérique et la société, j'ai réalisé les gabarits xhtml et css. Ce site est valide xhtml-css.
Ce projet consistait à réaliser une v2 du site existant initialement. Au menu de cette nouvelle version : un nouveau back office avec des nouvelles fonctionnalités et implémentation de la technologie Ajax pour faciliter les mise à jour un nouveau système de recherche et de tri des informations (en php et en javascript pour une plus grande intéraction avec l'internaute) ; ajout de nouvelles fonctionnalités pour les internautes (liste de labels,...) ; réalisation du système permettant une gestion multilingue totale (contenus et élements de navigation) ; une refonte des gabarits html pour s'approcher de la norme xhtml - css ; création de la webradio qui permet d'écouter des morceaux des différents labels ; implémentation d'un blog avec un design personnalisé.
Le site : www.allumesdujazz.com Le blog : blog.allumesdujazz.com
Réalisé dans le cadre de www.surletoit.com
En partenariat avec doodesign nous avons réalisé le site de la Maison de l'Europe à Paris : www.paris-europe.eu
Cette association à pour but de promouvoir l'Europe (débats, rencontres, manifestations...)
J'ai assuré la conception et le développement de la partie SPIP et PHP de ce site sur la base des gabarits xhtml de doodesign.
Ce site est valide xhtml et css.
CinéArchives souhaitait mettre en ligne son catalogue de films pour en faire un éventuel portail de référence sur le film militant.
Après plusieurs réunions et quelques semaines une maquette fonctionnelle est validée. L'un des souhaits du client est d'offrir une navigation au sein de listes parfois longues. Un système de défilement de fiches au sein d'une liste, ainsi qu' un mécanisme de "panier" de fiches a été implémenté.
Le "panier" de fiches permet à l'internaute de constituer, au fur et à mesure de sa visite, sa sélection de fiches. Sélection qu'il peut consulter quand il le désire.
Alors que le site pouvait être mis en ligne, le client a décidé de faire appel à une SSII. Cette société propose une solution qui couple un logiciel spécialisé dans la gestion de fiches documentaires avec un site internet . Il désirait faire de son site un outil dédié aux documentalistes. Ce qui sortait du cadre de ce projet.
La conclusion est qu'il est toujours difficile et crucial de bien comprendre les attentes des clients. En effet, les envies et les besoins évoluent durant la phase de conception. Ce qui semble évident, ou plus exactement, la perception par le client des fonctionnalités d'un site reste abstraite jusqu'à la réalisation des premières pages du site. De même de notre côté, il faut être très attentif aux mots utilisés par le client. Certains peuvent mettre en évidence un décalage entre le projet (cahier des charges, maquette fonctionnelle, etc... ) et l'idée de site qu'en a le client. C'est ce qui s'est passé ici.
Ce site était conforme à la norme xhtml transitional et css2.
La motorisation était assurée par spip.
La contrainte technique ici était de concevoir chaque zone de contenu comme un module indépendant. En effet, chaque module peut recevoir un ou plusieurs autres modules.
Cette conception modulaire a permis, pour le back office de créer un système de création de page via "glisser-déplacer".
Le webmaster éditorial "pioche" alors dans la bibliothèque de modules (une soixantaine) et peut les assembler à la souris.
Côté Front-Office, ces modules devaient s'adapter selon leur contexte éditorial.
C'est pourquoi il a fallu presque 1200 lignes de css et finalement très peu de javascript pour réaliser ceci.
Ce site est visible sur tous les navigateurs récents et est conforme à la norme xhtml.
Musiwave (www.musiwave.fr) m'a commandé la réalisation de 25 gabarits pour le futur portail "jukebox" de Wanadoo. Malheureusement quelques mois après la fin de mon travail, le portail Wanadoo n'a pas pu voir le jour. En effet, Orange souhaitait créer directement le sien.
Certains de ces gabarits sont visibles sur le portail "jukebox" d'Orange.fr. Vous pourrez y écouter quelques titres via le player html que j'ai développé.
intervention réalisée pour le compte de CR Multimedia via ICC
intervention réalisée pour hyptique
Conception et développement des squelettes spip.
Conception et réalisation en php et html, javascript du back office de gestion de la base de données des avocats.
intervention réalisée pour libeo
Intégration
Conception et intégration des "squelettes" SPIP.
Intégration