<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>applications &#8211; Pierre Lannes</title>
	<atom:link href="https://www.pierre-lannes.fr/tag/apps/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.pierre-lannes.fr</link>
	<description></description>
	<lastBuildDate>Thu, 29 Jan 2026 22:45:04 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>

<image>
	<url>https://www.pierre-lannes.fr/wp-content/uploads/2025/06/cropped-Pierre-Lannes_LOGO_transparent-32x32.png</url>
	<title>applications &#8211; Pierre Lannes</title>
	<link>https://www.pierre-lannes.fr</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Cyberdeck STAMM&#160;: un serveur terminal autonome pour la résilience numérique</title>
		<link>https://www.pierre-lannes.fr/cyberdeck-stamm-resilience-numerique/</link>
					<comments>https://www.pierre-lannes.fr/cyberdeck-stamm-resilience-numerique/#respond</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Sun, 24 Aug 2025 13:23:07 +0000</pubDate>
				<category><![CDATA[Applications et webmastering]]></category>
		<category><![CDATA[Ergonomie et design]]></category>
		<category><![CDATA[Résilience et autonomie]]></category>
		<category><![CDATA[application métier]]></category>
		<category><![CDATA[applications]]></category>
		<category><![CDATA[cybersécurité]]></category>
		<category><![CDATA[low-tech]]></category>
		<category><![CDATA[mobilité]]></category>
		<category><![CDATA[mobiquité]]></category>
		<category><![CDATA[prévention des risques]]></category>
		<category><![CDATA[prévention et gestion des risques]]></category>
		<category><![CDATA[radiocommunications]]></category>
		<category><![CDATA[sécurité]]></category>
		<category><![CDATA[sécurité civile]]></category>
		<category><![CDATA[SIG]]></category>
		<category><![CDATA[Système d’Information géographique]]></category>
		<guid isPermaLink="false">https://www.pierre-lannes.fr/?p=58195</guid>

					<description><![CDATA[Présentation du projet Cyberdeck STAMM (Serveur Terminal Autonome Messagerie Mobile) : un kit portable et autonome de communication et de services numériques pour assurer la continuité en cas de coupure des réseaux ou en zone isolée. Pensé pour la gestion de crise et la résilience numérique, le STAMM combine serveur collaboratif, SIG, communication radio et autonomie énergétique.]]></description>
										<content:encoded><![CDATA[
<p>Ce projet s’inscrit pleinement dans la démarche que nous portons avec <strong><a href="https://georesilience.fr/" target="_blank" rel="noreferrer noopener">Géorésilience</a></strong>, qui fédère des expertises complémentaires pour renforcer la résilience des territoires face aux risques majeurs et aux crises systémiques. </p>



<p>En tant que <a href="https://www.linkedin.com/posts/georesilience-fr_d%C3%A9couvrez-les-visages-et-les-parcours-qui-activity-7362147351207034880-nyKW">spécialiste chez Géorésilience sur les questions numériques</a>, j’ai à cœur de contribuer à cette dynamique collective et d’explorer des solutions concrètes comme le <strong>STAMM</strong>, au croisement du numérique, de la gestion de crise et de l’autonomie locale.</p>



<div class="wp-block-media-text is-stacked-on-mobile is-vertically-aligned-center"><figure class="wp-block-media-text__media"><a href="https://georesilience.fr/" target="_blank" rel=" noreferrer noopener"><img fetchpriority="high" decoding="async" width="500" height="166" src="https://www.pierre-lannes.fr/wp-content/uploads/2025/02/georesilience.png" alt="Logo Phœnix société de conseil Géorésilience" class="wp-image-56562 size-full" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2025/02/georesilience.png 500w, https://www.pierre-lannes.fr/wp-content/uploads/2025/02/georesilience-300x100.png 300w" sizes="(max-width: 500px) 100vw, 500px" /></a></figure><div class="wp-block-media-text__content">
<p class="has-small-font-size">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</p>
</div></div>



<p>Dans un <a href="https://www.pierre-lannes.fr/resilience-numerique-partie-3-risques-majeurs-et-autonomie/" data-type="post" data-id="50221">précédent billet</a> consacré aux liens entre&nbsp;<strong>risques majeurs et autonomie numérique</strong>, 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.</p>



<p>C’est dans cette perspective que le projet&nbsp;<strong>STAMM — Serveur Terminal Autonome Messagerie Mobile</strong> a été designé et développé.</p>



<h2 class="wp-block-heading">Protection d&rsquo;une partie du projet par les droits de propriété intellectuelle</h2>



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



<p>Le dépôt e-Soleau&nbsp;atteste seulement de la paternité&nbsp;et date de la spécificité de l&rsquo;assemblage (concept + plans) et protège l’idée et les plans d’assemblage&nbsp;(coffrage, gabarits, schémas de câblage, etc.)<br>Tout le reste est libre&nbsp;(logiciel, configurations, doc d’usage)&nbsp;: la documentation sera mise à disposition. sur mon<a href="https://github.com/PierreLga456/stamm"> dépôt <strong>STAMM</strong> sur <strong>GitHub</strong></a>, dans lequel sont précisés les licenses utilisées&nbsp;:</p>



<h3 class="wp-block-heading">CERN OHL-S v2 (hardware)</h3>



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



<h3 class="wp-block-heading">AGPL-3.0 (software)&nbsp;</h3>



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



<h3 class="wp-block-heading">License CC BY 4.0 (docs)</h3>



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



<!-- STAMM – Carte dépôt GitHub  -->
<style>
  .stamm-card {
    --img-radius: 12px;
    --gap: 25px;
    padding: var(--gap);
    display: flex;
    gap: var(--gap);
    align-items: flex-start;
  }
  .stamm-card a { color: inherit; text-decoration: none;}
  .stamm-card a:hover, .stamm-card a:focus {text-decoration: underline; color: #FBA801;}
  .stamm-card__media img {
    display: block; width: 220px; height: auto; border-radius: var(--img-radius);
  }
  .stamm-card__body { flex: 1 1 auto; }
  .stamm-card__title { margin: 0 0 8px; font-size: 1.25rem; line-height: 1.25; }
  .stamm-card__desc { margin: 0 0 12px; color: var(--card-muted); line-height: 1.5; }  }
  .stamm-badges img { height: 20px; vertical-align: middle; }

  @media (max-width: 720px) {
    .stamm-card { flex-direction: column; }
    .stamm-card__media img { width: 100%; }
  }
</style>

<article class="stamm-card digest">
  <a class="stamm-card__media"
     href="https://github.com/PierreLga456/stamm" target="_blank" rel="noopener">
    <img decoding="async" src="https://www.pierre-lannes.fr/wp-content/uploads/2025/08/paysage-stamm.jpg"
         alt="STAMM — Serveur Terminal Autonome Messagerie Mobile">
  </a>
  <div class="stamm-card__body">
    <a href="https://github.com/PierreLga456/stamm" target="_blank" rel="noopener"><h3 class="stamm-card__title">STAMM — Dépôt GitHub</h3></a>
    <p class="stamm-card__desc">
      Prototype de kit de communication et de services mobiles décentralisés (SIG, wiki, médiathèque, relais radio)
      pour situations dégradées.</a>.
    </p>
      <span class="stamm-badges">
        <img decoding="async" src="https://img.shields.io/github/stars/PierreLga456/stamm?style=social" alt="GitHub stars">
        <img decoding="async" src="https://img.shields.io/badge/Hardware-CERN%20OHL--S%20v2-blue" alt="Hardware: CERN OHL-S v2">
        <img decoding="async" src="https://img.shields.io/badge/Software-AGPL--3.0-orange" alt="Software: AGPL-3.0">
        <img decoding="async" src="https://img.shields.io/badge/Docs-CC%20BY%204.0-lightgrey" alt="Docs: CC BY 4.0">
      </span>
    </div>
</article>



<h2 class="wp-block-heading">Pourquoi un Cyberdeck STAMM&nbsp;?</h2>



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



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



<ul class="wp-block-list">
<li>en cas de&nbsp;<strong>panne des réseaux électriques ou télécoms</strong>,</li>



<li>dans des&nbsp;<strong>zones blanches</strong>&nbsp;ou isolées,</li>



<li>ou encore dans le cadre d’exercices et d’opérations de gestion de crise.</li>
</ul>



<h2 class="wp-block-heading">Les « 4 CO »</h2>



<p>Dans les situations de crises, la <strong>communication</strong> est un <strong>pilier</strong>. Nous en avons besoin pour prévenir les populations, coordonner les secours&#8230;</p>



<p>La préparation aux crises est essentielle en amont, la communication l&rsquo;est pendant la crise, la communication étant entendue et comprise ici dans une double signification&nbsp;:</p>



<ul class="wp-block-list">
<li>Capacité des individus à se transmettre des informations (tactiques, stratégiques) et de se comprendre </li>



<li>Les outils qui la sous-tendent et la permettent, à distance </li>
</ul>



<p>C&rsquo;est un pilier de ce que j&rsquo;appelle les <strong>4CO</strong>&nbsp;: sans <strong>CO</strong>nfiance, il n’y a pas de <strong>CO</strong>mmunication. Sans communication, il n’y a pas de <strong>CO</strong>ordination. Et sans coordination, c’est la <strong>CO</strong>opération elle-même qui disparaît.&nbsp;</p>



<p>Pour se coordonner et coopérer nous avons besoins d&rsquo;<strong>outils</strong> et de <strong>supports</strong>&nbsp;: outils de communications, cartes géographiques et topologiques (SIG, Systèmes d&rsquo;Informations Géographiques), photos, documents, procédures&#8230;. Ces contenus et outils sont aujourd&rsquo;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.</p>



<figure class="wp-block-image aligncenter size-large"><img decoding="async" width="1024" height="738" src="https://www.pierre-lannes.fr/wp-content/uploads/2025/08/Neuromancer-1024x738.png" alt="Équipements et connexions des éléments de STAMM" class="wp-image-58222" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2025/08/Neuromancer-1024x738.png 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2025/08/Neuromancer-300x216.png 300w, https://www.pierre-lannes.fr/wp-content/uploads/2025/08/Neuromancer-768x553.png 768w, https://www.pierre-lannes.fr/wp-content/uploads/2025/08/Neuromancer-1536x1107.png 1536w, https://www.pierre-lannes.fr/wp-content/uploads/2025/08/Neuromancer.png 1896w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Équipements et connexions des éléments de STAMM</figcaption></figure>



<h2 class="wp-block-heading">Ce que contient le STAMM</h2>



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



<h3 class="wp-block-heading">Fonctions principales</h3>



<ul class="wp-block-list">
<li>Connexion filaire Ethernet et switch réseau intégré</li>



<li>Point d’accès Wifi longue portée</li>



<li>Communications Bluetooth et radio HF/VHF/UHF, messagerie <a href="https://www.pierre-lannes.fr/resilience-numerique-partie-3-risques-majeurs-et-autonomie/#mesh">LoRa/<strong>Meshtastic</strong>, voir mes explications</a></li>



<li>Serveur collaboratif&nbsp;: wiki, médiathèque, tutoriels, cartographies d’urgence</li>



<li>Serveur d’Informations Géographiques (SIG) pour la gestion opérationnelle des secours et de l’intervention</li>
</ul>



<h3 class="wp-block-heading">Énergie et autonomie</h3>



<ul class="wp-block-list">
<li>Panneau solaire portable étanche (10W)</li>



<li>Batterie universelle multi-sorties (USB, DC, réglages de 5 à 16 volts)</li>
</ul>



<h3 class="wp-block-heading">Matériel intégré</h3>



<ul class="wp-block-list">
<li>Nano-ordinateur Raspberry Pi avec stockage externe SSD 2To</li>



<li>Interfaces réseau, antennes et dongles radio, nœud Meshtastic RAK4631</li>



<li>Écran tactile 11,6’’ et clavier/trackpad étanche</li>



<li>Haut-parleurs et connectiques audio</li>



<li>Connectiques électriques et données USB-A/C et DC</li>
</ul>



<h3 class="wp-block-heading">Logiciels embarqués</h3>



<ul class="wp-block-list">
<li>Raspberry Pi OS (basé sur Linux Debian)</li>



<li><a href="https://www.pierre-lannes.fr/resilience-numerique-partie-2-situations-et-solutions-locales/#aioseo-docker-des-milliers-dapplications-disponibles">Conteneurs Docker </a>pour la gestion des services</li>



<li><a href="https://www.pierre-lannes.fr/resilience-numerique-partie-3-risques-majeurs-et-autonomie/#mediawiki">MediaWiki</a>, <a href="https://www.pierre-lannes.fr/resilience-numerique-partie-3-risques-majeurs-et-autonomie/#minidlna">MiniDLNA</a>, QGIS serveur SIG (Système d&rsquo;Information Géographique)</li>



<li>Logiciels de communication <a href="https://www.pierre-lannes.fr/resilience-numerique-partie-3-risques-majeurs-et-autonomie/#mesh">LoRa Meshtastic</a> et radio SDR</li>
</ul>



<h2 class="wp-block-heading">Un outil pour la résilience collective</h2>



<p>L’enjeu n’est pas seulement technique&nbsp;: le STAMM est pensé comme un&nbsp;<strong>outil de terrain pour la gestion de crise</strong>, permettant à des équipes locales de&nbsp;:</p>



<ul class="wp-block-list">
<li>maintenir un réseau minimal de communication et de coordination,</li>



<li>accéder à une base documentaire et cartographique partagée,</li>



<li>relayer des informations en autonomie, sans dépendre d’infrastructures centralisées.</li>
</ul>



<p>Il s’inscrit ainsi dans une démarche de&nbsp;<strong>résilience territoriale et numérique</strong>, en créant une capacité d’action locale, immédiate, et reproductible.</p>



<h2 class="wp-block-heading">Et après&nbsp;?</h2>



<p>Le prototype STAMM est désormais assemblé et opérationnel. Les prochaines étapes concerneront&nbsp;:</p>



<ul class="wp-block-list">
<li>La finalisation matérielle avec la fixation des équipements dans un coffrage en impression 3D</li>



<li>Les&nbsp;<strong>tests en conditions réelles</strong>&nbsp;; exercices PCS/PICS, simulations de coupures</li>



<li>L’<strong>optimisation de l’ergonomie</strong>&nbsp;; usage terrain, rapidité de mise en service</li>



<li>L’exploration de cas d’usage variés&nbsp;; acteurs de la sécurité civile, réserve communale de sécurité civile, (RSCV), collectivités, associations, organisations humanitaires, etc.</li>
</ul>



<hr class="wp-block-separator has-alpha-channel-opacity"/>



<figure class="wp-block-image aligncenter size-large"><img decoding="async" width="1009" height="1024" src="https://www.pierre-lannes.fr/wp-content/uploads/2025/08/proto-e1756042007582-1009x1024.jpg" alt="Prototype STAMM" class="wp-image-58223" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2025/08/proto-e1756042007582-1009x1024.jpg 1009w, https://www.pierre-lannes.fr/wp-content/uploads/2025/08/proto-e1756042007582-295x300.jpg 295w, https://www.pierre-lannes.fr/wp-content/uploads/2025/08/proto-e1756042007582-768x780.jpg 768w, https://www.pierre-lannes.fr/wp-content/uploads/2025/08/proto-e1756042007582.jpg 1440w" sizes="(max-width: 1009px) 100vw, 1009px" /><figcaption class="wp-element-caption">Prototype en test, non assemblé</figcaption></figure>



<h3 class="wp-block-heading">En résumé</h3>



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



<p>En combinant <a href="https://www.pierre-lannes.fr/tag/low-tech/" data-type="post_tag" data-id="55">low-tech</a>, open source et portabilité, il ouvre une piste concrète pour&nbsp;<strong>reprendre la main sur nos infrastructures numériques</strong>&nbsp;lorsque celles-ci font défaut.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/cyberdeck-stamm-resilience-numerique/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Résilience numérique partie 3: risques majeurs</title>
		<link>https://www.pierre-lannes.fr/resilience-numerique-partie-3-risques-majeurs-et-autonomie/</link>
					<comments>https://www.pierre-lannes.fr/resilience-numerique-partie-3-risques-majeurs-et-autonomie/#respond</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Sun, 20 Aug 2023 16:48:39 +0000</pubDate>
				<category><![CDATA[Applications et webmastering]]></category>
		<category><![CDATA[Résilience et autonomie]]></category>
		<category><![CDATA[applications]]></category>
		<category><![CDATA[cybersécurité]]></category>
		<category><![CDATA[mobilité]]></category>
		<category><![CDATA[mobiquité]]></category>
		<category><![CDATA[prévention des risques]]></category>
		<category><![CDATA[radiocommunications]]></category>
		<category><![CDATA[sécurité]]></category>
		<category><![CDATA[smartphone]]></category>
		<category><![CDATA[stratégie]]></category>
		<guid isPermaLink="false">https://www.pierre-lannes.fr/?p=50221</guid>

					<description><![CDATA[Dans cette dernière partie de la série de 3 billets sur la résilience numériques il sera question des risques liés aux défaillances des systèmes numériques, et leurs impacts selon le contexte, puis quelques exemples de solutions pour améliorer notre cyber-résilience. Je finirai avec la concrétisation d'un mini-serveur autonome portable sans fil.]]></description>
										<content:encoded><![CDATA[
<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Vous êtes acteur de la sécurité et vous pouvez mettre en œuvre des moyens simples pour faire face aux cyber-risques majeurs</p>
</blockquote>



<div class="wp-block-group digest is-layout-constrained wp-block-group-is-layout-constrained">
<p>Après le <a href="https://www.pierre-lannes.fr/resilience-numerique-partie-1-mise-a-lechelle-des-risques/" title="Résilience numérique partie 1: mise à l’échelle des risques">premier</a> et le <a href="https://www.pierre-lannes.fr/resilience-numerique-partie-2-situations-et-solutions-locales/" title="Résilience numérique partie 2: situations et solutions locales">second volet</a> de cette série de 3 billets, il sera question dans cette dernière partie des risques majeurs liés aux défaillances des systèmes numériques, et leurs impacts selon le contexte, leur prévention et quelques pistes de solutions.</p>



<p>Après avoir rappelé la <a title="" href="#maires">responsabilité des communes</a> et des <a title="" href="#citoyens">citoyens</a> face aux risques majeurs, je donnerai des indications sur les acteurs responsables de la cybersécurité au niveau <a title="" href="#national">national</a>&nbsp;: encadrement et exigences pour les grandes administrations et entreprises qui ont des activités particulièrement stratégiques et sensibles, dont les dysfonctionnements provoqués par des risques cyber peut avoir de graves conséquences sur les populations (OIV Opérateurs d’Importance Vitale).</p>



<p>J&rsquo;exposerai quelques repères pour mettre en place des <a href="#strategies" title="">stratégies locales</a> face au défaillances des systèmes numériques, en me concentrant sur les problématiques de communication et d&rsquo;accès à des contenus numériques utiles en cas de crise majeure, durable, en finissant par l&rsquo;exemple des réseaux de messagerie <a href="#lora" title="">LoRa Meshtastic</a> et la réalisation d&rsquo;un <a href="#miniserveur">mini-serveur autonome portable sans fil</a>.</p>
</div>



<p><a title="Figure d'illustration&nbsp;: &quot;Ono Sendai Deck&quot;" href="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/ono-sendai-cyberdeck-NEUROMANCER.jpg">Figure d&rsquo;illustration&nbsp;: « Ono Sendai Deck »</a> par <a title="Jose Ramirez" href="https://www.artstation.com/artwork/ELP6O0" target="_blank" rel="noopener">Jose Ramirez</a>.</p>



<p>Le concept original de <strong>Cyberdeck</strong> fait référence à des appareils portables utilisés pour se connecter à <strong>La Matrice </strong>(cyberespace) dans le premier roman de science-fiction de <strong>William Gibson</strong>&nbsp;: <strong>Neuromancien</strong>. Publié en 1984, il est considéré comme le roman fondateur du mouvement cyberpunk. Aujourd&rsquo;hui, à l&rsquo;époque du <a title="" href="https://www.marianne.net/agora/entretiens-debats/la-necrophobie-des-transhumanistes-est-mortifere" target="_blank" rel="noopener">fanatisme transhumaniste</a> il se révèle être une dystopie prophétique.</p>



<p>Mais passons, ce n&rsquo;est (presque) pas le sujet. L&rsquo;ère numérique a permis de <strong><a href="/category/usages/" title="">nouveaux usages</a></strong>, de nouvelles capacités de services, produits, une interconnexion et une circulation planétaire des informations, et avec elle toute une <strong>avalanche de nouvelles menaces</strong>, dépendances, addictions, risques systémiques majeurs et d&rsquo;idéologies mortifères avec l&rsquo;arrogance humaine et sa volonté de dominer, voire de dépasser la nature par le « tout numérique », délire d&rsquo;hubris à qui la providence viendra rappeler l&rsquo;ordre des choses.</p>



<h2 class="wp-block-heading" id="contextes">Échelles des risques et contextes</h2>



<p>L&rsquo;étendue des domaines d&rsquo;activités couverts par les systèmes numériques est extrêmement vaste. À vrai dire, dans le monde occidental et des pays riches, <strong>le numérique est partout</strong>, dans toutes les activités. Même dans les pays pauvres, on trouve des smartphones connectés à internet. L&rsquo;interconnexion avec <strong>internet</strong> est généralisée, avec les <strong>risques cyber</strong> que nous avons commencé à aborder dans le <a href="https://www.pierre-lannes.fr/resilience-numerique-partie-2-situations-et-solutions-locales/" title="Résilience numérique partie 2: situations et solutions locales">second billet</a>. Même dans les machines de transports et de travaux lourds fonctionnant aux carburants fossiles, les <strong>systèmes de commande de pilotage</strong> sont dans leur majorité numériques.</p>



<p>Il est possible d&rsquo;identifier les différents risques liés aux défaillances des systèmes en se donnant plusieurs points d&rsquo;entrées et en les croisant entre eux&nbsp;:</p>



<ul class="wp-block-list">
<li>Fonctions et criticité des systèmes numériques impactés</li>



<li>Moment et étendue en terme de zone impactée par des défaillances et échelle sociométrique&nbsp;: d&rsquo;un individu jusqu&rsquo;à des groupes de plus en plus grands</li>



<li>Caractéristiques et environnement de la zone impactée&nbsp;: type de milieu naturel, voies, véhicules, bâtiments, zone urbaine, rurale, isolée, installations critiques à proximité</li>



<li>Contexte global normal ou déjà dégradé</li>



<li>Visibilité sur la durée potentielle de la situation dégradée</li>
</ul>



<p>Ces points sont généralisables à l&rsquo;approche de tous types de risques, qui peuvent être croisés entre eux également (risques systémiques et effets en cascade).</p>



<p>Est-ce seulement le domicile qui est impacté&nbsp;? Les véhicules, les bureaux&nbsp;? La commune, le quartier, la ville, la région&nbsp;? Dans la plupart des cas, les défaillances de systèmes numériques touchant un petit périmètre auront bien souvent peu d&rsquo;impacts, et trouveront une solution de sortie en dehors de ce périmètre impacté. Si un distributeur bancaire est en panne, je vais à celui de la rue d&rsquo;à côté.</p>



<p>Ce n&rsquo;est évidemment pas toujours aussi simple. Si l&rsquo;on prend en considération les fonctions de systèmes numériques, les caractéristiques et l&rsquo;environnement de la <strong>zone impactée</strong>, nous pouvons identifier des situations de risques et de situations critiques. Nous n&rsquo;essaierons pas de les répertorier ici. Voici quelques exemples. Je fais le choix délibéré de décrire quelques scénarios très particuliers pouvant générer rapidement une « cascade de risques ». Voyez cela comme une mise en bouche avant la suite.</p>



<figure class="wp-block-image size-full" id="cascade"><img loading="lazy" decoding="async" width="1024" height="692" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/airbus-a320-211_cockpit.jpg" alt="Pilotes, intérieur cockpit de pilotage dans un Airbus A320 211 lors d'une phase de décollage" class="wp-image-22697" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/airbus-a320-211_cockpit.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/airbus-a320-211_cockpit-300x203.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/airbus-a320-211_cockpit-768x519.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Cockpit de pilotage avion Airbus A320 211</figcaption></figure>



<ul class="wp-block-list">
<li>Défaillance du système de pilotage numérique d&rsquo;un avion de ligne traversant une zone fortement nuageuse durant la descente vers un aéroport international (toutes les commandes des avions sont numériques aujourd&rsquo;hui)</li>



<li>Dysfonctionnement d&rsquo;un système de régulation du trafic urbain faisant passer des feux de circulation en mode clignotant dans le centre-ville d&rsquo;une grande ville à une heure de pointe</li>



<li>Coupure de la visioconférence pendant une télé-intervention chirurgicale cardio-vasculaire</li>



<li>Panne du système téléphonique du centre d&rsquo;appel d&rsquo;un service départemental d&rsquo;incendie et de secours pendant une crue de grande ampleur ayant impacté de nombreux quartiers et habitations</li>



<li>Panne informatique du système d&rsquo;alarme et de contrôle des accès d&rsquo;un centre commercial ou d&rsquo;un bureau, débrayant les portes en pleine nuit dans la zone péri-urbaine d&rsquo;une très grande ville</li>
</ul>



<h2 class="wp-block-heading">Identification des risques et vulnérabilités</h2>



<p>Je ne garantis pas d&rsquo;exhaustivité, et les vulnérabilités sont très variables selon les individus et les contextes&nbsp;; voici néanmoins quelques éléments et réflexions.</p>



<h3 class="wp-block-heading">La dépendance énergétique</h3>



<p>Les systèmes numériques sont intimement liés à l&rsquo;énergie et aux communications.</p>



<p>Toute système numérique a besoin d&rsquo;énergie. Un téléphone portable déchargé n&rsquo;est plus utilisable pour appeler les secours, éventuellement s&rsquo;orienter, etc.</p>



<p>La vulnérabilité liée à la dépendance des systèmes numériques à l&rsquo;énergie est tout simplement qu&rsquo;ils deviendront inopérants, avec tous les risques associés que nous traitons dans ce chapitre.</p>



<p id="blackout">Certains systèmes sont protégés par des batteries de secours, onduleurs, groupes électrogènes, ou encore des systèmes solaires autonomes, etc.</p>



<h4 class="wp-block-heading">Aparté sur le risque de blackout</h4>



<p>Si l&rsquo;indisponibilité se situe sur une zone très vaste, le réseau électrique devra être rapidement rétabli, car plus le rétablissement sera long plus il sera difficile voire impossible de remettre en service le réseau, avec une série de conséquences en cascade absolument catastrophiques.</p>



<figure class="wp-block-image aligncenter size-full"><a href="https://www.academia.edu/64734354/Le_risque_de_blackout_un_impens%C3%A9_urbain" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="742" height="1040" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Le-risque-de-blackout-un-impense-urbain.png" alt="Le risque de blackout, un impensé urbain. Grégoire Chambaz" class="wp-image-50366" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Le-risque-de-blackout-un-impense-urbain.png 742w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Le-risque-de-blackout-un-impense-urbain-214x300.png 214w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Le-risque-de-blackout-un-impense-urbain-731x1024.png 731w" sizes="auto, (max-width: 742px) 100vw, 742px" /></a><figcaption class="wp-element-caption"><a href="https://derivations.be/archives/numero-7/le-risque-de-blackout-un-impense-urbain.html" target="_blank" rel="noopener" title="Le risque de blackout, un impensé urbain. Grégoire Chambaz">Le risque de blackout, un impensé urbain. Grégoire Chambaz</a></figcaption></figure>



<h3 class="wp-block-heading">Perte de mémoire et de transmission numérique</h3>



<p>Archiver, sécuriser et communiquer des données assurent une continuité de service et de fonctionnement de nombreux systèmes régissant désormais les activités humaines, l&rsquo;accès et la transmission de connaissances.</p>



<p>Une grande partie de la <strong>mémoire humaine</strong> est désormais stockée et transmise avec des systèmes numériques, en dehors de notre cerveau, de la transmission par le langage oral, des livres papiers et supports précédents l&rsquo;ère numérique.</p>



<p>À vaste échelle il s&rsquo;agit de <strong>garantir la continuité du présent vers l’avenir</strong>.</p>



<p>En cas de risques majeurs, les <strong>données</strong> doivent être <strong>sécurisées</strong> pour pouvoir exploiter les plus importantes et les communiquer en <strong>situation dégradée</strong>, et si possible les réinjecter et les restaurer quand le système reviendra à la normale ou à un état acceptable, idéalement dans de nouveaux systèmes <a href="#solutions" title="">plus résilients</a>.</p>



<h3 class="wp-block-heading">Vulnérabilités des données et des terminaux</h3>



<p>Voir aussi voir <a title="Résilience numérique partie 2: situations et solutions locales" href="https://www.pierre-lannes.fr/resilience-numerique-partie-2-situations-et-solutions-locales/">le billet précédent</a>.</p>



<ul class="wp-block-list">
<li>Déconnexion à Internet</li>



<li>Données et appareils non sécurisés</li>



<li>Pas de copies et de redondance</li>



<li>Pas de sauvegardes régulières</li>



<li>Données rassemblées sur un seul site géographique</li>



<li>Pas de plan d&rsquo;évacuation prévoyant le transport de données utiles en cas de périmètre compromis ou nécessité de mobilité</li>
</ul>



<h3 class="wp-block-heading">Risques de perte de données et de terminaux</h3>



<ul class="wp-block-list">
<li>Économique</li>



<li>Intégrité de l&rsquo;identité et confidentialité de la vie privée, de données professionnelles</li>



<li>Documents et outils de travail</li>



<li>Documents et médias personnels</li>



<li>Documents administratifs importants</li>
</ul>



<h3 class="wp-block-heading">Risques systémiques et systèmes vitaux</h3>



<p>Cyberattaques ou défaillance de systèmes&nbsp;:</p>



<ul class="wp-block-list">
<li>Traitements médicaux connectés (<a title="Télémédecine et ubimédecine&nbsp;: vers de nouvelles formes d’eXperience patient" href="https://www.pierre-lannes.fr/telemedecine-ubimedecine-nouvelles-forme-d-experience-patient/">IoMT Internet des objets médicaux</a> )</li>



<li>Supervision de l&rsquo;acheminement et du traitement de l&rsquo;eau, de l&rsquo;énergie</li>



<li>Systèmes logistiques (commandes, gestion des stocks et des livraisons&#8230;) de matières vitales sur chaines en flux tendu, <a href="https://www.pierre-lannes.fr/reve-brises-de-colonies-martiennes-et-retour-a-la-realite-securiser-alimentation-locale-sur-terre/" title="Rêves brisés de colonies martiennes et retour à la réalité&nbsp;: sécuriser l’alimentation locale sur terre">3 jours de stock alimentaire en moyenne dans les magasins</a></li>
</ul>


<div class=" content_cards_card content_cards_domain_www-lagazettedescommunes-com">
			<div class="content_cards_image">
				<a class="content_cards_image_link" href="https://www.lagazettedescommunes.com/814554/etablissements-de-sante-quelles-vulnerabilites-en-matiere-de-cybersecurite/">
					<img decoding="async" src="https://www.lagazettedescommunes.com/wp-content/uploads/2022/11/310x206-new.jpg" alt="Établissements de santé&nbsp;: quelles vulnérabilités en matière de cybersécurité&nbsp;? ">				</a>
		</div>
	
	<div class="content_cards_title">
		<a class="content_cards_title_link" href="https://www.lagazettedescommunes.com/814554/etablissements-de-sante-quelles-vulnerabilites-en-matiere-de-cybersecurite/">
			Établissements de santé&nbsp;: quelles vulnérabilités en matière de cybersécurité&nbsp;? 		</a>
	</div>
	<div class="content_cards_description">
		<a class="content_cards_description_link" href="https://www.lagazettedescommunes.com/814554/etablissements-de-sante-quelles-vulnerabilites-en-matiere-de-cybersecurite/">
			<p>De plus en plus connectés et collaboratifs, les établissements de santé améliorent la prise en charge de leurs bénéficiaires et s’affranchissent des limites physiques de l’hôpital ...</p>
		</a>
	</div>
	<div class="content_cards_site_name">
		<img decoding="async" src="https://www.lagazettedescommunes.com/wp-content/themes/gazette_v5/favicon.gif" alt="La Gazette des Communes" class="content_cards_favicon"/>		La Gazette des Communes	</div>
</div>


<h3 class="wp-block-heading">Systèmes d&rsquo;identification, d&rsquo;accès, transport et mobilité</h3>



<ul class="wp-block-list">
<li>Portes sécurisées, ascenseurs et autres systèmes de contrôle d&rsquo;accès à des bâtiments ou véhicules avec badges, <a title="UX/UI contrôle sûreté biométrique" href="https://www.pierre-lannes.fr/portfolio_page/ux-ui-controle-surete-biometrique/">biométrie</a>, etc.</li>



<li>Systèmes de commande et de pilotage de véhicules de travail et de transport</li>
</ul>



<h3 class="wp-block-heading">risques du système bancaire</h3>



<ul class="wp-block-list">
<li>Plus d&rsquo;accès aux comptes bancaires, aux systèmes de transaction</li>



<li>Indisponibilité des terminaux et moyens de paiements numériques</li>



<li>Indisponibilité des systèmes de retrait d&rsquo;argent liquide</li>



<li>Impossibilité d&rsquo;opérations bancaires et financières courantes, à petite ou vaste échelle</li>
</ul>



<p>A vaste échelle et sans restauration rapide&nbsp;: crash systémique international.</p>



<h3 class="wp-block-heading">Isolement informationnel</h3>



<ul class="wp-block-list">
<li>Coupure des systèmes de radio et télévision numériques</li>



<li>Impossibilité de publier des informations en direct et du contenu d&rsquo;information via internet et tous les appareils connectés</li>
</ul>



<p>Particulièrement critique en cas de situations dégradées, qui sont justement celles où nous avons le plus besoin de communiquer des informations pour assurer les secours. Aggravée par le fait que <strong>tout est systémique</strong>&nbsp;: s&rsquo;il y a une grosse panne d&rsquo;électricité, on ne peut plus recevoir d&rsquo;informations. Les stations de radios traditionnelles, autonomes techniquement et énergétiquement (groupe électrogène, batteries et panneaux solaires&#8230;) et les postes de réception radio traditionnels pourront se révéler être les seuls moyens restants.</p>



<p>Les <strong>smartphones / téléphones mobiles</strong> peuvent être <strong>providentiels</strong> dans ce cas, car ils disposent de batteries et peuvent recevoir de l&rsquo;information en cas de panne électrique ou isolement des individus. Sauf que les systèmes qui diffusent les informations reposent sur des systèmes numériques comme on vient de le voir. Le téléphone restera muet.</p>



<p>Des solutions résilientes et peu coûteuses existent, comme les réseaux décentralisés <a href="#lora" title=""><strong>LoRa Meshtastic</strong>, voir plus bas</a>.</p>



<h3 class="wp-block-heading">Communication, accès aux secours et à l&rsquo;information</h3>



<p>Complément logique du paragraphe précédent.</p>



<ul class="wp-block-list">
<li>Coupure des communications téléphoniques, mobiles, messageries</li>



<li>Dysfonctionnement des centres d&rsquo;appels et de coordination des secours et de sécurité</li>
</ul>



<p>La communication, en particulier en <strong>situation d&rsquo;urgence</strong> est particulièrement <strong>critique</strong>. La <strong>numérisation complète</strong> qui a été opérée en France sur les systèmes de communication et de secours sans autres systèmes de secours analogiques et décentralisés est une <strong>pure folie</strong>. J&rsquo;y reviendrais plus précisément <a href="#strategies" title="">plus bas dans le chapitre sur les <strong>solutions</strong></a>.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1024" height="683" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/sdis-com.png" alt="Centre d'appel d'un Service Départemental d'Incendie et de Secours" class="wp-image-49765" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/sdis-com.png 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/sdis-com-300x200.png 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/sdis-com-768x512.png 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Centre d&rsquo;appel d&rsquo;un Service Départemental d&rsquo;Incendie et de Secours</figcaption></figure>



<h3 class="wp-block-heading">Activités numériques de confort et tensions psychologiques liées à la dépendance psychologique au numérique</h3>



<ul class="wp-block-list">
<li>Manques et augmentation des tensions psychologiques dues à l&rsquo;accoutumance aux activités numériques&nbsp;: séries et émissions TV, jeux en ligne, activités sur les médias sociaux (Tik-Tok, Snapchat, Facebook, Instagram, etc.)</li>



<li>Nomophobie (ou mobidépendance) et peur de la dissociation (FOMO Fear Of Missing, être séparé des activités avec son téléphone mobile)</li>
</ul>



<p>Même si le « doudou » téléphone reste dans la main il ne sert pas à grand chose s&rsquo;il est déconnecté.</p>



<p>Voir aussi mon billet d&rsquo;il y a 11 ans&nbsp;: <a title="A l’époque de l’ultra-connexion, il devient branché de débrancher. Et même vital" href="https://www.pierre-lannes.fr/a-lepoque-de-lutraconnexion-il-devient-branche-de-debrancher-et-meme-vital/">A l’époque de l’ultra-connexion, il devient branché de débrancher. Et même vital</a></p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="612" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/girls-on-their-phone-1024x612.jpg" alt="4 copines au café chacune rivée sur son smartphone" class="wp-image-33846" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/girls-on-their-phone-1024x612.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/girls-on-their-phone-300x179.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/girls-on-their-phone-768x459.jpg 768w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/girls-on-their-phone-1536x919.jpg 1536w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/girls-on-their-phone.jpg 1600w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Boire un café entre copines</figcaption></figure>



<h2 class="wp-block-heading" id="acteurs">Acteurs de la prévention des risques</h2>



<div class="wp-block-group alignwide is-layout-constrained wp-block-group-is-layout-constrained">
<h3 class="wp-block-heading" id="maires">Alerter les maires</h3>



<p>Il y a <strong>35000 communes en France</strong>, majoritairement <strong>rurales</strong>. Elles s&rsquo;appuient bien souvent sur la <strong>responsabilité des préfectures</strong> en matière de gestion des risques majeurs (naturels et technologiques) et s&rsquo;en préoccupent surtout sur ce qui concerne les contraintes réglementaires qu&rsquo;elles font peser sur l&rsquo;<strong>urbanisme local</strong>&nbsp;: SRADDET schéma régional d’aménagement et de développement durable et d’égalité des territoires, SCoT schéma de cohérence territoriale, PLU plan local d’urbanisme&#8230;. Ce sont des sujets qui peuvent fâcher compte tenu des <strong>enjeux économiques liés à l&rsquo;urbanisme</strong>, mais ce n&rsquo;est pas notre sujet ici.</p>



<p>La sécurité ne concerne pas seulement la faisabilité de telle ou telle construction et aménagement. Elle concerne en premier lieu la <strong>sécurité des administrés au quotidien</strong> et dans les <strong>futurs possibles</strong> en cas de <strong>crises majeures</strong>.</p>



<p>La gestion locale des conséquences des risques cyber touchant des systèmes vitaux (voir plus haut) dépasse très largement la simple protection du système d&rsquo;information de la mairie, ou bien la réalisation une fois par an d&rsquo;un exercice (au mieux&nbsp;?) de simulation d&rsquo;un rassemblement de la population dans un gymnase pour se préparer au risque d&rsquo;inondation.</p>



<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image aligncenter size-full"><a href="https://www.georisques.gouv.fr/communiquer-aupres-de-mes-administres/le-document-dinformation-communal-sur-les-risques-majeurs-dicrim" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="660" height="330" src="https://www.pierre-lannes.fr/wp-content/uploads/2020/01/DICRIM-Risques-Majeurs.jpeg" alt="DICRIM Document d'Information Communal sur les Risques Majeurs" class="wp-image-32924" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2020/01/DICRIM-Risques-Majeurs.jpeg 660w, https://www.pierre-lannes.fr/wp-content/uploads/2020/01/DICRIM-Risques-Majeurs-300x150.jpeg 300w" sizes="auto, (max-width: 660px) 100vw, 660px" /></a><figcaption class="wp-element-caption">DICRIM Dossier d&rsquo;Information Communal sur le Risques majeurs</figcaption></figure>



<p id="assos">Il sera bon de <strong><a href="https://www.pierre-lannes.fr/la-resilience-alimentaire-locale-doit-etre-la-premiere-preoccupation-des-maires/" title="La résilience alimentaire locale doit être la première préoccupation des maires">rappeler aux maires</a></strong> leur <strong>responsabilité</strong> sur les plans de prévention des risques matérialisés dans le <strong>PCS Plan Communal de Sauvegarde</strong>, et dans le <strong>DICRIM</strong> accessible au public. Ils savent déjà que certains d&rsquo;entre eux ont été reconnus pénalement coupables pour avoir accordé des permis de construire dans des zones inondables, mais nous parlons ici de <strong>bien d&rsquo;autres menaces qui nous concernent tous</strong>. Je préfère plutôt un <strong>dialogue constructif</strong> avec les <strong>élus</strong>, <strong>citoyens</strong>, <strong>associations</strong>, <strong>producteurs</strong> et acteurs économiques afin de trouver des <strong>solutions communes</strong> pour améliorer la <strong>résilience</strong>, avec l&rsquo;aide d&rsquo;experts et de facilitateurs.</p>



<p>Des organisations citoyennes font ce travail d&rsquo;alerte. Les <a href="https://www.brigade-dicrim.fr/agir/" target="_blank" rel="noopener" title="">Brigades DICRIM</a> se concentrent sur les risques alimentaires, <a href="https://sosmaires.org/">SOS Maires</a> sur les risques dans leur ensemble,  et peuvent mettre les collectivités en relation avec des <strong>experts conseil</strong> dans le <strong>domaine de la résilience</strong> comme <a href="https://www.pierre-lannes.fr/#partenaires" title=""><strong>moi</strong> et <strong>mes partenaires</strong></a> pouvant accompagner le travail de diagnostic et le design de solutions.</p>



<p>Les DICRIM que peuvent consulter les citoyens en mairie, dans leur grande majorité, ne sont <strong>pas à jour</strong> depuis des années et <strong>ne traitent pas des risques majeurs</strong> pouvant être la conséquence de <strong>menaces cyber / numériques</strong> sur la commune. </p>
</div>



<h3 class="wp-block-heading" id="citoyens">Responsabilité du citoyen face aux risques majeurs</h3>



<p>Dans les sociétés modernes, nous avons tendance à <strong>déléguer totalement la gestion des risques</strong> ou ne pas nous en préoccuper, tellement nos systèmes existants sont déjà sécurisés, ronronnent sans grosses perturbations, nos services de supports aussi.</p>



<p>Ils sont par nature, très complexes. Et cette <strong><a href="https://www.pierre-lannes.fr/risques-systemiques-et-reponses-types-des-reseaux-complexes-aux-perturbations/" title="Risques systémiques et réponses types des réseaux complexes aux perturbations">complexité systémique</a></strong> est elle-même une <strong>source de risques</strong>. C&rsquo;est ce que j&rsquo;ai traité dans le<a href="https://www.pierre-lannes.fr/resilience-numerique-partie-1-mise-a-lechelle-des-risques/" title="Résilience numérique partie 1: mise à l’échelle des risques"> 1er volet</a> de la présente série de billets sur la résilience numérique, et cela revient en permanence ici, notamment quand j&rsquo;ai traité <a href="#cascade" title="">plus haut</a> des incidents en cascade.</p>



<p>Des incidents majeurs peuvent avoir des incidences sur chacun d&rsquo;entre nous.</p>



<figure class="wp-block-table">
<table>
<thead>
<tr>
<th style="vertical-align: middle;text-align: center">[icons icon= »fa-balance-scale » size= »fa-3x » type= »normal » custom_size= »48&Prime; target= »_self » icon_color= »#62749e »]</th>
<th><a title="" href="https://www.legifrance.gouv.fr/loda/id/JORFTEXT000000804612" target="_blank" rel="noopener"><strong>Loi n° 2004-811 du 13 août 2004<br>de modernisation de la sécurité civile</strong></a></th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="2"><strong>Article 3</strong><br>La politique de sécurité civile doit permettre de s’attaquer résolument aux risques en les anticipant davantage, de refonder la protection des populations et de mobiliser tous les moyens encourageant les solidarités. Les orientations de la politique de sécurité civile figurant en annexe à la présente loi sont approuvées.</td>
</tr>
<tr>
<td colspan="2"><strong>Annexe</strong><br>La sécurité civile est l&rsquo;affaire de tous. Tout citoyen y concourt par son comportement. Une véritable culture de la préparation au risque et à la menace doit être développée.</td>
</tr>
</tbody>
</table>
</figure>



<div style="height:33px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Il est bon de rappeler et de <strong>prendre conscience</strong> que <strong>chacun de nous est acteur de sa propre sécurité et de celle des autres</strong>. Certains sont déjà bien engagés, parfois bénévolement, dans des organisations de <strong>sécurité et de protection civile</strong>.</p>



<p>Des <strong>citoyens bien préparés faciliteront les secours</strong> en cas d&rsquo;incident majeur, baisseront la charge de travail des secours d&rsquo;urgence qui pourront alors se concentrer sur les situations plus complexes, les plus faibles, les plus démunis et impactés d&rsquo;entre nous.</p>



<p>A chacun, à chaque <strong>famille, groupe, quartier, commune</strong>, de mettre en place son propre <strong>plan de prévention</strong> à partir de son contexte propre. </p>



<h3 class="wp-block-heading" id="national">acteurs nationaux encadrant la cybersécurité</h3>



<p>Il existe un mille-feuille de couches d&rsquo;instances pour mettre en place des plans de prévention des risques, y compris les risques cyber, qui font parties des risques majeurs identifiés par l&rsquo;État <a href="https://www.gouvernement.fr/risques" target="_blank" rel="noopener" title="">gouvernement.fr/risques</a></p>



<p>Les préfectures et tous les organismes liés à la sécurité civile ont une responsabilité et un rôle dans la mise en œuvre de plans opérationnels en cas d&rsquo;incidents majeurs pouvant être provoqués par des risques cyber.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Face à l’augmentation en quantité et en sophistication des attaques informatiques, et à leurs impacts potentiellement destructeurs, l’ANSSI a pour mission d’accompagner les opérateurs d’importance vitale (OIV) dans la sécurisation de leurs systèmes d’information sensibles.</p>



<p>Source&nbsp;: <a title="" href="https://www.ssi.gouv.fr/entreprise/protection-des-oiv/protection-des-oiv-en-france/" target="_blank" rel="noopener">Agence nationale de la sécurité des systèmes d&rsquo;information (ANSSI)</a>, autorité nationale en matière de sécurité et de défense des systèmes d&rsquo;information.</p>
</blockquote>


<div class=" content_cards_card content_cards_domain_guardia-school">
			<div class="content_cards_image">
				<a class="content_cards_image_link" href="https://guardia.school/boite-a-outils/syndicats-federations-associations-qui-sont-les-acteurs-de-la-cybersecurite.html" target="_blank">
					<img decoding="async" src="https://guardia.school/wp-content/uploads/2022/01/header-syndicats-1200x630-cropped.png" alt="Syndicats, fédérations, associations… qui sont les acteurs de la...">				</a>
		</div>
	
	<div class="content_cards_title">
		<a class="content_cards_title_link" href="https://guardia.school/boite-a-outils/syndicats-federations-associations-qui-sont-les-acteurs-de-la-cybersecurite.html" target="_blank">
			Syndicats, fédérations, associations… qui sont les acteurs de la...		</a>
	</div>
	<div class="content_cards_description">
		<a class="content_cards_description_link" href="https://guardia.school/boite-a-outils/syndicats-federations-associations-qui-sont-les-acteurs-de-la-cybersecurite.html" target="_blank">
			<p>Associations, fédérations, syndicats, clubs d'entrepreneurs, qui sont les acteurs de la cybersécurité&nbsp;? Quelles sont leurs missions&nbsp;?</p>
		</a>
	</div>
	<div class="content_cards_site_name">
		<img decoding="async" src="https://guardia.school/FAVICON/android-icon-192x192.png" alt="Guardia Cybersecurity School" class="content_cards_favicon"/>		Guardia Cybersecurity School	</div>
</div>


<h3 class="wp-block-heading">Opérateurs d’Importance Vitale (OIV)</h3>



<p>Sur les risques majeurs comprenant les questions de cybersécurité les <strong>exploitants</strong> des systèmes vitaux mettent en place des service de veille, surveillance, de secours, de plans de reprise des activités, en particulier sur tous les systèmes industriels critiques&nbsp;: centrales nucléaire et de dispatching électrique, etc.</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="997" height="535" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/OIV.jpg" alt="Répartition du nombre d’OIV par secteur d’activité." class="wp-image-50485" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/OIV.jpg 997w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/OIV-300x161.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/OIV-768x412.jpg 768w" sizes="auto, (max-width: 997px) 100vw, 997px" /><figcaption class="wp-element-caption">Répartition du nombre d’OIV par secteur d’activité. Source&nbsp;: <a title="" href="https://www.sgdsn.gouv.fr/" target="_blank" rel="noopener">Secrétariat général de la défense et de la sécurité nationale</a></figcaption></figure>



<p>Une fois désignés par l&rsquo;État français, les opérateurs doivent répondre à plusieurs <strong>obligations</strong>&nbsp;:</p>



<ul class="wp-block-list">
<li>Désignation d’un délégué pour la défense et la sécurité (interlocuteur privilégié de l’autorité administrative)</li>



<li>Rédaction d’un plan de sécurité d’opérateur (PSO) qui décrit l’organisation et la politique de sécurité de l’opérateur</li>



<li>Rédaction de plans particuliers de protection (PPP) pour chacun des points d’importance vitale identifiés.</li>
</ul>



<h2 class="wp-block-heading" id="strategies">Anticipation des risques et stratégies</h2>



<div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained">
<p>Comme on l&rsquo;a vu dans le <a href="https://www.pierre-lannes.fr/resilience-numerique-partie-2-situations-et-solutions-locales/" title="Résilience numérique partie 2: situations et solutions locales">billet précédent</a>, il faut d&rsquo;abord identifier les menaces, faire le point sur la gravité des impacts et des vulnérabilités selon le contexte local.</p>



<p>En fonction de cela il faut trouver des solutions de secours&nbsp;:</p>



<ul class="wp-block-list">
<li>Ce qui peut remplacer efficacement un système numérique défaillant</li>



<li> Pouvoir maintenir des activités qui ne peuvent plus fonctionner avec ces systèmes numériques défaillants</li>
</ul>



<p>Je prendrai l&rsquo;exemple de solutions simples à mettre en œuvre en cas de défaillance des systèmes de communications.</p>
</div>



<h3 class="wp-block-heading" id="radioanalogique">Réseaux de communication analogiques</h3>



<p>Presque toutes les <strong>communications</strong> passent par <strong>internet</strong> et des systèmes numériques <strong>dépendants</strong> de <strong>serveurs</strong> et de <strong>câblages</strong>. Il y a des solutions satellites, mais là aussi l&rsquo;imbrication avec les systèmes numériques, internet, les serveurs, posent problème.</p>



<p>Les <strong>radios analogiques</strong>, autonomes, permettent des communications sans serveur ni relais. </p>



<p>Bien sur, la question de la <strong>portée</strong> se pose. Des <strong>relais autonomes</strong> sur des <strong>points culminants</strong> peuvent couvrir de vastes zones, la topologie aura un énorme impact.</p>



<p>Des solutions astucieuses, originales et peu coûteuses peuvent être mise en place pour exploiter des <strong>vieux et nouveaux matériels</strong>. Ci-dessous un exemple de <strong>relais transpondeur</strong> « maison » autonome permettant de faire communiquer entre eux des <strong>Talkies Walkies</strong>, <strong>radios UHF/VHF</strong> et des vieilles <strong>radios CiBi</strong>, pouvant considérablement <strong>étendre les moyens de communications</strong> sur de vastes territoires, à l&rsquo;échelle d&rsquo;un pays ou plus. L&rsquo;attribution des bandes est <strong>réglementée</strong>, il est recommandé de passer par des clubs de licenciés <strong>radioamateurs</strong>, et de n&rsquo;utiliser ces systèmes que dans des <strong>situations dégradées</strong> où ils peuvent avoir un <strong>rôle vital</strong> si les communications numériques venaient à défaillir.</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="[3R] relais transpondeur autonome CB - PMR446" width="500" height="281" src="https://www.youtube.com/embed/lkm3CaiBhsI?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p>Des groupements de citoyens, radio-amateurs, bénévoles de la protection civile, etc. informent et proposent des conventions d&rsquo;usage pour permettre à tout citoyen de pouvoir faire usage de la radio en cas de besoin.</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Prévention sur la rupture des moyens de communication pour les citoyens" width="500" height="281" src="https://www.youtube.com/embed/NClMMYj3lCA?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<h3 class="wp-block-heading" id="mesh">Réseaux maillés (Mesh), la communication numérique résiliente</h3>



<p>Plus simple, sur de petites zones pouvant s&rsquo;élargir à l&rsquo;infini via maillage du réseau, il est possible de continuer à utiliser nos <strong>smartphones</strong>, pouvant recréer un nouveau réseau de communication maillé et décentralisé « Mesh »particulièrement résilient.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Mesh&nbsp;:&nbsp;topologie de réseau maillé&nbsp;où tous les hôtes sont connectés&nbsp;pair à pair&nbsp;sans hiérarchie centrale, formant ainsi une structure en forme de filet. Chaque nœud recoit, envoi et relaye les données. Ceci évite d&rsquo;avoir des points névralgiques qui, s&rsquo;ils tombent en panne, isolent une partie du réseau. Si un hôte est hors service, les données empruntent une route alternative</p>
</blockquote>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="850" height="590" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Bluetooth-equipped-large-scale-mobile-phone-mesh-network.png" alt="Réseau Mesh composé de téléphones mobiles" class="wp-image-50562" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Bluetooth-equipped-large-scale-mobile-phone-mesh-network.png 850w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Bluetooth-equipped-large-scale-mobile-phone-mesh-network-300x208.png 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Bluetooth-equipped-large-scale-mobile-phone-mesh-network-768x533.png 768w" sizes="auto, (max-width: 850px) 100vw, 850px" /><figcaption class="wp-element-caption">Réseau maillé composé de téléphones mobiles</figcaption></figure>



<h4 class="wp-block-heading">Smartphones interconnectés directement en Wifi ou Bluetooth&nbsp;: simple mais portée limitée </h4>



<p>Les communications via Smartphone passent en temps normalement par des abonnements à des opérateurs ayant le contrôle des relais téléphoniques, ou via une connexion à Internet. Si ces relais ne fonctionnent plus, il n&rsquo;y a plus de communication. Cependant, les connectivités Bluetooth et Wifi présentes dans les smartphones leur permettent de se connecter directement entre eux, pour constituer des <strong>réseaux maillés</strong> et <strong>décentralisés</strong>.</p>



<p>Les smartphones participants se connecteront les uns aux autres pour former un réseau maillé. Ils agiront comme des <strong>nœuds relais</strong> pour transmettre les données d&rsquo;un appareil à un autre. Les données seront relayées à travers le réseau maillé, en utilisant d&rsquo;autres smartphones comme points de relais. Plus il y a de smartphones connectés, plus la portée du réseau mesh sera étendue.</p>



<p>Malheureusement il faut que ce réseau soit très dense pour fonctionner, car les portées restent très limitées (60 mètres pour le bluetooth, <a href="https://fr.wikipedia.org/wiki/D%C3%A9bits_et_port%C3%A9es" target="_blank" rel="noopener" title="">source</a>). Avec le wifi on peut étendre cette portée à quelques <strong>centaines de mètres</strong> selon les conditions et les obstacles. Il sera donc nécessaire de <strong>combiner ses réseaux mesh avec des relais autonomes plus puissants</strong> pour couvrir des zones peu peuplées. On peut alors reconstruire un réseau internet communautaire décentralisé et résilient. Nous y reviendrons plus bas avec le <a href="#miniserveur" title="">dernier chapitre sur le mini serveur autonome portable sans fil</a>.</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="820" height="312" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/diagram_sharing.png" alt="Principe de fonctionnement de l'application Briar" class="wp-image-50559" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/diagram_sharing.png 820w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/diagram_sharing-300x114.png 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/diagram_sharing-768x292.png 768w" sizes="auto, (max-width: 820px) 100vw, 820px" /><figcaption class="wp-element-caption">Principe de fonctionnement de l&rsquo;application Briar. <a title="" href="https://briarproject.org/how-it-works/" target="_blank" rel="noopener">Source</a></figcaption></figure>



<p id="lora">L&rsquo;application <strong>Briar</strong> permet déjà de mettre en place une combinaison de solutions en situation normale ou dégradée, en utilisant le wifi, le bluetooth avec ou sans internet.</p>



<h4 class="wp-block-heading">Utilisation de nœuds LoRa Meshtastic, une solution fantastique<a href="https://www.pierre-lannes.fr/resilience-numerique-partie-3-risques-majeurs-et-autonomie/" target="_blank" rel="noreferrer noopener"></a></h4>



<p><strong>LoRa</strong> (Long Range / Longue portée) est un <strong>protocole de communication radio</strong> permettant de mettre en place des <strong>réseaux étendus</strong> et <strong>décentralisés</strong> à <strong>basse consommation</strong>, de manière <strong>cryptée ou non</strong>, et cela de manière <strong>légale</strong> (en France et ailleurs) sur certaines fréquences dédiées à l&rsquo;internet des objets (iOT).</p>



<h5 class="wp-block-heading">Meshtastic</h5>



<p>Ce protocole est utilisé par le projet <a href="https://fr.wikipedia.org/wiki/Open_source" target="_blank" rel="noopener" title="">Open source</a> <strong><a href="https://meshtastic.org/docs/introduction/" target="_blank" rel="noopener" title="">Meshtastic</a></strong> fournissant les programmes de gestion et d&rsquo;utilisation du réseau. </p>



<p><em>Edit du 19/10/2024</em>&nbsp;: un groupement appelé <strong><a href="https://gaulix.fr/" target="_blank" rel="noopener" title="">Gaulix</a></strong> s&rsquo;est constitué en France afin de faciliter les communications Meshtastic, avec des conventions d&rsquo;usage, et faciliter son usage comme solution de communication d&rsquo;urgence.</p>



<p>Les relais de communication sont de <strong>petits modules électroniques LoRa</strong> avec une <strong>antenne radio</strong> pouvant atteindre une portée de plus de 200 km,  la portée étant variable selon l&rsquo;altitude, la topographie et les types de zones traversées. </p>



<p>Chaque relais LoRa constitue un <strong>nœud</strong> permettant de s&rsquo;interconnecter avec les autres nœuds et sert d&rsquo;intermédiaire entre les <strong>terminaux</strong> (voir schéma ci-dessous) pouvant être un nœud LoRa lui-même équipé d&rsquo;un écran et d&rsquo;un clavier, des <strong>smartphones</strong>, <strong>tablettes</strong> ou <strong>micro-ordinateurs</strong> équipés de l&rsquo;<a href="https://meshtastic.org/downloads/" target="_blank" rel="noopener" title="">application dédiée</a>, et connectés via <strong>Bluetooth</strong>, <strong>Wifi</strong> ou <strong>USB</strong> avec le nœud à proximité permettant l&rsquo;accès au réseau.</p>



<p>L&rsquo;utilisation principale de l&rsquo;<strong>application</strong> sur le terminal est la communication par <strong>messages écrits</strong>, <strong>entre utilisateurs</strong> ou dans des <strong>groupes</strong>. </p>



<p>L&rsquo;application permet également la détection des nœuds à proximité, leur visualisation <strong>géographique</strong> (si le GPS est disponible), les informations sur les nœuds, la connexion directe et le <strong>paramétrage</strong> des nœuds à proximité dont vous avez les droits d&rsquo;accès en tant qu&rsquo;administrateur.</p>



<figure class="wp-block-image aligncenter size-full"><a href="https://meshtastic.org/docs/introduction/" target="_blank" rel="noreferrer noopener"><img alt="" loading="lazy" decoding="async" width="1000" height="473" src="https://pierre-lannes.fr/pro/wp-content/uploads/2024/03/Meshtastic.jpg" alt="" class="wp-image-54587" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2024/03/Meshtastic.jpg 1000w, https://www.pierre-lannes.fr/wp-content/uploads/2024/03/Meshtastic-300x142.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2024/03/Meshtastic-768x363.jpg 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /></a><figcaption class="wp-element-caption">Exemple de réseau Lora Meshtastic avec différents terminaux et connectivités</figcaption></figure>



<h5 class="wp-block-heading">Rôles des nœuds de proximité et nœuds relais</h5>



<p>Les « nœuds de proximité » ou « d&rsquo;entrée dans le réseau » sont soit eux-mêmes des terminaux équipés d&rsquo;écran et de clavier, ou, sans écran ni claviers, ces nœuds devront être proches des terminaux (smartphones, tablettes ou micro-ordinateurs) compte tenu des portées limitées du <strong>Bluetooth</strong>, du <strong>Wifi</strong>, ou de l&rsquo;utilisation de câbles USB pour connecter le nœud au terminal.</p>



<p>Les « nœuds relais » seront placés à des <strong>points stratégiques</strong> comme des points culminants, des emplacements permettant d&rsquo;interconnecter les différents nœuds. Ils ont un rôle clé pour augmenter le <strong>maillage</strong> et donc les possibilités d&rsquo;interconnexion, et l&rsquo;<strong>étendue</strong> du réseau. Ils pourront être totalement autonomes avec une batterie et un panneau solaire de taille très réduite (voir plus bas) compte tenu du faible besoin de puissance électrique.</p>



<h5 class="wp-block-heading">L&rsquo;adaptativité et la résilience de ce système est tout à fait exceptionnelle</h5>



<p>Tout d&rsquo;abord ce système est <strong>peu coûteux</strong>, il fonctionne <strong>sans opérateur</strong>, <strong>sans abonnement</strong>, <strong>légalement</strong> avec ou sans <strong>cryptage</strong>, sans avoir recours à des routeurs ou serveurs informatiques.</p>



<p>Le réseau étant maillé et décentralisé, les messages circulent en passant de nœud en nœud en utilisant différents chemins en fonction des nœuds disponibles&nbsp;: <strong>pas de serveur central</strong>, les messages continuent à circuler même si des nœuds sont indisponibles ou détruits. </p>



<p>En cas de déconnexion ou absence du terminal (smartphone, etc.), les <strong>messages sont stockés</strong> sur le réseau et <strong>délivrés</strong> une fois le terminal reconnecté. </p>



<p>Il permet de couvrir des zones blanches ou éloignées.</p>



<p>Étant donné les faibles tailles et poids d&rsquo;un relais, ils sont faciles à transporter et déplacer. Un nœud de proximité peut facilement suivre un utilisateur mobile étant donné sa portabilité. Les nœuds relais sont légers et discrets.</p>



<p>Il fonctionne quand « tout va bien » ou en cas de <strong>rupture des réseaux de communication téléphonique</strong> avec ou sans fil (GSM), <strong>coupure d&rsquo;internet</strong>, <strong>coupure électrique</strong> ou de <strong>blackout électrique</strong> complet.</p>



<figure class="wp-block-image size-full"><img alt="" loading="lazy" decoding="async" width="1280" height="852" src="https://www.pierre-lannes.fr/wp-content/uploads/2024/03/finger-smartphone-screen-pressing-businessman-phone-1370280-pxhere.com_.jpg" alt="" class="wp-image-54746" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2024/03/finger-smartphone-screen-pressing-businessman-phone-1370280-pxhere.com_.jpg 1280w, https://www.pierre-lannes.fr/wp-content/uploads/2024/03/finger-smartphone-screen-pressing-businessman-phone-1370280-pxhere.com_-300x200.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2024/03/finger-smartphone-screen-pressing-businessman-phone-1370280-pxhere.com_-1024x682.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2024/03/finger-smartphone-screen-pressing-businessman-phone-1370280-pxhere.com_-768x511.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /><figcaption class="wp-element-caption">Des smartphones toujours avec nous, transformés en terminaux de communication résilients grâce à Meshtastic</figcaption></figure>



<p>Les terminaux pouvant être des smartphones, étant donné que la plupart du temps nous les avons sur nous, connectés et en marche sur batterie, et que la majorité des <strong>utilisateurs sont familiers des applications de messagerie</strong> (SMS, Whatsapp, etc.) la <strong>disponibilité</strong> et la <strong>prise en main</strong> est <strong>immédiate</strong>, que ce soit en situation normale ou dégradée. C&rsquo;est un atout majeur par rapport à d&rsquo;autres systèmes radio comme les <strong>talkie-walkie </strong>ou autres <strong>radios analogiques</strong> qui ne sont bien souvent utilisés qu&rsquo;en cas d&rsquo;urgence, avec toutes les difficultés associées dues à un système qui n&rsquo;est jamais utilisé en temps normal, sauf par quelques groupes d&rsquo;utilisateurs d&rsquo;habitués comme certains bénévoles de la protection civile, les chasseurs qui les utilisent en battue ou encore les radioamateurs&#8230;</p>



<figure class="wp-block-image aligncenter size-full"><img alt="" loading="lazy" decoding="async" width="910" height="1211" src="https://www.pierre-lannes.fr/wp-content/uploads/2024/03/meshtastic-solar.png" alt="" class="wp-image-54602" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2024/03/meshtastic-solar.png 910w, https://www.pierre-lannes.fr/wp-content/uploads/2024/03/meshtastic-solar-225x300.png 225w, https://www.pierre-lannes.fr/wp-content/uploads/2024/03/meshtastic-solar-769x1024.png 769w, https://www.pierre-lannes.fr/wp-content/uploads/2024/03/meshtastic-solar-768x1022.png 768w" sizes="auto, (max-width: 910px) 100vw, 910px" /><figcaption class="wp-element-caption">Boitier équipé d&rsquo;un panneau solaire pour nœud LoRa Meshtastic autonome</figcaption></figure>



<p>Compte tenu de la basse consommation du nœud, l&rsquo;autonomie est excellente avec une batterie rechargeable (une classique 18650 par exemple). Il est facile et peu coûteux de rendre le <strong>nœud complètement autonome</strong> avec un minuscule panneau <strong>solaire</strong>.</p>



<p>Ceci permet d&rsquo;installer les nœuds LoRa facilement aux <strong>endroits stratégiques</strong> (points culminants) et/ou isolés pour ceux qui serviront de <strong>relais</strong> entre nœuds distants.</p>



<p><strong>Tutoriel de base pour obtenir, assembler et mettre en route des nœuds LoRa à partir d&rsquo;un Starter Kit WisBlock Meshtastic&nbsp;:</strong></p>



<div class="wp-block-file"><a id="wp-block-file--media-b1c5b803-f47e-480e-95ee-b12bf27c9933" href="https://pierre-lannes.fr/pro/wp-content/uploads/2024/04/Tutoriel_LoRa_WisBlock-Meshtastic-Starter-Kit-1.pdf" target="_blank" rel="noreferrer noopener">Tutoriel_LoRa_WisBlock-Meshtastic-Starter-Kit-1</a><a href="https://pierre-lannes.fr/pro/wp-content/uploads/2024/04/Tutoriel_LoRa_WisBlock-Meshtastic-Starter-Kit-1.pdf" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-b1c5b803-f47e-480e-95ee-b12bf27c9933">Télécharger</a></div>



<div style="height:58px" aria-hidden="true" class="wp-block-spacer"></div>



<h2 class="wp-block-heading" id="miniserveur">mini serveur autonome portable sans fil</h2>



<p>Il est possible de concevoir des mini-systèmes numériques résilients préparés et configurés pour une multitude d&rsquo;usages.</p>



<p>Une <strong>réserve</strong> de <strong>mini-kits</strong> pourrait être déployée dans des bureaux, médiathèques et autres endroits où cela est utile pour assurer des <strong>services numériques</strong> devenus défaillants, en cas d&rsquo;<strong>indisponibilité d&rsquo;internet</strong> ou des réseaux habituels.</p>



<p>Je prendrais des exemples pour la <strong>sécurité</strong>, la <strong>télésurveillance</strong>, la <strong>communication</strong>, la <strong>gestion des documents</strong> et des <strong>connaissances</strong>.</p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/raspsafe.jpeg" alt="Boitier plastique pour Raspberry PI 4" class="wp-image-50421" style="width:1130px"/><figcaption class="wp-element-caption">Nano-ordinateur Raspberry PI 4</figcaption></figure>



<h3 class="wp-block-heading">Cahier des charges techniques</h3>



<ul class="wp-block-list">
<li>Rentrant dans une poche de pantalon</li>



<li>Pouvant être déployé immédiatement partout (sauf dans l&rsquo;eau), sans réseau électrique et sans internet</li>



<li>Peut également se connecter à internet ou autre réseau local</li>



<li>Faible consommation d&rsquo;énergie</li>



<li>Autonomie énergétique du serveur</li>



<li>Port d&rsquo;alimentation électrique</li>



<li>Port pour carte externe pouvant embarquer système d&rsquo;exploitation et données</li>



<li>Peut démarrer sur n&rsquo;importe quel disque externe branché sur celui-ci</li>



<li>Entrées/sorties USB, HDMI et 3.5mm (audio vidéo), réseau gigabit ethernet, sans fil wifi/bluetooth</li>



<li>Connexion et communication sans fil avec d&rsquo;autres terminaux mobiles communs&nbsp;: smartphones, tablettes, micro-ordinateurs&#8230;</li>



<li>Couverture pouvant être augmentée via antennes wifi externes à forte puissance, par réseau mesh avec d&rsquo;autres points d&rsquo;accès wifi/bluetooth ou d&rsquo;autres terminaux avec ou sans fil</li>



<li>Être à la fois un point d&rsquo;accès wifi (Hotspot), serveur DHCP (attribution d&rsquo;adresses IP aux appareils du réseau pour leur permettre de s&rsquo;identifier et se connecter), passerelles entre terminaux et serveur de contenus web et multimédias</li>
</ul>



<h3 class="wp-block-heading">Cahier des charges fonctionnel</h3>



<ul class="wp-block-list">
<li>Administrable directement via des périphériques d&rsquo;interface communs connectables en filaire&nbsp;: clavier, souris, écran avec port HDMI</li>



<li>Administrable par un autre terminal connecté sans fil ou en réseau (smartphone, micro-ordinateur&#8230;)</li>



<li>Pouvoir mettre en place un réseau et plateforme de surveillance sans fil, en pouvant utiliser un smartphone, tablette et autre appareils sans fil comme caméras de surveillance et capteur de mouvement et de présence</li>



<li>Pouvoir servir d&rsquo;intermédiaire pour des appels audio et/ou visio entre appareils, messagerie mobile, envoi de documents et de données</li>



<li>Plateforme collaborative de consultation, création, d&rsquo;archivage et suivi de connaissances et d&rsquo;activités, sous formats productibles et consultables par des appareils mobiles&nbsp;: texte, photo, audio, vidéo, figures, tracés&#8230;</li>



<li>Serveur partagé de contenus utiles&nbsp;: plans topographiques, documentation techniques, de formation, bibliothèque de guides et livres numériques, tutoriels vidéo, films documentaires, mais aussi musique, films et contenus pour enfants. C&rsquo;est bon pour le moral et pour les accros ultra-connectés dont nous avons déjà parlé plus haut…</li>
</ul>



<h3 class="wp-block-heading">Le matériel</h3>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1098" height="575" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/raspberryPI.jpg" alt="Nano-ordinateur Raspberry PI 4" class="wp-image-50409" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/raspberryPI.jpg 1098w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/raspberryPI-300x157.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/raspberryPI-1024x536.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/raspberryPI-768x402.jpg 768w" sizes="auto, (max-width: 1098px) 100vw, 1098px" /><figcaption class="wp-element-caption">Nano-ordinateur Raspberry PI 4</figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="600" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/RAV-XTREM.jpg" alt="Batterie externe portable" class="wp-image-50411" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/RAV-XTREM.jpg 1000w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/RAV-XTREM-300x180.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/RAV-XTREM-768x461.jpg 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><figcaption class="wp-element-caption">Batterie externe portable (ici une puissance de 25000 mAh) avec panneau solaire et ports d&rsquo;entrées et sortie USB</figcaption></figure>



<p>Et bien sur au moins un câble USB pour relier le nano-ordinateur et la batterie.</p>



<h3 class="wp-block-heading">Configuration, programmes et services</h3>



<p>Le web regorge de ressources pour pouvoir installer des applications sur des serveurs informatiques. J&rsquo;ai cité notamment la <a href="https://www.pierre-lannes.fr/resilience-numerique-partie-2-situations-et-solutions-locales/#aioseo-docker-des-milliers-dapplications-disponibles" title="Résilience numérique partie 2: situations et solutions locales">plateforme Docker dans le billet précédent</a>.</p>



<p>Guide&nbsp;: <a title="" href="https://www.raspberrypi-france.fr/installer-docker-sur-raspberry-pi/" target="_blank" rel="noopener">Installer Docker et Docker-Compose sur Raspberry Pi</a></p>



<p>Il existe de très nombreuses solutions pour la mise en place des applications souhaitées que j&rsquo;ai défini plus haut dans mon cahier des charges fonctionnel, et souvent configurées sur mesure pour fonctionner sur un <strong>nano-ordinateur</strong>. </p>



<p>Je vous expose ici les solutions que j&rsquo;ai mises en place.</p>



<h4 class="wp-block-heading">Télésurveillance&nbsp;: application Agent DVR</h4>



<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1024" height="674" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/agent_hero-min.png" alt="Agent DVR" class="wp-image-50442" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/agent_hero-min.png 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/agent_hero-min-300x197.png 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/agent_hero-min-768x506.png 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption"><a title="" href="https://www.ispyconnect.com/features.aspx" target="_blank" rel="noopener">Agent DVR</a></figcaption></figure>



<p>En savoir plus&nbsp;: <a title="" href="https://peppe8o.com/ispy-and-raspberry-pi-installing-the-open-source-agent-dvr/" target="_blank" rel="noopener">ISpy and Raspberry PI: Installing the open source Agent DVR</a></p>



<h4 class="wp-block-heading">Point d&rsquo;accès wifi (Hotspot) et Communication entre terminaux</h4>



<p>Notre projet est celui d&rsquo;un mini-serveur le moins énergivore possible, avec le moins d&rsquo;applications possibles installées sur celui-ci. On peut se contenter, et c&rsquo;est bien suffisant, de configurer notre serveur pour qu&rsquo;il soit un <strong>point d&rsquo;accès sans fil (Hotspot)</strong> Wifi et bluetooth, une nécessité pour l&rsquo;usage sans fil des applications décrites ici.</p>



<p>Dans ce cadre il peut éventuellement servir d&rsquo;intermédiaire aux terminaux pour communiquer entre eux, via diverses applications clientes (installées sur les terminaux) comme des applications sur smartphone.</p>



<p>Guide&nbsp;: <a title="" href="https://wiki-fablab.grandbesancon.fr/doku.php?id=howto:raspberry-pi:wirelessaccespoint" target="_blank" rel="noopener">Création d&rsquo;un point d&rsquo;accès Wifi sur un Raspberry Pi</a></p>



<p>Rappelons que nous n&rsquo;avons pas forcément besoin d&rsquo;un serveur pour faire communiquer entre eux des terminaux s&rsquo;ils utilisent un réseau mesh.  Avoir la possibilité de communiquer par maillage des terminaux eux-mêmes et via point d&rsquo;accès relais de communication <a href="#mesh" title="">comme nous l&rsquo;avons vu plus haut</a> augmente la cyber-résilience.</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="720" height="1440" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/kirk.webp" alt="Application Intercom pour Android" class="wp-image-50446" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/kirk.webp 720w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/kirk-150x300.webp 150w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/kirk-512x1024.webp 512w" sizes="auto, (max-width: 720px) 100vw, 720px" /><figcaption class="wp-element-caption">Application Intercom pour Android et autres systèmes, passant par un point d&rsquo;accès wifi commun pour communiquer avec d&rsquo;autres terminaux</figcaption></figure>



<p>Il est intéressant de passer par le serveur si par exemple il a une grande portée compte tenu de son emplacement et s&rsquo;il est branché a une puissante antenne wifi et à d&rsquo;autres hotspots, quand les terminaux ne peuvent pas communiquer directement à cause de leur portée limitée, leur éloignement, obstacles ou topologie des lieux.</p>



<p>Enfin, il faut savoir qu&rsquo;on peut également, en <a href="https://youtu.be/vLGoEPNT0Mk?feature=shared" target="_blank" rel="noopener" title="">rajoutant un module électronique sur la carte-mère d&rsquo;un Raspberry</a>, transformer celui-ci en serveur et terminal <strong><a href="https://www.pierre-lannes.fr/resilience-numerique-partie-3-risques-majeurs-et-autonomie/#lora" title="">LoRa Meshtastic </a></strong><a href="https://www.pierre-lannes.fr/resilience-numerique-partie-3-risques-majeurs-et-autonomie/#lora" title="">(décrit plus haut)</a>.</p>



<h3 class="wp-block-heading" id="mediawiki">MediaWiki&nbsp;: wikipédia local, résilient et autonome</h3>



<p>Idéalement pré-rempli avec des <strong>contenus documentaires utiles</strong>, notamment des procédures et plans d&rsquo;action pour les situations d&rsquo;urgence, en cas de situation dégradée ou dans des situations durables de déconnexion d&rsquo;internet.</p>



<p>Il est <strong>consultable depuis les terminaux sans fil</strong> (smartphones, etc.) des utilisateurs connectés au serveur, sans internet, puisque tout est sur le serveur.</p>



<p>Il n&rsquo;est pas statique et peut être <strong>mis à jour</strong> pour les utilisateurs via leurs terminaux, servir de journal de bord, d&rsquo;outil de suivi de projets, d&rsquo;activité, de travaux&#8230;</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1176" height="1123" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/ekopedia.jpg" alt="Ekopedia" class="wp-image-50458" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/ekopedia.jpg 1176w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/ekopedia-300x286.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/ekopedia-1024x978.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/ekopedia-768x733.jpg 768w" sizes="auto, (max-width: 1176px) 100vw, 1176px" /><figcaption class="wp-element-caption"><a href="https://www.ekopedia.fr/wiki/Portail:Permaculture">Ekopedia wiki Permaculture</a></figcaption></figure>



<p>Guide d&rsquo;installation&nbsp;: <a title="" href="https://peppe8o.com/personal-mediawiki-with-raspberry-pi-and-docker/" target="_blank" rel="noopener">Personal Mediawiki with Raspberry PI and Docker</a></p>



<h3 class="wp-block-heading">Bibliothèques de livres électroniques</h3>



<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1280" height="905" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/calibre.jpg" alt="Consultation sans fil depuis une tablette de la bibliothèque de livres numériques du serveur" class="wp-image-50477" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/calibre.jpg 1280w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/calibre-300x212.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/calibre-1024x724.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/calibre-768x543.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /><figcaption class="wp-element-caption">Consultation sans fil depuis une tablette de la bibliothèque de livres numériques du serveur</figcaption></figure>



<p>Guide d&rsquo;installation&nbsp;: <a title="Host Your eBook Library with Calibre on Raspberry Pi" href="https://myhomelab.rocks/host-your-ebook-library-with-calibre-on-raspberry-pi/" target="_blank" rel="noopener">Host Your eBook Library with Calibre on Raspberry Pi</a></p>



<h3 class="wp-block-heading" id="minidlna">Serveur multimédia</h3>



<p>DLNA est un standard qui permet aux applications (comme <a title="" href="https://www.videolan.org/vlc/index.fr.html" target="_blank" rel="noopener">VLC Media Player)</a> sur des terminaux connectés au serveur de détecter une bibliothèque de contenus classés&nbsp;: images, audio, musique et vidéos.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1920" height="1440" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/vlc.webp" alt="Application VLC sur tablette Android connectée à un serveur multimédia sans fil" class="wp-image-50469" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/vlc.webp 1920w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/vlc-300x225.webp 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/vlc-1024x768.webp 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/vlc-768x576.webp 768w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/vlc-1536x1152.webp 1536w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /><figcaption class="wp-element-caption">Application VLC sur tablette Android connectée à un serveur multimédia sans fil</figcaption></figure>



<p>J&rsquo;ai choisi d&rsquo;installer l&rsquo;application serveur <strong>MiniDLNA</strong>, version légère de serveur DLNA particulièrement adaptée au nano-ordinateur Raspberry PI.</p>



<p>Installation&nbsp;: <a title="" href="https://pimylifeup.com/raspberrypi-minidlna/" target="_blank" rel="noopener">Setting Up MiniDLNA on the Raspberry Pi</a></p>


<div class=" content_cards_card content_cards_domain_www-pierre-lannes-fr">
			<div class="content_cards_image">
				<a class="content_cards_image_link" href="https://www.pierre-lannes.fr/cyberdeck-stamm-resilience-numerique/">
					<img decoding="async" src="https://www.pierre-lannes.fr/wp-content/uploads/2025/08/paysage-stamm.jpg" alt="Cyberdeck STAMM&nbsp;: un outil pour la résilience numérique">				</a>
		</div>
	
	<div class="content_cards_title">
		<a class="content_cards_title_link" href="https://www.pierre-lannes.fr/cyberdeck-stamm-resilience-numerique/">
			Cyberdeck STAMM&nbsp;: un outil pour la résilience numérique		</a>
	</div>
	<div class="content_cards_description">
		<a class="content_cards_description_link" href="https://www.pierre-lannes.fr/cyberdeck-stamm-resilience-numerique/">
			<p>Présentation du projet Cyberdeck STAMM (Serveur Terminal Autonome Messagerie Mobile)&nbsp;: un kit portable et autonome pour maintenir communication, partage de données et SIG en cas de crise.</p>
		</a>
	</div>
	<div class="content_cards_site_name">
		<img decoding="async" src="https://www.pierre-lannes.fr/wp-content/uploads/2025/06/cropped-Pierre-Lannes_LOGO_transparent-32x32.png" alt="Pierre Lannes" class="content_cards_favicon"/>		Pierre Lannes	</div>
</div>


<p></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/resilience-numerique-partie-3-risques-majeurs-et-autonomie/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Résilience numérique partie 2: situations et solutions locales</title>
		<link>https://www.pierre-lannes.fr/resilience-numerique-partie-2-situations-et-solutions-locales/</link>
					<comments>https://www.pierre-lannes.fr/resilience-numerique-partie-2-situations-et-solutions-locales/#respond</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Fri, 18 Aug 2023 18:13:19 +0000</pubDate>
				<category><![CDATA[Applications et webmastering]]></category>
		<category><![CDATA[Résilience et autonomie]]></category>
		<category><![CDATA[applications]]></category>
		<category><![CDATA[cybersécurité]]></category>
		<category><![CDATA[prévention des risques]]></category>
		<category><![CDATA[sécurité]]></category>
		<category><![CDATA[stratégie]]></category>
		<guid isPermaLink="false">https://www.pierre-lannes.fr/?p=49772</guid>

					<description><![CDATA[Ce 2nd billet de la série traite de la résilience numérique en situation locale normale à dégradée (personnelle, professionnelle, communale).

Je m'inspirerai des étapes de la méthode de sécurité opérationnelle militaire (OPSEC) ayant pour fonction la prévention des risques sur une structure si des informations sensibles sont acquises par un adversaire : identification des systèmes et informations à protéger, analyse des menaces et vulnérabilités, évaluation des risques et contre-mesures.

Je décrirai la mise en place de solutions concrètes, notamment la mise en place d'un serveur informatique local fournissant des applications professionnelles et personnelles]]></description>
										<content:encoded><![CDATA[
<p><a title="Résilience numérique partie 1: mise à l’échelle des risques" href="https://www.pierre-lannes.fr/resilience-numerique-partie-1-mise-a-lechelle-des-risques/">Le 1er billet&nbsp;: mise à l’échelle des risques</a></p>



<div class="wp-block-group digest is-layout-constrained wp-block-group-is-layout-constrained">
<p>Ce second billet de la série traite de la résilience numérique en situation locale normale à dégradée (personnelle, professionnelle, communale), nous sommes ici clairement sur des problématiques de&nbsp;<strong>cybersécurité</strong>. Je rappelle que je propose des&nbsp;<a href="https://www.pierre-lannes.fr/">prestations d&rsquo;accompagnement sur ces questions de sécurité</a>.</p>



<p>Je m&rsquo;inspirerai des étapes de la méthode de sécurité opérationnelle militaire (OPSEC) ayant pour fonction la prévention des risques sur une structure si des informations sensibles sont acquises par un adversaire&nbsp;:&nbsp;<a href="https://www.pierre-lannes.fr/resilience-numerique-partie-2-situations-et-solutions-locales/#aioseo-identifier-les-specificites-et-le-perimetre-concerne">identification des systèmes et informations à protéger</a>,&nbsp;<a href="https://www.pierre-lannes.fr/resilience-numerique-partie-2-situations-et-solutions-locales/#aioseo-evaluation-des-risques-analyse-des-menaces-et-vulnerabilites">analyse des menaces et vulnérabilités, évaluation des risques</a>&nbsp;(notamment les&nbsp;<a href="https://www.pierre-lannes.fr/resilience-numerique-partie-2-situations-et-solutions-locales/#cyberattaques">cyberattaques</a>),&nbsp;<a href="https://www.pierre-lannes.fr/resilience-numerique-partie-2-situations-et-solutions-locales/#aioseo-planification-operationnelle-et-mise-en-place-de-solutions">planification opérationnelle et mise en place de solutions</a>, avec un focus sur le cloud en tant que solution et source de risques (données, applications et services).</p>



<p>Je décrirai la mise en place de solutions concrètes avec un&nbsp;<a href="https://www.pierre-lannes.fr/resilience-numerique-partie-2-situations-et-solutions-locales/#serveurlocal">serveur informatique local d&rsquo;applications professionnelles et personnelles</a>.</p>
</div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>OPSEC&nbsp;: OPerations SECurity</p>
</blockquote>



<h2 class="wp-block-heading" id="aioseo-identifier-les-specificites-et-le-perimetre-concerne">Identifier les spécificités et le périmètre concerné</h2>



<p>Même si l&rsquo;on peut appliquer des principes généraux et des bonnes pratiques de solutions de sécurité numérique en s&rsquo;inspirant de configurations similaires, il est indispensable de prendre en considération le contexte propre à chacun au niveau local&nbsp;: environnement, infrastructures, activités, compétences, populations.</p>



<p>À l&rsquo;échelle communale, il sera bon d&rsquo;informer et mieux, faire participer les administrés au processus de diagnostic et de design de solutions&nbsp;: pour les conscientiser, les responsabiliser, fédérer, exploiter l&rsquo;intelligence collective et faciliter le changement.</p>



<p>L&rsquo;étendue géographique et la durée d&rsquo;un évènement perturbateur de l&rsquo;activité numérique vont bien sur être absolument déterminants en terme d&rsquo;impact et de mesures à prendre en considération.</p>



<h2 class="wp-block-heading" id="aioseo-je-peux-vous-aider-dans-un-cadre-daccompagnement-professionnel">Je peux vous aider dans un cadre d&rsquo;accompagnement professionnel</h2>



<p>Que vous soyez une collectivité locale, un élu, une organisation souhaitant être accompagnée sur ces sujets de résilience numérique, directement liés aux questions de sécurité, de transition écologique, énergétique et d&rsquo;inclusion, je suis à votre disposition, car <a title="Ergonome conseil et Design centré usages" href="https://www.pierre-lannes.fr/">je propose ce type de prestation</a>, avec, selon les contextes et les besoins, la possibilité d&rsquo;avoir recours à <a title="" href="https://www.pierre-lannes.fr/#partenaires">d&rsquo;autres <strong>experts</strong></a> dans le domaine de la <strong>sécurité systémique</strong>, la <strong>cybersécurité</strong> et la mise en place de <strong>solutions techniques et organisationnelles</strong>.</p>


<div class=" content_cards_card content_cards_domain_www-pierre-lannes-fr">
			<div class="content_cards_image">
				<a class="content_cards_image_link" href="https://www.pierre-lannes.fr/">
					<img decoding="async" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/12/un-ergonome.jpg" alt="Ergonome conseil, Design et prévention de risques | Pierre Lannes">				</a>
		</div>
	
	<div class="content_cards_title">
		<a class="content_cards_title_link" href="https://www.pierre-lannes.fr/">
			Ergonome conseil, Design et prévention de risques | Pierre Lannes		</a>
	</div>
	<div class="content_cards_description">
		<a class="content_cards_description_link" href="https://www.pierre-lannes.fr/">
			<p>Design de résilience. Organisations, lieux, services, produits, eXpérience Utilisateur UX UI IHM IA. Ergonomie, ethnographie et prospective</p>
		</a>
	</div>
	<div class="content_cards_site_name">
		<img decoding="async" src="https://www.pierre-lannes.fr/wp-content/uploads/2025/06/cropped-Pierre-Lannes_LOGO_transparent-32x32.png" alt="Pierre Lannes" class="content_cards_favicon"/>		Pierre Lannes	</div>
</div>



<h2 class="wp-block-heading" id="aioseo-identification-des-systemes-et-informations-a-proteger">Identification des systèmes et informations à protéger</h2>



<p>Première question&nbsp;: qu&rsquo;avez vous à perdre&nbsp;?</p>



<ul class="wp-block-list">
<li>Votre vie&nbsp;? Votre sécurité et celle de vos proches&nbsp;?</li>



<li>L&rsquo;accès aux secours ou aux soins&nbsp;? Aux traitements dont vous avez besoin&nbsp;?</li>



<li>Vos biens&nbsp;? L&rsquo;accès et la sécurité de votre domicile&nbsp;?</li>



<li>Le contenu de votre compte en banque&nbsp;?</li>



<li>Votre liberté, indépendance et autonomie&nbsp; ?</li>



<li>Votre travail, la possibilité de travailler&nbsp;? La responsabilité de délivrer un service obligatoire, vital&nbsp;?</li>



<li>Votre carnet d&rsquo;adresse&nbsp;? Le lien avec les personnes qui vous sont chères&nbsp;?</li>



<li>La rentabilité et l&rsquo;efficacité de votre service ou équipe&nbsp;? La réussite et la capacité à livrer dans les temps&nbsp;?</li>



<li>Votre confort&nbsp;?</li>



<li>Votre existence administrative et les documents justifiants vos propriétés, votre patrimoine&nbsp;?</li>



<li>Votre intimité&nbsp;? Votre réputation&nbsp;? Les photos souvenirs sur votre smartphone&nbsp;? Votre médiathèque&nbsp;?</li>
</ul>



<p>Cette liste est incomplète, non exhaustive et non hiérarchisée. À vous de faire la votre, et de mesurer les conséquences possibles de la perte de certaines informations et données. Les éléments de cette liste ont tous en commun de reposer tout ou partie sur des systèmes et données numériques et de pouvoir être mis en péril par des dysfonctionnements, l&rsquo;absence de solutions alternatives ou de replis, pour telle ou/et telle cause que l&rsquo;on identifiera et mesurera dans la prochaine partie.</p>



<p>Ce premier questionnement va permettre de lister tous les procédés, données et informations importantes et sensibles qui dépendent plus ou moins directement de systèmes informatiques et services numériques. Quelle est la forme des données (papier, données&nbsp;?), emplacement (local, cloud, supports informatiques), leur redondance, qui y a accès et comment&nbsp;? Ces données sont elles organisées&nbsp;? Il y a-t-il des routines de sauvegardes&nbsp;? À ce stade on doit être en mesure d&rsquo;évaluer sa propre <strong>dépendance</strong> et son <strong>autonomie</strong> vis à vis du numérique.</p>



<h2 class="wp-block-heading" id="aioseo-evaluation-des-risques-analyse-des-menaces-et-vulnerabilites">Évaluation des risques&nbsp;: analyse des menaces et vulnérabilités</h2>



<h3 class="wp-block-heading" id="aioseo-principes-generaux-pour-la-classification-des-menaces-et-des-vulnerabilites">Principes généraux pour la classification des menaces et des vulnérabilités</h3>



<p>Ce sont celles qui peuvent mettre en péril les systèmes et informations sensibles à protéger.</p>



<p>Ces menaces sont idéalement évaluées en ayant toujours en tête une échelle qui est une aide à la décision sur les actions à mener. Voici une échelle est sur 2 axes&nbsp;; la potentialité (probabilité d&rsquo;apparition), et la force / gravité des impacts. Elle guide également les choix et possibilités d&rsquo;investissement pour faire face aux menaces.</p>



<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="780" height="245" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/mehari-grille-decision.png" alt="Le pilotage des risques avec Méhari-Standard (2017)" class="wp-image-49814" style="width:780px;height:undefinedpx" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/mehari-grille-decision.png 780w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/mehari-grille-decision-300x94.png 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/mehari-grille-decision-768x241.png 768w" sizes="auto, (max-width: 780px) 100vw, 780px" /><figcaption class="wp-element-caption"><a title="" href="https://fr.slideshare.net/PECBCERTIFICATION/le-pilotage-des-risques-avec-mharistandard-2017-indicateurs-et-tableau-de-bord" target="_blank" rel="noopener">Le pilotage des risques avec Méhari-Standard (2017)</a></figcaption></figure>



<p>La vulnérabilité est identifiée selon 3 paramètres&nbsp;: l’objet du risque (les systèmes et données sensibles déjà identifiées), ses causes (facteurs de risque, périls) et ses conséquences (résultat potentiel, gravité).</p>



<p>Mon but ici n’est pas de délivrer une méthodologie complète, mais de donner quelques pistes, et d&rsquo;aller vers des exemples et solutions concrètes dans la suite de ce billet.</p>



<h3 class="wp-block-heading" id="aioseo-contextes-dusages-et-risques-sur-les-systemes-et-donnees-a-proteger">Contextes d&rsquo;usages et risques sur les systèmes et données</h3>



<p>Un système numérique ayant une passerelle avec internet (ce qui est le cas quasiment pour tous) le rend vulnérable aux attaques extérieures pouvant être menées à distance.</p>



<p>L&rsquo;absence de plans efficaces de prévention des risques est évidemment un problème en soit face aux risques. Je préfère le rappeler, même si c&rsquo;est une évidence.</p>



<p>Le contexte d&rsquo;usage va faire varier les risques. Les systèmes numériques et leurs données peuvent être tout ou partiellement sédentaires ou mobiles, en particulier les smartphones et ordinateurs portables, ces derniers pouvant être utilisés dans des environnements plus ou moins hostiles. À l&rsquo;inverse, de par leur nature mobile, ces appareils seront moins soumis à certains risques pour les systèmes sédentaires&nbsp;: des appareils branchés sur le secteur en permanence peuvent être soumis à des pannes, variations ou surtensions électriques rendants les appareils inopérants, pouvant les détruire, provoquer des pertes de données. Le lieu peut également subir un incident majeur (incendie, etc.).</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1500" height="1000" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/APC-Back-UPS.jpeg" alt="Onduleur avec batterie et sytème de protection contre les coupures et variations de tension électrique " class="wp-image-49861" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/APC-Back-UPS.jpeg 1500w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/APC-Back-UPS-300x200.jpeg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/APC-Back-UPS-1024x683.jpeg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/APC-Back-UPS-768x512.jpeg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" /><figcaption class="wp-element-caption">Onduleur avec batterie et sytème de protection contre les coupures et variations de tension électrique</figcaption></figure>



<p>A l&rsquo;inverse, les appareils mobiles intégrant des batteries peuvent chauffer, s&rsquo;enflammer, ou tout simplement se vider complètement, ce qui rend l&rsquo;appareil indisponible.</p>



<p>Evidemment, les risques environnementaux impactent les systèmes, appareils et données numériques&nbsp;: risques naturels et technologiques, vétusté d&rsquo;installations, inadaptation des infrastructures électrique et réseau en particulier. Un simple exemple avec des amis suisses, qui, lors d&rsquo;un incendie de leur domicile, ont perdu la totalité de leur documents officiels, ce qui a rajouté des difficultés pour pouvoir justifier et remettre en route les services bancaires, assurances et autres démarches administratives après l&rsquo;incendie. La question de la protection et de la redondance des données numériques se pose.</p>



<h3 class="wp-block-heading" id="aioseo-en-bonus-lautonomie-energetique">En bonus&nbsp;: l&rsquo;autonomie énergétique</h3>



<p>Il sera aussi intéressant de creuser la question de l&rsquo;autonomie énergétique pour des appareils peu consommateurs comme les appareils numériques (en quantité réduite et certains sont moins gourmands que d&rsquo;autres), avec l&rsquo;usage de panneaux solaires, de mini-stations hydrauliques ou encore du petit éolien dans des zones très venteuses seulement, comme dans le département des Pyrénées-Orientales, qui permettront d&rsquo;assurer la continuité de service et faire des économies.</p>



<h3 class="wp-block-heading" id="cyberattaques">Risques numériques / Cybersécurité / Cyberattaques</h3>



<p>Les <a title="" href="https://www.pierre-lannes.fr/portfolio-category/facteurs-humains/">facteurs humains</a>, négligences et désorganisation, absences ou mauvaise application de bonnes pratiques dans la gestion des systèmes informatiques, dans la manipulation des données peuvent être à l&rsquo;origine des dommages.</p>



<p>La transformation numérique des entreprises, accélérée par la démocratisation du travail hybride (télétravail et présentiel dans l&rsquo;entreprise), génère de nombreuses opportunités. Mais elle est aussi vectrice de l&rsquo;augmentation des menaces, qui existent déjà avec les échanges de données à l&rsquo;extérieur de l&rsquo;entreprise.</p>



<p>Il convient de s&rsquo;attarder sur les actes malveillants ou crapuleux, touchants à la violation de la confidentialité, atteinte à l’intégrité des données et à la disponibilité des services, mais aussi à l&rsquo;intégrité physique des personnes. Car ils se multiplient.</p>


<div class=" content_cards_card content_cards_domain_www-usine-digitale-fr">
			<div class="content_cards_image">
				<a class="content_cards_image_link" href="https://www.usine-digitale.fr/article/frappee-par-une-cyberattaque-la-mairie-de-lille-a-recu-une-demande-de-rancon.N2107221" target="_blank">
					<img decoding="async" src="https://www.usine-digitale.fr/resizer/v2/OESFEGLE4RL4VNAHDUXCCLZESE.jpg?smart=true&#038;auth=512db1e4f0a1ce5c52475a5a4425b63a431196ff021b6f3b6bf8e8eb7a161286&#038;width=1200&#038;height=630" alt="Frappée par une cyberattaque, la mairie de Lille a reçu une demande de rançon">				</a>
		</div>
	
	<div class="content_cards_title">
		<a class="content_cards_title_link" href="https://www.usine-digitale.fr/article/frappee-par-une-cyberattaque-la-mairie-de-lille-a-recu-une-demande-de-rancon.N2107221" target="_blank">
			Frappée par une cyberattaque, la mairie de Lille a reçu une demande de rançon		</a>
	</div>
	<div class="content_cards_description">
		<a class="content_cards_description_link" href="https://www.usine-digitale.fr/article/frappee-par-une-cyberattaque-la-mairie-de-lille-a-recu-une-demande-de-rancon.N2107221" target="_blank">
			<p>Quatre agents municipaux ont re&ccedil;u une demande de ran&ccedil;on. Plusieurs services publics sont perturb&eacute;s depuis deux semaines.</p>
		</a>
	</div>
	<div class="content_cards_site_name">
		<img decoding="async" src="https://www.usine-digitale.fr/pf/resources/images/usine-digitale/favicon.ico?d=34" alt="L&#039;Usine Digitale" class="content_cards_favicon"/>		L'Usine Digitale	</div>
</div>


<p>PME et micro-entreprises sont les plus touchées, à l’origine de 69% des notifications de violations des données personnelles auprès de la CNIL (<a href="https://integraal-md.fr/rgpd-lessentiel-du-rapport-dactivite-2021-de-la-cnil/">Source</a>)</p>



<p>Citons&nbsp;:</p>



<ul class="wp-block-list">
<li>Killware&nbsp;: assassinat par intrusion informatique. En février 2021, un hacker a tenté de pirater&nbsp;<strong>le complexe de traitement des eaux d’Oldsmar en Floride</strong>. Le criminel a volontairement&nbsp;<a href="https://www.lebigdata.fr/hacker-empoisonne-eau-ville-floride" target="_blank" rel="noreferrer noopener">augmenté le niveau de produits chimiques</a>&nbsp;potentiellement dangereux dans l’eau. Son but était de distribuer de l’eau contaminée aux habitants de tout l’État. Des attaques extrêmement sophistiques et ciblées pourraient par exemple provoquer l&rsquo;arrêt cardiaque d&rsquo;un individu via son Pacemaker connecté (ce ne sont hélas plus seulement des scénarios de films catastrophes ou de séries policières).</li>
</ul>


<div class=" content_cards_card content_cards_domain_www-lanceurdalerte-info">
			<div class="content_cards_image">
				<a class="content_cards_image_link" href="https://www.lanceurdalerte.info/2022/01/20/killware-les-cyberattaques-menacent/" target="_blank">
					<img decoding="async" src="https://imgstore.io/images/2026/01/10/platform-situs2-2.png" alt="OMACUAN | Link Alternatif Situs Toto Slot Terbaik &amp; Bandar Togel online Resmi">				</a>
		</div>
	
	<div class="content_cards_title">
		<a class="content_cards_title_link" href="https://www.lanceurdalerte.info/2022/01/20/killware-les-cyberattaques-menacent/" target="_blank">
			OMACUAN | Link Alternatif Situs Toto Slot Terbaik & Bandar Togel online Resmi		</a>
	</div>
	<div class="content_cards_description">
		<a class="content_cards_description_link" href="https://www.lanceurdalerte.info/2022/01/20/killware-les-cyberattaques-menacent/" target="_blank">
			<p>OMACUAN menyediakan link alternatif situs toto slot terbaik dan bandar togel online resmi dengan akses stabil, sistem keamanan terjamin, serta pilihan permainan lengkap untuk pengalaman bermain yang aman dan terpercaya.</p>
		</a>
	</div>
	<div class="content_cards_site_name">
		<img decoding="async" src="https://imgstore.io/images/2025/09/03/favicon-omacuan1.png" alt="ThemeForest" class="content_cards_favicon"/>		ThemeForest	</div>
</div>


<ul class="wp-block-list">
<li>Le Phishing (ou hameçonnage)&nbsp;: tout le monde connaît ces emails se faisant passer pour une entreprise privée ou une administration afin d’obtenir des informations comme le login ou le mot de passe d’un utilisateur, ou qui l’encouragent à effectuer un paiement (frauduleux). 83% des entreprises auraient déjà été victime d’une tentative de phishing réussie, selon une étude américaine. À l’échelle mondiale, 57% des attaques de phishing auraient abouties en 2021 (<a href="https://tehtris.com/fr/blog/infographie-quelques-chiffres-sur-le-phishing">Source</a>).</li>



<li>L’attaque DDoS paralysant les accès aux sites webs d&rsquo;une entreprise ou une collectivité</li>



<li>Extorsion, ransomwares / rançongiciels ont été les attaques parmi les plus répandus en 2022, notamment par cyberattaques en volant ou cryptant les données et en demandant une rançon pour la restitution des données, et qui touche particulièrement les TPE, PME et ETI (entreprise de taille intermédiaire), 40 % des rançongiciels traités ou rapportés à l’ANSSI* en 2022, les collectivités territoriales (23 %) et les établissements publics de santé (10 %) <a href="https://www.ssi.gouv.fr/publication/un-niveau-eleve-de-cybermenaces-en-2022/">Source</a>.</li>
</ul>



<p>(*) En France l&rsquo;Agence nationale de la sécurité des systèmes d&rsquo;information (ANSSI) est l&rsquo;autorité nationale en matière de sécurité et de défense des systèmes d&rsquo;information.</p>



<figure class="wp-block-image size-full"><img alt="" loading="lazy" decoding="async" width="961" height="579" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/ANSSI-repartition-entites-victimes-attaques-rancongiciels-2021.jpg" alt="Répartition des entités victimes d’attaques par rançongiciel dans le cadre des incidents traités par
l’ANSSI en 2021" class="wp-image-49822" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/ANSSI-repartition-entites-victimes-attaques-rancongiciels-2021.jpg 961w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/ANSSI-repartition-entites-victimes-attaques-rancongiciels-2021-300x181.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/ANSSI-repartition-entites-victimes-attaques-rancongiciels-2021-768x463.jpg 768w" sizes="auto, (max-width: 961px) 100vw, 961px" /><figcaption class="wp-element-caption"><a title="" href="https://www.cert.ssi.gouv.fr/cti/CERTFR-2022-CTI-002/" target="_blank" rel="noopener">Répartition des entités victimes d’attaques par rançongiciel dans le cadre des incidents traités par<br>l’ANSSI en 2021</a></figcaption></figure>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="942" height="546" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/ANSSI-evolution-nombre-attaques-rancongiciels-2021-2022.jpg" alt="Attaques rançongiciels" class="wp-image-49821" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/ANSSI-evolution-nombre-attaques-rancongiciels-2021-2022.jpg 942w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/ANSSI-evolution-nombre-attaques-rancongiciels-2021-2022-300x174.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/ANSSI-evolution-nombre-attaques-rancongiciels-2021-2022-768x445.jpg 768w" sizes="auto, (max-width: 942px) 100vw, 942px" /><figcaption class="wp-element-caption"><a title="" href="https://www.cert.ssi.gouv.fr/cti/CERTFR-2022-CTI-002/" target="_blank" rel="noopener">Panorama de la menace informatique 2021 &#8211; CERT-FR</a></figcaption></figure>



<p>En 2017, l&rsquo;attaque ransomware « NotPetya » a paralysé des systèmes informatiques dans le monde entier, touchant des entreprises, des institutions gouvernementales et des infrastructures critiques. Des entreprises ont perdu d&rsquo;importantes données et ont été contraintes de payer des rançons pour récupérer leurs systèmes. Des mesures d&rsquo;urgence ont été nécessaires pour isoler les systèmes infectés et empêcher la propagation.</p>



<h2 class="wp-block-heading" id="aioseo-planification-operationnelle-et-mise-en-place-de-solutions">Planification opérationnelle et mise en place de solutions</h2>



<h3 class="wp-block-heading" id="aioseo-solution-du-cloud-et-ses-travers-souverainete-des-donnees">Solution du cloud et ses travers&nbsp;: souveraineté des données</h3>



<p>Le cloud computing est à la fois une solution et un problème.</p>



<p><p>Les systèmes de cloud sont maintenant fournis depuis longtemps en standard et intégrés dans les systèmes d&rsquo;exploitation des smartphones sous Google Android et Apple iOS et Mac OS, ou encore sur les micro-ordinateurs avec Microsoft Windows. Ils permettent de synchroniser les données locales des machines, fichiers, photos, vidéos, messageries et carnets d&rsquo;adresses&#8230; entre elles et avec des serveurs distants.</p>
<p>Pour les professionnels et les entreprises, de nombreuses solutions existent dans le cloud&nbsp;: stockage, synchronisation et de sauvegarde de données, mais aussi applications dans le cloud (nous y reviendrons <a href="#aioseo-cloud-pas-seulement-les-donnees-mais-aussi-les-applications">plus bas</a>), etc.</p></p>



<p>Le cloud permet d&rsquo;avoir des données à jour sur tous les appareils, et d&rsquo;y accéder partout sur tout type d&rsquo;appareils numériques, pouvoir mettre en pause une activité numérique et la reprendre ailleurs au même stade, pour changer en douceur de terminal en cas de remplacement&nbsp;: les configurations et données personnelles peuvent être réinstallées facilement.</p>



<p>Les données dans le cloud sont une sécurité en cas de perte, vol, incendies ou panne d&rsquo;un appareil, les données pouvant être récupérées via leur copie sur une autre machine synchronisée, ou dans le cloud. À priori on a donc à faire à des systèmes améliorant notre résilience numérique. En principe.</p>



<p>Car il y a une contre-partie. C&rsquo;est un énorme moyen de collecte des données personnelles, faisant l&rsquo;objet d&rsquo;espionnage (les scandales révélés par Wikileaks, Edward Snowden et bien d&rsquo;autres lanceurs d&rsquo;alerte en témoignent) mais surtout d&rsquo;un énorme marché de collecte d&rsquo;informations exploitées par les GAFAM (les géants Google, Apple, Facebook, Amazon, et Microsoft. Tous américains) à des fins de marketing, d&rsquo;influence commerciales, politiques et idéologiques.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1047" height="437" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/cloud-sync-feature-resized.jpg" alt="Cloud computing" class="wp-image-49826" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/cloud-sync-feature-resized.jpg 1047w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/cloud-sync-feature-resized-300x125.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/cloud-sync-feature-resized-1024x427.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/cloud-sync-feature-resized-768x321.jpg 768w" sizes="auto, (max-width: 1047px) 100vw, 1047px" /></figure>



<p>Une solution consiste à ne pas utiliser les services cloud de ces entreprises, mais choisir un autre prestataire indépendant, le plus fiable et transparent possible, avec des serveurs localisés dans un pays le plus exigent possible en terme de libertés individuelles (pas facile, je sais), en essayant de ne stocker rien de critique ou d’essentiel et utiliser un chiffrement à 2048 bits minimum. Encore une fois, aucun système n&rsquo;est fiable à 100%, et tout système de protection peut être forcé. L&rsquo;idée est de rendre difficile l&rsquo;accès à vos données. Bien sur, le service distant peut devenir indisponible ou disparaitre, ce qui coupera l&rsquo;accès à ces données. D&rsquo;où l&rsquo;idée d&rsquo;avoir des données redondantes, à proximité.</p>



<p>J&rsquo;ai été amené à signer des NDA (accord de non-divulgation ou de confidentialité) en travaillant sur des projets de recherche industrielle française, en me retrouvant avec la suite Google Apps comme outil de travail. La confidentialité des données serait garantie par Google, avec un hébergement sur des serveurs en Irlande. Oui. Bien sûr. L&rsquo;espionnage industriel n&rsquo;existe pas. Bien sûr.</p>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://guide.boum.org/" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="811" height="191" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/g-a-n.jpg" alt="guide d'autodéfense numérique" class="wp-image-49848" style="width:811px;height:undefinedpx" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/g-a-n.jpg 811w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/g-a-n-300x71.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/g-a-n-768x181.jpg 768w" sizes="auto, (max-width: 811px) 100vw, 811px" /></a><figcaption class="wp-element-caption"><a title="" href="https://guide.boum.org/" target="_blank" rel="noopener">guide.boum.org</a></figcaption></figure>



<h3 class="wp-block-heading" id="aioseo-grandes-capacites-de-stockage-cloud-infobesite-et-consequences-ecologiques">Grandes capacités de stockage, cloud, infobésité et conséquences écologiques</h3>



<p>Avec les progrès de la miniaturisation, les capacités technologiques, l&rsquo;accès à internet à haut débit sans fil et l&rsquo;<a title="L’eXperience Utilisateur mobile au cœur des nouvelles stratégies" href="https://www.pierre-lannes.fr/experience-utilisateur-mobile-au-coeur-des-nouvelles-strategies/">ubiquité des smartphones</a>, de nouveaux usages ont explosé, notamment la prise et le partage de photos et de vidéos. La gratuité et l&rsquo;énorme espace de stockage disponible sur les appareils et dans le cloud ont pour conséquence l&rsquo;accumulation et le stockage d&rsquo;une quantité invraisemblable de fichiers photos et vidéos, que beaucoup de personnes partagent également sur des systèmes de messageries privées (fonctionnant aussi dans le cloud). Ils ne font pas de tri, continuent à accumuler des gigaoctets de données, jusqu&rsquo;à ne plus pouvoir retrouver certains contenus. C&rsquo;est ce qu&rsquo;on appelle l&rsquo;<strong>infobésité</strong>, ou plus précisément une accumulation compulsive (<a title="" href="https://fr.wikipedia.org/wiki/Syllogomanie" target="_blank" rel="noopener">syllogomanie</a>) numérique.</p>



<p>Pour les activités professionnelles, l&rsquo;accumulation de données et l&rsquo;absence de tri régulier peut devenir très problématique&#8230;</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1350" height="900" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/iphone-smartphone-table-person-cafe-coffee-1364341-pxhere.com_.jpg" alt="Photo avec smartphone" class="wp-image-49857" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/iphone-smartphone-table-person-cafe-coffee-1364341-pxhere.com_.jpg 1350w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/iphone-smartphone-table-person-cafe-coffee-1364341-pxhere.com_-300x200.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/iphone-smartphone-table-person-cafe-coffee-1364341-pxhere.com_-1024x683.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/iphone-smartphone-table-person-cafe-coffee-1364341-pxhere.com_-768x512.jpg 768w" sizes="auto, (max-width: 1350px) 100vw, 1350px" /></figure>



<p>Rappelons que « Cloud » veut dire « Nuage », et que nos données ne sont pas dans les nuages, mais bel bien transportées et stockées via des systèmes, des matériels et des bâtiments bien réels (« Ah oui mais bon c&rsquo;est loin, je savais pas&#8230;. »), notamment dans des <strong>datacenters</strong>, qui sont d&rsquo;énormes pollueurs consommateurs d&rsquo;énergie, de climatiseurs, d&rsquo;eau de refroidissement, de composants fabriqués à partir de métaux rares.</p>



<figure class="wp-block-image size-full"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/datacenters-hollands-kroon.jpg"><img loading="lazy" decoding="async" width="2048" height="1152" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/datacenters-hollands-kroon.jpg" alt="Datacenters Middenmeer de Microsoft, Hollande" class="wp-image-49869" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/datacenters-hollands-kroon.jpg 2048w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/datacenters-hollands-kroon-300x169.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/datacenters-hollands-kroon-1024x576.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/datacenters-hollands-kroon-768x432.jpg 768w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/datacenters-hollands-kroon-1536x864.jpg 1536w" sizes="auto, (max-width: 2048px) 100vw, 2048px" /></a><figcaption class="wp-element-caption">Datacenters Middenmeer de Microsoft, Hollande</figcaption></figure>


<p>[blockquote text= »Alors qu’elle a subi des pénuries d’eau sur son territoire, la Hollande découvre avec stupeur que les datacenters Middenmeer de Microsoft ont consommé 84 millions de litres d’eau potable en 2021, soit 4 à 7 fois plus que les engagements pris.  » text_color= » » width= » » line_height= »undefined » background_color= » » border_color= » » show_quote_icon= »yes » quote_icon_color= » »]</p>
<p><a href="https://datacenter-magazine.fr/la-hollande-soumise-aux-penuries-decouvre-que-les-dc-de-microsoft-ont-consomme-84-millions-de-litres-deau-potable/" target="_blank" rel="nofollow noopener">Source</a></p>
<p>[blockquote text= »En France, on estime que les data centers consomment 10% de la consommation électrique nationale. C’est 5 fois plus que la SNCF. » text_color= » » width= » » line_height= »undefined » background_color= » » border_color= » » show_quote_icon= »yes » quote_icon_color= » »]</p>
<p><a href="https://www.top10hebergeurs.com/guide/infos-industrie/pollution-numerique-internet-plus-polluant-que-jamais-en-2023" target="_blank" rel="nofollow noopener">Source</a></p>


<p>À l&rsquo;époque du fanatisme anti-carbone, imposture scientifique financée par des lobbies politiques et industriels énergétiques instrumentalisant des associations écologistes et l&rsquo;opinion, il serait de bon ton que chacun regarde avec réalisme et objectivité le monde dans lequel nous vivons, que chacun prenne conscience de ses responsabilités et les assume, et ne se trompe pas de cible.</p>



<h3 class="wp-block-heading" id="aioseo-reduire-ses-couts-la-consommation-denergie-ameliorer-son-independance-et-son-autonomie-toute-en-garantissant-la-qualite-de-service">Réduire ses coûts, la consommation d&rsquo;énergie, améliorer son indépendance et son autonomie tout en garantissant la qualité de service</h3>



<p>C&rsquo;est tout à fait possible. Et souhaitable.</p>



<p>Prenons l&rsquo;exemple du site web éco-conçu de la ville de <strong>Ciboure</strong> au Pays Basque.</p>


<p> [blockquote text= »Le site a donc été créé de façon à consommer le moins d&rsquo;énergie possible, dans la sobriété énergétique et donc esthétique aussi&nbsp;: la taille des photos est plus restreinte&nbsp;; les vidéos, lourdes et énergivores, sont proscrites et les fonctionnalités sont les plus fonctionnelles et simples possibles.  » text_color= » » width= » » line_height= »undefined » background_color= » » border_color= » » show_quote_icon= »yes » quote_icon_color= » »] </p>


<p>Le coût et la maintenance sont réduits. L&rsquo;<a title="UX | Expérience Utilisateur, Définition et place dans les agences et chez les annonceurs" href="https://www.pierre-lannes.fr/definition-experience-utilisateur-sa-place-en-agence-et-chez-les-annonceurs/">expérience utilisateur</a> est frugale et limitée en l&rsquo;absence de contenus dynamiques et de vidéos, mais d&rsquo;un autre côté au final le visiteur y trouve son compte&nbsp;: le site est extrêmement rapide, même à bas débit, et le style épuré rend facile la consultation et l&rsquo;accès aux informations.</p>



<figure class="wp-block-image size-full"><a href="https://mairie-ciboure.fr/un-nouveau-site-accessible-et-ecoconcu" target="_blank" rel="noreferrer noopener"><img loading="lazy" decoding="async" width="1032" height="921" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Ciboure.jpg" alt="Site web de la ville de Ciboure" class="wp-image-49884" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Ciboure.jpg 1032w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Ciboure-300x268.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Ciboure-1024x914.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Ciboure-768x685.jpg 768w" sizes="auto, (max-width: 1032px) 100vw, 1032px" /></a><figcaption class="wp-element-caption"><a title="" href="https://mairie-ciboure.fr/" target="_blank" rel="noopener">Site web éco-conçu de la ville de Ciboure</a></figcaption></figure>



<h3 class="wp-block-heading" id="aioseo-un-cran-plus-loin-avec-lauto-hebergement-les-low-tech-et-lautonomie-energetique">Un cran plus loin&nbsp;: auto-hébergement et autonomie énergétique</h3>



<p>Une mairie peut héberger son propre site web pour être plus autonome sur la gestion des contenus qu&rsquo;elle diffuse, sans alourdir ses coûts, sans consommer beaucoup d&rsquo;énergie.</p>



<p>Un mini serveur web est facile à auto-héberger sur un micro-ordinateur ou un économique nano-ordinateur&nbsp;: lire le chapitre sur la réalisation&nbsp;d&rsquo;un&nbsp;<a href="https://www.pierre-lannes.fr/resilience-numerique-partie-3-risques-majeurs-et-autonomie/#miniserveur">mini-serveur autonome portable sans fil</a> dans mon 3ème billet de la présente série la résilience numérique.</p>



<p>Pour assurer la disponibilité du site et la continuité de service en cas de problème, la question de l&rsquo;autonomie énergétique se pose, tout au moins par la présence d&rsquo;une batterie et d&rsquo;un onduleur (voir plus haut).</p>



<p>Bien entendu malgré les précautions prises en local pour sécuriser le serveur et ses connexions, le site web peut être indisponible depuis l&rsquo;extérieur, à cause de problèmes externes (dysfonctionnement des serveurs de noms de domaine, panne internet, pannes électriques ou cyberattaques externe, etc.).</p>



<p>Un serveur local peut permettre aussi, malgré une coupure avec internet, de continuer à travailler en réseau local avec les autres micro-ordinateurs pour certaines applications (voir plus bas).</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="939" height="528" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Raspberry_Pi_boxed-939x528-1.jpg" alt="Raspberry" class="wp-image-49936" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Raspberry_Pi_boxed-939x528-1.jpg 939w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Raspberry_Pi_boxed-939x528-1-300x169.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Raspberry_Pi_boxed-939x528-1-768x432.jpg 768w" sizes="auto, (max-width: 939px) 100vw, 939px" /><figcaption class="wp-element-caption">Un site web peut trés bien être hébergé et administré sur un simple nano-ordinateur, ici un Raspberry PI</figcaption></figure>



<p>Un exemple de mise en place d&rsquo;auto-hébergement&nbsp;: <strong>l&rsquo;article que vous êtes en train de lire sur mon site web est auto-hébergé sur mon serveur à la maison</strong>. J&rsquo;y reviendrais plus bas dans le détail dans le chapitre « <a title="Mise en place d'un serveur informatique local" href="#serveurlocal">Mise en place d&rsquo;un serveur informatique local</a>« . Nous sommes ici très exactement dans la résilience numérique systémique grâce à l&rsquo;autonomie et l&rsquo;indépendance.</p>



<p>Avoir sa propre autonomie en matière de services web et en sauvegarde de données, c&rsquo;est aussi éviter de faire partie des milliers voire millions de victimes collatérales d&rsquo;un seul datacenter hors service (voir illustration ci-dessous).</p>



<h3 class="wp-block-heading" id="aioseo-cloud-et-disponibilite-des-donnees-des-services-et-des-programmes">Cloud et disponibilité des données, services et applications</h3>



<p>Pour des raisons politiques, de défaillances de systèmes, pannes, destructions dues à des risques naturels ou technologiques, accidents, terrorisme, cyberattaques ou <strong>cyber-guerre</strong>, les données dans le cloud peuvent devenir inaccessibles ou perdues.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1570" height="851" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/incendie-datacenter-ovh-cloud-Strasbourg.jpg" alt="Incendie d'un datacenter d'OVH à Strasbourg" class="wp-image-49828" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/incendie-datacenter-ovh-cloud-Strasbourg.jpg 1570w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/incendie-datacenter-ovh-cloud-Strasbourg-300x163.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/incendie-datacenter-ovh-cloud-Strasbourg-1024x555.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/incendie-datacenter-ovh-cloud-Strasbourg-768x416.jpg 768w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/incendie-datacenter-ovh-cloud-Strasbourg-1536x833.jpg 1536w" sizes="auto, (max-width: 1570px) 100vw, 1570px" /><figcaption class="wp-element-caption">Incendie du datacenter d&rsquo;OVH Cloud à Strasbourg</figcaption></figure>



<p>Que les données soient hébergées chez soi ou dans le cloud, les risques de perte de données existent toujours. La redondance des données, dans des endroits physiquement accessibles et protégés est donc de rigueur.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1500" height="1500" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/coffre-ignifuge.jpg" alt="Coffre Ignifuge" class="wp-image-49832" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/coffre-ignifuge.jpg 1500w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/coffre-ignifuge-300x300.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/coffre-ignifuge-1024x1024.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/coffre-ignifuge-150x150.jpg 150w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/coffre-ignifuge-768x768.jpg 768w" sizes="auto, (max-width: 1500px) 100vw, 1500px" /></figure>



<p>Un coffre ignifuge et cage de Faraday, contenant des clés USB ou disques durs contenant des copies des données et documents importants, déconnectés de toute alimentation électrique ou réseau informatique est un bon moyen de garder ceux-ci garder à sa portée, à l&rsquo;abri des incendies, des risques de chocs électriques, de virus informatiques ou de malveillances. Quant à la sécurité de l&rsquo;accès, aucun coffre-fort n&rsquo;est invulnérable, mais cela restera toujours mieux que de laisser des documents sans protection.</p>



<h3 class="wp-block-heading" id="aioseo-cloud-pas-seulement-les-donnees-mais-aussi-les-applications">Cloud&nbsp;: pas seulement les données, mais aussi les applications</h3>



<p>Le cloud ne se contente pas d&rsquo;héberger des données. Il va beaucoup plus loin dans les usages numériques. L&rsquo;accès permanent au web en haut débit s&rsquo;étant généralisé, beaucoup d&rsquo;applications n&rsquo;ont plus besoin d&rsquo;être installées sur les micro-ordinateurs et autres appareils d&rsquo;un utilisateur final. De nombreuses applications fonctionnent parfaitement dans un navigateur web&nbsp;: messageries e-mail ou collaboratives, applications « métiers », de bureautique, traitement de texte, tableurs, logiciel de présentation, de conception, etc.</p>



<p>Avec le modèle économique du software as a service (SaaS) ou « logiciel en tant que service » les applications sont sur des serveurs distants dans le Cloud plutôt que sur la machine de l&rsquo;utilisateur qui interagit avec l&rsquo;application distante depuis son navigateur web.</p>



<p>Cela permet d&rsquo;installer moins de programmes sur les postes de travail utilisateur, allége le besoin d&rsquo;espace de stockage des postes de travail, facilite les mises à jours des applications, réduit les frais et les problèmes de maintenance.</p>



<p>À partir du moment où les navigateurs web ont permis d&rsquo;enrichir l&rsquo;interactivité avec les contenus web (voir <a title="Les RIA signent la fin de la frontière entre le web et les applications métier" href="https://www.pierre-lannes.fr/les-ria-signent-la-fin-de-la-frontiere-entre-le-web-et-les-applications-metier-vers-plus-de-diversite-ou-duniformite-des-interfaces-utilisateur/">mon -trés- vieux billet sur les Rich Internet Applications</a>), je suis plutôt bien placé pour parler <a title="" href="https://www.pierre-lannes.fr/portfolio_page/conception-et-refontes-applications-metier/">de la glorieuse et lointaine époque</a> où l&rsquo;on a abandonné les applications métier installées sur l&rsquo;ordinateur (le « client lourd ») pour les refondre et les transformer en application tournant dans un navigateur web (le « client léger »), ici par exemple un gros logiciel de gestion fiscale et financière sur lequel j&rsquo;ai réalisé la refonte sur le plan ergonomique et du design&nbsp;:</p>



<figure class="wp-block-image aligncenter size-full"><a href="https://www.pierre-lannes.fr/portfolio_page/conception-et-refontes-applications-metier/"><img loading="lazy" decoding="async" width="1212" height="632" src="https://www.pierre-lannes.fr/wp-content/uploads/2008/01/2010_sqli_agency_CNIEG_image.jpg" alt="Capture écran d'une application métier client lourd, storyboard et maquette graphique" class="wp-image-50289" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2008/01/2010_sqli_agency_CNIEG_image.jpg 1212w, https://www.pierre-lannes.fr/wp-content/uploads/2008/01/2010_sqli_agency_CNIEG_image-300x156.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2008/01/2010_sqli_agency_CNIEG_image-1024x534.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2008/01/2010_sqli_agency_CNIEG_image-768x400.jpg 768w" sizes="auto, (max-width: 1212px) 100vw, 1212px" /></a><figcaption class="wp-element-caption"><a title="" href="https://www.pierre-lannes.fr/portfolio_page/conception-et-refontes-applications-metier/">Portfolio Pierre Lannes&nbsp;: Conception et refontes d’applications </a><a title="métier" href="https://www.pierre-lannes.fr/portfolio_page/conception-et-refontes-applications-metier/">métier</a><a title="" href="https://www.pierre-lannes.fr/portfolio_page/conception-et-refontes-applications-metier/"> depuis 2002</a></figcaption></figure>



<p>Le fait que les données, les applications et les services permettant de les traiter et les gérer soient toutes dans le cloud nous rend encore plus dépendants de notre connection à internet et à des services et prestataires distants, à la merci des coupures et indisponibilités. Cela nous rend encore plus vulnérables au vol et à l&rsquo;espionnage des données, et des calamités précédemment <a title="" href="#risquesnumériques">décrites plus haut</a>&nbsp;: killware, attaques DDoS, Phishing (ou hameçonnage), ransomwares / rançongiciels.</p>



<h2 class="wp-block-heading" id="serveurlocal">Mise en place d&rsquo;un serveur informatique local</h2>



<p>Pour faire face aux risques cyber liés à nos dépendances numériques et améliorer notre résilience, la mise en place d&rsquo;un serveur local, auto-administré et auto-hébergé est une solution à envisager, et que je vais décrire avec mon propre cas de mise en place d&rsquo;un serveur informatique local pour les applications personnelles et professionnelles à l’échelle d’une société unipersonnelle ayant besoin d’outils informatiques pour travailler (comme toutes les entreprises aujourd’hui), collaborer en ligne avec ses partenaires et clients, et travailler avec des outils informatiques en situation de mobilité.</p>



<h3 class="wp-block-heading" id="aioseo-niveau-de-competence-requis">Niveau de compétence requis</h3>



<p>La mise en place de son propre serveur informatique ne s&rsquo;improvise pas, surtout si son utilisation est professionnelle (mais aussi si vous voulez aussi que tout se passe bien à la maison pour ceux qui en font un usage personnel).</p>



<p>Il faudra un bon niveau de connaissances des principes généraux de fonctionnement des logiciels et des systèmes clients serveur, de sécurité informatique, des usages et du niveau en informatique des utilisateurs concernés.</p>



<p>Même si c&rsquo;est rare, il faudra parfois rentrer du code en ligne de commande, mais pour autant des connaissances en développement informatique ne sont pas nécessaires car la disponibilité, le packaging et les procédés d’installation des programmes disponibles ont formidablement évolué, et bénéficient de communautés et de contenus de support.</p>



<p>Il faut être particulièrement coutumier des usages web et informatiques, sensible aux questions de sécurité informatiques, rigoureux et autonome. Bien évidemment, <a href="https://www.pierre-lannes.fr/portfolio/" title="Missions réalisées">ma longue expérience</a> d&rsquo;ergonome, de webdesigner et de webmaster, de collaboration avec des informaticiens et programmeurs depuis les années 2000 me donne une base solide. N&rsquo;hésitez pas à <a href="https://www.pierre-lannes.fr/contact/" title="Contact">me contacter</a> si besoin.</p>



<p>Être « geek » facilitera les choses&nbsp;<img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f609.png" alt="😉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1146" height="542" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/2020-12-20_Mauvezin_14-58-21-2_serveur.jpg" alt="Serveur Maison" class="wp-image-49922" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/2020-12-20_Mauvezin_14-58-21-2_serveur.jpg 1146w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/2020-12-20_Mauvezin_14-58-21-2_serveur-300x142.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/2020-12-20_Mauvezin_14-58-21-2_serveur-1024x484.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/2020-12-20_Mauvezin_14-58-21-2_serveur-768x363.jpg 768w" sizes="auto, (max-width: 1146px) 100vw, 1146px" /></figure>



<h3 class="wp-block-heading" id="cdc">Objectifs et cahier des charges</h3>



<p>Je les rappelle, ils découlent de ce qui a été énoncé avant dans ce billet.</p>



<p>Il s&rsquo;agit d&rsquo;abord de se débarrasser complètement de toutes les applications et hébergements dans des clouds étrangers et hors de contrôle, tout en ayant son propre Cloud garantissant au moins le même niveau de service et de fonctionnalités&nbsp;:</p>



<ul class="wp-block-list">
<li>Système n&rsquo;usant d&rsquo;aucun service ou appareils de Google, Microsoft, Apple, Amazon, Facebook.</li>



<li>Serveur entièrement administrable en local ou à distance dans un navigateur web et applications mobiles</li>



<li>Applications gratuites et open source (libre redistribution, d&rsquo;accès au code source et de création de travaux dérivés)</li>



<li>Synchronisation des données entre tous mes appareils (micro-ordinateurs, smartphones, tablettes)&nbsp;: fichiers, médias (photos et vidéos), annuaire de contact, calendriers, cryptages et mots de passe, carnet de notes numérique</li>



<li>Applications web bureautiques et professionnelles</li>



<li>Utilisation possible en vase clos local, complètement déconnecté d&rsquo;internet</li>



<li>Synchronisation et accès au serveur (applications et données) depuis l&rsquo;extérieur via internet, derrière un pare-feu et un VPN (Virtual Private Network)</li>



<li>Possibilité de mettre à disposition à des utilisateurs distants un accès sécurisé à des espaces projets de partage de documents, agendas&#8230;</li>



<li>Messagerie écrite, audio et vidéo, d&rsquo;audioconférence visioconférence avec partage d&rsquo;écran</li>



<li>Messagerie collaborative (type Slack)</li>



<li>Hébergement et diffusion de mon site web professionnel</li>



<li>Administration du réseau local, du système domotique (chauffage notamment) et de surveillance du domicile, accessible de manière sécurisé depuis l&rsquo;extérieur, avec des systèmes de notifications et d&rsquo;alertes</li>



<li>Alertes sur l&rsquo;indisponibilité et pannes de sites web externes</li>



<li>Serveur multimédia accessible au domicile ou depuis l&rsquo;extérieur via internet&nbsp;: bibliothèque de livres électroniques, bibliothèque musicale, vidéothèque</li>



<li>Possibilité de brancher/débrancher un disque externe lors de routines de sauvegarde de données en mode miroir</li>



<li>Administration de routines de sauvegarde de données vers un autre serveur ou cloud externe via internet</li>
</ul>



<h3 class="wp-block-heading" id="aioseo-le-materiel-serveur-nas-synology-diskstation-ds920-et-onduleur-eaton-ellipse-eco-el1200-usb-fr">Le matériel&nbsp;: serveur NAS Synology DiskStation DS920+ et onduleur Eaton ELLIPSE ECO EL1200 USB FR</h3>



<p>Nous verrons dans le 3ème et dernier billet de cette série sur la cyber-résilience que l&rsquo;on peut créer un&nbsp;<a href="https://www.pierre-lannes.fr/resilience-numerique-partie-3-risques-majeurs-et-autonomie/#miniserveur">mini-serveur autonome portable sans fil</a> très économique, rentrant dans une poche et mobile pouvant être mise en route n&rsquo;importe où, sans internet.</p>



<p>Ici nous sommes sur une installation un peu plus conséquente, dans un bureau, un local technique existant ou à domicile.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1200" height="675" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/NAS-Synology-DS920.webp" alt="NAS Synology DiskStation DS920+" class="wp-image-49945" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/NAS-Synology-DS920.webp 1200w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/NAS-Synology-DS920-300x169.webp 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/NAS-Synology-DS920-1024x576.webp 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/NAS-Synology-DS920-768x432.webp 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /><figcaption class="wp-element-caption">NAS Synology DiskStation DS920+</figcaption></figure>



<p>Un NAS (de l&rsquo;anglais Network Attached Storage) est un boîtier de stockage en réseau. Il s&rsquo;agit tous simplement d&rsquo;un ordinateur avec un système d&rsquo;accès facile pour installer et changer des disques durs, qui sera branché sur un réseau informatique pour être accessible via d&rsquo;autres appareils sur le réseau local. On parle de système Client/Serveur&nbsp;: les « clients » sont les terminaux des utilisateurs&nbsp;: smartphones, tablettes, SmartTV, micro-ordinateurs et autres objets connectés&nbsp;: caméras, thermostats, lampes, etc&#8230; qui échangent avec le « Serveur » de contenus et d&rsquo;applications.</p>



<p>Les échanges peuvent être sur le réseau local, ou distant par une passerelle depuis internet. On pourra par exemple recevoir une notification sur son mobile lorsqu&rsquo;il y a une coupure électrique au bureau et que l&rsquo;on est à l&rsquo;extérieur.</p>



<p>Le serveur sera également branché sur un modem/box faisant la passerelle avec internet.</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="1514" height="1600" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/ellipse1200.png" alt="Onduleur Eaton ELLIPSE ECO EL1200 USB FR" class="wp-image-49949" style="width:880px;height:undefinedpx" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/ellipse1200.png 1514w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/ellipse1200-284x300.png 284w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/ellipse1200-969x1024.png 969w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/ellipse1200-768x812.png 768w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/ellipse1200-1453x1536.png 1453w" sizes="auto, (max-width: 1514px) 100vw, 1514px" /><figcaption class="wp-element-caption">Onduleur Eaton ELLIPSE ECO EL1200 USB FR</figcaption></figure>



<p>Pour protéger l&rsquo;installation contre les conséquences néfastes des variations de courant et des coupures électriques on mettra en place un onduleur faisant l&rsquo;intermédiaire avec la prise et le réseau électrique de la maison.</p>



<p>L&rsquo;onduleur est également connecté au NAS par USB, ce qui permet au système d&rsquo;exploitation du NAS (OS Synology DSM / DiskStation Manager) de contrôler ses réglages, remonter des alertes, notifications et évènements comme les coupures de courant, l&rsquo;autonomie de la batterie de l&rsquo;onduleur, etc.</p>



<figure class="wp-block-image size-full"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/UPS.jpg"><img loading="lazy" decoding="async" width="1281" height="881" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/UPS.jpg" alt="Gestion de l'onduleur dans DiskStation Manager" class="wp-image-49951" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/UPS.jpg 1281w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/UPS-300x206.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/UPS-1024x704.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/UPS-768x528.jpg 768w" sizes="auto, (max-width: 1281px) 100vw, 1281px" /></a><figcaption class="wp-element-caption">Gestion de l&rsquo;onduleur dans DiskStation Manager</figcaption></figure>



<p>Dans ma configuration personnelle l&rsquo;onduleur protège également la box internet, une borne d&rsquo;accès Wifi, un répéteur/antenne interne de signal GSM (les murs des vieilles batisses gasconnes sont épais&#8230;), un switch réseau et un micro-ordinateur Mac Mini tournant sous le système d&rsquo;exploitation Linux Ubuntu Mate qui sert de terminal, mais aussi de console de jeux pour les enfants ou les moins jeunes.</p>



<h3 class="wp-block-heading" id="aioseo-services-et-applications">Services et applications</h3>



<p>Les besoins que j&rsquo;ai défini plus haut dans le chapitre « <a href="#cdc" title="Objectifs et cahier des charges">Objectifs et cahier des charges</a> » sont tous couverts par ce que j&rsquo;ai pu mettre en place sur mon serveur local. Toutes les applications que j&rsquo;utilise sont gratuites et opensource, professionnelles et maintenues par leurs développeurs et éditeurs.</p>



<h3 class="wp-block-heading" id="aioseo-applications-directement-disponibles-dans-synology-dsm">Applications directement disponibles dans Synology DSM</h3>



<p>Le plupart des applications peuvent être installée directement depuis le « centre de paquets » du système d&rsquo;exploitation du NAS (Synology DSM). Je ne les énumérai pas toutes, mais seulement quelques unes.</p>



<h4 class="wp-block-heading" id="aioseo-au-niveau-des-usages-personnels">Au niveau des usages personnels</h4>



<ul class="wp-block-list">
<li>Serveur multimédia</li>



<li>Synology Photos</li>



<li>Audio Station et Video Station (<em>Edit de fin 2024&nbsp;: Synology mettant fin à ces outils, je les ai remplacé par la solution open source <a href="https://jellyfin.org/" target="_blank" rel="noopener" title="">Jellyfin</a>, disponible dans le gestionnaire de paquets après avoir ajouter la source de paquets <a href="https://synocommunity.com/" target="_blank" rel="noopener" title="">Communauté</a></em>)</li>
</ul>



<h4 class="wp-block-heading" id="aioseo-hebergement-de-site-web">Hébergement de site web</h4>



<ul class="wp-block-list">
<li>Apache</li>



<li>MariaDB</li>



<li>PHP 8.2</li>



<li>PhpMyAdmin</li>



<li>Synology WebStation</li>
</ul>



<h4 class="wp-block-heading" id="aioseo-sauvegardes-et-synchronisations">Sauvegardes et synchronisations</h4>



<ul class="wp-block-list">
<li>Hybrid Share</li>



<li>Hyper Backup</li>



<li>USB Copy</li>
</ul>



<figure class="wp-block-image size-full"><a href="https://pierre-lannes.fr/pro/wp-content/uploads/2023/08/Synology-DSM_gestionnaire-de-paquets.png"><img loading="lazy" decoding="async" width="1060" height="1439" src="https://pierre-lannes.fr/pro/wp-content/uploads/2023/08/Synology-DSM_gestionnaire-de-paquets.png" alt="Applications installées via le centre de paquets intégré au du système d'exploitation du Synology DSM" class="wp-image-56409" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Synology-DSM_gestionnaire-de-paquets.png 1060w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Synology-DSM_gestionnaire-de-paquets-221x300.png 221w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Synology-DSM_gestionnaire-de-paquets-754x1024.png 754w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Synology-DSM_gestionnaire-de-paquets-768x1043.png 768w" sizes="auto, (max-width: 1060px) 100vw, 1060px" /></a><figcaption class="wp-element-caption">Applications installées via le centre de paquets intégré au du système d&rsquo;exploitation du Synology DSM</figcaption></figure>



<h3 class="wp-block-heading" id="aioseo-docker-des-milliers-dapplications-disponibles">Docker&nbsp;: des milliers d&rsquo;applications disponibles</h3>



<p>Docker est une plateforme intégrée dans le système d&rsquo;exploitation Synology DSM.</p>



<p>Docker permet de lancer certaines applications dans des conteneurs logiciels, un système libre de virtualisation de système d’exploitation et d’applications. La « conteneurisation » des applications permet de mutualiser des ressources et inversement une gestion indépendante des applications, ce qui renforce la sécurité et facilite la gestion et les mises à jours, etc. Je ne m&rsquo;attarderai pas sur ce sujet technique, pour me concentrer sur ce que cela permet en terme d&rsquo;usages applicatifs.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1193" height="1160" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/containers.jpeg" alt="Docker containers dans Synology DSM" class="wp-image-49971" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/containers.jpeg 1193w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/containers-300x292.jpeg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/containers-1024x996.jpeg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/containers-768x747.jpeg 768w" sizes="auto, (max-width: 1193px) 100vw, 1193px" /></figure>



<p>Cette plateforme nous ouvre les portes vers des milliers d&rsquo;applications. C&rsquo;est grâce à l&rsquo;univers de Docker que j&rsquo;ai pu mettre en place des services et applications professionnelles, parfois spécialisées par rapport à mon métier, et que j&rsquo;utilise quotidiennement.</p>



<p>Je vous en présente quelques unes.</p>



<h3 class="wp-block-heading" id="aioseo-nextcloud-plateforme-de-collaboration-et-de-synchronisation-cloud"><a title="" href="https://nextcloud.com/fr/" target="_blank" rel="noopener">Nextcloud</a>&nbsp;: plateforme applicative de collaboration et de synchronisation cloud</h3>



<p>Mode d&rsquo;installation utilisé&nbsp;: <a href="https://github.com/nextcloud/all-in-one?tab=readme-ov-file#how-to-run-aio-with-portainer" target="_blank" rel="noopener" title="">script pour Portainer</a> version Nextcloud AIO (All-In-One)</p>



<p>C&rsquo;est l&rsquo;applicatif central que j&rsquo;utilise avec tous mes appareils et terminaux, car il est lui-même une plateforme d&rsquo;applications essentielles pour le quotidien, de manière individuelle, personnelle, professionnelle et collective, intégrant des fonctions de partage et de co-édition de documents en temps réel&nbsp;:</p>



<ul class="wp-block-list">
<li>Hébergement, synchronisation, accès aux fichiers via terminaux locaux ou distants</li>



<li>Stockage et synchronisation du carnet d&rsquo;adresse, calendriers et listes de tâches avec tous mes appareils, calendriers partagés avec des équipes&#8230;</li>
</ul>



<p>Il existe une multitude d&rsquo;applications très utiles pour Nextcloud afin de personnaliser la plateforme selon ses besoins, voir <a href="https://apps.nextcloud.com/" target="_blank" rel="noopener" title="">apps.nextcloud.com</a>. Parmi celles que j&rsquo;ai installé&nbsp;:</p>



<ul class="wp-block-list">
<li>Intégration d&rsquo;<strong><a href="https://www.onlyoffice.com/fr/" target="_blank" rel="noopener" title="">Onlyoffice</a></strong> (nécessite un container dédié) pour éditer et travailler directement dans Nextcloud sur des fichiers bureautiques (Word, Excel, Powerpoint et autres formats libres)</li>



<li><strong><a href="https://nextcloud.com/fr/talk/" target="_blank" rel="noopener" title="">Nextcloud Talk</a></strong> messagerie, communication audio et vidéo, audioconférence, visioconférence avec partage d&rsquo;écran, applications dédiées pour smartphone, tablettes, PC. Indépendamment de Nextcloud et pour des usages se rapprochant beaucoup plus de <strong>Slack</strong>, voir la solution Open Source <a href="https://mattermost.com/" target="_blank" rel="noopener" title=""><strong>Mattermost</strong></a>, également « <a href="https://mariushosting.com/how-to-install-mattermost-on-your-synology-nas/" target="_blank" rel="noopener" title="">auto-hébergeable</a>« .</li>



<li><a href="https://apps.nextcloud.com/apps/collectives" target="_blank" rel="noopener" title=""><strong>Collectifs</strong></a> travail en équipe de type <strong>Wiki</strong> collaboratif</li>



<li><a href="https://apps.nextcloud.com/apps/deck" target="_blank" rel="noopener" title=""><strong>Deck</strong></a> gestion de projet et de tâches de type <a href="https://fr.wikipedia.org/wiki/Tableau_kanban" target="_blank" rel="noopener" title="">tableau Kanban</a></li>



<li><strong><a href="https://apps.nextcloud.com/apps/whiteboard" target="_blank" rel="noopener" title="">Tableau blanc</a></strong> collaboratif, permettant notamment de faire des cartes mentales (mindmapping) avec des liens intégrés avec les autres applications Nextcloud, s&rsquo;appuyant sur l&rsquo;excellent <a href="https://excalidraw.com/" target="_blank" rel="noopener" title="">Excalidraw</a></li>



<li><a href="https://apps.nextcloud.com/apps/polls" target="_blank" rel="noopener" title=""><strong>Sondages</strong></a> de type <strong>Doodle</strong> ou <strong>Framadate</strong></li>



<li><a href="https://apps.nextcloud.com/apps/forms" target="_blank" rel="noopener" title=""><strong>Formulaires</strong></a> pour réaliser des questionnaires et formulaires</li>



<li><strong><a href="https://apps.nextcloud.com/apps/tables" target="_blank" rel="noopener" title="">Tableaux</a></strong> solution hybride entre une feuille de calcul et une base de données comme <strong>Airtable</strong>, et les open source auto-hébergeables <strong>Baserow</strong>, <strong>NocoDB</strong>&#8230;</li>



<li><a href="https://apps.nextcloud.com/apps/gpxpod" target="_blank" rel="noopener" title=""><strong>Gpxpod</strong></a> affichage et édition de traces et points d&rsquo;intérêts sur des cartes géographiques</li>
</ul>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1202" height="1048" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Nextcloud.jpg" alt="Portail Nextcloud fichiers" class="wp-image-49976" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Nextcloud.jpg 1202w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Nextcloud-300x262.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Nextcloud-1024x893.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Nextcloud-768x670.jpg 768w" sizes="auto, (max-width: 1202px) 100vw, 1202px" /><figcaption class="wp-element-caption">Interface web d&rsquo;accès aux fichiers dans Nextcloud</figcaption></figure>



<h3 class="wp-block-heading" id="aioseo-joplin-server-beta"><a title="" href="https://hub.docker.com/r/joplin/server/" target="_blank" rel="noopener">Joplin Server</a> (beta)</h3>



<p>Développé par l’ingénieur breton Laurent Cozic, <strong><a title="" href="https://joplinapp.org/" target="_blank" rel="noopener">Joplin</a></strong>&nbsp;est un éditeur de texte en Markdown / WYSIWYG, permettant la prise de notes synchronisables.</p>



<p>Fonctionnellement, cette application ressemble fortement à l&rsquo;application Evernote, dont elle peut importer les carnets et notes existants.</p>



<p>L&rsquo;<strong>application cliente</strong> est utilisable sur ordinateur de bureau (Linux, Mac OS et Windows), mobile (iOS, Android) ainsi qu&rsquo;en mode terminal de commande.</p>



<p>Les notes peuvent être synchronisées grâce à un cryptage de bout en bout avec divers services Cloud comme Nextcloud, Dropbox, OneDrive (Microsoft) ou le service Joplin Cloud.</p>



<p>Il est également possible d&rsquo;<a title="" href="https://mariushosting.com/how-to-install-joplin-on-your-synology-nas/" target="_blank" rel="noopener">installer soit-même son propre serveur Joplin sur un NAS Synology</a>, ce que j&rsquo;ai fait. La synchronisation fonctionne parfaitement sur tous mes terminaux. Cette application est mon principal outil quotidien de prise de notes.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1205" height="734" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/joplin.png" alt="Application cliente Nextcloud sur tablette et smartphone" class="wp-image-49982" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/joplin.png 1205w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/joplin-300x183.png 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/joplin-1024x624.png 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/joplin-768x468.png 768w" sizes="auto, (max-width: 1205px) 100vw, 1205px" /></figure>



<h3 class="wp-block-heading" id="aioseo-quant-ux-prototype-test-and-learn">Quant UX Prototype, Test and Learn</h3>



<p><a title="" href="https://www.quant-ux.com/" target="_blank" rel="noopener">Quant-UX</a> est une application de prototypage d&rsquo;interfaces utilisateur permettant de tester rapidement des maquettes et des designs, et d&rsquo;obtenir des informations fondées sur des données. Elle permet de figurer des parcours utilisateurs, des cartes de chaleur.</p>



<p>L&rsquo;application existe sous forme de service et application web par abonnement, mais le créateur et développeur a également mis à disposition <a title="" href="https://github.com/KlausSchaefers/quant-ux" target="_blank" rel="noopener">sur la plateforme de développement <strong>GitHub</strong> une version « Dockerisée »</a> qui rend possible une installation sur son propre serveur, ce que j&rsquo;ai réussi à faire avec succès sur mon serveur local.</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="997" height="707" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Quant-UX.jpg" alt="Quant UX" class="wp-image-49985" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Quant-UX.jpg 997w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Quant-UX-300x213.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2023/08/Quant-UX-768x545.jpg 768w" sizes="auto, (max-width: 997px) 100vw, 997px" /><figcaption class="wp-element-caption">Quant-UX</figcaption></figure>



<h2 class="wp-block-heading">Penpot app</h2>



<p>Une autre application open source de prototypage collaboratif se rapprochant de <strong>Figma</strong>&nbsp;: <a title="" href="https://penpot.app/" target="_blank" rel="noopener"><strong>Penpot</strong>.app</a>, également « <a title="" href="https://mariushosting.com/how-to-install-penpot-on-your-synology-nas/" target="_blank" rel="noopener">auto-hébergeable</a> » fonctionnant en client/serveur dans un navigateur web, mais aussi avec une <a title="" href="https://sudovanilla.com/docs/penpot-desktop/install/macos/" target="_blank" rel="noopener">application desktop</a> (de bureau, installable sur un micro-ordinateur).</p>



<figure class="wp-block-image aligncenter size-full"><img alt="" loading="lazy" decoding="async" width="1477" height="830" src="https://www.pierre-lannes.fr/wp-content/uploads/2023/11/penpot.gif" alt="" class="wp-image-53385"/></figure>



<h2 class="wp-block-heading">Lire la suite</h2>



<p>Le 3ème et dernier billet <a title="Résilience numérique partie 3: risques majeurs" href="https://www.pierre-lannes.fr/resilience-numerique-partie-3-risques-majeurs-et-autonomie/">Résilience numérique partie 3: risques majeurs</a> de cette série traitera des question des <strong>risques majeurs</strong> liés aux défaillances des systèmes numériques, leurs impacts selon le contexte, leur prévention et quelques pistes de solutions locales, en se concentrant sur les problématiques de communication et d&rsquo;accès à des contenus numériques utiles en cas de crise majeure, durable.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/resilience-numerique-partie-2-situations-et-solutions-locales/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Les quatre piliers d&#8217;une expérience utilisateur cross-canal réussie</title>
		<link>https://www.pierre-lannes.fr/les-quatre-piliers-dune-experience-utilisateur-cross-canal-reussie/</link>
					<comments>https://www.pierre-lannes.fr/les-quatre-piliers-dune-experience-utilisateur-cross-canal-reussie/#comments</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Wed, 04 Dec 2013 12:30:00 +0000</pubDate>
				<category><![CDATA[Ergonomie et design]]></category>
		<category><![CDATA[Prospective des usages]]></category>
		<category><![CDATA[Any time Anywhere Any device]]></category>
		<category><![CDATA[applications]]></category>
		<category><![CDATA[conception]]></category>
		<category><![CDATA[cross-canal]]></category>
		<category><![CDATA[design d'interaction]]></category>
		<category><![CDATA[géolocalisation]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[interface utlisateur]]></category>
		<category><![CDATA[interfaces hommes-machines]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[iOS]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[médias sociaux]]></category>
		<category><![CDATA[mobilité]]></category>
		<category><![CDATA[mobiquité]]></category>
		<category><![CDATA[parcours clients]]></category>
		<category><![CDATA[parcours usagers]]></category>
		<category><![CDATA[réseaux sociaux]]></category>
		<category><![CDATA[smartphone]]></category>
		<category><![CDATA[solomo]]></category>
		<guid isPermaLink="false">http://www.pierre-lannes.fr/?p=16543</guid>

					<description><![CDATA[Aujourd'hui, un utilisateur interagit bien souvent avec une marque, un service, une administration, une boutique, via plusieurs points de contacts, des "canaux", selon ses préférences, ses habitudes, ses contraintes, ses équipements, les différents contextes d'utilisation. Le monde numérique et physique sont maintenant imbriqués, et une multiplicité de combinaisons sont souvent possibles pour l’utilisateur. Cette multi-canalité revêt plusieurs aspects : multi-canal, cross-canal, omni-canal. L'enjeu est là : mieux toucher et servir l'utilisateur, le client. Et le défi est de taille : offrir la cross-canalité impose de donner l’impression à l’utilisateur qu’il suit un processus unique, fluide, et une expérience agréable, supportée par un système et des organisations souvent complexes.]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group digest is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Résumé</h2>



<p>Aujourd&rsquo;hui, un utilisateur interagit bien souvent avec une marque, un service, une administration, une boutique, via plusieurs points de contacts, des « canaux », selon ses préférences, ses habitudes, ses contraintes, ses équipements, les différents contextes d&rsquo;utilisation (Situational Awareness).</p>



<p>Le monde numérique et physique sont maintenant imbriqués, et une multiplicité de combinaisons sont souvent possibles pour l’utilisateur.</p>



<p>Cette multi-canalité revêt plusieurs aspects&nbsp;: multi-canal, cross-canal, omni-canal. L&rsquo;enjeu est là&nbsp;: mieux toucher et servir l&rsquo;utilisateur, le client. Et le défi est de taille&nbsp;: offrir la cross-canalité impose de donner l’impression à l’utilisateur qu’il suit un processus unique, fluide, et une expérience agréable, supportée par un système et des organisations souvent complexes.</p>
</div>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>PHYGITAL / PHYGITAUX&nbsp;: les parcours PHYsiques et diGITAUX des usagers sont imbriqués, devenus crosscanal, multicanal</p>
</blockquote>



<p>Le groupe <strong>Nielsen Norman</strong> publie ces jours-ci une série de billets (en anglais) sur le thème de l&rsquo;expérience utilisateurs « cross-canal ». Ces publications m’ont inspiré le présent billet, constituant ainsi une suite de mon ancien billet « <strong><a href="/tendance-ux-trop-interfaces-tue-interface-utilisateur/" title="Tendance UX&nbsp;: trop d’interfaces tue l’interface (utilisateur)&nbsp;?">Trop d’interface tue l’interface (utilisateur)</a></strong> » suggérant ces problématiques.</p>



<p>Aujourd&rsquo;hui, un utilisateur interagit bien souvent avec une marque, un service, une administration, une boutique&#8230; via plusieurs points de contacts, des « canaux », selon ses préférences, ses habitudes, ses contraintes, ses équipements, les différents contextes d&rsquo;utilisation (Situational Awareness)&nbsp;:</p>



<ul class="wp-block-list">
<li>dans un magasin physique, guichet, gare</li>



<li>avec un conseiller client&nbsp;: par tchat, téléphone ou en direct</li>



<li>un serveur vocal par téléphone</li>



<li>sur un site web depuis le navigateur d’un micro-ordinateur</li>



<li>une application mobile</li>



<li>une borne interactive dans un lieu public ou lieu de vente</li>



<li>&nbsp;etc..</li>
</ul>



<p>Cette multi-canalité revêt plusieurs aspects&nbsp;:</p>



<ul class="wp-block-list">
<li><strong>multi-canal</strong>&nbsp;: existence de plusieurs canaux (téléphone, web, application mobile, magasin physique&#8230;)&nbsp;pour interagir&nbsp;entre un utilisateur et le service, la marque, les contenus</li>



<li><strong>cross-canal</strong>&nbsp;: passage d&rsquo;un canal à un autre lors d’une même transaction, activité. Sujet que l’on traitera dans le présent billet</li>



<li><strong>omni-canal</strong>&nbsp;: utilisation simultanée de plusieurs canaux. Côté client, typiquement&nbsp;:&nbsp;être devant le produit en rayon dans un magasin physique tout en se&nbsp;servant de son smartphone pour comparer des prix, une fiche technique, des avis, etc. Côté&nbsp;marque, l&rsquo;omni-canal consiste à jeter des ponts entre les expériences en ligne et hors ligne. Nous y reviendrons à la fin de ce billet.</li>
</ul>



<h2 class="wp-block-heading"><strong>L&rsquo;eXpérience Utilisateur cross-canal</strong></h2>



<p>Il arrive, pour une seule « transaction  » (achat d&rsquo;un produit, réservation de voyage&#8230;) que l&rsquo;utilisateur utilise plusieurs canaux. Par exemple&nbsp;:</p>



<ol class="wp-block-list">
<li>réception d&rsquo;un courrier papier qui suscite un intérêt pour un produit</li>



<li>consultation depuis une application mobile sur smartphone de fiches produit et ajout au « panier » du produit souhaité sans encore acheter le produit, et déconnexion</li>



<li>reconnexion depuis un micro-ordinateur de bureau, accès au produit dans le panier, puis achat en ligne après avoir choisi de récupérer le produit en magasin (Click &amp; Collect),</li>



<li>réception de SMS sur le smartphone concernant la disponibilité du produit en stock dans le magasin</li>



<li>récupération du produit dans la boutique physique</li>



<li>etc.</li>
</ol>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1100" height="1100" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/Barometre_intimit_client-SOFRES_2013-1.jpg" alt="Baromètre intimité client - CSC, Challenges et TNS Sofres 2013" class="wp-image-22659" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/Barometre_intimit_client-SOFRES_2013-1.jpg 1100w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/Barometre_intimit_client-SOFRES_2013-1-300x300.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/Barometre_intimit_client-SOFRES_2013-1-1024x1024.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/Barometre_intimit_client-SOFRES_2013-1-150x150.jpg 150w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/Barometre_intimit_client-SOFRES_2013-1-768x768.jpg 768w" sizes="auto, (max-width: 1100px) 100vw, 1100px" /><figcaption class="wp-element-caption"><em>Baromètre intimité client &#8211; CSC, Challenges et TNS Sofres 2013</em></figcaption></figure>



<p>Comme le suggère l&rsquo;illustration ci-dessus,<strong> le monde numérique et physique sont maintenant imbriqués</strong>, et une multiplicité de combinaisons sont souvent possibles pour l’utilisateur. L&rsquo;expérience peut être interrompue puis reprise sur un autre canal (voir plus bas&nbsp;: interopérabilité des canaux et interruptibilité).&nbsp;Dans un tel contexte,<strong> maintenir la continuité de l&rsquo;expérience utilisateur est de plus en plus important, et difficile</strong>. Car ceci représente souvent un énorme défi pour certaines entreprises&nbsp;:</p>



<ul class="wp-block-list">
<li>les processus sous-jacents aux différentes étapes font parfois intervenir de très nombreux acteurs, prestataires, départements (marketing, vente, logistique, systèmes d’information, service après-vente…) souvent sous-tendues par des organisations en silo, plus ou moins hermétiques, parlant des langages différents, forgés par les spécificités de chacun de leur métier, avec des canaux parfois en situation de concurrence interne&#8230;</li>



<li>tout en mettant à disposition aux utilisateurs de multiples canaux pour interagir, avec toutes les combinaisons possibles</li>



<li>maintenir le tout synchronisé et synergique</li>
</ul>



<p>L&rsquo;enjeu est là&nbsp;: mieux toucher et servir l&rsquo;utilisateur, le client. Et le défi est de taille&nbsp;: offrir la cross-canalité impose de donner l’impression à l’utilisateur qu’il suit un processus unique, fluide, et une expérience agréable, supportée par un système et des organisations souvent complexes. Le risque&nbsp;: perdre l&rsquo;identité de marque, dérouter l&rsquo;utilisateur si cette expérience cross-canal n&rsquo;est pas convaincante et cohérente sur l&rsquo;ensemble des canaux. Pire&nbsp;: une seule mauvaise expérience avec un seul des canaux n&rsquo;incitera pas à utiliser un autre canal, et c&rsquo;est alors toute la marque, l&rsquo;organisation qui est remise en question. Et le « <strong>consomm&rsquo;acteur</strong> » détient le pouvoir de publier ses avis négatifs sur les médias sociaux.</p>



<p>Evidemment, la problématique est différente pour une petite boutique en ligne gérée par quelques personnes et n&rsquo;utilisant essentiellement que le canal web, et une grosse entreprise ou une administration pouvant parfois faire appel à de multiples sous-traitants et partenaires tout le long de la chaîne (vente, fourniture de services&#8230;.), les canaux historiques, etc.</p>



<h2 class="wp-block-heading"><strong>4 conditions pour une expérience cross-canal réussie</strong></h2>



<p>Pour une expérience utilisateur cross-canal réussie, il est nécessaire que tous ces canaux soient facilement&nbsp;utilisables. Ceci est nécessaire, mais pas suffisant. Il faut aussi que 4 conditions soient réunies&nbsp;:</p>



<ul class="wp-block-list">
<li>disponibilité des services et de toutes les étapes&nbsp;sur tous les canaux</li>



<li>nécessité d&rsquo;une&nbsp;cohérence d’ensemble&nbsp;quelque soit le canal utilisé</li>



<li>transparence,&nbsp;interopérabilité des canaux et interruptibilité</li>



<li>prise en compte du&nbsp;contexte spécifique&nbsp;à chaque&nbsp;canal</li>
</ul>



<p>Voyons maintenant plus en détail ces conditions&nbsp;:</p>



<h3 class="wp-block-heading">1 &#8211; Disponibilité des services et de toutes les étapes sur tous les canaux</h3>



<p>Un premier aspect de la disponibilité&nbsp;: que l&rsquo;utilisateur puisse <strong>accéder 24h/24</strong> aux ventes ou aux services en interagissant avec les canaux humains, sociaux, numériques et mobiles. A ce niveau, la disponibilité de certains canaux n&rsquo;est pas permanente&nbsp;: magasins physiques, centres d&rsquo;appels&#8230; alors que les canaux numériques le sont, la plupart du temps.</p>



<p>Un deuxième aspect de la disponibilité est la notion de <strong>continuité</strong>&nbsp;: toute la chaine de la transaction doit être couverte, du premier contact, depuis une commande, l&rsquo;inscription à un service&#8230;, jusqu&rsquo;au service après-vente, les accès aux services, etc.</p>



<p>Enfin, dernier aspect, la <strong>disponibilité d&rsquo;une même étape ou opération sur tous les canaux</strong>. Autrement dit, toute étape du processus peut être réalisée indépendamment du canal et les utilisateurs doivent être en mesure de compléter les activités souhaitées quel que soit le canal. Par exemple, l&rsquo;enregistrement et le choix du siège sur un vol aérien devraient être disponibles sur un site web, une application mobile, une borne en aéroport, et avec un agent au terminal de l&rsquo;aéroport.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="749" height="363" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/checkin.jpg" alt="Checkin multicanal Air France" class="wp-image-22658" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/checkin.jpg 749w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/checkin-300x145.jpg 300w" sizes="auto, (max-width: 749px) 100vw, 749px" /><figcaption class="wp-element-caption"><em>L&rsquo;enregistrement sur un vol Air France possible via de multiples canaux</em></figcaption></figure>



<h3 class="wp-block-heading">2 &#8211; Cohérence globale de tous les canaux</h3>



<p>Les utilisateurs, les clients, devraient être en mesure de passer d&rsquo;un canal à un autre, sans avoir à réapprendre les étapes et la situation de la transaction, les principes de présentation des informations, les actions possibles, et ce tout le long de la chaine de vie de la relation.</p>



<p>Les utilisateurs se déplaçant d&rsquo;un canal à l&rsquo;autre pour accomplir une tâche spécifique ou de nombreuses tâches différentes sont exposés au fil du temps à l&rsquo;univers visuel, les fonctionnalités, les interactions, le langage, un ton général, la voix de la marque, de l&rsquo;entreprise ou de l&rsquo;organisation. Créer une cohérence globale indépendamment du canal permet aux utilisateurs de forger des attentes pour les futures interactions. Les entreprises offrant des expériences cohérentes au travers des différents canaux seront plus à même de créer l&rsquo;engagement des utilisateurs pour la marque, en gagnant rapidement leur confiance, avec une cohérence globale ressentie sur tous les points de contacts. Mais cela ne sera pas encore suffisant. Il faudra également proposer des offres sérieuses, des interlocuteurs respectueux, des outils fiables. Personnaliser l&rsquo;expérience, dans certains contextes,&nbsp;peut-être également un plus (voir plus bas).</p>



<p>Le récent service de location de voitures électriques en libre-service <strong>Autolib&rsquo;&nbsp;</strong>à Paris, fournit une multi-canalité comme figure imposée, qui nécessitera au minimum le passage par&nbsp;:</p>



<ul class="wp-block-list">
<li>une communication visio avec un téléconseiller&nbsp;en kiosque d&rsquo;abonnement</li>



<li>le passage par des bornes sur les stations pour récupérer les véhicules, communiquer avec un conseiller en audio en cas de problème ou question</li>



<li>la réception d&rsquo;un SMS venant confirmer la fin d&rsquo;une location après le bon raccordement du câble d&rsquo;alimentation à la borne de charge</li>
</ul>



<p>D&rsquo;autres canaux sont à disposition&nbsp;:</p>



<ul class="wp-block-list">
<li>le système de réservation peut passer par le canal web, par application mobile</li>



<li>à l&rsquo;intérieur du véhicule, un écran tactile embarqué pour gérer son parcours et ses réservations, et un accès conseiller en audio</li>
</ul>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="783" height="625" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib.jpg" alt="Photos des différentes interfaces de contact avec Autolib&nbsp;: web, centre d'appel, kiosque, borne, tableau de bord" class="wp-image-22661" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib.jpg 783w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib-300x239.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib-768x613.jpg 768w" sizes="auto, (max-width: 783px) 100vw, 783px" /></figure>



<p>L&rsquo;<strong>identité visuelle Autolib&rsquo;&nbsp;</strong>est fortement marquée sur les différents supports, de par les couleurs dominantes, la charte graphique, les logos, la typographie et images, la syntaxe, un point positif pour la cohérence globale. Par contre, la hiérarchie des informations, leurs emplacements, l&rsquo;accès aux&nbsp;<strong>différentes fonctionnalités</strong>&nbsp;du service sont très différents selon les différents supports. Cela répond à une nécessité. En effet, le&nbsp;<strong>contexte spécifique à chaque canal</strong>&nbsp;(cf. le point 4 ci-dessous) a fortement structuré les fonctionnalités mises en avant sur chaque canal, comme on le verra plus bas. Ce qui est logique&nbsp;: on fait prioritairement des choses différentes sur les différents canaux&nbsp;<strong>Autolib&rsquo;</strong>, et les exigences d&rsquo;efficacité sont fortes sur le timing, une réservation n&rsquo;étant possible que 30 minutes à l&rsquo;avance&nbsp;:</p>



<ul class="wp-block-list">
<li>Le&nbsp;<strong>portail web</strong>&nbsp;est avant tout là pour présenter l&rsquo;offre, les fonctionnalités de réservation et de gestion de compte étant aussi disponibles dans un espace personnel, l&rsquo;accès aux fonctions de réservation n&rsquo;est pas immédiat</li>



<li>Les fonctions de localisation et de gestion des réservations sont immédiatement accessibles sur les applications mobiles sur&nbsp;<strong>smartphone</strong></li>



<li>tandis que l&rsquo;<strong>écran tactile embarqué</strong>&nbsp;dans le véhicule est axé sur la navigation, le guidage, l&rsquo;ambiance à bord, mais aussi la gestion de la réservation de la place de parking à destination (voir également plus bas).</li>
</ul>



<p>Nous dirons donc que la cohérence globale est bien là, mais qu&rsquo;au niveau de l&rsquo;accès aux fonctionnalités, le contexte spécifique de chaque canal à été privilégié.</p>



<p>La <strong>personnalisation des canaux</strong> pour l&rsquo;utilisateur est un point fort renforçant la cohérence globale et améliorant l&rsquo;expérience utilisateur, en particulier quand vous pénétrez dans le véhicule&nbsp;: vous êtes accueilli avec un message de bienvenue personnalisé avec votre nom affiché sur l&rsquo;écran tactile embarqué, la radio s&rsquo;allume automatiquement sur votre station de radio favorite et le chauffage de l&rsquo;habitacle s&rsquo;ajuste à l&rsquo;identique&nbsp;de votre location précédente&nbsp;:</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="754" height="317" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_custom.jpg" alt="Autolib Personnalisation" class="wp-image-22662" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_custom.jpg 754w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_custom-300x126.jpg 300w" sizes="auto, (max-width: 754px) 100vw, 754px" /></figure>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="645" height="400" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_car_resa_4.jpg" alt="Capture écran tactile embarqué d'une Autolib avec personnalisation, cartographie, indications de parcours et radio" class="wp-image-22663" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_car_resa_4.jpg 645w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_car_resa_4-300x186.jpg 300w" sizes="auto, (max-width: 645px) 100vw, 645px" /></figure>



<h3 class="wp-block-heading">3 &#8211; Transparence, interopérabilité des canaux et interruptibilité</h3>



<p>Un processus doit pouvoir être réalisé de bout en bout en ayant la possibilité de changer de canal tout le long du processus « sans couture ». L&rsquo;utilisateur doit pouvoir changer de canal tout le long du processus, et il doit pouvoir également interrompre le processus et pouvoir le reprendre plus tard à tout moment sur n&rsquo;importe quel canal, là où il a été interrompu précédemment.&nbsp;Ceci sous-tend que l&rsquo;état de la transaction soit synchronisée sur tous les points de contacts (ce qui est rendu possible par internet et le cloud notamment). Et si cela n&rsquo;est pas possible dans certaines conditions (pas de connexion internet pendant un transport&#8230;), alors les modes dégradés doivent être gérés et l&rsquo;utilisateur informé&nbsp;: information sur la déconnexion, resynchronisation en tâche de fond lorsque la connexion est de nouveau possible.</p>



<p class="has-text-align-center">Un exemple d&rsquo;utilisation de plusieurs canaux pour la réservation de véhicule <strong>Autolib&rsquo;</strong>&nbsp;et d&rsquo;une place de parking à destination&nbsp;: le <strong>schéma global du parcours</strong>, et les <strong>images des écrans consultés et utilisés</strong> sur chaque support&nbsp;:</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1100" height="870" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_ex_parcours_cross-canal-1.jpg" alt="Illustration étapes parcours utilisateur Autolib et support numériques utilisés" class="wp-image-22665" title="Étapes parcours utilisateur Autolib" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_ex_parcours_cross-canal-1.jpg 1100w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_ex_parcours_cross-canal-1-300x237.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_ex_parcours_cross-canal-1-1024x810.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_ex_parcours_cross-canal-1-768x607.jpg 768w" sizes="auto, (max-width: 1100px) 100vw, 1100px" /></figure>



<p class="has-text-align-center"><strong>1.</strong> Recherche de véhicule disponible sur une station proche via&nbsp;le site web sur un ordinateur de bureau</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="779" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_web.jpg" alt="1. Canal&nbsp;: site web sur un ordinateur de bureau. Recherche de véhicule disponible sur une station proche" class="wp-image-22667" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_web.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_web-300x228.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_web-768x584.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-text-align-center"><strong>2.</strong> Réservation du véhicule via le site web sur l&rsquo;ordinateur de bureau</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="764" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_confirm_web.jpg" alt="2. Canal&nbsp;: site web sur un ordinateur de bureau. Réservation du véhicule" class="wp-image-22668" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_confirm_web.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_confirm_web-300x224.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_confirm_web-768x573.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="has-text-align-center"><strong>3.</strong> Réservation signalée par une<span style="color: #ff0000;"> pastille rouge</span> en bas de l&rsquo;écran sur l&rsquo;application sur smartphone (iPhone), en situation de mobilité</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="640" height="1136" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_notif_app.jpg" alt="3. Réservation signalée par une pastille rouge en bas de l'écran sur l'application sur smartphone (iPhone), en situation de mobilité" class="wp-image-22669" title=" Pastille rouge en bas de l'écran pour signaler sur le smartphone la réservation en cours" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_notif_app.jpg 640w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_notif_app-169x300.jpg 169w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_notif_app-577x1024.jpg 577w" sizes="auto, (max-width: 640px) 100vw, 640px" /></figure>



<p class="has-text-align-center"><strong>4.</strong> Accès à la liste de réservation depuis l&rsquo;application mobile</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="640" height="1136" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_list_app.jpg" alt="autolib liste réservation iPhone iOS app" class="wp-image-22670" title="Liste des réservations en cours, sur le smartphone" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_list_app.jpg 640w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_list_app-169x300.jpg 169w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_list_app-577x1024.jpg 577w" sizes="auto, (max-width: 640px) 100vw, 640px" /></figure>



<p class="has-text-align-center"><strong>5.</strong> Accès au détail de la réservation depuis l&rsquo;application mobile</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="640" height="1136" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_detail_app.jpg" alt="Détail de la réservation en cours sur smartphone" class="wp-image-22671" title="Détail de la réservation en cours sur smartphone" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_detail_app.jpg 640w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_detail_app-169x300.jpg 169w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_resa_car_detail_app-577x1024.jpg 577w" sizes="auto, (max-width: 640px) 100vw, 640px" /></figure>



<p class="has-text-align-center"><strong>6.</strong> Récupération du véhicule via identification par badge sur la borne de la station Autolib&rsquo;</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="500" height="731" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_borne_2.jpg" alt="autolib borne badge" class="wp-image-22672" title="Identification par badge sur la borne à la station Autolib' pour récupérer le véhicule" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_borne_2.jpg 500w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_borne_2-205x300.jpg 205w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<p class="has-text-align-center"><strong>7.</strong> Réservation d&rsquo;une place de parking à destination avec l&rsquo;écran tactile embarqué dans le véhicule</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="500" height="309" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_car_resa_3.jpg" alt="autolib réservation écran tactile embarqué du véhicule Autolib'" class="wp-image-22673" title=" Réservation d'une place de parking à destination sur l'écran tactile embarqué du véhicule Autolib'" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_car_resa_3.jpg 500w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_car_resa_3-300x185.jpg 300w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<p class="has-text-align-center"><strong>Et c&rsquo;est parti&nbsp;!</strong></p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="500" height="667" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_car_resa_6.jpg" alt="Photo du tableau de bord depuis l'intérieur du véhicule Autolib'" class="wp-image-22674" title="Photo du tableau de bord depuis l'intérieur du véhicule Autolib'" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_car_resa_6.jpg 500w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_car_resa_6-225x300.jpg 225w" sizes="auto, (max-width: 500px) 100vw, 500px" /></figure>



<p>Pour revenir sur les principes d&rsquo;interruptibilité, nous noterons que l&rsquo;<strong>interruption d&rsquo;un processus</strong> peut être volontaire, mais aussi involontaire&nbsp;:</p>



<ul class="wp-block-list">
<li>dans le canal&nbsp;: apparition d&rsquo;une fenêtre de notification d&rsquo;un e-mail reçu&#8230;</li>



<li>par un autre canal&nbsp;: réception d&rsquo;un appel sur le téléphone pendant une recherche internet depuis un ordinateur de bureau&#8230;</li>



<li>par l&rsquo;environnement&nbsp;: une autre personne vous interpelle, ou descendre de son bus arrivé à destination alors qu&rsquo;on consulte les nouvelles sur une tablette&#8230;</li>



<li>par l&rsquo;utilisateur lui-même, qui regarde l&rsquo;heure et doit changer d&rsquo;activité&#8230;</li>
</ul>



<p>Le passage d&rsquo;un canal numérique au canal réel peut être également un choix et/ou une nécessité, les contextes d&rsquo;utilisation, l&rsquo;évaluation de la complexité et ses expériences antérieures, le changement de canal et l&rsquo;ordre de séquencement du canal utilisé peuvent répondre à une logique volontaire de la part de l&rsquo;utilisateur (l&rsquo;exemple Autolib&rsquo; ci-dessus en donne une illustration). Ainsi, par exemple, un parcours multi-canal pourra être un parcours déterminé par le choix de l&rsquo;appareil utilisé en fonction de la complexité de la tâche de démarrage, voir exemple ci-dessous.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1100" height="577" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/micro_start_cross-canal.jpg" alt="Pourcentage d'usage du micro-ordinateur, smartphone et tablette selon les types d'activités" class="wp-image-22675" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/micro_start_cross-canal.jpg 1100w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/micro_start_cross-canal-300x157.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/micro_start_cross-canal-1024x537.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/micro_start_cross-canal-768x403.jpg 768w" sizes="auto, (max-width: 1100px) 100vw, 1100px" /><figcaption class="wp-element-caption"><em>D&rsquo;après&nbsp;<strong>Backbase</strong> « The Future of Omni-Channel Banking »</em></figcaption></figure>



<h3 class="wp-block-heading">4 &#8211; Prise en compte du contexte spécifique à chaque canal</h3>



<p>L&rsquo;expérience doit être optimisée spécifiquement pour chaque canal. Par exemple, les applications mobiles devraient intégrer les détails spécifiques à l&#8217;emplacement, comme la météo actuelle, coupons ou des rabais à proximité, la proximité des commerces ou des lieux physiques, basée sur l&#8217;emplacement actuel de l&rsquo;utilisateur.</p>



<p>En continuant sur l&rsquo;exemple du service <strong>Autolib&rsquo;</strong>, la recherche de station depuis le <strong>site web via un ordinateur de bureau</strong> (voir plus haut sur l&rsquo;étape 1&nbsp;: &nbsp;Recherche de véhicule disponible sur une station proche) est une visualisation classique de cartes géographiques sur le web, avec la possibilité de cliquer sur des « points d&rsquo;intérêts », ici le logo de chaque station d&rsquo;Autolib&rsquo;.</p>



<p>Sur le <strong>canal mobile</strong>, la fonction de géolocalisation en situation de mobilité permet de fournir à l&rsquo;utilisateur un guidage par itinéraire temps réel, en exploitant les fonctionnalités natives (intégrées) du smartphone, lui permettant de se rendre sur la station pour prendre le véhicule&nbsp;:</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="709" height="571" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_link_to_map_route_app.jpg" alt="Capture écran illustrant l'activation de l'itinéraire à pieds depuis l'application Autolib sur iPhone" class="wp-image-22676" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_link_to_map_route_app.jpg 709w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/autolib_link_to_map_route_app-300x242.jpg 300w" sizes="auto, (max-width: 709px) 100vw, 709px" /></figure>



<p class="has-text-align-center"><em>Capture écran illustrant l&rsquo;activation de l&rsquo;itinéraire à pieds depuis l&rsquo;application Autolib sur iPhone</em></p>



<p class="has-text-align-center">Sur l&rsquo;<strong>écran embarqué</strong> du véhicule Autolib&rsquo;, l&rsquo;assistance à la conduite et l&rsquo;ambiance à bord sont privilégiés&nbsp;:</p>



<figure class="wp-block-image aligncenter"><a href="/wp-content/uploads/2013/12/autolib_car_resa_4.jpg"><img decoding="async" src="/wp-content/uploads/2013/12/autolib_car_resa_4.jpg" alt="Capture écran tactile embarqué d'une Autolib avec personnalisation, cartographie, indications de parcours et radio" class="wp-image-18346"/></a><figcaption class="wp-element-caption"><em>Affichage de la localisation du véhicule et des fonctionnalités de guidage, station de radio et volume sonore. Un logo et une pastille en haut à droite informent et permettent l&rsquo;accès à la réservation de la place de parking à destination</em></figcaption></figure>



<p>Dans le cas d&rsquo;une <strong>application mobile, l&rsquo;interface utilisateur devra être particulièrement soignée</strong>. Le smartphone est aujourd&rsquo;hui l&rsquo;appareil le plus omniprésent chez les utilisateurs, où <strong>l&rsquo;expérience utilisateur peut être sublimée</strong>, j&rsquo;en ai parlé &nbsp;dans mon précédent billet&nbsp;: « <a title="L’eXperience Utilisateur mobile au cœur des nouvelles stratégies" href="/experience-utilisateur-mobile-au-coeur-des-nouvelles-strategies/"><strong>L’eXpérience Utilisateur mobile au cœur des nouvelles stratégies</strong></a>« </p>



<h2 class="wp-block-heading">L&rsquo;omni-canalité&nbsp;: transformer le multi-canal en eXpérience unique de la marque&nbsp;?</h2>



<p>J&rsquo;ai donné plus haut une définition rapide de « l&rsquo;omni-canal »&nbsp;:&nbsp;une utilisation simultanée de plusieurs canaux. Côté client il peut s&rsquo;agir d&rsquo;être devant le produit en rayon dans un magasin physique et de se servir volontairement en même temps de son smartphone pour comparer des prix, une fiche technique, des avis.</p>



<p>Côté marque, l&rsquo;omni-canal consiste à jeter des ponts entre les expériences en ligne et hors ligne. En poussant la logique, cela peut permettre de rapprocher l&rsquo;utilisateur de la marque en faisant voler en éclat les spécificités de chaque canal en unifiant l&rsquo;expérience. C&rsquo;est ce que fait très bien <strong>Burberry</strong> (vêtements et des accessoires de luxe) sous l’impulsion de son directeur de création <strong>Christopher Bailey</strong>, reproduisant dans les magasins physiques les codes et principes de l’expérience digitale du site web de la marque. Par exemple&nbsp;: des miroirs interactifs détectant le produit porté et déclenchant une vidéo de démonstration.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="900" height="450" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/Burberry_Nouveau-Retail.jpg" alt="Magasin Burberry de Londres &quot;Runway to reality&quot;" class="wp-image-22678" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/12/Burberry_Nouveau-Retail.jpg 900w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/Burberry_Nouveau-Retail-300x150.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/12/Burberry_Nouveau-Retail-768x384.jpg 768w" sizes="auto, (max-width: 900px) 100vw, 900px" /><figcaption class="wp-element-caption">Vidéo de présentation et visite du magasin Burberry de Londres:</figcaption></figure>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Burberry digital store" width="500" height="281" src="https://www.youtube.com/embed/Oh6DcY7zoYI?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div><figcaption class="wp-element-caption"><em>Expérience omni-canal au magasin Burberry 121 Regent Street à Londres</em></figcaption></figure>



<h2 class="wp-block-heading">En synthèse</h2>



<p>Comme nous l&rsquo;avons vu, pour une expérience utilisateurs cross-canal réussie, pour&nbsp;mieux toucher et servir l&rsquo;utilisateur, certaines <strong>conditions d&rsquo;utilisation</strong> doivent être réunies&nbsp;:&nbsp;disponibilité des services, cohérence d’ensemble, interopérabilité et interruptibilité des canaux, &nbsp;et enfin&nbsp;prise en compte du contexte spécifique à chaque canal. &nbsp;Mais il faudra également proposer des <strong>offres sérieuses</strong>, des <strong>interlocuteurs respectueux</strong>, des <strong>outils fiables</strong>&nbsp;: une qualité de service. En prenant bien en compte les caractéristiques et les attentes des utilisateurs cibles.</p>



<h2 class="wp-block-heading">Sources</h2>



<ul class="wp-block-list">
<li><a href="https://www.nngroup.com/articles/">Publications du <strong>groupe Nielsen Norman</strong></a></li>



<li>Baromètre intimité client &#8211; CSC, Challenges et TNS Sofres 2013</li>



<li>Backbase « <a href="https://fr.slideshare.net/backbase/the-future-of-omnichannel-banking">The Future of Omni-Channel Banking</a>« </li>
</ul>



<p>&nbsp;</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/les-quatre-piliers-dune-experience-utilisateur-cross-canal-reussie/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>L&#8217;eXperience Utilisateur mobile au cœur des nouvelles stratégies</title>
		<link>https://www.pierre-lannes.fr/experience-utilisateur-mobile-au-coeur-des-nouvelles-strategies/</link>
					<comments>https://www.pierre-lannes.fr/experience-utilisateur-mobile-au-coeur-des-nouvelles-strategies/#respond</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Sat, 26 Oct 2013 10:00:07 +0000</pubDate>
				<category><![CDATA[Ergonomie et design]]></category>
		<category><![CDATA[Prospective des usages]]></category>
		<category><![CDATA[Any time Anywhere Any device]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[applications]]></category>
		<category><![CDATA[conception]]></category>
		<category><![CDATA[design d'interaction]]></category>
		<category><![CDATA[Écrans Tactiles]]></category>
		<category><![CDATA[eXpérience Utilisateur]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[interface utlisateur]]></category>
		<category><![CDATA[interfaces hommes-machines]]></category>
		<category><![CDATA[interfaces tactiles]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[iOS]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[mobiquité]]></category>
		<category><![CDATA[parcours clients]]></category>
		<category><![CDATA[parcours usagers]]></category>
		<category><![CDATA[smartphone]]></category>
		<category><![CDATA[solomo]]></category>
		<category><![CDATA[tactile]]></category>
		<guid isPermaLink="false">http://www.pierre-lannes.fr/?p=16490</guid>

					<description><![CDATA[Ce billet reprend largement mon commentaire sur le billet de Pierre-Olivier Carles "Manipuler son ADN vers le Mobile". Cet entrepreneur du numérique y aborde la nécessité pour l'entreprise de repenser les métiers et le business autour de la révolution mobile : les smartphones, et les objets connectés dotés d'une interface utilisateur arrivants sur le marché. Il écrit (je cite) : "Retenez bien ces deux mots car en eux réside l’avenir de notre profession : Expérience Utilisateur", évoquant également l’importance de penser l’interface utilisateur en conséquence.]]></description>
										<content:encoded><![CDATA[
<p><em>Illustration ci-dessus, le capitaine Kirk, personnage de la série Star Trek, avec dans sa main son « communicateur ».</em></p>



<p><strong>Pierre-Olivier Carles</strong>, un <strong>entrepreneur du numérique</strong> abordait (dans un billet « Manipuler son ADN vers le Mobile » qui n&rsquo;est plus en ligne) la nécessité pour l&rsquo;entreprise de repenser les métiers et le business autour de la révolution mobile&nbsp;: les smartphones, et les objets connectés dotés d&rsquo;une interface utilisateur arrivants sur le marché.</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p>Retenez bien ces deux mots car en eux réside l’avenir de notre profession&nbsp;: Expérience Utilisateur</p>
</blockquote>



<p>Il évoquait également l’importance de penser l’interface utilisateur en conséquence. En tant que professionnel du conseil et de l&rsquo;accompagnement pour la performance de l&rsquo;eXpérience Utilisateur et de la <a href="/portfolio-category/conception-ux-ui/">conception d&rsquo;interfaces utilisateur</a>, avec mon background de psychologue et d’<a href="/ergonome/">ergonome</a>, je ne peux que me réjouir si les entrepreneurs et les décideurs placent l’eXpérience Utilisateur comme une dimension centrale dans la conception de produit, de services, de relation avec la marque… de la stratégie et du business&nbsp;!</p>



<p>Cela nous sort avec bonheur et soulagement des fatigants débats que l’on voit fleurir ça et là, plus ou moins corporatistes, intéressants et pertinents entre certains professionnels et opportunistes souvent <a href="/humeur-tout-le-monde-il-est-beau-tout-le-monde-il-est-ergonome/">incompétents</a> qui s’engouffrent dans la brèche de cet intérêt naissant pour l’eXpérience Utilisateur (ou User eXperience, ou UX). C&rsquo;est la nouvelle <a href="/definition-experience-utilisateur-sa-place-en-agence-et-chez-les-annonceurs/">marotte des agences de com « digitales »</a>,&nbsp;vouée à l&rsquo;échec, à cause de leur organisation en silots/BU et l&rsquo;anachronisme obsolète du marketing&nbsp;et de la <a href="/definition-experience-utilisateur-sa-place-en-agence-et-chez-les-annonceurs/">création égo-centrée sur la communication de marque</a>. C&rsquo;est l&rsquo;exploitation de la data et les relations incestueuses avec les directions marketing qui les sauvent pour l&rsquo;instant.</p>



<p>Nous avons déjà vécu et nous vivons encore la récupération par les agences des termes à la mode comme le&nbsp;<strong>design</strong> et de&nbsp;<a title="Humeur&nbsp;: tout le monde il est beau, tout le monde il est ergonome" href="/humeur-tout-le-monde-il-est-beau-tout-le-monde-il-est-ergonome/">l’<strong>ergonomie</strong>, (j&rsquo;en ai déjà parlé ici)</a>&nbsp;C’est normal, quand un concept comme l’UX devient « mainstrean » et « bankable », il devient un terme de marketing et on l’utilise et le décline à toutes les sauces et parfois n’importe comment. Ce n’est pas grave, c’est la rançon du succès. Essayons plutôt de satisfaire les utilisateurs, les clients et les décideurs qui sont demandeurs. En faisant notre travail le mieux possible, avec les bonnes méthodes et les bons outils, en se remettant en question, en collaborant. Et ce n&rsquo;est pas dans les grosses agences que cela se passe.</p>



<p>Quant au scepticisme de ceux qui ne voient l&rsquo;UX que comme une nouvelle tendance, je voudrais rappeler que les concepts et les métiers de l&rsquo;étude et conception d’eXpérience Utilisateur existent depuis plus de 25&nbsp;ans. Prenant sa source dans le design centré sur l’utilisateur avec l&rsquo;ouvrage « The Design of Everyday Things » de <a title="Don Norman" href="/tendance-ux-trop-interfaces-tue-interface-utilisateur/#norman"><strong>Donald Norman</strong></a>&nbsp;en 1988,&nbsp;qui fut le premier « User Experience Architect » quand il rejoint <strong>Apple</strong> en 1993. Quand on voit le chemin parcouru par <strong>Apple</strong> jusqu’à aujourd’hui, ça ne peut pas laisser indifférent.</p>



<p>Mais pourquoi donc cette montée en puissance de l’intérêt pour l’expérience Utilisateur&nbsp;? Et bien cela ressort très bien de l’article de Pierre-Olivier&nbsp;: à une époque où les appareils mobiles et leurs usages sont devenus omniprésents, c&rsquo;est souvent l’expérience utilisateur d’un service et/ou un produit via une application sur smartphone qui fait la différence. En effet, ce n’est plus la peine de parler de contraintes techniques ou de puissance d’un appareil. Ce qui est important, ce n’est pas ce que les appareils savent faire&nbsp;: c’est <strong>ce que les gens savent et peuvent faire avec ces appareils.</strong> Et l’interface utilisateur de cet appareil joue un rôle très important dans cette expérience utilisateur.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="484" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/03/mobile-uses-1024x484.jpg" alt="Doigt sur un écran d'iPhone en main" class="wp-image-34293" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/03/mobile-uses-1024x484.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2012/03/mobile-uses-300x142.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/03/mobile-uses-768x363.jpg 768w, https://www.pierre-lannes.fr/wp-content/uploads/2012/03/mobile-uses-1536x726.jpg 1536w, https://www.pierre-lannes.fr/wp-content/uploads/2012/03/mobile-uses.jpg 1600w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>Je partage le point de vue de Pierre-Olivier sur le lien fort entre l’importance de la <strong>stratégie mobile</strong> (au sens large&nbsp;: smartphones et objets connectés d’aujourd’hui et de demain) et l’expérience utilisateur. En effet, les usages mobiles des smartphones ont fait voler en éclat de nombreuses frontières spatiales et temporelles. Notamment en permettant une connexion permanente et partout aux contenus personnels et professionnels. En brisant aussi la frontière entre online et le offline. Mettre une barrière entre le réel et le numérique <a href="/les-quatre-piliers-dune-experience-utilisateur-cross-canal-reussie/">n’a désormais plus de sens</a> quand on pense au business. Car <strong>ces frontières n’existent plus</strong>. Dans l’immédiateté, le consommateur utilise en magasin son propre smartphone pour lire les prix, les informations techniques et les avis en ligne sur un produit. Dans l’anticipation, un autre consommateur préparera en ligne, en situation de mobilité (ou non) son achat, afin de récupérer rapidement le produit, optimiser son déplacement et son temps de parcours et d’attente pour le retrait en magasin physique (Web to Store).</p>



<p>Le smartphone devient tellement omniprésent dans une multiplicité d’usages grands publics et professionnels qu’on ne peut plus penser la relation avec une cible, un citoyen, un individu sans la présence de ce support. On ne peut plus seulement parler de consommateur, mais de consommateur-utilisateur « <strong>Consuser</strong>« . Les usages mobiles permettent d’imaginer de nouvelles façons d’interagir, de nouveaux services et produits. Mais quand on sait que les points de contact avec le produit, les marques, les processus et les personnes se multiplient, la stratégie mobile ne peut être pensée isolément de la stratégie globale, afin de <a href="/les-quatre-piliers-dune-experience-utilisateur-cross-canal-reussie/">maintenir un ensemble cohérent</a>, notamment pour l’utilisateur consommateur final. Et pour penser global, dans un monde où information, technologie et usages évoluent très vite, il est devenu nécessaire, quand on réfléchit au business, de prendre du recul et surtout de la hauteur afin de faire les bons choix, jusqu&rsquo;à faire de la <a href="/prospective-design/">prospective</a>. C’est un des aspects que j’ai creusé il y a un an dans mon long billet « <a title="Tendance UX&nbsp;: trop d’interfaces tue l’interface (utilisateur)&nbsp;?" href="/tendance-ux-trop-interfaces-tue-interface-utilisateur/"><strong>Tendance UX&nbsp;: trop d’interfaces tue l’interface (utilisateur)&nbsp;?</strong></a>&nbsp;« . Evidemment, ces enjeux varient beaucoup selon le secteur, la taille et les cibles de l’entreprise qui réfléchit à sa stratégie.</p>



<p>Au final, ce que nous apprend l’importance de l’eXpérience utilisateur avec les produits mobiles omniprésents et à venir, c’est qu’ils contribuent fortement ou peuvent même <strong>se confondre avec l’expérience globale de la relation avec la marque, le produit, entre les usagers.</strong> Et cette expérience devra être enchantée, dans ce monde ultratechnique et saturé d’informations et d’images, afin de <strong>capter l’attention, créer la différence, être adopté, développer la préférence, fidéliser et engager</strong>. Cet enchantement passe bien souvent aujourd’hui et inévitablement demain par la magie de ces échanges entres les hommes et ces machines connectées qui nous suivent désormais partout au contact de notre corps&nbsp;: dans la poche, la main, sur le poignet, dans les oreilles et devant les yeux.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/experience-utilisateur-mobile-au-coeur-des-nouvelles-strategies/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Le smartphone reste dans la poche grâce à l&#8217;assistant vocal, la montre smartwatch et au carnet connectés</title>
		<link>https://www.pierre-lannes.fr/garder-liphone-dans-la-poche-grace-a-siri-et-aux-accessoires-connectes-montre-pebble-et-carnet-evernote/</link>
					<comments>https://www.pierre-lannes.fr/garder-liphone-dans-la-poche-grace-a-siri-et-aux-accessoires-connectes-montre-pebble-et-carnet-evernote/#comments</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Sun, 14 Jul 2013 21:00:24 +0000</pubDate>
				<category><![CDATA[Ergonomie et design]]></category>
		<category><![CDATA[Prospective des usages]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[Any time Anywhere Any device]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[applications]]></category>
		<category><![CDATA[eXpérience Utilisateur]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[geek]]></category>
		<category><![CDATA[interface utlisateur]]></category>
		<category><![CDATA[interfaces hommes-machines]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[iOS]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[iPod]]></category>
		<category><![CDATA[médias sociaux]]></category>
		<category><![CDATA[mobiquité]]></category>
		<category><![CDATA[psychosocial]]></category>
		<category><![CDATA[réseaux sociaux]]></category>
		<category><![CDATA[smartphone]]></category>
		<category><![CDATA[solomo]]></category>
		<category><![CDATA[Twitter]]></category>
		<guid isPermaLink="false">http://www.pierre-lannes.fr/?p=16309</guid>

					<description><![CDATA[Les téléphones mobiles ultra sophistiqués (smartphones) deviennent omniprésents dans le quotidien de nombreuses personnes, de part leur simple portabilité et la multiplicité des usages disponibles en permanence condensés en un seul objet : walkman pour la musique, téléviseur et lecteur de vidéos et de film, appareil photo et caméra, liseuses (informations, magazines, livres), consoles de jeux, prise de notes, assistants personnels, GPS, applications, accès internet, téléphone et SMS, il nous donnent la possibilité d'être connectés en permanence et (presque partout) avec le contenu d'internet et nos contacts, par une multitude de moyens et médias instantanés ou différés.

Beaucoup d'utilisateurs consultent très souvent leur téléphone et passent beaucoup de temps sur celui-ci, peut être même trop. Certaines fonctions et accessoires permettent de gagner du temps, du confort, et réduire l'esclavage d'être rivé à l'écran et clavier du smartphone : la commande et synthèse vocale (SIRI sur iPhone), les smartwatch (la montre Pebble en particulier), ou l'utilisation de notes manuscrites numérisées (carnet Evernote par exemple).]]></description>
										<content:encoded><![CDATA[
<p>Les téléphones mobiles ultra sophistiqués (smartphones) sont désormais des objets très répandus. Faciles à porter, ils permettent une <strong style="line-height: 1.5em;">multitude d&rsquo;usages en un seul objet</strong><span style="line-height: 1.5em;">&nbsp;: walkman pour la musique, téléviseur et lecteur de vidéos et de film, appareil photo et caméra, liseuses (informations, magazines, livres), consoles de jeux, prise de notes, assistants personnels, GPS, applications, accès internet, téléphone et SMS, ils nous donnent la possibilité d&rsquo;être connectés en permanence et (presque partout) avec le contenu d&rsquo;internet et nos contacts, par une multitude de moyens et médias instantanés ou différés (on parle de « Mobiquité »).</span></p>



<p>Cette multiplicité d&rsquo;usages disponibles en permanence condensés en un seul objet aussi facile à porter lui fait occuper beaucoup de place dans le quotidien de nombreuses personnes. Pour le meilleur <a title="A l’époque de l’utraconnexion, il devient branché de débrancher. Et même vital" href="/a-lepoque-de-lutraconnexion-il-devient-branche-de-debrancher-et-meme-vital/">et pour le pire</a>. N&rsquo;ayons pas peur des mots&nbsp;: le smartphone est devenu le « <strong>Doudou</strong> » des temps modernes. Pas étonnant, donc, que ce smartphone soit souvent dans notre main. Et comme on ne peut pas vraiment l&rsquo;avoir en permanence dans la main, pas étonnant non plus qu&rsquo;il fasse beaucoup d&rsquo;aller et venues entre notre poche (ou notre sac) et notre main.</p>



<h2 class="wp-block-heading">Le smartphone consulté 150 fois par jour</h2>



<p>Le mercredi 29 mai dernier, lors de la conférence californienne D11, <strong>Mary Meeker,</strong> analyste respectée du monde numérique (surnommée « la reine de l&rsquo;internet ») a présenté, en partenariat avec la société de capital-risque KPCB Kleiner Perkins Caufield &amp; Byers, son attendu et rituel rapport annuel sur les tendances Internet de l&rsquo;année.</p>



<p>A la page 54 de la présentation, un graphique issu d&rsquo;une étude utilisateur montre qu&rsquo;en moyenne, <strong>un utilisateur consulte son smartphone 150 fois par jour</strong>. Le graphique ci-dessous détaille les résultats chiffrés pour les différents usages qui amènent l&rsquo;utilisateur à sortir son smartphone de sa poche&nbsp;: messagerie (SMS, e-mail&#8230;), appels vocaux, regarder l&rsquo;heure, gérer la fonction « Walkman » (musique), jouer, « réseauter » et consulter les médias sociaux (Facebook, Twitter, Instagram&#8230;), utiliser et consulter l&rsquo;appareil photo/vidéo du smartphone, lire les nouvelles et lire les alertes (push, notifications autres que messagerie et médias sociaux), son calendrier, faire des recherches et surfer sur le web&#8230;</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1000" height="773" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/Smartphone_Users_Reach_to_Phone.jpg" alt="Smartphone Users Reach to Phone" class="wp-image-22680" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/Smartphone_Users_Reach_to_Phone.jpg 1000w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/Smartphone_Users_Reach_to_Phone-300x232.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/Smartphone_Users_Reach_to_Phone-768x594.jpg 768w" sizes="auto, (max-width: 1000px) 100vw, 1000px" /><figcaption class="wp-element-caption"><em>Source&nbsp;: Business Insider « <a href="https://www.businessinsider.com/mary-meekers-latest-masterful-presentation-on-the-state-of-the-web-2013-5" title="Mary Meeker's Latest Masterful Presentation On The State Of The Web - Business Insider ">Mary Meeker&rsquo;s Latest Masterful Presentation On The State Of The Web</a>« </em></figcaption></figure>



<p>Tout d&rsquo;abord, cette multiplicité d&rsquo;aller et venues entre notre poche (ou notre sac) et notre main n&rsquo;est pas sans danger physique direct pour les autres, soi-même (inattention du piéton, du conducteur…) et pour l&rsquo;appareil lui-même (chute, vol à l&rsquo;arrachée…).</p>



<p>Sur un autre plan, cette permanente disponibilité de l&rsquo;appareil connecté <strong>renforce la dépendance aux usages associés de part la facilité d&rsquo;accès</strong>. Le geste de sortir le téléphone de la poche pour une raison (appel, message…) va emmener l&rsquo;utilisateur à focaliser son attention sur l&rsquo;écran, et donc, une fois la contrainte d&rsquo;avoir sorti l&rsquo;appareil de sa poche ou son sac et maintenant rivé sur son écran, autant « en profiter » pour aller consulter et faire autre chose sur celui-ci&nbsp;: la spirale de l&rsquo;accoutumance est en marche….</p>



<p>C&rsquo;est notre sociabilité, notre disponibilité et notre attention au monde extérieur qui se réduisent. Mais aussi notre santé mentale qui peut être menacée, comme je le mentionnais dans <a href="/a-lepoque-de-lutraconnexion-il-devient-branche-de-debrancher-et-meme-vital/">un autre billet</a>, notamment par « l&rsquo;addiction, l&#8217;emprise de la tyrannie d&rsquo;un flux permanent dont nous pouvons nous rendre les esclaves, créant de nouvelles formes d&rsquo;aliénation du réel, de l&rsquo;ici et maintenant. On parle même d&rsquo;un nouveau trouble psychique, la nomophobie&nbsp;: la peur de perdre son portable ou son accès à Internet. »</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/girls-on-their-phone.jpg"><img loading="lazy" decoding="async" width="1600" height="957" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/girls-on-their-phone.jpg" alt="4 copines au café chacune rivée sur son smartphone" class="wp-image-33846" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/girls-on-their-phone.jpg 1600w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/girls-on-their-phone-300x179.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/girls-on-their-phone-1024x612.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/girls-on-their-phone-768x459.jpg 768w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/girls-on-their-phone-1536x919.jpg 1536w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a><figcaption class="wp-element-caption"> <em>Boire un café entre copines en 2013</em></figcaption></figure>



<p>Entre les dérives de l&rsquo;<a href="/a-lepoque-de-lutraconnexion-il-devient-branche-de-debrancher-et-meme-vital/">ultraconnexion</a> et son pendant parfois nécessaire&nbsp;: la déconnexion complète, il est&nbsp;possibles de réduire fortement les allées et venues entre la poche (ou le sac) et la main tout en restant connecté, je vais y revenir.</p>



<p>Si l&rsquo;on se penche un peu plus près dans le graphique ci-dessus sur le détail des différents usages qui amènent l&rsquo;utilisateur à sortir son smartphone de sa poche, ce graphique ne différencie pas&nbsp;:</p>



<ul class="wp-block-list">
<li>les interactions volontaires de la part de l&rsquo;utilisateur: prendre une photo, saisir un message, etc.</li>



<li>les simples consultations&nbsp;: regarder l&rsquo;heure, qui m&rsquo;appelle, m&rsquo;écrit, quel est le contenu de ce message, le titre et l&rsquo;interprète de cette chanson que j&rsquo;écoute…</li>
</ul>



<h2 class="wp-block-heading"><img loading="lazy" decoding="async" class="aligncenter wp-image-33850 size-full" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/reconnaissance-vocale.png" alt="reconnaissance vocale google" width="512" height="512" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/reconnaissance-vocale.png 512w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/reconnaissance-vocale-300x300.png 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/reconnaissance-vocale-150x150.png 150w" sizes="auto, (max-width: 512px) 100vw, 512px" />Commande et reconnaissance vocales</h2>



<p>Parmi les usages amenant à sortir le téléphone de sa poche, <strong>les appels vocaux arrivent en deuxième position avec 15%</strong>. Depuis plusieurs années, le casque avec micro avec ou sans fil (par bluetooth) est déjà un premier pas pour ne pas avoir à sortir et interagir avec son smartphone pour répondre à un appel. La commande vocale intégrée à la plupart des appareils (avec ou sans SIRI sur iPhone) permet elle aussi de s&rsquo;affranchir de l&rsquo;interaction directe avec le smartphone pour lancer un appel. Mais si le smartphone est dans la poche, dans le cas de la réception d&rsquo;appel, je ne verrai pas qui m&rsquo;appelle (sauf si l&rsquo;appareil intègre une synthèse vocale).</p>



<p>Les <strong>commandes et dictées vocales</strong>, même si leur usage est inadapté dans de nombreux contextes (environnement bruyant…) et finalement relativement boudé par les utilisateurs, permettent également de garder son téléphone dans sa poche et gagner en simplicité et rapidité pour certains usages&nbsp;: commande vocale pour lancer un appel, reconnaissance vocale pour dicter des textes de messages ou de notes. Pour ma part, je suis assez bluffé par l&rsquo;efficacité de la reconnaissance vocale des applications de Google ou d&rsquo;Apple, et je les utilise de plus en plus. Voir à la fin du billet une infographie (en anglais) qui présente les usages de SIRI, l&rsquo;assistant vocal d&rsquo;Apple.</p>



<h2 class="wp-block-heading">Utiliser une montre pour déporter certains usages du smartphone</h2>



<p>On voit que <strong>la consultation de l&rsquo;heure arrive tout de même à la troisième place avec 12%</strong> des consultations du téléphone&nbsp;! Voilà un usage qui semblerait plutôt traditionnellement être assigné à une montre, accessoire léger et consultable d&rsquo;un simple coup d’œil sur le poignet.</p>



<p><strong>Alors pourquoi pas renverser le paradigme</strong>, en utilisant la <strong>montre</strong> pour déporter sur l&rsquo;écran de celle-ci les informations venant du téléphone pour de simples consultations&nbsp;: regarder l&rsquo;heure, ce qui est naturel pour une montre, mais aussi voir qui m&rsquo;appelle, qui m&rsquo;écrit, quel est l&rsquo;objet et le contenu de ce message, quel est le titre et l&rsquo;interprète de cette chanson que j&rsquo;écoute…</p>



<p>Et pourquoi pas aussi rajouter des fonctions basiques sur les boutons de cette montre&nbsp;: accepter ou refuser un appel vocal, mettre en pause la musique du walkman du smartphone, passer au morceau de musique précédent ou suivant. Toujours dans le graphique présenté plus haut, <strong>la musique arrive à la 4ème place (9%)</strong> des usages amenant à sortir le téléphone de sa poche. C&rsquo;est tout cela que fait déjà la montre <strong>Pebble</strong>&nbsp;:</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/pebbles.png"><img loading="lazy" decoding="async" width="1600" height="582" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/pebbles.png" alt="Pebble Smartwatch" class="wp-image-33853" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/pebbles.png 1600w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/pebbles-300x109.png 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/pebbles-1024x372.png 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/pebbles-768x279.png 768w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/pebbles-1536x559.png 1536w" sizes="auto, (max-width: 1600px) 100vw, 1600px" /></a></figure>



<p>Cette montre désormais commercialisée est, à la base, un <strong>projet KickStarter,</strong> plateforme très prisée de <strong>crowdfunding</strong> (financement participatif de projets de création d&rsquo;entreprise utilisant internet comme canal de mise en relation entre les porteurs de projet et les personnes souhaitant investir dans ces projets). Le concept de cette montre a eu un succès fulgurant sur KickStarter, ce qui démontre l&rsquo;<strong>intérêt des utilisateurs</strong>, et préfigure un succès futur de ce type d&rsquo;accessoires et l&rsquo;évolution de certain usages.</p>



<p>La <strong>Pebble</strong> n&rsquo;est pas une montre gadget à écran tactile couleur que l&rsquo;on doit recharger tous les jours, ce qui reproduirait ce que fait déjà le smartphone (et certains de ses défauts… la faible autonomie notamment). Non, la Pebble est une « smartwatch » avec un écran monochrome, utilise une technologie qui lui donne une semaine d&rsquo;autonomie (rechargeable avec un câble USB), l&rsquo;heure est affichée en permanence (certaines smartwatchs n&rsquo;affichent pas l&rsquo;heure en permanence par souci d&rsquo;économie d&rsquo;énergie…), un écran très lisible même en plein soleil. Elle est solide, étanche, possède un vibreur pour être notifié de l&rsquo;arrivée des messages, et un accéléromètre qui permet quant à lui d&rsquo;activer le rétro-éclairage de l&rsquo;écran dans l&rsquo;obscurité, d&rsquo;un simple mouvement du poignet. Elle utilise la technologie <strong>Bluetooth</strong> pour la connexion avec le smartphone (appareils sous les systèmes d&rsquo;exploitation Android ou iOS/iPhone).</p>



<p>On voit qu&rsquo;une grande partie des usages amenant à sortir le téléphone de sa poche peuvent être déportés sur la montre comme l&rsquo;illustre ci-dessous la reprise du graphique, à condition qu&rsquo;il s&rsquo;agisse de simples consultation et actions « de base ». On peut estimer que deux tiers des sorties du smartphone de sa poche ou de sac seront évitées, beaucoup moins de temps sera passé sur celui-ci et les consultations de messages et de signal d&rsquo;appel seront beaucoup plus discrètes, rapides et aisées dans de nombreuses situations avec un coup d’œil sur la montre.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="979" height="517" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/pebble_less_phone_reach.jpg" alt="pebble less phone reach" class="wp-image-22685" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/pebble_less_phone_reach.jpg 979w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/pebble_less_phone_reach-300x158.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/pebble_less_phone_reach-768x406.jpg 768w" sizes="auto, (max-width: 979px) 100vw, 979px" /></figure>



<h2 class="wp-block-heading">Le smartphone comme « hub » de poche discret entre le cloud et les contenus réels</h2>



<p>Le smartphone peut être un outil de poche intéressant pour certaines activités professionnelles ou personnelles. Comme beaucoup de personnes, je prends souvent des notes sur papier ou sur un tableau, en réunion de travail, et je l&rsquo;utilise mon <strong>smartphone comme un scanner</strong> en prenant en photo le contenu du tableau ou les notes, que l&rsquo;on pourra tout de suite envoyer par e-mail, conserver et transporter sur son smartphone, etc.. C&rsquo;est simple, pratique, en évitant de ressaisir sur ordinateur ce que l&rsquo;on vient de gribouiller et effacer, éparpiller ou égarer. Mais là aussi il ne vaudra mieux pas perdre son smartphone ensuite, et avoir pensé à sauvegarder ces photos de notes, bien « les ranger », notamment dans le cloud sur internet, pour pouvoir y accéder quand on le souhaite. C&rsquo;est ce que font très bien des services comme <strong>Dropbox</strong> ou <strong>Evernote</strong>.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="680" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/carnet_evernote.jpg" alt="carnet Evernote" class="wp-image-22686" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/carnet_evernote.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/carnet_evernote-300x199.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2013/07/carnet_evernote-768x510.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>Dans cet esprit, certains accessoires existent pour profiter pleinement des possibilités de notre smartphone tout en le gardant dans la poche. Je pense notamment au <strong>carnet papier Evernote Smart de Moleskine</strong>. On peut utiliser celui-ci comme un carnet papier normal. Il est optimisé pour l&rsquo;application <strong>Evernote</strong> en prenant les pages du carnet en photo via l&rsquo;application sur smartphone, celles-ci seront instantanément numérisées, dans le cloud et synchronisées avec tous vos appareils, ordinateur, accessibles via le web web, etc.. Un système d&rsquo;autocollant « stickers » permet également de « tagguer » sur le papier des zones et pages du carnet, elles seront reconnues par l&rsquo;application et automatiquement tagguées et stockées dans les carnets numériques dans le cloud avec les valeurs et contenus de votre choix. Pour les abonnements payants (premium), les notes numérisées seront traitées par un système de reconnaissance de caractère, ce qui permettra de retrouver le contenu écrit dans vos données numérisées (à condition que votre écriture manuscrite soit lisible&nbsp;!). Avec chaque carnet Evernote Smart un abonnement de 3 mois à l&rsquo;abonnement Premium est offert. Le <a href="https://blog.evernote.com/fr/category/tips-stories/">blog en français d&rsquo;<strong>Evernote</strong></a> avec ses témoignages d&rsquo;utilisateurs illustre les usages que font ceux-ci du service.</p>



<p>L&rsquo;utilisation de ce carnet, l&rsquo;air de rien, permet de retrouver l&rsquo;intérêt et le plaisir de l&rsquo;utilisation du papier et de l&rsquo;écriture manuscrite et accessoirement, cela permet aussi en entretien, réunion, d&rsquo;être un peu plus disponible et concentré sur nos interlocuteurs, en tout cas plus qu&rsquo;on ne l&rsquo;est bien souvent quand on utilise un ordinateur ou une tablette pour prendre des notes.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1200" height="799" src="https://www.pierre-lannes.fr/wp-content/uploads/2019/04/petite-poucette.jpg" alt="Pouces sur clavier d'une console portable" class="wp-image-29801" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2019/04/petite-poucette.jpg 1200w, https://www.pierre-lannes.fr/wp-content/uploads/2019/04/petite-poucette-300x200.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2019/04/petite-poucette-1024x682.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2019/04/petite-poucette-768x511.jpg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /><figcaption class="wp-element-caption"> <em>Le clavier (tactile ou non) encore très utilisé</em></figcaption></figure>



<p>Même si la modalité vocale ou les accessoires que j&rsquo;ai évoqué (la montre <strong>smartwatch Pebble</strong> et le <strong>Carnet Evernote Smart</strong>) permettent de garder plus souvent le téléphone dans la poche, l&rsquo;écran et le clavier (tactile ou physique) ont certainement encore de beaux jours devant eux. Nous sommes encore ancrés dans le monde de « <strong>Petite Poucette</strong> » dont parle le philosophe <strong>Michel Serres</strong>&nbsp;: ceux qui se servent de leurs pouces pour être articulés avec le monde, le numérique et le réel étant désormais confondus.</p>



<p>Pour finir, une infographie en anglais (cliquez/tapez pour agrandir) représentant l&rsquo;usage actuel de <strong>SIRI</strong>, l&rsquo;assistant vocal d&rsquo;<strong>Apple</strong> intégré sur&nbsp;<strong>iPhone</strong>.</p>



<figure class="wp-block-image aligncenter"><a href="https://visual.ly/use-siri"><img decoding="async" src="https://www.pierre-lannes.fr/wp-content/uploads/2013/07/the-use-of-siri.jpg" alt="Capture écran infographie &quot;The Use of Siri&quot;" class="wp-image-22688"/></a><figcaption class="wp-element-caption">Source&nbsp;: <a href="https://visual.ly/use-siri">http://visual.ly/use-siri</a></figcaption></figure>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/garder-liphone-dans-la-poche-grace-a-siri-et-aux-accessoires-connectes-montre-pebble-et-carnet-evernote/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Tendance UX&#160;: trop d’interfaces tue l’interface (utilisateur)&#160;?</title>
		<link>https://www.pierre-lannes.fr/tendance-ux-trop-interfaces-tue-interface-utilisateur/</link>
					<comments>https://www.pierre-lannes.fr/tendance-ux-trop-interfaces-tue-interface-utilisateur/#comments</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Fri, 19 Oct 2012 19:43:04 +0000</pubDate>
				<category><![CDATA[Ergonomie et design]]></category>
		<category><![CDATA[Prospective des usages]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[Any time Anywhere Any device]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[applications]]></category>
		<category><![CDATA[conception]]></category>
		<category><![CDATA[design d'interaction]]></category>
		<category><![CDATA[Écrans Tactiles]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[intelligence artificielle]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[interface utlisateur]]></category>
		<category><![CDATA[interfaces gestuelles]]></category>
		<category><![CDATA[interfaces hommes-machines]]></category>
		<category><![CDATA[interfaces tactiles]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[iOS]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[iPod]]></category>
		<category><![CDATA[médias sociaux]]></category>
		<category><![CDATA[mobilité]]></category>
		<category><![CDATA[mobiquité]]></category>
		<category><![CDATA[parcours clients]]></category>
		<category><![CDATA[parcours usagers]]></category>
		<category><![CDATA[réalité augmentée]]></category>
		<category><![CDATA[réseaux sociaux]]></category>
		<category><![CDATA[robotique]]></category>
		<category><![CDATA[sécurité]]></category>
		<category><![CDATA[smartphone]]></category>
		<category><![CDATA[solomo]]></category>
		<category><![CDATA[tactile]]></category>
		<guid isPermaLink="false">http://www.pierre-lannes.fr/?p=15855</guid>

					<description><![CDATA[Alors que les devices et leurs usages deviennent omniprésents et multiformes dans le grand public et les entreprises : tablettes, consoles… boostés par le développement d'internet, des médias sociaux, du cloud computing, et par la mobilité et la sophistication des smartphones, le numérique est désormais partout.

Avec la numérisation et la digitalisation du monde, on ne peut plus se réduire au "screen-based thinking", la conception basée sur l'écran. Plus généralement le design d'interface utilisateur est désormais réducteur. Maintenant il faut penser global, eXpérience Utilisateur globale, quand les points de contact avec le produit, les marques, les processus et les personnes se multiplient : il faut concevoir les interactions (Interaction Design).

Dans ce billet, seront évoquées l’évolution des interfaces utilisateur, et la tendance à remettre en question leur existence même : "La meilleure interface, c'est : pas d'interface ». J’évoquerai des réflexions sur l'automatisation et la robotisation, la remise en question de la "métaphore de bureau" utilisée depuis plus de 30 ans pour les interfaces graphiques des ordinateurs de bureau ou portables, que l'on illustrera au travers de l'arrivée dans quelques jours de l'interface utilisateur unifiée "Modern UI" de Microsoft sur tous les supports/devices : ordinateurs, tablettes, console et smartphones.]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group digest is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Résumé</h2>



<p>Alors que les devices et leurs usages deviennent omniprésents et multiformes dans le grand public et les entreprises&nbsp;: tablettes, consoles… boostés par le développement d&rsquo;internet, des médias sociaux, du cloud computing, et par la mobilité et la sophistication des smartphones, le numérique est désormais partout.</p>



<p>Avec la numérisation et la digitalisation du monde, on ne peut plus se réduire au « screen-based thinking », la conception basée sur l&rsquo;écran. Plus généralement le design d&rsquo;interface utilisateur est désormais réducteur. Maintenant il faut penser global, eXpérience Utilisateur globale, quand les points de contact avec le produit, les marques, les processus et les personnes se multiplient&nbsp;: il faut concevoir les interactions (Interaction Design).</p>



<p>Les interfaces utilisateur évoluent, et la tendance à remettre en question leur existence même&nbsp;: « La meilleure interface, c&rsquo;est&nbsp;: pas d&rsquo;interface ». J’évoquerai des réflexions sur l&rsquo;automatisation et la robotisation, la remise en question de la « métaphore de bureau » utilisée depuis plus de 30 ans pour les interfaces graphiques des ordinateurs de bureau ou portables, que l&rsquo;on illustrera au travers de l&rsquo;arrivée dans quelques jours de l&rsquo;interface utilisateur unifiée « Modern UI » de Microsoft sur tous les supports/devices&nbsp;: ordinateurs, tablettes, console et smartphones</p>
</div>



<p>Les<strong> terminaux informatiques et autres dispositifs numériques</strong> (« devices » ou « supports ») et leurs<strong> usages deviennent omniprésents et multiformes</strong> (tablettes, consoles, etc.)&nbsp;<strong>dans le grand public et les entreprises,&nbsp;</strong>boostés par le développement d&rsquo;<strong>internet</strong>, des <strong>médias sociaux</strong>, du <strong>cloud computing</strong>&nbsp;(permettant de disposer de ses données personnelles partout par Internet), et par la mobilité et la sophistication des <strong>smartphones</strong>&nbsp;(téléphones terminaux de poche).&nbsp;<strong>Le numérique et le digital sont désormais partout</strong>. Avec la numérisation du monde, on ne peut plus se réduire au « screen-based thinking », la conception des systèmes logiciels, applications, etc. basée sur l&rsquo;écran d&rsquo;ordinateur tel qu&rsquo;on le connait. Dans les échanges entre les hommes et les machines, la seule conception d&rsquo;interface utilisateur est désormais réductrice. Maintenant <strong>il faut penser global, eXpérience Utilisateur globale, quand les points de contact avec le produit, les marques, les processus et les personnes se multiplient</strong>&nbsp;: il faut concevoir les interactions (Interaction Design).</p>



<p><strong>Les interfaces utilisateur évoluent</strong>, et la tendance à remettre en question leur existence même&nbsp;: « <strong>La meilleure interface, c&rsquo;est&nbsp;: pas d&rsquo;interface</strong>« . J’évoquerai des réflexions sur l&rsquo;<strong>automatisation et la robotisation</strong>, la remise en question de <strong>la « métaphore de bureau » utilisée depuis plus de 30 ans pour les interfaces graphiques</strong> des ordinateurs de bureau ou portables, que l&rsquo;on illustrera au travers de l&rsquo;arrivée dans quelques jours de l&rsquo;interface utilisateur unifiée « <strong>Modern UI</strong> » de <strong>Microsoft</strong> sur <strong>Windows 8</strong> et tous les supports/devices&nbsp;: ordinateurs, tablettes, console et smartphones.</p>



<h2 class="wp-block-heading">La meilleure interface, c&rsquo;est&nbsp;: pas d&rsquo;interface</h2>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1100" height="570" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/time-machine.jpg" alt="Scène du film La Machine à explorer le temps, 1960" class="wp-image-23539" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/time-machine.jpg 1100w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/time-machine-300x155.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/time-machine-1024x531.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/time-machine-768x398.jpg 768w" sizes="auto, (max-width: 1100px) 100vw, 1100px" /></figure>



<p>Hier, je lisais <a href="https://www.nointerface.com/" target="_blank" rel="noopener">un billet</a>&nbsp;de&nbsp;<strong><a href="https://www.goldenkrishna.com">Golden Krishna</a></strong>&nbsp;UX Designer&nbsp;de l’agence&nbsp;<strong>Cooper</strong> à San Francisco&nbsp;: « The best interface is no interface ».&nbsp;En posant cette affirmation « La meilleure interface, c&rsquo;est&nbsp;: pas d&rsquo;interface » (un brin provocatrice) on en déduit cette question&nbsp;: « l&rsquo;interface utilisateur (UI) est-elle un frein à l&rsquo;eXpérience Utilisateur (UX) et la performance des interactions&nbsp;? ». A vrai dire ces questions ne sont pas nouvelles. <strong>Donald Norman</strong>, chercheur en sciences cognitives et éminent co-fondateur du groupe <a href="https://www.nngroup.com/">Nielsen Norman</a>, spécialiste de l’eXpérience Utilisateur et de l’utilisabilité, posait déjà ces questions il y a plus de 20 ans.</p>



<p>Je vais faire une remarque à cette affirmation et une simple réponse (d’ergonome) à cette question&nbsp;: en réalité,<strong> tout dépend du contexte…</strong> Il y a 2 questions préalables à se poser. La première&nbsp;: <strong>A-t-on vraiment besoin d&rsquo;une interface</strong>&nbsp;? Et <strong>si on a besoin d&rsquo;une interface, alors il faut qu&rsquo;elle soit bien faite</strong>&nbsp;: qu&rsquo;elle soit efficace (utile pour ce pour quoi elle est faite), et qu&rsquo;elle puisse être utilisée efficacement (utilisabilité), qu&rsquo;elle se fasse même oublier, pour que l&rsquo;utilisateur puisse se concentrer sur son activité, et non sur la compréhension de l&rsquo;interface (« Comment marche ce logiciel, cette application, comment navigue-t-on sur ce site web…. »). Il faut aussi qu&rsquo;elle soit agréable à utiliser pour contribuer à l&rsquo;<strong>eXperience Utilisateur</strong>,&nbsp;<strong>en cohérence et homogénéité avec les autres expériences de contact avec la marque, les process, personnes et les autres canaux d&rsquo;interaction</strong>. Encore une fois&nbsp;: ceci n&rsquo;est pas nouveau.</p>



<h2 class="wp-block-heading">Il y a une application pour ça…</h2>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="645" height="355" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/TheresAnAppForThat.jpg" alt="There's An App For That" class="wp-image-22692" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/TheresAnAppForThat.jpg 645w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/TheresAnAppForThat-300x165.jpg 300w" sizes="auto, (max-width: 645px) 100vw, 645px" /></figure>



<p>Mais pourquoi revenir sur ces questions aujourd&rsquo;hui&nbsp;? Parce qu&rsquo;à à notre époque, <strong>les interfaces utilisateurs sont devenues omniprésentes</strong>. Au bureau, des ordinateurs, à la maison, dans les mains des enfants et des personnes âgées&nbsp;: des ordinateurs, des tablettes, des consoles de jeux « connectées », etc.. Les publicités pour les voitures font la part belle aux interfaces modernes des tableaux de bord. Dans les lieux, les gares, etc. des bornes interactives, des écrans. Et enfin le bouquet, dans nos poches, des smartphones ultra sophistiqués nous permettant d&rsquo;être connectés tout le temps partout avec n&rsquo;importe qui n’importe où et avec une multitudes de contenus pour une multitude d&rsquo;usages.</p>



<p>Les marques, les administrations, les entreprises, les banques, les constructeurs, les fournisseurs de service… <strong>Tout le monde veut maintenant son « application » pour smartphone</strong>. Quand on pense à un besoin, un service, tout cela doit tenir dans la poche et dans la main. Nous sommes à l&rsquo;époque de la sacro-sainte « Il y a une application pour ça », et du coup, <strong>il y a une application pour… n&rsquo;importe quoi&#8230; pour le meilleur, et pour le pire.</strong></p>



<p>Allez fouiller dans les magasins d&rsquo;applications sur&nbsp;<strong>l&rsquo;Appstore</strong> ou <strong>Google Play</strong>, pour smartphone et tablettes, vous verrez&#8230; Il y a beaucoup d&rsquo;enjeux de marketing et financiers derrière le développement d&rsquo;applications. Les utilisateurs sont sans doute demandeurs également. Beaucoup sont devenus « accros » à leurs activités avec leurs petits joujous. On peut parfois parler d&rsquo;addiction, <a href="/a-lepoque-de-lutraconnexion-il-devient-branche-de-debrancher-et-meme-vital/">j&rsquo;en ai parlé dans <strong>un autre billet</strong></a>.</p>



<p>Mais je pense que la prochaine étape sera&nbsp;: « <strong>Il n&rsquo;y a pas (plus) besoin d&rsquo;application pour ça</strong>« , et je rejoins le billet de Golden Krishna avec les exemples évoqués dans son&nbsp;billet.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1100" height="620" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Unlock-Car.jpg" alt="Unlock Car" class="wp-image-23542" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Unlock-Car.jpg 1100w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Unlock-Car-300x169.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Unlock-Car-1024x577.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Unlock-Car-768x433.jpg 768w" sizes="auto, (max-width: 1100px) 100vw, 1100px" /></figure>



<p>Je vais m&rsquo;inspirer de l&rsquo;exemple du <strong>déverrouillage des portes d&rsquo;une voiture</strong>, que j&rsquo;ai légèrement modifiée par rapport à l&rsquo;original.</p>



<p>De nombreux constructeurs automobiles proposent maintenant <strong>des applications pour smartphone permettant de piloter certaines fonctionnalités d&rsquo;une voiture</strong>.</p>



<h2 class="wp-block-heading">Déverrouiller les portes d&rsquo;une voiture en 2012</h2>



<ol class="wp-block-list">
<li>la personne (conducteur, conductrice) s&rsquo;approche de sa voiture.<br>1bis. Si la personne est une conductrice, elle cherche son smartphone dans son sac (joke).</li>



<li>Sort son smartphone de son sac, ou de sa poche, et éventuellement de sa housse ou libère le cache sur l&rsquo;écran.</li>



<li>Appuie sur son téléphone pour l&rsquo;activer</li>



<li>Fait glisser son doigt sur l&rsquo;écran pour déverrouiller l&rsquo;écran/clavier de son téléphone.</li>



<li>Entre son mot de passe pour déverrouiller son téléphone</li>



<li>Balaye l&rsquo;écran pour trouver l&rsquo;application.</li>



<li>Appuie sur l&rsquo;icône de l&rsquo;application.</li>



<li>Attend pendant le chargement de l&rsquo;application.</li>



<li>Essaie de comprendre (ou de se rappeler) comment fonctionne l&rsquo;application</li>



<li>Décide que passer par un appui sur un élément du menu de l&rsquo;application est la solution pour déverrouiller les portes</li>



<li>Tape sur le bouton pour déverrouiller les portes.</li>



<li>Les portes de la voiture de déverrouillent.</li>



<li>Ouvre la portière de la voiture.</li>
</ol>



<h2 class="wp-block-heading">Déverrouiller une porte au siècle dernier, en 1999</h2>



<ol class="wp-block-list">
<li>La personne (conducteur, conductrice) s&rsquo;approche de sa voiture.</li>



<li>Les portes de la voiture se déverrouillent</li>



<li>La personne ouvre la portière de la voiture</li>
</ol>



<p>Et oui, déjà en 1999, Mercedes proposait un<strong> système de détection de la proximité</strong>&nbsp;des clés dans la poche de la personne approchante, afin de déverrouiller les portes. Pas besoin d&rsquo;interface utilisateur, simplicité et performance maximale. Rien à faire, les mains restent libre, etc.</p>



<p>Dans l&rsquo;article de Cooper, on trouve un autre exemple d&rsquo;un client se rendant dans un snack pour acheter un sandwich, et utilise encore une fois son smartphone avec de multiples étapes, ce qui pourrait être fortement simplifié sans interface grâce à des capteurs.</p>



<p>Donc oui, dans tous ces cas&nbsp;: La meilleure interface, c&rsquo;est&nbsp;: pas d&rsquo;interface ».&nbsp;<strong>Enfin presque…</strong></p>



<p>Dans l&rsquo;exemple du véhicule, il y a un processus global&nbsp;: « rentrer dans le véhicule », qui est dépendant d&rsquo;un processus automatisé qui est « déverrouillage des portes ». Et<strong> à partir du moment où l&rsquo;homme fait partie du processus global</strong>, on a besoin d&rsquo;une interface minimale, informationnelle, ne nécessitant pas d&rsquo;action de l&rsquo;utilisateur&nbsp;: un signal sonore (le bruit du déverrouillage des portes, éventuellement renforcé avec un autre signal sonore) et un signal lumineux , qui constitueront un <strong>feed-back</strong> (retour d&rsquo;information) indiquant à l’utilisateur que les portes ont bien été déverrouillées. Et qu&rsquo;il peut donc rentrer dans le véhicule.</p>



<h2 class="wp-block-heading">Automatisation et robotisation</h2>



<p>Donc OK, beaucoup de choses peuvent être automatisées pour éviter des actions lourdes et inutiles. Mais sans oublier de prévenir l&rsquo;utilisateur quand cela est utile ou nécessaire. <strong>Ce sont le genre de questions qu&rsquo;on se pose depuis toujours dans le monde industriel</strong>. En effet, nous fabriquons depuis longtemps des machines, pour différents processus&nbsp;: produire, transformer, transporter, etc. Et ces processus, nous les automatisons au maximum. Automatiser, cela veut dire que le processus se déroule sans intervention humaine&nbsp;: pour éviter des tâches impossibles, pénibles, dangereuses pour des humains, mais aussi pour produire plus et plus vite sans les contraintes humaines.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1280" height="840" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Industrial-Machine-Robot.jpg" alt="Industrial Machine Robot" class="wp-image-23544" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Industrial-Machine-Robot.jpg 1280w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Industrial-Machine-Robot-300x197.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Industrial-Machine-Robot-1024x672.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Industrial-Machine-Robot-768x504.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p>Quand les machines se mettent à réaliser des tâches humaines, on parle de robot. Non content d’automatiser des fonctions motrices, les machines avec des systèmes de capteur et de l’intelligence artificielle, prennent de plus en plus de place dans les processus.</p>



<p>Nous gardons une place pour l’homme là où nous en avons besoin&nbsp;: pour <strong>surveiller, prendre des décisions, réguler</strong>… Exemple&nbsp;: une salle de contrôle dans une centrale nucléaire, un cockpit d’aéronef. Et c’est là, entre les machines automatisées et les hommes, que nous avons besoin d’interfaces utilisateur. On parle d<strong>’interactions hommes-machines.</strong></p>



<p>Alors oui, la technologie permet d’automatiser de plus en plus de choses. Et là où l’intervention humaine est encore souhaitée, nécessaire, désirée… agréable (UX)&nbsp;? <strong>Nous avons donc encore et toujours besoin d’interfaces</strong>.</p>



<p>Finalement, la question de fond est&nbsp;: jusqu’où automatise-t-on&nbsp;? Derrière cette question, au delà des questions de sécurité et de faisabilité de l’automatisation, il y a toujours le vieux spectre de la crainte de la perte de contrôle par l’humain, crainte qui a largement inspiré la littérature et le cinéma de science-fiction&nbsp;: <strong>Terminator</strong>, <strong>Matrix</strong>, ou encore le <strong>Jihad Butlérien</strong> de l’univers fictif de <strong>Dune</strong> créé par Frank-Herbert&nbsp;: des luttes à mort entre des hommes et des machines devenues trop autonomes.</p>



<p>Le Japon, face aux énormes problématiques conjuguées du vieillissement, de la baisse de natalité, mais aussi pour des raisons culturelles, travaille à la réalisation de robots humanoïdes qui permettront notamment d&rsquo;assister les personnes âgées. Ceci n&rsquo;est pas de la science-fiction. Vous n&rsquo;êtes pas dans le film <a href="https://www.allocine.fr/film/fichefilm_gen_cfilm=47739.html">I, Robot</a>. Vous n&rsquo;êtes pas dans la matrice.&nbsp;<strong>Vous êtes dans la réalité</strong>.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="980" height="376" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Home-Robot.jpg" alt="Home Robot" class="wp-image-22696" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Home-Robot.jpg 980w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Home-Robot-300x115.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Home-Robot-768x295.jpg 768w" sizes="auto, (max-width: 980px) 100vw, 980px" /></figure>



<p>Aujourd’hui, la technologie et l’automatisation continuent à faire leur chemin. Un bon exemple est l’<strong>évolution de la <a href="https://www.pierre-lannes.fr/fin-de-la-relation-fusionnelle-entre-conducteur-et-automobile/" data-type="post" data-id="23822">conduite des véhicules</a></strong>. Ainsi, pendant longtemps, les commandes de pilotage des avions furent mécaniques&nbsp;: les gestes du pilote étaient relayées par des organes commandant les gouvernes. Un cap important fut franchi par <strong>Airbus</strong> dans les années 80 du siècle dernier, avec l’<strong>Airbus A320</strong>, premier avion commercial dont les commandes sont entièrement contrôlées par un calculateur. Le pilotage automatique pris de plus en plus de place, transformant au fil du temps le pilote en un superviseur de processus automatisé.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="692" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/airbus-a320-211_cockpit.jpg" alt="Pilotes à l'intérieur d'un cockpit de pilotage dans un Airbus A320 211 lors d'une phase de décollage" class="wp-image-22697" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/airbus-a320-211_cockpit.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/airbus-a320-211_cockpit-300x203.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/airbus-a320-211_cockpit-768x519.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>Au niveau du transport terrestre, le <strong>pilotage automatique</strong> existe depuis longtemps sur les rails. Les parisiens ou les toulousains, pour ne citer qu’eux, montent tous les jours depuis de nombreuses années dans des transports en commun sans pilotes humains (Le véhicule automatique léger ou VAL , sur certaines lignes de Métro, l’Orlyval faisant la liaison entre Orly et Anthony). Sur les rails, le cap est plus simple à garder que sur la route (mais l’aiguillage peut être aussi un casse-tête&#8230;).</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1280" height="853" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/VAL_Viaduc_Rocade_Ligne_A_metro_Toulouse.jpg" alt="véhicule automatique léger ou VAL" class="wp-image-23545" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/VAL_Viaduc_Rocade_Ligne_A_metro_Toulouse.jpg 1280w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/VAL_Viaduc_Rocade_Ligne_A_metro_Toulouse-300x200.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/VAL_Viaduc_Rocade_Ligne_A_metro_Toulouse-1024x682.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/VAL_Viaduc_Rocade_Ligne_A_metro_Toulouse-768x512.jpg 768w" sizes="auto, (max-width: 1280px) 100vw, 1280px" /></figure>



<p>Un nouveau cap symbolique est désormais en passe d’être franchi&nbsp;: l&rsquo;<strong><a href="/fin-de-la-relation-fusionnelle-entre-conducteur-et-automobile/">automobile autonome</a></strong>.&nbsp;Depuis <a href="https://www.lefigaro.fr/sciences/2012/09/27/01008-20120927ARTFIG00469-la-voiture-sans-conducteur-de-google-roule-en-californie.php">quelques jours</a>, l&rsquo;État de <strong>Californie</strong> a mis en place une législation autorisant <strong>Google</strong> à faire rouler ses <a href="/fin-de-la-relation-fusionnelle-entre-conducteur-et-automobile/"><strong>voitures à délégation de conduite</strong></a>, sous certaines conditions de sécurité.</p>



<p class="has-text-align-center">Lire aussi mon billet&nbsp;:</p>


<div class=" content_cards_card content_cards_domain_www-pierre-lannes-fr">
			<div class="content_cards_image">
				<a class="content_cards_image_link" href="https://www.pierre-lannes.fr/fin-de-la-relation-fusionnelle-entre-conducteur-et-automobile/">
					<img decoding="async" src="https://www.pierre-lannes.fr/wp-content/uploads/2018/04/peugeot-instinct-concept.jpg" alt="Fin de relation fusionnelle conducteur-auto | Pierre Lannes">				</a>
		</div>
	
	<div class="content_cards_title">
		<a class="content_cards_title_link" href="https://www.pierre-lannes.fr/fin-de-la-relation-fusionnelle-entre-conducteur-et-automobile/">
			Fin de relation fusionnelle conducteur-auto | Pierre Lannes		</a>
	</div>
	<div class="content_cards_description">
		<a class="content_cards_description_link" href="https://www.pierre-lannes.fr/fin-de-la-relation-fusionnelle-entre-conducteur-et-automobile/">
			<p>Innovation du véhicule autonome, nature fusionnelle du rapport entre homme et automobile, risques de la conduite semi-automatique, ADAS</p>
		</a>
	</div>
	<div class="content_cards_site_name">
		<img decoding="async" src="https://www.pierre-lannes.fr/wp-content/uploads/2025/06/cropped-Pierre-Lannes_LOGO_transparent-32x32.png" alt="Pierre Lannes" class="content_cards_favicon"/>		Pierre Lannes	</div>
</div>



<h2 class="wp-block-heading" id="evol-dektop-ui">Evolution des interfaces graphiques</h2>



<p>Les premiers écrans pour communiquer entre les hommes et les ordinateurs étaient assez austères à utiliser. C’était l’époque du langage de commande, où il fallait saisir des instructions, et lire des messages écrits sur un écran.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="645" height="358" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/ms-dos.jpg" alt="Ecran de terminal en langage de commande" class="wp-image-22700" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/ms-dos.jpg 645w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/ms-dos-300x167.jpg 300w" sizes="auto, (max-width: 645px) 100vw, 645px" /></figure>



<p>Puis en 1981, avec les balbutiements des <strong>usages bureautiques</strong> à destination d’utilisateurs autres que des informaticiens, et pour des ordinateurs exploitables dans des bureaux, <strong>Xerox</strong> inventa la première <strong>interface graphique</strong> utilisant la <strong>métaphore du bureau</strong>&nbsp;: des fichiers, des dossiers, des icônes (poubelle, programmes), des menus, des fenêtres, actions et manipulation d’objets avec une souris (voir la vidéo plus bas dans le billet). <strong>Apple</strong> s’inspira de ces principes, puis <strong>Microsoft</strong> avec son célèbre système <strong>Windows</strong>.<br>Et <strong>il faut&nbsp;reconnaître&nbsp;que depuis 30 ans, ça n’a pas beaucoup changé</strong> dans les principes, même si au niveau de la technologie et des usages, tout a énormément évolué.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1100" height="735" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Apple-Mac-OS_Desktop_80.jpg" alt="Apple Original Desktop 1984" class="wp-image-23568" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Apple-Mac-OS_Desktop_80.jpg 1100w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Apple-Mac-OS_Desktop_80-300x200.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Apple-Mac-OS_Desktop_80-1024x684.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Apple-Mac-OS_Desktop_80-768x513.jpg 768w" sizes="auto, (max-width: 1100px) 100vw, 1100px" /></figure>



<p><a href="https://books.google.fr/books/about/Du_Tangible_Au_Digital.html?id=SfjMoQEACAAJ&amp;redir_esc=y">Certains travaux de recherche</a> démontrent que <strong>le modèle de la métaphore de bureau a atteint ses limites</strong>&nbsp;: tout a été fait en matière de métaphore de bureau, et finalement, c’est la <strong>créativité</strong> des concepteurs qui est <strong>bloquée</strong>, mais aussi, dans certains cas, l’<strong>efficacité</strong>, la <strong>performance</strong> de l’interface, et l’<strong>eXperience Utilisateur</strong>. Même les systèmes des <strong>tablettes</strong> et <strong>smartphones</strong> ont finalement recours à un substrat de métaphore de bureau. Car oui, depuis 30 ans, la métaphore du bureau et le modèle écran/clavier/souris est devenu la règle, la norme, tout le monde s’est habitué à cela, ce qui permet une prise en main rapide par les utilisateurs. C&rsquo;est ce qu&rsquo;on appelle en innovation un <strong>verrouillage socio-technique</strong>.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="645" height="449" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/camung.jpg" alt="MultiTouch" class="wp-image-22702" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/camung.jpg 645w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/camung-300x209.jpg 300w" sizes="auto, (max-width: 645px) 100vw, 645px" /></figure>



<p>Avec les <strong>interfaces tactiles multitouch</strong> (plusieurs doigts et gestes utilisables par le toucher sur un écran), une autre tendance des interfaces graphiques est apparue&nbsp;: la reproduction, de manière virtuelle, des <strong>interactions</strong> physiques « <strong>naturelles</strong> »&nbsp;: faire glisser une page, faire tourner, agrandir ou réduire un objet en se servant de ses doigts, etc. Les <strong>interfaces gestuelles</strong> comme la <a title="Kinect pour xBox 360" href="https://fr.wikipedia.org/wiki/Kinect"><strong>Kinect</strong></a> rentrent également dans la catégorie des interfaces naturelles. Quant aux interfaces vocales en langage naturel, on en parle de plus en plus (surtout pour le marketing des produits. exemple&nbsp;:<a href="/garder-liphone-dans-la-poche-grace-a-siri-et-aux-accessoires-connectes-montre-pebble-et-carnet-evernote/"> SIRI, l&rsquo;assistant personnel d&rsquo;Apple</a>), mais cet usage n’est pas encore très répandu, inadapté dans de nombreux contextes.</p>



<p>Avec le tactile et la&nbsp;compactification&nbsp;des supports, de nouvelles postures d’utilisation deviennent possible&nbsp;: à plat, dans les mains, en situation de mobilité, etc. <strong>de nouvelles formes d’usages deviennent également possibles</strong>, citons par exemple <strong>la réalité augmentée</strong>, que j’ai évoqué <a href="/les-defis-de-la-realite-augmentee-dans-les-prochaines-generations-dinterfaces-utilisateur/">dans <strong>un autre billet</strong></a>. Bien sûr, selon les contextes et les utilisateurs, le recours à tel ou tel type de support et de posture est plus ou moins réalisable, approprié, et performant.</p>



<p>Ainsi , l’évolution des interfaces graphiques et le dépassement de la métaphore du bureau sont désormais facilitées par au moins deux leviers&nbsp;:</p>



<ul class="wp-block-list">
<li><strong>La généralisation des nouvelles formes d’interactions dites « naturelles », et notamment du tactile</strong></li>



<li><strong>Le fait que notre monde se soit numérisé</strong>. Aujourd’hui, l’information et les interactions sont partout. Finalement, nous n’avons plus besoin de faire des métaphores pour expliquer aux gens qu’ils peuvent interagir avec les contenus. <strong>CAR ILS LE SAVENT</strong>. Cela est facilité par les interactions dites « naturelles ».</li>
</ul>



<p>C’est exactement en partant de ces deux leviers que <strong>Microsoft</strong> a créé la nouvelle interface utilisateur « <strong>Modern UI</strong> » (User Interface ou Interface Utilisateur), inspirée de celle <a title="Sur le blog Accessoweb.com&nbsp;: le point sur Windows Phone 8 a deux semaines de l'annonce officielle" href="https://www.accessoweb.com/Le-point-sur-Windows-Phone-8-a-deux-semaines-de-l-annonce-officielle_a11098.html">déjà présente sur les smartphones sous <strong>Windows Mobile</strong></a>. Modern UI sera intégré dans la nouvelle version de son système d’exploitation <strong>Windows 8</strong>, et sur les systèmes de tous les devices/supports grand public&nbsp;: smartphone, tablette, PC portable ou de bureau, console de jeux.</p>



<h2 class="wp-block-heading">Le mois de la fin des Windows/fenêtres chez Microsoft</h2>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="645" height="337" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/ModernUI.jpg" alt="Modern UI" class="wp-image-22703" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/ModernUI.jpg 645w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/ModernUI-300x157.jpg 300w" sizes="auto, (max-width: 645px) 100vw, 645px" /></figure>



<p><strong>A quelques jours</strong> de la sortie de <strong>Windows 8</strong> et de l&rsquo;annonce de la <a title="Sur le blog Accessoweb.com&nbsp;: le point sur Windows Phone 8 a deux semaines de l'annonce officielle" href="https://www.accessoweb.com/Le-point-sur-Windows-Phone-8-a-deux-semaines-de-l-annonce-officielle_a11098.html">sortie de <strong>Windows Mobile 8</strong></a>, <strong>Microsoft</strong> prend un virage important concernant les interfaces graphiques de son système d’exploitation phare, le plus utilisé dans le monde depuis plus de 20 ans.</p>



<p>La nouvelle interface graphique « <strong>Modern UI</strong> » (ou style »Metro »), inspirée du système Windows Mobile présent sur certains smartphones, sera intégrée dans le nouvel système<strong> Windows 8</strong>. Le parti-pris et l’enjeu de l’interface utilisateur « style Metro » est qu’elle sera la même sur tous les devices/supports grand public&nbsp;: smartphone, tablette, PC portable ou de bureau, console de jeux.</p>



<p>Techniquement, il y aura, de plus, un noyau commun&nbsp;: on voit tout de suite l’intérêt&nbsp;: une même application pourra être portée plus facilement sur tous les supports/devices.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="645" height="300" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Metro-UI.jpg" alt="Metro UI" class="wp-image-22704" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Metro-UI.jpg 645w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Metro-UI-300x140.jpg 300w" sizes="auto, (max-width: 645px) 100vw, 645px" /></figure>



<p>Finalement, l’idée est bonne et dans l’air du temps&nbsp;: à l&rsquo;époque de la multiplication des devices/supports, on créé une interface utilisateur unifiée, convergente.</p>



<p>Un des principes fondateurs de cette interface Modern UI, c&rsquo;est qu’à l’heure d’aujourd’hui, alors que les contenus numériques sont partout,<strong> il n’est plus nécessaire de suivre le paradigme de la métaphore de bureau utilisée depuis 30 ans dans les systèmes d’exploitation</strong> (interface « star » de Xerox datant de 1981). <strong>L’information et l’image se suffisent à elles même</strong>. Cela ressort dans le principe énoncé par <strong>Microsoft</strong> sur sa nouvelle interface graphique Modern UI « <strong>Content not chrome</strong> » c&rsquo;est à dire,&nbsp;<strong>le contenu prime sur la présentation</strong>, ce qui se traduit notamment par&nbsp;:</p>



<ul class="wp-block-list">
<li>Eviter les effets inutiles&nbsp;: le <em>Skeuomorphisme</em> (donner à un objet virtuel l&rsquo;apparence d&rsquo;un objet réel), qui est encore largement utilisé dans les interfaces graphiques et depuis toujours chez Apple</li>



<li>Eviter les Bords arrondis, ombres, relief, transparence, etc.</li>
</ul>



<p>En faisant cela, Microsoft se démarque <strong>d&rsquo;Apple</strong> et des concurrents.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="1024" height="763" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Steve-Jobs-Bill-Gates.jpg" alt="Steve Jobs and Bill Gates" class="wp-image-22705" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Steve-Jobs-Bill-Gates.jpg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Steve-Jobs-Bill-Gates-300x224.jpg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/Steve-Jobs-Bill-Gates-768x572.jpg 768w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p>A ce stade il est amusant de faire quelques rappels historiques sur le système Windows de Microsoft. En <strong>1984</strong>, <strong>Steve Jobs</strong>, le charismatique patron d’<strong>Apple</strong>, fait appel au jeune <strong>Bill Gates</strong> et sa petite boite <strong>Microsoft</strong>, qui se voit confié la réalisation de logiciels (notamment le célèbre tableur <strong>Excel</strong>) pour le système de l&rsquo;ordinateur personnel phare d&rsquo;Apple,&nbsp;<strong>Macintosh</strong>. C’est pendant cette période de sous-traitance que Bill Gates s’inspirera plus que fortement du système d’Exploitation du Macintosh d’Apple (qui s’était lui-même inspiré du <strong>système Star de Xerox de 1981)</strong>, pour réaliser <strong>Windows</strong>, le système qui allait envahir le monde et devenir de très loin le système d’exploitation le plus utilisé depuis 20 ans sur les ordinateurs de bureau et portables .</p>



<p>En 2012, dans quelques jours, <strong>Microsoft</strong> tentera de faire évoluer les interfaces utilisateurs en dépassant la métaphore de bureau et les (si proches) et dominants systèmes <strong>Apple iOS</strong> et <strong>Android</strong> pour tablettes et smartphone. Ainsi, <strong>Windows</strong>, (qui signifie « fenêtre), avec son interface <strong>Modern UI</strong>, ne contient plus vraiment de fenêtres&#8230; mais plutôt des « <a href="https://fr.wikipedia.org/wiki/Windows_8#Interface_Windows"><strong>Tuiles</strong></a>« . Il sera intéressant d’observer quel sera le succès de cette nouvelle interface utilisateur, notamment pour les usages professionnels.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="645" height="277" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/donald-norman.jpg" alt="Donald Norman" class="wp-image-22706" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/donald-norman.jpg 645w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/donald-norman-300x129.jpg 300w" sizes="auto, (max-width: 645px) 100vw, 645px" /></figure>



<p><strong>Donald Norman</strong>, déjà cité dans ce billet, est depuis longtemps une personnalité de renommée mondiale auteur d’ouvrages de références dans le domaine de l’eXpérience Utilisateur et de l’utilisabilité. Professeur et chercheur en <strong>Sciences Cognitives</strong>, co-fondateur du groupe <strong>Nielsen Norman</strong>, ancien responsable de l’UX et de la recherche chez Apple disait en mars dernier (<a href="https://web.archive.org/web/20170626013921/https://www.jnd.org/dn.mss/updated_microsoft.html">article qui n&rsquo;est plus en ligne</a>)&nbsp;que <strong>Modern UI, la nouvelle interface de Microsoft, pourrait dépasser Apple et Android</strong> (qui imite Apple), en permettant notamment d’utiliser indifféremment ses doigts, une souris, un stylet, un clavier, une interface utilisateur <strong>homogène</strong> quelque soit le type d’utilisation et de devices/supports, une bien meilleure gestion du <strong>multitâche</strong> que ses concurrents, un accès rapide aux informations.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="645" height="530" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/surface_tablet.jpg" alt="Surface Tablet" class="wp-image-22707" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/10/surface_tablet.jpg 645w, https://www.pierre-lannes.fr/wp-content/uploads/2012/10/surface_tablet-300x247.jpg 300w" sizes="auto, (max-width: 645px) 100vw, 645px" /></figure>



<p>Avec sa nouvelle tablette <strong>Surface</strong>, Microsoft n’invente pas quelque chose de nouveau. Cette tablette peut être transformée en un ordinateur portable (<a href="https://www.lesnumeriques.com/tablette-tactile/asus-transformer-pad-16-go-p11159/test.html">ASUS l’avait déjà fait</a>) en « <strong>un click</strong>.&nbsp;Mais en y rajoutant son interface utilisateur polyvalente, Modern UI, c’est un dispositif convergent, souple, adaptatif, dans l&rsquo;air du temps et prometteur qui voit le jour.</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Xerox Star User Interface (1982) 1 of 2" width="500" height="375" src="https://www.youtube.com/embed/Cn4vC80Pv6Q?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<h2 class="wp-block-heading">En conclusion</h2>



<p>Donc finalement, ce gros billet pour en arriver à ces simples constats.</p>



<p>Oui, trop d&rsquo;interfaces tue l&rsquo;interface. Il faut toujours réfléchir en terme d&rsquo;usages et d&rsquo;eXperience Utilisateur. Ne pas se brider tout de suite avec des solutions technologiques&nbsp;toutes faites ou limitantes. La technologie nous offre de plus en plus de possibilités et n&rsquo;est finalement plus un problème. Bon, ok, il y a les coûts, les normes&#8230; et il n&rsquo;y a pas encore de vrais interfaces holographiques performantes par exemple, et nous n&rsquo;avons pas encore inventé la téléportation non plus&nbsp;!&nbsp;Ne pas se jeter directement sur la réalisation d&rsquo;une application. Penser eXpérience utilisateur globale, ce que la technologie pourrait apporter sans se limiter. Surtout qu&rsquo;elle ne cesse d&rsquo;évoluer.</p>



<p>A l&rsquo;inverse, l&rsquo;automatisation à outrance a ses travers, je l&rsquo;évoque à la fin d&rsquo;un un <a href="/portfolio_page/etude-futurs-usages-vehicules-autonomes/">autre billet sur le <strong>véhicule à délégation de conduite</strong> (semi-autonome)</a>. Ne pas oublier qu&rsquo;il y a des humains au milieu des machines&nbsp;! Avec les évolutions de la robotique, d&rsquo;autres perspectives de développement voient le jour, notamment des collaborations entre les hommes et les machines, sujet émergent dans l&rsquo;industrie. C&rsquo;est l&rsquo;objet de la <strong>Cobotique</strong>, qui étudie les relations entre les hommes et les robots, que j&rsquo;ai déjà évoquée <a href="/un-robot-collaboratif-cobot-pour-lassistance-au-geste-industriel/">dans un <strong>autre billet</strong></a>.</p>



<p>&nbsp;</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/tendance-ux-trop-interfaces-tue-interface-utilisateur/feed/</wfw:commentRss>
			<slash:comments>4</slash:comments>
		
		
			</item>
		<item>
		<title>Télémédecine et ubimédecine&#160;: vers de nouvelles formes d&#8217;eXperience patient</title>
		<link>https://www.pierre-lannes.fr/telemedecine-ubimedecine-nouvelles-forme-d-experience-patient/</link>
					<comments>https://www.pierre-lannes.fr/telemedecine-ubimedecine-nouvelles-forme-d-experience-patient/#comments</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Fri, 10 Aug 2012 07:58:16 +0000</pubDate>
				<category><![CDATA[Ergonomie et design]]></category>
		<category><![CDATA[Prospective des usages]]></category>
		<category><![CDATA[applications]]></category>
		<category><![CDATA[design d'interaction]]></category>
		<category><![CDATA[eXpérience Utilisateur]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[interface utlisateur]]></category>
		<category><![CDATA[interfaces hommes-machines]]></category>
		<category><![CDATA[interfaces tactiles]]></category>
		<category><![CDATA[parcours clients]]></category>
		<category><![CDATA[parcours usagers]]></category>
		<category><![CDATA[psychosocial]]></category>
		<category><![CDATA[santé]]></category>
		<guid isPermaLink="false">http://www.pierre-lannes.fr/?p=15546</guid>

					<description><![CDATA[Systèmes de suivi de patients à distance, outils et capteurs grands public, et bientôt biocapteurs et biosenseurs implantés dans le corps humain qui enregistrent et transmettent à des fins de diagnostic des données biométriques à des dispositifs aux centres de soins, nous rentrons désormais dans l'ère de la télémédecine et de l'ubimédecine.]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group digest is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Résumé</h2>



<p>Systèmes de suivi de patients à distance, outils et capteurs grands public, et bientôt biocapteurs et biosenseurs implantés dans le corps humain enregistrant et transmettent à des fins de diagnostic des données biométriques à des dispositifs aux centres de soins, nous rentrons dans l&rsquo;ère de la télémédecine et de l&rsquo;ubimédecine.</p>
</div>



<h2 class="wp-block-heading">Suivi médical à distance</h2>



<p>Avec l&rsquo;accroissement de l’espérance de vie, la pression financière sur les systèmes de santé, et les possibilités désormais offertes par les infrastructures et les technologies actuelles, des <strong>systèmes de suivi de patients à distance</strong> voient le jour&nbsp;: on parle de <strong>Télémédecine</strong>.</p>



<p>Une activité et un secteur qui vont se développer rapidement dans les prochaines années, et déjà en plein essor outre Atlantique.</p>



<p>L’entreprise <strong>eDevice</strong> basée à <strong>Mérignac</strong> en banlieue bordelaise conçoit des appareils médicaux communicants, dont la solution <strong>HealthGO</strong>&nbsp;permettant de faire la liaison entre les centres de soins et les patients à leur domicile.</p>



<p>Ces équipements permettent de limiter les dépenses et les contraintes liées aux déplacements, les visites et surtout l&rsquo;hospitalisation, en maintenant les personnes à domicile toute en assurant le suivi médical à distance.</p>



<h2 class="wp-block-heading">Des exigences en terme de moyens techniques et d&rsquo;ergonomie</h2>



<p>De tels dispositifs ne sont envisageables que si les infrastructures techniques, en particulier les connexions internet, sont fiables et que les centres de soins, pour pouvoir assurer une qualité de service de soin, prévoient des moyens, des organisations et des savoir-faire adaptés à ce nouveau type de suivi médical à distance, en coordination avec les équipes d&rsquo;intervention et toutes les autres composantes de la chaîne de service de soin.</p>



<p>Du côté du patient, une attention toute particulière devra être portée sur l&rsquo;<strong>ergonomie</strong>&nbsp;de ces dispositifs, avec un niveau d&rsquo;<strong>utilisabilité</strong>&nbsp;très élevé&nbsp;: il faut tenir compte de la diversité des patients (notamment pour les personnes âgées qui ne sont pas (encore) des « digital natives » familiers des interfaces utilisateurs modernes), leurs pathologies, leurs<strong>&nbsp;différentes variations d&rsquo;états mentaux et physiologiques</strong>. En tous cas, de tels dispositifs ne peuvent fonctionner que si le patient dispose d&rsquo;une certaine autonomie.</p>



<p>On peut s&rsquo;interroger sur les conséquences psychosociales d&rsquo;un tel dispositif du côté du patient. Ne risque-t-on pas de maintenir dans un isolement et une solitude encore plus grande les patients vieillissant, vivant parfois seuls&nbsp;? Une chose est certaine&nbsp;: aucune machine ne pourra remplacer une relation de proximité, en particulier la qualité de la relation soignant/patient et du diagnostic direct par visite ou consultation. Un équilibre est sans doute à trouver entre cette télésurveillance médicale et le suivi direct.</p>



<p>Néanmoins, outre les avantages financiers, à partir du moment où tous les moyens sont mis en oeuvre pour l’utilisation de ces outils dans de bonnes conditions, les apports en terme de qualité de suivi médical sont indéniables&nbsp;: en effet, ce système permet un suivi quasi continu à distance, ce qui n&rsquo;était à présent possible que via des situations très contraignantes pour le patient&nbsp;: une hospitalisation ou de lourds moyens mis en place au domicile du patient.</p>



<h2 class="wp-block-heading">Télémédecine et auto-soins</h2>



<p>Certaines pathologies et types de patient nécessitent une surveillance distante soutenue. Dans certains cas, c&rsquo;est le patient lui-même qui va se surveiller via les appareils, et va pouvoir même se soigner lui-même, adapter les&nbsp;posologies, son alimentation, ses activités physiques&#8230; On parle alors d&rsquo;<strong>auto-soins</strong>.<br>Quand le type de pathologie, le type de matériel nécessaire et l&rsquo;autonomie du patient le permettent, notons que ces technologies peuvent utiliser les réseaux téléphoniques sans fil, ce qui autorise alors une certaine mobilité des patients, sans les obliger à rester en permanence à domicile.</p>



<p>De plus, les smartphones grand public, largement répandus aujourd&rsquo;hui, pourront être utilisés à la fois pour traiter les données issues de capteurs biométriques, tensiomètre, etc. (voir plus bas) en remontant des alertes, des rappels pour des prises de soins, de médicaments, prescrire des conseils, adapter les posologies, transmettre les informations à des centres de soins ou au soignant traitant le patient. En combinant surveillance permanente et mobilité, certaines pathologies auparavant très lourdes à suivre peuvent maintenant être traitées en menant une vie presque normale. C&rsquo;est le cas du diabète, qui en est une parfaite illustration (cf. ci-après).</p>



<h2 class="wp-block-heading">Diabeo&nbsp;: un dispositif de télémédecine mobile grâce aux smartphones</h2>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="720" height="709" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/08/schema_telemedecine_05.jpg" alt="Diabeo" class="wp-image-22709" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/08/schema_telemedecine_05.jpg 720w, https://www.pierre-lannes.fr/wp-content/uploads/2012/08/schema_telemedecine_05-300x295.jpg 300w" sizes="auto, (max-width: 720px) 100vw, 720px" /><figcaption class="wp-element-caption"><em>Diabeo®&nbsp;: solution de télémédecine pour le traitement du diabète</em></figcaption></figure>



<p>Le diabète est une maladie chronique, qui touche près de 3 millions de français. Les consultations de diabétologie sont indispensables pour adapter le traitement, motiver et donner de l&rsquo;autonomie aux patients. Mais les consultations sont contraignantes&nbsp;: elles doivent être planifiées, nécessitent des déplacements, sont parfois trop espacées et difficiles à obtenir&nbsp;en raison d’une pénurie de diabétologues dans certaines régions de France.</p>



<p>C&rsquo;est une maladie complexe, les personnes souffrant de diabète et traitées par insuline font face chaque jour à des injections répétées, et doivent maîtriser le matériel, le lecteur de glycémie, le choix de la dose à injecter, suivre les mesures hygiéno-diététiques, etc. La prise de décision, concernant la dose d’insuline à s’injecter est un point délicat pour les patients car elle peut varier selon le taux de sucre dans le sang, l’alimentation et l’exercice physique. Le patient doit mesurer ces différents éléments, puis effectuer de tête des calculs pour décider de la dose qu’il s’injecte, et ceci plusieurs fois par jour.</p>



<p>Grace aux smartphones, des solutions de télémédecines sont possibles en permettant un suivi et un accompagnement permanent du patient:</p>



<ul class="wp-block-list">
<li>Un système de calcul au quotidien avec une application Smartphone (iPhone ou Androïd). Le patient peut calculer les doses d’insuline à s’injecter en fonction de sa glycémie, de son alimentation et de son activité physique.</li>



<li>Une mise en relation du patient avec son soignant en transférant les données sur un serveur par internet, un système de télésurveillance. A travers un portail web le soignant dispose d&rsquo;un tableau de bord avec des analyses automatiques.</li>
</ul>



<h2 class="wp-block-heading">« Quantifield Self » et auto-soin grand public</h2>



<p>Il est désormais possible pour le grand public de s&rsquo;équiper d&rsquo;outils et de capteurs qui vont lui permettre de surveiller son propre corps, n&rsquo;importe où et n&rsquo;importe quand. Les données biométriques enregistrées par les capteurs vont pouvoir être exploitées via des applications mobiles (surtout sur iOS pour <strong>iPhone</strong> et smartphones sous <strong>Android</strong>&nbsp;:<strong> <a title="FitBit" href="https://www.fitbit.com/fr">FitBit</a></strong>, <a href="https://www.withings.com/fr/fr/" target="_blank" rel="noopener"><strong>Withings</strong></a>, <a href="https://jawbone.com/"><strong>Jawbone</strong></a>, <strong><a href="https://runkeeper.com/">RunKeeper</a></strong>&#8230;), avec des algorithmes de calcul, proposer des informations et des conseils aux individus, à des patients, des sportifs, pour maintenir leur forme, santé, etc. Avec les connexions internet, les données peuvent être communiquées, stockées, pour divers usages, ou même partagées. Ces usages sont rassemblés autour du concept <strong>Quantifield Self.</strong></p>



<p>Un bon exemple est le tensiomètre <strong>Withings</strong>, produits grand public que vous pouvez trouver dans le supermarché du coin. Le tensiomètre permet de mesurer votre tension artérielle, et de le connecter à un iPhone, qui pourra exploiter les données via une application. Tous ces outils peuvent permettre de recueillir des données, et pourquoi pas les consolider pour enrichir des données épidémiologiques sur des populations données.</p>



<figure class="wp-block-image aligncenter"><a href="https://www.pierre-lannes.fr/wp-content/uploads/2012/08/withings_bpm.jpeg"><img loading="lazy" decoding="async" width="1200" height="840" src="https://www.pierre-lannes.fr/wp-content/uploads/2012/08/withings_bpm.jpeg" alt="Tensiomètre Withings" class="wp-image-33862" srcset="https://www.pierre-lannes.fr/wp-content/uploads/2012/08/withings_bpm.jpeg 1200w, https://www.pierre-lannes.fr/wp-content/uploads/2012/08/withings_bpm-300x210.jpeg 300w, https://www.pierre-lannes.fr/wp-content/uploads/2012/08/withings_bpm-1024x717.jpeg 1024w, https://www.pierre-lannes.fr/wp-content/uploads/2012/08/withings_bpm-768x538.jpeg 768w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></a><figcaption class="wp-element-caption"><em> Tensiomètre Withings, produit grand public</em></figcaption></figure>



<h2 class="wp-block-heading">Vers les biocapteurs et biosenseurs dans le corps humain</h2>



<p>Bientôt, la technologie ira plus loin, notamment grâce aux nanotechnologies qui permettent de miniaturiser les capteurs&nbsp;qui ne seront plus seulement externes, mais aussi internes.</p>



<p>Ces&nbsp;dispositifs pourront être implantés dans le corps humain, pour surveiller une fonction physiologique, les différentes variations de notre métabolisme&nbsp;:&nbsp;composition sanguine, pression artérielle, certains signaux électriques physiologiques&#8230; Ces mesures pourront être transmises à des fins de diagnostic à des dispositifs hors du corps humain, aux soignants et aux centres de soins. La détection de formation de tumeur sera possible, ou même l&rsquo;administration de médicament en cas de besoin, par exemple dans le cas du diabète évoqué plus haut. Il sera aussi sans doute possible que certains dispositifs implantés injectent des dosages, effectuent des actions thérapeutiques.</p>



<h2 class="wp-block-heading">L&rsquo;ère de l&rsquo;ubimédecine*</h2>



<p>Tous ces usages présents et à venir sont de nouvelles<strong>&nbsp;eXperiences Patient</strong>.&nbsp;L&rsquo;individu ou le patient a désormais la possibilité d&rsquo;être suivi médicalement à distance, de surveiller son propre corps en permanence, et partout. Les avantages sont nombreux&nbsp;:</p>



<ul class="wp-block-list">
<li>Economies sur le système de santé, les coûts d&rsquo;hospitalisation, d&rsquo;énergie, de transports, écologique (moins de pollution liée au transport), etc.</li>



<li>Prévention de maladies</li>



<li>Plus d&rsquo;autonomie et de liberté pour le patient et l&rsquo;individu</li>



<li>Géolocalisation du patient pour faciliter les possibilités d&rsquo;interventions potentielles</li>



<li>Soins améliorés par le suivi continu du patient et de l&rsquo;état physiologique d&rsquo;un individu, et l&rsquo;adaptation continu des comportements et des traitements</li>



<li>Auto-surveillance permettant la responsabilisation du patient et la combinaison avec la surveillance à distance</li>



<li>Amélioration de l&rsquo;observance des traitements par les malades&nbsp;: respect des posologies, des heures de prise de médicament&#8230;</li>



<li>Patient plus libre, mieux surveillé, mieux soigné et rassuré en sachant qu&rsquo;il peut se&nbsp;surveiller et être surveillé&nbsp;partout, grâce à des capteurs et à des soignants à distance. Au final&nbsp;:&nbsp;<strong>partout, quelque chose et quelqu&rsquo;un veille sur lui quelque part</strong>. C&rsquo;est une ouverture vers la&nbsp;<strong>médecine ubiquitaire</strong>, mais aussi des risques vers l&rsquo;atteinte à la vie privé&nbsp;: quoi de plus privé et personnel que le corps humain&nbsp;?</li>
</ul>



<p>(*) Le terme d&rsquo;<strong>ubimédecine</strong> a été proposé par le Docteur Nicolas Postel-Vinay, lors d&rsquo;un séminaire au Collège de France, le 13 janvier 2012 sur le thème « Auto-soins et raisonnement collectif ».</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/telemedecine-ubimedecine-nouvelles-forme-d-experience-patient/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Interfaces cerveau-machine et interfaces gestuelles&#160;: quelques prototypes récents</title>
		<link>https://www.pierre-lannes.fr/interfaces-cerveau-machine-et-interfaces-gestuelles-quelques-prototypes-recents/</link>
					<comments>https://www.pierre-lannes.fr/interfaces-cerveau-machine-et-interfaces-gestuelles-quelques-prototypes-recents/#respond</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Sat, 14 Jul 2012 09:01:09 +0000</pubDate>
				<category><![CDATA[Ergonomie et design]]></category>
		<category><![CDATA[Prospective des usages]]></category>
		<category><![CDATA[applications]]></category>
		<category><![CDATA[Écrans Tactiles]]></category>
		<category><![CDATA[eXpérience Utilisateur]]></category>
		<category><![CDATA[innovation]]></category>
		<category><![CDATA[interfaces gestuelles]]></category>
		<category><![CDATA[interfaces hommes-machines]]></category>
		<category><![CDATA[interfaces naturelles]]></category>
		<category><![CDATA[interfaces tactiles]]></category>
		<category><![CDATA[tactile]]></category>
		<guid isPermaLink="false">http://www.pierre-lannes.fr/?p=15424</guid>

					<description><![CDATA[Quelques explications sur les interfaces cerveau-machine et une vidéo tournée en juin dernier au festival Futur en Seine, où 80 prototypes d'interfaces utilisateur innovantes étaient présentées en démonstration. Focus sur une interface cerveau-machine (contrôle par "la pensée") et une interface gestuelle, dont la conception a été particulièrement pensée en fonction des capacités des utilisateurs.]]></description>
										<content:encoded><![CDATA[
<p>Ci-dessous une <strong>vidéo</strong> par « <a title="Billet contenant la vidéo sur le billet du Monde Technologies" href="https://www.lemonde.fr/technologies/video/2012/06/15/plongee-dans-les-interfaces-du-futur_1719495_651865.html">Le Monde Technologies</a> » tournée en juin dernier au festival Futur en Seine, où 80 prototypes d&rsquo;interfaces utilisateur innovantes étaient présentées en démonstration.</p>



<p><strong>Focus</strong> sur une <strong>interface cerveau-machine</strong> (contrôle par « la pensée ») et <strong>une interface gestuelle</strong>, dont la conception a été particulièrement pensée en fonction des capacités des utilisateurs.</p>



<p>Concernant l&rsquo;<strong>interface cerveau-machine</strong> elle est de type “non intrusif”. Il s’agit de capteurs qui enregistrent les ondes cérébrales et les transmettent après décodage à un ordinateur. La technique s&rsquo;appuie sur l&rsquo;électroencéphalographie (EEG)&nbsp;: les activités humaines génèrent une activité cérébrale qui se manifeste par l’activation de zones distinctes dans le cerveau. En enregistrant ces faibles signaux, et en les associant aux actions concernées, il est possible de transformer une activité cérébrale en signal numérique et le communiquer à un ordinateur. Ces techniques préfigurent de nombreuses possibilités d&rsquo;application, notamment pour les personnes en situation de handicap.</p>



<figure class="wp-block-embed is-type-video is-provider-dailymotion wp-block-embed-dailymotion"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Salon Futur en Seine" frameborder="0" width="500" height="281" src="https://geo.dailymotion.com/player.html?video=xrsuth&#038;" allowfullscreen allow="autoplay; fullscreen; picture-in-picture; web-share"></iframe>
</div></figure>



<p class="has-text-align-center"><a href="https://www.dailymotion.com/video/xrsuth_salon-futur-en-seine_news" target="_blank" rel="noopener noreferrer">Salon Futur en Seine</a> <i>par <a href="https://www.dailymotion.com/lemondefr" target="_blank" rel="noopener noreferrer">lemondefr</a></i></p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/interfaces-cerveau-machine-et-interfaces-gestuelles-quelques-prototypes-recents/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>A l&#8217;époque de l&#8217;ultra-connexion, il devient branché de débrancher. Et même vital</title>
		<link>https://www.pierre-lannes.fr/a-lepoque-de-lutraconnexion-il-devient-branche-de-debrancher-et-meme-vital/</link>
					<comments>https://www.pierre-lannes.fr/a-lepoque-de-lutraconnexion-il-devient-branche-de-debrancher-et-meme-vital/#comments</comments>
		
		<dc:creator><![CDATA[Pierre]]></dc:creator>
		<pubDate>Sat, 02 Jun 2012 21:22:39 +0000</pubDate>
				<category><![CDATA[Prospective des usages]]></category>
		<category><![CDATA[Any time Anywhere Any device]]></category>
		<category><![CDATA[applications]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[geek]]></category>
		<category><![CDATA[géolocalisation]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[lifestream]]></category>
		<category><![CDATA[médias sociaux]]></category>
		<category><![CDATA[mobiquité]]></category>
		<category><![CDATA[parcours clients]]></category>
		<category><![CDATA[parcours usagers]]></category>
		<category><![CDATA[psychosocial]]></category>
		<category><![CDATA[réseaux sociaux]]></category>
		<category><![CDATA[santé]]></category>
		<category><![CDATA[smartphone]]></category>
		<category><![CDATA[solomo]]></category>
		<category><![CDATA[Twitter]]></category>
		<guid isPermaLink="false">http://www.pierre-lannes.fr/?p=15240</guid>

					<description><![CDATA[L'ultra-connexion sur internet et les réseaux sociaux, augmentée par les smartphones peut avoir des conséquences néfastes : l’addiction, l’emprise de la tyrannie d’un flux permanent dont nous pouvons nous rendre les esclaves, créant de nouvelles formes d’aliénation du réel, de l’ici et maintenant.]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-group digest is-layout-constrained wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Résumé</h2>



<p>L&rsquo;ultra-connexion sur internet et les réseaux sociaux, augmentée par les smartphones peut avoir des conséquences néfastes : l’addiction, l’emprise de la tyrannie d’un flux permanent dont nous pouvons nous rendre les esclaves, créant de nouvelles formes d’aliénation du réel, de l’ici et maintenant</p>
</div>



<p>La <a href="/experience-utilisateur-mobile-au-coeur-des-nouvelles-strategies/">généralisation des smartphones</a> et de la 3G les connectant à internet et aux réseaux sociaux, en plus des fonctions de téléphonie et de SMS, nous donnent maintenant la possibilité d&rsquo;être ultraconnectés, en permanence et partout, avec le contenu d&rsquo;internet et nos contacts, par une multitude de moyens et médias instantanés ou différés. De plus, le contenu que nous consultons et que nous produisons&nbsp;: avis sur un restaurant, un lieux, tweet, statut Facebook, photos, vidéos, check-in, peuvent être liés au lieu où nous sommes, grâce à la géolocalisation. Le rôle de ces nouveaux médias dans le <strong>printemps arabe</strong>, ou le succès fulgurant de l&rsquo;application de photo <strong>Instragram</strong> sont des démonstrations spectaculaires de l&rsquo;explosion de ces nouveaux usages du <strong>SOLOMO</strong> <strong>SO</strong>cial/<strong>LO</strong>cal/<strong>MO</strong>bile, rendus possibles par la <strong>mobiquité</strong>&nbsp;des smartphones (mobilité et ubiquité). Auparavant réservés aux geeks, ces usages deviennent « mainstream » (populaires, grand public) et nous ont fait définitivement rentrer dans l&rsquo;ère de l&rsquo;accès&nbsp;<strong>ATAWAD</strong> (AnyTime, AnyWhere, AnyDevice) au contenu&nbsp;<strong>Ubimédia</strong>.</p>



<blockquote class="wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow">
<p>Les contenus multimédia devient omniprésent, multiforme, convergent, mobile, participatif, tout terrain</p>
<cite><a href="https://fverron.blogspot.fr/2010/06/une-definition-de-lubimedia.html" target="_blank" rel="noopener" title="">@<strong>FrancoisVerron</strong></a></cite></blockquote>



<p>Mais le fait que ces usages soient devenus potentiellement permanents et omniprésents peuvent avoir des conséquences néfastes&nbsp;: l&rsquo;addiction, l&#8217;emprise de la tyrannie d&rsquo;un flux permanent dont nous pouvons nous rendre les esclaves, créant de nouvelles formes d&rsquo;aliénation du réel, de « l&rsquo;ici et maintenant ». On parle même d&rsquo;un nouveau trouble psychique, la « nomophobie »&nbsp;: la peur de perdre son portable ou son accès à Internet. Désormais, il n&rsquo;y a plus de temps morts ou de vides possibles dans nos vies&nbsp;: dans une file d&rsquo;attente, dans les transports, ou même dans les toilettes&nbsp;? On sort son portable, et une autre forme d&rsquo;interaction et d&rsquo;agitation prend le relais. Il faut rester vigilant, savoir utiliser ces technologies avec modération. En effet, ces usages ne peuvent-ils pas nous pousser encore plus loin dans le narcissime, l&rsquo;égoïsme, la communautarisation et l&rsquo;enfermement de notre civilisation déjà fabricante d&rsquo;aliénation&nbsp;?</p>



<blockquote class="wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow">
<p><em>Avec Internet, nous allions pouvoir détester notre voisin et aimer notre lointain</em></p>
</blockquote>



<p>Désormais cette maxime ne s&rsquo;appliquerait plus seulement aux moments où nous sommes enfermés dans notre domicile à côté de nos voisins, mais aussi, à cause des smartphones, à la fois walkman, liseuses, consoles de jeux, téléphones et gadgets connectés, quand nous sommes à l&rsquo;extérieur de chez nous, aux rares moments où nous sommes avec « les autres », dans la rue, les transports, les lieux publics, etc. L&rsquo;aboutissement ultime de cette logique&nbsp;: être à table avec des connaissances, mais ne pas vraiment être là car on répond à un <strong>tweet</strong>, on poste son statut <strong>Facebook</strong>, on se « checke » sur <strong>Foursquare</strong>&#8230;</p>



<p>Ce billet m&rsquo;a été inspiré par la lecture de l&rsquo;article « Ces branchés qui débranchent » paru dans <strong>Le Monde</strong>. On y apprend qu&rsquo;il existe maintenant une tendance à la contre-réaction à l&rsquo;ultra-connexion. Se déconnecter est devenu un acte volontaire chez les ultra-connectés eux-même. Dans la Silicon Valley, des employés de <strong>Google</strong> et d&rsquo;autres prestigieuses entreprises du digital envoient leurs enfants dans des écoles où les tablettes tactiles, les smartphones et les ordinateurs sont interdits. Des professionnels d&rsquo;internet se déconnectent volontairement pour pouvoir se concentrer sur leurs activités pour éviter d&rsquo;être dérangés. Se déconnecter peut devenir une nécessité pour notre quotidien ou même notre santé mentale. En effet, la vie peut&nbsp;facilement devenir impossible si on reçoit&nbsp;toutes les 10 secondes des notifications sur son portable&nbsp;: SMS, emails, de <strong>Twitter</strong>, <strong>Facebook</strong>, etc.&nbsp;Il y a aussi des conséquences plus profondes&#8230;</p>



<p>La contre-réaction à cette ultra-connexion peut être d&rsquo;une force inversement proportionnelle à celle-ci&nbsp;: besoin d&rsquo;isolement, pèlerinages, séjours lointains, retraites&#8230; Nous en avons une illustration avec <strong>Cyrille de Lasteyrie</strong>&nbsp;alias <a href="https://twitter.com/Vinvin" target="_blank" rel="noopener">@Vinvin</a>. Personnalité du web et des médias sociaux, partageant son expérience d&rsquo;un immense besoin de déconnexion qui l&rsquo;a amené à s&rsquo;isoler complètement pendant sept jours loin de Paris, dans le silence absolu d’une abbaye cistercienne au fin fond de l&rsquo;Allier, tout près de la Nièvre. Sans ses gadgets connectés, enfin presque&#8230; puisqu&rsquo;il avait amené son <strong>iPhone</strong>&#8230; Comme je le comprends, moi qui part souvent dans la Nièvre pour me décrocher de la frénésie de ma vie parisienne connectée, chez mon ami <strong>JP</strong> (il ressemble à un moine mais c&rsquo;est surtout un ami et un extraordinaire cuisinier épicurien). J&rsquo;y vais sans mon iPad et mon Mac, mais toujours avec mon <strong>iPhone</strong>. Je me diagnostique comme un ultra-connecté pathologique, mais j&rsquo;essaye de me soigner. J&rsquo;ai encore du boulot.</p>



<p>Comme je le mentionnais plus haut, la sur-connexion permanente fait disparaitre les possibilités de temps mort ou de vide. C&rsquo;est à la fois une conséquence et une fonction de cette sur-connexion&nbsp;: une fuite en avant permanente, qui ne nous empêchera pas d&rsquo;être confronté, tôt ou à tard, justement, à cette « mort » et ce « vide ». Dans ce monde d&rsquo;artifices et d&rsquo;agitations, de distractions et de flux permanent, jamais sans doute le besoin de spiritualité n&rsquo;a-t-il été aussi fort, dans sa signification la plus universelle et dans ce vers quoi elle devrait être tournée&nbsp;: l&rsquo;introspection, la libération de toute forme d&rsquo;aliénation, favorisant la quête de la paix intérieure, une plus grande ouverture vers les autres, la quête du vrai bonheur.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.pierre-lannes.fr/a-lepoque-de-lutraconnexion-il-devient-branche-de-debrancher-et-meme-vital/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
	</channel>
</rss>
