Avatar

Gilles Vauvarin

gillesvauvarin@gmail.com
Développeur web indépendant
HTML - CSS - JS - NodeJS - Svelte - WordPress - Kirby 3 - Eleventy

EXPERIENCES PROFESSIONNELLES

Concepteur web avec 20 années d'expérience, j'ai occupé une grande variété de postes dans le secteur privé et public.

Depuis 2012

UNIGE - HUG

Campus Biotech

Genève

Ingénieur web indépendant

HUG - Service de télémédecine et cybersanté (Pr A. Geissbuhler)

  • Récoltes des besoins et conseils auprès des services de l'hôpital.
  • Installation des environnements serveur (Apache, Caddy, Mysql, PHP-fpm) sous système Linux.
  • Création de sites web à l'aide du CMS WordPress (Info Maladies Rares, Global Health Forum ...).
  • Création de sites web à l'aide du CMS Kirby (Etudes cliniques).
  • Création de sites web à l'aide du CMS Concrete5 (RAFT).
  • Maintenance des serveurs et des applications web, support utilisateur.

UNIGE - Département des relations internationales (Pr P. Willa)

  • Développement de plateformes web collaboratives sous WordPress Multisite.
  • Développement de plateformes de financement de projets inter-facultaire.
  • Développement d'un plugin de dépôts et d'évaluation de projets.
  • Installation des serveurs, maintenance et support utilisateur.

UNIGE - Département interaction et formation (Pr L. Fillettaz)
UNIGE - Département FPSE (Pr L. Mottier-Lopez)

  • Installation et paramétrage du logiciel de transcription vidéo - Transana Multi-user
  • Rédaction de la documentation (utilisation et installation).

UNIGE (Université de Genève)
HUG (Hôpitaux Universitaires de Genève)

2008 - 2012

Indépendant

Paris

Webdesigner indépendant

Clients : Eurordis - Century 21 - Dalloz formation - Derichbourg - HSBC - Géovie ...

  • Brief créatif avec les clients.
  • Création d'identité visuelle (logo et site web).
  • Production de maquettes graphiques à partir de wireframes.

2005 - 2006

Groupe EAC

Paris

Responsable du département informatique et multimédia

Ecole supérieure de formation aux métiers de l'art et de la médiation culturelle.

  • Conseils informatiques auprès de la présidence de l'école.
  • Encadrement d'équipe (un développeur, un graphiste, un technicien).
  • Interlocuteur auprès des prestataires informatiques externes.
  • Création du site internet www.groupeeac.com
  • Direction du projet de distribution d'un ordinateur portable par étudiant (350 étudiants).
  • Direction du projet de refonte complète du système informatique de l'école (réseau, sécurité).
  • Direction du projet de mise en place d'une plateforme de partage en ligne des fichiers entre étudiants et enseignants.

2002 - 2005

CRAMIF

Paris

Analyste - Développeur web

Caisse Régionale d'Assurance Maladie de l'Ile de France.

  • Récolte des besoins auprès des utilisateurs.
  • Rédaction des cahiers des charges.
  • Conception et développement des applications informatiques des services internes (Gestion du courrier du Directeur Général) (ASP).
  • Participation au développement du logiciel national de paiement de l'invalidité (SCAPIN) (J2EE-JAVA-JSP-Struts).

1998 - 2001

Aedian SI

Paris

Analyste - Développeur web

Société de conseil en systèmes et logiciels informatiques.

  • Formation (session de 15 personnes) au développement web (HTML, CSS, ASP).
  • Développement JAVA-J2EE-JSP sur différents projets clients.
  • Participation au développement du site web et de l'intranet de la société (HTML, CSS, JS, ASP).

1998

GIFAS

Paris

Intégrateur web

Groupement des Industries Françaises Aéronautiques et Spatiales.

  • Amélioration du design et de l'ergonomie du site web de l'association.
  • Intégration des nouvelles pages du site web de l'association.

1997

ONIC

Caen

Agent de contrôle puis chef d'équipe

Office Nationale Interprofessionnel des Céréales.

  • Encadrement d'une équipe de contrôleurs PAC (Politique Agricole Commune).
  • Supervision des dossiers de versement des aides Européennes effectués par les contrôleurs.
  • Contrôles auprès des agriculteurs des dossiers de déclaration pour le versement des aides agricoles Européennes.

1996

Allnet

Mondeville

Intégrateur web

Solutions internet (hébergement, web-marketing, sites internet).

  • Design et intégration de pages web.
  • Création de l'annuaire des ressources multimédia de Basse-Normandie.

1994-1995

Université de Jussieu

Paris

Etudiant

DEA d'Ecophysiologie des Invertébrés (Master Recherche, Bac +5).

  • Sujet de recherche : étude cytologique des mitoses goniales chez l'ormeau (Haliotis tuberculata) et mise au point d'un bio-essai pour mesurer l'activité de ces mitoses à l'aide du marqueur BrdU (BromodésoxyUridine ), nucléoside synthétique analogue structurel de la thymidine.

PROJETS WEB RECENTS

J'ai travaillé sur de nombreux projets web en agence et en freelance. Quelques exemples de réalisations :
screenshot

Environnement technique :

  • Serveur :
    Linux Debian
  • Données :
    MySQL
  • Back :
    PHP
  • Front :
    HTML, CSS, Leafleft.js
  • CMS :
    Concrete5

Le RAFT est un site permettant de diffuser des cours de médecines en télé-conférences afin d'assurer la formation continue des médecins exercant dans des zones isolées du globe.


Les cours sont donnés par des soignants des pays du nord vers les pays du sud mais également par des des soignants des pays du sud vers les pays du sud.

screenshot

Infos Maladies Rares

https://www.info-maladies-rares.ch
screenshot

Environnement technique :

  • Serveur :
    Linux Debian
  • Données :
    MySQL
  • Back :
    PHP
  • Front :
    HTML, CSS
  • CMS :
    WordPress
  • Recherche :
    Elasticsearch

Infos Maladies Rares est le portail romand d'information sur les maladies rares.


Il permet d'informer et d'orienter les patients, leurs proches et les professionnels vers les consultations spécialisés en Suisse romande et ers les ressources utiles.

screenshot

UNIGE Cofunds

https://unige-cofunds.ch
screenshot

Environnement technique :

  • Serveur :
    Linux Debian
  • Données :
    MySQL
  • Back :
    PHP
  • Front :
    HTML, CSS
  • CMS :
    WordPress Multisite

Unige Cofunds est une plateforme qui fournit des outils de soumission et d'évaluation de projets pour des programmes de financement.


Ces programmes sont mis en place par le Bureau des relations internationales de l'Université de Genève avec ses universités partenaires stratégiques.

screenshot

HUG - Oncologie - Etudes cliniques

https://www.etudes-cliniques-oncologie.ch
screenshot

Environnement technique :

  • Serveur :
    Linux Debian
  • Données :
    Fichiers textes
  • Back :
    PHP
  • Front :
    HTML, Tailwind CSS
  • CMS :
    Kirby 2
  • Recherche :
    list.js

Service d'oncologie des Hôpiteaux Universitaires de Genève.


Application web responsive permettant aux médecins de retrouver rapidement des études cliniques lors de leurs consultations.

screenshot

PROJETS WEB PERSONNEL

Je travaille également sur l'évolution et la promotion de plusieurs side-project.
screenshot

Environnement technique :

  • Serveur :
    Linux Ubuntu
  • Données :
    Système de fichiers
  • Back :
    PHP
  • Front :
    HTML, CSS (Tailwind CSS), JS
  • CMS :
    Kirby 3
  • Paiement :
    API Stripe

Model economique :

  • Sponsoring, publicité et dons.

The whale est un site de curration de liens destiné à aider la communauté des dévelopeuses et dévelopeurs web à faire leur veille technologique.


La publication des liens sur le site web est journalière et relayée sur les réseaux sociaux Twitter et Mastodon. Une newsletter hebdomadaire est également envoyée aux abonnées tous les mardis matin.


Les ressources publiées concernent des produits ou services web, généralement open-source mais aussi des événements, des offres d'emplois et des missions freelance.

screenshot
screenshot

Environnement technique :

  • Serveur :
    Linux Ubuntu
  • Données :
    Système de fichiers
  • Back :
    PHP
  • Front :
    HTML, CSS (Tachyon), JS
  • CMS :
    Kirby 2
  • Worker :
    RabbitMQ

Model economique :

  • Abonnement mensuel ou annuel.

Confdays est un service SaaS qui aide les organisateurs de conférence à gérer leurs appels à projets et leurs évaluations grâce à un espace d'administration dédié.


C'est aussi un environnement de gestion de contenu pour créer rapidement, à partir des informations collectés, un site web de conférence complet avec la liste des conférenciers retenus, leur présentations respectives, la génération du programme ...

screenshot
screenshot

Environnement technique :

  • Serveur :
    Linux Ubuntu
  • Données :
    Système de fichiers
  • Back :
    PHP
  • Front :
    HTML, CSS Tailwind, JS
  • CMS :
    Kirby 3

Model economique :

  • Prestation de service.

K-Review est une application web permettant la collecte et la co-evaluation de projets.


Elle s'adresse aux institutions désirant créer des partenariats et gérer des appels à projets.

screenshot

ENSEIGNEMENTS

J'enseigne à l'université depuis plus de 10 ans et j'ai formé des dizaines de développeurs en entreprise.

A l'université

Université de Corté - Corse - Depuis 2008
Licence Professionnelle Multimédia (LPATC).

  • - Vacations : Cours, TD, TP et évaluations sur le design web et le gestionnaire de contenu WordPress.
  • - Membre du jury d'évaluation des travaux de fin d'annèes.

En entreprise

Aedian - Paris - De 1998 à 2001
Société de conseil en systèmes et logiciels informatiques.

  • - Formation des nouveaux collaborateurs (session de 15 personnes) aux technologies web (HTML, CSS, ASP).

ACTIVITES COMMUNAUTAIRES

Je participe aux événements de diffrérentes communautés en tant qu'organisateur, speaker, sponsor ou simple participant.

Conférencier et organisation d'évènements

WordCamp WordPress 2020 (en cours) - Genève - Membre de l'équipe d'organisation
Meetup WordPress 2019-20 - Genève - Co-organisateur
WordCamp 2018 - Lausanne - Bénévole
WordCamp 2016 - Genève - Membre de l'équipe d'organisation
WordCamp 2014 - Paris - Bénévole et micro-sponsor
WPTech Nantes 2014 - Nantes - Conférencier
WordCamp 2013 - Paris - Conférencier
Meetup WordPress 2012 - Genève - Conférencier
Paris Web 2010 - Paris - Membre de l'équipe d'organisation
Paris Web 2009 - Paris - Conférencier

FORMATIONS

De formation scientifique, j'ai étudié la biologie puis les technologies web en autodidacte.

Formations académiques

  • Université de Jussieu - Paris VI - France
    - DEA d'Ecophysiologie des Invertébrés - (Master Recherche, Bac +5) — 1994-1995
  • Université de Caen - Basse Normandie - France
    - Maitrise de Biochimie - Option Aquaculture — 1993-1994
  • Université de Caen - Basse Normandie - France
    - Deug et Licence de Biologie des Organismes — 1990-1993
  • Lycéé Fresnel - Basse Normandie - France
    - Baccalauréat de Biologie — 1990

Formations Professionnelles

  • Ecole de formation O'Clock - Paris
    - Dévelopeur Fullstack JavaScript — 2020
  • Organisme de formation Helice - Paris XVI eme
    - Langage de développement Cobol - SQL — 1998
  • Organisme de formation Learning Tree - Clichy
    - Langage de développement J2EE - JSP — 2000

Formations Autodidactes

Technique

  • - CMS : WordPress, WordPress Multisite, Kirby 3
  • - SSG : Eleventy
  • - Framework : Tailwind CSS, Svelte, AlpineJS, AdonisJS.
  • - Langages Web : PHP, HTML5, CSS, JavaScript, NodeJS.
  • - Mise en place d'un serveur web (Linux, NodeJS, Caddy, MySql, Postgres, PHP).
  • - Versionning Git.
  • - Backup (Restic).
  • - Système d'exploitation Linux (Ubuntu, Manjaro).
  • - Editeur Sublime Text, VSCode, JetBrains.

Design et conception

  • - Language visuel et design web.
  • - Infographie bitmap (Photoshop, Gimp) et vectoriel (Inkscape).