Langages & Technologies

• HTML Le langage de prédilection du web que je connais depuis HTML 3.2 et dans ses déclinaisons XHTML. Les évolutions de HTML 5 sont désormais mon quotidien.
• CSS CSS 2.1 est mon pain quotidien et j'écris régulièrement sur mes explorations de CSS 3
• Javascript Je suis familier avec AJAX, DOM 2 et 3, un peu moins avec E4X mais tout de même. Mon framework de prédilection est jQuery.
• SVG Ce langage de dessins va devenir une technologie mainstream avec IE9 et les parser HTML 5. J'explore actuellement ses interactions avec HTML et écrit sur le sujet.
• HTTP Outil de base pour concevoir des applications web, je suis particulièrement à l'aise avec les architectures REST
• PHP Bien que ma préférence, va aux technologies front-end, PHP est le langage qui ma initié à la programation. Bien que ne les ayant pas tous manipulés directement, je sais quoi attendre et quoi faire avec les principaux framework de ce langage : Zend Framework, Symphonie, CakePHP, etc.
• SQL
• autres... Les technologies précédentes représentent mon cœur de connaissance, mais d'une nature curieuse, je n'hésite pas à regarder et jouer avec d'autres technologies : Pyton, Ruby, RDFa, XUL, XSLT, XPath, etc.

Logiciels & environnements de travail

• Navigateurs Mon outil de travail numéro 1 est Firefox et il m'est indispensable de connaitre les subtilités de tous les autres ; Chrome/Chromium, Safari, Opera et bien sur Internet Explorer de 6 à 9. De toute façon, il est imperatif de maitriser les forces et faiblesses des différents moteurs de rendu si on veut se dire "expert". J'ouvre donc régulièrement des bugs pour Gecko et suis de près les évolutions de Webkit, Presto et Trident.
• IDE Un bon éditeur de texte me suffit généralement. gEdit sous Linux, Notepad++ ou Notepad2 sous Windows. Quand j'ai besoin d'utiliser des IDE plus conséquents, ma préférence va à Eclipse (en général Eclipse PDT ou Aptana Studio)
• Design Pas de suprise ici, j'utilise essentiellement la suite Web Premium de Adobe et en particulier Photoshop (depuis sa version 2.5 !), Illustrator et Fireworks. En bon utilisateur de Linux, je me suis bien essayé à Gimp ou Inkscape, mais... je crois que ça ne va pas être possible.
• OS Pour faire simple, Ubuntu Linux à la maison, WindowsXP/7 au travail ou en virtualisé à la maison et MacOSX... ah ben non, pas celui-ci ! J'ai également de bonnes notions d'administration serveur en particulier Apache 2.2
• CMS Particulièrement à l'aise avec les petits CMS que sont Dotclear et Wordpress, dès qu'il est necessaire de réaliser des sites plus complexe, j'ai tendance à orienter mes partenaires vers des frameworks intelligents comme Django, Rails, Symphony ou le Zend Framework

Savoir-faire

• Sens de la relation client
• Gestion de projet
• Gestion d'équipe
• Maîtrise des architectures Web
• Maîtrise des contraintes graphiques Web
• Maîtrise des démarches de qualité Web
• Intégration des problématiques d'accessibilité aux workflows de production Web.

Depuis 2006 : Manager Technique Web

BNP Paribas Personnal Finance - Paris, France

Encadrement de l'équipe technique Web de l'entité Internet France. Cette équipe, composée de 8 personnes, assure la gestion d'une vingtaine de sites Web dédiés à la vente de crédit sur Internet.

Mon rôle consiste à organiser le travail et m'assurer que les bonnes compétences sont employées pour le bon projet : planification, gestion, formation. Mon action s'est également focalisée sur la mise en place de toute la démarche de qualité Web aussi bien en interne qu'en externe, de la création de nos premiers cahiers des charges en 2006 jusqu'à l'ouverture d'un poste de qualiticien web au sein même de l'équipe en 2009.

2003 - 2006 : Développeur Web

Polyêdres - Montelimar, France

Développement et intégration des nouveaux sites Internet des clients de l'entreprise. Définition des principes de mise en œuvre technique. Administration des sites Internet existants.

C'est à ce poste que je me suis particulièrement frotté au Back End Web : Développement PHP et SQL, administration serveur et conception d'applications client/serveur. Mais c'est également là que j'ai découvert le vrai potentiel de CSS en travaillant avec des designers issus du print sans aucune connaissance du Web

L'entreprise étant alors toute petite, la relation client était omniprésente et la qualité de la gestion des projets était au centre de mes préoccupations.

2000 - 2002 : Designer Web

Cap-on-line - Bourg-en-Bresse, France

Conception graphique et intégration HTML/CSS des sites Internet des clients de l'entreprise. Toute la gestion de projet créatif était de mon ressort : Prise de brief, conception, planification, maquettage. La mise en oeuvre se faisait en binôme : à lui le developpement, à moi l'intégration.

1997 - 1999 : Centre National des Arts et Métiers, Ecole Supérieure Estienne - Paris, France

DSAA Art et Technique de Communication

Diplôme Superieur d'Arts Appliqués, option Art et Technique de communication. Ce diplome oriente sur toute la gestion de la stratégie de communication et sa mise en œuvre au travers de projets graphiques ou événementiels.

Ce fut la confirmation de mon intérêt pour Internet. En effet, ma soutenance de fin d'étude a porté sur la gestion et la mise en œuvre d'un événement destiné à promouvoir Internet auprès des élus locaux.

1995 - 1997 : Lycée André Argouges - Grenoble, France

BTS Communication Graphique

BTS relatif aux metiers de l'imprimerie, il forme à toutes les techniques infographiques : création graphique et typographique, maîtrise de la chaîne de production graphique, gestion de projet et mise en œuvre des techniques traditionnelles et numeriques du monde de l'imprimerie.

Ce fut l'occasion de ma première rencontre avec Internet. Mon projet de fin d'étude a intégré une partie multimédia matérialisée par la création de mon premier site Web pour le musée de Grenoble.

Mon blog

http://jeremie.patonnier.net

Mon site personnel sur lequel on peut retrouver mes élucubrations et mes articles techniques sur les technologies web (en particulier SVG et CSS 3). Quelques articles ont particulièrement retenu l'attention :

"Le modèle de boîte flexible en CSS 3" Il s'agi du premier article complet sur le sujet en français. A la demande de Mozilla, je l'ai traduit en anglais pour qu'il soit diffusé sur hacks.mozilla.org (ce qui en fait sans doute également le premier article complet sur le sujet en anglais).

"SVG et HTML5 font bon ménage avec Firefox" qui est un article qui détaille la façon dont SVG et HTML 5 peuvent interagir, en particulier au sein de Firefox 4.

Design & Typographie

http://typographisme.net

Projet actuellement en phase de préparation. Aujourd'hui la typographie est le parent pauvre de l'Internet. Avec quelques amis passionnés nous voulons promouvoir les bonnes pratiques typographiques sur le net, informer les designers sur ce qu'il est possible de faire en la matière et aider à la construction de règles claires, à l'image de ce qu'il peut exister dans le monde de l'imprimerie.

Quelques ressources anglophones se sont penchées sur la question, mais rien n'existe sur le sujet en français, c'est là que nous intervenons pour rendre tout cela un peu plus cohérent et accessible.

Conférences & Interventions

J'ai régulièrement l'occasion (et le gout) de parler en public de mon métier. En particulier, j'ai donné deux conférences et animé un atelier lors de Paris-Web.

• En 2008 une conférence sur le thème des "Standards du Web en entreprise" (voir la vidéo sur Dailymotion)
• En 2009 une conférence sur le thème du "Webdesign orienté business" (voir la vidéo sur Dailymotion)
• En 2010 un atelier à propos de "CSS 3 Aujourd'hui" (vidéo disponible prochainement)