Romain DERUERE 8 années d expérience

Transcription

1 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. Normalisation W3C / Compatibilité multi navigateurs / Accessibilité RGAA. Documentation du code : CSS Doc. 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. 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

2 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

3 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

4 INTEGRATEUR /DEVELOPPEUR FEVRIER 2013 A MAI 2013 COFINOGA / ESPACE CLIENT WEB Création d un nouvel Espace Client pour 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 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

5 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 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

6 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 ( 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