Hervé - Chef de projet Consultant technique JAVASCRIPT CSS JQUERY HTML5
Ref : 150808L001-
78280 GUYANCOURT
-
Chef de projet, Consultant, Consultant technique (54 ans)
-
Freelance
Expérience (version longue)
Octobre 2022 – Juin2023 : Expert Frontend, Natixis
Expert frontend. développement d’applications temps réel pour les traders. Définition de
l’architecture REST. Technologies Angular de 12 à 14, Ag-Grid, PrimeNg, Bootstrap 5,
HTML5, CSS3, Git, Jira, Bitbucket, … Méthodologie Agile. Formation de 25 ingénieurs à
Angular.
Septembre 2020 – Février 2022 : Tech Lead Expert Angular, LCH
Tech lead d’une équipe de 6 développeurs : développement d’une application intranet de
gestion des opérations de la chambre de compensation. Contexte de très haute sécurité
numérique. Technologies Angular de 9 à 13, Material, Bootstrap 5, HTML5, CSS3, Git, Jira,
Bitbucket, … Méthodologie Agile. Formateur Angular pour les équipes de développement
(12 développeurs). La mission a été réalisée en 100 % remote.
Janvier 2020 – Juin 2020 : Expert Angular, Arval (groupe BNP)
Upgrade du frontend myArval de Angular 5 à 8. Redéveloppement de la partie Fleet
Manager pour la baser sur un store partagé (service Angular), remplacement des
bibliothèques externes (carousel, datatables, sliders, menus, multiselect, …) par des
composants maison purs Angular. Restructuration complète des CSS pour ne se baser que
sur une seule source maison, redéveloppement des templates HTML. Technologies
Angular, HTML5, CSS3, Git, Jenkins, Jira, … Méthodologie Agile. Passage de compétence,
exposés sur l’organisation, les technologies et leurs contraintes pour un frontend Angular,
à destination du management et des opérationnels. La seconde moitié de cette mission fut
effectuée en 100% remote.
Septembre 2019 : Développement de la bibliothèque Hclsvg
Hclsvg est une bibliothèque graphique au format SVG destinée à être utilisée dans les
composants Angular. Elle est distribuée sous forme de module npm sous licence GNU GPL.
Elle permet de générer des graphiques complexes à partir de typescript/javascript.
Été 2019 : Développement de la version 12 d’OceanVirtuel
Architecture applicative et développement Angular 8, Node.js, Express.js, leaflet.js,
OpenStreetMap, SVG, CSS, MongoDB, langage C, Perl. DevOps associé jusqu’à la mise en
production. Actuellement disponible en mode test sur oceanvirtuel.eu, il s’agit d’une
application d’une grande complexité où l’utilisation d’Angular dévoile tout son intérêt.
Mars 2019-avril 2019 : Tech Lead Angular 7 , Éditions Législatives
Consulting sur les méthodes frontend et l’utilisation d’Angular. Audit du code existant, et
refactoring pour utiliser tout le potentiel d’Angular. Transmission de compétences aux
équipes de développement.
Novembre 2018-août 2019 : fournisseur de la régate virtuelle EXCESS Challenge, Chantiers
Bénéteau
Les Chantiers Navals Bénéteau font appel à moi car je suis l'inventeur de la régate
virtuelle sur Internet (voir OceanVirtuel, depuis 2002). Le projet consiste en une régate
virtuelle record sur 10 mois, faisant gagner un catamaran de 300 000Eu (********). Les technologies utilisées sont Node.js, MongoDB, Damo.js,
Leaflet.js, Openstreetmap, HTML5/CSS3, SVG, ainsi qu'un moteur météo temps réel
développé en C, monté en webservice, unique au monde dans sa couverture et sa finesse
(0.5° de maille géographique, avec interpolation entre les mailles, heure par heure, sur
toute la planète, pour les 10 jours à venir, réactualisé chaque jour, du niveau de la mer
jusqu'à 40 000 mètres d'altitude).
Octobre 2018 : développement de la V2 de FunKTest
FunKTest est un générateur de codes protractor, destinés à l’automatisation des tests fonctionnels (e2e). Il
permet à un non informaticien de générer ces codes. Développée en Angular 6 / IndexedDB / Node.js /
MongoDB, cette V2 est connectée à un cloud et permet de lancer les tests fonctionnels à travers le réseau,
sans avoir à disposer d’un banc de test.
Septembre 2018 : Consultant Angular 6, Atos Bordeaux-Pessac
Expertise Angular pour le développement d’un applicatif web destiné au ministère de l’écologie. Mise en
place de l’architecture logicielle, construction des services et modules fondamentaux, intégration de la
bibliothèque Datatables.net, transmission de compétence à l’équipe de développement.
Juin-Août 2018 : Consultant Angular 6, Atos Bordeaux-Pessac
Expertise Angular pour des projets de la Banque Postale. Upgrade de frameworks maison en Angular 6 et
Webpack 4. Rédaction d'un document d'architecture préconisant les bonnes pratiques pour le
développement d'applicatifs web.
Mai 2018 : Développement d'un applicatif d'annuaire en Angular 6, Open-World-Wide,
Rennes
Développement front et back d'un applicatif d'annuaire à destination d'une association de formateurs
indépendants. Technologies : Angular 5, upgrade en Angular 6, Node.js 8.11.1, MongoDB.
Avril 2018 - juillet 2018 : Consulting Angular 5, restructuration de code applicatif, Actalians,
Paris
Actalians est l'organisme qui collecte et gère le 1 % formation des entreprises. Lancés dans le
développement de leur nouvelle application web « métier de la santé » (150 000 utilisateurs), les équipes de
développement ont exprimé le besoin de recueillir l'avis d'un expert afin de restructurer leur code, pour
l'optimiser et s'accorder avec les bonnes pratiques du framework Angular 5. Le travail a donc consisté à
proposer, puis coder, une nouvelle architecture logicielle optimisée, lever certains bugs pénalisant qui
n'avaient pas trouvé de solution et accorder le développement, jusque là compilés en JIT, avec les builds
AOT propres au mode de production.
Mars 2018 : Consulting et enseignement Angular 5, URSSAF/ACOSS Caen
Consulting Angular 5, et enseignement de cette technologie aux ingénieurs chargés du re-développement
d'une application interne, précédemment codées en GWT. En parallèle développement d'un démonstrateur
intégrant Ag-Grid à Angular 5 pour les besoins de cette application.
De janvier 2018 à février 2018 : Ecriture d'un tutoriel Angular 5
Ecriture d'un tutoriel en français de 100 pages sur Angular 5 et Angular CLI, basé sur des exemples
concrets. Ce tutoriel est pensé pour permettre aux débutants de maîtriser les concepts d'Angular, et aux
experts d'utiliser toutes les finesses de ce framework.
De septembre 2017 à Janvier 2018 : Tech lead + Scrum Master, Flatirons-Jouve/La Mutuelle
Générale
Développement d'une application web/mobile destinée aux clients grands comptes de la Mutuelle générale.
Technologies Angular 5 + Node.JS, architecture SAAS API/REST. Je définis l'architecture applicative et
organise le travail de 3 développeurs front et un développeur back, tout en étant le référent technique auprès
du client final.
Juin 2017 : Formateur Angular JS pour OpenBrain IT / Cegos
Evaluation formateur : 9.6 / 10
Janvier 2017 : Développement de funKTest pour les tests fonctionnels Web
FunKTest est un outil (développé en Angular JS) permettant à un non informaticien (homme métier) de
générer des codes de test fonctionnels web Protractor structurés, sur de simples clics de souris. Il s'agit d'un
outil universel permettant de tester n'importe quel site web. Les codes générés sont strictement structurés,
contrairement à ceux obtenus par des méthodes de recording, et de ce fait ils sont directement
automatisables. Voir ********/
Mai-octobre 2016 : Tech Lead automatisation des tests front-end, Docapost
Définition de l'architecture logicielle et choix des technologies en vue d'automatiser les tests front-end du
logiciel Okoro, puis développement de la solution. Le but est de pouvoir jouer les tests dès que les use
cases ont été définis, sans développement informatique, les codes de test étant générés automatiquement.
Okoro est un logiciel web d'archivage de très haute sécurité, de type tiers de confiance, développé en
ExtJS6 (front) et Java (back).
Avril-Mai 2016 : Développement de Damo.js
Développement Hcl-Consulting d'une bibliothèque Javascript MVC two-way data binding. Il s'agissait de
développer un Angular, à base de Jquery, afin de ne retenir que le meilleur de ces deux mondes. L'objectif
fondamental est de réduire drastiquement les délais de développement tout en garantissant une architecture
fiable à base de data model applicatif. Toutes les informations sur ********/.
Mars-Mai 2016: Tech Lead, Technocentre Renault
Redéveloppement d'un applicatif front-end de suivi de projets, avec mise en place de tests e2e et de
documentation automatique : Angular, Cordova, tests (Jasmine, Protractor).
Octobre 2015 - Février 2016 : Consultant développement Angular/Geography, ThomsonReuters Développement d'un démonstrateur web de l'application « Interactive Map » de Reuters. Technologies
Javascript (Angular, Eikon (propriétaire Reuters), Node, Jquery, Json, …) et géographie (Leaflet, Open Layers,
GoogleMap, OpenstreetMap, …). Suivi de projet sous Git.
Avril 2014 - Octobre 2015 : développements web à haute technicité
Version 8 d'******** : Il s'agissait d'intégrer la cartographie libre OpenstreetMap, de développer
un moteur météo en webservice et de construire une interface javascript temps réel.
L'intégration d'Openstreetmap a été réalisée grâce à la bibliothèque Leaflet.js. Le moteur météo quant à lui a
nécessité le développement de technologies destinées au traitement des données de masse. La quantité
d'information produite chaque jour est conséquente : les vents sont calculés heure par heure, sur toute la
planète, par maille géographique de 0.5°, et sur 6 niveaux (depuis le niveau de la mer jusqu'à 40 000m
d'altitude). J'ai donc développé des routines en langage C qui produisent 20Go de données en 20 minutes, à
partir de fichiers de prévisions de quelques Mo.
L'interface utilisateur quant à elle fonctionne en temps réel, seconde après seconde le chronomètre, la
position, le vent sur le bateau, etc. évoluent. Ce système doit cependant être synchronisé avec un système
SAAS qui prend en charge le bateau si l'interface cliente est fermée ou déconnectée, et qui relient tous les
bateaux entre eux pour en faire une régate. L'interface doit aussi être connectée directement à la
cartographie qui affiche l'avancement des bateaux en temps réel, et bien sûr être responsive.
******** : il s'agit de fournir un outil simple qui permet d'afficher de la 3D réelle sur une page Web.
L'applicatif développé permet de télécharger un modèle et une scène 3D au format .obj, de définir les
éclairage, la position des caméras, et divers paramètres. Le serveur produit alors des applets HTML grâce à
l'utilisation de la bibliothèque Three.js. L'utilisateur n'a plus alors qu'à copier/coller un morceau de code
HTML pour voir apparaître le modèle 3D en situation sur sa propre page web (comme un « like » de
Facebook). L'internaute final peut faire tourner le modèle dans sa scène, le zoomer, le déplacer, etc.
Blog ******** : il s'agit d'une synthèse de travaux de plusieurs années en physique théorique.
Ces travaux aboutissent notamment à pouvoir calculer des orbites de transferts spatiaux sans avoir de
fenêtre de tir à respecter. Un démonstrateur a été développé à ce sujet : ********
Fondation Abbé Pierre : intervention de développement PHP pour apporter plus de possibilités à leur
logiciel ADEL, notamment la génération automatique de graphiques Excel à partir des statistiques
WebKidResa : développement d'une application de réservation de services (cantine, tickets sports, club de
sport, ...) en angular.js, Bootstrap, backend PHP/MySQL
Lists : développement d'une application de checklists partagées en ionic, cordova, angular.js, backend
PHP/MySQL
Août 2011-avril 2014 : Mission à la DSI de Carrefour, département Governance IT
Architecture applicative, conception et réalisation de toute la chaîne d'asset management
L'objectif était la mesure des coûts des assets informatiques (matériels et logiciels) du groupe Carrefour
dans le monde. D'une situation presque vierge, il était nécessaire de collecter les données sur les assets, de
les filtrer pour ne retenir que ceux qui avaient un intérêt en matière de coûts, de les classer et de les
dénombrer, puis de constituer des dashboards décisionnels (BI) destinés à la direction du groupe.
Les données étaient très hétérogènes et provenaient de plusieurs sources. Une partie des pays avaient
installé le couple OCS-GLPI qui leurs permettait de récupérer les données en vrac, il s'agissait alors de
synchroniser ces données avec notre GLPI central. Malheureusement la masse immense des données
imposait des temps de synchronisation rédhibitoires : de 8 à plus de 24h selon les pays. J'ai donc développé
de nouvelles méthodes à base de dump MySql et de webservices soap et ce système permettait des
synchronisations de l'ordre de 1 à 5 minutes.
Les données récupérées étaient de tous ordres, noyant les logiciels payant dans la masse d'autres logiciels,
libres ou non stratégiques. J'ai donc développé des filtres pour trier les données, mais leur masse imposait
l'utilisation de systèmes NoSQL que j'ai développés en PHP. C'est typiquement un problème de traitement
de données de masse. L'utilisation de bases de données conventionnelles dans ce cas impose des temps
de réponse excessifs, d'où le recours à des techniques très spécifiques.
Au passage j'ai créé un module PHP d'intelligence artificielle permettant de détecter dans le nom du logiciel
si ce dernier était à prendre en compte ou à délaisser, grâce à des techniques de reconnaissance naturelle.
Certains pays en revanche n'avaient pas adopté OCS-GLPI mais préféraient d'autres solutions propriétaires.
Pour ceux-ci j'ai développé des interfaces applicatives Javascript (ExtJS/Sencha), Jquery, Ajax, Json,
CSS, XML, HTML5, Canvas, qui leur permettait de déclarer leurs assets directement en ligne sur l'intranet.
Il s'agissait d'applicatifs web Excel-like, dotés de nombreuses fonctionnalités de filtrage, de validation selon
autorisation, d'éditions en ligne, de synthèse des résultats, etc.
Finalement les données étant triées et classifiées, il fallait les présenter sous forme de dashboards
décisionnels BI, pour chaque pays et pour la direction du groupe. Le système générait donc des pages
dynamiques dotées de graphiques, d'évaluations, de synthèses (ici encore programmées en Javascript
(ExtJS/Sencha), Jquery, ajax, json, CSS, XML, HTML5, Canvas).
Au total j'ai conçu et créé la chaîne complète d'asset management du groupe Carrefour et ma solution a été
industrialisée. Ce fut un travail complet, depuis l'infrastructure SAAS en PHP jusqu'aux interfaces utilisateurs
HTML5 dynamique. Il faut noter que tout ce travail a été réalisé en méthode AGILE, c'est à dire au plus près
du client final qui n'avait pas de cahier des charges a priori. Il fallait donc être très réactif et savoir adapter le
code aux nouveaux besoins qui apparaissaient chaque jour. Il faut noter enfin que tout fut réalisé
uniquement grâce à des logiciels libres (dont OCS, GLPI, Jenkins, ...)
Période 1999-2011 : e-commerce personnalisé, régate virtuelle, systèmes SAAS pour TPE, site
d'annonces immobilières
******** : conception, réalisation et évolution du site e-commerce.
Qama est un grossiste en quincaillerie comptant 15000 clients professionnels dans le monde. J'ai créé leur
site web et e-commerce à base d'OsCommerce et de logiciels libres. La situation était très hétérogène, tant
la provenance des données de bases (cobol, filemaker, excel, …) que des besoins métiers : tous les prix du
catalogue, les méthodes de facturation ou de livraison, étaient personnalisés pour chaque utilisateur. Il a été
nécessaire de créer une infrastructure SAAS qui permettait d'homogénéiser les ressources et de les
synchroniser avec les processus métiers de l'entreprise, de façon transparente. Ce travail a évolué pendant
10 ans avant que Qama ne soit racheté par le groupe Mirvault.
******** : conception et réalisation du premier site de régate virtuelle sur internet.
Les technologies nécessaires à la conception d'Oceanvirtuel sont diverses et surtout complexes en terme de
mathématiques, de géométrie, de géographie, de météorologie, de systèmes temps réel et SAAS, de
traitement de données de masse. De ce fait le site n'a connu aucun concurrent pendant 5 années, ce qui est
un fait remarquable sur Internet. Non seulement ce site a organisé nombre de régates avec des participants
du monde entier, mais il a aussi été utilisé par les groupes France télévisions et Canal+ pour des régates
telles que la transat Jacques Vabre, la Round Britain Race, Quebec St-Malo, …, dans le cadre d'opération
de communication.
******** : conception et réalisation de bureaux virtuels en ligne pour les TPE
Ce projet consistait à créer un outil en ligne permettant aux TPE de couvrir la plus grande partie de leurs
besoins numériques : base de donnée, éditeur de site web, espace de stockage, création/edition de factures
et devis, adresse e-mail, … J'ai conçu et créé un site pilote auquel France Télécom s'est intéressé. Nous
avons collaboré un temps pour affiner le concept et trouver des investisseurs pouvant participer.
Malheureusement ce site était un peu trop novateur pour l'époque : aujourd'hui cela s'appelle un cloud,
système SAAS par excellence.
******** : conception et réalisation d'un des premiers sites immobilier en France
Il s'agissait d'un système SAAS permettant aux agences immobilières de déclarer leurs biens à l'achat et à
la vente, et de les afficher sur leur site web. Le Crédit Immobilier de France a adopté ce concept et nous
avons collaboré pendant quelques années.
Avant 1999 :
Directeur de l'Association Française des Utilisateurs d'Unix, Conseiller pour la cryptologie auprès du Premier
Ministre, créateur de la Fête de l'internet, Chef du service Unix au département de calcul scientifique de
Dassault Aviation
Etudes :
DEA de Chimie Organométallique de l'Université de Bretagne Occidentale, PhD de Chimie à l'Université de Glasgow.
Langues : français et anglais, lu, écrit et parlé couramment.