davidbgk
/
larlet-fr-david-cache


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742
							<!doctype html><!-- This is a valid HTML5 document. -->
<!-- Screen readers, SEO, extensions and so on. -->
<html lang=fr>
<!-- Has to be within the first 1024 bytes, hence before the <title>
  See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
<meta charset=utf-8>
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
<!-- The viewport meta is quite crowded and we are responsible for that.
  See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
<meta name=viewport content="width=device-width,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
<!-- Required to make a valid HTML5 document. -->
<title>Introspection professionnelle : valeurs et raison d’être (archive) — David Larlet</title>
<!-- Generated from https://realfavicongenerator.net/ such a mess. -->
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/static/david/icons/favicon.ico">
<meta name="apple-mobile-web-app-title" content="David Larlet">
<meta name="application-name" content="David Larlet">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
<meta name="theme-color" content="#f0f0ea">
<!-- That good ol' feed, subscribe :p. -->
<link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="http://next.marienfressinaud.fr/introspection-professionnelle-valeurs-et-raison-detre.html">

<style>
/* http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, img, ins,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* http://practicaltypography.com/equity.html */
/* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
/* https://www.filamentgroup.com/lab/js-web-fonts.html */
@font-face {
  font-family: 'EquityTextB';
  src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
       url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'EquityTextB';
  src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
       url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'EquityTextB';
  src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
       url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ConcourseT3';
  src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
       url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}


/* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
body {
  /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  font-family: "EquityTextB", Palatino, serif;
  background-color: #f0f0ea;
  color: #07486c;
  font-kerning: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: subpixel-antialiased;
  text-rendering: optimizeLegibility;
  font-variant-ligatures: common-ligatures contextual;
  font-feature-settings: "kern", "liga", "clig", "calt";
}
pre, code, kbd, samp, var, tt {
  font-family: 'TriplicateT4c', monospace;
}
em {
  font-style: italic;
  color: #323a45;
}
strong {
  font-weight: bold;
  color: black;
}
nav {
  background-color: #323a45;
  color: #f0f0ea;
  display: flex;
  justify-content: space-around;
  padding: 1rem .5rem;
}
  nav:last-child {
    border-bottom: 1vh solid #2d7474;
  }
  nav a {
    color: #f0f0ea;
  }
  nav abbr {
    border-bottom: 1px dotted white;
  }

h1 {
  border-top: 1vh solid #2d7474;
  border-bottom: .2vh dotted #2d7474;
  background-color: #e3e1e1;
  color: #323a45;
  text-align: center;
  padding: 5rem 0 4rem 0;
  width: 100%;
  font-family: 'ConcourseT3';
  display: flex;
  flex-direction: column;
}
  h1.single {
    padding-bottom: 10rem;
  }
  h1 span {
    position: absolute;
    top: 1vh;
    left: 20%;
    line-height: 0;
  }
    h1 span a {
      line-height: 1.7;
      padding: 1rem 1.2rem .6rem 1.2rem;
      border-radius: 0 0 6% 6%;
      background: #2d7474;
      font-size: 1.3rem;
      color: white;
      text-decoration: none;
    }
h2 {
  margin: 4rem 0 1rem;
  border-top: .2vh solid #2d7474;
  padding-top: 1vh;
}
h3 {
  text-align: center;
  margin: 3rem 0 .75em;
}
hr {
  height: .4rem;
  width: .4rem;
  border-radius: .4rem;
  background: #07486c;
  margin: 2.5rem auto;
}
time {
  display: bloc;
  margin-left: 0 !important;
}
ul, ol {
  margin: 2rem;
}
ul {
  list-style-type: square;
}
a {
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 0.09em;
}
article {
  max-width: 50rem;
  display: flex;
  flex-direction: column;
  margin: 2rem auto;
}
  article.single {
    border-top: .2vh dotted #2d7474;
    margin: -6rem auto 1rem auto;
    background: #f0f0ea;
    padding: 2rem;
  }
  article p:last-child {
    margin-bottom: 1rem;
  }
p {
  padding: 0 .5rem;
  margin-left: 3rem;
}
  p + p,
  figure + p {
    margin-top: 2rem;
  }

blockquote {
  background-color: #e3e1e1;
  border-left: .5vw solid #2d7474;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  margin: 1.5rem;
}
  blockquote cite {
    font-style: italic;
  }
  blockquote p {
    margin-left: 0;
  }

figure {
  border-top: .2vh solid #2d7474;
  background-color: #e3e1e1;
  text-align: center;
  padding: 1.5rem 0;
  margin: 1rem 0 0;
  font-size: 1.5rem;
  width: 100%;
}
  figure img {
    max-width: 250px;
    max-height: 250px;
    border: .5vw solid #323a45;
    padding: 1px;
  }
figcaption {
  padding: 1rem;
  line-height: 1.4;
}
aside {
  display: flex;
  flex-direction: column;
  background-color: #e3e1e1;
  padding: 1rem 0;
  border-bottom: .2vh solid #07486c;
}
  aside p {
    max-width: 50rem;
    margin: 0 auto;
  }

/* https://fvsch.com/code/css-locks/ */
p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  font-size: 1rem;
  line-height: calc( 1.5em + 0.2 * 1rem );
}
h1 {
  font-size: 1.9rem;
  line-height: calc( 1.2em + 0.2 * 1rem );
}
h2 {
  font-size: 1.6rem;
  line-height: calc( 1.3em + 0.2 * 1rem );
}
h3 {
  font-size: 1.35rem;
  line-height: calc( 1.4em + 0.2 * 1rem );
}
@media (min-width: 20em) {
  /* The (100vw - 20rem) / (50 - 20) part
     resolves to 0-1rem, depending on the
     viewport width (between 20em and 50em). */
  p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
    font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
    line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
    margin-left: 0;
  }
  h1 {
    font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
    line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  }
  h2 {
    font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
    line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  }
  h3 {
    font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
    line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  }
}
@media (min-width: 50em) {
  /* The right part of the addition *must* be a
     rem value. In this example we *could* change
     the whole declaration to font-size:2.5rem,
     but if our baseline value was not expressed
     in rem we would have to use calc. */
  p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
    font-size: calc( 1rem + .6 * 1rem );
    line-height: 1.5em;
  }
  p, li, pre, details {
    margin-left: 3rem;
  }
  h1 {
    font-size: calc( 1.9rem + 1.5 * 1rem );
    line-height: 1.2em;
  }
  h2 {
    font-size: calc( 1.5rem + 1.5 * 1rem );
    line-height: 1.3em;
  }
  h3 {
    font-size: calc( 1.35rem + 1.5 * 1rem );
    line-height: 1.4em;
  }
  figure img {
    max-width: 500px;
    max-height: 500px;
  }
}

figure.unsquared {
  margin-bottom: 1.5rem;
}
  figure.unsquared img {
    height: inherit;
  }


@media print {
  body { font-size: 100%; }
  a:after { content: " (" attr(href) ")"; }
  a, a:link, a:visited, a:after {
    text-decoration: underline;
    text-shadow: none !important;
    background-image: none !important;
    background: white;
    color: black;
  }
  abbr[title] { border-bottom: 0; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  img { page-break-inside: avoid; }
  @page { margin: 2cm .5cm; }
  h1, h2, h3 { page-break-after: avoid; }
  p3 { orphans: 3; widows: 3; }
  img {
    max-width: 250px !important;
    max-height: 250px !important;
  }
  nav, aside { display: none; }
}

ul.with_columns {
  column-count: 1;
}
@media (min-width: 20em) {
  ul.with_columns {
    column-count: 2;
  }
}
@media (min-width: 50em) {
  ul.with_columns {
    column-count: 3;
  }
}
ul.with_two_columns {
  column-count: 1;
}
@media (min-width: 20em) {
  ul.with_two_columns {
    column-count: 1;
  }
}
@media (min-width: 50em) {
  ul.with_two_columns {
    column-count: 2;
  }
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
  .gallery figure img {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .gallery figure figcaption {
    font-family: 'ConcourseT3'
  }

footer {
  font-family: 'ConcourseT3';
  display: flex;
  flex-direction: column;
  border-top: 3px solid white;
  padding: 4rem 0;
  background-color: #07486c;
  color: white;
}
  footer > * {
    max-width: 50rem;
    margin: 0 auto;
  }
  footer a {
    color: #f1c40f;
  }
  footer .avatar {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    float: left;
    -webkit-shape-outside: circle();
    shape-outside: circle();
    margin-right: 2rem;
    padding: 2px 5px 5px 2px;
    background: white;
    border-left: 1px solid #f1c40f;
    border-top: 1px solid #f1c40f;
    border-right: 5px solid #f1c40f;
    border-bottom: 5px solid #f1c40f;
  }
</style>

<h1>
  <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  Introspection professionnelle : valeurs et raison d’être (archive)
  <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
</h1>
<section>
  <article>
    <h3><a href="http://next.marienfressinaud.fr/introspection-professionnelle-valeurs-et-raison-detre.html">Source originale du contenu</a></h3>
    <p>Comme je le disais dans <a href="http://next.marienfressinaud.fr/boop-une-introduction.html">un précédent article</a>, la
fin de cette année 2018 est pour moi l’occasion de reposer à plat mes
motivations professionnelles. Si j’ai décidé de quitter mon emploi chez
<a href="http://sogilis.com">Sogilis</a> afin de tracer ma propre route, c’est pour
différentes raisons parmi lesquelles :</p>

<ul>
<li>le sens que je ne trouvais pas à mon travail ;</li>
<li>des problèmes sociétaux qui me parlent de plus en plus (ex. urgence
  climatique, fractures sociale et démocratique) ;</li>
<li>mon implication dans <a href="https://framasoft.org">Framasoft</a> qui m’a fait réaliser
  la dimension politique qui sous-tend le développement logiciel ;</li>
<li><a href="http://www.mcpaccard.com/">des</a> <a href="http://www.maiwann.net/">rencontres</a>
  <a href="https://estcequecestdutravail.xyz/">multiples</a> qui m’ont aidé à envisager
  mon travail sous un autre angle ;</li>
<li>de nombreuses discussions avec des amis proches qui n’ont fait que renforcer
  mes choix.</li>
</ul>

<p>J’envisage aujourd’hui le travail que je peux fournir uniquement à travers un
prisme politique (au sens d’engagement). Les logiciels que je conçois ont un
impact sur les personnes qui les utilisent, <strong>il est important pour moi qu’ils
fonctionnent à leur service et non pas contre eux</strong>.</p>

<p>C’est ce genre de réflexions que j’aimerais arriver à faire transparaître sur
mon site. Le but est de le transformer en « vitrine » professionnelle  en
mettant en avant mes valeurs, mon mode de fonctionnement, mes compétences, etc.
Mais avant d’entamer cette refonte, je souhaite passer par une phase de
réflexions plus approfondie.</p>

<h2>Le design de soi, ou l’introspection professionnelle</h2>

<p>J’ai découvert le concept de « <strong>design de soi</strong> » il y a un peu plus d’un an
grâce à <a href="http://www.mcpaccard.com/">Marie-Cécile Paccard</a> lorsque je l’ai
contactée par rapport à <a href="https://lessy.io">Lessy</a>. Le but est d’effectuer un
travail de recherche afin de mieux connaître ses aspirations et de mieux
communiquer en conséquence. Vous pouvez en apprendre plus dans <a href="https://speakerdeck.com/mcpaccard/se-reinventer-et-etre-soi-a-lere-du-numerique">sa présentation</a>
ou via <a href="https://marieguillaumet.com/design-de-soi-paris-web-2015/">la présentation de Marie Guillaumet</a>
qui en a parlé lors de l’évènement <a href="https://www.paris-web.fr/">Paris Web</a> 2015.</p>

<p>J’étais personnellement un peu dubitatif sur ce que pouvait m’apporter
concrètement une telle démarche. Je me suis toutefois prêté au jeu pour Lessy
et le fait de voir émerger le contenu aussi naturellement pour la page
d’accueil et les éléments destinés à la communauté m’a encouragé à retenter
l’expérience sur moi-même (en le documentant, cette fois-ci !)</p>

<p>Sur le sens toutefois, je suis peu à l’aise avec l’expression « design de
soi ». D’une part, le mot « design » continue de véhiculer une confusion avec
le graphisme ; d’autre part, et de façon plus ennuyante, même en prenant le
mot dans son sens de « conception », ce n’est pas tellement l’objet de la
démarche. Cela pourrait en effet laisser penser que le « design de soi » vise à
créer (concevoir) une nouvelle personne qui ne correspond pas forcément à
l’ancienne. Or, je crois que le but est de tirer des traits qui nous
correspondent, à la manière d’un caricaturiste qui cherche à représenter une
personne à travers quelques caractéristiques qui ressortent. Dans la suite de
ma série d’articles, je troquerai donc l’expression par celle d’introspection
professionnelle. Dans mon cas, le but est bien d’<strong>identifier les traits de ma
personnalité</strong> sur lesquels je souhaite communiquer dans un cadre
professionnel.</p>

<p>Pour cela, je vais procéder en plusieurs étapes qui devraient me permettre de
créer le contenu du site :</p>

<ol>
<li>définition de <strong>mes valeurs</strong> ;</li>
<li>définition de <strong>ma raison d’être</strong> ;</li>
<li>définition de <strong>mes compétences</strong> ;</li>
<li>établissement d’<strong>un objectif</strong> personnel (c’est-à-dire comment j’honore ma
   raison d’être) ;</li>
<li>définition de mes moyens de <strong>communication</strong> ;</li>
<li>conception de <strong>l’architecture du site</strong>.</li>
</ol>

<p>Le dernier point me permettra d’organiser les différents éléments qui auront
émergé lors des phases précédentes et potentiellement d’en faire émerger de
nouveaux.</p>

<p>Les deux premiers points sont traités dans la suite de cet article.</p>

<h2>Des valeurs pour guider mes choix</h2>

<p>J’ai en vérité entamé la première phase, celle de la définition de mes valeurs,
il y a plusieurs mois. Je souhaitais voir comment la perception que j’avais de
moi-même évoluait dans le temps, identifier les éléments qui revenaient,
comprendre pourquoi je n’étais pas à l’aise avec d’autres, etc. À titre
d’exemple, je n’ai pas conservé l’« éthique » dans mes valeurs car ça ne
signifiait pas grand chose pour moi : tout le monde possède une éthique sans
pour autant placer la même chose derrière. Revendiquer avoir une éthique est
nécessairement perçu à travers un prisme différent selon les personnes avec qui
j’intéragis.</p>

<p>À l’éthique, j’ai préféré le terme <strong>d’intégrité</strong>. Affirmer son intégrité
permet de garder un cap et de faciliter la définition de ses priorités. Par
exemple, j’ai comme conviction que les licences libres ainsi que le respect de
la vie privée sont des conditions <em>sine qua non</em> pour qu’un logiciel soit
réellement au service de ses utilisateurs et utilisatrices (c’est-à-dire qu’il
fasse bien ce qu’on lui demande, sans malveillance). Vous ne me verrez donc pas
demain accepter une mission qui ne respecte pas ces conditions parce qu’elle
est mieux payée qu’une autre. Cette notion d’intégrité sera par la suite
<strong>complétée par un manifeste</strong> qui détaillera mieux mes engagements.</p>

<p><strong>Le respect</strong> dans mes échanges ou envers les utilisatrices et utilisateurs
d’un logiciel m’apparaît ensuite nécessaire à toute relation. Rester à
l’écoute, savoir exprimer ses sentiments, considérer la personne en face sur un
pied d’égalité ; je n’imagine pas d’autre manière de fonctionner pour tirer le
meilleur de mes échanges. D’un point de vue technique cela signifie aussi, pour
moi, considérer les techniques d’expérience utilisateur et d’accessibilité
comme intrinsèques à un projet, pas seulement comme des ajouts selon un budget
sur lequel je n’ai pas la main. À l’inverse, d’un point de vue global, cela
signifie prendre aussi en compte les externalités de ce que je développe : hors
de question de développer un outil qui nuirait encore un peu plus à
l’environnement par exemple.</p>

<p>Enfin, <strong>la transmission</strong> doit faire partie de chaque processus de création.
Après avoir lu un peu autour du <a href="https://ressources.osons.cc/?PetitPrecisDeCompostabiliteDesprojets">concept de
compostabilité</a>
en septembre (via la super présentation de <a href="https://marges.clairezuliani.com/good_job/2018/05/27/melange-cultures-professionnelles.html">Claire Zuliani à Sud
Web</a>),
j’ai mieux réalisé la finitude de notre présence au sein d’un groupe.
Transmettre mes connaissances et mes compétences m’est alors apparu comme bien
plus essentiel pour ne plus être un rouage « indispensable » sans lequel rien
ne fonctionne. Mécaniquement, j’ai le sentiment que cela pousse aussi à plus
d’humilité. Nous devenons uniques non pas par nos compétences techniques mais
par notre vécu.</p>

<p>En me limitant à trois valeurs, je me suis forcé à creuser toujours plus ce qui
compte vraiment pour moi. J’ai écarté plusieurs points qui me tenaient à cœur
mais que je n’arrivais pas à définir correctement (notamment le principe de
remise en question). Ces valeurs sont évidemment fluctuantes : il s’agit d’un
travail sur moi-même à un instant T et je m’attends à redéfinir leur contour
dans le futur. En revanche, <strong>je ne pense pas m’en départir à moins de changer
fondamentalement la personne que je suis</strong>.</p>

<h2>Une raison d’être pour comprendre où je vais</h2>

<p>Se trouver une raison d’être n’est pas la chose la plus évidente à faire. C’est
pourtant une question qui me taraude depuis un moment car elle questionne sur
le sens que l’on souhaite donner à sa vie. Lorsque j’ai pris une année
sabbatique en 2015, c’est quelque chose qui m’a travaillé sans que je n’y
trouve une réponse qui me convenait.</p>

<p>Ces derniers mois ont toutefois été plus efficaces, au point que j’arrive à la
résumer en une courte phrase : <strong>concevoir les outils dont la société aura
besoin demain</strong>. Pour comprendre cette raison d’être, il me paraît important de
bien définir ce dont je parle.</p>

<p>Tout d’abord, lorsque je parle de « concevoir [des] outils », je fais le choix
conscient de ne pas utiliser le terme de « développer ». Pour moi, <strong>un
logiciel n’est pas une fin en soi</strong>. Il y a avant tout une phase d’acquisition
des besoins et de réflexion qui peut notamment mener à la conclusion qu’un
outil informatique ne serait pas une bonne solution. Cela implique aussi que je
dois étendre mes compétences au delà de la technique informatique, en acquérant
notamment plus de compétences liées à l’expérience utilisateur. Je dispose pour
cela de précieuses ressources, notamment deux articles de Raphaël
Yharrassarry : « <a href="https://blocnotes.iergo.fr/articles/competences-ux-et-modele-en-t/">Compétences <abbr>UX</abbr> et modèle en T</a> »
et « <a href="https://blocnotes.iergo.fr/articles/se-former-en-ux-design/">Se former en <abbr>UX</abbr> Design ?</a> ».</p>

<p>Ensuite, lorsque je parle de « demain », j’y cache derrière la notion de
« <a href="https://fr.wikipedia.org/wiki/Collapsologie">collapsologie</a> » (ou
d’effondrement). Je ne me suis pas encore énormément penché sur le sujet, mais
il revient régulièrement dans les discussions qui m’entourent. Je ressens dans
mes échanges <strong>une notion d’urgence et d’inévitabilité d’une société en
mutation profonde</strong>. La question n’est pas forcément de savoir « quand ?»,
encore moins « si ? », mais plutôt « comment ?». À quoi ressembleront nos
sociétés dites « modernes » dans un monde où les catastrophes écologiques
prédominent, où la faune et la flore fondent comme neige au soleil et où les
mouvements migratoires s’accélèrent ? Et si l’on se prenait en main pour
imaginer nous-mêmes ce monde de demain et l’accompagner en douceur ? Il existe
trois axes que j’ai identifié et dans lesquels j’aimerais m’investir :</p>

<ol>
<li>accompagner l’inévitable désastre écologique ;</li>
<li>aider les populations en lutte pour affirmer leur légitimité aux yeux du
   reste de la société ;</li>
<li>repenser nos espaces démocratiques et l’expression du pouvoir.</li>
</ol>

<p>Vaste programme que celui-là, j’ignore encore quelles formes peuvent prendre
mes actions dans chacun de ces domaines mais je ne me fais pas de soucis pour
savoir identifier les missions qui entreront en résonance avec ces sujets.</p>

<p>Enfin, le tout fait référence à ce qui se produit dans la sphère technologique
depuis des années : les outils qui sont conçus n’émanent pas de réels besoins
mais le deviennent une fois bien installés. <span lang="en">Apple</span> est
notamment championne dans ce domaine, imposant avec brio et comme évidentes des
technologies comme le <span lang="en">smartphone</span> ou la tablette. On peut
toutefois questionner leurs répercussions sur notre société comme une
accoutumance à l’instantanéité ou une addiction aux écrans difficiles à jauger.
C’est le fameux « <a href="https://fr.wikipedia.org/wiki/Temps_de_cerveau_humain_disponible">temps de cerveau humain disponible</a> »
qui est attaqué ici. En vérité, <strong>le futur de nos sociétés est aujourd’hui
dessiné par des sociétés commerciales</strong> qui souhaitent avant tout vendre leurs
produits plutôt que de réfléchir au bien commun ; cela me gêne tout
particulièrement.</p>

<h2>Une conclusion partielle pour préparer une suite plus concrète</h2>

<p>Ce premier article était un peu abstrait : je n’ai abordé ici que des sujets
qui me serviront de base pour construire le futur contenu du site. Cet article
m’est apparu un peu pompeux à plusieurs reprises lors de sa rédaction, mais je
crois que le résultat est avant tout un travail honnête sur mes aspirations et
me permettra réellement d’affirmer ma manière de travailler avec d’autres
personnes.</p>

<p>Je crois ces engagements indispensables dans nos sociétés toujours plus
numériques, où nous perdons peu à peu la main sur nos données et leur
traitement. Je suis partisan de réinsuffler plus d’échanges humains et une
vision positive dans nos vies numériques, et donc nos vies tout court.</p>

<p>Cet article a une saveure particulière pour moi car j’ai réussi à y condenser
toutes les réflexions que je mène depuis plusieurs mois ; réflexions notamment
alimentées par mes échanges au sein de <a href="https://framasoft.org/">Framasoft</a> qui
est, pour une bonne partie, à l’origine des graines qui commencent à germer sur
ce site.</p>

<p>Le prochain article devrait aborder des sujets un peu plus concrets et mener
notamment à la rédaction de contenu qui apparaîtra par la suite sur le site.</p>
  </article>
</section>


<nav id="jumpto">
  <p>
    <a href="/david/blog/">Accueil du blog</a> |
    <a href="http://next.marienfressinaud.fr/introspection-professionnelle-valeurs-et-raison-detre.html">Source originale</a> |
    <a href="/david/stream/2019/">Accueil du flux</a>
  </p>
</nav>

<footer>
  <div>
    <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
    <p>
      Bonjour/Hi!
      Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>
      Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).
    </p>
    <p>
      Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.
    </p>
    
    <p>
      Voici quelques articles choisis :
      <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
      <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
      <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
      <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
      <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
      <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
      <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
      <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
      <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
      <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
      <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
      <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
      <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
      <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
      <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
      et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
    </p>
    <p>
      On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.
    </p>
    <p>
      Je ne traque pas ta navigation mais mon
      <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
      conserve des logs d’accès.
    </p>
  </div>
</footer>
<script type="text/javascript">
  ;(_ => {
    const jumper = document.getElementById('jumper')
    jumper.addEventListener('click', e => {
      e.preventDefault()
      const anchor = e.target.getAttribute('href')
      const targetEl = document.getElementById(anchor.substring(1))
      targetEl.scrollIntoView({behavior: 'smooth'})
    })
  })()
</script>