Lionel Gibaudan EI
Découvrez un aperçu de mes travaux les plus significatifs.
Sites web, mini applications web avec accès contrôlé, outils scientifiques, dans le contexte de l'entreprise. Présentation sous forme de vidéos courtes hébergées sur ma chaine Youtube Lionel Gibaudan.
L'entreprise Evasion 24 (près de Bergerac) produit un modèle de Van aménagé, Le Goeland, sur la base du fourgon Renault Trafic (et ses équivalents).
Le configurateur permet de choisir un fourgon neuf, ou bien amener son propre fourgon, même d'occasion, et ensuite de choisir des options pour l'aménagement du camping car. En fin d'opération le visiteur peut créer un récapitulatif (Bon de commande) au format pdf.
Module appli web en Html-Css-Javascript-Php-Mysql pour gérer et visionner les horaires d'une équipe, avec un affichage graphique sous forme d'échelle de temps.
Il est possible d'affecter plusieurs activités simultanées à un même collaborateur et l'affichage en colonne donne une vision simultanée sur l'activité de l'équipe entière.
Module appli web en Html-Css-Javascript-Php-Mysql pour gérer la réalisation de tâches au sein d'une équipe.
Les tâches sont recensées jour par jour avec un compteur qui change de couleur lorsque toutes les tâches ont été réalisées.
Il est possible de monitorer la réalisation des tâches en direct dans la page, grâce à des appels asynchrones Ajax.
Appli web complète en Html-Css-Javascript-Php-Mysql, dans la contexte d'un cabinet d'orthodontie, pour gérer les commandes (entre le cabinet et le laboratoire prestataire) d'orthèses orthodontiques.
Le laboratoire et le cabinet renseignent tour à tour les étapes de la production en se connectant à l'interface.
Module appli web en Html-Css-Javascript-Php-Mysql pour gérer la réalisation de tâches hebdomadaires récurrentes dans une équipe et mini messagerie interne.
Les pointeurs de tâches sont remis automatiquement à zéro en début de semaine et l'historique est consultable semaine par semaine. Les participants peuvent s'envoyer (et répondre à) des messages entre eux, un compteur indique le nombre de message et la date et heure du dernier message reçu apparaît.
Module de travail, réalisé dans un contexte de recherche universitaire de doctorat en neuro-sciences
Il s'agissait de calculer les angles entre deux droites sur des radiographies crano-faciales, en créant des points par clicks successifs sur l'écran, ce qui impliqait de faire intervenir la formule d'Al-Kashi (loi des cosinus ou théorème de Pythagore généralisé). Ensuite, suivant le résultat d'un algorithme appliqué au valeurs mesurées, on classait les radiographies.
Création d'un plugin Elementor pour WordPress en suivant les directives de l'éditeur de l'extension Elementor.
En 2023, Elementor garde encore une petite longueur d'avance sur le nouvel éditeur de Wordpress (projet Gutenberg). Il est donc pour moi intéressant de pouvoir proposer des extensions sur ce page builder très répandu.
Maquette de travail réalisée avec la librairie (gratuite) Leaflet.
La cartographie moderne offre des possibilités insoupçonnées. L'éco-système OpenStreetMap Leaflet QGis etc... permet de récupérer des données collaboratives et de les exploiter dans des APIs au sein de nos réalisations web.
Toutes ces solutions open-source gratuites nous permettent aussi d'écarter l'omniprésent Google.
Le groupe de Rock Progressif Minimum Vital existe depuis le début des années 80 et continue aujourd'hui de fédérer un noyau de fidèles, grâce à la qualité et l'originalité de sa musique.
Site WordPress avec Blog des News, custom post types sur les contenus relatifs (discographie, biographie, instrumentarium...), version française et anglaise commutable, appels Ajax sur l'instrumentarium. voir aussi l'étude de cas.
Cette page recueille un score de performances de 95 sur les mobiles et de 100 sur les desktops avec le test
La performance des pages web est essentielle aujourd'hui.
Cette page présente un nombre important de vidéos hébergées à l'extérieur (Youtube), ce qui implique un nombre important de requêtes lourdes exécutées alors que les vidéos ne sont même pas encore visibles dans la page, au chargement.
Dans ce contexte de départ, le score de performance sur mobile était de 46
Pour optimiser la page, j'ai choisi de remplacer les vidéos par des images cliquables. Le click sur une image provoque le remplacement de celle ci par l'inclusion de la vidéo dans la page, seulement si le visiteur l'a sollicité.
Les autres éléments qui participent à ce résultat sont les dispositions classiques: un code propre et organisé, des images utilisant les formats modernes avec un chargement différé.