Modèle de document générique

Romain DERUERE - 8 années d’expérience
INGENIEUR D’ETUDES HTML5-CSS3 / ERGONOME / FORMATEUR
Romain DERUERE
8 années d’expérience
INGENIEUR D'ETUDES HTML5-CSS3
ERGONOME - FORMATEUR WEB
Certification HTML/CSS - Alsacréations (12 Juillet 2013)
 DOMAINES DE COMPETENCES
DESIGN ET INTEGRATION






Réalisation de StoryBoard.
Création d’interfaces graphiques.
Intégration crossbrowser : HTML 5, CSS 2/3, Javascript.
Intégration "Responsive Web Design" : responsive, liquide, adaptif.
ANIMATION FORMATION




Animations de formations : HTML/CSS/RWD (débutant, avancée, compatibilité navigateurs).
Rédaction de supports de cours et d’exercices.
Rédaction de test d’évaluation.
Rédaction de guide de bonnes pratiques.
CONCEPTION ET DEVELOPPEMENT

Etude des besoins du client afin de trouver des solutions adaptées.
Normalisation W3C / Compatibilité multi navigateurs / Accessibilité RGAA.
Documentation du code : CSS Doc.
 Qualités rédactionnelles afin de rédiger un cahier des charges compréhensible par tous.
 Déclinaison multi-supports : desktop, tablette, phablet et smartphone.
 Analyse des enjeux, des risques et impacts sur le bien-être du projet.
1
Romain DERUERE - 8 années d’expérience
INGENIEUR D’ETUDES HTML5-CSS3 / ERGONOME / FORMATEUR
 ENVIRONNEMENTS TECHNIQUES
TECHNOLOGIES
FRAMEWORK/LIBRAIRIE
IDE
SGBDR
METHODES ET OUTILS
ENVIRONNEMENT
SERVEUR D’APPLICATION
AUTRES
HTML 5, CSS 2/3 – Responsive Web Design, JavaScript, Grunt, Brunch,
Pleeease, PHP 4/5, Flex 2/3
Knacss, Less, Jquery, Jquery mobile, Liveray/Alfreso, Symfony
Eclipse, Sublime Text
Oracle, MySQL
UML
Windows, Mac
Tomcat5
Photoshop, LightRoom, Autopano
 FORMATIONS
2006
Concepteur Développeur en Ingénierie des logiciels en alternance
(Diplôme Bac+ 4)
Chambre de Commerce CCI, Châteauroux
2004
DUT Informatique option Génie logiciel (Diplôme Bac+ 2)
IUT Informatique, IUT de La Rochelle
2
Romain DERUERE - 8 années d’expérience
INGENIEUR D’ETUDES HTML5-CSS3 / ERGONOME / FORMATEUR
 PRINCIPALES EXPERIENCES PROFESSIONNELLES SQLI
FORMATEUR
DEPUIS 2011
ANIMATION FORMATION
Animation de formations dans le domaine du web HTML/CSS. Rédaction de supports de cours et
d’exercices.
 Client : DDH Communication, France télécom, AT Internet, Pôle Emploi, Banque Postale…
 Formation en interne à SQLI : montée en compétence des équipes internes sur HTML/CSS.
Environnement technique :
HTML/HTML5/CSS2/CSS3/ RWD / CSS Doc / compatibilité cross
browsers
EXPERT FRONTEND
DEPUIS JUILLET 2013
LA BANQUE POSTALE - DISFE / CENTRE DE DEVELOPPEMENT MUTUALISE
Accompagnement des équipes CDM sur le métier Front-End avec mise en application des
technologies HTML5/CSS3. Cette prestation concerne le projet « Hub Contact » ainsi qu’un POC sur
la mobilité (Tablettes Android) pour le service PJB de la DISFE:
 Montée en compétence d'une personne aux pratiques HTML5 / CSS 3, bonnes pratiques et
quelques notions de responsive et de javascript.
 Prestation de maquettages HTML 5 / CSS3 :
o Mise en place des gabarits.
o Découpe HTML et création des feuilles de style.
o Réalisation des maquettes suivant les normes en vigueur.
Projet Tablette : réalisation des maquettes de l'application mobile et des animations visuel
 Formation des équipes internes (service CDM) aux nouveautés HTML5 / CSS3 et aux bonnes
pratiques.
 Intégration des maquettes HTML5/CSS3 | Utilisation du framework Knacss.
 Création des animations CSS3/Javascript - Optimisation/Performance liées aux contraintes.
fortes du métier sur la fluidité des animations sur Android / IOS.
 Expérience utilisateurs - UX users.
 Montée en compétence sur le framework MVC Javascript propriétaire.
 Customisation de la librairie Iscroll pour répondre aux besoins de navigations.
Environnement technique : Photoshop, HTML5/CSS3, Javascript, Accessibilité, Cordova
DEPUIS MAI 2013
CELLULE FRONT-END
Mise en place de la cellule Front-End avec les membres de l’équipe.
 Organisation et structure de l’équipe.
 Questionnaire de statistique dans le but d’estimer la charge d’intervention et les domaines.
 Rédaction des fondamentaux HTML/CSS : les fondations, les bonnes pratiques …
 Préparation à la Certification HTML/CSS (Alsacréations).
Environnement technique : HTML, CSS, Javascript, Ergo design, Accessibilité ...
3
Romain DERUERE - 8 années d’expérience
INGENIEUR D’ETUDES HTML5-CSS3 / ERGONOME / FORMATEUR
INTEGRATEUR /DEVELOPPEUR
FEVRIER 2013 A MAI 2013
COFINOGA / ESPACE CLIENT WEB
Création d’un nouvel Espace Client pour www.cofinoga.fr permettant aux clients Cofinoga de gérer
leurs comptes, leurs cartes, leurs crédits, et leurs paiements de manière sécurisée.




Intégration de nouvelles fonctionnalités.
Refonte / Normalisation de l’espace client pour l’ouverture aux partenaires.
Mise en place de style générique pour les contenus contribué du client.
Chiffrage de demande fonctionnelle.
Avant-vente : participation à la rédaction d'un dossier sur la refonte ergonomique de l'Espace Client





Etude de l'existant : avantages / inconvénients.
Axes d'amélioration : design, tendance, statistique du moment, ligne de flottaison.
Impacts et enjeux de la refonte.
Périmètre cible sur la mobilité (tablette/smartphone).
Chiffrage en lots sur la refonte.
Environnement technique :
Photoshop 5, HTML/CSS, environnement Liferay, application JEE
associé aux technologies Struts, Spring, Maven Ant, TomCat5, Alfresco, java
COFINOGA / ESPACE CLIENT MOBILE
Ouverture de l’Espace Client sur tablette et mobile.
 Mise en place du Responsive Design sur l’Espace Client.
 Maquettage des pages mobiles.
Environnement technique : Jquery Mobile / CSS (Responsive Design) / Photoshop
COFINOGA / ESPACE CLIENT BACK-OFFICE
Création d’un back-office sur l’Espace Client : paramétrage des enseignes en fonction du device
(web/tablette/smatphone).
 Normalisation de la couche FrontEnd, modernisation CSS3 et compatibilité navigateurs.
Environnement technique : Jquery ui, mobile / CSS3 : selectivizr, css3Pie / Photoshop
OCTOBRE 2011 A FEVRIER 2013
MAIRIE DE BORDEAUX / REFONTE WEB
Refonte graphique du site www.bordeaux.fr. Remise aux normes W3C des CSS.
 Analyse des maquettes.
 Reformulation totale des CSS pour une application cohérente et homogène sur le site.
 Application compatible cross-browsers.
 Migration de portlets (jsp).
 Etude accessibilité RGAA.
Environnement technique : JeetSpeed, HTML et CSS2/3, Java
4
Romain DERUERE - 8 années d’expérience
INGENIEUR D’ETUDES HTML5-CSS3 / ERGONOME / FORMATEUR
JUILLET 2011 A OCTOBRE 2011
BORDERLINX / E-COMMERCE
Création d’une plate-forme e-commerce.
 Analyse des fonctionnalités
 Développement métier sous Magento
 Intégration de la couche design et Application compatible sur multiples navigateurs
Environnement technique : Photoshop 5, HTML/CSS, Magento/PHP5
FEVRIER 2011 A JUILLET 2011
COFINOGA / REFONTE WEB
Refonte graphique du site www.cofinoga.fr. Remise aux normes HTML de la partie vitrine du site.
Modification du design pour l’adapter aux nouvelles couleurs de Cofinoga.
 Etude de la charge de travail nécessaire et mise en place de solutions optimisant l’effort.
 Intégration de la nouvelle charte graphique Cofinoga (Photoshop, HTML/ CSS)
 Création de gabarits HTML/CSS via les Tiles (Struts) réutilisables sur toute l’application
 Application compatible sur de multiples navigateurs (Firefox3.5, IE6-8, Google Chrome, Safari)
 Gestion de l’avancement et la répartition des taches dans l’équipe « Design » du projet
 Référent « design HTML » du projet
 Revue des travaux effectués par d’autres collaborateurs.
 Développement et étude d’évolution pendant la TMA
Environnement technique :
HTML, CSS, JavaScript (JQuery), Flex, Eclipse, TomCat 5, Maven,
Struts, Java, Photoshop
5
Romain DERUERE - 8 années d’expérience
INGENIEUR D’ETUDES HTML5-CSS3 / ERGONOME / FORMATEUR
 AUTRES EXPERIENCES PROFESSIONNELLES
INGENIEUR DE DEVELOPPEMENT
NOUVELLES TECHNOLOGIES
MARS 2008 / JUILLET 2009
CYLANDE
 Analyse technique concernant les différents développements Analyse technique concernant la
version 2 du portail web. Rédaction du dossier technique (Installation Serveur Web, Méthode de
développement Web et Charte Graphique).
 Développement de modules dans la gamme United Retail pour les flux métiers de la centrale
d’achat (commerce spécialisé) sous Adobe Flex 3 : table de codification (Produit, Fournisseur).
Environnement technique : Tomcat / Flex3
DEVELOPPEUR WEB
OCTOBRE 2004 / FEVRIER 2008
SYSTEL / SECURITE CIVILE
 Mise en place d’un portail web pour la Sécurité Civile concernant la gestion des centres de
secours pour le département de l’Isère (Pilotage du projet en autonomie, Développement
conceptuel et fonctionnel d’applicatifs de l’Intranet).
 Analyse technique concernant la version 2 du portail web. Rédaction du dossier technique
(Installation Serveur Web, Méthode de développement Web et Charte Graphique).
 Développement de modules du portail web dans sa version 2 sous Adobe Flex 2 concernant la
partie client du produit (mise en place des fonctionnalités en communication avec les Web
Services pour la récupération des données).
RESPONSABLE TECHNIQUE ET GRAPHISME
DU SITE WEB DE L’ENTREPRISE SYSTEL
(WWW.SYSTEL-FR.COM)
 Maintenance du site web (mise à jour du contenu, assurer la compatibilité entre les différents
navigateurs).
 Développement de fonctionnalités.
Environnement technique : Wamp/Apache, Photoshop, Oracle, Flex 2, PHP 4, HTML/CSS
6