application métier – Pierre Lannes

Cyberdeck STAMM : un serveur terminal autonome pour la résilience numérique

Pierre — Sun, 24 Aug 2025 13:23:07 +0000

Ce projet s’inscrit pleinement dans la démarche que nous portons avec Géorésilience, qui fédère des expertises complémentaires pour renforcer la résilience des territoires face aux risques majeurs et aux crises systémiques.

En tant que spécialiste chez Géorésilience sur les questions numériques, j’ai à cœur de contribuer à cette dynamique collective et d’explorer des solutions concrètes comme le STAMM, au croisement du numérique, de la gestion de crise et de l’autonomie locale.

Société de conseil accompagnant la conception de plans opérationnels de gestion des risques majeurs, diffusion de la culture du risque, implication des populations

Dans un précédent billet consacré aux liens entre risques majeurs et autonomie numérique, j’évoquais la nécessité de développer des solutions concrètes permettant d’assurer la continuité de la communication et de l’accès à l’information, particulièrement dans des situations dégradées.

C’est dans cette perspective que le projet STAMM — Serveur Terminal Autonome Messagerie Mobile a été designé et développé.

Protection d’une partie du projet par les droits de propriété intellectuelle

Dans une logique de protection et de valorisation de cette initiative, j’ai déposé une enveloppe e-Soleau auprès de l’INPI, garantissant l’antériorité et l’originalité du projet STAMM.

Le dépôt e-Soleau atteste seulement de la paternité et date de la spécificité de l’assemblage (concept + plans) et protège l’idée et les plans d’assemblage (coffrage, gabarits, schémas de câblage, etc.)
Tout le reste est libre (logiciel, configurations, doc d’usage) : la documentation sera mise à disposition. sur mon dépôt STAMM sur GitHub, dans lequel sont précisés les licenses utilisées :

CERN OHL-S v2 (hardware)

S’applique aux plans, schémas, fichiers de conception (CAD, PCB, gabarits, assemblage).
Oblige les réutilisateurs à publier les modifications s’ils redistribuent le hardware, et ne s’applique que sur les fichiers mis sous cette licence.

AGPL-3.0 (software)

Couvre les scripts, configs Docker, automatisations.
Elle oblige à publier les modifs si quelqu’un héberge un service en ligne basé dessus.

License CC BY 4.0 (docs)

Textes et schémas explicatifs sont libres tant que l’attribution est respectée.

STAMM — Dépôt GitHub

Prototype de kit de communication et de services mobiles décentralisés (SIG, wiki, médiathèque, relais radio) pour situations dégradées..

Pourquoi un Cyberdeck STAMM ?

Les crises récentes – qu’elles soient sanitaires, sociales, énergétiques, liées à des cyberattaques, des catastrophes naturelles, technologiques (et systémiques, comme les NaTech : Naturelles entrainant des Technologiques, ou inversement) – nous rappellent combien notre dépendance aux réseaux centralisés (électricité, internet, téléphonie mobile) constitue une vulnérabilité majeure.

Le projet STAMM vise à répondre à cette vulnérabilité : il s’agit d’un kit de communication et de services numériques décentralisés, portable et autonome, pensé pour fonctionner :

en cas de panne des réseaux électriques ou télécoms,
dans des zones blanches ou isolées,
ou encore dans le cadre d’exercices et d’opérations de gestion de crise.

Les « 4 CO »

Dans les situations de crises, la communication est un pilier. Nous en avons besoin pour prévenir les populations, coordonner les secours…

La préparation aux crises est essentielle en amont, la communication l’est pendant la crise, la communication étant entendue et comprise ici dans une double signification :

Capacité des individus à se transmettre des informations (tactiques, stratégiques) et de se comprendre
Les outils qui la sous-tendent et la permettent, à distance

C’est un pilier de ce que j’appelle les 4CO : sans COnfiance, il n’y a pas de COmmunication. Sans communication, il n’y a pas de COordination. Et sans coordination, c’est la COopération elle-même qui disparaît.

Pour se coordonner et coopérer nous avons besoins d’outils et de supports : outils de communications, cartes géographiques et topologiques (SIG, Systèmes d’Informations Géographiques), photos, documents, procédures…. Ces contenus et outils sont aujourd’hui essentiellement utilisables et accessibles via les réseaux téléphoniques et internet. Or, en cas de crise, ils peuvent être dégradés voire inopérants, ce qui augmente les risques systémiques et les effets catastrophiques en cascade. Le STAMM a été en grande partie pensé pour répondre à cela.

Équipements et connexions des éléments de STAMM

Ce que contient le STAMM

Le STAMM prend la forme d’une valise étanche et portable qui embarque l’essentiel pour déployer rapidement un terminal/serveur informatique et radio autonome.

Fonctions principales

Connexion filaire Ethernet et switch réseau intégré
Point d’accès Wifi longue portée
Communications Bluetooth et radio HF/VHF/UHF, messagerie LoRa/Meshtastic, voir mes explications
Serveur collaboratif : wiki, médiathèque, tutoriels, cartographies d’urgence
Serveur d’Informations Géographiques (SIG) pour la gestion opérationnelle des secours et de l’intervention

Énergie et autonomie

Panneau solaire portable étanche (10W)
Batterie universelle multi-sorties (USB, DC, réglages de 5 à 16 volts)

Matériel intégré

Nano-ordinateur Raspberry Pi avec stockage externe SSD 2To
Interfaces réseau, antennes et dongles radio, nœud Meshtastic RAK4631
Écran tactile 11,6’’ et clavier/trackpad étanche
Haut-parleurs et connectiques audio
Connectiques électriques et données USB-A/C et DC

Logiciels embarqués

Raspberry Pi OS (basé sur Linux Debian)
Conteneurs Docker pour la gestion des services
MediaWiki, MiniDLNA, QGIS serveur SIG (Système d’Information Géographique)
Logiciels de communication LoRa Meshtastic et radio SDR

Un outil pour la résilience collective

L’enjeu n’est pas seulement technique : le STAMM est pensé comme un outil de terrain pour la gestion de crise, permettant à des équipes locales de :

maintenir un réseau minimal de communication et de coordination,
accéder à une base documentaire et cartographique partagée,
relayer des informations en autonomie, sans dépendre d’infrastructures centralisées.

Il s’inscrit ainsi dans une démarche de résilience territoriale et numérique, en créant une capacité d’action locale, immédiate, et reproductible.

Et après ?

Le prototype STAMM est désormais assemblé et opérationnel. Les prochaines étapes concerneront :

La finalisation matérielle avec la fixation des équipements dans un coffrage en impression 3D
Les tests en conditions réelles ; exercices PCS/PICS, simulations de coupures
L’optimisation de l’ergonomie ; usage terrain, rapidité de mise en service
L’exploration de cas d’usage variés ; acteurs de la sécurité civile, réserve communale de sécurité civile, (RSCV), collectivités, associations, organisations humanitaires, etc.

Prototype en test, non assemblé

En résumé

Le Cyberdeck STAMM est un projet expérimental mais ancré dans une conviction : nous devons penser la résilience numérique comme une composante essentielle de la gestion des risques majeurs.

En combinant low-tech, open source et portabilité, il ouvre une piste concrète pour reprendre la main sur nos infrastructures numériques lorsque celles-ci font défaut.

Design application de gestion des catastrophes

Pierre — Fri, 17 Jan 2025 08:15:05 +0000

Source image : post LinkedIN de l’Entente Valabre, centre de prévention et de lutte face aux risques naturels

2025 2024 avec mon partenaire Ergogenèse pour le Groupe TDS expert conseil en développement et la gestion des risques en zones réputées difficiles d’accès

Accompagnement en ergonomie

Design d’une application de gestion des catastrophes, sur la première brique fonctionnelle concernant la prévention et la gestion des risques d’inondations

Les fonctionnalités générales attendues

Cette application est à destination de centres de commandement, postes de commandement mobiles et véhicules d’interventions de la sécurité civile dans plusieurs pays afin de planifier les actions avant (préventions, simulation, formation), pendant (coordination) et après (RETEX) les phases d’alertes catastrophes. C’est un Système d’Information Géographique (SIG) intégrant des fonctions d’agrégation et de collectes de données (météorologiques, terrains, infrastructures, moyens…), de simulations, de planification, d’aide à la décision et de coordination des équipes de commandement stratégique, tactique et opérationnel, et les équipes d’intervention.

Contexte

Ce projet fait partie du programme européen PPRD Med – Prévention, Préparation et Réponse aux catastrophes (Disasters) naturelles et d’origine humaine dans les pays partenaires dans le sud et l’est Méditerranée. Il vise à fournir des solutions et accompagner les pays afin d’améliorer la prévention et la gestion des catastrophes.

Utilisateurs finaux

Opérationnels de la sécurité civile, opérateurs humains des centres de commandements, jusqu’aux pompiers, dans les pays de l’Union Européenne, de la Méditerranée et du Moyen-Orient

Réalisation

Accompagnement d’experts métiers dans l’identification des besoins des utilisateurs
Design Sprint de 3 jours en atelier
Personas des différentes typologie d’utilisateurs
Design de scénarios d’utilisation sous forme de storymap, afin d’identifier les fonctionnalités et les interactions entre les utilisateurs et l’application
Constitution d’une matrice de fonctionnalités
Roadmap : priorisation et groupement des fonctionnalités en fonction des exigences fonctionnelles, de développement, sur le contenu des futures montées de version
État de l’art des applications existantes
Proposition de principes de design et maquettage (Figma) d’écrans types

Inspiration

https://fuselabcreative.com/our-projects/flood-damage

Expertise impacts nouveaux outils de gestion des temps

Pierre — Thu, 08 Feb 2024 07:55:56 +0000

2023 projet confidentiel en partenariat avec un grand cabinet d’expertise CSE (Comité social et économique) et SSCT (Commission Santé Sécurité Condition de Travail) pour une entreprise de services du numérique française (ESN).

Contexte

Dans le cadre de la mise en place d’une nouvelle application métier pour la déclaration des activités des salariés consultants et la gestion et déclaration des temps de travail et des absences, il s’agissait d’anticiper les impacts sur l’organisation et les conditions de travail et aider les représentants des salariés, dans le cadre de leur discussion et arbitrages avec la direction du groupe, à disposer d’un avis éclairé sur les risques projet et points de vigilance sur la mise en place de ce nouvel applicatif concernant tous les salariés

Réalisation

Revue documentaire (accords, convention relatives au temps de travail, etc), prise de connaissance des injonctions de l’inspection du travail concernant les systèmes et process en vigueur dans l’entreprise en matière de déclaration des temps de travail et des absences

Interviews avec des membres de la direction de l’entreprise, de la direction des ressources humaines et les personnes en charge du projet de mise en place de la nouvelle application, le personnel en charge du traitement des déclaration des temps de travail, de la gestion des absences et des congés

Réunions avec les représentants du personnel et la direction

Conception et analyse des réponses à un questionnaire auprès de tous les salariés de l’entreprise sur les perceptions et usages des outils et des projets relatifs à la déclaration des activités projets et de gestion et déclaration des temps et des absences

Réalisation, rédaction et présentation du rapport d’expertise

Design application de supervision du traitement de l’eau

Pierre — Wed, 07 Sep 2022 12:01:17 +0000

2022 projet confidentiel pour une société en charge du captage, du traitement et de la distribution de l’eau d’une grande métropole française.

Contexte

Dans le cadre d’un projet de refonte système de supervision/hypervision des usines de traitement de l’eau, il s’agissait de fournir des principes de design de la nouvelle application, en conformité avec les besoins des différents métiers (opérateurs, ingénieurs…) et avec la norme ISA101 pour les Interfaces homme-machine des applications industrielles.

International Society of Automation

Réalisation

Analyse de l’activité des opérateurs (travail posté en salle de supervision)
Itérations avec l’équipe projet
Réalisation d’une charte graphique et maquettes de futurs écrans

Outil de maquettage utilisé : Figma

Réalisation de la charte graphique et de l’iconographie reprenant les principes de la norme ISA101
Maquettage graphique de visualisation des processus applicables aux synoptiques et écrans des postes de travail

Résultat

Rupture avec l’ancienne génération d’applications de supervision fortement chargées visuellement (couleurs, réalisme et complexité des appareils) pour une représentations extrêmement simplifiée des composants du process, un enrichissement de la représentation des mesures, tendances et seuils.

Un mode graphique sombre plus reposant visuellement, diminuant la charge visuelle en permettant de se concentrer sur les informations utiles pour la supervision, dés le 1er niveau de visualisation.

Conformément à la norme ISA101, le premier niveau de visualisation est une représentation globale de la situation Situational Awareness grâce à laquelle un opérateur peut voir l’ensemble du processus à un niveau macroscopique, et peut focaliser par étage jusqu’aux composants et données d’un équipement (cuves, pompes, capteurs, etc.).

Design UI Mobile et webapps responsive Assurance Banque

Pierre — Thu, 09 Jun 2016 10:13:16 +0000

2016 – Plusieurs projets confidentiels de refonte et de design d’applications mobiles (tablettes et smartphone) et webapp responsive pour des usages métiers et grand public en secteur Banque Finance Assurance :

Refonte de l’application CRM portable (sur tablette Windows) des conseillers commerciaux (France)
Conception d’une application (mobile native iOS/Android et desktop web responsive) de déclaration rapide de sinistre pour les assurés et les télé-experts (France)
Refonte d’applications boursières (mobile native iOS/Android et desktop web responsive) pour usagers grand public (marché Europe)

Dans le cadre des études et refonte d’applications métier j’ai eu recours à la méthode de l’analyse du travail (observations et et entretiens ethnographiques) en m’immergeant en situation réelle d’usage. Par exemple en accompagnant des experts en assurances durant leur journée travail, en déplacement dans son véhicule, en expertise de sinistre chez les assurés, au bureau.

Pour les services et applications grand public, je réalise la phase de design le plus souvent via une conception itérative (ateliers de conceptions, échanges sur les fonctionnalités et maquettes) avec des experts métiers, en lançant des questionnaires et des tests utilisateurs individuels auprès du grand public.

Outil de prototypage: Sketch app

Sur ces anciens projets, pour le design d’interfaces utilisateur (maquettage, prototypage) j’utilisais le plus souvent l’application Sketch. Grâce au plugin Craft, les éléments d’interfaces pouvaient être dynamisés et mis en ligne sous forme de prototype web.

L’application Sketch à beaucoup évolué depuis, et d’autres outils ont émergé, comme Figma.

Conception UX/UI Back-Office unifié de publication multicanal

Pierre — Fri, 01 Aug 2014 07:56:07 +0000

Projet 2014. Dans le cadre d’un projet de réunification maximale des back-offices et outils / web applications métier mis à la disposition des utilisateurs finaux des différents Business Units, création de l’interface utilisateur du nouveau back-office, unifiée, performante et proposant une expérience utilisateur améliorée pour les utilisateurs finaux : journalistes, rédacteurs programmateurs, community managers, etc.

Contexte

MyTF1 gère toute la production, la programmation et la distribution de contenus Multicanal en temps réel et différé du groupe TF1 : sites web, applications mobiles, box internet, programmes, vidéos à la demande, animation et informations, etc.

Plusieurs systèmes de back-office ont vu le jour au fur et à mesure que se diversifiaient les modes et les supports de diffusion des contenus, aboutissant à un parc hétérogène en terme d’interfaces utilisateurs, complexe à prendre en main, avec des redondances entre applications, parfois des fonctionnalités lourdes pour la réalisation de certaines tâches par les utilisateurs, un parc applicatif lourd à maintenir.

Réalisations

Prise de connaissance et analyse des études précédentes sur les expressions de besoin
Analyse de l’activité des utilisateurs pendant la réalisation des tâches, recueil les besoins utilisateurs, identification des problématiques rencontrées sur les différentes business units avec les outils backoffice existants : journalistes, rédacteurs programmateurs, community managers, etc.
Rapport d’évaluation ergonomique avec des recommandations d’ergonomie, les points d’attention
Production d’une maquette dynamique wireframe sans design graphique réalisée sous Axure RP Pro
Animation des ateliers de conception itérative

Résultats

Design d’un concept d’IHM backoffice unifié
Adhésion des utilisateurs
Gains de productivité et de performance des tâches réalisées avec le nouvel outil
Amélioration de l’expérience utilisateur

Conception UI app de maintenance des trains

Pierre — Thu, 23 Jan 2014 08:33:32 +0000

2014 – Design de l’interface utilisateur (UI) d’une application métier

L’application est utilisée par des techniciens, sur des ordinateurs PC portables, qu’ils connectent sur les armoires techniques des voitures de train RER afin de réaliser des diagnostics d’équipements.

L’application existante était de conception ancienne, difficile à prendre en main et peu performante.

Tout en tenant en compte des contraintes techniques et de budget, le partis pris en terme d’expérience utilisateur a consisté à mettre à disposition des systèmes de visualisations de jauges analogiques, dans un tableau de bord personnalisable via des widgets, tout en laissant à disposition un système d’affichage de logs et de commandes textuelles.

Direction du design de l’eXpérience Utilisateur (sur avant-vente et projet gagné)

Architecture de l’information
Maquette statique « file de fer /wireframe » (définition du zoning / emplacement des composants de l’interface utilisateur
Prototypage avec l’application Axure RP Pro
Direction de la création graphique

UX/UI contrôle sûreté biométrique

Pierre — Fri, 21 Jun 2013 06:08:14 +0000

2013 Design UX des interfaces utilisateur des applications métier et display usagers d’un checkpoint sécurité biométrique aéroportuaire,

Prototype présenté au Salon du Bourget

Utilisateurs finaux

Opérateurs métiers des contrôles sécurité disposant de nouveaux équipements de contrôle des passagers et de leurs effets personnels : applications sur écrans tactiles
Usagers PAX passagers, personnel navigant et autres métiers des contrôles de sécurité (accompagnement, guidage, identification…) avec de nouveaux dispositifs d’identification biométrique : reconnaissance faciale, rétinienne, empreintes digitales

Méthode et réalisations

Etude de l’existant (utilisateurs, produit), benchmark de solutions
Idéation (brainstorming, ateliers d’idéation) et définition de l’architecture de l’information, design d’interfaces utilisateurs et d’ interactions
Prototypage des applications en HTML via le progiciel Axure RP Pro
Direction de la production visuelle et graphique (design graphique, intégration CSS/HTML)
Itérations utilisateur : tests utilisateurs individuels, ateliers utilisateur
Réalisation et rédaction de la charte ergonomique et graphique des interfaces utilisateur, contenant les maquettes graphiques et les spécifications ergonomiques générales

Prototype du checkpoint lors du Salon du Bourget 2013

Amélioration de la prise en charge des demandeurs d’emploi

Pierre — Wed, 02 May 2012 16:40:34 +0000

2012 Pôle Emploi

Accompagnement du pôle ergonomie de la Direction Générale de Pôle emploi sur plusieurs projets dans le cadre de la transformation digitale : dématérialisation, inscription des demandeurs d’emploi, services en agence…

Dans un contexte où les technologies et les usages numériques se développent, la direction des systèmes d’information de Pôle emploi opère, entre autre, une digitalisation de l’accompagnement des demandeurs d’emploi.

Cette transformation présente des avantages notamment en termes de temps libéré pour l’accompagnement des demandeurs d’emploi les plus en difficulté, mais aussi au niveau de l’adaptation de ces nouveaux outils au public cible de Pôle emploi.

Méthodes utilisées

Observations et interviews auprès des demandeurs d’emploi et des conseillers en agence Pôle Emploi, au niveau des espaces d’accueil, lors d’entretiens des conseillers avec des candidats
Recommandations sur l’organisation et sur les applications utilisées par les conseillers et les services mis à disposition des usagers demandeurs d’emploi.

UX/UI Monolithe interactif d’orientation passagers

Pierre — Thu, 10 Feb 2011 07:16:54 +0000

2010/2011 – ADP Aéroport de Paris – Innovation

Direction eXpérience Utilisateur UX, direction de projet et accompagnement AMOA (assistance à maîtrise d’ouvrage)

Contexte

Projet de design d’un dispositif digital interactif innovant pour l’orientation des passagers et usagers de l’aéroport

Réalisations

Direction de projet
Direction de l’équipe UX : un Designer UX, une experte interfaces naturelles, une directrice artistique

Recherche utilisateur
Capitalisation sur les études marketing utilisateur existantes
Observations fly-on-the-wall en aéroport
Jeux de rôle parcours usagers en aéroport
Inventaire et analyse de l’information passagers existante : signalétiques, affichages, annonces, agents, bornes….
Exploitation des données d’études utilisateur, personas, cartographies de l’expérience (eXperience Maps), diagrammes d’alignement (utilisateurs/services)
Idéations
Benchmark et État de l’art
Ateliers d’idéations
Réalisations de croquis et maquettes graphiques (sous Illustrator, sans design graphique).
Préconisations sur l’implantation géographique indoor du réseau de « bornes »

Assistance à Maîtrise d’Ouvrage

Rédaction du cahier des charges et spécifications fonctionnelles détaillées

Résultats

Concept d’un monolithe / glace transparente interactive et tactile, utilisation de la réalité augmentée