# wallabag_entry

title: damianofalcioni/IP-Biter
url: https://github.com/damianofalcioni/IP-Biter
created_at: 2017-11-28 08:55:41
updated_at: 2017-11-28 08:55:41
mimetype: text/html
language: en
domain_name: github.com
preview_picture: https://avatars1.githubusercontent.com/u/8982949?s=400&v=4
http_status: 200
content:
  <h3>
        
        README.md
      </h3><h4><a href="https://github.com/damianofalcioni/IP-Biter#the-hacker-friendly-tracking-framework" class="anchor" id="user-content-the-hacker-friendly-tracking-framework"></a>The Hacker-friendly Tracking Framework</h4>
  <p>IP-Biter is an open source, easy to deploy, tracking framework that generate high configurables and uniques tracking images and links
  to embed in e-mails, sites or chat systems and visualize, in an hacker-friendly dashboard, high detailed reports of the tracked users
  who visualize the image or open the links.</p>
  <h2><a href="https://github.com/damianofalcioni/IP-Biter#features" class="anchor" id="user-content-features"></a>Features</h2>
  <ul><li>Very high configurable tracking image generation</li>
  <li>Tracking links generation</li>
  <li>Tracking hided and not recognizable from the target point of view</li>
  <li>Integrated Dashboard</li>
  <li>Self-tracking prevention</li>
  <li>Possibility to stop and start the tracking at any time</li>
  <li>Possibility to hide the Dashboard and protect its access with a password</li>
  <li>Live tracking reports from the Dashboard</li>
  <li>Tracking reports live delivered to a configurable mail address</li>
  <li>Different IP analysis services</li>
  <li>User-Agent analysis service</li>
  <li>Integrate URL shortening service</li>
  <li>AllInOne PHP file</li>
  <li>No need for a Database</li>
  <li>Open Source</li>
  </ul><p>...and many many more!</p>
  <p>Give it a try!</p>
  <h2><a href="https://github.com/damianofalcioni/IP-Biter#getting-started" class="anchor" id="user-content-getting-started"></a>Getting Started</h2>
  <h4><a href="https://github.com/damianofalcioni/IP-Biter#access-the-dashboard" class="anchor" id="user-content-access-the-dashboard"></a>Access the Dashboard</h4>
  <ol><li>Access the dashboard through ipb.php?op=$dashboardPage (or through ipb.php if $dashboardPage=='')
  <ul><li>If $dashboardPageSecret!='' then a login page will appear asking for the $dashboardPageSecret value</li>
  </ul></li>
  </ol><h4><a href="https://github.com/damianofalcioni/IP-Biter#create-a-new-configuration" class="anchor" id="user-content-create-a-new-configuration"></a>Create a new configuration</h4>
  <ol><li>When the dashboard is opened without parameters, a new configuration is created
  <ul><li>Another empty new configuration can be generate clicking the "New" button</li>
  </ul></li>
  <li>Configure the tracking image and the advanced setting if needed
  <ul><li>It is possible to left the original image url empty. In this case an empty image will be used.</li>
  </ul></li>
  <li>Add tracking links if needed
  <ul><li>It is possible to left the original link empty. In this case the link will generate a 404 page.</li>
  </ul></li>
  <li>Save the configuration</li>
  <li>Distribute the generated image or the links to start the tracking
  <ul><li>You can click the copy button and paste in a html rich email editor like gmail</li>
  <li>NOTE: If you try to open the generated image or links but have in the same browser the dashboard page opened and loaded, your request will not be tracked (self-tracking prevention feature)</li>
  </ul></li>
  </ol><h4><a href="https://github.com/damianofalcioni/IP-Biter#load-an-existing-configuration" class="anchor" id="user-content-load-an-existing-configuration"></a>Load an existing configuration</h4>
  <ol><li>When the dashboard is opened with the parameter "uuid", the associated configuration is loaded
  <ul><li>Another configuration can be loaded pasting the "Track UUID" in the dashboard relative field and clicking the "Load" button</li>
  </ul></li>
  <li>The reports will be automatically visualized in the "Tracking Reports" section of the dashboard</li>
  </ol><h2><a href="https://github.com/damianofalcioni/IP-Biter#security-notes" class="anchor" id="user-content-security-notes"></a>Security Notes</h2>
  <ul><li>Change the folders name and the dashboard page in the configuration section in order to improve the security</li>
  <li>Add the following lines to the .htaccess file in order to deny the access to the "configs" and "reports" folders:</li>
  </ul><pre>DirectoryIndex ipb.php
  &lt;IfModule mod_rewrite.c&gt;
      RewriteEngine On
      RewriteRule ^(configs/|reports/) - [F]
  &lt;/IfModule&gt;
  </pre>
  <h2><a href="https://github.com/damianofalcioni/IP-Biter#live-demo" class="anchor" id="user-content-live-demo"></a>Live DEMO</h2>
  <p>Have a look at the <a href="http://ipbiter.000webhostapp.com/?op=l&amp;tid=9fae1fc1-a4dd-44f1-bbaa-0cede56d3cdc&amp;lid=5ab6bbdb-8f7c-45ea-9f33-18d0db7cfd79" rel="nofollow">DEMO</a> (notifications limited at 50 mail/day and 1h/day downtime expected)</p>
  <h2><a href="https://github.com/damianofalcioni/IP-Biter#support-me-3" class="anchor" id="user-content-support-me-3"></a>Support Me &lt;3</h2>
  <p><a href="https://www.paypal.me/damianofalcioni/0.99" rel="nofollow"><img src="https://camo.githubusercontent.com/30727651e4dfcc3bbc8eb33d8d67566d2fe682f9/687474703a2f2f697062697465722e303030776562686f73746170702e636f6d2f3f6f703d69267469643d39666165316663312d613464642d343466312d626261612d306365646535366433636463" alt="Buy me a coffee" /></a></p>


title: The cargo cult of versioning
url: http://akkartik.name/post/versioning
created_at: 2017-12-05 14:02:39
updated_at: 2017-12-05 14:02:39
mimetype: text/html
domain_name: akkartik.name
http_status: 200
content:
  <p>Nov 10, 2017</p>
  <b>The cargo cult of versioning</b>
  <p>
  [<em>Update Nov 27: This post had issues, and I retract some of my more
  provocative claims. See the errata at the end.</em>]
  </p><p>
  All software comes with a version, some sequence of digits, periods and
  characters that seems to march ever upward. Rarely are the optimistically
  increasing versions accompanied by a commensurate increase in robustness.
  Instead, upgrading to new versions often causes regressions, and the stream of
  versions ends up spawning an extensive grapevine to disseminate information
  about the best version to use. Unsatisfying as this state of affairs is to
  everyone, I didn't think that the problem lay with these version numbers
  themselves. They're just names, right? However, over the past year I've
  finally had my attention focused on them, thanks to two people:
  </p><div>
  Rich Hickey pointed out <a href="https://www.youtube.com/watch?v=oyLBGkS5ICk">last
  year</a> that the convention of bumping the major version of a library to
  indicate incompatibility conveys no more actionable information than just
  changing the name of the library.
  I recently encountered <a href="http://stevelosh.com/blog/2012/04/volatile-software">this
  post from 2012 by Steve Losh</a>, pointing out that if version numbers were
  any good, we'd almost always be looking to use the latest version number. But
  that doesn't happen. In the real world we're constantly trying to hold the
  stream of versions back, to clamp version numbers to some ceiling. <em>Pinning</em>
  our systems to use a specific version or range of versions.
  </div>
  <p>
  Why is version pinning so prevalent? The proximal reason is that modern
  package managers uniformly<sup><a href="http://akkartik.name/post/versioning#f1">1</a></sup> fail to provide the sane default of "give me the
  latest compatible version, excluding breaking changes."
  </p><div>
  RubyGems defaults to newest version available. So if you don't specify a
  version for a dependency and they create a breaking v3.0 when you've been
  implicitly using v2.2, <em>boom</em>. Result: best practice of pinning major
  version using the <em><a href="http://guides.rubygems.org/patterns/#declaring-dependencies">twiddle-waka</a></em>
  or <a href="https://robots.thoughtbot.com/rubys-pessimistic-operator">pessimistic</a>
  operator all over the place, and Steve Losh shaking head sadly.
  NPM for Node.js defaults to version tagged "latest". Again, if you go
  with the default version your project is liable to go <em>boom</em> at some
  future date. Best practice is to pin major versions using either the tilde
  operator or tags. Cue more sadness for Steve Losh. [<em>Edit</em>: The
  fact that you're required to provide some sort of version string at least
  raises the question of what it should be. It's still a gotcha that the empty
  string ""
  means "latest", but it's mitigated by the use of npm install --save to record dependencies
  rather than editing package.json directly.]
  <span style="text-decoration: line-through;">Leiningen for Clojure once again defaults to the latest version.</span>
  [<em>Correction</em>: <a href="https://lobste.rs/s/a4wvbs/cargo_cult_versioning#c_nd8oir">a
  comment</a> pointed out that Clojure has no default, but always requires a
  version. This approach suffers from the opposite problem: you never get
  <em>any</em> bugfixes or security fixes unless you explicitly mess with
  package.clj.]
  …and so on.
  </div>
  <p>
  These are all deep, competent projects. Why are their defaults so uniformly
  useless and misleading? The underlying reason is the traditional format of
  version numbers: mashing together multiple numbers into a single string, and
  more importantly <em>separating</em> the version string from the name of a
  package. A dependency that is just a name provides no hint on what version you
  want compatibility <em>with</em>, so a package manager has no easy way to pick
  a good default version.
  </p><p>
  <em>Towards a better approach</em>
  </p><p>
  To begin with, it's weird that versions are strings. <a href="https://github.com/npm/node-semver/blob/master/test/major-minor-patch.js">Parsing
  versions is non-trivial.</a> Let's just make them a tuple. Instead of "3.0.2",
  we'll say "(3, 0, 2)".
  </p><p>
  Next, move the major version to part of the name of a package. "Rails 5.1.4"
  becomes "Rails-5 (1, 4)". By following Rich Hickey's suggestion above, we also
  sidestep the question of what the default version should be. There's just no
  way to refer to a package without its major version.
  </p><p>
  Since we always want to provide the latest version by default, the distinction
  between minor versions and patch levels is moot. Just combine the 2-tuple into
  a single number. "LeftPad 17.5.0" would now become something like "LeftPad-17
  37".
  </p><p>
  At this point you could even get rid of the version altogether and just use
  the commit hash on the rare occasions when we need a version identifier. We're
  all on the internet, and we're all constantly running npm install or equivalent. Just say "Leftpad-17",
  it's cleaner.
  </p><p>
  And that's it. Package managers should provide no options for version pinning.
  </p><p>
  A package manager that followed such a proposal would foster an eco-system
  with greater care for introducing incompatibility<sup><a href="http://akkartik.name/post/versioning#f2">2</a></sup>.
  Packages that wantonly broke their consumers would "gain a reputation" and get
  out-competed by packages that didn't, rather than gaining a "temporary"
  pinning that serves only to <a href="http://250bpm.com/blog:51">perpetuate
  them</a>. The occasional unintentional breakage would necessitate people
  downstream cloning repositories and changing dependency URLs, which would
  create a much more stringent atmosphere of accountability for the breaking
  package. As a result, breaking changes wouldn't live so long that they gain
  <em>new</em> users.
  </p><p>
  In particular, <a href="http://semver.org">Semantic Versioning</a> is misguided,
  an attempt to fix something that is broken beyond repair. The correct way to
  practice semantic versioning is without any version strings at all, just Rich
  Hickey's directive: <b>if you change behavior, rename</b>. Or ok, keep a
  number around if you <em>really</em> need a security blanket. Either way, we
  programmers should be manually messing with version numbers a whole lot less.
  They're a holdover from the pre-version-control pre-internet days of shrink-wrapped
  software, vestigial in a world of pervasive connectivity and constant push
  updates. All version numbers do is provide cover for incompatibilities to hide
  under.
  </p><p>
  <em>Update (Nov 27)</em>
  </p><p>
  This post aroused a lot of great feedback on <a href="https://news.ycombinator.com/item?id=15676691">Hacker
  News</a> and <a href="https://lobste.rs/s/a4wvbs/cargo_cult_versioning">Lobste.rs</a>.
  After a day of engaging with comments my conclusion was that I should have
  been more explicit about my focus: the flow for upgrading (and testing)
  software in development, not deploying to production. In particular, the post
  doesn't make <em>any</em> claims about versions in production. Reproducible
  builds are great! But you just need a hash for them. Right?
  </p><p>
  A prolonged exchange with <a href="https://github.com/joelparkerhenderson/versioning">Joel
  Parker Henderson</a> convinced me that it's just not feasible to separate
  operational concerns from development concerns. A common question when
  managing software in production is, "what version is this running?" And that
  question quickly requires drilling down to the constituent pieces of a release
  and <em>their</em> versions. A hash makes that too hard. And you can't have
  separate version strings for development and deployment either, that's just a
  recipe for confusion. Therefore, if you take operational considerations into
  account, my claim that we don't need versions at all is invalid.
  </p><p>
  What, if anything, remains of value in this post? Package managers should by
  default never upgrade dependencies past a major version.
  </p><p>
  The design goal of a package manager should be that a dependency once added
  to <tt>Gemfile</tt> or <tt>package.json</tt> should never need to be modified
  until it's deleted. What people specify manually goes there, what the package
  manager deduces goes somewhere else (like <tt>Gemfile.lock</tt>). If people
  are editing version strings <em>en masse</em> in <tt>Gemfile</tt> or equivalent,
  that is a smell.
  </p><p>
  In the next mainstream platform, the versions people specify for dependencies
  should consist of just a major version, because that's the part that the
  package manager can never deduce. SemVer is a <a href="https://en.wikipedia.org/wiki/Siren_(mythology)">siren</a>
  here because it conflates pieces from multiple jurisdictions. The major
  version is the user's responsibility, and minor and patch versions are the
  package manager's. Why coalesce the two? That just necessitates baroque syntax
  like twiddle-waka to do the safe thing.
  </p><p>
  (And oh, if RubyGems and NPM are smelly, the Clojure approach totally stinks.
  Clojure requires manual intervention to pull in compatible/security fixes for
  dependencies. It follows the existing Java approach, but Java's eco-system
  predates the advance of package managers, half of whose <a href="https://en.wikipedia.org/wiki/Package_manager">reason
  for existence</a> — after installing dependencies — is updating
  dependencies. I may still be unaware of some design rationale here, but for
  now I think Leiningen really missed an opportunity to improve on Java here.)
  </p><div style="text-align: center;"><em>footnotes</em></div>
  <p>
  1. One exception here is Go, where the standard go get command <a href="https://stackoverflow.com/questions/24855081/how-do-i-import-a-specific-version-of-a-package-using-go-get/26546559#26546559">requires
  no versions, and always grabs the head of the repo</a>. However, the community
  seems to be turning from the light to the darkness with <a href="https://blog.gopheracademy.com/advent-2016/saga-go-dependency-management">a
  proposal</a> for a tool called go
  dep. It's unclear to me if this is due to a failure of communication on
  the part of the original authors of Go, or if there's a deeper justification
  for go dep
  that I'm missing. If you know, set me straight in the comments below.
  </p><p>
  2. Following Steve Losh, we'll allow packages ending in "-0"
  to make incompatible changes to their heart's content.
    </p><noscript><a href="http://akkartik.disqus.com/?url=ref">View the discussion thread.</a></noscript>


title: 50 Things You [Probably] Forgot To Design – UX Power Tools – Medium
url: https://medium.com/ux-power-tools/50-things-you-probably-forgot-to-design-7a288b0ef914
created_at: 2017-12-05 15:34:56
updated_at: 2017-12-05 15:34:56
mimetype: text/html
domain_name: medium.com
preview_picture: https://cdn-images-1.medium.com/max/1200/1*pZUV4Q2lmXK5xSF_1QDuTw.png
http_status: 200
content:
  <div class="section-divider"><hr class="section-divider" /></div><div class="section-content"><div class="section-inner sectionLayout--fullWidth"><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/2000/1*pZUV4Q2lmXK5xSF_1QDuTw.png" alt="image" /></div>Sorry for your bleeding eyes, but these are important.</div><div class="section-inner sectionLayout--insetColumn"><h4 id="e05f" class="graf graf--h4 graf-after--figure graf--kicker">Methodology</h4><h1 class="graf graf--h3 graf-after--h4 graf--title">50 Things You [Probably] Forgot To Design</h1><h2 class="graf graf--h4 graf-after--h3 graf--subtitle">Every PM: “I’m not mad, I’m just disappointed…”</h2><blockquote class="graf graf--blockquote graf-after--h4"><div><strong class="markup--strong markup--blockquote-strong">Small Favors: </strong>If you love this article, <a href="https://twitter.com/intent/tweet?text=I%20totally%20forgot%20to%20design%20some%20of%20these.%20Thanks%20for%20the%20reminder%2C%20%40uxpowertools%21%20https%3A%2F%2Fmedium.com%2Fux-power-tools%2F50-things-you-probably-forgot-to-design-7a288b0ef914" class="markup--anchor markup--blockquote-anchor" rel="nofollow noopener" target="_blank">share it with your friends</a>. If you love puppies, rescue one. If you love mayonnaise, refrigerate it.</div></blockquote><p class="graf graf--p graf-after--blockquote">Look, we all forget to design something on occasion. That’s totally cool!</p><p class="graf graf--p graf-after--p">Well, it’s not <em class="markup--em markup--p-em">cool</em>…but like…<strong class="markup--strong markup--p-strong">it’s okay</strong>. It happens. This list will make you better. Or at least more aware. Or maybe you just give it a couple claps because you recognize someone spent time curating this list and move on with your life. Nbd. I’m all about those claps, and <a href="https://www.youtube.com/watch?v=7PCkvCPvDXk" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">that bass</a>. With a Meghan Trainor reference in the first paragraph, we’re off to a <strong class="markup--strong markup--p-strong">roaring start</strong>.</p><p class="graf graf--p graf-after--p">This is just a list of things that you might have forgotten to design. When you think about how simple an app like Instagram or Snapchat is, it’s easy to overlook just how many screens, states, and <em class="markup--em markup--p-em">stuff</em> goes in to making a really awesome user experience.</p><ul class="postList"><li class="graf graf--li graf-after--p">Login &amp; Signup stuff</li><li class="graf graf--li graf-after--li">First Experience</li><li id="c995" class="graf graf--li graf-after--li">All the Little Things</li><li class="graf graf--li graf-after--li">Launch Materials</li><li class="graf graf--li graf-after--li">Profile Stuff</li><li class="graf graf--li graf-after--li">Mad Flows</li></ul><p class="graf graf--p graf-after--li graf--trailing">So read these, reflect, and…like…don’t upset your PM.</p></div></div><div class="section-divider"><hr class="section-divider" /></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><h3 class="graf graf--h3 graf--leading">Login &amp; Signup</h3><h4 class="graf graf--h4 graf-after--h3"><strong class="markup--strong markup--h4-strong">1. The Splash Screen</strong></h4><p class="graf graf--p graf-after--h4">The screen that shows up when you launch a mobile app, or when you login to a web app and everything is loading.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*sEM54vviUonmagIaPNnOdw.png" alt="image" /></div>Here’s a beautiful one by <a href="https://dribbble.com/jamesdarin" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">James Jackson</a><h4 class="graf graf--h4 graf-after--figure"><strong class="markup--strong markup--h4-strong">2. The Forgot Password Flow</strong></h4><p class="graf graf--p graf-after--h4">Was it “abcd1234” or “1234abcd”? This is important. Don’t forget it.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*8p1bV2jh4O6RMlYtfrI7Gg.gif" alt="image" /></div><a href="https://dribbble.com/majoputerka" class="markup--anchor markup--figure-anchor" rel="contact noopener nofollow noopener" target="_blank">Majo Puterka</a> doesn’t leave his users locked out of the house in the rain.<h4 class="graf graf--h4 graf-after--figure"><strong class="markup--strong markup--h4-strong">3. The “Thanks for Signing Up” Page</strong></h4><p class="graf graf--p graf-after--h4">This screen usually comes after a user creates an account and tells them to go confirm their email address.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*lNoVoN0_BhVtto2EEN2pvQ.png" alt="image" /></div>What’s Next? Ask <a href="https://dribbble.com/hayleycattlindesign" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Hayley Cattlin</a>.<h4 id="fe35" class="graf graf--h4 graf-after--figure"><strong class="markup--strong markup--h4-strong">4. The Welcome Email</strong></h4><p id="a5d3" class="graf graf--p graf-after--h4">This straddles the line between product design and product marketing, but it’s literally THE FIRST impression you get to have on your users. Make it count. It’s a great time to introduce the quippy tone of your product.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*zhzAm22XWS6rEj5PiUBr-Q.png" alt="image" /></div>iReally like this. By <a href="https://dribbble.com/golatka" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Brian Golatka</a>.<h4 id="c009" class="graf graf--h4 graf-after--figure"><strong class="markup--strong markup--h4-strong">5. The Terms of Service &amp; Privacy Pages (ugh)</strong></h4><p class="graf graf--p graf-after--h4">Just do it for the folks over in legal. They’re just trying to avoid getting sued.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*sW2GYv_71o7kFvVCRbZvOQ.png" alt="image" /></div>I really appreciate how <a href="https://dribbble.com/markoprljic" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Marko Prljic</a> tried to make the Terms &amp; Conditions more approachable.</div></div><div class="section-divider"><hr class="section-divider" /></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><h3 id="d848" class="graf graf--h3 graf--leading">First Experience</h3><h4 class="graf graf--h4 graf-after--h3">6. The User Onboarding</h4><p id="f108" class="graf graf--p graf-after--h4">There are tons of different methods you can use. Here are five of my favs:</p><div id="ef40" class="graf graf--mixtapeEmbed graf-after--p"><a href="https://medium.com/innovatemap-current/5-delightful-ways-to-onboard-new-users-4c0496b30b6a" class="markup--anchor markup--mixtapeEmbed-anchor" title="https://medium.com/innovatemap-current/5-delightful-ways-to-onboard-new-users-4c0496b30b6a"><strong class="markup--strong markup--mixtapeEmbed-strong">5 Delightful Ways to Onboard New Users</strong><br /><em class="markup--em markup--mixtapeEmbed-em">The Window Shopper, The New Concept, The First Date, Imitation Game, and The Upsell</em>medium.com</a><a href="https://medium.com/innovatemap-current/5-delightful-ways-to-onboard-new-users-4c0496b30b6a" class="js-mixtapeImage mixtapeImage u-ignoreBlock"></a></div><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*0EXUD3a7u9wu8QWnuMAu-Q.png" alt="image" /></div>Delightfully helpful, by <a href="https://dribbble.com/munarun" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">MuNa</a>.<h4 id="b7d1" class="graf graf--h4 graf-after--figure">7. The Out-of-the-Box Empty State(s)</h4><p class="graf graf--p graf-after--h4">It’s like moving into a house and you haven’t moved in any furniture. Looks pretty empty, huh? Help your users out by giving them a nudge in the right direction. <strong class="markup--strong markup--p-strong">“Place couch here.”</strong></p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*MzlkgsTBqO_vYZaqrH1ooA.png" alt="image" /></div>I get the feeling <a href="https://dribbble.com/veli" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Veli-Johan Veromann</a> likes superheroes.<h4 class="graf graf--h4 graf-after--figure">8. The Help Docs</h4><p id="b08b" class="graf graf--p graf-after--h4">If you’re at a big company, there’s probably a whole team dedicated to this. But they’re still gonna bug you for illustrations and screenshots. This deserves as much (or more) effort as the login page or the activity feed.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*pIj8Gp5sgWa6PYYUDbkjnQ.png" alt="image" /></div><a href="https://dribbble.com/mayagao" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Maya Gao</a> is very helpful. Be more like Maya.<h4 class="graf graf--h4 graf-after--figure">9. The Default User Profile Image/Avatar</h4><p class="graf graf--p graf-after--h4">Signing up with social accounts or services like Gravatar have really helped us show off our smiling faces, but you’re still gonna get <strong class="markup--strong markup--p-strong"><em class="markup--em markup--p-em">that one guy</em></strong> who never gets around to uploading a profile photo. Give it a little flair and show off the brand.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*MHckthNbpOtgCtMw5NjTiw.png" alt="image" /></div><a href="https://dribbble.com/Mercury_He" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Hermes Strange</a> makes cute stuff. These are cute AF.<h4 class="graf graf--h4 graf-after--figure">10. The Logout Button</h4><p class="graf graf--p graf-after--h4">Unfortunately, you DO have to allow users to leave. Just pretend they’re using your app in a public library and they need to logout so some stranger doesn’t change their account name to “Mr. Butts”. Inappropriate.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*ZxShodBUnhn7M5jdI6R8Ng.png" alt="image" /></div>I’m guessing Kristofer probably stole <a href="https://dribbble.com/henrikdahlheim" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Henrik</a>’s lunch money. Let him log out and flee the scene.</div></div><div class="section-divider"><hr class="section-divider" /></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><h3 id="fced" class="graf graf--h3 graf--leading">All The…Small Things</h3><h4 id="e20c" class="graf graf--h4 graf-after--h3">11. The App Footer</h4><p class="graf graf--p graf-after--h4">Most of the time I assume pages just go on forever, like when people believed the world was flat and just kind of kept going. Note: The Earth is not flat.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*XqAKqa0-ozKIZ3UhYKuzww.png" alt="image" /></div><a href="https://dribbble.com/ashschweitzer" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Ash Schweitzer</a> might be lost in the woods somewhere. Someone help her.<h4 class="graf graf--h4 graf-after--figure">12. The Browser Favicon</h4><p class="graf graf--p graf-after--h4">You know…that little icon that shows up on a browser tab. I keep losing my <a href="https://medium.com/@Medium" class="markup--user markup--p-user" target="_blank">Medium</a> tabs because it’s not green anymore. But it <strong class="markup--strong markup--p-strong">is</strong> pretty!</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*z5nSSBgY_U6yw-sEPEEOJA.png" alt="image" /></div><a href="https://dribbble.com/flarup" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Michael Flarup</a> made <a href="https://dribbble.com/shots/3486969-Favicon-Template" class="markup--anchor markup--figure-anchor" rel="nofollow noopener" target="_blank">an awesome favicon template you can download</a>.<h4 id="d548" class="graf graf--h4 graf-after--figure">13. The 404 Page</h4><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*unWp6dw_wMOHP2Ri5j9FDQ.png" alt="image" /></div><a href="https://dribbble.com/rizvanbagirli" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Rizvan</a> is stuck in that hole. Go help her.<h4 class="graf graf--h4 graf-after--figure">14. The Default/Hover/Focus/Pressed/Disabled/Etc. Input States</h4><p class="graf graf--p graf-after--h4">Ugh, so many states. “Focus + Hover” might be my favorite/most obscure. The screenshot below comes from the <a href="http://uxpower.tools/" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">UX Power Tools Design System</a>.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*IGYztTe-inWGqaqko6a-zg.png" alt="image" /></div><p class="graf graf--p graf-after--figure"><strong class="markup--strong markup--p-strong">Side note for my side project, you should definitely check it out:</strong></p><div id="e08e" class="graf graf--mixtapeEmbed graf-after--p"><a href="http://uxpower.tools/" class="markup--anchor markup--mixtapeEmbed-anchor" title="http://uxpower.tools/" rel="nofollow"><strong class="markup--strong markup--mixtapeEmbed-strong">UX Power Tools</strong><br /><em class="markup--em markup--mixtapeEmbed-em">Does it really save me time? You know how TV chefs already have the ingredients pre-chopped for them, and all they have…</em>uxpower.tools</a><a href="http://uxpower.tools/" class="js-mixtapeImage mixtapeImage u-ignoreBlock"></a></div><h4 id="e14c" class="graf graf--h4 graf-after--mixtapeEmbed">15. The <a href="https://www.w3schools.com/tags/att_global_tabindex.asp" class="markup--anchor markup--h4-anchor" rel="nofollow noopener" target="_blank">Tab Order</a></h4><p class="graf graf--p graf-after--h4">Tab Order is an accessibility feature that allows users to navigate a page using the Tab key. I couldn’t find an image to represent this, so I took a screenshot of a spec <a href="https://medium.com/@cmbeck_" class="markup--user markup--p-user" target="_blank">Christian Beck</a> wrote from 2007 where he defined tab order position in a table for each UI control in a table (I got tired even just writing that 😴…<strong class="markup--strong markup--p-strong">SnoozeFest 2017™</strong>). You can actually define the order in which items are visited to ensure primary actions come before secondary ones. This is a neat design challenge.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*jWQY30u4frlSyIe21cnzQw.png" alt="image" /></div>Ahhh, the days of writing 80-page specs and waterfall development.<h4 class="graf graf--h4 graf-after--figure">16. The Scrolling Behavior</h4><p class="graf graf--p graf-after--h4">Not only just <em class="markup--em markup--p-em">where</em> and <em class="markup--em markup--p-em">how</em> it scrolls, but <strong class="markup--strong markup--p-strong">what</strong> actually scrolls. Is the header fixed? The footer?</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*dJtphaiq-ULPE5lYHtdJ-w.gif" alt="image" /></div>Oh man, <a href="https://dribbble.com/peterblazej" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Peter Blazej</a>, this feels smooth. Nice!<h4 class="graf graf--h4 graf-after--figure">17. The <a href="https://medium.com/@intercom" class="markup--user markup--h4-user" target="_blank">Intercom</a> Button</h4><p class="graf graf--p graf-after--h4">I mean the least you can do is make it match your app colors. Come on folks. It’s not rocket surgery.</p></div><div class="section-inner sectionLayout--outsetColumn"><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/2000/1*q70uY0MvGLyCQsFu7bIU_w.png" alt="image" /></div><a href="https://docs.intercom.com/configure-intercom-for-your-product-or-site/customize-the-intercom-messenger/customize-the-intercom-messenger-basics" class="markup--anchor markup--figure-anchor" rel="nofollow noopener" target="_blank">This is easier than making a bowl of cereal.</a></div><div class="section-inner sectionLayout--insetColumn"><h4 class="graf graf--h4 graf-after--figure">18. The Pagination Buttons</h4><p class="graf graf--p graf-after--h4">Assuming you didn’t opt for infinite scrolling, your users are gonna need a way to get to page 27. Let them!</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*LAMD49tocxQj6UiVWSlfYw.gif" alt="image" /></div><a href="https://dribbble.com/BorundaDesigns" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Borunda</a> did a nice job. Love that yellow, Borunda!<h4 class="graf graf--h4 graf-after--figure">19. The Cursors</h4><p class="graf graf--p graf-after--h4">Buttons should have a pointer. Non-interactive stuff should have a default cursor. Text should have a text cursor. Developers don’t always know this. I just redlined an app screen the other day where a developer had a text cursor for the hover state of a button. <strong class="markup--strong markup--p-strong">Mercy</strong>.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*UR-BfhvP6gTJJOwNvgnbzQ.png" alt="image" /></div><a href="https://dribbble.com/brdrck" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Jeff Broderick</a> LOVES clicking on stuff. <a href="https://dribbble.com/shots/2511698-Vector-Sketch-Cursor-Symbols" class="markup--anchor markup--figure-anchor" rel="nofollow noopener" target="_blank">He also made a freebie</a>.<h4 class="graf graf--h4 graf-after--figure">20. The Table Sort/Filter/Search Mechanism(s)</h4><p id="abf3" class="graf graf--p graf-after--h4">There’s gotta be a faster way to get to ZZ Top in that “Bands with Beards” data table…</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*b6OLhAmsVRlBIaignHYfuQ.png" alt="image" /></div><a href="https://dribbble.com/larocheco" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Eugen Esanu</a> has an exceptional eye for filtering mechanisms, and purple/yellow combos. Nice.<h4 class="graf graf--h4 graf-after--figure">21. The “No Results” Empty States</h4><p class="graf graf--p graf-after--h4">Sometimes you’ll search for something or add too many filters, and there aren’t any results. How sad. Cheer up your users with a cheeky illustration. Or your bank account and routing numbers.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*erfx47qw2ort5rJEoeoLvw.gif" alt="image" /></div><a href="https://dribbble.com/ReinerW" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Reiner Wendland</a> pretty much covered everything for <a href="https://medium.com/@ZendeskOps" class="markup--user markup--figure-user" target="_blank">Zendesk</a>.<h4 class="graf graf--h4 graf-after--figure">22. The Error States</h4><p class="graf graf--p graf-after--h4">Bad input. Incorrect password. Existing account. Too many things selected. There are all kinds of ways things can go wrong, particularly if you’re my Grandma and you got an iPad for Christmas. That was a mistake.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*jj1hAHdQ1rfOxtM14ByNow.gif" alt="image" /></div><a href="https://dribbble.com/Mr_Stezz" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Mike Stezycki</a> really had me thinking that email got sent. Then he was all: 😦<h4 class="graf graf--h4 graf-after--figure">23. The System Notifications</h4><p id="ac89" class="graf graf--p graf-after--h4">The system is always doing something behind the curtain, and sometimes it’s nice to know when things finish successfully (or don’t). You should definitely let the user know that.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*mI77IGADAWgC5hFHsV2k4A.gif" alt="image" /></div>This is from Google Inbox. The “Undo” is really convenient when you “accidentally” delete an email from your mom.<h4 class="graf graf--h4 graf-after--figure">24. The Empty Autocomplete Dropdown</h4><p class="graf graf--p graf-after--h4">Autocomplete is awesome for helping you find objects in the system, but sometimes there aren’t any results. In this case, you don’t just want an empty box. Show a little message, or allow them to take some kind of action.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*qF9RIkyRvbgu8CQT__M1zg.gif" alt="image" /></div>Apparently <a href="https://dribbble.com/Jurriaanvd" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Jurriaan van Drunen</a> didn’t have “Bra” in his contacts already. Probably for the best.<h4 class="graf graf--h4 graf-after--figure">25. The Loading State</h4><p class="graf graf--p graf-after--h4">Sure, people will probably be Tindering on their phones while the page loads, but in the event they actually look up from their sexy swiping, there should probably be some visual indication that stuff is still loading.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*dysORLcBz1afIxuXlQ9eqA.gif" alt="image" /></div>Not the best pan flip form, <a href="https://dribbble.com/xplai" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">XPLAI</a>. Keep practicing. But this is still painfully adorable.</div></div><div class="section-divider"><hr class="section-divider" /></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><h3 class="graf graf--h3 graf--leading">Launch Materials</h3><h4 class="graf graf--h4 graf-after--h3">26. The Friggin’ App Icon</h4><p class="graf graf--p graf-after--h4">Yeah, it’s probably best you don’t forget about this.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*pW6BTsJ2UVKqdQJtlcRkbA.png" alt="image" /></div>I’m willing to bet <a href="https://dribbble.com/lobanovskiy" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Eddie Lobanovskiy</a> changed all of his icons to breakfast foods. Delicious.<h4 class="graf graf--h4 graf-after--figure">27. The App Store Images</h4><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*n3g_sGmvxI-w1kLq9guatQ.png" alt="image" /></div><a href="https://dribbble.com/danielbeere" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Daniel Beere</a> didn’t forget the app store images for his app. High five, dude.<h4 id="fc5a" class="graf graf--h4 graf-after--figure">28. The Open Graph/Social Images</h4><p id="b8a8" class="graf graf--p graf-after--h4">This is the image that shows up when you tweet a link on Twitter, make a post on Facebook, post a link on Medium, etc…</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*hheOSk1Qq6N3CkCZnbspHg.png" alt="image" /></div>Kristy T is officially carless. SF will do that to ya.<p id="a775" class="graf graf--p graf-after--figure">Here’s how it looks in Medium:</p><div class="graf graf--mixtapeEmbed graf-after--p"><a href="http://uxpower.tools/" class="markup--anchor markup--mixtapeEmbed-anchor" title="http://uxpower.tools/" rel="nofollow"><strong class="markup--strong markup--mixtapeEmbed-strong">UX Power Tools</strong><br /><em class="markup--em markup--mixtapeEmbed-em">Does it really save me time? You know how TV chefs already have the ingredients pre-chopped for them, and all they have…</em>uxpower.tools</a><a href="http://uxpower.tools/" class="js-mixtapeImage mixtapeImage u-ignoreBlock"></a></div><h4 id="ad86" class="graf graf--h4 graf-after--mixtapeEmbed">29. The Website Marketing Images</h4><p class="graf graf--p graf-after--h4">Also don’t forget, they’ll probably want to make the website look like Stripe so just copy this exactly:</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*XwZWcO-QvdbJnXrjqjJPPA.png" alt="image" /></div>And if you’re a designer at <a href="https://redkix.com/beta/" class="markup--anchor markup--figure-anchor" rel="nofollow noopener" target="_blank">Redkix</a>, you’ll have to make sure that image works on crimson.<h4 class="graf graf--h4 graf-after--figure">30. The Sales Deck Images</h4><p class="graf graf--p graf-after--h4">You’re probably good if you handle the one above. But in this case you’ll probably need to scrub content to match the brand of whatever 6-figure deal your brilliant sales team is working on.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*mJ5wwxjdCfizyfo-QofhZg.png" alt="image" /></div>Oh and sales will probably cover up all your <a href="https://dribbble.com/kolage" class="markup--anchor markup--figure-anchor" rel="nofollow noopener" target="_blank">mockups</a> with other stuff, so prepare for that.<h4 class="graf graf--h4 graf-after--figure">31. The Pitch Deck Images</h4><p class="graf graf--p graf-after--h4">Like a Sales Deck image but a little more <em class="markup--em markup--p-em">visionary</em>. I mean…you’re trying to raise money. You’ll figure how to make it possible <strong class="markup--strong markup--p-strong">later</strong>.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*7Kd3hd_PgFzjt9vAgEFUyw.png" alt="image" /></div>Here’s a trade secret, always put <a href="https://dribbble.com/claudiucioba" class="markup--anchor markup--figure-anchor" rel="nofollow noopener" target="_blank">dashboards</a> in your pitch deck. 🦄 This is not a joke.<h4 class="graf graf--h4 graf-after--figure">32. The <a href="https://medium.com/@producthunt" class="markup--user markup--h4-user" target="_blank">Product Hunt</a> Images</h4><p id="aaed" class="graf graf--p graf-after--h4">Hey they just updated the profile pages too!</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*83QQUnBjVtitUlJZvMnl0A.png" alt="image" /></div>I still miss Medium 2.0 but every 👏 I 👏 get 👏 helps 👏 me👏 move 👏 on.<h4 class="graf graf--h4 graf-after--figure">33. The Facebook/Twitter Ad Images</h4><p id="cd54" class="graf graf--p graf--startsWithDoubleQuote graf-after--h4">“But we aren’t running Facebook ads!” Ha, <strong class="markup--strong markup--p-strong">until you are</strong>. And then nobody tells you. Just make them already and you’ll be safe.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*jznDzq4tcdkPKm4qyHCFLw.png" alt="image" /></div>It took some digging to find an ad that WASN’T for a <a href="https://medium.com/@caspersleep" class="markup--user markup--figure-user" target="_blank">Casper</a> Mattress. Y’all killin’ the game, Casper.<h4 class="graf graf--h4 graf-after--figure">34. The Social Media Profile Images</h4><p class="graf graf--p graf-after--h4">Yep, you have to make one for all 938 social networks. Thankfully we made a Sketch tool to speed that up for you. <strong class="markup--strong markup--p-strong">Y’welcome</strong>, kiddos.</p><div id="b46f" class="graf graf--mixtapeEmbed graf-after--p"><a href="https://medium.com/ux-power-tools/using-nested-symbols-to-create-tons-of-social-assets-in-seconds-4ee935e36347" class="markup--anchor markup--mixtapeEmbed-anchor" title="https://medium.com/ux-power-tools/using-nested-symbols-to-create-tons-of-social-assets-in-seconds-4ee935e36347"><strong class="markup--strong markup--mixtapeEmbed-strong">Using Nested Symbols to Create Tons of Social Assets in Seconds.</strong><br /><em class="markup--em markup--mixtapeEmbed-em">“Hey, can I get a profile photo for Facebook? And Twitter? And Google Plus? And Pinterest? And Tinder?”</em>medium.com</a><a href="https://medium.com/ux-power-tools/using-nested-symbols-to-create-tons-of-social-assets-in-seconds-4ee935e36347" class="js-mixtapeImage mixtapeImage u-ignoreBlock"></a></div><h4 class="graf graf--h4 graf-after--mixtapeEmbed">35. The Launch Email Banner</h4><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*2LSlFZkoTAdZWQl_k8OTPg.png" alt="image" /></div>Triple points if you make it an illustration. <a href="https://current.innovatemap.com" class="markup--anchor markup--figure-anchor" rel="nofollow noopener" target="_blank"><strong class="markup--strong markup--figure-strong">Current</strong></a>.<p class="graf graf--p graf-after--figure">^ by the way, this is my agency’s newsletter and my coworkers write some really outstanding content. We’d love it if you subscribed!</p><p class="graf graf--p graf-after--p"><strong class="markup--strong markup--p-strong">Here are some recent favs:</strong></p><div class="graf graf--mixtapeEmbed graf-after--p"><a href="https://current.innovatemap.com/wisdom/the-art-of-conducting-research-for-product-innovation/" class="markup--anchor markup--mixtapeEmbed-anchor" title="https://current.innovatemap.com/wisdom/the-art-of-conducting-research-for-product-innovation/" rel="nofollow"><strong class="markup--strong markup--mixtapeEmbed-strong">The Art of Conducting Research for Product Innovation</strong><br /><em class="markup--em markup--mixtapeEmbed-em">The concept of "get out of the building" has been hammered home in entrepreneurship and product management circles so…</em>current.innovatemap.com</a><a href="https://current.innovatemap.com/wisdom/the-art-of-conducting-research-for-product-innovation/" class="js-mixtapeImage mixtapeImage u-ignoreBlock"></a></div><div id="d37f" class="graf graf--mixtapeEmbed graf-after--mixtapeEmbed graf--trailing"><a href="https://current.innovatemap.com/wisdom/5-techniques-for-building-an-adaptive-brand-identity/" class="markup--anchor markup--mixtapeEmbed-anchor" title="https://current.innovatemap.com/wisdom/5-techniques-for-building-an-adaptive-brand-identity/" rel="nofollow"><strong class="markup--strong markup--mixtapeEmbed-strong">5 Techniques for Building an Adaptive Brand Identity</strong><br /><em class="markup--em markup--mixtapeEmbed-em">Brand identities in the startup world can be fairly shallow, rarely venturing beyond a simple logo, website, and email…</em>current.innovatemap.com</a><a href="https://current.innovatemap.com/wisdom/5-techniques-for-building-an-adaptive-brand-identity/" class="js-mixtapeImage mixtapeImage u-ignoreBlock"></a></div></div></div><div class="section-divider"><hr class="section-divider" /></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><h3 class="graf graf--h3 graf--leading">Profile Stuff</h3><h4 id="c6ab" class="graf graf--h4 graf-after--h3">36. Notification Preferences</h4><p class="graf graf--p graf-after--h4">It’s awesome when apps notify you when things happen, and even cooler when it plays a trumpet sound. But after the 19th time, you get <em class="markup--em markup--p-em">really tired of trumpets</em>. You should probably let the user decide when the trumpets sound.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*VJ1FjSsnhuZQ7sF7JYud3w.png" alt="image" /></div>Slack didn’t become an $8 billion company by <strong class="markup--strong markup--figure-strong"><em class="markup--em markup--figure-em">slacking</em></strong> on notification settings!! Nailed it.<h4 id="f502" class="graf graf--h4 graf-after--figure">37. The Billing Page</h4><p class="graf graf--p graf-after--h4">Don’t forget people need to get copies of their bills to expense the product they are paying you thousands of dollars for. And <a href="https://twitter.com/cmbeck_" class="markup--anchor markup--p-anchor" rel="nofollow noopener" target="_blank">some people</a> make up the idiot IT department for their agency and can’t stand how hard it is to locate this. <strong class="markup--strong markup--p-strong">every. single. month.</strong> He’s not bitter.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*a8w_qwhI5n1b5-CIq3oCyQ.png" alt="image" /></div>I don’t know what any of this means, but it was easy to get here!<h4 class="graf graf--h4 graf-after--figure">38. The “Delete My Account” Option</h4><p class="graf graf--p graf-after--h4">Right, I know. Nobody will do this. But hey, maybe they’ll start a new account again someday! Just like the people who pass a kiosk in the mall and say “I’ll come back later and buy three!” <strong class="markup--strong markup--p-strong">Sure.</strong></p><p class="graf graf--p graf-after--p">There are legit reasons for this that <em class="markup--em markup--p-em">are</em> positive. I’ve deleted accounts as I merged into a larger team license. I’ve deleted old accounts that collected dust and I wanted to start fresh. In any case, it’s good customer service to make this a good experience as well.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*vLMznLG_Adlio9VSR02_Rg.png" alt="image" /></div>Pssst, Mr. President, you can de-activate your account <a href="https://twitter.com/settings/account" class="markup--anchor markup--figure-anchor" rel="nofollow noopener" target="_blank">here</a>.<h4 class="graf graf--h4 graf-after--figure">39. The Profile Photo Cropping Tool</h4><p class="graf graf--p graf-after--h4">Well this is a dumpster fire nightmare scenario for most apps and it doesn’t need to be. I had <a href="https://medium.com/@cmbeck_" class="markup--user markup--p-user" target="_blank">Christian</a> send me a screenshot from earlier when he was changing his profile picture to Beyoncé.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*csKTcF_9i1AkZ-fIDAuDmQ.png" alt="image" /></div>He couldn’t even get past this screen to show how it cropped a photo. 2 out of 10 stars. Would not put a ring on it.<h4 class="graf graf--h4 graf-after--figure">40. The “Upgrade My Account” Option/Flow</h4><p class="graf graf--p graf-after--h4">It boggles my mind how difficult this is for many SaaS products. Shut up and take my money. Shouldn’t this be <strong class="markup--strong markup--p-strong">easy</strong>?! Like…THE EASIEST?!</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*8uMz0241owLA_0sEn97JpQ.png" alt="image" /></div><a href="http://buffer.com" class="markup--anchor markup--figure-anchor" rel="nofollow noopener" target="_blank">Buffer</a> has a menu item to upgrade then a pretty simple form. Bam. You’ve got my money. Way to go, <a href="https://medium.com/@buffer" class="markup--user markup--figure-user" target="_blank">Buffer</a>.</div></div><div class="section-divider"><hr class="section-divider" /></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><h3 class="graf graf--h3 graf--leading">Mad Flows</h3><p class="graf graf--p graf-after--h3">Eventually, you’ll have finished all the previous things and think you’re home free — then you literally start to go home for the day proud of how on the ball you are.</p><p class="graf graf--p graf-after--p">Then halfway home on your fixie, sipping kombucha from your camelbak, you remember development hasn’t actually started yet! #$%@</p><p id="e2bf" class="graf graf--p graf-after--p">Once development starts, you’ll start realizing that just mocking up one screen doesn’t really tell the story (it’s cool, we all try to be lazy). Developers need you to actually break down how a user experience flows from screen-to-screen.</p><h4 id="fc0c" class="graf graf--h4 graf-after--p">41. The “Change My Address” Flow</h4><p class="graf graf--p graf-after--h4">You know when you get a snazzy new apartment downtown and you have to change your address on EVERY CREDIT CARD YOU’VE EVER OWNED?</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*xJ2VXYUcM2C5F0DTGqu1cw.png" alt="image" /></div><a href="https://dribbble.com/dhavalgandhiuxer" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Dhaval S. Gandhi</a> wants to make sure his Aloe Vera is shipped to the right place.<h4 id="e02e" class="graf graf--h4 graf-after--figure">42. The “Add A Credit Card” Flow</h4><p class="graf graf--p graf-after--h4">Some people (ahem, me) like to keep like a hundred credit/debit cards on file so that thieves have lots of accounts to choose from. So make it easy to add cards. That’s really all I have to say about that.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*4mCsVF3R1HJgnFTVmMBQtQ.png" alt="image" /></div>This looks way too real, <a href="https://dribbble.com/medinnna" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Carlos Medina</a>. Unrelated, I just bought some new shoes and it didn’t cost a dime!<h4 id="c13a" class="graf graf--h4 graf-after--figure">43. The “Bulk Add” Flow</h4><p id="c0c1" class="graf graf--p graf-after--h4">It’s one thing to make adding an object into the system quickly, but it’s an entirely <em class="markup--em markup--p-em">different thing</em> to make adding a BUNCH OF OBJECTS into the system quickly.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*KSjWO6BXpJMu0oPtThNBvg.png" alt="image" /></div>Please sir, may I have some more?<h4 class="graf graf--h4 graf-after--figure">44. The “Create a Custom Filter” Flow</h4><p class="graf graf--p graf-after--h4">If you allow for sophisticated filtering, it might be nice to add the ability to save this complicated filter for later. That way you don’t have to click a million times all over again.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*8AJ47Nu_FnTszjLso6vAbw.png" alt="image" /></div><a href="https://dribbble.com/oykun" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Oykun Yilmaz</a> could take this one step further by allowing the user to save this filter. Do it, Oykun!<h4 class="graf graf--h4 graf-after--figure">45. The “Add to Shopping Cart” Flow</h4><p class="graf graf--p graf-after--h4">It’s kind of funny to think that people forget about this flow, but you know…I’m one of those people. <strong class="markup--strong markup--p-strong">Shut up.</strong></p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*_COL-3Ja-hs14Y0bRnU2IA.gif" alt="image" /></div>Apparently <a href="https://dribbble.com/Alby_san" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Alberto Conti</a> needed 4 chairs and 4 side tables. Must be a big house…<h4 class="graf graf--h4 graf-after--figure">46. The “Share This” Flow</h4><p class="graf graf--p graf-after--h4">Sharing has become pretty ubiquitous online, but that doesn’t mean it’s already designed for you. All the more reason to spend some time on this one.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*2lUUICFNXopu8n0v_t9XbQ.png" alt="image" /></div><a href="https://dribbble.com/tomekwiatkowski" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Tomek Kwiatkowski</a> really knows how to get social.<h4 class="graf graf--h4 graf-after--figure">47. The “Create from Existing” Flow</h4><p class="graf graf--p graf-after--h4">This is kind of like “Duplicate + Edit” all in one action. Basically the user is able to start from an existing object and update it as needed.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*VKQLwRHbhu6OmQKHqcvd9g.png" alt="image" /></div>Kyle Johnston is writing a LOT of scripts. Maybe secretly Christopher Nolan?<h4 id="e0b2" class="graf graf--h4 graf-after--figure">48. The “Invite Someone” Flow</h4><p id="eb9b" class="graf graf--p graf-after--h4">There’s no better way to add some “virality” to your product than through invitations and sharing. Looking at you <a href="https://medium.com/@dribbble" class="markup--user markup--p-user" target="_blank">Dribbble</a>. Make sure it’s easy, quick, and fun!</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*ESPL-XmY0BbboVotGOfAXg.png" alt="image" /></div>I think <a href="https://dribbble.com/ppintaric" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Paula Pintaric</a> and Christine are going on a flight. Or they’re working on a project and watching other people fly. That’s worse.<h4 class="graf graf--h4 graf-after--figure">49. The “Change User Permissions” Flow</h4><p class="graf graf--p graf-after--h4">You know that guy Greg? You know how he kind of screws up everything he touches? Yeah, you might wanna revoke some of Greg’s privileges just so he doesn’t delete the entirety of the Internet. Silly Greg.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*UbQ3fgy9CFPYtZ03Dwuv-g.png" alt="image" /></div><a href="https://dribbble.com/mshwery" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Matt Shwery</a>, on the other hand…much less of a knucklehead than Greg.<h4 class="graf graf--h4 graf-after--figure">50. The “Delete and Recover” Flow</h4><p class="graf graf--p graf-after--h4">You know when you delete something SUPER important and need to get it back immediately? No? Alright.</p><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*Q9wRWwqFFRTLHiSHIo7B-A.gif" alt="image" /></div><a href="https://dribbble.com/Eetom" class="markup--anchor markup--figure-anchor" rel="contact nofollow noopener" target="_blank">Eric Tsai</a> understands that we all make mistakes.<h4 id="cb1a" class="graf graf--h4 graf-after--figure">BONUS #51. Animations</h4><p id="cb9a" class="graf graf--p graf-after--h4">Full disclosure, I actually forgot about these myself. Look, I love animations but I’m lucky if we have the luxury to build these when sales wants a prototype done <strong class="markup--strong markup--p-strong">yesterday</strong>, and development is pointing out something I completely missed in my 8th iteration of the landing page. And honestly if we get to animations at all, I just peruse Dribbble or CodePen and send something I like to dev and say, “Make it like that!” Kidding. Am I?</p><p id="b995" class="graf graf--p graf-after--p graf--trailing">I’m not.</p></div></div><div class="section-divider"><hr class="section-divider" /></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><h3 class="graf graf--h3 graf--leading">Summary</h3><p id="a273" class="graf graf--p graf-after--h3">You’re probably furiously writing a list of everything I forgot for this article. Feel free to <strong class="markup--strong markup--p-strong"><em class="markup--em markup--p-em">kindly</em></strong> remind me in the comments. Designers have about a million things to remember when designing MVP products, or large features for an enterprise software platform. Hopefully this can at least be a handy reference to help remind you on your next project.</p><p id="dcc2" class="graf graf--p graf-after--p"><em class="markup--em markup--p-em">When I’m not </em><strong class="markup--strong markup--p-strong"><em class="markup--em markup--p-em">trying to remember every little thing (she does is magic)</em></strong><em class="markup--em markup--p-em">, I’m working on Sketch design tools at UX Power Tools to make you a better, more efficient designer. You can learn more here:</em></p><div class="graf graf--mixtapeEmbed graf-after--p"><a href="https://www.uxpower.tools/" class="markup--anchor markup--mixtapeEmbed-anchor" title="https://www.uxpower.tools/" rel="nofollow"><strong class="markup--strong markup--mixtapeEmbed-strong">UX Power Tools</strong><br /><em class="markup--em markup--mixtapeEmbed-em">UX Power Tools is the most advanced Sketch design system ever made. It’s like Bootstrap for designers. All the hard…</em>www.uxpower.tools</a><a href="https://www.uxpower.tools/" class="js-mixtapeImage mixtapeImage u-ignoreBlock"></a></div><p class="graf graf--p graf-after--mixtapeEmbed graf--trailing"><a href="https://www.twitter.com/uxpowertools" class="markup--anchor markup--p-anchor" rel="nofollow noopener nofollow noopener nofollow noopener nofollow noopener nofollow noopener nofollow noopener noopener nofollow noopener nofollow noopener nofollow noopener nofollow noopener nofollow noopener nofollow noopener noopener noopener nofollow noopener" target="_blank"><em class="markup--em markup--p-em">Follow UX Power Tools on Twitter</em></a><em class="markup--em markup--p-em"><br /></em><a href="https://www.twitter.com/thejmoore" class="markup--anchor markup--p-anchor" rel="nofollow noopener nofollow noopener nofollow noopener nofollow noopener nofollow noopener nofollow noopener noopener nofollow noopener nofollow noopener nofollow noopener nofollow noopener nofollow noopener nofollow noopener noopener noopener nofollow noopener" target="_blank"><em class="markup--em markup--p-em">Follow me on Twitter</em></a></p></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>


title: La facturation au forfait c'est litigieux – JeChercheUnDev.fr ❤
created_at: 2017-12-05 23:26:43
updated_at: 2017-12-05 23:26:43
mimetype: text/html
domain_name: medium.jechercheundev.fr
preview_picture: https://cdn-images-1.medium.com/max/1200/1*70emOksBvxoa4hYg3Xgy6Q.jpeg
http_status: 200
url:
  https://medium.jechercheundev.fr/la-facturation-au-forfait-c-est-litigieux-eb5d4cd9633a?gi=f3c28b3af2cf

content:
  <p class="graf graf--p graf-after--h3"><em class="markup--em markup--p-em">Au quotidien, je passe du temps avec des entrepreneurs plus ou moins jeunes qui cherchent un freelance pour démarrer leur nouvelle startup.<br />Et j'entend ce double discours qui contient deux fausses vérités. <br />Dans la main droite : "Avec un Freelance, on construit pas une relation longue durée". Dans la main gauche, "J'ai un bon cahier des charges, tu pourrais me faire faire des devis ?".<br />Cet article se veut un guide pratique pour l'entrepreneur qui veut se lancer accompagné de freelances.</em></p><h3 class="graf graf--h3 graf-after--p">La facturation au Forfait c'est malhonnête</h3><p class="graf graf--p graf-after--h3">D'un coté le client essaye d'avoir le meilleur prix pour un cahier des charges qui, aussi méticuleux soit-il, ne sera jamais parfait. En plus, au fur et à mesure qu'on avance, le cahier des charges évolue, on entre dans une forme de guerre de scopage/descopage. Ou alors on essaye de faire passer des petites features à l'oeil. Qui n'a jamais vu un client essayer de faire passer en bug une petite feature ? On est pas là pour se mentir, on l'a tous fait. On a signé un forfait pour 15K€ parce qu'on avait que 15K€, et on peut pas dépenser 200€ de plus pour une feature.</p><p class="graf graf--p graf-after--p">En fait, quand le client/chef de projet rédige le cahier des charges, il formalise, il projette une image qu'il a du projet. Quand le développeur ou l'équipe réalise le projet, ils interprètent le cahier des charge et en développent une autre projection.</p><blockquote class="graf graf--pullquote graf-after--p"><div>Le livrable est donc la vision du client passée par plusieurs prismes consécutifs. Et le cycle en V atterrit toujours à coté. Le client n'est jamais satisfait.</div></blockquote><p class="graf graf--p graf-after--pullquote">Et d'un autre coté, le Freelance essaye de marger. Il veut bosser le moins possible pour récupérer la prime. Sauf qu'au fur et à mesure qu'il avance la prime recule. C'est une approche logarithmique. Tu fais un pas, la prime recule d'un de la moitié de distance avancée. Tu ne sais jamais quand est-ce que le projet arrivera à sa fin.</p><p id="efe3" class="graf graf--p graf-after--p">Alors pour se protéger, les prestataires ont plusieurs armes. Historiquement, on savait qu'on perdrait de l'argent sur le forfait, mais derrière, on claquait de la TMA comme des gros fous. Sur un gros compte, tu lui mets les deux poignets dans une menotte TMA de N jours par mois sur 3 ans. C'est so année 2000.</p><p class="graf graf--p graf-after--p">D'autres vont faire une estimation, puis faire un calcul magique.</p><blockquote id="c0b1" class="graf graf--pullquote graf-after--p"><div><em class="markup--em markup--pullquote-em">(Estimation * ( nombre d'intermédiaire + 1) — (acompte versé par le client)) / ( 2 si le projet n'a pas d'integration) — (15% si on a déjà bossé avec le client une fois).</em></div></blockquote><p class="graf graf--p graf-after--pullquote">Le but étant de chiffrer le risque du projet, de mettre un chiffre dessus et de se protéger. Attends, t'es chef de projet, pas actuaire, non ?</p><p class="graf graf--p graf-after--p">Autre voie, on choisit le modèle de Factory. Une factory veut industrialiser la production du logiciel. Là on part en noix déjà, le développement d'une application n'est pas une activité productive. Creuser un trou, ca prend un nombre H heures. C'est sûr. Faire un logiciel à 10K lignes de codes, c'est comme faire un puzzle avec 10K pièces. Personne ne sait dire combien de temps ça va prendre. Un jour, un mec qui n'a jamais codé m'a dit "C'est parce que tu es junior, c'est à toi d'apprendre à faire de meilleurs chiffrages". Enfin, je pourrais faire un article entier sur le concept de chiffrage et le fait que le code est une activité créative et pas productive et ce n'est pas le sujet ici.</p><p id="fe31" class="graf graf--p graf-after--p">Du coup, en fait, une Factory va mettre un ticket d'entrée "On peut pas marger sur un projet de moins de 25K€", parce que "On a des coûts de structure", c'est nécessaire pour "faire du code de qualité". Okay !<br />Mais au final, un Factory essaye surtout de factoriser le code. Et ça ne marche pas. Le code faut le maintenir une fois sur chaque clients, ça va nulle part.</p><p id="ac38" class="graf graf--p graf-after--p"><em class="markup--em markup--p-em">Et l'agile au forfait ?</em></p><p class="graf graf--p graf-after--p">L'agile au forfait, au début ça m'a paru génial. Sauf qu'en fait dans la tête du client il a quand même acheté l'image de l'appli qu'il avait au début, c'est juste qu'à l'intérieur du forfait, il va avoir des releases intermédiaire et des démos. C'est mignon, mais au final ça change rien.</p><h3 class="graf graf--h3 graf-after--p">L'Entrepreneur et le Freelance</h3><p class="graf graf--p graf-after--h3">Okay, assez de contexte, revenons à notre sujet, et qui plus est, à nos sujets.</p><p class="graf graf--p graf-after--p">Cet entrepreneur c'est celui qui nous dit d'habitude "Je cherche un CTO associé, pour avoir quelqu'un de fiable dans la durée". Il a du être touché par le mythe <a href="http://www.forbes.com/sites/andyellwood/2012/08/22/the-dream-team-hipster-hacker-and-hustler/#3a00ec8f68a8" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">Hipster, Hacker, Hustler</a> que l'on retrouve au jardin d'enfant des startups. Mais en fait, c'est relativement faux. Les Solo-entrepreneurs fonctionnent vraiment. Rien ne démontre qu'une équipe hétérogène en compétences arrive à une meilleure exécution qu'une équipe homogène. L'important c'est d'avancer, de bootstrapper, de démêler le tricot.</p><p id="c786" class="graf graf--p graf-after--p">En général ces entrepreneurs n'ont pas encore généré de traction. Ils ne savent pas ce qu'est une landing page, ils ne comprennent pas l'intérêt d'accumuler des mails, de skyper de potentiels utilisateurs. Ils veulent d'abord trouver un développeur qui fasse le produit, et comme ils n'ont pas d'argent, ils cherchent un associé.</p><p class="graf graf--p graf-after--p">Du coup, on fait notre travail d'éducation et lui explique.</p><p class="graf graf--p graf-after--p">Un contrat de prestation de service c'est plus engageant qu'un CDI. A tout moment, un employé en CDI peut démissionner, ou commencer à faire du gras dans sa chaise de manière assez improductive. Ca n'arrive jamais avec un Freelance. Il s'est engagé à livrer, il livrera, sinon c'est un aller simple au tribunal de commerce.</p><p class="graf graf--p graf-after--p">Le problème c'est bien la facturation. Si tu dis à un freelance "Tiens, voilà un cahier des charges. Quand tu me livres, je te donne xx00€", effectivement, tu ne crées pas une relation longue durée. Le freelance cherche à boucler le projet, pour enchainer sur le client suivant.</p><p class="graf graf--p graf-after--p">Quand tu vas voir un freelance est que tu lui dit : "Je veux que tu m'accompagnes, tu travaillera au moins N jours par mois à faire du développement et C jours par mois en Conseil, on peut se mettre d'accord sur un taux journalier de xx0€", là tu construis une relation longue durée.</p><p class="graf graf--p graf-after--p">Du coup, en général, après nos échanges, il y a deux types d'entrepreneurs. Le mec continue dans sa lancée et cherche un CTO et on lui conseille deux trois meetups pour rencontrer des gens. <br />Ou alors le gars revient nous voir en nous disant, okay, j'ai un petit budget (venant d'une sub, d'un angel ou autre), on lui présente un freelance et le gars retourne voir ses investisseurs avec un dossier béton qui commence par "Je suis accompagné par un expert de folie sur le sujet". Ses investisseurs lui font confiance et il débloque encore des fonds pour avancer.</p><p id="d5af" class="graf graf--p graf-after--p">En fait, il vaut mieux imaginer ta relation avec le développeur comme celle que tu as avec un avocat. Tu lui demandes pas un devis à ton avocat. Tu lui fait confiance et il te facture au temps. Parce que l'avocat t'accompagne dans la démarche, tout comme le dev. On va pas se mentir, un Dev qui accompagne un entrepreneur very early stage, il fait 60% de conseil et 40% de développements. (Merci à <a href="http://twitter.com/fenntasy" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">@fenn</a> pour l'analogie intéressante !)</p><blockquote class="graf graf--blockquote graf-after--p"><div>En tant qu'entrepreneur, lequel de ces deux chemins te paraît le plus intéressant ?</div></blockquote><p id="e510" class="graf graf--p graf-after--blockquote">Pro Tips : Mesurer son temps<br />Si tu factures au temps, il faudra livrer (éventuellement) des feuilles de temps.<br />Perso, je m'en suis sorti avec deux tools pas trop mal.<br /><a href="https://wakatime.com/" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">Wakatime</a> s'intègre à ton IDE est mesure automatiquement ton temps.<br /><a href="https://www.zoho.com/invoice/" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">ZohoInvoice</a> a une bonne feature pour faire les feuilles de temps.</p><p class="graf graf--p graf-after--p">EDIT 02/17 : Pas mal de Freelances du Club aiment utiliser <a href="https://toggl.com/" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">Toggl</a> ! Pour les plus robustes le <a href="https://www.toptal.com/tracker/" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">Tracker</a> de TopTall est vraiment très complet :-)</p><h3 class="graf graf--h3 graf-after--p">Maitriser son budget, le MVP</h3><p class="graf graf--p graf-after--h3">Du coup, avec les entrepreneurs qui démarrent leur première version qui ont un petit financement, on les guide sur une approche MVP. Parce qu'au final le mec à un budget à tenir. Parfois il a 7K€, on lui conseille d'en dépenser 5 dans le développement de leur première version et 2 dans l'acquisition des premiers utilisateurs.</p><p id="fc79" class="graf graf--p graf-after--p">On va leur demander de faire une liste priorisée de features et un prototype (sur <a href="http://www.invisionapp.com/" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">invision</a> par exemple) pour bien voir où ils veulent aller. Quand ça a l'air assez réaliste, on les met en relation avec un ou plusieurs freelances qui vont avoir le discours suivant "Avec 5K€, on peut passer 1x jours à bosser et on doit pouvoir faire une version qui contient tel lot de features. Je te propose de signer pour 1x jours à 5K€". Si le client trouve que ce lot de feature est suffisant pour amorcer de la traction, c'est au moins un MVP, voir une V1. Et ça roule tout seul. EASY. Après cette première release, l'entrepreneur aura de bonnes metrics marché et pourra éventuellement débloquer des fonds, et relancer une version avec le freelance.</p><div class="aspectRatioPlaceholder is-locked"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*ixbvsKM_UOKuMUxg-Eu2Gg.gif" alt="image" /></div>Hannibal smith kiffe ce plan<h4 class="graf graf--h4 graf-after--figure"><em class="markup--em markup--h4-em">Si tu as kiffé cet article clique sur le petit coeur pour recommander !</em></h4><p class="graf graf--p graf-after--h4 graf--trailing">PS : Les meilleurs Freelances font partie du Club sur <a href="http://jechercheundev.fr/leclub/" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">JeChercheUnDev.fr</a>. Viens nous parler de ton <a href="http://jechercheundev.fr/leclub/" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">projet</a> !<br />PPS : JeChercheUnDev.fr c'est pas que des Freelances. On est aussi en route pour disrupter le recrutement des développeurs de manière générale. Viens <a href="http://jechercheundev.fr" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">en apprendre plus</a> !</p>


title: La facturation au forfait c'est litigieux – JeChercheUnDev.fr ❤
created_at: 2017-12-05 23:27:08
updated_at: 2017-12-05 23:27:08
mimetype: text/html
domain_name: medium.jechercheundev.fr
preview_picture: https://cdn-images-1.medium.com/max/1200/1*70emOksBvxoa4hYg3Xgy6Q.jpeg
http_status: 200
url:
  https://medium.jechercheundev.fr/la-facturation-au-forfait-c-est-litigieux-eb5d4cd9633a?gi=18507130ccc8

content:
  <p class="graf graf--p graf-after--h3"><em class="markup--em markup--p-em">Au quotidien, je passe du temps avec des entrepreneurs plus ou moins jeunes qui cherchent un freelance pour démarrer leur nouvelle startup.<br />Et j'entend ce double discours qui contient deux fausses vérités. <br />Dans la main droite : "Avec un Freelance, on construit pas une relation longue durée". Dans la main gauche, "J'ai un bon cahier des charges, tu pourrais me faire faire des devis ?".<br />Cet article se veut un guide pratique pour l'entrepreneur qui veut se lancer accompagné de freelances.</em></p><h3 class="graf graf--h3 graf-after--p">La facturation au Forfait c'est malhonnête</h3><p class="graf graf--p graf-after--h3">D'un coté le client essaye d'avoir le meilleur prix pour un cahier des charges qui, aussi méticuleux soit-il, ne sera jamais parfait. En plus, au fur et à mesure qu'on avance, le cahier des charges évolue, on entre dans une forme de guerre de scopage/descopage. Ou alors on essaye de faire passer des petites features à l'oeil. Qui n'a jamais vu un client essayer de faire passer en bug une petite feature ? On est pas là pour se mentir, on l'a tous fait. On a signé un forfait pour 15K€ parce qu'on avait que 15K€, et on peut pas dépenser 200€ de plus pour une feature.</p><p class="graf graf--p graf-after--p">En fait, quand le client/chef de projet rédige le cahier des charges, il formalise, il projette une image qu'il a du projet. Quand le développeur ou l'équipe réalise le projet, ils interprètent le cahier des charge et en développent une autre projection.</p><blockquote class="graf graf--pullquote graf-after--p"><div>Le livrable est donc la vision du client passée par plusieurs prismes consécutifs. Et le cycle en V atterrit toujours à coté. Le client n'est jamais satisfait.</div></blockquote><p class="graf graf--p graf-after--pullquote">Et d'un autre coté, le Freelance essaye de marger. Il veut bosser le moins possible pour récupérer la prime. Sauf qu'au fur et à mesure qu'il avance la prime recule. C'est une approche logarithmique. Tu fais un pas, la prime recule d'un de la moitié de distance avancée. Tu ne sais jamais quand est-ce que le projet arrivera à sa fin.</p><p id="efe3" class="graf graf--p graf-after--p">Alors pour se protéger, les prestataires ont plusieurs armes. Historiquement, on savait qu'on perdrait de l'argent sur le forfait, mais derrière, on claquait de la TMA comme des gros fous. Sur un gros compte, tu lui mets les deux poignets dans une menotte TMA de N jours par mois sur 3 ans. C'est so année 2000.</p><p class="graf graf--p graf-after--p">D'autres vont faire une estimation, puis faire un calcul magique.</p><blockquote id="c0b1" class="graf graf--pullquote graf-after--p"><div><em class="markup--em markup--pullquote-em">(Estimation * ( nombre d'intermédiaire + 1) — (acompte versé par le client)) / ( 2 si le projet n'a pas d'integration) — (15% si on a déjà bossé avec le client une fois).</em></div></blockquote><p class="graf graf--p graf-after--pullquote">Le but étant de chiffrer le risque du projet, de mettre un chiffre dessus et de se protéger. Attends, t'es chef de projet, pas actuaire, non ?</p><p class="graf graf--p graf-after--p">Autre voie, on choisit le modèle de Factory. Une factory veut industrialiser la production du logiciel. Là on part en noix déjà, le développement d'une application n'est pas une activité productive. Creuser un trou, ca prend un nombre H heures. C'est sûr. Faire un logiciel à 10K lignes de codes, c'est comme faire un puzzle avec 10K pièces. Personne ne sait dire combien de temps ça va prendre. Un jour, un mec qui n'a jamais codé m'a dit "C'est parce que tu es junior, c'est à toi d'apprendre à faire de meilleurs chiffrages". Enfin, je pourrais faire un article entier sur le concept de chiffrage et le fait que le code est une activité créative et pas productive et ce n'est pas le sujet ici.</p><p id="fe31" class="graf graf--p graf-after--p">Du coup, en fait, une Factory va mettre un ticket d'entrée "On peut pas marger sur un projet de moins de 25K€", parce que "On a des coûts de structure", c'est nécessaire pour "faire du code de qualité". Okay !<br />Mais au final, un Factory essaye surtout de factoriser le code. Et ça ne marche pas. Le code faut le maintenir une fois sur chaque clients, ça va nulle part.</p><p id="ac38" class="graf graf--p graf-after--p"><em class="markup--em markup--p-em">Et l'agile au forfait ?</em></p><p class="graf graf--p graf-after--p">L'agile au forfait, au début ça m'a paru génial. Sauf qu'en fait dans la tête du client il a quand même acheté l'image de l'appli qu'il avait au début, c'est juste qu'à l'intérieur du forfait, il va avoir des releases intermédiaire et des démos. C'est mignon, mais au final ça change rien.</p><h3 class="graf graf--h3 graf-after--p">L'Entrepreneur et le Freelance</h3><p class="graf graf--p graf-after--h3">Okay, assez de contexte, revenons à notre sujet, et qui plus est, à nos sujets.</p><p class="graf graf--p graf-after--p">Cet entrepreneur c'est celui qui nous dit d'habitude "Je cherche un CTO associé, pour avoir quelqu'un de fiable dans la durée". Il a du être touché par le mythe <a href="http://www.forbes.com/sites/andyellwood/2012/08/22/the-dream-team-hipster-hacker-and-hustler/#3a00ec8f68a8" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">Hipster, Hacker, Hustler</a> que l'on retrouve au jardin d'enfant des startups. Mais en fait, c'est relativement faux. Les Solo-entrepreneurs fonctionnent vraiment. Rien ne démontre qu'une équipe hétérogène en compétences arrive à une meilleure exécution qu'une équipe homogène. L'important c'est d'avancer, de bootstrapper, de démêler le tricot.</p><p id="c786" class="graf graf--p graf-after--p">En général ces entrepreneurs n'ont pas encore généré de traction. Ils ne savent pas ce qu'est une landing page, ils ne comprennent pas l'intérêt d'accumuler des mails, de skyper de potentiels utilisateurs. Ils veulent d'abord trouver un développeur qui fasse le produit, et comme ils n'ont pas d'argent, ils cherchent un associé.</p><p class="graf graf--p graf-after--p">Du coup, on fait notre travail d'éducation et lui explique.</p><p class="graf graf--p graf-after--p">Un contrat de prestation de service c'est plus engageant qu'un CDI. A tout moment, un employé en CDI peut démissionner, ou commencer à faire du gras dans sa chaise de manière assez improductive. Ca n'arrive jamais avec un Freelance. Il s'est engagé à livrer, il livrera, sinon c'est un aller simple au tribunal de commerce.</p><p class="graf graf--p graf-after--p">Le problème c'est bien la facturation. Si tu dis à un freelance "Tiens, voilà un cahier des charges. Quand tu me livres, je te donne xx00€", effectivement, tu ne crées pas une relation longue durée. Le freelance cherche à boucler le projet, pour enchainer sur le client suivant.</p><p class="graf graf--p graf-after--p">Quand tu vas voir un freelance est que tu lui dit : "Je veux que tu m'accompagnes, tu travaillera au moins N jours par mois à faire du développement et C jours par mois en Conseil, on peut se mettre d'accord sur un taux journalier de xx0€", là tu construis une relation longue durée.</p><p class="graf graf--p graf-after--p">Du coup, en général, après nos échanges, il y a deux types d'entrepreneurs. Le mec continue dans sa lancée et cherche un CTO et on lui conseille deux trois meetups pour rencontrer des gens. <br />Ou alors le gars revient nous voir en nous disant, okay, j'ai un petit budget (venant d'une sub, d'un angel ou autre), on lui présente un freelance et le gars retourne voir ses investisseurs avec un dossier béton qui commence par "Je suis accompagné par un expert de folie sur le sujet". Ses investisseurs lui font confiance et il débloque encore des fonds pour avancer.</p><p id="d5af" class="graf graf--p graf-after--p">En fait, il vaut mieux imaginer ta relation avec le développeur comme celle que tu as avec un avocat. Tu lui demandes pas un devis à ton avocat. Tu lui fait confiance et il te facture au temps. Parce que l'avocat t'accompagne dans la démarche, tout comme le dev. On va pas se mentir, un Dev qui accompagne un entrepreneur very early stage, il fait 60% de conseil et 40% de développements. (Merci à <a href="http://twitter.com/fenntasy" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">@fenn</a> pour l'analogie intéressante !)</p><blockquote class="graf graf--blockquote graf-after--p"><div>En tant qu'entrepreneur, lequel de ces deux chemins te paraît le plus intéressant ?</div></blockquote><p id="e510" class="graf graf--p graf-after--blockquote">Pro Tips : Mesurer son temps<br />Si tu factures au temps, il faudra livrer (éventuellement) des feuilles de temps.<br />Perso, je m'en suis sorti avec deux tools pas trop mal.<br /><a href="https://wakatime.com/" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">Wakatime</a> s'intègre à ton IDE est mesure automatiquement ton temps.<br /><a href="https://www.zoho.com/invoice/" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">ZohoInvoice</a> a une bonne feature pour faire les feuilles de temps.</p><p class="graf graf--p graf-after--p">EDIT 02/17 : Pas mal de Freelances du Club aiment utiliser <a href="https://toggl.com/" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">Toggl</a> ! Pour les plus robustes le <a href="https://www.toptal.com/tracker/" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">Tracker</a> de TopTall est vraiment très complet :-)</p><h3 class="graf graf--h3 graf-after--p">Maitriser son budget, le MVP</h3><p class="graf graf--p graf-after--h3">Du coup, avec les entrepreneurs qui démarrent leur première version qui ont un petit financement, on les guide sur une approche MVP. Parce qu'au final le mec à un budget à tenir. Parfois il a 7K€, on lui conseille d'en dépenser 5 dans le développement de leur première version et 2 dans l'acquisition des premiers utilisateurs.</p><p id="fc79" class="graf graf--p graf-after--p">On va leur demander de faire une liste priorisée de features et un prototype (sur <a href="http://www.invisionapp.com/" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">invision</a> par exemple) pour bien voir où ils veulent aller. Quand ça a l'air assez réaliste, on les met en relation avec un ou plusieurs freelances qui vont avoir le discours suivant "Avec 5K€, on peut passer 1x jours à bosser et on doit pouvoir faire une version qui contient tel lot de features. Je te propose de signer pour 1x jours à 5K€". Si le client trouve que ce lot de feature est suffisant pour amorcer de la traction, c'est au moins un MVP, voir une V1. Et ça roule tout seul. EASY. Après cette première release, l'entrepreneur aura de bonnes metrics marché et pourra éventuellement débloquer des fonds, et relancer une version avec le freelance.</p><div class="aspectRatioPlaceholder is-locked"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*ixbvsKM_UOKuMUxg-Eu2Gg.gif" alt="image" /></div>Hannibal smith kiffe ce plan<h4 class="graf graf--h4 graf-after--figure"><em class="markup--em markup--h4-em">Si tu as kiffé cet article clique sur le petit coeur pour recommander !</em></h4><p class="graf graf--p graf-after--h4 graf--trailing">PS : Les meilleurs Freelances font partie du Club sur <a href="http://jechercheundev.fr/leclub/" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">JeChercheUnDev.fr</a>. Viens nous parler de ton <a href="http://jechercheundev.fr/leclub/" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">projet</a> !<br />PPS : JeChercheUnDev.fr c'est pas que des Freelances. On est aussi en route pour disrupter le recrutement des développeurs de manière générale. Viens <a href="http://jechercheundev.fr" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">en apprendre plus</a> !</p>


title: How a single PostgreSQL config change improved slow query performance by 50x
created_at: 2017-12-05 23:27:19
updated_at: 2017-12-05 23:27:19
mimetype: text/html
domain_name: amplitude.engineering
preview_picture: https://cdn-images-1.medium.com/max/1200/1*DD-_JESzmrBslwqdcuJWdQ.png
http_status: 200
url:
  https://amplitude.engineering/how-a-single-postgresql-config-change-improved-slow-query-performance-by-50x-85593b8991b0?gi=c182c05a0e31

content:
  <p id="f28d" class="graf graf--p graf-after--h3">At Amplitude, our goal is to provide easy-to-use interactive product analytics, so everyone can find answers to their product questions. In order to provide a great user experience, Amplitude needs to provide these answers quickly. So when one of our customers complained about how long it took to load the event properties dropdown in the Amplitude UI, we started digging into it.</p><p class="graf graf--p graf-after--p">By tracking latency at different levels we figured one particular PostgreSQL query was taking <em class="markup--em markup--p-em">20 sec</em> to finish. This was a surprise for us, as both tables have indexes on the joined column.</p><div class="aspectRatioPlaceholder is-locked"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*UtAP5auVkmW2mKcULemQiw.png" alt="image" /></div>Slow Query<p class="graf graf--p graf-after--figure">The PostgreSQL execution plan for this query was unexpected. Even though both tables have Indexes, PostgreSQL decided to do a Hash Join with a sequential scan on the large table. The sequential scan on a large table contributed to most of the query time.</p><div class="aspectRatioPlaceholder is-locked"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*to2wqprXHqyA_ARaFGi2Xw.png" alt="image" /></div>Slow Query Execution Plan<p class="graf graf--p graf-after--figure">I initially suspected it could be due to fragmentation. But after inspecting the data, I realized this table was append only and there weren’t many deletions happening on this table. Since reclaiming space using <a href="https://www.postgresql.org/docs/9.1/static/sql-vacuum.html" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">vacuum</a> is not going help much here, I started exploring more. Next, I tried the same query on another customer with good response times. To my surprise the query execution plan looked completely different!</p><div class="aspectRatioPlaceholder is-locked"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*7v_weuiPapaFG_t749tMRw.png" alt="image" /></div>Execution plan of similar query on another App<p class="graf graf--p graf-after--figure">Interestingly, app A only accessed 10x more data than app B, but the response time was 3000x longer.</p><p class="graf graf--p graf-after--p">To see the alternative query plans PostgreSQL considered before picking Hash Join, I disabled hash join and reran the query.</p><div class="aspectRatioPlaceholder is-locked"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*kWKJI0sD10PHgoE6zuujMg.png" alt="image" /></div>Alternative execution plan for Slow Query<p id="fe57" class="graf graf--p graf-after--figure">There you go! The same query finished 50x faster when using a Nested Loop instead of a Hash Join. So why did PostgreSQL choose a worse plan for app A?</p><p class="graf graf--p graf-after--p">Looking more closely at the estimated cost and actual run time for both plans, estimated cost to actual runtime ratios were very different. The main culprit for this discrepancy was the sequential scan cost estimation. PostgreSQL estimated that a sequential scan would be better than 4000+ index scans, but in reality index scans were 50x faster.</p><p class="graf graf--p graf-after--p">That led me to the ‘<em class="markup--em markup--p-em">random_page_cost</em>’ and ‘<em class="markup--em markup--p-em">seq_page_cost</em>’ configuration options. The default PostgreSQL values of 4 and 1 for ‘<em class="markup--em markup--p-em">random_page_cost</em>’, ‘<em class="markup--em markup--p-em">seq_page_cost</em>’ respectively are tuned for <a href="https://www.postgresql.org/docs/9.5/static/runtime-config-query.html" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">HDD</a>, where random access to disk is more expensive than sequential access. However these costs were inaccurate for our deployment using <a href="http://docs.aws.amazon.com/AWSEC2/latest/UserGuide/EBSVolumeTypes.html" class="markup--anchor markup--p-anchor" rel="noopener" target="_blank">gp2 EBS volume</a>, which are solid state drives. For our deployment random and sequential access is almost the same.</p><p class="graf graf--p graf-after--p">I changed ‘<em class="markup--em markup--p-em">random_page_cost</em>’ to 1 and retried the query. This time, PostgreSQL used a Nested Loop and the query finished 50x faster. After the change we also noticed a significant drop in max response times from PostgreSQL.</p><div class="aspectRatioPlaceholder is-locked"><img class="graf-image" src="https://cdn-images-1.medium.com/max/1600/1*DD-_JESzmrBslwqdcuJWdQ.png" alt="image" /></div>Overall Slow Query performance improved significantly<p id="ee4c" class="graf graf--p graf-after--figure">If you are using SSDs and running PostgreSQL with default configuration, I encourage you to try tuning <em class="markup--em markup--p-em">random_page_cost</em> &amp; <em class="markup--em markup--p-em">seq_page_cost</em>. You might be surprised by some huge performance improvements.</p><p class="graf graf--p graf-after--p graf--trailing">Has any other parameter tuning given you huge gains across the board? Let us know about it in the comments.</p>


title: Une semaine de repas cétogènes - La diète cétogène
url: http://regimeketo.com/principe-diete-cetogene/semaine-menus-repas-cetogene/
created_at: 2017-12-06 21:45:55
updated_at: 2017-12-06 21:45:55
mimetype: text/html
language: en-US
domain_name: regimeketo.com
http_status: 200
content:
  <p>Voici quelques propositions de menus afin de vous donner des idées de repas Keto. Ce menu a été conçu pour une femme de stature moyenne, avec une activité physique moyenne. Nous vous encourageons à dresser vos propres menus selon votre goût et vos besoins en macronutriments, vous pouvez également nous <a href="http://regimeketo.com/contact/" target="_blank">contacter </a>pour des menus personnalisés.</p><p class="caps">Bon appétit !</p>


title: Régime cétogène : perdre du poids en mangeant gras
url: http://www.doctissimo.fr/nutrition/regimes/regimes-d-exclusion/regime-cetogene
created_at: 2017-12-06 21:46:31
updated_at: 2017-12-06 21:46:31
mimetype: text/html
language: fr
domain_name: www.doctissimo.fr
http_status: 200
content:
[cell repeats an earlier one in this file: 191 characters]

preview_picture:
  http://cdn3-doctissimo.ladmedia.fr/var/doctissimo/storage/images/fr/www/nutrition/regimes/regimes-d-exclusion/regime-cetogene/842656-1-fre-FR/regime-cetogene.jpg


title: Différence entre le Régime Cétogène et Régime Pauvre en Glucide
url: http://www.objectifs-fitness.com/regime-cetogene-faible-glucide/
created_at: 2017-12-06 21:46:33
updated_at: 2017-12-06 21:46:33
mimetype: text/html
language: fr-FR
domain_name: www.objectifs-fitness.com
http_status: 200
content:
  <div class="td-post-featured-image"><a href="http://www.objectifs-fitness.com/wp-content/uploads/2016/05/comparatif-régime-cétonique-glucides.jpg"><img width="696" height="464" class="entry-thumb td-modal-image" src="http://www.objectifs-fitness.com/wp-content/uploads/2016/05/comparatif-régime-cétonique-glucides-696x464.jpg" alt="comparatif régime cétonique glucides" title="comparatif régime cétonique glucides" /></a></div>
          <p>L’un de ces régimes est faible en glucides (carbohydrates), l’autre est un régime encore plus faible en glucides. Vous voulez savoir autre chose ?</p>
  <p>Voici toutes les différences entre ces 2 diètes, afin que vous fassiez le meilleur choix pour vous.</p>
  <p>Les mots « low-carb » et « kéto » (ou céto) que l’on voit un peu partout, surtout avec l’approche de l’été, sont-ils finalement la même chose ?</p>
  <p>À première vue, ça semble être aussi simple que manger moins de riz. Mais les 2 stratégies nutritionnelles mettent l’accent sur la réduction des glucides (ou hydrates de carbone) et les 2 sont souvent suivis pour leur <strong>potentiel de perte de graisse</strong>.</p>
  <p>Bien que les 2 régimes sont considérés comme des régimes faibles en glucides par rapport à la norme occidentale, les similitudes s’arrêtent là, à la fois dans la philosophie et dans l’exécution.</p>
  <p>Voici tout ce que vous devez savoir sur le régime kétogénique et la faible teneur en glucides, pour faire le choix le plus éclairé possible !</p>
  <h2><strong>Définition du régime faible en glucide</strong></h2>
  <p>Un régime faible en glucides est un peu vague en soi, « faible » étant assez relatif.</p>
  <p>Dans les versions les plus efficaces de cette approche, la priorité est d’être plus sélectif sur vos glucides et sur leur provenance.</p>
  <p><img class="aligncenter size-full wp-image-3599" src="http://www.objectifs-fitness.com/wp-content/uploads/2016/05/régime-kéto.jpg" alt="régime kéto" width="450" height="347" /></p>
  <p>Dans de nombreux cas, vous pouvez toujours manger des fruits, des légumes et des haricots tout en éliminant ou en réduisant les céréales, les produits de boulangerie et les sucres transformés.</p>
  <p>Ce changement de sources de glucides et de quantité réduit naturellement la quantité quotidienne de glucides.</p>
  <p>Cependant, un régime faible en glucides manque de classifications spécifiques de ce que signifie « faible » et néglige souvent les recommandations en protéines et en lipides (graisses).</p>
  <p>Techniquement, si vous avez l’habitude de manger 300 grammes de glucides par jour et que vous passez à 200 grammes par jour, vous suivez alors un régime alimentaire faible en glucides ou hydrates de carbone.</p>
  <p>Si vous ne remplacez pas les calories perdues, vous allez probablement perdre un peu de poids, mais c’est peut-être justement cette diminution des calories qui a provoqué cette perte de poids et non la diminution de la quantité de glucides consommés.</p>
  <p>À l’inverse, si vous remplacez les calories manquantes soit avec plus de matières grasses ou plus de protéine, on obtient 2 régimes très différents.</p>
  <p>Il est certain de dire que cette approche aboutit à beaucoup d’interprétations potentielles et de résultats.</p>
  <h2><strong>Définition du régime kétogène</strong></h2>
  <p>Alors qu’un régime peut devenir faible en glucides simplement en éliminant un seul macronutriment, un régime kétogènique nécessite des changements sur les 3 macronutriments.</p>
  <p>Pour cette raison, il est difficile de recommander un régime kéto à quelqu’un à moins qu’il ne sache comment suivre ses macros où qu’il soit sérieux dans son apprentissage.</p>
  <p>Lorsqu’il est effectué correctement, un régime Kéto est constitué d’une :</p>
  <div class="su-list su-list-style-">
  <ul><li><img src="http://www.objectifs-fitness.com/wp-content/uploads/2016/09/27.png" alt="" /> Haute teneur en lipides</li>
  <li><img src="http://www.objectifs-fitness.com/wp-content/uploads/2016/09/27.png" alt="" /> Très faible teneur en glucides</li>
  <li><img src="http://www.objectifs-fitness.com/wp-content/uploads/2016/09/27.png" alt="" /> Teneur modérée en protéine</li>
  </ul></div>
  <p>On déplace la principale source de carburant qu’étaient les glucides vers les lipides, sous la forme de corps cétoniques et d’acides gras. (1)</p>
  <p><img class="aligncenter size-full wp-image-3590" src="http://www.objectifs-fitness.com/wp-content/uploads/2016/05/infographie-régine-cétogène-1.jpg" alt="infographie régine cétogène" width="500" height="198" /></p>
  <p>Pour qu’un régime alimentaire soit cétogène, il doit également être poursuivi avec l’objectif final de vous mettre dans un état de cétose nutritionnelle. C’est un état très spécifique et à moins que vous sachiez ce que vous faites parfaitement, cela peut vous faire vous sentir triste, mou/molle et faire que vos séances d’entrainement déclinent.</p>
  <p>Alors, entrons plus profondément dans les détails</p>
  <h2><strong>La différence est dans les cétones</strong></h2>
  <p>La restriction de glucides augmente la production de corps cétoniques, qui sont de petites molécules dérivées de la graisse produite dans le foie.</p>
  <p>Lorsque les niveaux de glucose stockés dans votre corps sont bas, la production de cétone augmente. Ceci peut être mesuré par des tests sanguins ou d’urine des cétones.</p>
  <p>Le résultat sanguin normal d’un régime à haute teneur en glucide est de 0,1 à 0,2 millimole (mmoles) et pour un régime à faible teneur en glucides il n’y a pas d’effet significatif sur ce point.</p>
  <p>Cependant, une fois que vous adoptez vraiment le régime kétogénic, les cétones sanguines augmentent à 0,5 à 5,0 millimoles, vous plaçant dans un état de cétose nutritionnelle et signifiant que vous êtes céto-adapté. (2)</p>
  <p>Ceci est le principal indicateur que vous suivez bien un régime cétogène.</p>
  <p>Alors, comment tout cela se traduit du point de vue des macros ? Jetons ensemble un coup d’œil.</p>
  <h2><strong>Les glucides</strong></h2>
  <p>Dans la plupart des études scientifiques, un régime alimentaire faible en hydrates de carbone est défini par le fait de manger moins de 30 % de calories en provenance de glucides, soit 50 à 125 grammes par jour. (3-4)</p>
  <p><img class="aligncenter size-full wp-image-3591" src="http://www.objectifs-fitness.com/wp-content/uploads/2016/05/régime-faible-en-glucides.jpg" alt="régime faible en glucides" width="500" height="551" /></p>
  <p>Par souci de compréhension, les directives recommandent que 45 à 65 % des calories proviennent des hydrates de carbone chaque jour. (5)</p>
  <p>Un régime cétogène, d’autre part est défini par le fait de manger 5 à 10 % des calories totales en provenance de carbohydrates. (6)</p>
  <p>Cela équivaut souvent à 25 à 30 grammes de glucides par jour, avec un maximum suggéré de 50 grammes de glucides par jour.</p>
  <p>Garder vos glucides constamment en dessous du seuil de 50 grammes semble être l’élément déclencheur qui induit la cétose nutritionnelle et permet à votre corps de commencer à utiliser les graisses comme carburant.</p>
  <h2><strong>Les protéines</strong></h2>
  <p>L’apport en protéine peut être complet dans le cadre d’une diète à faible teneur en glucides.</p>
  <p>Personnellement, quand la perte de poids est l’objectif, je recommande de maintenir un niveau modéré à élevé de protéines pour maintenir la masse musculaire et la satiété.</p>
  <div class="su-list su-list-style-">
  <ul><li><img src="http://www.objectifs-fitness.com/wp-content/uploads/2016/09/27.png" alt="" /> Régime riche en protéine : supérieur à 1,4 gramme par kilo de poids de corps</li>
  <li><img src="http://www.objectifs-fitness.com/wp-content/uploads/2016/09/27.png" alt="" /> Régime modéré en protéine : 0,72 à 1,38 gramme par kilo de poids de corps</li>
  <li><img src="http://www.objectifs-fitness.com/wp-content/uploads/2016/09/27.png" alt="" /> Régime pauvre en protéine : moins de 0,72 gramme par kilo de poids de corps</li>
  </ul></div>
  <p>Cette recommandation ne convient pas pour un régime cétogène et c’est l’une des erreurs les plus courantes d’ajustement que les gens font lorsqu’ils transitent vers le régime kéto.</p>
  <p>Manger trop de protéines, soit plus de 1,34 à 1,61 gramme par kilo de poids de corps selon le Dr Jacob Wilson, Directeur de l' »Applied Science and Performance Institute », en suivant un régime cétogène va exclure la cétose.</p>
  <p><strong>Vous saviez donc que « trop de glucides » va exclure la cétose. Maintenant, vous savez que « trop de protéine » va le faire aussi.</strong></p>
  <p>En effet, lorsque les glucides sont peu présents, la protéine peut également être décomposée en glucose par l’intermédiaire d’un processus connu sous le nom de néoglucogenèse.</p>
  <p>Manger trop de protéines, soit plus de 20 à 25 % de l’apport calorique par jour augmente la néoglucogenèse et la production de glucose et en fin de compte gâche votre démarche de diète cétonique.</p>
  <h2><strong>Les lipides</strong></h2>
  <p>Un régime alimentaire bien conçu, faible en glucides devrait toujours contenir une quantité modérée de matière grasse, pour remplir votre quota de calories en quelques sortes.</p>
  <p>Beaucoup de compétiteurs et compétitrices (body) savent combien il est difficile de suivre une diète faible en glucide et faible en lipides, conduisant à une mauvaise récupération et des sensations désagréables.</p>
  <p>Cela dit, consommer le minimum de lipides n’est pas aussi crucial dans une approche à faible teneur en glucides, puisque votre corps est toujours en manque de glucides comme étant sa source d’énergie principale.</p>
  <p>Sur un régime cétogène cependant, tout dépend des lipides.</p>
  <p><img class="aligncenter size-full wp-image-3592" src="http://www.objectifs-fitness.com/wp-content/uploads/2016/05/sources-de-lipides.jpg" alt="lipides régime kéto" width="450" height="310" /></p>
  <p>Un énorme 70 à 75 % de vos calories quotidiennes sont censés provenir de matières grasses, car c’est à présent votre source d’énergie principale. (6) Lorsqu’elles sont consommées en l’absence de glucides, les lipides sont utilisés comme principale source de carburant facilement disponible.</p>
  <p>Cela peut être difficile à réaliser pour beaucoup de gens, mais la recherche scientifique soutient de plus en plus l’idée que les graisses alimentaires ne sont pas ce qui vous rend gras.</p>
  <p>Une diète à haute teneur en lipides et haute teneur en glucides à l’inverse, est le vrai coupable et la réponse à de nombreuses interrogations liées à l’obésité.</p>
  <h2><strong>Quel régime alimentaire est fait pour vous ?</strong></h2>
  <p>C’est une question très personnelle.</p>
  <p>Certaines personnes en cétose ne se sentent pas bien</p>
  <p>Les 2 régimes sont des stratégies de perte de poids utiles et sont « soutenus » par les recherches scientifiques comme favorisant la perte de poids (étant donné que vous êtes en déficit calorique bien entendu).</p>
  <p>Ce qui fonctionne pour vous devrait être en grande partie une question de goût et de mode de vie. Pour ce que cela vaut, un apport faible en glucides avec un apport modéré à élevé en protéines nécessite probablement moins de changements drastiques à votre régime alimentaire et à votre liste de courses comparativement à un régime kéto.</p>
  <p>Surtout, ne vous jetez pas dans un régime très faible en glucides qui n’est pas assez fort ou suffisamment élevé en lipides, ou assez faible en protéine, pour vous lancer dans la cétose.</p>
  <p>C’est une recette pour rester en vol stationnaire entre la zone désagréable appelée « grippe céto », où votre cerveau et d’autres systèmes sont à la recherche de carburant, mais ne peuvent en trouver. C’est une recette pour pallier aux mauvaises séances d’entrainement, les jours difficiles et les envies de manger.</p>
  <p>Dans une approche cétogène stricte, les premières semaines de céto-adaptation peuvent être rudes, mais c’est de courte durée si vous configurez correctement votre alimentation.</p>
  <p>Faites votre choix, suivez vos macros !</p>
  <h3><strong>Références scientifiques<br /></strong></h3>
  <div class="su-tabs su-tabs-style-modern-light"><p>1234567</p><div class="su-tabs-panes"><p>1- Volek, J. S., Noakes, T., &amp; Phinney, S. D. (2015). Rethinking fat as a fuel for endurance exercise. European Journal of Sport Science, 15(1), 13-20.</p>
  <p>2- Phinney, S. D., Bistrian, B. R., Evans, W. J., Gervino, E., &amp; Blackburn, G. L. (1983). The human metabolic response to chronic ketosis without caloric restriction: preservation of submaximal exercise capability with reduced carbohydrate oxidation. Metabolism, 32(8), 769-776.</p>
  <p>3- Bueno, N. B., de Melo, I. S. V., de Oliveira, S. L., &amp; da Rocha Ataide, T. (2013). Very-low-carbohydrate ketogenic diet v. low-fat diet for long-term weight loss: a meta-analysis of randomised controlled trials. British Journal of Nutrition, 110(07), 1178-1187.</p>
  <p>4- Nordmann, A. J., Nordmann, A., Briel, M., Keller, U., Yancy, W. S., Brehm, B. J., &amp; Bucher, H. C. (2006). Effects of low-carbohydrate vs low-fat diets on weight loss and cardiovascular risk factors: a meta-analysis of randomized controlled trials. Archives of Internal Medicine, 166(3), 285-293.</p>
  <p>5- Institute of Medicine, 2002. Dietary Reference Intakes for Energy, Carbohydrate, Fiber, Fat, Fatty Acids, Cholesterol, Protein, and Amino Acids. Washington (DC): The National Academies Press.</p>
  <p>6- Masino, S. A., &amp; Rho, J. M. (2010). Mechanisms of ketogenic diet action. Epilepsia, 51(s5), 85-85.</p>
  <p>7- Sidossis, L. S., &amp; Wolfe, R. R. (1996). Glucose and insulin-induced inhibition of fatty acid oxidation: the glucose-fatty acid cycle reversed. American Journal of Physiology-Endocrinology And Metabolism, 270(4), E733-E738.</p></div></div>
  <p><strong>Est-ce que vous limitez vos glucides pour perdre du poids ?</strong></p>

preview_picture:
  http://www.objectifs-fitness.com/wp-content/uploads/2016/05/comparatif-rÃ©gime-cÃ©tonique-glucides.jpg


title: Conserver sa clé avec Let's Encrypt, certbot et dehydrated
url: http://www.bortzmeyer.org/letsencrypt-certbot-keep-key.html
created_at: 2017-12-06 21:48:31
updated_at: 2017-12-06 21:48:31
mimetype: text/html
language: fr
domain_name: www.bortzmeyer.org
http_status: 200
content:
  <div xml:lang="fr" lang="fr">
      <div class="para"><p>Beaucoup de gens utilisent désormais
      l'<b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/Autorit%C3%A9%20de%20certification" title="Consultez l'article &quot;Autorité de certification&quot; de l'encyclopédie libre Wikipedia">AC</a></b>
      <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/Let's%20Encrypt" title="Consultez l'article &quot;Let's Encrypt&quot; de l'encyclopédie libre Wikipedia">Let's
      Encrypt</a></b>. Ce n'est pas la première autorité de
      certification qui permet d'avoir
      un <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/Certificat%20%C3%A9lectronique" title="Consultez l'article &quot;Certificat électronique&quot; de l'encyclopédie libre Wikipedia">certificat</a></b> en faisant tout en ligne, ni
      la première gratuite, mais elle est néanmoins très utilisée (au
      point de devenir un nouveau <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/Point%20individuel%20de%20d%C3%A9faillance" title="Consultez l'article &quot;Point individuel de défaillance&quot; de l'encyclopédie libre Wikipedia">SPOF</a></b> de
      l'Internet). Par défaut, les outils Let's Encrypt comme
      <a href="https://certbot.eff.org/">certbot</a> créent une nouvelle
      <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/Cryptographie%20asym%C3%A9trique" title="Consultez l'article &quot;Cryptographie asymétrique&quot; de l'encyclopédie libre Wikipedia">clé</a></b> quand le certificat est
      renouvelé. Dans quels cas est-ce gênant et comment éviter
      cela ?</p></div>
      <div class="para"><p>Un petit rappel sur les <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/Certificat%20%C3%A9lectronique" title="Consultez l'article &quot;Certificat électronique&quot; de l'encyclopédie libre Wikipedia">certificats</a></b> :
      un certificat, c'est tout bêtement une <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/Cryptographie%20asym%C3%A9trique" title="Consultez l'article &quot;Cryptographie asymétrique&quot; de l'encyclopédie libre Wikipedia">clé
      publique</a></b>, avec quelques
      <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/M%C3%A9tadonn%C3%A9e" title="Consultez l'article &quot;Métadonnée&quot; de l'encyclopédie libre Wikipedia">métadonnées</a></b> dont les plus importantes sont
      la <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/Signature%20num%C3%A9rique" title="Consultez l'article &quot;Signature numérique&quot; de l'encyclopédie libre Wikipedia">signature</a></b> de l'<b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/Autorit%C3%A9%20de%20certification" title="Consultez l'article &quot;Autorité de certification&quot; de l'encyclopédie libre Wikipedia">AC</a></b>
      et la date d'expiration (qui, avec <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/Let's%20Encrypt" title="Consultez l'article &quot;Let's Encrypt&quot; de l'encyclopédie libre Wikipedia">Let's
      Encrypt</a></b>, est très rapprochée). Renouveler un
      certificat, c'est demander une nouvelle signature à l'AC. Si la
      clé n'est pas trop ancienne, ou n'a apparemment pas été
      compromise, il n'est pas nécessaire de la changer.</p></div>
      <div class="para"><p>Mais les outils existants le font quand même systématiquement
      (c'est un choix des outils, comme <a href="https://certbot.eff.org/">certbot</a>
      ou <a href="https://dehydrated.de/">dehydrated</a>, ce n'est pas une obligation
      du protocole <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/ACME%20(protocole)" title="Consultez l'article &quot;ACME (protocole)&quot; de l'encyclopédie libre Wikipedia">ACME</a></b>, ni de l'AC Let's
      Encrypt). Cette décision a probablement été prise pour garantir
      que la clé soit renouvelée de temps en temps (après tout, il est
      raisonnable de supposer que, tôt ou tard, elle sera compromise, et
      ce ne sera pas forcément détecté par le propriétaire).</p></div>
      <div class="para"><p>Et pourquoi est-ce gênant de changer de clé à chaque
      renouvellement (donc tous les trois mois avec Let's Encrypt) ?
      Cela ne pose pas de problème pour l'utilisation habituelle d'un
      serveur <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/HyperText%20Transfer%20Protocol%20Secure" title="Consultez l'article &quot;HyperText Transfer Protocol Secure&quot; de l'encyclopédie libre Wikipedia">HTTPS</a></b>. Mais c'est ennuyeux si on
      utilise des techniques de sécurité fondées sur un épinglage de la
      clé, c'est-à-dire une authentification de la clé publique
      utilisée. Ces techniques permettent de résoudre une grosse faille
      de <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/X.509" title="Consultez l'article &quot;X.509&quot; de l'encyclopédie libre Wikipedia">X.509</a></b>, le fait que n'importe quelle AC,
      même si vous n'en êtes pas client, puisse émettre un certificat
      pour n'importe quel domaine. Parmi ces techniques de sécurité :
      </p><ul><li><b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/DNS%20-%20based%20Authentication%20of%20Named%20Entities" title="Consultez l'article &quot;DNS - based Authentication of Named Entities&quot; de l'encyclopédie libre Wikipedia">DANE</a></b>, normalisé dans le <a href="http://www.bortzmeyer.org/6698.html" class="rfc" title="Consultez l'analyse du RFC 6698">RFC 6698</a>. Si on met les utilisations 1
        (« PKIX-EE ») ou 3 (« DANE-EE »), DANE déclare la clé, un
        changement de celle-ci invalide donc l'enregistrement
        DANE.</li>
        <li><b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/HTTP%20Public%20Key%20Pinning" title="Consultez l'article &quot;HTTP Public Key Pinning&quot; de l'encyclopédie libre Wikipedia">HPKP</a></b> (<a href="http://www.bortzmeyer.org/7649.html" class="rfc" title="Consultez l'analyse du RFC 7649">RFC 7649</a>).</li>
        <li>Et les autres solutions d'épinglage comme celle spécifiée
        dans la section 4.2 du <a href="http://www.bortzmeyer.org/7858.html" class="rfc" title="Consultez l'analyse du RFC 7858">RFC 7858</a> pour les
        serveurs
        <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/Domain%20Name%20System" title="Consultez l'article &quot;Domain Name System&quot; de l'encyclopédie libre Wikipedia">DNS</a></b>-sur-<b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/Transport%20Layer%20Security" title="Consultez l'article &quot;Transport Layer Security&quot; de l'encyclopédie libre Wikipedia">TLS</a></b>. La
        <a href="https://dnsprivacy.org/jenkins/job/dnsprivacy-monitoring/">supervision
        des serveurs publics utilisant ce protocole</a> les
        authentifie ainsi (« <i class="foreign" xml:lang="en" lang="en">Strict mode - SPKI
        only</i> »).</li>
      </ul></div>
      <div class="para"><p>Si on utilise l'outil <a href="https://certbot.eff.org/">certbot</a>, qui est celui
      officiellement recommandé par Let's Encrypt, la méthode normale
      d'utilisation est, la première fois :
  </p><pre>  
  % sudo certbot certonly --webroot --webroot-path /var/lib/letsencrypt -d www.example.com 
  Saving debug log to /var/log/letsencrypt/letsencrypt.log
  Obtaining a new certificate
  Performing the following challenges:
  http-01 challenge for www.example.com
  Using the webroot path /var/lib/letsencrypt for all unmatched domains.
  Waiting for verification...
  Cleaning up challenges
  Generating key (2048 bits): /etc/letsencrypt/keys/0000_key-certbot.pem
  Creating CSR: /etc/letsencrypt/csr/0000_csr-certbot.pem
  ...
  </pre><p>
     Let's Encrypt a testé la présence du défi sur le serveur, on le
     voit dans le <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/Historique%20(informatique)" title="Consultez l'article &quot;Historique (informatique)&quot; de l'encyclopédie libre Wikipedia">journal</a></b> du serveur <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/Hypertext%20Transfer%20Protocol" title="Consultez l'article &quot;Hypertext Transfer Protocol&quot; de l'encyclopédie libre Wikipedia">HTTP</a></b> :
  </p><pre>
  2600:3000:2710:200::1d - - [13/Sep/2017:16:08:46 +0000] "GET /.well-known/acme-challenge/2IlM1PbP9QZlAA22xvE4Bz5ivJi5nsB5MHz52uY8xT8 HTTP/1.1" 200 532 "-" "Mozilla/5.0 (compatible; Let's Encrypt validation server; +https://www.letsencrypt.org)"
  </pre><p>
  On va alors créer l'enregistrement TLSA (DANE) :
  </p><pre>
  % tlsa --create --selector 1  www.example.com
  Got a certificate with Subject: /CN=www.example.com
  _443._tcp.www.example.com. IN TLSA 3 1 1 f582936844ec355cfdfe8d9d1a42e9565940602c71c7abd2c36c732daa64b9db
  Got a certificate with Subject: /CN=www.example.com
  _443._tcp.www.example.com. IN TLSA 3 1 1 f582936844ec355cfdfe8d9d1a42e9565940602c71c7abd2c36c732daa64b9db
  </pre><p>
   (L'option <code>--selector 1</code> est pour faire
   apparaitre dans l'enregistrement TLSA la clé publique seulement et
   non pas tout le certificat, ce que ferait le sélecteur par défaut,
   0. C'est expliqué plus en détail plus loin.)
     À ce stade, on a un certificat Let's Encrypt, un enregistrement
     DANE qui correspond et tout le monde est heureux :
     </p><pre>
  % tlsa --verify --resolvconf="" www.example.com 
  SUCCESS (Usage 3 [DANE-EE]): Certificate offered by the server matches the TLSA record (x.y.z.t)
     </pre></div>
      <div class="para"><p>Maintenant, si on renouvelle le certificat quelques mois plus
      tard : 
  </p><pre>    
  % certbot --quiet  --webroot --webroot-path /usr/share/nginx/local-html renew
  </pre><p>
   Cela change la clé. Regardez avec <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/OpenSSL" title="Consultez l'article &quot;OpenSSL&quot; de l'encyclopédie libre Wikipedia">OpenSSL</a></b> :
  </p><pre>
  # Avant  
   % openssl x509 -pubkey -in /etc/letsencrypt/live/www.example.com/fullchain.pem 
  -----BEGIN PUBLIC KEY-----
  MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAsUd3mG5QK6EdTtYh0oLJ
  nkIovYkWXV8QLQMvAthzURbyeIlQ8CXeTNCT6odh/VVyMn49IwkRJl6B7YNhYiRz
  pbmIxxzceAhKNAg6TF/QylHa1HWvHPniZF02NJAXCxMO5Y8EZ7n0s0cGz4XD5PGA
  XctV6ovA3fR8b2bk9t5N+UHklWvIOT7x0nVXWmWmrXzG0LX/P4+utZJjRR6Kf5/H
  9GDXprklFCbdCTBkhyPBgdiJDnqzdb6hB1aBEsAMd/Cplj9+JKtu2/8Pq6MOtQeu
  364N+RKcNt4seEr6uMOlRXzWAfOHI51XktJT64in1OHyoeRMV9dOWOLWIC2KAlI2
  jwIDAQAB
  -----END PUBLIC KEY-----
  # Après
  % openssl x509 -pubkey -in /etc/letsencrypt/live/www.example.com/fullchain.pem
  -----BEGIN PUBLIC KEY-----
  MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEA6MF8Dw3JQ58n8B/GvWYI
  Vd+CG7PNFA+Ke7B+f9WkzEIUPzAHq7qk1v7dOitD3WsRKndJDPxZAq7JrgOiF/0y
  4726HhYR1bXOTziAbk0HzR+HwECo1vz26fqPnNpZ3M46PQFQU9uq2pgHtBwCVMQ+
  Hi1pYKnB2+ITl11DBLacSHP7WZZGHXbEqW5Cc710m6aTt18L+OgqxuQSgV+khh+W
  qWqd2bLq32actLEVmfR4uWX7fh/g6I7/p3ohY7Ax4WC30RfWZk3vLyNc/8R0/67c
  bVIYWmkDhgXy6UlrV2ZgIO2K8oKiJBMHjnaueHIfu1ktubqM1/u1yLKwXW16UAxm
  5QIDAQAB
  -----END PUBLIC KEY-----
  </pre><p>
  À partir de là, l'enregistrement DANE ne correspond plus, la clé
  copiée à l'extérieur n'est plus la clé utilisée.
      </p></div>
      <div class="para"><p>Avec certbot, la solution est de ne pas laisser le client ACME
      choisir le certificat, mais de fabriquer un
      <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/Demande%20de%20signature%20de%20certificat" title="Consultez l'article &quot;Demande de signature de certificat&quot; de l'encyclopédie libre Wikipedia">CSR</a></b> et de lui indiquer de l'utiliser systématiquement
      (cf. <a href="https://certbot.eff.org/faq/#can-i-use-an-existing-private-key-or-certificate-signing-request-csr-with-certbot">la
      documentation officielle</a>) :
  </p><pre>
  % certbot certonly --webroot -w /usr/share/nginx/local-html -d dns-resolver.yeti.eu.org --csr /etc/letsencrypt-local/yeti-resolver.csr --cert-path /etc/letsencrypt-local/tmp.pem 
  No handlers could be found for logger "certbot.crypto_util"
  Saving debug log to /var/log/letsencrypt/letsencrypt.log
  Performing the following challenges:
  http-01 challenge for dns-resolver.yeti.eu.org
  Using the webroot path /var/lib/letsencrypt for all unmatched domains.
  Waiting for verification...
  Cleaning up challenges
  Server issued certificate; certificate written to /etc/letsencrypt-local/dns-resolver.yeti.eu.org.pem
  </pre><p>
   Comment on avait fabriqué un CSR ? <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/OpenSSL" title="Consultez l'article &quot;OpenSSL&quot; de l'encyclopédie libre Wikipedia">OpenSSL</a></b> le
   permet. Faisons-en un joli, utilisant la
   <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/Cryptographie%20sur%20les%20courbes%20elliptiques" title="Consultez l'article &quot;Cryptographie sur les courbes elliptiques&quot; de l'encyclopédie libre Wikipedia">cryptographie à courbes elliptiques</a></b> :
  </p><pre>
  %  openssl ecparam -out yeti-resolver.pem -name prime256v1 -genkey
  %  openssl req -new -key yeti-resolver.pem  -nodes -days 1000 -out yeti-resolver.csr
  You are about to be asked to enter information that will be incorporated
  into your certificate request.
  ...
  Organization Name (eg, company) [Internet Widgits Pty Ltd]:Dahu
  Organizational Unit Name (eg, section) []:
  Common Name (e.g. server FQDN or YOUR name) []:dns-resolver.yeti.eu.org
  Email Address []:yeti@eu.org
  </pre><p>
    Avec ce <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/Demande%20de%20signature%20de%20certificat" title="Consultez l'article &quot;Demande de signature de certificat&quot; de l'encyclopédie libre Wikipedia">CSR</a></b>, et en appelant certbot depuis
    <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/cron" title="Consultez l'article &quot;cron&quot; de l'encyclopédie libre Wikipedia">cron</a></b> avec les options indiquées plus haut,
    indiquant le même CSR (<code>certbot certonly --webroot -w /usr/share/nginx/local-html -d dns-resolver.yeti.eu.org --csr /etc/letsencrypt-local/yeti-resolver.csr --cert-path /etc/letsencrypt-local/tmp.pem</code>), la
    clé reste constante, et DANE et HPKP fonctionnent. Petit
    inconvénient : avec ces options, certbot renouvelle le certificat à
    chaque fois, même quand ça n'est pas nécessaire. </p></div>
  <div class="para"><p>Et si on utilise <a href="https://dehydrated.de/">dehydrated</a> au lieu de
  certbot, comme client <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/ACME%20(protocole)" title="Consultez l'article &quot;ACME (protocole)&quot; de l'encyclopédie libre Wikipedia">ACME</a></b> ? Là, c'est plus simple, on met dans le fichier de
  configuration <code>/etc/dehydrated/config</code>
  l'option :
  </p><pre>
  PRIVATE_KEY_RENEW="no"
  </pre><p>
  Et cela suffit. Ceci dit, dehydrated a un gros inconvénient, <a href="https://github.com/lukas2511/dehydrated/issues/455">il est
  bavard</a>. Quand on le lance depuis <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/cron" title="Consultez l'article &quot;cron&quot; de l'encyclopédie libre Wikipedia">cron</a></b>, il
  affiche systématiquement plusieurs lignes, même s'il n'a rien à dire.</p></div>
  <div class="para"><p>Pour revenir à la question du choix du sélecteur DANE (<a href="http://www.bortzmeyer.org/6698.html" class="rfc" title="Consultez l'analyse du RFC 6698">RFC 6698</a> et <a href="http://www.bortzmeyer.org/7218.html" class="rfc" title="Consultez l'analyse du RFC 7218">RFC 7218</a>), il faut
  noter que tout renouvellement change le certificat (puisqu'il modifie
  au moins la date d'expiration). Il ne faut donc pas utiliser le
  sélecteur 0 « <code>Cert</code> » (qui publie le
  <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/condensat" title="Consultez l'article &quot;condensat&quot; de l'encyclopédie libre Wikipedia">condensat</a></b> du certificat entier dans
  l'enregistrement TLSA) mais le sélecteur 1
  « <code>SPKI</code> » (qui ne met que le condensat de la clé).
  Le problème existe avec toutes les AC mais est plus aigu
  pour Let's Encrypt où on renouvelle souvent. L'annexe A.1.2 du <a href="http://www.bortzmeyer.org/6698.html" class="rfc" title="Consultez l'analyse du RFC 6698">RFC 6698</a> l'explique bien.
  </p></div>
     <div class="para"><p>Enfin, un avertissement de sécurité : avec les méthodes
     indiquées ici, le client ACME ne change plus de clé du tout. C'est donc
     désormais à vous de penser à créer une nouvelle clé de temps en
     temps, pour suivre les progrès de la
     <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/cryptanalyse" title="Consultez l'article &quot;cryptanalyse&quot; de l'encyclopédie libre Wikipedia">cryptanalyse</a></b>.</p></div>
     <div class="para"><p>Si vous voulez des exemples concrets,
     <code>dns-resolver.yeti.eu.org</code> (uniquement en
     <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/IPv6" title="Consultez l'article &quot;IPv6&quot; de l'encyclopédie libre Wikipedia">IPv6</a></b>) utilise certbot, alors que
     <code>dns.bortzmeyer.org</code> et
     <code>mercredifiction.bortzmeyer.org</code> utilisent
     dehydrated. Prenons <code>dns.bortzmeyer.org</code>. Son
     enregistrement TLSA :
     </p><pre>
  % dig TLSA _443._tcp.dns.bortzmeyer.org
  ...
  ;; ANSWER SECTION:
  _443._tcp.dns.bortzmeyer.org. 80968 IN TLSA 1 1 1 (
  				C05BF52EFAB00EF36AC6C8E1F96A25CC2A79CC714F77
  				055DC3E8755208AAD0E4 )
  				...
  ;; Query time: 0 msec
  ;; SERVER: 127.0.0.1#53(127.0.0.1)
  ;; WHEN: Sat Dec 02 17:03:18 CET 2017
  ;; MSG SIZE  rcvd: 2311
     </pre><p>
     Il déclare une contrainte sur le certificat du serveur (champ
     <i class="foreign" xml:lang="en" lang="en">Certificate usage</i> à 1, PKIX-EE), ne testant que
     la clé (champ <i class="foreign" xml:lang="en" lang="en">Selector</i> à 1), l'enregistrement
     est un <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/condensat" title="Consultez l'article &quot;condensat&quot; de l'encyclopédie libre Wikipedia">condensat</a></b>
     <b><a class="wikipedia" hreflang="fr" href="https://fr.wikipedia.org/wiki/SHA-256" title="Consultez l'article &quot;SHA-256&quot; de l'encyclopédie libre Wikipedia">SHA-256</a></b> (champ <i class="foreign" xml:lang="en" lang="en">Matching
     type</i> à 1). On peut
     vérifier que l'enregistrement DANE est correct avec <a href="http://people.redhat.com/pwouters/hash-slinger/">hash-slinger</a> :
     </p><pre>
  % tlsa --verify --resolvconf="" dns.bortzmeyer.org
  SUCCESS (Usage 1 [PKIX-EE]): Certificate offered by the server matches the one mentioned in the TLSA record and chains to a valid CA certificate (204.62.14.153)
  SUCCESS (Usage 1 [PKIX-EE]): Certificate offered by the server matches the one mentioned in the TLSA record and chains to a valid CA certificate (2605:4500:2:245b::42)
     </pre><p>
     ou bien avec <code><a href="https://check.sidnlabs.nl/dane/"><code>https://check.sidnlabs.nl/dane/</code></a></code>.
  </p></div>
    </div><p id="get-pdf" class="verysmall"><a href="http://www.bortzmeyer.org/letsencrypt-certbot-keep-key.pdf" rel="noindex,nofollow">Version PDF de cette page</a> (mais vous pouvez aussi imprimer depuis votre navigateur, il y a une feuille de style prévue pour cela)</p>


title: exegetes.eu.org
url: https://exegetes.eu.org/dossiers/filtragecazeneuve/index.html
created_at: 2017-12-06 21:49:05
updated_at: 2017-12-06 21:49:05
mimetype: text/html
language: fr
domain_name: exegetes.eu.org
preview_picture: https://exegetes.eu.org/static/images/banner.png
http_status: 200
content:
  <div class="article-author-side">
              <div>
                  <img src="https://exegetes.eu.org/static/images/bio-photo.jpg" class="bio-photo" alt="Les exégètes amateurs bio photo" /><h3>Les exégètes amateurs</h3>
                  <p>Groupe d'action juridique et contentieuse commun entre French Data Network (FDN), La Quadrature du Net (LQDN) et la fédération des fournisseurs d'accès à Internet associatifs (Fédération FDN). Depuis décembre 2014.</p>
                  
                  
                  
                  <noscript><a href="https://liberapay.com/Exegetes/donate"><img alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg" /></a></noscript>
              </div>
          </div><div>
      <div class="article-wrap">
          <h2>Recours contre le décret LOPPSI / Cazeneuve et plainte CNIL</h2>
  <p>Procédure et plainte :</p>
  <ul><li><a href="https://exegetes.eu.org/recours/filtragecazeneuve/CEtat-Décret/">Conseil d'État</a> (terminée)</li>
  <li><a href="https://exegetes.eu.org/recours/filtragecazeneuve/Cnil/">Plainte à la CNIL</a> <strong>(en attente)</strong></li>
  <li>Cour européenne des droits de l'homme <strong>(rejet - irrecevabilités articles 34 et 35 - aucune explication)</strong>  (<a href="https://exegetes.eu.org/dossiers/filtragecazeneuve/2016-08-10-annexe_fdn.pdf">Annexe à la requête introductive</a>)</li>
  </ul><p>En collaboration avec <a href="https://www.article19.org/resources.php/resource/38071/en/france:-article-19-supports-claim-challenging-lawfulness-of-administrative-website-blocking">Article 19 (tierce intervention)</a> pour la procédure au Conseil d'État.</p>
  <hr /><p>Les procédures au Conseil d'État concernent les décrets 2015-125 et 2015-253.</p>
  <p>La plainte à la CNIL concerne le traitement des données issues de la
  redirection du trafic vers une page du ministère de l'intérieur.</p>
  <h2>Affaire Orange Fail</h2>
  <p>Un jour, les abonnés internet d'Orange ne pouvaient plus accéder à Google et Wikipédia, ainsi que bon nombre de sites qui ont été accidentellement considérés comme faisant «apologie du terrorisme». Cet accident trouve en fait son origine dans les obligations de censure administrative secrète de la loi Cazeneuve/Loppsi… Pour se défendre, le ministère de l'Intérieur a avoué procéder à la collecte et la conservation des logs… Les Exégètes attaquent le ministre de l'Intérieur devant le Conseil d'État pour ce traitement de données à caractère personnel…</p>
  <h3>Mémoires</h3>
  <ul><li><a href="https://exegetes.eu.org/dossiers/filtragecazeneuve/2016-12-19-orangefail-rep-intro-sommaire-consolid.pdf">19 déc. 2016: requête introductive sommaire au <strong>Conseil d'État</strong></a></li>
  <li><a href="https://exegetes.eu.org/dossiers/filtragecazeneuve/2017-03-20-orange-fail-ampliatif.pdf">20 mars 2017 : mémoire complémentaire</a></li>
  <li><a href="https://exegetes.eu.org/dossiers/filtragecazeneuve/2017-11-16-orangefail-demande-mise-role.pdf">16 novembre 2017 : lettre de demande de mise au rôle (pour faire bouger la procédure en l'absence de réponse du gouvernement)</a></li>
  </ul><h3>Demande de communication de la liste des adresses électroniques visée dans le décret n°2015-125 du 5 février 2015</h3>
  <p>Lettre et réponse : <a href="https://exegetes.eu.org/recours/filtragecazeneuve/Oclctic/">OCLCTIC / DGPN</a> (terminé)</p>
  <p>Il s'agit d'une procédure initiée par La Quadrature du Net seule. La liste des sites internet bloqués en application du décret n°2015-125 du 5 février 2015 n'est pas publique. La Quadrature du Net a par conséquent envoyé le 27 août 2015 une lettre à l’Office Central de Lutte contre la Criminalité liée aux Technologies de l’Information et de la Communication (OCLCTIC) afin de demander la communication des adresses électroniques qui ont fait l'objet d'un blocage administratif.</p>
      </div>
      <hr /></div>


title: REX sur l’incident réseau du 9/11/2017 sur le site de Roubaix
url: https://www.ovh.com/fr/blog/retour-experience-incident-reseau-9-novembre-2017-site-de-roubaix/
created_at: 2017-12-06 21:49:15
updated_at: 2017-12-06 21:49:15
mimetype: text/html
language: fr-FR
domain_name: www.ovh.com
preview_picture: https://www.ovh.com/wp-content/uploads/2017/11/node_controller-ovh-roubaix-1-e1511274560774.jpg
http_status: 200
content:
  <p class="readingtime_text">Temps de lecture estimé : 19 minute(s)</p><p>Comme nous l’avons déjà exprimé, notre métier de fournisseur d’infrastructure cloud consiste à anticiper tout type de scénarios, et à imaginer puis déployer les dispositifs de sécurisation nécessaires pour garantir la continuité de service en toutes circonstances. De la défaillance hardware ou software d’un équipement au coup de pelleteuse malencontreux sectionnant un fourreau de fibres, en passant par les erreurs humaines. L’incident réseau survenu le 9 novembre dernier sur le site de Roubaix nous rappelle que la réalité dépasse parfois l’imagination, révélant le cas improbable auquel nous n’avions pas pensé, l’invraisemblable cascade de bugs à laquelle personne n’avait encore été confronté.</p><h2><strong>Pourquoi un retour d’expérience ?</strong></h2><p>Lorsque ce type d’événement survient, notre priorité est d’établir le bon diagnostic et de rétablir le service dans les plus brefs délais. Puis, dès l’incident clos, il faut remettre en question les choix techniques, les certitudes d’hier pourtant fondées sur des années de pratique. Notre mission consiste alors à concevoir un système encore plus tolérant à la défaillance d’un ou de plusieurs éléments en cascade. Et c’est probablement là que notre métier prend toute sa valeur, chaque incident survenu ayant pour conséquence positive de rendre nos infrastructures plus robustes, nos procédures plus fiables, nos diagnostics plus rapides et précis. Les incidents dont on ne parle pas, mais font pourtant partie du quotidien d’un cloud provider (en témoigne le site travaux.ovh.net), permettent quant à eux d’éprouver et perfectionner chaque jour les mécanismes de sécurité mis en place.</p><p>Une semaine après, nous avons souhaité revenir plus en détail sur le déroulé de l’incident réseau du 9 novembre 2017 sur le site de Roubaix, en éclaircissant à la fois la nature et le rôle des équipements qui ont fait défaut, ainsi que les plans d’action à court et moyen termes que nous avons déclenchés – et d’ores et déjà partiellement mis en œuvre – pour prévenir la reproduction d’une telle situation. Au-delà de la volonté d’être totalement transparents, ce qui nous semble essentiel dans le cadre de la relation de confiance qui nous lie à nos clients, nous pensons que ce retour d’expérience peut profiter à tous. À ceux qui seront un jour ou l’autre confrontés à ce type de situation, y compris à une plus petite échelle, et à ceux qui s’intéressent à la complexité des infrastructures sur lesquelles s’appuie le réseau Internet.</p><p>La promesse du Cloud est de simplifier l’IT. En réalité, la complexité ne disparaît pas. Elle est simplement transférée à des cloud providers tels qu’OVH, dont le métier est méconnu du grand public, mais dont le rôle est de plus en plus stratégique. En centralisant ainsi les infrastructures, les cloud providers ont, de par l’échelle à laquelle ils opèrent, les moyens d’offrir à leurs clients des protections robustes contre les attaques DDoS, une bande passante de qualité et des latences faibles depuis n’importe quel endroit du monde, une redondance électrique et réseau… Tout ceci à un coût en général plus faible que si les machines étaient hébergées par les entreprises elles-mêmes. La contrepartie est que les cloud providers héritent d’une grande responsabilité : garantir la disponibilité sans faille des services. Sans quoi, comme ce fut le cas le 9 novembre, ils se retrouvent à juste titre sous le feu des projecteurs.</p><h2><strong>Le rôle d’un nœud optique</strong></h2><p>Revenons à l’incident lui-même. Mais avant cela, il est nécessaire de planter le décor, et d’évoquer le rôle du système optique en cause. Le site de Roubaix (RBX), sur lequel se situe le siège social de l’entreprise, comporte 7 datacenters distincts. Comme les 11 autres sites du groupe, Roubaix est connecté au réseau mondial d’OVH (et donc au réseau Internet) via plusieurs « pénétrantes ». C’est-à-dire des fibres reliant le site à différents points de présence (PoP) du réseau mondial d’OVH, via des tracés géographiquement distincts. En l’occurrence, le site de Roubaix est connecté directement à 6 des 33 PoP du backbone d’OVH : Paris (via TH2 et GSW), Francfort (FRA), Amsterdam (AMS), London (LDN), Bruxelles (BRU).</p><p>Dans le détail, il s’agit de 6 fibres optiques : 2x RBX&lt;&gt;BRU, 1x RBX&lt;&gt;LDN, 1x RBX&lt;&gt;GRA, 2x RBX&lt;&gt;Paris (1x RBX&lt;&gt;TH2 et 1x RBX&lt;&gt;GSW). Dès lors que la distance excède 80 kilomètres, le lien fibré est entrecoupé de sites d’amplification pour pallier l’atténuation naturelle du signal.</p><p>Ces 6 fibres sont physiquement rassemblées, sur le site de Roubaix, au sein d’un système que l’on nomme « nœud optique ».  Le rôle de ce nœud optique, aussi appelé équipement de multiplexage optique, est notamment de créer sur les fibres des longueurs d’onde. Si l’on se réfère au <a href="https://fr.wikipedia.org/wiki/Mod%C3%A8le_OSI" target="_blank" rel="noopener">modèle OSI</a> qui explicite les différentes couches de la communication entre systèmes informatiques, il s’agit de créer des circuits cohérents de niveau 1 (<a href="https://en.wikipedia.org/wiki/Optical_Transport_Network" target="_blank" rel="noopener">OTU4</a> pour 112 Gbps) en diversifiant les chemins optiques, afin de disposer d’un backbone doté de circuits de niveau 2 (Ethernet 100 Gbps) sécurisés. Une fibre peut contenir jusqu’à 80 longueurs d’onde, d’une capacité de 100 Gbps chacune.</p><p>Le système de nœud optique est composé à Roubaix d’une vingtaine de châssis, répartis en deux catégories.</p><p>La première catégorie de châssis est équipée de 2 cartes de supervision (TNC), respectivement placées en slots 1 et 8 (carte du haut et du bas sur les photos ci-dessous) et d’un LCD (carte intégrée du châssis). Le milieu du châssis est occupé par des amplificateurs et des cartes <a href="https://fr.wikipedia.org/wiki/Reconfigurable_optical_add_drop_multiplexer" target="_blank" rel="noopener">ROADM</a>, sur les 6 slots restants. Il y a un châssis de ce type par direction : vers BRU, vers LDN, vers GWS (Paris), vers TH2 (Paris) et vers GRA. La fibre a toujours une direction, par exemple RBX&lt;&gt;TH2 va physiquement vers TH2. Mais, sur ces liens physiques, nous créons des circuits logiques, qui permettent par exemple de relier RBX à SBG en passant par le PoP parisien de TH2. On parle alors d’une route.</p><img class="wp-image-12242 size-full" src="https://www.ovh.com/fr/blog/wp-content/uploads/2017/11/Schéma-noeud-optique-ovh-roubaix.png?x70472" alt="" width="369" height="203" />Principe de fonctionnement du nœud optique du site de Roubaix (en imaginant N châssis de la seconde catégorie, comportant carte de protection optique et transpondeur).<p>La seconde catégorie de châssis est constituée d’une carte PSM (carte de protection optique) et d’une carte TXP (carte transpondeur). Cette dernière carte est directement connectée aux routeurs en aval, et convertit le signal optique en signal qu’un routeur peut interpréter. La carte de protection optique permet quant à elle de basculer du chemin nominal au chemin de protection et de reconfigurer le système en moins de 50 ms, en cas de coupure de fibre. Car chaque lien 100 Gbps est protégé par un chemin alternatif, inutilisé en temps normal et empruntant une fibre distincte. Par exemple, le circuit nominal de RBX&lt;&gt;GRA emprunte la fibre directe RBX-GRA, et le chemin de protection emprunte la route RBX&lt;&gt;BRU&lt;&gt;GRA car nous avons une fibre entre RBX&lt;&gt;BRU et GRA&lt;&gt;BRU.</p> <img class="wp-image-12243 size-full" src="https://www.ovh.com/fr/blog/wp-content/uploads/2017/11/schéma-protection-optique-ovh-roubaix.png?x70472" alt="" width="395" height="182" />Principe de fonctionnement de la protection optique.<p>Il faut savoir que le fameux « coup de pelleteuse » constitue le risque n°1 en matière de réseau. Notez qu’il est moins redouté dans certains pays comme les États-Unis ou le Canada, car les installations fibrées y sont en partie aériennes. Elles sont, de ce fait, plus sensibles à l’arrachage ou aux événements climatiques… C’est pourquoi les réseaux sont toujours sécurisés par la diversification géographique des chemins fibrés, de sorte à ce qu’il y ait toujours des liens disponibles, par lesquels écouler le trafic.</p><p>Le système de nœud optique est réparti au sein des deux salles réseau jumelles du site de Roubaix. Ces deux salles réseau sont strictement identiques, mais physiquement situées au sein de deux datacenters distincts, et sont donc rattachées à deux domaines de panne électrique. Les équipements de ces salles travaillent de concert en temps normal pour router le trafic du site. Ces salles sont capables de prendre le relais l’une de l’autre de façon totalement automatique et transparente en cas d’incident affectant l’une d’elle.</p><p>Vous l’aurez compris, le système de nœud optique est un système critique, de par son rôle essentiel dans la connexion du site vers le reste du backbone OVH et donc du réseau Internet. Aussi, ce système s’appuie sur une technologie « rockstable » comme on dit dans le métier, aussi bien au niveau du hardware que du software, et bénéficie d’une double alimentation électrique. Les composants physiques essentiels comme les cartes de supervision sont redondés, et le système continue à fonctionner normalement en cas de perte d’un ou plusieurs châssis, y compris celui qui joue le rôle du master dans le cluster (c’est-à-dire celui qui provisionne et monitore les châssis esclaves). Autrement dit, le risque que ce système tombe est quasiment nul. Du moins, c’est ce dont nous étions persuadés.</p> <img class="wp-image-12244 size-large" src="https://www.ovh.com/fr/blog/wp-content/uploads/2017/11/3-chassis-noeud-optique-roubaix-ovh-e1511257003762-960x1280.jpg?x70472" alt="" width="960" height="1280" />Zoom sur 3 des 20 châssis du nœud optique du site de Roubaix.<h2><strong>La complexité du diagnostic</strong></h2><p>Le 9 novembre à 8 h 01 précisément, nos systèmes détectent la perte soudaine et simultanée de l’ensemble des 50 liens 100 Gbps connectant le site RBX au reste du monde (en réalité, il s’agit de 50 liens x 2 puisque chaque lien est protégé par un second lien empruntant une route physique différente). Étant donné les systèmes de redondance décrits plus haut, il est impossible que l’origine du problème soit une coupure physique des 6 fibres optiques. Même le plus diabolique des chefs de chantier ne serait pas parvenu à une coordination si parfaite des pelleteuses en activité dans le nord de l’Europe.</p><p>L’équipe réseau est immédiatement alertée et tente, dès 8 h 15, de se connecter à distance au système de nœud optique, après avoir rapidement écarté d’autres pistes étant donné l’ampleur du dysfonctionnement. En vain, car les interfaces de management du système sont figées.</p><p>Comme évoqué plus haut, les 20 châssis du système de nœud optique fonctionnent en cluster, sous la supervision d’un « node controller » (l’un des châssis, désigné comme maître). Ce nœud maître assure la synchronisation des informations entre l’ensemble des châssis, mais dialogue également avec l’ensemble des autres nœuds optiques du réseau OVH, situés dans 14 PoP du réseau ainsi que sur chacun des 12 sites. Ce réseau de management permet de déployer et de garantir la cohérence du niveau 1 de notre réseau (le modèle OSI, souvenez-vous).</p><h2><strong>Bugs en cascade</strong></h2><p>Nous aurons l’explication par la suite, grâce au diagnostic approfondi effectué avec l’aide de l’équipementier : en raison d’une charge CPU anormalement élevée, qui a débuté à 7 h 50, soit 10 minutes avant la perte des liens, un bug software connu du constructeur s’est déclaré. Sur les nœuds de taille importante, celui-ci a pour conséquence de faire un switchover des cartes de supervision du châssis toutes les 30 secondes. En clair : la carte de supervision TNC est doublée sur chacun des châssis, pour parer une panne hardware, les deux cartes fonctionnant en mode actif/passif. Le switchover entraîné par le bug a consisté à ce que les deux cartes du node controller soient, alternativement considérées, toutes les 30 secondes, comme active, puis passive, puis active, puis passive… ce flapping occasionnant l’impossibilité de reprendre le contrôle du châssis via le système de management. En temps normal ce switchover se stabilise seul. Ce ne fut pas le cas.</p> <img class="wp-image-12251 size-full" src="https://www.ovh.com/fr/blog/wp-content/uploads/2017/11/node_controller-ovh-roubaix-1-e1511274560774.jpg?x70472" alt="" width="900" height="632" />Zoom sur le node controller du nœud optique de RBX.<p>À 9 h 00, les équipes sont dans les salles hébergeant le nœud optique et la décision est prise de redémarrer électriquement le châssis maître. Le temps de redémarrage d’un tel équipement est compris entre 10 et 12 minutes. À 9 h 15, nous constatons que le redémarrage ne nous permet pas de reprendre la main sur le système de management, en raison d’une très forte charge CPU. Pour réduire cette charge, nous déconnectons les câbles qui permettent au système de dialoguer avec les autres nœuds optiques d’OVH. La charge CPU baisse et nous parvenons à reprendre la main sur le châssis maître à 9 h 30.</p><p>Nous constatons que tous les châssis du nœud optique de RBX sont à nouveau visibles par le système de management. Mais aucune alerte n’apparaît, or les liens ne fonctionnement toujours pas.</p><p>Nous apprendrons plus tard qu’à la suite du premier bug, le switchover des cartes de supervision du châssis maître, la configuration du nœud a été perdue. Ou plutôt que le châssis maître a propagé la consigne aux nœuds esclaves de réinitialiser leur configuration en mettant la base de données à zéro, à la suite d’une désynchronisation entre les deux cartes de supervision du châssis maître.</p><p>La perte de la configuration du nœud est un diagnostic que nous avons mis du temps à effectuer, car c’est, en théorie, absolument impossible. Et pour cause : la database est contenue, localement, sur chacun des châssis du nœud optique, sur chacune des deux cartes de supervision. Pour cette raison, le système est tolérant à la panne du node controller lui-même. Et c’est aussi pour cette raison que la surcharge CPU du node controller n’est pas un soi un événement alarmant : elle est naturelle lorsque des opérations d’écriture sont en cours, et n’empêche pas le système de fonctionner correctement.</p><p>Ici, l’incident s’explique donc par une cascade de bugs, chacun étant totalement distinct des autres, mais ayant probablement constitué un élément déclencheur (trigger) pour les autres.</p><p>À 10 h 00, nous comprenons que la configuration du nœud a été perdue, après avoir été trompés par l’affichage sur l’écran LCD de l’équipement, lequel affichait correctement l’adresse IP où il était censé être joignable. Le backup de cette base de données est dupliqué sur plusieurs sites distants. Nous récupérons la sauvegarde stockée sur le site de Gravelines et réinjectons ce backup dans le système. Les liens commencent à remonter à partir de 10 h 15.</p><p>À 10 h 30, 8 des 50 liens sont encore down, mais cela est sans incidence sur le trafic : le site de Roubaix est à nouveau accessible, les services des clients redeviennent fonctionnels quasi instantanément. L’indisponibilité aura duré 2 h 30.</p><p>À 11 h 00, nous constatons que certains transpondeurs ne sont pas vus par le système, et un amplificateur est HS. On lance le <a href="https://fr.wikipedia.org/wiki/Return_merchandise_authorization" target="_blank" rel="noopener">RMA</a> de l’équipement endommagé.</p><p>À 11 h 30, certains transpondeurs sont fonctionnels, mais ne sont pas visibles dans le système. Ils sont redémarrés. Tous les circuits sont remontés. À 14 h 15 les composants endommagés de l’amplificateur, reçus dans l’intervalle, sont remplacés. Cela nous permet de disposer à nouveau de l’intégralité des protections et redondances du système, qui fonctionne normalement depuis 10 h 30.</p><h2><strong>Les enseignements et les premières actions préventives</strong></h2><p>L’incident nous a appris plusieurs choses. La première est que la charge CPU élevée sur le node controller doit être surveillée et évitée, en raison des bugs qu’elle a occasionnés. Par précaution, nous avions prévu de remplacer les cartes de supervision (TNCE) de nos plus gros nœuds optiques par des cartes de puissance supérieure.</p><p>Il s’agissait d’un upgrade non critique, mais celui-ci était planifié avant la fin de l’année. De ce fait, nous avions reçu récemment 4 cartes TNCS, deux fois plus puissantes en CPU et dotées du double du RAM. Nous avons accéléré le remplacement des cartes des nodes controllers de Roubaix et Gravelines, où se trouvent à ce jour les plus importants nœuds optiques, en termes de nombre de châssis (ce nombre étant le principal facteur de charge CPU sur le node controller). Ces remplacements des cartes de supervision ont été réalisés dans la nuit du 13 au 14 novembre et dans la nuit suivante. Une opération transparente (sans interruption de service) puisque le swap est réalisé à chaud. Nous avons également programmé le remplacement des cartes de supervision des châssis maître des nœuds optiques de Strasbourg et Francfort.</p><p>De cette façon, nous écartons une première cause de dysfonctionnement et cela permet d’avoir une marge conséquente sur les ressources disponibles, pour prévenir l’inaccessibilité du système de management. Néanmoins, nous devons aussi remettre en question la confiance que nous avons eu dans la fiabilité absolue du système de management, et trouver un moyen de l’outrepasser en cas de nécessité. En informatique, et plus encore lorsque l’on opère à notre échelle massive et mondiale, il ne peut y avoir de confiance absolue dans un système ou un équipement.</p><p>La seconde action est la mise à jour software des équipements. Le second bug (remise à zéro de la base de données propagée à l’ensemble des châssis esclaves suite à la désynchronisation des deux cartes de supervision du châssis maître) a été fixé dans la release 10.7, que nous avons déployée la semaine du 13 novembre. Le premier bug, en revanche (flapping des cartes de supervision suite à la surcharge CPU) sera corrigé dans la release 10.8, dont l’ETA est fixé par le constructeur début décembre. Nous avons naturellement travaillé main dans la main avec l’équipementier, et toutes les informations nécessaires lui ont été remontées afin que les bugs et leurs conditions d’apparition soient étudiés dans le détail. Il faut aussi noter la qualité du support de cet équipementier, qui a rapidement mis à notre disposition toutes les ressources nécessaires à l’analyse du problème, y compris durant le week-end suivant l’incident pour nous accompagner dans l’élaboration du plan d’action à court terme.</p><p>Une précision : on peut légitimement se demander s’il n’aurait pas été plus prudent de faire les mises à jour software dès leur sortie. Vous l’avez compris, les équipements dont il est question sont critiques. Aussi, sur ce type d’équipement, une mise à jour software comporte des risques non négligeables. Les releases corrigent évidemment des bugs, mais ajoutent aussi de nouvelles fonctionnalités, ou le support de nouveaux hardwares. Le risque qu’une mise à jour contienne des bugs nouveaux n’est donc pas négligeable. Suivant notre politique interne et les recommandations du constructeur, les mises à jour ne sont pas appliquées systématiquement sur ce type d’équipements, sauf nécessité absolue (par exemple, des mises à jour relatives à la sécurité ou le support de nouveaux composants hardware, cartes ou optiques. C’est d’ailleurs pour cette raison que nous avions prévu de réaliser la mise à jour de ces équipements entre novembre 2017 et février 2018 : pour supporter de nouvelles cartes 400 Gbps et de nouvelles optiques 100 Gbps courte distance). Enfin, il faut souligner le niveau de confiance que nous avons dans ce matériel : nous utilisons ces technologies optiques depuis 2015, sans aucun incident ayant eu un impact sur nos clients. Pas regret de ce côté-là.</p><p>En revanche, et c’est ainsi qu’il faut comprendre le fait de devenir encore plus paranoïaque, nous devons maintenant concevoir qu’un tel scénario – la perte de l’ensemble d’un nœud optique – est probable, puisqu’il a eu lieu. L’équipe réseau a donc planché sur plusieurs options pour réduire le domaine de panne dans ce type de situation.</p><p>Le plan à court terme est de réaliser un split des systèmes de nœuds optiques par direction. Le risque de voir une configuration erronée se propager à l’ensemble du système en raison d’un bug sera ainsi endigué, puisque chaque partie du nœud ne discuterait qu’avec son homologue sur le site distant, qu’il s’agisse d’un PoP ou d’un site OVH comportant des datacenters. En cas d’incident, le domaine de panne est très circonscrit, et les autres directions restent fonctionnelles pour écouler le trafic.</p><p>Néanmoins, si le trafic nord-sud (serveurs &lt;&gt; Internet) a historiquement prédominé, une bascule s’opère aujourd’hui en faveur du trafic ouest-est (de serveur à serveur, entre nos différents sites, via le vRack). Nous devons prendre en compte cette évolution dans nos stratégies, ce qui pourrait, par exemple, nous conduire à envisager la construction de deux backbones parallèles et entièrement distinctes, chaque datacenter pouvant joindre chaque PoP en direct par l’un ou l’autre des réseaux.</p><p>Tout ceci sans perdre de vue que la sophistication des infrastructures peut devenir, à un certain niveau, un facteur de risque en elle-même, en complexifiant les déploiements, la maintenance et le management du réseau. Tout l’enjeu est donc de savoir où placer le curseur.</p><p>À l’heure qu’il est, la rédaction de l’ensemble des post-mortem se termine. Chaque équipe impliquée de près ou de loin, ou « simplement » affectée par l’incident a identifié ce qui a fonctionné, ce qui n’a fonctionné et ce qui doit être amélioré. Ceci en n’oubliant pas de discerner les facteurs chance et malchance qui souvent se combinent au cours d’un incident, compliquant le diagnostic ou au contraire facilitant finalement la résolution du dysfonctionnement. On dit qu’au-delà d’un certain niveau de complexité technique, le fonctionnement de tout équipement s’apparente à de la magie pour la plupart des humains. Si la magie d’Internet existe, rien de surnaturel chez OVH. Mais, parfois, des sacrés nœuds (optiques) à démêler.</p>


title: Courir un niveau au dessus pour faire du rythme : le mythe - Le blog de Quentin LEPLAT
created_at: 2017-12-06 21:49:34
updated_at: 2017-12-06 21:49:34
mimetype: text/html
language: fr
domain_name: leplat.quentin.over-blog.com
preview_picture: http://idata.over-blog.com/1/40/66/50/velo2mag8.jpg
http_status: 200
url:
  http://leplat.quentin.over-blog.com/article-courir-un-niveau-au-dessus-pour-faire-du-rythme-le-mythe-102421308.html

content:
  <p> <strong><a href="http://www.endurance-sport-performance.com/achat/cat-livre-et-magazine-10.html"><img src="http://idata.over-blog.com/1/40/66/50/velo2mag8.jpg" class="GcheTexte" width="213" height="300" alt="velo2mag8" /></a>C'est une chose que je constate depuis quelques années, et j'en suis de plus en plus convaincu. J'ai entendu des centaines fois des cyclistes qui voulaient faire du rythme ou prendre de la caisse sur des courses d'un niveau au dessus de leur catégorie.</strong> </p><p> Alors certe, si vous avez un niveau 3ème catégorie et que vous courrez avec les 1ere catégorie, cela va rouler beaucoup plus vite... mais allez vous faire plus d'effort pour autant ? La réponse est NON, clairement non. Si vous avez un niveau de 3ème catégorie capable de développer en course 280 watt de puissance normalisée en 3ème catégorie, et bien vous aurez beau courir en avec les 1ere et 2ème catégorie, vous ne ferez pas mieux que vos 280 watt disponible dans les jambes, et au mieux vous terminez dans le peloton sans avoir pris un seul courant d'air. </p> <p> Alors certes, vous aurez l'impression d'être toujours à fond, mais vous resterez planquer dans les roues comme je l'ai fait ce WE sur le Grand Prix de St Etienne ou je n'ai fait que subir un niveau élite sans pouvoir mettre le nez dans le vent. </p> <p> Cela fait depuis 2009 que je me suis remi au vélo avec plus d'assiduité en laissant la course à pied, le duathlon de coté. Et j'ai donc regravi les échelons de la 3ème caté à la 1ère. Et ce que je constate, c'est que ce soit en 3ème, 2ème, 1ere ou élite, je ne produis pas plus de watt quelque soit la catégorie de la course. La seule différence, c'est qu'en 3 je peux faire la course du début à la fin, qu'en 2 je peux faire la course, qu'en 1ere je peux de temps en temps faire la course, mais qu'en élite je ne peux pas jouer une seule fois devant. Mais au final, mes pics de puissance maxi, mes puissances normalisées, brutes, pédalantes se valent qu'elle que soit la catégorie dans laquelle je courre. ETONNANT NON... Finalement c'est normal, le fait de prendre le départ d'une course d'un niveau supérieur ne modifie pas mon niveau, cela modifie juste la sensation de pouvoir ou non être acteur de la course. </p>  <p> <strong>Voici quelques exemples de puissances record ces dernières années : </strong> </p> <p> En 3 : 1h39" de course 329 watt de puissance moyenne normalisée </p> <p> En 2 : 2h15 de course à 333 watt de puissance moyenne normalisée </p> <p> En 1.2.3 : 3h10 de course à 323 watt de puissance moyenne normalisée </p> <p> En Elite : 2h40" de course à 296 watt de puissance moyenne normalisé (condition physique pas à 100 %) </p> <p> Et le ponpon, c'est une cyclosportive ou je termine 2ème à 310 watt normalisée sur 3h30 en 2006 </p>  <p> <strong>En gros, mes meilleures puissances en course sur 2h peuvent attendre 330 watt, et 310 320 sur 3 h, et cela quelque soit le niveau de la course.</strong> Le résultat change en revanche, la perception mentale de la course change car en elite on ressent une impuissance qui devient une euphorie en 3ème catégorie. </p> <p> <strong>Est ce qu'on progresse en courant en élite au lieu de courir en 2ème catégorie....??</strong> franchement, je n'en suis pas sur du tout. Si vous courrez en élite, vous améliorer votre expérience de ce type de course, vous mettez votre physique à rude épreuve pour tenir la distance, mais vous n'améliorez pas votre sens tactique et votre punch final. A l'inverse en courant à son niveau, on affine sa maitrise tactique, on est soumi plus souvent à des situation d'acteur de la gagne. </p> <p> Allez pour simplifier, si vous avec un niveau 2 et que vous courrez en élite vous améliorer votre capacité à tenir des durée de course plus longue avec un risque de se cramer aussi... car rouler 2h30 à bloc c'est bien moins épuisant que de faire 3h30" sur le fil de rasoir. Si vous courrez en 2, vous améliorer vos capacité d'acteur de la course, ce qui pour le moral n'est pas désagréable. </p>  <p> PS : </p> <p> Les puissances décrites correspondent à celle un coureur de 69 kilo... si vous pesez 60 kilos... n'essayez de faire des comparaison... idem si vous en faites 80. </p> <p> Lexique : <a href="http://www.endurance-sport-performance.com/lexique/mot-P-puissance-normalisee-24.html">Puissance normalisée</a> </p>


title: Trop de courses en routine nuisent à l'entrainement | Velo2max Ferrier Académy
url: http://www.velo2max.com/blog/trop-de-courses-en-routine-nuisent-a-lentrainement/
created_at: 2017-12-06 21:49:49
updated_at: 2017-12-06 21:49:49
mimetype: text/html
language: fr-FR
domain_name: www.velo2max.com
preview_picture: http://www.velo2max.com/wp-content/plugins/all-in-one-seo-pack/images/default-user-image.png
http_status: 200
content:
  <div id="fb-root">

  <div class="normal">
  <p><a href="http://www.velo2max.com/wp-content/uploads/2014/12/tour-du-Hainan.jpg"><img class="alignleft size-medium wp-image-102" src="http://www.velo2max.com/wp-content/uploads/2014/12/tour-du-Hainan-300x199.jpg" alt="" width="300" height="199" /></a>Le cyclisme est un sport pour lequel il est possible d’enchaîner les courses avec peu de dommages musculaires (courbature, élongation, déchirure, contracture etc) à l’inverse de la course à pied. Ce qui permet au cycliste de cumuler un grand nombre de course dans une saison et de les rapprocher parfois de quelques jours, là, ou cela est impossible pour des coureurs à pied.</p>
  <p>Toutefois il s’avère que les cyclistes tombent souvent dans l’excès de compétitions, ce qui est préjudiciable à la qualité de l’entrainement et aux processus de récupération et d’adaptation. Il est possible de faire 50 courses en 8 mois, mais cela n’est pas toujours judicieux. Il faut trouver le bon compromis entre le trop de course et pas assez en concordance avec un entrainement de qualité.</p>
  <p>Le fait de faire beaucoup de courses toute l’année rend l’entrainement incontrôlable et les performances sont rarement maximalisés à 100%. Même des cyclistes professionnels de premier plan tombent facilement dans ce piège et accumule jusqu’à 100 jours de courses par an. Greg Lemond fut un des premiers cycliste à adopté à la fin des années 80, avant ère de l’EPO, une stratégie de sélection des courses pour contrôler plus facilement son niveau de forme en vue du Tour de France.</p>
  </div>
  <div class="normal">
  <p><strong>Analysons les puissances en courses :</strong></p>
  <p>En course on peut constater que la FC est très haute très souvent avec des valeurs maximales atteintes à plusieurs reprises. Mais lorsqu’on regarde la puissance on obtient des répartitions de l’intensité différente.</p>
  <p><a href="http://www.velo2max.com/wp-content/uploads/2014/12/coursepowertaptableau.png"><img class="aligncenter size-large wp-image-103" src="http://www.velo2max.com/wp-content/uploads/2014/12/coursepowertaptableau-1024x819.png" alt="" width="802" height="641" /></a></p>

  <p><em>Exemple ci dessus sur une cyclosportive</em></p>
  <p>Sur le compte rendu ci dessous il apparaît que la répartition des puissance diffère de celle de la FC. Et sur certaines courses roulantes peu offensive, les coureurs arrivent à produire une charge de travail qui est facilement dépasser à l’entrainement.</p>
  <p><a href="http://www.velo2max.com/wp-content/uploads/2014/12/repartition-watt-fc.png"><img class="aligncenter size-large wp-image-104" src="http://www.velo2max.com/wp-content/uploads/2014/12/repartition-watt-fc-1024x350.png" alt="" width="802" height="274" /></a></p>

  <p><em>Exemple ci dessus sur une course élite FFC</em></p>
  <p>On remarquera notamment un phénomène essentiel pour comprendre la limite d’un entrainement basé sur les courses. Les meilleurs pics de puissance atteint pendant la course sont tous inférieurs à ceux que le coureur peut atteindre sur des efforts d’entrainement maximale. Ainsi, un cycliste capable à l’entrainement de produire sur une montée sèche de 5 minutes une puissance de 400 watt, ne reproduira pas cette valeur sur une course, tout au plus il atteindra un pic de puissance de 350 360 watt, parfois moins. On observera cela sur la plupart des efforts intenses jusqu’a 20 minutes.</p>
  <p><a href="http://www.velo2max.com/wp-content/uploads/2014/12/profilmaxietcourse.png"><img class="aligncenter size-full wp-image-105" src="http://www.velo2max.com/wp-content/uploads/2014/12/profilmaxietcourse.png" alt="" width="622" height="419" /></a></p>
  <blockquote><p><em>La courbe bleu représente les meilleures puissances atteintes lors des entrainements intense maximale, la courbe orange représente les meilleurs pics de puissances pendant la course.</em></p></blockquote>
  <p><strong>Quoi ? on monte moins haut en puissance en course qu’a l’entrainement ?</strong> Oui, c’est étonnant n’est ce pas. Mais si vous avez un capteur de puissance, amuser à décrypter toutes vos meilleures puissances en courses sur des efforts de 30 secondes à 20 minutes, puis essayer de tester votre puissance maxi à l’entrainement sur ce genre d’effort. Vous verrez que sur un effort brute maximale vous surpasserez tout ce que vous avez pu atteindre en course.</p>
  <p><strong>Comment cela se fait il ?</strong> La principale raison tient selon nous à la dynamique d’une course. En effet, en course, il n’y a pas de temps de récupération suffisant pour permettre de produire des puissances élevées proche de vos valeurs maximales. Lorqu’au bout d’une heure de course à 250 watt vous tentez de placer une attaque qui va se prolonger 1 minute, votre puissance sera inférieure à celle dévéloppé lors d’une minute en ayant au préalable rouler 1 heure à 150 watt.</p>
  <p><strong>Conséquences :</strong></p>
  <p>C’est simple à vouloir faire beaucoup de courses on à besoin de récupérer entre les courses et on ne peut plus solliciter ces véritables valeurs maximales. Certes une course est un très bon entrainement, mais à partir d’un certain niveau d’entrainement, cela n’est plus suffisant pour progresser. L’effet d’une course se traduit par un épuisement énergétique maximale, et c’est principalement sur ce point que se traduit les adaptations à l’effort. Le coureurs qui fait beaucoup de courses développe bel et bien sa capacité à mobiliser les ressources énergétiques à raccourcir le délais nécessaires pour recharger en énergie, mais il n’insiste plus autant sur ses puissances maximales brutes.</p>
  <p>Il est important de savoir jongler entre les périodes ou on va mettre l’accent sur les courses et les périodes ou l’ont va mettre l’accent sur l’entrainement vraiment intense.</p>
  <p>Un des modèles d’entrainement que nous trouvons pertinent consiste à alterner des périodes avec des courses rapprochés et d’autres avec peu de course et plus d’entrainement de qualité et très spécialisé.</p>
  <p><strong>Ainsi, il est préférable de placer les 50 courses (pour les élites), non pas tous les 7 jours, mais sous forme de période ou vont se concentrer 4 à 8 courses dans un laps de temps restreint suivi de période de récupération et d’entrainement plus précis.</strong></p>
  <p>
  </p><p><strong>Quelques cas concrèts :</strong></p>
  <ul><li>Le cycliste qui a peut de temps pour s’entrainer va faire des courses tous les WE, cela sera bénéfique, certes, mais il est aussi possible de progresser aussi viten sinon plus en acceptant de faire l’impasse sur certaines courses pour y placer un entrainement de qualité. D’autant plus, qu’en courant le dimanche, les cycliste reste sur la réserve le samedi, ce qui compte tenu du peu d’entrainement en semaine abouti à des charges d’entrainement insuffisante.</li>
  <li>Le cyclistes qui court 2 fois par WE et qui le temps de s’entraîner va perdre le bénéfice de son temps libre en semaine et concentrer tous les efforts dans le WE et la récupération et l’entretien en semaine. A la longue ce modèle atteint vite ses limites et la progression est lente quand la régression ne se manifeste pas.</li>
  <li>Pour la plupart des amateurs 20 à 30 courses par an est un compromis suffisant. Chez les cyclosportifs on atteint rarement 20 cyclopositives fait de la proximité des épreuves, de la fatigue engendrée par ces efforts de longue durée ou la fatigue dure souvent plus longtemps qu’une course de type critérium. il est intéressant pour eux de placer des critériums ou course de vélo (UFOLEP; PASS CYCLISME) pour enrichir leur calendrier.</li>
  <li>Les cyclistes ont souvent peur de perdre leur condition s’il ne font pas de course. C’est probable, mais si l’entrainement est bien maîtrisé et de qualité, on observe souvent l’effet inverse, avec des coureurs qui progressent entre les cycles de compétitions.</li>
  </ul>
  </div>
  <div class="yarpp-related">
  <h3>Articles sur le même sujet.</h3>
  <div class="yarpp-thumbnails-horizontal">
  <a class="yarpp-thumbnail" href="http://www.velo2max.com/blog/entrainement-de-la-force-en-cyclisme/" title="Entrainement de la force en cyclisme">
  <img width="120" height="120" src="http://www.velo2max.com/blog/wp-content/uploads/2014/12/leg-extensor-120x120.gif" class="attachment-yarpp-thumbnail size-yarpp-thumbnail wp-post-image" alt="leg-extensor" />Entrainement de la force en cyclisme</a>
  <a class="yarpp-thumbnail" href="http://www.velo2max.com/blog/contrainte-energetique-du-tour-de-france/" title="CONTRAINTE ÉNERGÉTIQUE DU TOUR DE FRANCE">
  <img width="120" height="120" src="http://www.velo2max.com/blog/wp-content/uploads/2014/12/giro-2011-stage-19-finale-2-120x120.png" class="attachment-yarpp-thumbnail size-yarpp-thumbnail wp-post-image" alt="giro-2011-stage-19-finale-2" />CONTRAINTE ÉNERGÉTIQUE DU TOUR DE FRANCE</a>
  <a class="yarpp-thumbnail" href="http://www.velo2max.com/blog/la-puissance-de-vicenzo-nibali-en-2010-sur-le-tour-despagne/" title="La puissance de Vicenzo Nibali en 2010 sur le tour d’Espagne">
  <img width="120" height="120" src="http://www.velo2max.com/blog/wp-content/uploads/2015/01/000_DV831267_0-120x120.jpg" class="attachment-yarpp-thumbnail size-yarpp-thumbnail wp-post-image" alt="000_DV831267_0" />La puissance de Vicenzo Nibali en 2010 sur le tour d’Espagne</a>
  <a class="yarpp-thumbnail" href="http://www.velo2max.com/blog/lalpes-dhuez-les-puissances-en-2013/" title="L’ALPES D’HUEZ, LES PUISSANCES EN 2013">
  <img width="120" height="120" src="http://www.velo2max.com/blog/wp-content/uploads/2015/01/e8wh-300x193-120x120.png" class="attachment-yarpp-thumbnail size-yarpp-thumbnail wp-post-image" alt="e8wh-300x193" />L’ALPES D’HUEZ, LES PUISSANCES EN 2013</a>
  </div>
  </div>
  &#13;
  	&#13;
  	&#13;
  	&#13;</div>


title: La « transformation digitale » me fait saigner les tympans
url: http://www.dsih.fr/article/2723/la-transformation-digitale-me-fait-saigner-les-tympans.html
created_at: 2017-12-06 21:50:32
updated_at: 2017-12-06 21:50:32
mimetype: text/html
language: fr
domain_name: www.dsih.fr
http_status: 200
content:
  <b>Charles Blanc-Rolin </b>, MARDI 14 NOVEMBRE 2017 <a id="goon" href="http://www.dsih.fr/article/2723/la-transformation-digitale-me-fait-saigner-les-tympans.html#"><img src="http://www.dsih.fr/img/bulle20.png" alt="Soyez le premier à réagir" style="border: 0px;" />Soyez le premier à réagir</a><p>Je ne sais pas pour vous, mais pour moi, il est de plus en plus difficile d’entendre parler de « transformation digitale », de « fichiers cryptés » ou encore « du dark net ».</p><p>Un langage imprécis modifie complètement le sens d’une phrase, et ceci est d’autant plus vrai dans un domaine aussi technique et complexe que celui des SI.<br />Alors, pour bien se faire comprendre, il est indispensable d’utiliser un vocabulaire adapté.</p>
  <p>Numérique, digital, la confusion est fréquente et bien souvent due à une erreur de traduction. En anglais, numérique se traduit par « digital ». Mais en français, digital ne signifie pas du tout numérique ! Les données de nos systèmes d’informations sont bien numériques et non pas digitales. En français une empreinte est digitale s’il s’agit de celle d’un doigt, mais elle peut aussi être numérique dans le domaine des systèmes d’information… Décidément, c’est compliqué la langue française ! Pour faire simple : tout ce qui est en rapport avec les doigts c’est digital, tout ce qui se base sur des nombres (et par conséquent l’informatique), c’est numérique ! Une manucure est en quelque sorte une transformation digitale alors.</p>
  <p>Dans le domaine de la cryptologie, les messages « cryptés » eux aussi me brûlent souvent la rétine.<br />Là encore, il s’agit d’une erreur de traduction, en anglais on utilise les termes « encrypt » / « decrypt » en rapport avec les activités de chiffrement / déchiffrement. L’anglais est d’ailleurs moins précis que notre bonne vieille langue de Molière.<br />En Français, le chiffrement est un procédé cryptographique permettant de rendre une information incompréhensible à tout individu ne disposant de la clé de déchiffrement (ps : je vous épargne le couplet clé symétrique / asymétrique).</p>
  <p>On peut donc chiffrer une information, la déchiffrer à l’aide de sa clé de déchiffrement, mais également la décrypter lorsqu’on retrouve une information chiffrée en faisant abstraction de sa clé de déchiffrement.<br />On voit donc bien ici, la richesse de la langue française.<br />On peut donc dire :</p>
  <p>« <em>Le destinataire a pu déchiffrer le message grâce à sa clé</em> ».<br />« <em>Une vulnérabilité dans l’algorithme de chiffrement a permis de décrypter l’information</em> ».<br />« <em>Le film du samedi soir sur Canal + est crypté</em> ».</p>
  <p>Mais sûrement pas :</p>
  <p>« <em>J’ai crypté un document</em> ».</p>
  <p>Vous me direz, plutôt que de le dire, le mieux reste encore de le faire.</p>
  <p>Les termes dark web, dark net, deep web se retrouvent eux aussi, souvent employés à tors et à travers dans de nombreux articles de presse ou plaquettes commerciales.<br />Un dark net est un réseau « anonymisé » s’appuyant sur le réseau Internet mondial auquel il n’est possible d’accéder que par le biais d’un logiciel spécifique. Les réseaux Tor ou I2P sont donc des dark nets. Le dark web représente l’ensemble de ces réseaux dark net. On ne peut donc pas parler « du » dark net, puisqu’il y en a plusieurs.<br />Le deep web, quant à lui n’a rien à voir. Ce n’est pas du tout un réseau anonymisé ou encore moins un ensemble de sites illicites comme certains peuvent encore le penser, mais l’ensemble des contenus accessibles depuis le web, qui ne sont pas référencés par les moteurs de recherches « classiques ».</p>
  <p>On peut utiliser des mots anglais, mais essayer de les « franciser » sans prendre en compte l’étymologie des mots français, c’est risqué…<br />Bon, maintenant, si un commercial vous dit que « <em>la transformation digitale ne peut pas se faire sans un bon cryptage afin d’éviter les fuites de données dans le dark net</em> », proposez lui de jouer le chiffrage de votre projet sur une partie de Scrabble, vous avez des chances d’obtenir une bonne remise.</p>
  <br />


title: How the Twitter App Bypasses Paywalls
url: https://elaineou.com/2017/01/19/how-the-twitter-app-bypasses-paywalls/
created_at: 2017-12-08 20:44:45
updated_at: 2017-12-08 20:44:45
mimetype: text/html
language: en-US
domain_name: elaineou.com
preview_picture: https://elaineou.com/wp-content/uploads/2017/01/Screen-Shot-2017-01-19-at-1.30.51-AM-1024x366.png
http_status: 200
content:
  <p><strong>by Isoroku Yamamoto</strong></p>
  <p>Wall Street Journal ended its practice of allowing special access for search engines. This means that a human visitor can no longer bypass the paywall by spoofing Google’s <code>HTTP</code> request headers.</p>
  <p>However, subscription-based publications face a problem when users click on a link through Twitter or Facebook on a mobile device. Social media apps implement their own in-app browser, which generally do not retain cookies. Websites that require a user login must request the login every time the app is reopened.</p>
  <p>This makes for a cumbersome user experience. Thus, publications like the Wall Street Journal disable login checks when a page request appears to come from Twitter. </p>
  <p>It does this by inspecting <code>HTTP</code> request headers. The important headers are <em>Referer</em> and <em>User-Agent</em>.</p>
  <p>When a link is shared on Twitter, the url is shortened to something like “<code>https://t.co/9Mk58nL3xJ</code>.” This goes to a Twitter server, which redirects the browser to the intended destination. Websites determine whether Twitter initiated the redirect by checking that the HTTP <em>Referer</em> string begins with “<code>https://t.co/</code>.” The rest of the string is ignored.</p>
  <p>A web request from Twitter further identifies itself through the <em>User-Agent</em> header, which might look something like “<code>Mobile/14C92 Twitter for iPhone</code>.”</p>
  <p>By submitting this information in request headers, any web browser can appear to be the Twitter app. It is easy to do this using a Chrome extension.</p>
  <p>The following builds on top of <a href="https://elaineou.com/2016/02/19/how-to-use-chrome-extensions-to-bypass-paywalls/" target="_blank">last year’s tutorial</a> for mimicking Google’s web crawler.</p>
  <p><strong>1. Use the same <code>manifest.json</code></strong> file as before.  Take care to list both <code>http://</code> and <code>https://</code> versions of the sites you are interested in, as many publishers now use ssl.</p>
  <p><strong>2. Modify the <code>background.js</code></strong> file. The modified version should look like the one below. It is worth noting that all cookies have been blocked.</p>
  <pre>var VIA_TWITTER = ["wsj.com"]&#13;
  &#13;
  function changeRefer(details) {&#13;
  &#13;
    foundReferer = false;&#13;
    foundUA = false;&#13;
  &#13;
    var useTwitter = VIA_TWITTER.map(function(url) {&#13;
      if (details.url.includes(url)) {&#13;
        return true;&#13;
      }&#13;
      return false;&#13;
    })&#13;
    .reduce(function(a, b) { return a || b}, false);&#13;
  &#13;
    var reqHeaders = details.requestHeaders.filter(function(header) {&#13;
  &#13;
      // block cookies by default&#13;
      if (header.name !== "Cookie") {&#13;
        return header;&#13;
      } &#13;
  &#13;
    }).map(function(header) {&#13;
      &#13;
      if (header.name === "Referer") {&#13;
        header.value = setRefer(useTwitter);&#13;
        foundReferer = true;&#13;
      }&#13;
      if (header.name === "User-Agent") {&#13;
        header.value = setUserAgent(useTwitter);&#13;
        foundUA = true;&#13;
      }&#13;
      return header;&#13;
    })&#13;
    &#13;
    // append referer&#13;
    if (!foundReferer) {&#13;
      reqHeaders.push({&#13;
        "name": "Referer",&#13;
        "value": setRefer(useTwitter)&#13;
      })&#13;
    }&#13;
    if (!foundUA) {&#13;
      reqHeaders.push({&#13;
        "name": "User-Agent",&#13;
        "value": setUserAgent(useTwitter)&#13;
      })&#13;
    }&#13;
    return {requestHeaders: reqHeaders};&#13;
  }&#13;
  &#13;
  function blockCookies(details) {&#13;
    for (var i = 0; i 
  Save both files in the same directory. The updated source code can also be downloaded <a href="https://elaineou.com/wp-content/uploads/2017/01/chrome-2.zip">here</a>.
  Now type <code>chrome://extensions/</code> in the browser address bar.
  </pre><img src="https://i1.wp.com/elaineou.com/wp-content/uploads/2017/01/Screen-Shot-2017-01-19-at-1.30.51-AM.png?resize=1024%2C366&amp;ssl=1" alt="" class="alignnone size-large wp-image-10491" />
  <p>Reload the old extension, or Load it as an unpacked extension if you have not previously done so. Enable the chrome extension and visit <code><a href="http://www.wsj.com/" target="_blank">wsj.com</a></code>.</p>
  <p>There is always a tradeoff between security and usability. The fastest way to compromise a computer system is to accommodate lazy users. Or worse yet, accommodate lazy programmers.</p>
  <div class="sharedaddy sd-block sd-like jetpack-likes-widget-wrapper jetpack-likes-widget-unloaded" id="like-post-wrapper-91135772-10488-5a2ae2906168e"><h3 class="sd-title">Like this:</h3><div class="likes-widget-placeholder post-likes-widget-placeholder">Like Loading...</div></div>
  <div id="jp-relatedposts" class="jp-relatedposts">
  	<h3 class="jp-relatedposts-headline"><em>Related</em></h3>
  </div>					


title: No title found
url: http://pierre.rondel.free.fr/images2/foka/index.htm
created_at: 2017-12-08 21:50:37
updated_at: 2017-12-08 21:50:37
mimetype: text/html
domain_name: pierre.rondel.free.fr
http_status: 200
content:
  <p style="text-align: left;"><i>Par <a href="mailto:jean-luc.delort@wanadoo.fr">Jean-Luc 
  Delort</a>, Janvier 2003, mise à jour Août 2004.</i></p>
  <p><img src="http://pierre.rondel.free.fr/images2/foka/images/Foka1.jpg" alt="image" style="border: 1px;" /></p>
  <p><i>Le premier Foka 5: celui de Guy en hiver 2002-2003 et les trois 
  protagonistes par une ambiance sibérienne!</i></p>
  <p>Bonjour à tous, je vais vous décrire la construction du Foka 5 qui , à ma 
  connaissance,  n'a pas été traité en modèle réduit . Bon 
  qu'est ce que c'est que cet engin? Hé bien c'est une machine assez similaire au Foka 4 
  par contre assez connu 
  parmi la population modéliste. La plus 
  grande différence par rapport à ce Foka 4 est le stabilisateur qui passe d'une 
  position cruciforme très basse à une position en T. La gueule de jet du Foka 4 qui 
  avait tant marqué les modélistes est encore plus accentuée à mon sens par le stab 
  en haut de la dérive. Seuls 5 Foka 5 ont été construits. Ce planeur monoplace de 
  classe standard s'est 
  illustré en remportant les championnats du monde en 1961. Depuis 4 exemplaires ont 
  été détruits et le seul survivant est dans un musée à Varsovie. </p>
  <p>D'un point de vue modéliste,  c'est une machine assez simple; roue fixe, 
  gros patin 
  et une aile en  simple trapèze. Les autres points à noter sont une bulle qui 
  commence dès le nez du planeur (comme les DG bien plus tard), la dérive est 
  assez inclinée et le stabilisateur est  en T et monobloc: c'est la seule 
  vrai difficulté à reproduire car la dérive est très fine et faire une fixation 
  sans jeu là haut est assez ardu.</p>
  <p><img src="http://pierre.rondel.free.fr/images2/foka/images/Foka2.jpg" alt="image" style="border: 1px;" /></p>
  <p><i>Le même en vol. Le petit stabilisateur fait tout de même 1 m d'envergure, hé 
  oui...</i></p>
  <p>C'est un copain, Vincent Riffelj qui est à l'origine de ce projet: après 
  avoir reconstitué les plans,  il a 
  construit intégralement le master: un gros morceau tout en couples et lattes qui a nécessité 
  plus deux ans de travail! La technique coque de bateau a été utilisée, ensuite 
  la forme a été entièrement fibrée, mastiquée, poncée, peinte, lustrée... Ce n'est 
  vraiment pas un travail pour les fainéants c'est pourquoi je n'y ai pas 
  participé!</p>
  <p><img src="http://pierre.rondel.free.fr/images2/foka/images/master1.jpg" alt="image" style="border: 1px;" /></p>
  <p><i>Vincent lors d'une des innombrables séances de finition du master.</i></p>
  <p> Le moule du fuselage a été fait par Vincent et un autre copain, 
  Guy Lévite, en fin d'été 2002. Il est réalisé en résine polyester, et a nécessité une cinquantaine 
  de litres de résine!</p>
  <p><img src="http://pierre.rondel.free.fr/images2/foka/images/Master4.JPG" alt="image" style="border: 1px;" /></p>
  <p><i>Le master terminé et peint.</i></p>
  <p>Ce moule présente la particularité de comporter une partie centrale 
  amovible autour des karmans: il est ainsi possible de changer le profil et son 
  calage sans tout refaire. </p>
  <p><img src="http://pierre.rondel.free.fr/images2/foka/images/Master2.jpg" alt="image" style="border: 1px;" /></p>
  <p><i>La partie amovible au niveau des karmans.</i></p>
  <p> Des moules de cadre de verrière et de bulle ont aussi été réalisés. je 
  ne vous détaillerai pas ces étapes car ce ne sont pas des travaux que  l'on 
  fait souvent! Par contre, ce que je vous propose, c'est de voir ensemble les 
  autres points de la construction: chacun pourra au choix 'zapper' le chapitre en 
  question  ou au contraire s'y attarder. Il faut préciser que c'est notre 
  première construction intégrale et que nous avons recommencé un nombre de pièces 
  impressionnant, aussi j'espère que les quelques conseils donnés dans ces pages 
  vous serviront et que vous prendrez plaisir à découvrir les solutions retenues.</p>
  <p><img src="http://pierre.rondel.free.fr/images2/foka/images/master3.jpg" alt="image" style="border: 1px;" /></p>
  <p><i>Jet ou planeur? Pas évident ...</i></p>
  <p><img src="http://pierre.rondel.free.fr/images2/foka/images/Master5.JPG" alt="image" style="border: 1px;" /></p>
  <p><i>Noter sur cette vue la dérive inclinée, sa grande partie mobile , le stab 
  monobloc et surtout son assise très réduite.</i></p>

  <p>Les différents chapitres seront publiés au fur et à mesure de l'avancement de ma 
  construction.</p>
  <p>De plus, je ne désespère pas de voir Guy prendre la plume, enfin le clavier 
  pour vous parler des vols!</p>
  <p>Ce Foka est actuellement décliné en trois versions différentes:</p>
  <ul><li>Celle de Vincent, strictement maquette de 5m60 d'envergure avec comme 
    pièces remarquables le stabilisateur monobloc comportant un compensateur 
    fonctionnel et l'ouverture de cabine coulissant sur un rail! Le profil retenu 
    est le Selig 4233 sur toute l'envergure. Ce planeur est le second réalisé. Au 
    moment ou j'écris ces lignes (Janvier 2003) le planeur est quasi terminé mais 
    n'est pas peint et donc n'a pas volé.</li>
    <li>Celle de Guy qui garde la même géométrie et profils , mais n'a pas de 
    finition maquette avec surtout un stab simplifié. Ce planeur est le premier 
    de la série et vole depuis Septembre 2002.</li>
    <li>La mienne qui n'a plus rien à voir avec l'original: envergure 6m20, 
    propulsion électrique, ailes démontables en 4 parties. J'ai rebaptisé ce 
    planeur Foka 6.2 parce que on est vraiment loin du plan! L'aile est toujours 
    en simple trapèze mais utilise une famille de profils de Mathieu Scherrer: MS 
    3,3 de 13,6% à l'emplanture à 11 % au saumon. La grande particularité de ce 
    planeur, en plus de l'électrification est que j'ai réalisé un longeron carbone 
    tout moulé. Les points marquants de cette réalisation sont détaillés plus loin 
    mais l'idée générale est une optimisation poussée du poids.</li>
  </ul><p>Voilà donc ce que je vais vous raconter, si vous voulez bien ! C'est OK pour 
  vous? Alors voici les épisodes disponibles:</p>
  <ul><li><a href="http://pierre.rondel.free.fr/images2/foka/Materiaux.htm">LES MATERIAUX ET OUTILS</a>: Une petite 
    liste des produits utilisés pour la construction ainsi que la description d'un 
    montage que j'utilise à outrance: une régulation d'étuve et de pompe à vide 
    commandée par PC.</li>
    <li><a href="http://pierre.rondel.free.fr/images2/foka/la_conception.htm">LA CONCEPTION:</a> Certainement pour moi la 
    phase ou je prends le plus de plaisir, après le pilotage bien sûr, car je ne 
    suis résolument pas un constructeur...</li>
    <li><a href="http://pierre.rondel.free.fr/images2/foka/Moulage_du_fuselage.htm">LE MOULAGE DU FUSELAGE</a>: Déjà une première expérience pour 
    nous trois: le moulage d'un aussi gros fuseau.</li>
  </ul><p>Mise à jour de Février 2003</p>
  <ul><li dir="ltr">
  <p dir="ltr"><a href="http://pierre.rondel.free.fr/images2/foka/premiers_vols.htm">LES PREMIERS VOLS:</a> Les commentaires 
  de Guy sur les premiers vols du Foka: de Septembre 2002 à Janvier 2003.</p>
    </li>
    <li><a href="http://pierre.rondel.free.fr/images2/foka/Derive_et_profondeur.htm">DERIVE ET PROFONDEUR:</a> Comment sont 
    réalisées et commandées ces deux gouvernes sur ce gros planeur?</li>
    <li><a href="http://pierre.rondel.free.fr/images2/foka/longeron.htm">LE LONGERON</a>:  Calcul et de la 
    réalisation d'un longeron carbone.</li>
  </ul><p>Mise à Jour de Août 2004</p>
  <ul><li><a href="http://pierre.rondel.free.fr/images2/foka/ailes.htm">LES AILES</a>:  Coffrage et finition des ailes</li>
    <li><a href="http://pierre.rondel.free.fr/images2/foka/radio.htm">L'EQUIPEMENT DU FUSELAGE:</a> 
    Comment tout rentre là dedans!</li>
    <li><a href="http://pierre.rondel.free.fr/images2/foka/les%20vols.htm">ET LES VOLS, LES VOLS, LES VOLS</a>... </li>
  </ul><p>Et puis aussi:</p>
  <ul><li><a href="http://pierre.rondel.free.fr/images2/foka/chariot.htm">LE CHARIOT DE DECOLLAGE:</a> Ou comment faire 
    décoller ce monstre tout seul en plaine! </li>
    <li><a href="http://pierre.rondel.free.fr/images2/foka/Bilan.htm">BILAN ET PROSPECTIVES:</a> réflexions inspirées 
    1an et demi après le premier vol.</li>
  </ul>
  <p><img src="http://pierre.rondel.free.fr/images2/foka/images/Foka3.jpg" alt="image" style="border: 1px;" /></p>


title: accueil
url: http://ctv01.free.fr/Construction.htm
created_at: 2017-12-08 21:50:55
updated_at: 2017-12-08 21:50:55
mimetype: text/html
domain_name: ctv01.free.fr
http_status: 200
content:
      <span></span>
      <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span>
      <span><a href="http://ctv01.free.fr/troll.htm">
      <span>Troll</span></a></span></span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span>
      
      <a href="http://ctv01.free.fr/swift.htm"><span>Swift</span></a>
          </span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span>
      <span><a href="http://ctv01.free.fr/dewoitine.htm">
      <span>Dewoitine 
      520</span></a></span>
          </span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span>
       <span>
              <a href="http://ctv01.free.fr/litg1.htm"><span>LIT-G1</span></a></span>
          </span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span>
      <span>
              <a href="http://ctv01.free.fr/liptic.htm"><span>
              Fabrication d'une aile pleine carbone</span></a></span>
          </span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span>
       
              <span>
              <a href="http://ctv01.free.fr/Easyglider.htm"><span>Easyglider</span></a></span>
          </span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span>
       
              <span>
              <a href="http://ctv01.free.fr/longshot2/index.html"><span>Long Shot 2</span></a></span>
          </span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span>
       
              <span>
              <a href="http://ctv01.free.fr/hydrofoam.htm"><span>Fred Fly Boat</span></a></span>
          </span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span>
       
              <b>
              <span>
              <span>29/12/06</span><span> </span>
              </span>
              <span>
              <a href="http://ctv01.free.fr/longshot2/index.html">
              <span>Long Shot 2</span></a></span></b>
          </span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span>
       
              <b>
              <span><a href="http://ctv01.free.fr/Espresso.htm">
              <span>Espresso</span></a></span></b>
          </span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span>
       
              <b>
              <span>
              <a href="http://ctv01.free.fr/thermikdream/index.html"><span>Thermik dream</span></a></span></b>
          </span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span>
       
              <b><span><a href="http://ctv01.free.fr/fox.htm">
              <span>Fox électrique</span></a></span></b>
          </span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span>
       
              <b>
              <a href="http://ctv01.free.fr/Foxlipo.htm">
              <span>
              Fox lipolisé</span></a></b>
          </span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span>
       
              <b>
              <span>
              <span>
              16/06/07</span><span> </span>
              </span><a href="http://ctv01.free.fr/gladiator.htm">
              <span>
              Gladiator 2</span></a></b>
          </span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span>
       
              <b>
              <span>
              01/01/08</span><span> </span>
              <a href="http://ctv01.free.fr/shadow.htm">
              <span>
              Shadow</span></a></b>
          </span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span>
       
              <b>
              <span>26/02/08 </span>
              <a href="http://ctv01.free.fr/foxwindrider.htm">
              <span>
              Fox windrider</span></a></b>
          </span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span>
       
              <b>
              <span>29/02/08 </span>
              <a href="http://ctv01.free.fr/mu28.htm">
              <span>
              MU28</span></a></b>
          </span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span>
       
              <b>
              <span>22/05/08 </span>
              
              <span>
              maj </span><a href="http://ctv01.free.fr/osiris/index.html">
              <span>
              Osiris 2</span></a></b>
          </span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span>
       
          </span></td>
        </tr></table><span>
       
       
       
       
       
       
       </span>
      
      <span></span>
      <table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span>
              <b>
              <span>18/07/08 </span>
              <a href="http://ctv01.free.fr/f3k.htm">
              <span>
              Aile pleine F3K</span></a><span>, 
              la 1 ème </span></b>
              </span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span>
              <span><b>29</b></span><b><span>/07/08 </span>
              <a href="http://ctv01.free.fr/f3k2.htm">
              <span>
              Aile pleine F3K</span></a><span>, 
              la 2 ème </span></b></span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span>
              <b><span>19/09/08 </span>
              <a href="http://ctv01.free.fr/f3k3.htm">
              <span>
              Aile pleine F3K</span></a><span>, 
              la 3 ème</span></b></span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span> </span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span> </span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span> </span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span> </span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span> </span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span>
          <span> </span></span></td>
        </tr><tr><td valign="baseline" style="width: 42px;">
          <img src="http://ctv01.free.fr/anetbul1.gif" width="12" height="12" alt="puce" style="margin-left: 15px; margin-right: 15px;" /></td>
          <td valign="top" style="width: 100%;"><span> </span></td>
        </tr></table><span></span>
      
          <span>
          </span>
    


title: Une IA écrit un nouveau chapitre de Harry Potter, et le résultat est hilarant
created_at: 2017-12-14 09:38:51
updated_at: 2017-12-14 09:38:51
mimetype: text/html
language: fr
domain_name: plugin.01net.com
preview_picture: http://plugin.01net.com/i/0/0/a32/b9087933f6fa30fe08731d08766c8.jpeg
http_status: 200
url:
  http://plugin.01net.com/tech/une-ia-ecrit-un-nouveau-chapitre-de-harry-potter-et-le-resultat-est-hilarant-1326217.html

content:
  <p>Le prochain écrivain à succès pourrait-il être une intelligence artificielle ? A en croire l’expérience menée par Botnik, on a visiblement encore un peu de marge avant que cela n’arrive ! Cette communauté se décrit comme <em>« un rassemblement d’écrivains, d’artistes et de développeurs qui collaborent avec des machines pour créer de nouveaux trucs bizarres »</em>. Et s’il y a bien un truc bizarre, c’est le résultat de leur dernière expérience, franchement hilarante !</p>
              
      <img class="article-img img-responsive-l" src="http://img.bfmtv.com/c/0/708/3bf/40846da3382f008a338d463e6181b.jpeg" alt="Harry Potter" /><p>La communauté de Botnik a alimenté deux algorithmes de claviers prédictifs avec le contenu des sept livres de la saga <em>Harry Potter</em>. L’un des claviers prédictifs était dédié à la narration, tandis que l’autre était dédié au dialogue. <em>« Notre application de clavier Web analyse les fichiers texte et propose les séquences de mots les plus courantes sous forme de suggestions à l'utilisateur, pour les aider à écrire dans le style des sources »</em> explique Jamie Brew, PDG de Botnik. Un groupe de membres de la communauté s’est ensuite réuni sur Slack, et a suivi les suggestions des deux claviers pour écrire un nouveau chapitre de <em>Harry Potter</em>.</p>
  <h3>Et Ron mangea la famille d’Hermione</h3>
  <p>Le résultat est sans queue ni tête, mais également hilarant. Le titre généré par les app se traduit par <em>« Harry Potter et le portrait qui ressemblait à un énorme tas de cendres »</em>, ce qui n’est déjà pas très vendeur à la base. Les quelques pages présentées sont un festival de phrases improbables : <em>« Ron vit Harry et commença immédiatement à manger la famille d’Hermione »</em>, <em>« Le mot de passe est FEMMES BŒUFS, cria Hermione »</em>, <em>« Harry plongeait Hermione dans la sauce piquante »</em>… la maison Poufsouffle se retrouve également avec un cochon en guise de mascotte, tandis que les Mangemorts s’embrassent en portant des tee-shirts marqués <em>« Hermione a oublié comment danser »</em>. Pauvre Hermione ! Quant à Harry, il termine le chapitre <em>« en tombant dans les escaliers en spirale pour le reste de l’été »</em>.</p>
              
      
  <div class="bloc">
              <blockquote class="twitter-tweet"><p dir="ltr" lang="en">We used predictive keyboards trained on all seven books to ghostwrite this spellbinding new Harry Potter chapter <a href="https://t.co/UaC6rMlqTy">https://t.co/UaC6rMlqTy</a> <a href="https://t.co/VyxZwMYVVy">pic.twitter.com/VyxZwMYVVy</a></p><div>— Botnik Studios (@botnikstudios) </div><div><a href="https://twitter.com/botnikstudios/status/940627812259696643?ref_src=twsrc%5Etfw">12 décembre 2017</a></div></blockquote>
      </div>
                  <p>La totalité du chapitre est disponible en anglais <a href="http://www.botnik.org/content/harry-potter.html" target="_blank">sur le site de Botnik</a>, et avec lui, de nombreuses autres expériences réalisées par la communauté. C’est à la fois amusant et rassurant de constater que pour écrire de bonnes (et cohérentes !) histoires, on a toujours besoin d’une imagination bien humaine… mais jusqu’à quand ?</p>


url: https://jaxenter.com/devopscon-interview-adam-microservices-139660.html
created_at: 2017-12-15 15:52:19
updated_at: 2017-12-15 15:52:19
mimetype: text/html
language: en-US
domain_name: jaxenter.com
preview_picture: https://jaxenter.com/wp-content/uploads/2017/12/Screen-Shot-2017-12-12-at-11.29.18-AM.png
http_status: 200
title:
  Token-based authentication in microservices: "You are locking the defenders out of the castle" - JAXenter

content:
  <div class="tagline">Interview with Quentin Adam, CEO of Clever Cloud | DevOpsCon 2017</div>
  										<h1 class="title">Token-based authentication in microservices: “You are locking the defenders out of the castle”</h1>

  					<div class="meta">
  						
  							
  														December 12, 2017<a href="https://jaxenter.com/devopscon-interview-adam-microservices-139660.html#authors-block">JAX Editorial Team</a>						
  					</div>
  					
  																<div class="tags">
  															<a href="https://jaxenter.com/tag/devops">#devops</a>
  															<a href="https://jaxenter.com/tag/microservices">#microservices</a>
  													</div>
  					
  					<div class="sharing-buttons sharing-buttons-top">
  						<div class="clearfix">
  	<div class="pull-left">
  		<a href="http://www.reddit.com/submit?url=https://jaxenter.com/devopscon-interview-adam-microservices-139660.html" target="_blank" class="sharing-button sharing-button-reddit sharing-button-small">
  			<i class="icon icon-reddit"></i></a></div>
  			<div class="count">
  		
  	</div>
  	<div class="pull-left">
  		<a href="https://twitter.com/home?status=Token-based authentication in microservices: “You are locking the defenders out of the castle” https://jaxenter.com/devopscon-interview-adam-microservices-139660.html" rel="popup" class="sharing-button sharing-button-twitter sharing-button-small">
  			<i class="icon icon-twitter"></i></a></div>
  			<div class="count">
  		
  	</div>
  	<div class="pull-left">
  		<a href="https://www.linkedin.com/shareArticle?mini=true&amp;url=https://jaxenter.com/devopscon-interview-adam-microservices-139660.html" rel="popup" class="sharing-button sharing-button-linkedin sharing-button-small">
  			<i class="icon icon-linkedin"></i></a></div>
  			<div class="count">
  		
  	</div>
  	<div class="pull-left">
  		<a href="https://www.facebook.com/sharer/sharer.php?u=https://jaxenter.com/devopscon-interview-adam-microservices-139660.html" rel="popup" class="sharing-button sharing-button-facebook sharing-button-small">
  			<i class="icon icon-facebook"></i></a></div>
  			<div class="count">
  		
  	</div>
  	<div class="pull-left">
  		<a href="https://plus.google.com/share?url=https://jaxenter.com/devopscon-interview-adam-microservices-139660.html" rel="popup" class="sharing-button sharing-button-google-plus sharing-button-small">
  			<i class="icon icon-google-plus"></i></a></div>
  			<div class="count">
  		
  	</div>
  </div>
  					</div>

  					
  											<div class="image-wrapper">
  							<div class="image">
  								<img width="350" height="196" src="https://jaxenter.com/wp-content/uploads/2017/12/Screen-Shot-2017-12-12-at-11.29.18-AM-350x196.png" class="attachment-jaxenter_single_post_image size-jaxenter_single_post_image wp-post-image" alt="" /></div>

  															<div class="credits">
  									<strong>Quentin Adam at DevOpsCon 2017</strong>								</div>
  													</div>
  					
  											<div class="excerpt">
  							<p>Microservices are all the rage now but this doesn’t mean they are a silver bullet. When you go down the microservices path you should expect to encounter several problems. JAXenter editor Gabriela Motroc caught up with Quentin Adam, CEO of Clever Cloud to talk about how tokens fit into the microservices ecosystem, when and why it’s better to transform a monolith into microservices and more. </p>
  						</div>
  					
  					<div class="text">
  						<blockquote><p>Okay, Microservices are cool. But, as all the new trendy buzzword, it’s not a silver bullet, and there are several problems to manage. One is the authentication, distributed authentication is hard, and there is many ways to achieve it. Configuration is the second issue to be managed when dealing with distributed micro application strategy.</p>
  <p><em><strong><a href="https://devopsconference.de/microservices/problems-youll-face-in-the-microservices-world-configuration-authentication/" target="_blank" rel="noopener">Quentin Adam</a></strong></em></p></blockquote>
  <p class="p1">In one of his <a href="https://devopsconference.de/microservices/problems-youll-face-in-the-microservices-world-configuration-authentication/" target="_blank" rel="noopener">sessions at DevOpsCon 2017</a>, Quentin Adam, CEO of Clever Cloud talked about the problems you’ll face in the microservices world such as</p>
  <ul><li class="p1">Authentication: distributed authentication is hard and there are many ways to achieve it.</li>
  <li class="p1">Configuration is the second issue to be managed when dealing with distributed micro application strategy. </li>
  </ul><blockquote>
  <p class="p1">If you’re using microservices, you can have difference scaling agendas.</p>
  </blockquote>
  <p class="p1">Quentin opined that HTTP is <em>not</em> for all and, more importantly, it is not ideal for microservices. Message brokers like Kafka and Redis are better in this case. Furthermore, the right size of microservices is very important — a lot of people are building a “noisy microworker army” but the network has two problems: it’s fragile and slow. </p>
  <p><strong>SEE ALSO: <a href="https://jaxenter.com/devopscon-takeaways-microservices-cloud-139148.html" target="_blank" rel="noopener">DevOpsCon takeaways: Ops is more important than ever &amp; automation can lead you astray</a></strong></p>
  <p class="p1"><em>JAXenter editor Gabriela Motroc caught up with Quentin after his talk to discuss how tokens fit into the microservices ecosystem, when and why it’s better to transform a monolith into microservices and more. </em></p>
  <p class="p1"><em>Watch the interview here:</em></p>
  <div class="video"><iframe title="DevOpsCon 2017 Interview with Quentin Adam: All about microservices" src="https://www.youtube.com/embed/7UTZui65qr8" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen">[embedded content]</iframe></div>

  <div><strong><img class="wp-image-139662 alignleft" src="https://jaxenter.com/wp-content/uploads/2017/12/Screen-Shot-2017-12-12-at-12.10.10-PM-300x208.png" alt="" width="184" height="128" />Quentin Adam</strong> is the CEO of Clever Cloud: an IT automation company, running a Platform as a Service allowing you to run Java, Scala, Ruby, Node.js, PHP, Python or Go applications, with auto-scaling and auto-healing features. This position allows him to study lots of applications, code, practice, and extract some talks and advises. A regular speaker at various tech conferences, he’s focused on helping developers to deliver quickly and happily good applications.</div>
  <p><strong>If you want to know more about microservices, make sure to come to <a href="https://devops.jaxlondon.com/" target="_blank" rel="noopener">JAX DevOps 2018</a> in London!</strong></p>
  <p class="p1"></p><div class="widgets_on_page"> <ul>			
  </ul></div><div class="visible-xs"><a href="https://devops.jaxlondon.com?utm_medium=banner&amp;utm_source=jaxenter.com&amp;utm_campaign=sands_om&amp;utm_content=article_ad" target="_blank"><img class="alignnone wp-image-129744" src="https://jaxenter.com/wp-content/uploads/2017/11/JAX_DEV_18_Widgetheader_320x98_43698_v1.jpg" alt="JAX DevOps 2017" width="739" height="240" /></a>&#13;
  <div class="col-xs-12">&#13;
    <div class="col-xs-12"><h3><a href="https://devops.jaxlondon.com/session/resilient-java-based-microservices-with-kubernetes/?utm_medium=banner&amp;utm_source=jaxenter.com&amp;utm_campaign=sands_om&amp;utm_content=article_ad" target="_blank">The Conference for Docker, Continuous Delivery, Microservices &amp; Clouds&#13;
  &#13;
  </a></h3>&#13;
  </div>&#13;
  &#13;
  </div>&#13;
  </div>&#13;
  <div class="col-xs-12">&#13;
    <div class="col-xs-12">&#13;
  <div class="col-xs-1"><img class="alignnone" src="https://devops.jaxlondon.com/wp-content/uploads/2017/01/1480682112999_bryant_daniel-300x210-150x150.jpg" alt="Emily Lannon" width="500" height="350" /></div>&#13;
  <div class="col-xs-11">&#13;
  <h3><a href="https://devops.jaxlondon.com/continuous-delivery-automation/continuous-delivery-patterns-for-modern-java-architectures/?utm_medium=banner&amp;utm_source=jaxenter.com&amp;utm_campaign=sands_om&amp;utm_content=article_ad" target="_blank">Continuous Delivery Patterns for Modern Java Architectures&#13;
  </a></h3>&#13;
  <p>Daniel Bryant (Big Picture Tech)&#13;
  </p>&#13;
  </div>&#13;
  </div>&#13;
  <div class="col-xs-12">&#13;
  <div class="col-xs-1"><img class="alignnone" src="https://devops.jaxlondon.com/wp-content/uploads/2017/12/Michiel-Rook-150x150.jpg" alt="Emily Lannon" width="500" height="350" /></div>&#13;
  <div class="col-xs-11">&#13;
  <h3><a href="https://devops.jaxlondon.com/session/succeeding-in-the-cloud-the-guidebook-of-fail/?utm_medium=banner&amp;utm_source=jaxenter.com&amp;utm_campaign=sands_om&amp;utm_content=article_ad" target="_blank">Effective leadership in Agile/DevOps environments&#13;
  &#13;
  &#13;
  </a></h3>&#13;
  <p>Michiel Rook (FourScouts)&#13;
  </p>&#13;
  </div>&#13;
  </div><div class="col-xs-12">&#13;
  <div class="col-xs-1"><img class="alignnone" src="https://devops.jaxlondon.com/wp-content/uploads/2017/12/Kai-Tödter-150x150.jpg" alt="Emily Lannon" width="500" height="350" /></div>&#13;
  <div class="col-xs-11">&#13;
  <h3><a href="https://devops.jaxlondon.com/cloud-platforms/infrastructure-as-code-build-pipelines-with-docker-and-terraform/?utm_medium=banner&amp;utm_source=jaxenter.com&amp;utm_campaign=sands_om&amp;utm_content=article_ad" target="_blank">Infrastructure as Code: Build Pipelines with Docker and Terraform&#13;
  </a></h3>&#13;
  <p>Kai Tödter (Siemens AG)&#13;
  </p>&#13;
  </div>&#13;
  </div>&#13;
  </div>&#13;
  </div>
  		 
  <p>asap</p>
  					

  					
  										
  					<div class="sharing-buttons sharing-buttons-bottom">
  						<div class="headline">Be the first to share this article with your network!</div>
  						<div class="clearfix">
  	<div class="pull-left">
  		<a href="http://www.reddit.com/submit?url=https://jaxenter.com/devopscon-interview-adam-microservices-139660.html" target="_blank" class="sharing-button sharing-button-reddit sharing-button-small">
  			<i class="icon icon-reddit"></i></a></div>
  			<div class="count">
  		
  	</div>
  	<div class="pull-left">
  		<a href="https://twitter.com/home?status=Token-based authentication in microservices: “You are locking the defenders out of the castle” https://jaxenter.com/devopscon-interview-adam-microservices-139660.html" rel="popup" class="sharing-button sharing-button-twitter sharing-button-small">
  			<i class="icon icon-twitter"></i></a></div>
  			<div class="count">
  		
  	</div>
  	<div class="pull-left">
  		<a href="https://www.linkedin.com/shareArticle?mini=true&amp;url=https://jaxenter.com/devopscon-interview-adam-microservices-139660.html" rel="popup" class="sharing-button sharing-button-linkedin sharing-button-small">
  			<i class="icon icon-linkedin"></i></a></div>
  			<div class="count">
  		
  	</div>
  	<div class="pull-left">
  		<a href="https://www.facebook.com/sharer/sharer.php?u=https://jaxenter.com/devopscon-interview-adam-microservices-139660.html" rel="popup" class="sharing-button sharing-button-facebook sharing-button-small">
  			<i class="icon icon-facebook"></i></a></div>
  			<div class="count">
  		
  	</div>
  	<div class="pull-left">
  		<a href="https://plus.google.com/share?url=https://jaxenter.com/devopscon-interview-adam-microservices-139660.html" rel="popup" class="sharing-button sharing-button-google-plus sharing-button-small">
  			<i class="icon icon-google-plus"></i></a></div>
  			<div class="count">
  		
  	</div>
  </div>
  					</div>

  					<div class="author-box">


  		<div id="authors-block" class="headline">Author</div>
  	<div class="container-fluid">
  			<div class="row">
  			<div class="col-lg-2 col-sm-2 col-xs-4 author-image">
  				<img src="https://jaxenter.com/wp-content/uploads/2014/10/logo_v2.png" width="96" height="96" alt="JAX Editorial Team" class="avatar avatar-96 wp-user-avatar wp-user-avatar-96 alignnone photo" /></div>
  			<div class="col-lg-4 col-sm-10 col-xs-8 author-info">
  				<p>
  					
  						<i class="icon icon-user">
  						JAX Editorial Team					
  				</i></p>
  									<p>
  						
  							<i class="icon icon-twitter">
  							<a href="https://twitter.com/jaxentercom" target="_blank" rel="nofollow">@jaxentercom</a>
  						
  					</i></p>
  							
  									<p>
  						
  							<i class="icon icon-google-plus">
  							<a href="https://plus.google.com/+Jaxenter?rel=author" target="_blank">Google+</a>
  						
  					</i></p>
  				
  				<p>
  					
  						<i class="icon icon-pencil">
  						<a href="https://jaxenter.com/author/jaxeditorialteam">All Posts by JAX Editorial Team</a>
  					
  				</i></p>
  							</div>
  			<div class="col-lg-6 col-xs-12 author-description">
  							</div>
  		</div>
  		<hr /></div>
  </div>




  											<div class="related-posts-wrapper">
  							<div class="headline">Recommended For You</div>
  							
  							<div class="related-posts">
  								<div class="yarpp-related">

  	<div class="container-fluid no-padding">
  		<div class="row">
  							<div class="col-md-4">
  					<a class="related-post" href="https://jaxenter.com/8-things-make-continuous-delivery-go-nuts-131792.html" rel="bookmark">
  						
  							<img width="200" height="112" src="https://jaxenter.com/wp-content/uploads/2017/02/Screen-Shot-2017-02-21-at-11.54.29-AM.png" class="attachment-200x150 size-200x150 wp-post-image" alt="Continuous Delivery" /></a></div>
  						<div class="title">
  							8 things that make Continuous Delivery go nuts						</div>
  					
  				</div>
  							<div class="col-md-4">
  					<a class="related-post" href="https://jaxenter.com/goldsmith-interview-company-culture-135167.html" rel="bookmark">
  						
  							<img width="200" height="110" src="https://jaxenter.com/wp-content/uploads/2017/06/Screen-Shot-2017-06-27-at-2.04.42-PM.png" class="attachment-200x150 size-200x150 wp-post-image" alt="errors" /></a></div>
  						<div class="title">
  							Kevin Goldsmith: Companies must learn to deal wisely with errors						</div>
  					
  				</div>
  							<div class="col-md-4">
  					<a class="related-post" href="https://jaxenter.com/time-for-microservices-checkup-135963.html" rel="bookmark">
  						
  							<img width="200" height="134" src="https://jaxenter.com/wp-content/uploads/2017/07/shutterstock_587945633.jpg" class="attachment-200x150 size-200x150 wp-post-image" alt="microservices" /></a></div>
  						<div class="title">
  							Is it time for your ‘microservices checkup’?						</div>
  					
  				</div>
  					</div>
  	</div>

  							
  						


title: No title found
created_at: 2017-12-26 08:41:43
updated_at: 2017-12-26 08:41:43
mimetype: text/html
domain_name: www.linkedin.com
http_status: 999
url:
  https://www.linkedin.com/pulse/la-transformation-digitale-est-elle-un-extr%C3%A9misme-alain-conrard?trk=eml-email_feed_ecosystem_digest_01-recommended_articles-7-Unknown&midToken=AQEQaOMElGMADA&fromEmail=fromEmail&ut=20GTtYqNac6o41

content:
[cell repeats an earlier one in this file: 191 characters]


title: No title found
created_at: 2017-12-26 08:42:08
updated_at: 2017-12-26 08:42:08
mimetype: text/html
domain_name: www.linkedin.com
http_status: 999
url:
  https://www.linkedin.com/pulse/leadership-il-ne-faut-pas-croire-au-p%C3%A8re-no%C3%ABl-j%C3%A9r%C3%B4me-barth%C3%A9lemy?trk=eml-email_feed_ecosystem_digest_01-recommended_articles-5-Unknown&midToken=AQEQaOMElGMADA&fromEmail=fromEmail&ut=2QFwJ9qhac6o41

content:
[cell repeats an earlier one in this file: 191 characters]


title: Developer-driven development
url: https://dev.to/isaacandsuch/developer-driven-development
created_at: 2017-12-27 09:12:07
updated_at: 2017-12-27 09:12:07
mimetype: text/html
language: en
domain_name: dev.to
http_status: 200
content:
  <p>(Originally published on <a href="https://medium.com/@isaaclyman/development-driven-development-75c01b2afca1">Medium</a>)</p>
  <p>The company I work for is slowly losing its "startup" status. I’m trying not to be too nostalgic about it. After all, it means we’re doing well; a slew of truly impressive awards and contracts in recent months means we’re doing <em>great</em>. There’s a lot to be grateful for. At the same time, a lot is changing.</p>
  <p>As this transition has played out, we’ve had to upgrade a few things. We’ve hired a CTO and an Enterprise Architect. Phrases like "PCI compliance", "load testing" and "root cause analysis" are becoming standard fare in the office. We’re becoming more cautious about deploying production code. We’re growing up.</p>
  <p>But a lot of things have stayed the same — we’re still the same company where it counts. When I arrived, I learned that the fight against technical debt was a high priority around here; it still is. Our counterculture attitude toward code reviews is still going strong. We still wear a lot of hats. We’re moving quickly, so we can only keep what works — some practices are being proven and others are being discarded. And thanks to the foresight of our early hires, there’s more of the former than the latter. Our development workflow has been the same for as long as I’ve been around. It works really well.</p>
  <p>I’ll go beyond that, though. We don’t keep doing things the same way just because it works. Practically anything <em>works</em> if you have unlimited time and funds and a few hardworking developers. <em>Works</em> is incidental. What matters more to me is that our process makes my Type-A, obsessive, engineer-personality heart feel good. We don’t waste a lot of time, our code base doesn’t get worse over time, I don’t have to build features I hate, and our workflow doesn’t frustrate me on a daily basis. If you’re a software engineer you must understand how good that sounds.</p>
  <p>Our secret ingredient, I’ve decided, is something like this:</p>
  <p>We do the second one.</p>
  <p>People in general (<em>including</em> developers) have a tendency to treat developers like code-writing machines, brainiacs who wear headphones and crank out <code>switch</code> statements. But this stereotype falls short of our full potential — otherwise, a developer’s value would be determined solely by her technical knowledge and typing speed. A developer at her best is a Swiss Army Knife for software — someone whose creative, insightful and rational thought process makes her a valuable part of any discussion in the company. Companies that appreciate this fact have happier, more productive developers — developers who (believe it or not) don’t spend 100% of their time staring at code. DirectScale excels at this.</p>
  <p>So enough hype: what exactly are we doing, and why am I convinced that it represents a set of common-sense best practices — not just for us, but for any software team? That’s a question that merits a multi-part answer. Let’s dive in.</p>
  <h2>What we don’t do (ever)</h2>
  <p>An average "Agile" workflow at an average company goes like this:</p>
  <ol><li>Someone in a dark gray suit decides that a new feature should be built.</li>
  <li>He gathers with two other executives and blithely decides what the feature should do and what it should look like. No one’s consulted a developer yet (more on this later) so the whole idea is hopelessly naive.</li>
  <li>They pack up their conversation and send an email to the highest-ranking non-developer in the Code Zoo. They leave out a few important details.</li>
  <li>The non-developer (a project manager? A product owner? A scrum master? Insert the latest trend) writes up a set of business requirements based partially on the email, partially on her conception of the company’s mission, and partially on personal druthers. Over the next two days, these business requirements are mystically transformed into a set of user stories.</li>
  <li>A developer is assigned one of the user stories. If he’s extremely unlucky, he has to estimate how long it’s going to take him to finish; this involves both advanced calculus and a particular form of voodoo. He immediately starts thinking in code and has written 55 lines of pristine, elegant C♯ before he can stop himself. The connection between brain and keyboard is like Niagara Falls. The feature comes to life suddenly. He submits a pull request and kisses his fingertips like a French chef.</li>
  <li>The developer’s team lead reviews the pull request and rejects it with 17 explanatory comments: this code is not performant, this method doesn’t cover an edge case, that class reads like a horror novel, and the resultant feature doesn’t look anything like the original specification.</li>
  <li>The developer rewrites his code twice with plenty of back-and-forth from the team lead. Two days later they’re both satisfied with the result.</li>
  <li>The code is merged and deployed to production the same day.</li>
  <li>A few days later the executives read a brand-new set of release notes, very pleased with everything that happened during the sprint. One of them wonders why the feature he requested wasn’t built. He begins again at step 2.</li>
  </ol><p>This obviously isn’t great. It’s the love-child of <a href="https://en.wikipedia.org/wiki/Chinese_whispers">Chinese Whispers</a>, Pictionary and 20 Questions, which may be great games but are not great ways to run a company. All the same, silicon’s best and brightest stand by it, it’s peddled by Agile coaches, and it’s the default methodology for young teams.</p>
  <p>We can do better, starting from the very first step.</p>
  <h2>Developer involvement and buy-in</h2>
  <p>At DirectScale, we don’t hire a bunch of Idea People to sit around and imagine up cool things for us to build. I hate to break it to you, but "Idea Person" isn’t a real job. Sorry. The fact is, <em>everyone</em> has ideas. Everyone can offer good suggestions for how your product can improve and what problems it can solve. Companies, in return, can encourage those ideas or they can repress them. Most companies choose to repress, albeit in subtle ways — leaving developers and designers out of product vision discussions, passing instructions and requests through a middleman, or writing off developer push-back as "laziness" and "complaining."</p>
  <p>A better method is to make sure a representative from each phase of the development process is present in every meeting about every feature, from inception to completion. Instead of waiting until the next sprint to find out that your feature isn’t technically feasible, why not find out right now? Yes, this means your developers are spending a lot of time AFK (away from keyboard). But if you invite their feedback and listen to them, it also means that they’ll buy in — they’ll commit to the shared vision of the team and take ownership of the feature, which will mean faster and better turnaround on their part. For bigger features, you need more buy-in, which means more developers in the room.</p>
  <p>As I mentioned, this also prevents you from wasting several days dreaming up a feature that the developers can’t (or shouldn’t) build. As most of us have learned, features that seem straightforward can sometimes be incredibly complex, impossible or illegal. Nobody likes to find this out after the feature’s release date has already been scheduled.</p>
  <p>The most recent meeting I was in was a <a href="https://www.targetprocess.com/blog/2011/05/ux-meets-agile-design-studio-methodology/">Design Studio</a> for a large feature set which may come to represent DirectScale’s single largest source of income in future years. It’s the most important product vertical we’ve discussed all year. Guess who attended?</p>
  <ul><li>A UX designer</li>
  <li>Three or four developers</li>
  <li>A graphic designer</li>
  <li>Our project manager</li>
  </ul><p>The functionality we were going to build had not been described in great detail by the higher-ups and not a single C-Something-O or VP was present. It was all us. And why not? We had come prepared; our UX designer and project manager both have industry experience and they had interviewed several customers who might use the feature set. The executive team had expressed their expectations (without trying to control the creative process). We’d already had a few discussions in which we had defined the scope of the problem to be solved. And we were the ones who were going to build the thing, after all.</p>
  <p>Two and a half hours later (a longer meeting than usual, but worth it), we emerged with some sketches and a shared understanding of the first piece of the puzzle, each of us satisfied that our ideas had been a part of the result. That’s how our product comes to life.</p>
  <h2>Dev designs (code reviews in reverse)</h2>
  <p>Once our ideas have metamorphosed into a prototype, we get ready to code. But we don’t open our IDE’s just yet.</p>
  <p>See, software construction is a lost art. Steve McConnell, author of <em>Code Complete</em>, spends a couple of impassioned chapters talking about the space between the creation of business requirements and the writing of code — the space when, according to him, the brightest architects in the office should be drawing detailed maps of every class, interface, interaction and data point that’s about to be written. From McConnell’s perspective, writing code with nothing but a user story or a design is like building a skyscraper without a blueprint.</p>
  <p>But somehow, <a href="http://dilbert.com/strip/2007-11-26">most companies have forgotten</a> how to plan.</p>
  <p>The problem is between steps 4 and 5 in our example Agile process. After the user stories were defined but before the developer started tickling the keyboard — what happened? In most cases, nothing.</p>
  <p>An experienced developer may be able to foresee all the work needed for simple tasks. But even the best of us run into unforeseen obstacles. We’ve all had that oh-crap moment when, just as we’re writing one final line of code, we realize that an entire set of situations isn’t accounted for in our logic.</p>
  <p>Then there’s the sinking feeling of discovering that a new member of the team has written an entire class to solve a problem that already has a standard, reusable solution elsewhere in the code. Five minutes of knowledge-sharing before coding began would have prevented three hours of reinventing the wheel.</p>
  <p>When code isn’t planned out <em>as code</em>, none of our well-intentioned processes can succeed: standards are ignored, reusability dies out, and code becomes more scattered and bug-ridden over time. Inside of a few short years, you’re dealing with legacy code (shudder). Certain issues will come out in the code review, but by then so much has gone to waste: hours of development time, several problem-solving cycles, and the developer’s enthusiasm and dedication.</p>
  <p>All of these problems could be avoided (or at least mitigated) by exactly the thing Steve McConnell recommended in 1993: planning ahead.</p>
  <p>At DirectScale, we’ve turned the code review on its head. Instead of reviewing code after the fact, we make sure it’s correct ahead of time. We plan ahead. We call this the Dev Design, and it looks a lot like a collaborative code review performed before anyone has written a single line of code. It works like this:</p>
  <ol><li>A user story is created.</li>
  <li>A developer is assigned to design the work required for the story.</li>
  <li>The developer looks at the requirements, digs through the codebase for anything useful or relevant, researches the libraries and techniques that may be needed, and writes out a detailed, step-by-step description of how he would write the code needed to complete the user story. The resulting document (the Dev Design) includes all the variable names, caching techniques, classes, interfaces, and interactions that will end up in the code. In tricky cases, the developer may even include several lines of pseudocode.</li>
  <li>The developer schedules a meeting with the other developers on his team. Together they review the Dev Design and alter it as needed, suggesting alternative methods, sharing knowledge, and making architectural decisions.</li>
  <li>The team completes the tasks as specified in the Dev Design. If there’s a problem that forces them to diverge from it, they discuss it on the spot and decide what to do.</li>
  <li>Most of the time, no code review is required. The code is merged and submitted for QA as-is.</li>
  </ol><p>The amount of back-and-forth we avoid by doing things this way really is phenomenal. At a previous company, under an especially finicky team lead, I averaged almost five rewrites per pull request. Now I average zero. Planning ahead ensures that things get done the right way, the first time.</p>
  <p>At DirectScale we don’t allow technical debt to pile up. As technical debt gets older, it grows (just like regular debt) and when it reaches critical mass, it invariably ends up breaking the user experience and annoying clients. What’s worse, it frustrates coders and can cause serious instances of the "<a href="https://www.theguardian.com/lifeandstyle/2014/may/24/this-column-change-life-what-the-hell-effect">what-the-hell effect</a>" for anyone who has to work with the affected code.</p>
  <p>Resolving technical debt, though, is a counter-intuitive activity. For starters, it doesn’t look like anything. If a senior developer spends a week paying off technical debt — refactoring code, splitting classes, smoothing out kludges, accounting for edge cases — what does he have to show for it? Other developers will appreciate the difference, but anyone with the word "manager" in their job title is forced to go on faith. Nothing new can be shown to clients, no urgent bugs have been fixed, the application may not even be noticeably faster. If a product owner finds the line "addressed technical debt" in your release notes, how do they know you weren’t playing flick-the-paper-football all week? They don’t.<br />But the "debt" analogy holds true for this situation. Say you’re in $15,000 of credit card debt. If you spend your next three paychecks paying it down, what do you have to show for it? Really not much — no new furniture, no fancy dinners, no repairs for your furnace or car. But you are <em>much better off</em> than you were. And you better know it.</p>
  <p>To prevent both managers and developers from getting too caught up in deadlines and features to invest in healthy code, we enforce a strict minimum: at least 20% of our time is spent fighting technical debt. That means one in every five user stories. A few times a week, we’re standardizing, refactoring, load testing, researching, creating developer resources. We’re doing things that our clients will never know about. But what they do know is that our software is more cutting-edge, reliable and delightful than anything they’ve ever used. And they aren’t afraid to say so.</p>
  <p>Although the work we do to address technical debt isn’t always exciting (refactoring, in particular, is one of the most challenging and tedious things a developer does) and although it doesn’t provide the instant gratification that feature-driven tasks do, it is rewarding. The feeling of tweaking and improving pure code for a day or two is something like the feeling of recovering from a cold: the world just seems brighter afterward. You look back and see that your code is sensible and maintainable in a way it wasn’t before — it looks like something out of a textbook. And your work pays off for months to come. Working with code that has been properly cared for is a constant relief.</p>
  <h2>Story despecialization</h2>
  <p>Startups are infamous for requiring their employees to wear a lot of different hats. Some companies treat job titles as an afterthought; at various times you may end up being (as I have been) a back-end developer, a front-end developer, a QA engineer, a technical writer, a Spanish translator, a usability interviewer, and a printer support technician. Some people dislike this characteristic of small companies. I love it.</p>
  <p>On our team we encourage despecialization all the way down to individual user stories. In some companies this is called "swarming." Our method goes like this: when a developer is ready for another task, he is assigned the topmost task on our priority board whether or not he worked on the other tasks in the user story (and whether or not he knows how to do it). Our team is responsible for a product, not a programming language — if you knew T-SQL, C#, .NET, JavaScript, Angular.JS and SASS when we hired you, that’s great. If not, you’ll learn as you complete the tasks that require them. This makes us more like artisans than assembly line workers. Our goal is to make sure that every one of us knows enough about every part of the source code to work with it effectively, especially in an urgent situation.</p>
  <p>This also ensures that our team passes the "<a href="https://medium.nobl.io/the-bus-test-2338d474b193#.xi6oujm7c">bus test</a>": if a random member of our team were hit by a bus tomorrow, would we be able to continue without a hitch? Or would someone have to be assigned the uphill task of figuring out how to maintain the code that was under their jurisdiction? The bus test is especially telling at DirectScale, where I’m surrounded by highly talented and competent coworkers, people who are passionate about subjects I’m barely conversant in. But I like to think we’d pass it. Even if our most intelligent and hardworking employee were to die suddenly, the work would go forward. And no one would even miss me that much (I kid, I kid).</p>
  <h2>Brown bags and professional development</h2>
  <p>DirectScale encourages a culture of constant learning and improving. This goes beyond sponsored PluralSight memberships or a company library. We recognize that the best teachers are the ones who work among us and the best classroom is the one where personal interactions and discussions are the lesson plan. To that end, we take time once or twice a month to learn from each other in a group setting. We call this a <a href="http://www.investopedia.com/terms/b/brown-bag-meeting.asp">brown bag</a>.</p>
  <p>This usually entails a presentation from someone in the company who knows more about a certain technology or skill than the rest of us. We’ve had brown bags about topics as diverse as CSS, teamwork, sleeping habits, and SQL debugging. Anything is fair game.</p>
  <p>Like despecialization, this helps us to pass the bus test. The amount of information a truly passionate person can communicate in an informal one-hour meeting is impressive.</p>
  <p>It also improves developer happiness. <a href="http://www.softwarebyrob.com/2006/10/31/nine-things-developers-want-more-than-money/">Developers are happiest when they are learning and growing</a>. My best days at work — the days when I come home beaming, totally jazzed about my job — have been the days that I learned a new framework or concept and started putting it to good use. We developers get a huge thrill out of learning new things.</p>
  <h2>Why so happy?</h2>
  <p>I’ve spent a lot of time detailing the things that make me happy at work. And although I’ve tried to balance this by pointing out all the other benefits of our workplace methods and philosophies, I’m a little worried that someone will read this and totally miss the point. At some company, somewhere — a company that too many of my developer friends seem to have worked for — there is a group of middle managers who are stuck in the year 1906 and all they can think is "Who cares if you’re happy?" To them, developers are like dairy cows. You lock them in a cage, you milk them for as many lines of code as they’re willing to produce, and then you get rid of them. If one quits, another will take his place, so long as the salary is appealing enough.</p>
  <p>If you ever have the misfortune of managing someone with this attitude, I invite you to fire them.</p>
  <p>Here’s a news flash: <a href="http://www.itworld.com/article/2693429/big-data/study-proves-that-happy-programmers-are-better-programmers.html">happy</a> <a href="https://devzone.zend.com/5473/happy-developers-productive-developers/">developers</a> <a href="https://www.entrepreneur.com/article/249528">do</a> <a href="http://techbeacon.com/lessons-agile-happier-teams-are-more-productive-so-spread-cheer">incredible</a> <a href="http://www.sandeepmvp.com/developer-hapiness/">work</a>. In fact, this is almost a foregone conclusion — the question successful companies are asking isn’t "Should we treat our developers well?" It’s "How can we make our developers happier?"</p>
  <p>On the flip side, unhappy developers produce poor code for a little while and then quit. If you don’t treat developer happiness as a company-wide priority, you will eventually be forced to treat <a href="http://www.developerdotstar.com/mag/articles/software_team_turnover.html">developer turnover as a company-wide crisis</a>.</p>
  <p>I realize that as a developer it’s in my own best interest to say this. You could accuse me of being a diva. And maybe you’re right. But if I’m a diva, I’m a diva that bleeds excellent software from all ten fingertips. Right now the demand for divas like me <a href="https://itif.org/publications/2016/05/31/us-must-expand-computer-science-education-keep-demand-skilled-workforce-itif">is</a> <a href="http://www.seattletimes.com/seattle-news/education/with-surge-in-computer-science-majors-state-colleges-struggle-to-keep-pace/">through</a> <a href="http://www.geekwire.com/2014/analysis-examining-computer-science-education-explosion/">the</a> <a href="http://www.bls.gov/ooh/computer-and-information-technology/software-developers.htm">roof</a>. And I’m far from being the best or the brightest in my field.</p>
  <p>To put it simply, there are <em>no</em> benefits to trying to optimize developers the way you would optimize an assembly line at a cigarette factory. You have to let them do things their way. But you’ll be pleased with the results. Happy developers write good code. And developers who write good code are happy.</p>
  <h2>Conclusion</h2>
  <p>I’ve given you just a peek at what it’s like to work for <a href="http://directscale.com/">a company that really understands software development</a>. I wish you could see the full panorama. I haven’t been a programmer for very long, all things considered, but it’s changed my entire outlook on the industry.</p>
  <p>As you’re probably aware, developers are the target of <a href="https://medium.com/@isaaclyman/how-to-recruit-me-e82580ae91f1">intense recruitment techniques</a>. I hear from recruiters regularly, and one of them even talked me into a lunch date a few months ago. I made sure to ask him a few simple questions:</p>
  <ul><li>To what extent are developers involved in your design and discovery process?</li>
  <li>How do you address technical debt?</li>
  <li>How do code reviews go at your company?</li>
  <li>How much "bad code" would you say there is in your codebase?</li>
  </ul><p>This made him uncomfortable. But (to his credit) he was honest with me: these weren’t high priorities at his company. I thanked him for lunch and let him know I wasn’t interested in any further conversations.</p>
  <p>Listen: if you still think that foosball and Coke make developers happy, I’m here to tell you they don’t. Sure, perks like that are nice. But what makes us developers really happy is solving challenges every day and building code that’s familiar, well-written and full of features we’re proud of.</p>
  <p>If you can’t offer us that, you really don’t have much to offer.</p>

preview_picture:
  https://res.cloudinary.com/practicaldev/image/fetch/s--eXXasmdl--/c_imagga_scale,f_auto,fl_progressive,h_500,q_auto,w_1000/https://c2.staticflickr.com/4/3449/3770015203_9cb9aa2188.jpg


title: Les nouveaux Léviathans IV. La surveillance qui vient – Framablog
url: https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/
created_at: 2018-01-04 09:09:55
updated_at: 2018-01-04 09:09:55
mimetype: text/html
language: fr-FR
domain_name: framablog.org
http_status: 200
content:
  <div class="pdfprnt-buttons pdfprnt-buttons-post pdfprnt-top-right"><a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/?print=pdf" class="pdfprnt-button pdfprnt-button-pdf" target="_blank"><img src="https://framablog.org/wp-content/plugins/pdf-print/images/pdf.png" alt="image_pdf" title="View PDF" /></a><a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/?print=print" class="pdfprnt-button pdfprnt-button-print" target="_blank"><img src="https://framablog.org/wp-content/plugins/pdf-print/images/print.png" alt="image_print" title="Print Content" /></a></div><p>Dans ce quatrième numéro de la série Nouveaux Léviathans, nous allons voir dans quelle mesure le modèle économique a développé son besoin vital de la captation des données relatives à la vie privée. De fait, nous vivons dans le même scénario dystopique depuis une cinquantaine d’années. Nous verrons comment les critiques de l’économie de la surveillance sont redondantes depuis tout ce temps et que, au-delà des craintes, le temps est à l’action d’urgence.<br /></p>
  <div class="alert alert-info">Note : voici le troisième volet de la série des Nouveaux (et anciens) Léviathans, initiée en 2016, par <strong>Christophe Masutti</strong>, alias Framatophe. Pour retrouver les articles précédents, une liste vous est présentée à la fin de celui-ci.</div>
  <h2>Aujourd’hui</h2>
  <p>Avons-nous vraiment besoin des utopies et des dystopies pour anticiper les rêves et les cauchemars des technologies appliquées aux comportements humains ? Sempiternellement rabâchés, le <em>Meilleur de mondes</em> et <em>1984</em> sont sans doute les romans les plus vendus parmi les best-sellers des dernières années. Il existe un effet pervers des utopies et des dystopies, lorsqu’on les emploie pour justifier des arguments sur ce que devrait être ou non la société : tout argument qui les emploie afin de prescrire ce qui devrait être se trouve à un moment ou à un autre face au mur du réel sans possibilité de justifier un mécanisme crédible qui causerait le basculement social vers la fiction libératrice ou la fiction contraignante. C’est la raison pour laquelle l’île de Thomas More se trouve partout et nulle part, elle est utopique, en aucun lieu. Utopie et dystopie sont des propositions d’expérience et n’ont en soi aucune vocation à prouver ou prédire quoi que ce soit bien qu’elles partent presque toujours de l’expérience commune et dont tout l’intérêt, en particulier en littérature, figure dans le troublant cheminement des faits, plus ou moins perceptible, du réel vers l’imaginaire.</p>
  <p>Pourtant, lorsqu’on se penche sur le phénomène de l’exploitation des données personnelles à grande échelle par des firmes à la puissance financière inégalable, c’est la dystopie qui vient à l’esprit. Bien souvent, au gré des articles journalistiques pointant du doigt les dernières frasques des GAFAM dans le domaine de la protection des données personnelles, les discussions vont bon train : « ils savent tout de nous », « nous ne sommes plus libres », « c’est Georges Orwell », « on nous prépare le meilleur des mondes ». En somme, c’est l’angoisse  pendant quelques minutes, juste le temps de vérifier une nouvelle fois si l’application Google de notre smartphone a bien enregistré l’adresse du rendez-vous noté la veille dans l’agenda.</p>
  <p>Un petit coup d’angoisse ? allez… que diriez-vous si vos activités sur les réseaux sociaux, les sites d’information et les sites commerciaux étaient surveillées et quantifiées de telle manière qu’un système de notation et de récompense pouvait vous permettre d’accéder à certains droits, à des prêts bancaires, à des autorisations officielles, au logement, à des libertés de circulation, etc. Pas besoin de science-fiction. Ainsi que le rapportait <em><a href="http://www.wired.co.uk/article/chinese-government-social-credit-score-privacy-invasion">Wired</a></em> en octobre 2017<a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-1" title="Rachel Botsman, «&amp;#160;Big data meets Big Brother as China moves to rate its citizens&amp;#160;», &lt;em&gt;Wired&lt;/em&gt;, 21/10/2017. &lt;a href=&quot;http://www.wired.co.uk/article/chinese-government-social-credit-score-privacy-invasion&quot;&gt;Lien&lt;/a&gt;. Voir aussi Camille Hamet, «&amp;#160;Voici le système avec lequel le gouvernement chinois va noter ses citoyens&amp;#160;», &lt;em&gt;Ulyces&lt;/em&gt;, 03/11/2017. &lt;a href=&quot;https://www.ulyces.co/camille-hamet/voici-le-systeme-avec-lequel-le-gouvernement-chinois-va-noter-ses-citoyens/&quot;&gt;Lien&lt;/a&gt;."><sup>1</sup></a>, la Chine a déjà tout prévu d’ici 2020, c’est-à-dire demain. Il s’agit, dans le contexte d’un Internet déjà ultra-surveillé et non-neutre, d’établir un système de crédit social en utilisant les <em>big data</em> sur des millions de citoyens et effectuer un traitement qui permettra de catégoriser les individus, quels que soient les risques : risques d’erreurs, risques de piratage, crédibilité des indicateurs, atteinte à la liberté d’expression, etc.</p>
  <p>Évidemment les géants chinois du numérique comme Alibaba et sa filiale de crédit sont déjà sur le coup. Mais il y a deux choses troublantes dans cette histoire. La première c’est que le crédit social existe déjà et partout : depuis des années on évalue en ligne les restaurants et les hôtels sans se priver de critiquer les tenanciers et il existe toute une économie de la notation dans l’hôtellerie et la restauration, des applications terrifiantes comme <a href="http://next.liberation.fr/culture/2015/10/01/une-appli-pour-noter-ton-prochain-merci-jac-amp-nic_1395280">Peeple</a><a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-2" title="Guillaume Gendron, «&amp;#160;Une appli pour noter ton prochain&amp;#160;? Merci Jac &amp;amp; Nic&amp;#160;!&amp;#160;», &lt;em&gt;Libération&lt;/em&gt;, 01/10/2015. &lt;a href=&quot;http://next.liberation.fr/culture/2015/10/01/une-appli-pour-noter-ton-prochain-merci-jac-amp-nic_1395280&quot;&gt;Lien&lt;/a&gt;."><sup>2</sup></a> existent depuis 2015, les banques tiennent depuis longtemps des listes de créanciers, les fournisseurs d’énergie tiennent à jour les historiques des mauvais payeurs, etc.  Ce que va faire la Chine, c’est le rêve des firmes, c’est la possibilité à une gigantesque échelle et dans un cadre maîtrisé (un Internet non-neutre) de centraliser des millions de gigabits de données personnelles et la possibilité de recouper ces informations auparavant éparses pour en tirer des profils sur lesquels baser des décisions.</p>
  <p>Le second élément troublant, c’est que le gouvernement chinois n’aurait jamais eu cette idée si la technologie n’était pas déjà à l’œuvre et éprouvée par des grandes firmes. Le fait est que pour traiter autant d’informations par des algorithmes complexes, il faut : de grandes banques de données, beaucoup d’argent pour investir dans des serveurs et dans des compétences, et espérer un retour sur investissement de telle sorte que plus vos secteurs d’activités sont variés plus vous pouvez inférer des profils et plus votre marketing est efficace. Il est important aujourd’hui pour des monopoles mondialisés de savoir combien vous avez de chance d’acheter à trois jours d’intervalle une tondeuse à gazon et un canard en mousse. Le profilage de la clientèle (et des utilisateurs en général) est devenu l’élément central du marché à tel point que notre économie est devenue une économie de la surveillance, repoussant toujours plus loin les limites de l’analyse de nos vies privées.</p>
  <p>La dystopie est en marche, et si nous pensons bien souvent au cauchemar orwellien lorsque nous apprenons l’existence de projets comme celui du gouvernement chinois, c’est parce que nous n’avons pas tous les éléments en main pour en comprendre le cheminement. Nous anticipons la dystopie mais trop souvent, nous n’avons pas les moyens de déconstruire ses mécanismes. Pourtant, il devient de plus en plus facile de montrer ces mécanismes sans faire appel à l’imaginaire : toutes les conditions sont remplies pour n’avoir besoin de tracer que quelques scénarios alternatifs et peu différents les uns des autres. Le traitement et l’analyse de nos vies privées provient d’un besoin, celui de maximiser les profits dans une économie qui favorise l’émergence des monopoles et la centralisation de l’information. Cela se retrouve à tous les niveaux de l’économie, à commencer par l’activité principale des géants du Net : le démarchage publicitaire. Comprendre ces modèles économiques revient aussi à comprendre les enjeux de l’économie de la surveillance.</p>
  <p><a href="https://framablog.org/wp-content/uploads/2018/01/dystopies1.png"><img class="aligncenter size-full wp-image-11190" src="https://framablog.org/wp-content/uploads/2018/01/dystopies1.png" alt="" width="446" height="354" /></a></p>
  <h2>Données personnelles : le commerce en a besoin</h2>
  <p>Dans le petit monde des études en commerce et marketing, Frederick Reichheld fait figure de référence. Son nom et ses publications dont au moins deux <em>best sellers</em>, ne sont pas vraiment connus du grand public, en revanche la plupart des stratégies marketing des vingt dernières années sont fondées, inspirées et même modélisées à partir de son approche théorique de la relation entre la firme et le client. Sa principale clé de lecture est une notion, celle de la <em>fidélité</em> du client. D’un point de vue opérationnel cette notion est déclinée en un concept, celui de la valeur vie client (<em>customer lifetime value</em>) qui se mesure à l’aune de profits réalisés durant le temps de cette relation entre le client et la firme. Pour Reichheld, la principale activité du marketing consiste à optimiser cette valeur vie client. Cette optimisation s’oppose à une conception rétrograde (et qui n’a jamais vraiment existé, en fait<a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-3" title="Elle n&amp;rsquo;a jamais existé dans le capitalisme du XX&lt;sup&gt;e&lt;/sup&gt; siècle, et depuis l&amp;rsquo;invention des relations publiques (qu&amp;rsquo;on appellera marketing). Il faut lire sur ce point Edward Bernays, &lt;em&gt;Propaganda&lt;/em&gt; (1928)."><sup>3</sup></a>) de la « simple » relation marchande.</p>
  <p>En effet, pour bien mener les affaires, la relation avec le client ne doit pas seulement être une série de transactions marchandes, avec plus ou moins de satisfaction à la clé. Cette manière de concevoir les modèles économiques, qui repose uniquement sur l’idée qu’un client satisfait est un client fidèle, a son propre biais : on se contente de donner de la satisfaction. Dès lors, on se place d’un point de vue concurrentiel sur une conception du capitalisme marchand déjà ancienne. Le modèle de la concurrence « non faussée » est une conception nostalgique (fantasmée) d’une relation entre firme et client qui repose sur la rationalité de ce dernier et la capacité des firmes à produire des biens en réponse à des besoins plus ou moins satisfaits. Dès lors la décision du client, son libre arbitre, serait la variable juste d’une économie auto-régulée (la main invisible) et la croissance économique reposerait sur une dynamique de concurrence et d’innovation, en somme, la promesse du « progrès ».</p>
  <p>Évidemment, cela ne fonctionne pas ainsi. Il est bien plus rentable pour une entreprise de fidéliser ses clients que d’en chercher de nouveaux. Prospecter coûte cher alors qu’il est possible de jouer sur des variables à partir de l’existant, tout particulièrement lorsqu’on exerce un monopole (et on comprend ainsi pourquoi les monopoles s’accommodent très bien entre eux en se partageant des secteurs) :</p>
  <ol><li>on peut résumer la conception de Reichheld à partir de son premier <em>best seller</em>, <em>The Loyalty Effect</em> (1996) : avoir des clients fidèles, des employés fidèles et des propriétaires loyaux. Il n’y a pas de <em>main invisible</em> : tout repose sur <em>a)</em> le rapport entre hausse de la rétention des clients / hausse des dépenses, <em>b)</em> l’insensibilité aux prix rendue possible par la fidélisation (un client fidèle, ayant dépassé le stade du risque de défection, est capable de dépenser davantage pour des raisons qui n’ont rien à voir avec la valeur marchande), <em>c)</em> la diminution des coûts de maintenance (fidélisation des employés et adhésion au <em>story telling</em>), <em>d)</em> la hausse des rendements et des bénéfices. En la matière la firme Apple rassemble tous ces éléments à la limite de la caricature.</li>
  <li>Reichheld est aussi le créateur d’un instrument d’évaluation de la fidélisation : le <a href="https://en.wikipedia.org/wiki/Net_Promoter">NPS</a> (<em>Net Promoter Score</em>). Il consiste essentiellement à catégoriser les clients, entre promoteurs, détracteurs ou passifs. Son autre best-seller <em>The Ultimate Question 2.0 : How Net Promoter Companies Thrive in a Customer-Driven World</em> déploie les applications possibles du contrôle de la qualité des relations client qui devient dès lors la principale stratégie de la firme d’où découlent toutes les autres stratégies (en particulier les choix d’innovation). Ainsi il cite dans son ouvrage les plus gros scores NPS détenus par des firmes comme Apple, Amazon et Costco.</li>
  </ol><p>Il ne faut pas sous-estimer la valeur opérationnelle du NPS. Notamment parce qu’il permet de justifier les choix stratégiques. Dans <em>The Ultimate Question 2.0</em> Reichheld fait référence à une étude de Bain &amp; Co. qui montre que pour une banque, la valeur vie client d’un promoteur (au sens NPS) est estimée en moyenne à 9 500 dollars. Ce modèle aujourd’hui est une illustration de l’importance de la surveillance et du rôle prépondérant de l’analyse de données. En effet, plus la catégorisation des clients est fine, plus il est possible de déterminer les leviers de fidélisation. Cela passe évidemment par un système de surveillance à de multiples niveaux, à la fois internes et externes :</p>
  <ul><li>surveiller des opérations de l’organisation pour les rendre plus agiles et surveiller des employés pour augmenter la qualité des relations client,</li>
  <li>rassembler le plus de données possibles sur les comportements des clients et les possibilités de déterminer leurs choix à l’avance.</li>
  </ul><p>Savoir si cette approche du marketing est née d’un nouveau contexte économique ou si au contraire ce sont les approches de la valeur vie client qui ont configuré l’économie d’aujourd’hui, c’est se heurter à l’éternel problème de l’œuf et de la poule. Toujours est-il que les stratégies de croissance et de rentabilité de l’économie reposent sur l’acquisition et l’exploitation des données personnelles de manière à manipuler les processus de décision des individus (ou plutôt des groupes d’individus) de manière à orienter les comportements et fixer des prix non en rapport avec la valeur des biens mais en rapport avec ce que les consommateurs (ou même les acheteurs en général car tout ne se réduit pas à la question des seuls biens de consommation et des services) sont à même de pouvoir supporter selon la catégorie à laquelle ils appartiennent.</p>
  <p>Le fait de catégoriser ainsi les comportements et les influencer, comme nous l’avons vu dans les épisodes précédents de la série Léviathans, est une marque stratégique de ce que Shoshana Zuboff a appelé le <em><a href="https://framablog.org/2017/03/28/google-nouvel-avatar-du-capitalisme-celui-de-la-surveillance/">capitalisme de surveillance</a></em><a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-4" title="Shoshana Zuboff, «&amp;#160;Les secrets du capitalisme de surveillance&amp;#160;», &lt;em&gt;Franfurter Allgemeine Zeitung&lt;/em&gt;, 05/03/2016. Trad. Framablog. &lt;a href=&quot;https://framablog.org/2017/03/28/google-nouvel-avatar-du-capitalisme-celui-de-la-surveillance/&quot;&gt;Lien&lt;/a&gt;."><sup>4</sup></a>. Les entreprises ont aujourd’hui un besoin vital de rassembler les données personnelles dans des silos de données toujours plus immenses et d’exploiter ces <em>big data</em> de manière à optimiser leurs modèles économiques. Ainsi, du point de vue des individus, c’est le quotidien qui est scruté et analysé de telle manière que, il y a à peine une dizaine d’années, nous étions à mille lieues de penser l’extrême granularité des données qui cartographient et catégorisent nos comportements. Tel est l’objet du récent rapport publié par Cracked Lab <a href="http://crackedlabs.org/en/corporate-surveillance">Corporate surveillance in everyday life</a><a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-5" title="Wolfie Christl (éd.), &lt;em&gt;Corporate Surveillance in Everyday Life&lt;/em&gt;. Viena, Cracked Labs. 2017. &lt;a href=&quot;http://crackedlabs.org/en/corporate-surveillance&quot;&gt;Lien&lt;/a&gt;."><sup>5</sup></a> qui montre à quel point tous les aspect du quotidien font l’objet d’une surveillance à une échelle quasi-industrielle (on peut citer les activités de l’entreprise Acxiom), faisant des données personnelles un marché dont la matière première est traitée sans aucun consentement des individus. En effet, tout le savoir-faire repose essentiellement sur le recoupement statistique et la possibilité de catégoriser des milliards d’utilisateurs de manière à produire des représentations sociales dont les caractéristiques ne reflètent pas la réalité mais les comportements futurs. Ainsi par exemple les secteurs bancaires et des assurances sont particulièrement friands des possibilités offertes par le pistage numérique et l’analyse de solvabilité.</p>
  <p>Cette surveillance a été caractérisée déjà <a href="http://www.rogerclarke.com/DV/CACM88.html">en 1988</a> par le chercheur en systèmes d’information Roger Clarke<a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-6" title="Roger Clarke, «&amp;#160;Information Technology and Dataveillance &amp;#160;», &lt;em&gt;Association for Computing Machinery Inc.&lt;/em&gt; 31(5), 1988, p. 498-512. &lt;a href=&quot;http://www.rogerclarke.com/DV/CACM88.html&quot;&gt;Lien&lt;/a&gt;."><sup>6</sup></a> :</p>
  <ul><li>dans la mesure où il s’agit d’automatiser, par des algorithmes, le traitement des informations personnelles dans un réseau regroupant plusieurs sources, et d’en inférer du sens, on peut la qualifier de « dataveillance », c’est à dire « l’utilisation systématique de systèmes de traitement de données à caractère personnel dans l’enquête ou le suivi des actions ou des communications d’une ou de plusieurs personnes » ;</li>
  <li>l’un des attributs fondamentaux de cette <em>dataveillance</em> est que les intentions et les mécanismes sont cachés aux sujets qui font l’objet de la surveillance.</li>
  </ul><p>En effet, l’accès des sujets à leurs données personnelles et leurs traitements doit rester quasiment impossible car après un temps très court de captation et de rétention, l’effet de recoupement fait croître de manière exponentielle la somme d’information sur les sujets et les résultats, qu’ils soient erronés ou non, sont imbriqués dans le profilage et la catégorisation de groupes d’individus. Plus le monopole a des secteurs d’activité différents, plus les comportements des mêmes sujets vont pouvoir être quantifiés et analysés à des fins prédictives. C’est pourquoi la dépendance des firmes à ces informations est capitale ; pour citer <a href="http://www.rogerclarke.com/EC/DSE.html">Clarke en 2017</a><a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-7" title="Roger Clarke, «&amp;#160;Risks Inherent in the Digital Surveillance Economy&amp;#160;: A Research Agenda&amp;#160;», site personnel, 19/09/2017. &lt;a href=&quot;http://www.rogerclarke.com/EC/DSE.html&quot;&gt;Lien&lt;/a&gt;."><sup>7</sup></a> :</p>
  <blockquote><p>« L’économie de la surveillance numérique est cette combinaison d’institutions, de relations institutionnelles et de processus qui permet aux entreprises d’exploiter les données issues de la surveillance du comportement électronique des personnes et dont les sociétés de marketing deviennent rapidement dépendantes. »</p></blockquote>
  <p>Le principal biais que produit cette économie de la surveillance (pour S. Zuboff, c’est de capitalisme de surveillance qu’il s’agit puisqu’elle intègre une relation d’interdépendance entre centralisation des données et centralisation des capitaux) est qu’elle n’a plus rien d’une démarche descriptive mais devient prédictive par effet de prescription.</p>
  <p>Elle n’est plus descriptive (mais l’a-t-elle jamais été ?) parce qu’elle ne cherche pas à comprendre les comportements économiques en fonction d’un contexte, mais elle cherche à anticiper les comportements en maximisant les indices comportementaux. On ne part plus d’un environnement économique pour comprendre comment le consommateur évolue dedans, on part de l’individu pour l’assigner à un environnement économique sur mesure dans l’intérêt de la firme. Ainsi, comme l’a montré une étude de <a href="https://www.propublica.org/article/facebook-doesnt-tell-users-everything-it-really-knows-about-them">Propublica en 2016</a><a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-8" title="Julia Angwin, Surya Mattu et Terry Parris Jr., «&amp;#160;Facebook Doesn’t Tell Users Everything It Really Knows About Them&amp;#160;», &lt;em&gt;Probublica&lt;/em&gt;, 27/12/2016. &lt;a href=&quot;https://www.propublica.org/article/facebook-doesnt-tell-users-everything-it-really-knows-about-them&quot;&gt;Lien&lt;/a&gt;.&amp;lt;"><sup>8</sup></a>, Facebook dispose d’un panel de pas moins de 52 000 indicateurs de profilage individuels pour en établir une classification générale. Cette quantification ne permet plus seulement, comme dans une approche statistique classique, de déterminer par exemple si telle catégorie d’individus est susceptible d’acheter une voiture. Elle permet de déterminer, de la manière la plus intime possible, quelle valeur économique une firme peut accorder à un panel d’individus au détriment des autres, leur valeur vie client.</p>
  <p>Tout l’enjeu consiste à savoir comment influencer ces facteurs et c’est en cela que l’exploitation des données passe d’une dimension prédictive à une dimension prescriptive. Pour prendre encore l’exemple de Facebook, cette firme a <a href="https://venturebeat.com/2015/08/04/facebook-patents-technology-to-help-lenders-discriminate-against-borrowers-based-on-social-connections/">breveté un système capable de déterminer la solvabilité bancaire</a> des individus en fonction de la solvabilité moyenne de leur réseau de contacts<a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-9" title="Mark Sullivan, «&amp;#160;Facebook patents technology to help lenders discriminate against borrowers based on social connections&amp;#160;», &lt;em&gt;Venturebeat&lt;/em&gt;, 24/08/2015. &lt;a href=&quot;https://venturebeat.com/2015/08/04/facebook-patents-technology-to-help-lenders-discriminate-against-borrowers-based-on-social-connections/&quot;&gt;Lien&lt;/a&gt;."><sup>9</sup></a>. L’important ici, n’est pas vraiment d’aider les banques à diminuer les risques d’insolvabilité de leurs clients, car elles savent très bien le faire toutes seules et avec les mêmes procédés d’analyse en <em>big data</em>. En fait, il s’agit d’influencer les stratégies personnelles des individus par le seul effet <a href="https://fr.wikipedia.org/wiki/Panoptique">panoptique</a><a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-10" title="Voir la fiche Wikipédia «&amp;#160;panoptique&amp;#160;». &lt;a href=&quot;https://fr.wikipedia.org/wiki/Panoptique&quot;&gt;Lien&lt;/a&gt;."><sup>10</sup></a> : si les individus savent qu’ils sont surveillés, toute la stratégie individuelle consistera à choisir ses amis Facebook en fonction de leur capacité à maximiser les chances d’accéder à un prêt bancaire (et cela peut fonctionner pour bien d’autres objectifs). L’intérêt de Facebook n’est pas d’aider les banques, ni de vendre une expertise en statistique (ce n’est pas le métier de Facebook) mais de normaliser les comportements dans l’intérêt économique et augmenter la valeur vie client potentielle de ses utilisateurs : si vous avez des problèmes d’argent, Facebook n’est pas fait pour vous. Dès lors il suffit ensuite de revendre des profils sur-mesure à des banques. On se retrouve typiquement dans un épisode d’anticipation de la série Black Mirror (<a href="https://fr.wikipedia.org/wiki/%C3%89pisodes_de_Black_Mirror#%C3%89pisode_1_:_Chute_libre">Chute libre</a>)<a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-11" title="Charlie Brooker (réal.), &lt;em&gt;Black Mirror&lt;/em&gt;, série télévisée. Saison 3, épisode 1 «&amp;#160;Chute Libre&amp;#160;». 2011. &lt;a href=&quot;https://fr.wikipedia.org/wiki/Épisodes_de_Black_Mirror#Épisode_1_:_Chute_libre&quot;&gt;Lien&lt;/a&gt;."><sup>11</sup></a>.</p>

  <p><a href="https://framablog.org/wp-content/uploads/2018/01/leviathan2-1.png"><img class="aligncenter size-full wp-image-11220" src="https://framablog.org/wp-content/uploads/2018/01/leviathan2-1.png" alt="" width="603" height="361" /></a></p>
  <p>La fiction, l’anticipation, la dystopie… finalement, c’est-ce pas un biais que de toujours analyser sous cet angle l’économie de la surveillance et le rôle des algorithmes dans notre quotidien ? Tout se passe en quelque sorte comme si nous découvrions un nouveau modèle économique, celui dont nous venons de montrer que les préceptes sont déjà anciens, et comme si nous appréhendions seulement aujourd’hui les enjeux de la captation et l’exploitation des données personnelles. Au risque de décevoir tous ceux qui pensent que questionner la confiance envers les GAFAM est une activité d’avant-garde, la démarche a été initiée dès les prémices de la révolution informatique.</p>
  <h2>La vie privée à l’époque des pattes d’eph.</h2>
  <p>Face au constat selon lequel nous vivons dans un environnement où la surveillance fait loi, de nombreux ouvrages, articles de presse et autres témoignages ont sonné l’alarme. En décembre 2017, ce fut le soi-disant repentir de Chamath Palihapitya, ancien vice-président de Facebook, qui affirmait avoir contribué à créer « <a href="http://www.liberation.fr/debats/2017/12/17/les-repentis-du-like_1617280">des outils qui déchirent le tissu social</a> »<a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-12" title="Daniel Schneidermann, «&amp;#160;Les repentis du &lt;em&gt;like&lt;/em&gt;&amp;#160;», &lt;em&gt;Libération&lt;/em&gt;, 17/12/2017. &lt;a href=&quot;http://www.liberation.fr/debats/2017/12/17/les-repentis-du-like_1617280&quot;&gt;Lien&lt;/a&gt;."><sup>12</sup></a>. Il ressort de cette lecture qu’après plusieurs décennies de centralisation et d’exploitation des données personnelles par des acteurs économiques ou institutionnels, nous n’avons pas fini d’être surpris par les transformations sociales qu’impliquent les <em>big data</em>. Là où, effectivement, nous pouvons accorder un tant soit peu de de crédit à C. Palihapitya, c’est dans le fait que l’extraction et l’exploitation des données personnelles implique une économie de la surveillance qui modèle la société sur son modèle économique. Et dans ce modèle, l’exercice de certains droits (comme le droit à la vie privée) passe d’un état absolu (un droit de l’homme) à un état relatif (au contexte économique).</p>
  <p><a href="https://framablog.org/wp-content/uploads/2018/01/hippie.png"><img class="alignleft size-full wp-image-11202" src="https://framablog.org/wp-content/uploads/2018/01/hippie.png" alt="" width="211" height="288" /></a>Comme cela devient une habitude dans cette série des Léviathans, nous pouvons effectuer un rapide retour dans le temps et dans l’espace. Situons-nous à la veille des années 1970, aux États-Unis, plus exactement dans la période charnière qui vit la production en masse des ordinateurs <em>mainframe</em> (du type IBM 360), à destination non plus des grands laboratoires de recherche et de l’aéronautique, mais vers les entreprises des secteurs de la banque, des assurances et aussi vers les institutions gouvernementales. L’objectif premier de tels investissements (encore bien coûteux à cette époque) était le traitement des données personnelles des citoyens ou des clients.</p>
  <p>Comme bien des fois en histoire, il existe des périodes assez courtes où l’on peut comprendre les événements non pas parce qu’ils se produisent suivant un enchaînement logique et linéaire, mais parce qu’ils surviennent de manière quasi-simultanée comme des fruits de l’esprit du temps. Ainsi nous avons d’un côté l’émergence d’une industrie de la donnée personnelle, et, de l’autre l’apparition de nombreuses publications portant sur les enjeux de la vie privée. D’aucuns pourraient penser que, après la publication en 1949 du grand roman de G. Orwell, <em>1984</em>, la dystopie orwellienne pouvait devenir la clé de lecture privilégiée de l’<em>informationnalisation</em> (pour reprendre le terme de S. Zuboff) de la société américaine dans les années 1960-1970. Ce fut effectivement le cas… plus exactement, si les références à Orwell sont assez courantes dans la littérature de l’époque<a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-13" title="Les exemples ne manquent pas. La rhétorique habituellement rencontrée alors consiste à rappeler la dystopie sur un mode alarmiste puis à développer un argumentaire qui tend à démontrer les dangers de la surveillance sans pour autant revenir à Orwell dont la pertinence pour une analyse factuelle est limitée. Par exemple, une référence à Orwell ouvre le premier chapitre du livre de James B. Rule, &lt;em&gt;Social control and modern social structure, Private Lives and Public Surveillance&lt;/em&gt; (1974). Une réédition peut être consultée sur &lt;a href=&quot;https://www.mheducation.co.uk/openup/chapters/9780335220267.pdf&quot;&gt;mheducation.co.uk&lt;/a&gt;. Nous donnons un autre exemple plus bas dans une citation de Arthur R. Miller."><sup>13</sup></a>, il y avait deux lectures possibles de la vie privée dans une société aussi bouleversée que celle de l’Amérique des années 1960. La première questionnait la hiérarchie entre vie privée et vie publique. La seconde focalisait sur le traitement des données informatiques. Pour mieux comprendre l’état d’esprit de cette période, il faut parcourir quelques références.</p>
  <h3>Vie privée vs vie publique</h3>
  <p>Deux best-sellers parus en été 1964 effectuent un travail introspectif sur la société américaine et son rapport à la vie privée. Le premier, écrit par Myron Brenton, s’intitule <em>The privacy invaders</em><a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-14" title="Myron Brenton, &lt;em&gt;The privacy invaders&lt;/em&gt;. New York&amp;#160;: Coward-McCann (1964)."><sup>14</sup></a>. Brenton est un ancien détective privé qui dresse un inventaire des techniques de surveillance à l’encontre des citoyens et du droit. Le second livre, écrit par Vance Packard, connut un succès international. Il s’intitule <em>The naked Society</em><a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-15" title="Vance Packard, &lt;em&gt;The Naked society&lt;/em&gt;. New York&amp;#160;: David McKay. 1964. Trad.fr., &lt;em&gt;Une société sans défense&lt;/em&gt;. Paris&amp;#160;: Calmann Levy. 1965."><sup>15</sup></a>, traduit en français un an plus tard sous le titre <em>Une société sans défense</em>. V. Packard est alors universitaire, chercheur en sociologie et économie. Il est connu pour avoir surtout travaillé sur la société de consommation et le marketing et dénoncé, dans un autre ouvrage (<em>La persuasion clandestine</em><a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-16" title="Vance Packard, &lt;em&gt;La persuasion clandestine&lt;/em&gt;. Paris&amp;#160;: Calmann-Lévy. 1958."><sup>16</sup></a>), les abus des publicitaires en matière de manipulation mentale. Dans <em>The naked Society</em> comme dans <em>The privacy invaders</em> les mêmes thèmes sont déployés à propos des dispositifs de surveillance, entre les techniques d’enquêtes des banques sur leurs clients débiteurs, les écoutes téléphoniques, la surveillance audio et vidéo des employés sur les chaînes de montage, en somme toutes les stratégies privées ou publiques d’espionnage des individus et d’abus en tout genre qui sont autant d’atteintes à la vie privée. Il faut dire que la société américaine des années 1960 a vu aussi bien arriver sur le marché des biens de consommation le téléphone et la voiture à crédit mais aussi l’électronique et la miniaturisation croissante des dispositifs utiles dans ce genre d’activité. Or, les questions que soulignent Brenton et Packard, à travers de nombreux exemples, ne sont pas tant celles, plus ou moins spectaculaires, de la mise en œuvre, mais celles liées au droit des individus face à des puissances en recherche de données sur la vie privée extorquées aux sujets mêmes. En somme, ce que découvrent les lecteurs de ces ouvrages, c’est que la vie privée est une notion malléable, dans la réalité comme en droit, et qu’une bonne part de cette malléabilité est relative aux technologies et au médias. Packard ira légèrement plus loin sur l’aspect tragique de la société américaine en focalisant plus explicitement sur le respect de la vie privée dans le contexte des médias et de la presse à sensation et dans les contradictions apparente entre le droit à l’information, le droit à la vie privée et le Sixième Amendement. De là, il tire une sonnette d’alarme en se référant à Georges Orwell, et dénonçant l’effet panoptique obtenu par l’accessibilité des instruments de surveillance, la généralisation de leur emploi dans le quotidien, y compris pour les besoins du marketing, et leur impact culturel.</p>
  <p>En réalité, si ces ouvrages connurent un grand succès, c’est parce que leur approche de la vie privée reposait sur un questionnement des pratiques à partir de la morale et du droit, c’est-à-dire sur ce que, dans une société, on est prêt à admettre ou non au sujet de l’intimité vue comme une part structurelle des relations sociales. Qu’est-ce qui relève de ma vie privée et qu’est-ce qui relève de la vie publique ? Que puis-je exposer sans crainte selon mes convictions, ma position sociale, la classe à laquelle j’appartiens, etc. Quelle est la légitimité de la surveillance des employés dans une usine, d’un couple dans une chambre d’hôtel, d’une star du show-biz dans sa villa ?</p>
  <p>Il reste que cette approche manqua la grande révolution informatique naissante et son rapport à la vie privée non plus conçue comme l’image et l’estime de soi, mais comme un ensemble d’informations quantifiables à grande échelle et dont l’analyse peut devenir le mobile de décisions qui impactent la société en entier<a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-17" title="Non pas que Packard ait fait une totale impasse sur le traitement informatique des données, mais parce qu&amp;rsquo;il n&amp;rsquo;en voit pas le danger systémique."><sup>17</sup></a>. La révolution informatique relègue finalement la légitimité de la surveillance au second plan car la surveillance est alors conçue de manière non plus intentionnelle mais comme une série de faits : les données fournies par les sujets, auparavant dans un contexte fermé comme celui de la banque locale, finirent par se retrouver centralisées et croisées au gré des consortiums utilisant l’informatique pour traiter les données des clients. Le même schéma se retrouva pour ce qui concerne les institutions publiques dans le contexte fédéral américain.</p>
  <h3>Vie privée vs ordinateurs</h3>
  <p>Une autre approche commença alors à faire son apparition dans la sphère universitaire. Elle intervient dans la seconde moitié des années 1960. Il s’agissait de se pencher sur la gouvernance des rapports entre la vie privée et l’administration des données personnelles. Suivant au plus près les nouvelles pratiques des grands acteurs économiques et gouvernementaux, les universitaires étudièrent les enjeux de la numérisation des données personnelles avec en arrière-plan les préoccupations juridiques, comme celle de V. Packard, qui faisaient l’objet des réflexions de la décennie qui se terminait. Si, avec la société de consommation venait tout un lot de dangers sur la vie privée, cette dernière devrait être protégée, mais il fallait encore savoir sur quels plans agir. Le début des années 1970, en guise de résultat de ce <em>brainstorming</em> général, marquèrent alors une nouvelle ère de la <em>privacy</em> à l’Américaine à l’âge de l’informatisation et du réseautage des données personnelles. Il s’agissait de comprendre qu’un changement majeur était en train de s’effectuer avec les grands ordinateurs en réseau et qu’il fallait formaliser dans le droit les garde-fou les plus pertinents : on passait d’un monde où la vie privée pouvait faire l’objet d’une intrusion par des acteurs séparés, recueillant des informations pour leur propre compte en fonction d’objectifs différents, à un monde où les données éparses étaient désormais centralisées, avec des machines capables de traiter les informations de manière rapide et automatisée, capables d’inférer des informations sans le consentement des sujets à partir d’informations que ces derniers avaient données volontairement dans des contextes très différents.</p>
  <p>La liste des publications de ce domaine serait bien longue. Par exemple, la Rand Corporation publia <a href="https://stacks.stanford.edu/file/druid:vx455bw8245/vx455bw8245.pdf">une longue liste bibliographique</a> annotée au sujet des données personnelles informatisées. Cette liste regroupe près de 300 publications entre 1965 et 1967 sur le sujet<a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-18" title="A. Harrison, &lt;em&gt;The problem of privacy in the Computer Age&amp;#160;: an annotated bibliography&lt;/em&gt;, The Rand Corporation, Santa Monica, California, 1967. &lt;a href=&quot;https://stacks.stanford.edu/file/druid:vx455bw8245/vx455bw8245.pdf&quot;&gt;Lien&lt;/a&gt;."><sup>18</sup></a>.</p>
  <p>Des auteurs universitaires firent école. On peut citer :</p>
  <ul><li><a href="https://en.wikipedia.org/wiki/Alan_Westin">Alan F. Westin</a> : <em>Privacy and freedom</em> (1967), <em>Civil Liberties and Computerized Data Systems</em> (1971), <em>Databanks in a Free Society : Computers, Record Keeping and Privacy</em> (1972)<a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-19" title="Alan F. Westin, &lt;em&gt;Privacy and freedom&lt;/em&gt;, Atheneum, New York, 1967. Alan F. Westin, &lt;em&gt;Civil Liberties and Computerized Data Systems&lt;/em&gt;, in &lt;em&gt;Computers, Communications, and the Public Interest&lt;/em&gt;, Martin Greenberger, ed., Johns Hopkins Press, Baltimore, Maryland (1971). Alan F. Westin,‎ Michael A. Baker. &lt;em&gt;Databanks in a Free Society&amp;#160;: Computers, Record Keeping and Privacy&lt;/em&gt;. National Academy of Sciences. New York&amp;#160;: The New York Times Book Co. 1972."><sup>19</sup></a> ;</li>
  <li>James B. Rule : <em>Private lives and public surveillance : social control in the computer age</em> (1974)<a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-20" title="James B. Rule, &lt;em&gt;Private lives and public surveillance&amp;#160;: social control in the computer age&lt;/em&gt;. New York&amp;#160;: Schocken Books, 1974."><sup>20</sup></a> ;</li>
  <li>Arthur R. Miller : <em>The assault on privacy. Computers, Data Banks and Dossier</em> (1971)<a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-21" title="Arthur R. Miller, &lt;em&gt;The assault on privacy. Computers, Data Banks and Dossier&lt;/em&gt;. The Univ. Michigan Press. 1971."><sup>21</sup></a> ;</li>
  <li>Malcolm Warner et Mike Stone, <em>The Data Bank Society : Organizations, Computers and Social Freedom</em> (1970)<a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-22" title="Malcolm Warner et Mike Stone, &lt;em&gt;The Data Bank Society&amp;#160;: Organizations, Computers and Social Freedom&lt;/em&gt;London, George Allen and Unwin, 1970."><sup>22</sup></a>.</li>
  </ul><p>Toutes ces publications ont ceci en commun qu’elles procédèrent en deux étapes. La première consistait à dresser un tableau synthétique de la société américaine face à la captation des informations personnelles. Quatre termes peuvent résumer les enjeux du traitement des informations : <em>1)</em> la légitimité de la captation des informations, <em>2)</em> la permanence des données et leurs modes de rétention, <em>3)</em> la transférabilité (entre différentes organisations), <em>4)</em> la combinaison ou le recoupement de ces données et les informations ainsi inférées<a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-23" title="Voir Stanton Wheeler (éd.), &lt;em&gt;On Record. Files and Dossiers in American Life&lt;/em&gt;. 1970. Russell Sage Foundation, page 5. &lt;a href=&quot;https://www.russellsage.org/publications/record&quot;&gt;Lien&lt;/a&gt;."><sup>23</sup></a>.</p>
  <p>La seconde étape consistait à choisir ce qui, dans cette « société du dossier (<em>dossier society</em>) » comme l’appelait Arthur R. Miller, devait faire l’objet de réformes. Deux fronts venaient en effet de s’ouvrir : l’État et les firmes.</p>
  <p>Le premier, évident, était celui que la dystopie orwellienne pointait avec empressement : l’État de surveillance. Pour beaucoup de ces analystes, en effet, le fédéralisme américain et la multiplicité des agences gouvernementales pompaient allègrement la <em>privacy</em> des honnêtes citoyens et s’équipaient d’ordinateurs à temps partagé justement pour rendre interopérables les systèmes de traitement d’information à (trop) grande échelle. Un rapide coup d’œil sur les références citées, montre que, effectivement, la plupart des conclusions focalisaient sur le besoin d’adapter le droit aux impératifs constitutionnels américains. Tels sont par exemple les arguments de A. F. Westin pour lequel l’informatisation des données privées dans les différentes autorités administratives devait faire l’objet non d’un recul, mais de nouvelles règles portant sur la sécurité, l’accès des citoyens à leurs propres données et la pertinence des recoupements (comme par exemple l’utilisation restreinte du numéro de sécurité sociale). En guise de synthèse, le rapport de l’U.S. Department of health, Education and Welfare livré en 1973<a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-24" title="U.S. Department of health, Education and Welfare. &lt;em&gt;Records, computers and the rights of citizens. Report of the Secretary&amp;rsquo;s Advisory Committee on Automated Personal Data Systems&lt;/em&gt;. 1973. &lt;a href=&quot;https://www.justice.gov/opcl/docs/rec-com-rights.pdf&quot;&gt;Lien&lt;/a&gt;."><sup>24</sup></a> (et où l’on retrouve Arthur R. Miller parmi les auteurs) repris ces éléments au titre de ses recommandations. Il prépara ainsi le <a href="https://en.wikipedia.org/wiki/Privacy_Act_of_1974">Privacy Act</a> de 1974, qui vise notamment à prévenir l’utilisation abusive de documents fédéraux et garantir l’accès des individus aux données enregistrées les concernant.</p>
  <p>Le second front, tout aussi évident mais moins accessible car protégé par le droit de propriété, était celui de la récolte de données par les firmes, et en particulier les banques. L’un des auteurs les plus connus, Arthur R. Miller dans <em>The assault on privacy</em>, fit la synthèse des deux fronts en focalisant sur le fait que l’informatisation des données personnelles, par les agences gouvernementales comme par les firmes, est une forme de surveillance et donc un exercice du pouvoir. Se poser la question de leur légitimité renvoie effectivement à des secteurs différents du droit, mais c’est pour lui le traitement informatique (il utilise le terme « cybernétique ») qui est un instrument de surveillance par essence. Et cet instrument est orwellien :</p>
  <blockquote><p>« Il y a à peine dix ans, on aurait pu considérer avec suffisance <em>Le meilleur des mondes</em> de Huxley ou <em>1984</em> de Orwell comme des ouvrages de science-fiction excessifs qui ne nous concerneraient pas et encore moins ce pays. Mais les révélations publiques répandues au cours des dernières années au sujet des nouvelles formes de pratiques d’information ont fait s’envoler ce manteau réconfortant mais illusoire. »</p></blockquote>
  <p>Pourtant, un an avant la publication de Miller fut voté le <a href="https://en.wikipedia.org/wiki/Fair_Credit_Reporting_Act">Fair Credit Reporting Act</a>, portant sur les obligations déclaratives des banques. Elle fut aussi l’une des premières lois sur la protection des données personnelles, permettant de protéger les individus, en particulier dans le secteur bancaire, contre la tenue de bases de données secrètes, la possibilité pour les individus d’accéder aux données et de les contester, et la limitation dans le temps de la rétention des informations.</p>
  <p>Cependant, pour Miller, le Fair Credit Reporting Act est bien la preuve que la bureaucratie informatisée et le réseautage des données personnelles impliquent deux pertes de contrôle de la part de l’individu et pour lesquelles la régulation par le droit n’est qu’un pis-aller (pp. 25-38). On peut de même, en s’autorisant quelque anachronisme, s’apercevoir à quel point les deux types de perte de contrôles qu’il pointe nous sont éminemment contemporains.</p>
  <ul><li><em>The individual loss of control over personal information</em>  : dans un contexte où les données sont mises en réseau et recoupées, dès lors qu’une information est traitée par informatique, le sujet et l’opérateur n’ont plus le contrôle sur les usages qui pourront en être faits. Sont en jeu la sécurité et l’intégrité des données (que faire en cas d’espionnage ? que faire en cas de fuite non maîtrisée des données vers d’autres opérateurs : doit-on exiger que les opérateurs en informent les individus ?).</li>
  <li><em>The individual loss of control over the accuracy of his informational profil</em> : la centralisation des données permet de regrouper de multiples aspects de la vie administrative et sociale de la personne, et de recouper toutes ces données pour en inférer des profils. Dans la mesure où nous assistons à une concentration des firmes par rachats successifs et l’émergence de monopoles (Miller prend toujours l’exemple des banques), qu’arrive-t-il si certaines données sont erronées ou si certains recoupements mettent en danger le droit à la vie privée : par exemple le rapport entre les données de santé, l’identité des individus et les crédits bancaires.</li>
  </ul><p>Et Miller de conclure (p. 79) :</p>
  <blockquote><p>« Ainsi, l’informatisation, le réseautage et la réduction de la concurrence ne manqueront pas de pousser l’industrie de l’information sur le crédit encore plus profondément dans le marasme du problème de la protection de la vie privée. »</p></blockquote>
  <p><a href="https://framablog.org/wp-content/uploads/2018/01/ledzepibm.png"><img class="aligncenter wp-image-11207" src="https://framablog.org/wp-content/uploads/2018/01/ledzepibm.png" alt="" width="723" height="489" /></a></p>
  <h2>Les échos du passé</h2>
  <p>La lutte pour la préservation de la vie privée dans une société numérisée passe par une identification des stratégies intentionnelles de la surveillance et par l’analyse des procédés d’extraction, rétention et traitement des données. La loi est-elle une réponse ? Oui, mais elle est loin de suffire. La littérature nord-américaine dont nous venons de discuter montre que l’économie de la surveillance dans le contexte du traitement informatisé des données personnelles est née il y a plus de 50 ans. Et dès le début il fut démontré, dans un pays où les droits individuels sont culturellement associés à l’organisation de l’État fédéral (la Déclaration des Droits), non seulement que la <em>privacy</em> changeait de nature (elle s’étend au traitement informatique des informations fournies et aux données inférées) mais aussi qu’un équilibre s’établissait entre le degré de sanctuarisation de la vie privée et les impératifs régaliens et économiques qui réclament une industrialisation de la surveillance.</p>
  <p>Puisque l’intimité numérique n’est pas absolue mais le résultat d’un juste équilibre entre le droit et les pratiques, tout les jeux post-révolution informatique après les années 1960 consistèrent en une lutte perpétuelle entre défense et atteinte à la vie privée. C’est ce que montre Daniel J. Solove dans « A Brief History of Information Privacy Law »<a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-25" title="Daniel J. Solove, «&amp;#160;A Brief History of Information Privacy Law&amp;#160;», &lt;em&gt;GWU Law School Public Law&lt;/em&gt;, Research Paper No. 215. 2006. &lt;a href=&quot;https://scholarship.law.gwu.edu/faculty_publications/923/&quot;&gt;Lien&lt;/a&gt;."><sup>25</sup></a> en dressant un inventaire chronologique des différentes réponses de la loi américaine face aux changements technologiques et leurs répercussions sur la vie privée.</p>
  <p>Il reste néanmoins que la dimension industrielle de l’économie de la surveillance a atteint en 2001 un point de basculement à l’échelle mondiale avec le <a href="https://fr.wikipedia.org/wiki/USA_PATRIOT_Act">Patriot Act</a><a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-26" title="Voir la fiche Wikipédia au sujet du «&amp;#160;Patriot Act&amp;#160;». &lt;a href=&quot;https://fr.wikipedia.org/wiki/USA_PATRIOT_Act&quot;&gt;Lien&lt;/a&gt;."><sup>26</sup></a> dans le contexte de la lutte contre le terrorisme. À partir de là, les principaux acteurs de cette économie ont vu une demande croissante de la part des États pour récolter des données au-delà des limites strictes de la loi sous couvert des dispositions propres à la sûreté nationale et au secret défense. Pour rester sur l’exemple américain, Thomas Rabino écrit à ce sujet<a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-27" title="Thomas Rabino, &lt;em&gt;De la guerre en Amérique&lt;/em&gt;. Paris&amp;#160;: Perrin. 2013."><sup>27</sup></a> :</p>
  <blockquote><p>« Alors que le Privacy Act de 1974 interdit aux agences fédérales de constituer des banques de données sur les citoyens américains, ces mêmes agences fédérales en font désormais l’acquisition auprès de sociétés qui, à l’instar de ChoicePoint, se sont spécialisées dans le stockage d’informations diverses. Depuis 2001, le FBI et d’autres agences fédérales ont conclu, dans la plus totale discrétion, de fructueux contrats avec ChoicePoint pour l’achat des renseignements amassés par cette entreprise d’un nouveau genre. En 2005, le budget des États-Unis consacrait plus de 30 millions de dollars à ce type d’activité. »</p></blockquote>
  <p>Dans un contexte plus récent, on peut affirmer que même si le risque terroriste est toujours agité comme un épouvantail pour justifier des atteintes toujours plus fortes à l’encontre de la vie privée, les intérêts économiques et la pression des lobbies ne peuvent plus se cacher derrière la Raison d’État. Si bien que plusieurs pays se mettent maintenant au diapason de l’avancement technologique et des impératifs de croissance économique justifiant par eux-mêmes des pratiques iniques. Ce fut le cas par exemple du gouvernement de Donald Trump qui, en mars 2017 et à la plus grande joie du lobby des fournisseurs d’accès, abroge une loi héritée du gouvernement précédent et qui exigeait que les FAI obtiennent sous conditions la permission de partager des renseignements personnels – y compris les données de localisation<a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-28" title="Brian Fung, «&amp;#160;Trump has signed repeal of the FCC privacy rules. Here’s what happens next&amp;#160;», &lt;em&gt;The Washington Post&lt;/em&gt;, 04/04/2017. &lt;a href=&quot;https://www.washingtonpost.com/news/the-switch/wp/2017/04/04/trump-has-signed-repeal-of-the-fcc-privacy-rules-heres-what-happens-next&quot;&gt;Lien&lt;/a&gt;."><sup>28</sup></a>.</p>
  <p>Encore en mars 2017, c’est la secrétaire d’État à l’Intérieur Britannique Amber Rudd qui juge publiquement « inacceptable » le chiffrement des communications de bout en bout et demande aux fournisseurs de messagerie de créer discrètement des <em>backdoors</em>, c’est à dire renoncer au chiffrement de bout en bout sans le dire aux utilisateurs<a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-29" title="Aral Balkan, &lt;em&gt;Amber Rudd entre les lignes&lt;/em&gt; (trad. Framalang), 01/08/2017. &lt;a href=&quot;https://framablog.org/2017/10/04/aran-balkan/&quot;&gt;Lien&lt;/a&gt;."><sup>29</sup></a>. Indépendamment du caractère moralement discutable de cette injonction, on peut mesurer l’impact du message sur les entreprises comme Google, Facebook et consors : il existe des décideurs politiques capables de demander à ce qu’un fournisseur de services propose à ses utilisateurs un faux chiffrement, c’est-à-dire que le droit à la vie privée soit non seulement bafoué mais, de surcroît, que le mensonge exercé par les acteurs privés soit couvert par les acteurs publics, et donc par la loi.</p>
  <p>Comme le montre Shoshana Zuboff, le capitalisme de surveillance est aussi une idéologie, celle qui instaure une hiérarchie entre les intérêts économiques et le droit. Le droit peut donc être une arme de lutte pour la sauvegarde de la vie privée dans l’économie de la surveillance, mais il ne saurait suffire dans la mesure où il n’y pas de loyauté entre les acteurs économiques et les sujets et parfois même encore moins entre les décideurs publics et les citoyens.</p>
  <p>Dans ce contexte où la confiance n’est pas de mise, les portes sont restées ouvertes depuis les années 1970 pour créer l’industrie des <em>big data</em> dont le carburant principal est notre intimité, notre quotidienneté. C’est parce qu’il est désormais possible de repousser toujours un peu plus loin les limites de la captation des données personnelles que des théories économique prônent la fidélisation des clients et la prédiction de leurs comportements comme seuls points d’appui des investissements et de l’innovation. C’est vrai dans le marketing, c’est vrai dans les services et l’innovation numériques. Et tout naturellement c’est vrai dans la vie politique, comme le montre par exemple <a href="https://www.wired.com/story/trump-dark-post-facebook-ads/">l’affaire des <em>dark posts</em></a> durant la campagne présidentielle de D. Trump : la possibilité de contrôler l’audience et d’influencer une campagne présidentielle via les réseaux sociaux comme Facebook est désormais démontrée.</p>
  <p>Tant que ce modèle économique existera, aucune confiance ne sera possible. La confiance est même absente des pratiques elles-mêmes, en particulier dans le domaine du traitement algorithmique des informations. En septembre 2017, la chercheuse Zeynep Tufekci, lors d’une <a href="https://www.ted.com/talks/zeynep_tufekci_we_re_building_a_dystopia_just_to_make_people_click_on_ads">conférence TED</a><a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-30" title="Zeynep Tufekci, «&amp;#160;We&amp;rsquo;re building a dystopia just to make people click on ads&amp;#160;», &lt;em&gt;TEDGlobal&lt;/em&gt;, septembre 2017. &lt;a href=&quot;https://www.ted.com/talks/zeynep_tufekci_we_re_building_a_dystopia_just_to_make_people_click_on_ads&quot;&gt;Lien&lt;/a&gt;."><sup>30</sup></a>, reprenait exactement les questions d’Arthur R. Miller dans <em>The assault on privacy</em>, soit 46 ans après. Miller prenait comme étude de cas le stockage d’information bancaire sur les clients débiteurs, et Tufekci prend les cas des réservation de vols aériens en ligne et du streaming vidéo. Dans les deux réflexions, le constat est le même : le traitement informatique de nos données personnelles implique que nous (les sujets et les opérateurs eux-mêmes) perdions le contrôle sur ces données :</p>
  <blockquote><p>« Le problème, c’est que nous ne comprenons plus vraiment comment fonctionnent ces algorithmes complexes. Nous ne comprenons pas comment ils font cette catégorisation. Ce sont d’énormes matrices, des milliers de lignes et colonnes, peut-être même des millions, et ni les programmeurs, ni quiconque les regardant, même avec toutes les données, ne comprend plus comment ça opère exactement, pas plus que vous ne sauriez ce que je pense en ce moment si l’on vous montrait une coupe transversale de mon cerveau. C’est comme si nous ne programmions plus, nous élevons une intelligence que nous ne comprenons pas vraiment. »</p></blockquote>
  <p>Z. Tufekci montre même que les algorithmes de traitement sont en mesure de fournir des conclusions (qui permettent par exemple d’inciter les utilisateurs à visualiser des vidéos sélectionnées d’après leur profil et leur historique) mais que ces conclusions ont ceci de particulier qu’elle modélisent le comportement humain de manière à l’influencer dans l’intérêt du fournisseur. D’après Z. Tufekci : «  L’algorithme a déterminé que si vous pouvez pousser les gens à penser que vous pouvez leur montrer quelque chose de plus extrême (nda : des vidéos racistes dans l’exemple cité), ils ont plus de chances de rester sur le site à regarder vidéo sur vidéo, descendant dans le terrier du lapin pendant que Google leur sert des pubs. »</p>
  <p>Ajoutons de même que les technologies de <em><a href="https://fr.wikipedia.org/wiki/Apprentissage_profond">deep learning</a></em>, financées par millions par les GAFAM, se prêtent particulièrement bien au jeu du traitement automatisé en cela qu’elle permettent, grâce à l’extrême croissance du nombre de données, de procéder par apprentissage. Cela permet à Facebook de structurer la grande majorité des données des utilisateurs qui, auparavant, n’était <a href="https://www.forbes.com/sites/bernardmarr/2016/12/29/4-amazing-ways-facebook-uses-deep-learning-to-learn-everything-about-you/">pas complètement exploitable</a><a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-31" title="Bernard Marr, «&amp;#160;4 Mind-Blowing Ways Facebook Uses Artificial Intelligence&amp;#160;», &lt;em&gt;Forbes&lt;/em&gt;, 29/12/2016. &lt;a href=&quot;https://www.forbes.com/sites/bernardmarr/2016/12/29/4-amazing-ways-facebook-uses-deep-learning-to-learn-everything-about-you/&quot;&gt;Lien&lt;/a&gt;."><sup>31</sup></a>. Par exemple, sur les milliers de photos de chatons partagées par les utilisateurs, on peut soit se contenter de constater une redondance et ne pas les analyser davantage, soit apprendre à y reconnaître d’autres informations, comme par exemple l’apparition, en arrière-plan, d’un texte, d’une marque de produit, etc. Il en est de même pour la reconnaissance faciale, qui a surtout pour objectif de faire concorder les identités des personnes avec toutes les informations que l’on peut inférer à partir de l’image et du texte.</p>
  <p>Si les techniques statistiques ont le plus souvent comme objectif de contrôler les comportements à l’échelle du groupe, c’est parce que le seul fait de catégoriser automatiquement les individus consiste à considérer que leurs données personnelles en constituent l’essence. L’économie de la surveillance démontre ainsi qu’il n’y a nul besoin de connaître une personne pour en prédire le comportement, et qu’il n’y a pas besoin de connaître chaque individu d’un groupe en particulier pour le catégoriser et prédire le comportement du groupe, il suffit de laisser faire les algorithmes : le tout est d’être en mesure de classer les sujets dans les bonnes catégories et même faire en sorte qu’ils y entrent tout à fait. Cela a pour effet de coincer littéralement les utilisateurs des services « capteurs de données » dans des <em><a href="https://framablog.org/2011/12/15/facebook-google-malbouffe-information/">bulles de filtres</a></em> où les informations auxquelles ils ont accès leur sont personnalisées selon des profils calculés<a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-32" title="Bianca Bosker, «&amp;#160;Facebook et Google nous livrent de l’information &lt;em&gt;malbouffe&lt;/em&gt; avertit Eli Pariser&amp;#160;», trad. Framablog, 07/03/2011. &lt;a href=&quot;https://framablog.org/2011/12/15/facebook-google-malbouffe-information/&quot;&gt;Lien&lt;/a&gt;."><sup>32</sup></a>. Si vous partagez une photo de votre chat devant votre cafetière, et que dernièrement vous avez visité des sites marchands, vous aurez de grandes chance pour vos futures annonces vous proposent la marque que vous possédez déjà et exercent, par effet de répétition, une pression si forte que c’est cette marque que vous finirez par acheter. Ce qui fonctionne pour le marketing peut très bien fonctionner pour d’autres objectifs, même politiques.</p>
  <p>En somme tous les déterminants d’une société soumise au capitalisme de surveillance, apparus dès les années 1970, structurent le monde numérique d’aujourd’hui sans que les lois ne puissent jouer de rôle pleinement régulateur. L’usage caché et déloyal des <em>big data</em>, le trafic de données entre organisations, la dégradation des droits individuels (à commencer par la liberté d’expression et le droit à la vie privée), tous ces éléments ont permis à des monopoles d’imposer un modèle d’affaire et affaiblir l’État-nation. Combien de temps continuerons-nous à l’accepter ?</p>
  <p><a href="https://framablog.org/wp-content/uploads/2018/01/citynext.png"><img class="aligncenter size-full wp-image-11206" src="https://framablog.org/wp-content/uploads/2018/01/citynext.png" alt="" width="1046" height="633" /></a></p>
  <h2>Sortir du marasme</h2>
  <p>En 2016, à la fin de <a href="https://framablog.org/2017/03/28/google-nouvel-avatar-du-capitalisme-celui-de-la-surveillance/">son article</a> synthétique sur le capitalisme de surveillance<a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-33" title="Shoshana Zuboff, «&amp;#160;Les secrets du capitalisme de surveillance&amp;#160;», &lt;em&gt;Franfurter Allgemeine Zeitung&lt;/em&gt;, 05/03/2016. Trad. Framablog. &lt;a href=&quot;https://framablog.org/2017/03/28/google-nouvel-avatar-du-capitalisme-celui-de-la-surveillance/&quot;&gt;Lien&lt;/a&gt;."><sup>33</sup></a>, Shoshana Zuboff exprime personnellement un point de vue selon lequel la réponse ne peut pas être uniquement technologique :</p>
  <blockquote><p>« (…) les faits bruts du capitalisme de surveillance suscitent nécessairement mon indignation parce qu’ils rabaissent la dignité humaine. L’avenir de cette question dépendra des savants et journalistes indignés attirés par ce projet de frontière, des élus et des décideurs indignés qui comprennent que leur autorité provient des valeurs fondamentales des communautés démocratiques, et des citoyens indignés qui agissent en sachant que l’efficacité sans l’autonomie n’est pas efficace, la conformité induite par la dépendance n’est pas un contrat social et être libéré de l’incertitude n’est pas la liberté. »</p></blockquote>
  <p>L’incertitude au sujet des dérives du capitalisme de surveillance n’existe pas. Personne ne peut affirmer aujourd’hui qu’avec l’avènement des <em>big data</em> dans les stratégies économiques, on pouvait ignorer que leur usage déloyal était non seulement possible mais aussi que c’est bien cette direction qui fut choisie d’emblée dans l’intérêt des monopoles et en vertu de la centralisation des informations et des capitaux. Depuis les années 1970, plusieurs concepts ont cherché à exprimer la même chose. Pour n’en citer que quelques-uns : computocracie (M. Warner et M. Stone, 1970), société du dossier (Arthur R. Miller, 1971), surveillance de masse (J. Rule, 1973), dataveillance (R. Clarke, 1988), capitalisme de surveillance (Zuboff, 2015)… tous cherchent à démontrer que la surveillance des comportements par l’usage des données personnelles implique en retour la recherche collective de points de rupture avec le modèle économique et de gouvernance qui s’impose de manière déloyale. Cette recherche peut s’exprimer par le besoin d’une régulation démocratiquement décidée et avec des outils juridiques. Elle peut s’exprimer aussi autrement, de manière violente ou pacifiste, militante et/ou contre-culturelle.</p>
  <p>Plusieurs individus, groupes et organisation se sont déjà manifestés dans l’histoire à ce propos. Les formes d’expression et d’action ont été diverses :</p>
  <ul><li>institutionnelles : les premières formes d’action pour garantir le droit à la vie privée ont consisté à établir des rapports collectifs préparatoires à des grandes lois, comme le rapport <em>Records, computers and the rights of citizens</em>, de 1973, cité plus haut ;</li>
  <li>individualistes, antisociales et violentes : bien que s’inscrivant dans un contexte plus large de refus technologique, l’affaire <a href="https://fr.wikipedia.org/wiki/Theodore_Kaczynski">Theodore Kaczynski</a> (alias Unabomber) de 1978 à 1995 est un bon exemple d’orientation malheureuse que pourraient prendre quelques individus isolés trouvant des justifications dans un contexte paranoïaque ;</li>
  <li>collectives – activistes – légitimistes : c’est le temps des manifestes <a href="https://fr.wikipedia.org/wiki/Cypherpunk">cypherpunk</a> des années 1990<a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-34" title="Voir sur ce point la notice Wikipédia «&amp;#160;Cypherpunk&amp;#160;» (&lt;a href=&quot;https://fr.wikipedia.org/wiki/Cypherpunk&quot;&gt;lien&lt;/a&gt;). Eric Hughes «&amp;#160;Manifeste d&amp;rsquo;un Cypherpunk&amp;#160;». 1993. &lt;a href=&quot;https://activisme.fr/cypherpunk/manifesto.html&quot;&gt;Lien&lt;/a&gt;. Timothy C. May, «&amp;#160;The Crypto Anarchist Manifesto&amp;#160;». 1992. &lt;a href=&quot;https://www.activism.net/cypherpunk/crypto-anarchy.html&quot;&gt;Lien&lt;/a&gt;. Christian As. Kirtchev, «&amp;#160;Cyberpunk manifesto&amp;#160;». 1997. &lt;a href=&quot;http://www.larevuedesressources.org/un-manifeste-cyberpunk-le-cyberpunk-manifesto,2317.html&quot;&gt;Lien&lt;/a&gt;."><sup>34</sup></a>, ou plus récemment le mouvement <a href="https://fr.wikipedia.org/wiki/Anonymous_(collectif)">Anonymous</a>, auxquels on peut ajouter des collectifs « événementiels », comme le <a href="https://fr.wikipedia.org/wiki/Echelon#Jam_Echelon_Day">Jam Echelon Day</a> ;</li>
  <li>Associatives, organisées : on peut citer le <a href="https://www.gnu.org/gnu/manifesto.fr.html">mouvement pour le logiciel libre</a> et la <a href="http://www.fsf.org/">Free Software Foundation</a>, l’<a href="https://www.eff.org/fr/fight">Electronic Frontier Foundation</a>, <a href="https://www.laquadrature.net/">La Quadrature du Net</a>, ou bien encore certaines branches d’activité d’organisation plus générales comme la <a href="https://www.ldh-france.org/big-data-algorithmes-risques-discriminations-lexemple-lassurance/">Ligue des Droits de l’Homme</a>, <a href="https://rsf.org/fr/actions/libertes-sur-internet">Reporter Sans Frontière</a>, etc.</li>
  </ul><p>Les limites de l’attente démocratique sont néanmoins déjà connues. La société ne peut réagir de manière légale, par revendication interposée, qu’à partir du moment où l’exigence de transparence est remplie. Lorsqu’elle ne l’est pas, au pire les citoyens les plus actifs sont taxés de complotistes, au mieux apparaissent de manière épisodique des alertes, à l’image des révélations d’Edward Snowden, mais dont la fréquence est si rare malgré un impact psychologique certain, que la situation a tendance à s’enraciner dans un <em>statu quo</em> d’où sortent généralement vainqueurs ceux dont la capacité de lobbying est la plus forte.</p>
  <p>À cela s’ajoute une difficulté technique due à l’extrême complexité des systèmes de surveillance à l’œuvre aujourd’hui, avec des algorithmes dont nous maîtrisons de moins en moins les processus de calcul (cf. Z. Tufekci). À ce propos on peut citer Roger Clarke<a href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-bottom-35" title="Roger Clarke, &lt;em&gt;Risks Inherent in the Digital Surveillance Economy&amp;#160;: A Research Agenda&lt;/em&gt;. 2017. &lt;a href=&quot;http://www.rogerclarke.com/EC/DSE.html&quot;&gt;Lien&lt;/a&gt;."><sup>35</sup></a> :</p>
  <blockquote><p>« Dans une large mesure, la transparence a déjà été perdue, en partie du fait de la numérisation, et en partie à cause de l’application non pas des approches procédurales et d’outils de développement des logiciels algorithmiques du XX<sup>e</sup> siècle, mais à cause de logiciels de dernière génération dont la raison d’être est obscure ou à laquelle la notion de raison d’être n’est même pas applicable. »</p></blockquote>
  <p>Une autre option pourrait consister à mettre en œuvre un modèle alternatif qui permette de sortir du marasme économique dans lequel nous sommes visiblement coincés. Sans en faire l’article, le projet <a href="https://contributopia.org/fr/home/">Contributopia</a> de Framasoft cherche à participer, à sa mesure, à un processus collectif de réappropriation d’Internet et, partant :</p>
  <ul><li>montrer que le code est un bien public et que la transparence, grâce aux principes du logiciel libre (l’ouverture du code), permet de proposer aux individus un choix éclairé, à l’encontre de l’obscurantisme de la dataveillance ;</li>
  <li>promouvoir des apprentissages à contre-courant des pratiques de captation des vies privées et vers des usages basés sur le partage (du code, de la connaissance) entre les utilisateurs ;</li>
  <li>rendre les utilisateurs autonomes et en même temps contributeurs à un réseau collectif qui les amènera naturellement, par l’attention croissante portée aux pratiques des monopoles, à refuser ces pratiques, y compris de manière active en utilisant des solutions de chiffrement, par exemple.</li>
  </ul><p>Mais Contributopia de Framasoft ne concerne que quelques aspects des stratégies de sortie du capitalisme de surveillance. Par exemple, pour pouvoir œuvrer dans cet esprit, une politique rigide en faveur de la neutralité du réseau Internet doit être menée. Les entreprises et les institutions publiques doivent être aussi parmi les premières concernées, car il en va de leur autonomie numérique, que cela soit pour de simples questions économiques (ne pas dépendre de la bonne volonté d’un monopole et de la logique des brevets) mais aussi pour des questions de sécurité. Enfin, le passage du risque pour la vie privée au risque de manipulation sociale étant avéré, toutes les structures militantes en faveur de la démocratie et les droits de l’homme doivent urgemment porter leur attention sur le traitement des données personnelles. Le cas de la britannique Amber Rudd est loin d’être isolé : la plupart des gouvernements collaborent aujourd’hui avec les principaux monopoles de l’économie numérique et, donc, contribuent activement à l’émergence d’une société de la surveillance. Aujourd’hui, le droit à la vie privée, au chiffrement des communications, au secret des correspondances sont des droits à protéger coûte que coûte sans avoir à choisir entre la liberté et les épouvantails (ou les sirènes) agités par les communicants.</p>

  <div class="alert alert-warning">
  <p><strong>Pour aller plus loin :</strong></p>
  <ul><li>La série d’articles sur le framablog
  <ul><li><a href="https://framablog.org/?p=6617">Les nouveaux Léviathans Ia</a></li>
  <li><a href="https://framablog.org/?p=6626">Les nouveaux Léviathans Ib</a></li>
  <li><a href="https://framablog.org/?p=6629">Les nouveaux Léviathans IIa</a></li>
  <li><a href="https://framablog.org/?p=6631">Les nouveaux Léviathans IIb</a></li>
  <li><a href="https://framablog.org/?p=9897">Les nouveaux Léviathans III</a></li>
  <li><a href="https://framablog.org/?p=11179">Les nouveaux Léviathans IV</a></li>
  <li><a href="https://framablog.org/?p=6637">Les anciens Léviathans I</a></li>
  <li><a href="https://framablog.org/?p=6661">Les anciens Léviathans II</a></li>
  </ul></li>
  <li><a href="https://framagit.org/Framatophe/articlesenvrac/blob/master/Leviathans/lev.epub">La série d’article au complet</a> (fichier .epub)</li>
  </ul></div>
  <div title="Diaspora*" id="diaspora-button-container"><a href="denied:javascript:(function(){var url = 'https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/' ;var title = 'Les nouveaux Léviathans IV. La surveillance qui vient';   window.open('https://framablog.org/wp-content/plugins/share-on-diaspora/new_window.php?url='+encodeURIComponent(url)+'&amp;title='+encodeURIComponent(title),'post','location=no,links=no,scrollbars=no,toolbar=no,width=620,height=400')})()"><img id="diaspora-button-ownimage-img" src="https://framablog.org/wp-content/uploads/2017/11/diaspora.png" alt="" /></a></div>		<div class="social-sharing ss-social-sharing">&#13;
  				        <a rel="external nofollow" class="ss-button-facebook" href="http://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fframablog.org%2F2018%2F01%2F04%2Fles-nouveaux-leviathans-iv-la-surveillance-qui-vient%2F" target="_blank">Share on Facebook</a><a rel="external nofollow" class="ss-button-twitter" href="http://twitter.com/intent/tweet/?text=Les+nouveaux+L%C3%A9viathans+IV.+La+surveillance+qui+vient&amp;url=https%3A%2F%2Fframablog.org%2F2018%2F01%2F04%2Fles-nouveaux-leviathans-iv-la-surveillance-qui-vient%2F" target="_blank">Share on Twitter</a><a rel="external nofollow" class="ss-button-googleplus" href="https://plus.google.com/share?url=https%3A%2F%2Fframablog.org%2F2018%2F01%2F04%2Fles-nouveaux-leviathans-iv-la-surveillance-qui-vient%2F" target="_blank">Share on Google+</a>	        	    </div>&#13;
  	    <ol class="easy-footnotes-wrapper"><li class="easy-footnote-single">Rachel Botsman, « Big data meets Big Brother as China moves to rate its citizens », <em>Wired</em>, 21/10/2017. <a href="http://www.wired.co.uk/article/chinese-government-social-credit-score-privacy-invasion">Lien</a>. Voir aussi Camille Hamet, « Voici le système avec lequel le gouvernement chinois va noter ses citoyens », <em>Ulyces</em>, 03/11/2017. <a href="https://www.ulyces.co/camille-hamet/voici-le-systeme-avec-lequel-le-gouvernement-chinois-va-noter-ses-citoyens/">Lien</a>.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-1"></a></li><li class="easy-footnote-single">Guillaume Gendron, « Une appli pour noter ton prochain ? Merci Jac &amp; Nic ! », <em>Libération</em>, 01/10/2015. <a href="http://next.liberation.fr/culture/2015/10/01/une-appli-pour-noter-ton-prochain-merci-jac-amp-nic_1395280">Lien</a>.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-2"></a></li><li class="easy-footnote-single">Elle n’a jamais existé dans le capitalisme du XX<sup>e</sup> siècle, et depuis l’invention des relations publiques (qu’on appellera marketing). Il faut lire sur ce point Edward Bernays, <em>Propaganda</em> (1928).<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-3"></a></li><li class="easy-footnote-single">Shoshana Zuboff, « Les secrets du capitalisme de surveillance », <em>Franfurter Allgemeine Zeitung</em>, 05/03/2016. Trad. Framablog. <a href="https://framablog.org/2017/03/28/google-nouvel-avatar-du-capitalisme-celui-de-la-surveillance/">Lien</a>.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-4"></a></li><li class="easy-footnote-single">Wolfie Christl (éd.), <em>Corporate Surveillance in Everyday Life</em>. Viena, Cracked Labs. 2017. <a href="http://crackedlabs.org/en/corporate-surveillance">Lien</a>.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-5"></a></li><li class="easy-footnote-single">Roger Clarke, « Information Technology and Dataveillance  », <em>Association for Computing Machinery Inc.</em> 31(5), 1988, p. 498-512. <a href="http://www.rogerclarke.com/DV/CACM88.html">Lien</a>.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-6"></a></li><li class="easy-footnote-single">Roger Clarke, « Risks Inherent in the Digital Surveillance Economy : A Research Agenda », site personnel, 19/09/2017. <a href="http://www.rogerclarke.com/EC/DSE.html">Lien</a>.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-7"></a></li><li class="easy-footnote-single">Julia Angwin, Surya Mattu et Terry Parris Jr., « Facebook Doesn’t Tell Users Everything It Really Knows About Them », <em>Probublica</em>, 27/12/2016. <a href="https://www.propublica.org/article/facebook-doesnt-tell-users-everything-it-really-knows-about-them">Lien</a>.&lt;<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-8"></a></li><li class="easy-footnote-single">Mark Sullivan, « Facebook patents technology to help lenders discriminate against borrowers based on social connections », <em>Venturebeat</em>, 24/08/2015. <a href="https://venturebeat.com/2015/08/04/facebook-patents-technology-to-help-lenders-discriminate-against-borrowers-based-on-social-connections/">Lien</a>.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-9"></a></li><li class="easy-footnote-single">Voir la fiche Wikipédia « panoptique ». <a href="https://fr.wikipedia.org/wiki/Panoptique">Lien</a>.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-10"></a></li><li class="easy-footnote-single">Charlie Brooker (réal.), <em>Black Mirror</em>, série télévisée. Saison 3, épisode 1 « Chute Libre ». 2011. <a href="https://fr.wikipedia.org/wiki/Épisodes_de_Black_Mirror#Épisode_1_:_Chute_libre">Lien</a>.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-11"></a></li><li class="easy-footnote-single">Daniel Schneidermann, « Les repentis du <em>like</em> », <em>Libération</em>, 17/12/2017. <a href="http://www.liberation.fr/debats/2017/12/17/les-repentis-du-like_1617280">Lien</a>.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-12"></a></li><li class="easy-footnote-single">Les exemples ne manquent pas. La rhétorique habituellement rencontrée alors consiste à rappeler la dystopie sur un mode alarmiste puis à développer un argumentaire qui tend à démontrer les dangers de la surveillance sans pour autant revenir à Orwell dont la pertinence pour une analyse factuelle est limitée. Par exemple, une référence à Orwell ouvre le premier chapitre du livre de James B. Rule, <em>Social control and modern social structure, Private Lives and Public Surveillance</em> (1974). Une réédition peut être consultée sur <a href="https://www.mheducation.co.uk/openup/chapters/9780335220267.pdf">mheducation.co.uk</a>. Nous donnons un autre exemple plus bas dans une citation de Arthur R. Miller.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-13"></a></li><li class="easy-footnote-single">Myron Brenton, <em>The privacy invaders</em>. New York : Coward-McCann (1964).<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-14"></a></li><li class="easy-footnote-single">Vance Packard, <em>The Naked society</em>. New York : David McKay. 1964. Trad.fr., <em>Une société sans défense</em>. Paris : Calmann Levy. 1965.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-15"></a></li><li class="easy-footnote-single">Vance Packard, <em>La persuasion clandestine</em>. Paris : Calmann-Lévy. 1958.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-16"></a></li><li class="easy-footnote-single">Non pas que Packard ait fait une totale impasse sur le traitement informatique des données, mais parce qu’il n’en voit pas le danger systémique.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-17"></a></li><li class="easy-footnote-single">A. Harrison, <em>The problem of privacy in the Computer Age : an annotated bibliography</em>, The Rand Corporation, Santa Monica, California, 1967. <a href="https://stacks.stanford.edu/file/druid:vx455bw8245/vx455bw8245.pdf">Lien</a>.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-18"></a></li><li class="easy-footnote-single">Alan F. Westin, <em>Privacy and freedom</em>, Atheneum, New York, 1967. Alan F. Westin, <em>Civil Liberties and Computerized Data Systems</em>, in <em>Computers, Communications, and the Public Interest</em>, Martin Greenberger, ed., Johns Hopkins Press, Baltimore, Maryland (1971). Alan F. Westin,‎ Michael A. Baker. <em>Databanks in a Free Society : Computers, Record Keeping and Privacy</em>. National Academy of Sciences. New York : The New York Times Book Co. 1972.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-19"></a></li><li class="easy-footnote-single">James B. Rule, <em>Private lives and public surveillance : social control in the computer age</em>. New York : Schocken Books, 1974.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-20"></a></li><li class="easy-footnote-single">Arthur R. Miller, <em>The assault on privacy. Computers, Data Banks and Dossier</em>. The Univ. Michigan Press. 1971.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-21"></a></li><li class="easy-footnote-single">Malcolm Warner et Mike Stone, <em>The Data Bank Society : Organizations, Computers and Social Freedom</em>London, George Allen and Unwin, 1970.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-22"></a></li><li class="easy-footnote-single">Voir Stanton Wheeler (éd.), <em>On Record. Files and Dossiers in American Life</em>. 1970. Russell Sage Foundation, page 5. <a href="https://www.russellsage.org/publications/record">Lien</a>.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-23"></a></li><li class="easy-footnote-single">U.S. Department of health, Education and Welfare. <em>Records, computers and the rights of citizens. Report of the Secretary’s Advisory Committee on Automated Personal Data Systems</em>. 1973. <a href="https://www.justice.gov/opcl/docs/rec-com-rights.pdf">Lien</a>.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-24"></a></li><li class="easy-footnote-single">Daniel J. Solove, « A Brief History of Information Privacy Law », <em>GWU Law School Public Law</em>, Research Paper No. 215. 2006. <a href="https://scholarship.law.gwu.edu/faculty_publications/923/">Lien</a>.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-25"></a></li><li class="easy-footnote-single">Voir la fiche Wikipédia au sujet du « Patriot Act ». <a href="https://fr.wikipedia.org/wiki/USA_PATRIOT_Act">Lien</a>.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-26"></a></li><li class="easy-footnote-single">Thomas Rabino, <em>De la guerre en Amérique</em>. Paris : Perrin. 2013.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-27"></a></li><li class="easy-footnote-single">Brian Fung, « Trump has signed repeal of the FCC privacy rules. Here’s what happens next », <em>The Washington Post</em>, 04/04/2017. <a href="https://www.washingtonpost.com/news/the-switch/wp/2017/04/04/trump-has-signed-repeal-of-the-fcc-privacy-rules-heres-what-happens-next">Lien</a>.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-28"></a></li><li class="easy-footnote-single">Aral Balkan, <em>Amber Rudd entre les lignes</em> (trad. Framalang), 01/08/2017. <a href="https://framablog.org/2017/10/04/aran-balkan/">Lien</a>.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-29"></a></li><li class="easy-footnote-single">Zeynep Tufekci, « We’re building a dystopia just to make people click on ads », <em>TEDGlobal</em>, septembre 2017. <a href="https://www.ted.com/talks/zeynep_tufekci_we_re_building_a_dystopia_just_to_make_people_click_on_ads">Lien</a>.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-30"></a></li><li class="easy-footnote-single">Bernard Marr, « 4 Mind-Blowing Ways Facebook Uses Artificial Intelligence », <em>Forbes</em>, 29/12/2016. <a href="https://www.forbes.com/sites/bernardmarr/2016/12/29/4-amazing-ways-facebook-uses-deep-learning-to-learn-everything-about-you/">Lien</a>.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-31"></a></li><li class="easy-footnote-single">Bianca Bosker, « Facebook et Google nous livrent de l’information <em>malbouffe</em> avertit Eli Pariser », trad. Framablog, 07/03/2011. <a href="https://framablog.org/2011/12/15/facebook-google-malbouffe-information/">Lien</a>.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-32"></a></li><li class="easy-footnote-single">Shoshana Zuboff, « Les secrets du capitalisme de surveillance », <em>Franfurter Allgemeine Zeitung</em>, 05/03/2016. Trad. Framablog. <a href="https://framablog.org/2017/03/28/google-nouvel-avatar-du-capitalisme-celui-de-la-surveillance/">Lien</a>.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-33"></a></li><li class="easy-footnote-single">Voir sur ce point la notice Wikipédia « Cypherpunk » (<a href="https://fr.wikipedia.org/wiki/Cypherpunk">lien</a>). Eric Hughes « Manifeste d’un Cypherpunk ». 1993. <a href="https://activisme.fr/cypherpunk/manifesto.html">Lien</a>. Timothy C. May, « The Crypto Anarchist Manifesto ». 1992. <a href="https://www.activism.net/cypherpunk/crypto-anarchy.html">Lien</a>. Christian As. Kirtchev, « Cyberpunk manifesto ». 1997. <a href="http://www.larevuedesressources.org/un-manifeste-cyberpunk-le-cyberpunk-manifesto,2317.html">Lien</a>.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-34"></a></li><li class="easy-footnote-single">Roger Clarke, <em>Risks Inherent in the Digital Surveillance Economy : A Research Agenda</em>. 2017. <a href="http://www.rogerclarke.com/EC/DSE.html">Lien</a>.<a class="easy-footnote-to-top" href="https://framablog.org/2018/01/04/les-nouveaux-leviathans-iv-la-surveillance-qui-vient/#easy-footnote-35"></a></li></ol><div id="author-bio-box"><h3><img alt="" src="https://secure.gravatar.com/avatar/2595265f403f51efb9d7ed98b59b0937?s=70&amp;d=mm&amp;r=g" class="avatar pull-left media-object avatar-70 photo" height="70" width="70" /></h3></div><a target="_blank" rel="nofollow noopener noreferrer" href="http://christophe.masutti.name" class="bio-icon bio-icon-website">Membre du conseil d’administration de Framasoft
  </a>


title: Cross-Origin Communication with postMessage - Pine
url: https://pineco.de/cross-origin-communication-postmessage/
created_at: 2018-01-05 15:55:24
updated_at: 2018-01-05 15:55:24
mimetype: text/html
language: en-GB
domain_name: pineco.de
preview_picture: https://pineco.de/wp-content/uploads/2017/11/cross-origin-communication-with-postmessage.png
http_status: 200
content:
  <p><strong>With the use of </strong>postMessage()<strong> method, you can communicate between different windows or iframes. It is something you also make with simple AJAX request, but here there aren’t classical cross-origin restriction.</strong></p><p><img class="aligncenter size-full wp-image-2706" src="https://pineco.de/wp-content/uploads/2017/11/cross-origin-communication-with-postmessage.png" alt="" width="1200" height="520" /></p><p>This is a JavaScript solution, so it works on the client side. If you want to send a cross-origin request, you need to set up your PHP headers on the receiver side to enable this type of cross communication. With postMessage(), you don’t need similar protocol, host or port to send a message to other domains code. Using this function, you can quickly get around the mixed origin problem safely because you can send the data to the correct location and then make all your processing on the same origin without any related error.</p><p>The use cases for this methodology is unique. I’ve used it for an advertisement solution where were the embedded iFrame banners had to communicate and send a message to the main window – where the ad script ran. With this trick, I were able to catch the iFrame load end and so on.</p><h2>The postMessage() Method</h2><p><strong>This method has two main parameters:</strong></p><ul><li>message – a string or object which is our data,</li><li>targetOrigin – the URL where we send our message.</li></ul><p>To send a message first, you need to get a window reference or an iframe instance where you will post your data. For this, you can use the window.open() return value or in case of an iFrame the contentWindow property.</p><pre class="code-block">targetWindow.postMessage('... string or object data ...', 'http://adamlaki.com');</pre><h3>Catch the Sent Data</h3><p>On the receiver window the postMessage() trigger a message event where you can get the data like this:</p><pre class="code-block">window.addEventListener('message', function(e) { 
      var message = e.data; 
  });</pre><h2>Security</h2><p>If you don’t want to get any message from another site don’t add any listener for message event; if you expect data always validate the sender with a full URI on the event’s origin property.</p><p>If you are the sender of the message then always give a correct target origin instead of the * character.</p><h2>Sending Data Through an iFrame</h2><p>Let’s check out the previously mentioned example named communicating with an <strong>iFrame</strong> on a different domain.</p><h3>Sender Site Code</h3><p>In the sender code, you have to select the receiver iFrame, and you can post your data. For the target, we set the iFrame domain which is https://pineco.de.</p><pre class="code-block">window.onload = function() {
      // Get the iFrame and the button reference
      var receiver = document.getElementById('receiver').contentWindow,
      btn = document.getElementById('btn');

      function sendMessage(e) {
          // Send the message
          receiver.postMessage('Hi from pineco.de domain!', 'https://pineco.de');
      }

      // Register the event listener
      btn.addEventListener('click', sendMessage);
  }</pre><h3>Receiver Site Code</h3><p>On the receiver side, we just have to catch the detached event and process the given data.</p><pre class="code-block">window.onload = function() {
      // Get the message reference
      var messageElement = document.getElementById('message');

      function receiveMessage(e) {
          // Validate the origin
          if (e.origin !== "https://s.codepen.io")
              return;

          // Append the message data
          messageElement.innerHTML = "Az üzenet megérkezett: " + e.data;
       }

       // Register the event listener
       window.addEventListener('message', receiveMessage);
  }</pre><h3>CodePen Example</h3><p>In this example, you can see the above scripts in work. When you press the <strong>“Send message”</strong> button, you post your data to the iFrame which get it and update the code on the receiver side.</p><p class="codepen">See the Pen <a href="https://codepen.io/adamlaki/pen/5171e4e54d4138f7e30db29083cbd8e7/">Post Message Communication – Pine</a> by Adam Laki (<a href="https://codepen.io/adamlaki">@adamlaki</a>) on <a href="https://codepen.io">CodePen</a>.</p><p></p><h2>Summary</h2><p>As you see the postMessage() can be powerful when you need a cross-origin communication. It is well supported so that you can use it your next project. It is a less popular method, but when you need it, it will do an excellent service.</p><div id="jp-relatedposts" class="jp-relatedposts"><h3 class="jp-relatedposts-headline"><em>Related</em></h3></div>


title: Les rebelles intelligents, ces «millennials» qui fuient la vie de bureau
url: https://www.letemps.ch/societe/2018/01/05/rebelles-intelligents-millennials-fuient-vie-bureau
created_at: 2018-01-08 11:55:37
updated_at: 2018-01-08 11:55:43
mimetype: text/html
language: fr
domain_name: www.letemps.ch
preview_picture: https://assets.letemps.ch/sites/default/files/media/2018/01/08/file6yamx01fv441fcx3v8un.jpg
http_status: 200
content:
  <div><p>«Des rebelles intelligents». C’est ainsi que le blogueur et Web coach Olivier Roland, nomme les «millennials» (en gros, les moins de 35 ans) qui pensent que la vie a autre chose à offrir que «passe ton diplôme et fais du métro-boulot-dodo pendant quarante ans, avant de pouvoir enfin profiter de la vie, quand tes belles années seront derrière».</p><p>Son livre publié il y a un an, <em>Tout le monde n’a pas eu la chance de rater ses études. Comment devenir libre, vivre à fond et réussir en dehors du système</em> (Ed. Alisio), est un succès grâce au bouche-à-oreille. Bien des jeunes qui se morfondent sur les bancs de l’école, ou qui en sont partis précocement, y trouvent un baume apaisant.</p><p><strong>Lire aussi:</strong> <a href="https://www.letemps.ch/economie/2017/11/19/millennials-recherchent-experiences-lauthenticite">«Les «millennials» recherchent des expériences et de l’authenticité»</a></p><p>Olivier Roland, qui a lui-même largué l’école à 18 ans, monté sa boîte d’informatique à 19 ans, et qui, à 36 ans, ne travaille plus que six mois par an pour voyager le reste du temps, y martèle que l’échec est une aubaine puisqu’il incite à créer sa propre «aventure de vie». «Il y a une inadéquation de plus en plus forte entre le contenu enseigné dans les écoles et le marché réel, résume-t-il. Nous sommes dans une telle accélération des progrès technologiques que personne ne peut prédire si son métier existera encore dans dix ans. Et beaucoup de jeunes se posent la question de la pertinence des diplômes, ou du salariat. Il y a tellement d’aventures plus excitantes à vivre.»</p><h3>Devenir autonome et arpenter le vaste monde</h3><p>Lui recommande de devenir autonome par le biais de l’entrepreneuriat, mais souligne que la rébellion intelligente peut revêtir n’importe quel «projet d’aventure», loin de l’<em>open space</em>. Tout plaquer pour aller vivre à l’autre bout du monde en fait partie…</p><div class="article-media"><blockquote><p>Chaque fois que je doute de mes choix, je pense à mon père qui a donné sa vie à une entreprise, avant d’en être viré comme un malpropre… Je préfère rester maître de mon destin</p><div>Basile, 27 ans</div></blockquote></div><p>Il faut dire que de plus en plus de «millennials» issus de tous les milieux n’ont plus pour ambition que d’arpenter le vaste monde et de devenir backpackers (voyageurs en sac à dos) longue durée. C’est le cas de Basile, 27 ans, qui sillonne le globe depuis quatre ans, en compagnie de sa fiancée, Jade. Au gré de leurs pérégrinations, ils ont exercé tous les boulots: dans une entreprise d’import-export de langoustines en Australie, dans une auberge de jeunesse au Pérou, dans une école de français au Cambodge, sur des chantiers en Californie, avant de se passionner pour le woofing (travail dans une ferme biologique) en Nouvelle-Calédonie…</p><p>«La mère de Jade voulait qu’elle poursuive ses études de lettres, mais nous avons tellement souffert à l’école, à devoir rester assis derrière un bureau, que nous avions soif de paysages grandioses, explique Basile. Chaque fois que je doute de mes choix, je pense à mon père qui a donné sa vie à une entreprise, avant d’en être viré comme un malpropre… Je préfère rester maître de mon destin. J’ai besoin de faire quelque chose de mes mains, d'apprendre. Chaque fois, on nous fait confiance. Les gens se disent que si on a survécu sur les routes si longtemps, on est débrouillards.»</p><div class="article-media"><blockquote><p>Je ne sais pas comment je vais organiser ma vie, mais plutôt que de m’enfermer, je préfère me chercher à l’autre bout du monde, en apprenant des autres</p><div>Vanille, 23 ans</div></blockquote></div><p>De son côté, Vanille, 23 ans, a débarqué seule au Canada fin novembre, après avoir postulé pour un visa de deux ans. Elle a vite trouvé un job dans un ski shop à Whistler, station réputée. Il y a deux ans, elle était encore dans une école de design: «C’étaient des études intéressantes, mais trop théoriques, j’étais malheureuse. J’ai tout plaqué. Du coup, mon père m’a coupé les vivres pour que j’apprenne l’autonomie. J’ai commencé à faire des saisons de ski, derrière le bar, avec ce rêve de vivre au Canada. Je ne sais pas comment je vais organiser ma vie, mais plutôt que de m’enfermer, je préfère me chercher à l’autre bout du monde, en apprenant des autres. Mon père est assez conservateur sur la manière de gérer sa vie, mais mon acharnement l’a épaté. Il commence à respecter mes choix.»</p><p><strong>Lire également</strong>: <a href="https://www.letemps.ch/societe/2017/11/10/logement-selon-millenials-un-abri-plus-un-miroir">Le logement selon les Millenials, juste un abri, plus un miroir</a></p><h3>Voyager plutôt qu’acheter une maison</h3><p>Ces vingtenaires issus de la classe moyenne aisée sont loin d’être les seuls à vouloir vivre l’instant présent. Et le cumul de miles… Selon un article du quotidien britannique <em>The Independent</em> publié en décembre, les «millennials» préfèrent désormais les trajets en long-courriers plutôt que l’investissement immobilier. Le voyagiste Contiki, qui s’adresse aux 18-35 ans, y annonce même une hausse de 10% de sa clientèle sur la seule année 2017. Analyse de Donna Jeavons, directrice du marketing: «L’urgence d’acheter une maison est devenue obsolète, et nous voyons beaucoup de «millennials» qui choisissent d’investir dans des expériences.»</p><p><strong>Lire également:</strong> <a href="https://www.letemps.ch/lifestyle/2017/11/30/millennials-betes-luxe">Les Millennials, ces bêtes de luxe</a> </p><p>Il faut dire aussi que le prix de la pierre est devenu inaccessible pour beaucoup, tandis que la perspective de toucher une retraite décente durant ses vieux jours tient de plus en plus du mirage. Alors le calcul se fait vite: autant aller galérer ailleurs, en se dépaysant. Et flamber sa jeunesse…</p><h3>Se chercher ailleurs</h3><p>D’autant que le Web exhibe désormais mille vies alternatives: «Si l’on rompt avec le modèle parental, c’est qu’on n’y trouve plus aucun sens, poursuit Vanille. Il y a des milliards d’humains sur terre, et autant de paysages grandioses sur Instagram, qui donnent envie de les découvrir. Sur Facebook, on voit également plein d’amis revendiquer leurs longs séjours sabbatiques, et ça donne des fourmis dans les pieds.» La multiplication des sites proposant du <em>couchsurfing</em> (des hébergements gratuits chez l’habitant) et des jobs lointains contre gîte et couvert (tels Workaway, HelpX ou WWOOF) encourage aussi à faire le grand saut.</p><p>Et à force de se chercher ailleurs, on finit parfois par découvrir sa vocation. C’est en apprenant la permaculture en Nouvelle-Calédonie que Basile et Jade ont trouvé leur projet de vie: «acheter un bout de terrain quelque part et créer une ferme». Vanille, elle, chante à ses heures perdues ses compositions dans les bars d’altitude, et un producteur vient de lui proposer d’enregistrer un album à Buenos Aires. Elle ira peut-être… L’avenir étant toujours plus incertain pour tout le monde, ces «rebelles intelligents» ont décidé de faire du présent un grand terrain de jeu.</p></div>


title: How to fix Facebook—before it fixes us
created_at: 2018-01-08 18:11:31
updated_at: 2018-01-08 18:11:31
mimetype: text/html
language: en-US
domain_name: washingtonmonthly.com
http_status: 200
url:
  https://washingtonmonthly.com/magazine/january-february-march-2018/how-to-fix-facebook-before-it-fixes-us/

content:
                    
  <p>In early 2006, I got a call from Chris Kelly, then the chief privacy officer at Facebook, asking if I would be willing to meet with his boss, Mark Zuckerberg. I had been a technology investor for more than two decades, but the meeting was unlike any I had ever had. Mark was only twenty-two. He was facing a difficult decision, Chris said, and wanted advice from an experienced person with no stake in the outcome.</p>
  <p>When we met, I began by letting Mark know the perspective I was coming from. Soon, I predicted, he would get a billion-dollar offer to buy Facebook from either Microsoft or Yahoo, and everyone, from the company’s board to the executive staff to Mark’s parents, would advise him to take it. I told Mark that he should turn down any acquisition offer. He had an opportunity to create a uniquely great company if he remained true to his vision. At two years old, Facebook was still years away from its first dollar of profit. It was still mostly limited to students and lacked most of the features we take for granted today. But I was convinced that Mark had created a game-changing platform that would eventually be bigger than Google was at the time. Facebook wasn’t the first social network, but it was the first to combine true identity with scalable technology. I told Mark the market was much bigger than just young people; the real value would come when busy adults, parents and grandparents, joined the network and used it to keep in touch with people they didn’t get to see often.</p>
  <p>My little speech only took a few minutes. What ensued was the most painful silence of my professional career. It felt like an hour. Finally, Mark revealed why he had asked to meet with me: Yahoo had made that billion-dollar offer, and everyone was telling him to take it.</p>
  <p>It only took a few minutes to help him figure out how to get out of the deal. So began a three-year mentoring relationship. In 2007, Mark offered me a choice between investing or joining the board of Facebook. As a professional investor, I chose the former. We spoke often about a range of issues, culminating in my suggestion that he hire Sheryl Sandberg as chief operating officer, and then my help in recruiting her. (Sheryl had introduced me to Bono in 2000; a few years later, he and I formed Elevation Partners, a private equity firm.) My role as a mentor ended prior to the Facebook IPO, when board members like Marc Andreessen and Peter Thiel took on that role.</p><ins class="adsbygoogle">
  In my thirty-five-year career in technology investing, I have never made a bigger contribution to a company’s success than I made at Facebook. It was my proudest accomplishment. I admired Mark Zuckerberg and Sheryl Sandberg—whom I helped Mark recruit—enormously.
  <p>In my thirty-five-year career in technology investing, I have never made a bigger contribution to a company’s success than I made at Facebook. It was my proudest accomplishment. I admired Mark and Sheryl enormously. Not surprisingly, Facebook became my favorite app. I checked it constantly, and I became an expert in using the platform by marketing my rock band, Moonalice, through a Facebook page. As the administrator of that page, I learned to maximize the organic reach of my posts and use small amounts of advertising dollars to extend and target that reach. It required an ability to adapt, because Facebook kept changing the rules. By successfully adapting to each change, we made our page among the highest-engagement fan pages on the platform.</p>
  My familiarity with building organic engagement put me in a position to notice that something strange was going on in February 2016. The Democratic primary was getting under way in New Hampshire, and I started to notice a flood of viciously misogynistic anti-Clinton memes originating from Facebook groups supporting Bernie Sanders. I knew how to build engagement organically on Facebook. This was not organic. It appeared to be well organized, with an advertising budget. But surely the Sanders campaign wasn’t stupid enough to be pushing the memes themselves. I didn’t know what was going on, but I worried that Facebook was being used in ways that the founders did not intend.
  A month later I noticed an unrelated but equally disturbing news item. A consulting firm was revealed to be scraping data about people interested in the Black Lives Matter protest movement and selling it to police departments. Only after that news came out did Facebook announce that it would cut off the company’s access to the information. That got my attention. Here was a bad actor violating Facebook’s terms of service, doing a lot of harm, and then being slapped on the wrist. Facebook wasn’t paying attention until after the damage was done. I made a note to myself to learn more.
  Meanwhile, the flood of anti-Clinton memes continued all spring. I still didn’t understand what was driving it, except that the memes were viral to a degree that didn’t seem to be organic. And, as it turned out, something equally strange was happening across the Atlantic.
  When citizens of the United Kingdom voted to leave the European Union in June 2016, most observers were stunned. The polls had predicted a victory for the “Remain” campaign. And common sense made it hard to believe that Britons would do something so obviously contrary to their self-interest. But neither common sense nor the polling data fully accounted for a crucial factor: the new power of social platforms to amplify negative messages.
  Facebook, Google, and other social media platforms make their money from advertising. As with all ad-supported businesses, that means advertisers are the true customers, while audience members are the product. Until the past decade, media platforms were locked into a one-size-fits-all broadcast model. Success with advertisers depended on producing content that would appeal to the largest possible audience. Compelling content was essential, because audiences could choose from a variety of distribution mediums, none of which could expect to hold any individual consumer’s attention for more than a few hours. TVs weren’t mobile. Computers were mobile, but awkward. Newspapers and books were mobile and not awkward, but relatively cerebral. Movie theaters were fun, but inconvenient.
  When their business was limited to personal computers, the internet platforms were at a disadvantage. Their proprietary content couldn’t compete with traditional media, and their delivery medium, the PC, was generally only usable at a desk. Their one advantage—a wealth of personal data—was not enough to overcome the disadvantage in content. As a result, web platforms had to underprice their advertising.
  Smartphones changed the advertising game completely. It took only a few years for billions of people to have an all-purpose content delivery system easily accessible sixteen hours or more a day. This turned media into a battle to hold users’ attention as long as possible. And it left Facebook and Google with a prohibitive advantage over traditional media: with their vast reservoirs of real-time data on two billion individuals, they could personalize the content seen by every user. That made it much easier to monopolize user attention on smartphones and made the platforms uniquely attractive to advertisers. Why pay a newspaper in the hopes of catching the attention of a certain portion of its audience, when you can pay Facebook to reach exactly those people and no one else?
  Whenever you log into Facebook, there are millions of posts the platform could show you. The key to its business model is the use of algorithms, driven by individual user data, to show you stuff you’re more likely to react to. Wikipedia defines an algorithm as “a set of rules that precisely defines a sequence of operations.” Algorithms appear value neutral, but the platforms’ algorithms are actually designed with a specific value in mind: maximum share of attention, which optimizes profits. They do this by sucking up and analyzing your data, using it to predict what will cause you to react most strongly, and then giving you more of that.
  Algorithms that maximize attention give an advantage to negative messages. People tend to react more to inputs that land low on the brainstem. Fear and anger produce a lot more engagement and sharing than joy. The result is that the algorithms favor sensational content over substance. Of course, this has always been true for media; hence the old news adage “If it bleeds, it leads.” But for mass media, this was constrained by one-size-fits-all content and by the limitations of delivery platforms. Not so for internet platforms on smartphones. They have created billions of individual channels, each of which can be pushed further into negativity and extremism without the risk of alienating other audience members. To the contrary: the platforms help people self-segregate into like-minded filter bubbles, reducing the risk of exposure to challenging ideas.
  It took Brexit for me to begin to see the danger of this dynamic. I’m no expert on British politics, but it seemed likely that Facebook might have had a big impact on the vote because one side’s message was perfect for the algorithms and the other’s wasn’t. The “Leave” campaign made an absurd promise—there would be savings from leaving the European Union that would fund a big improvement in the National Health System—while also exploiting xenophobia by casting Brexit as the best way to protect English culture and jobs from immigrants. It was too-good-to-be-true nonsense mixed with fearmongering.
  Meanwhile, the Remain campaign was making an appeal to reason. Leave’s crude, emotional message would have been turbocharged by sharing far more than Remain’s. I did not see it at the time, but the users most likely to respond to Leave’s messages were probably less wealthy and therefore cheaper for the advertiser to target: the price of Facebook (and Google) ads is determined by auction, and the cost of targeting more upscale consumers gets bid up higher by actual businesses trying to sell them things. As a consequence, Facebook was a much cheaper and more effective platform for Leave in terms of cost per user reached. And filter bubbles would ensure that people on the Leave side would rarely have their questionable beliefs challenged. Facebook’s model may have had the power to reshape an entire continent.
  But there was one major element to the story that I was still missing.
  Shortly after the Brexit vote, I reached out to journalists to validate my concerns about Facebook. At this point, all I had was a suspicion of two things: bad actors were exploiting an unguarded platform; and Facebook’s algorithms may have had a decisive impact on Brexit by favoring negative messages. My Rolodex was a bit dusty, so I emailed my friends Kara Swisher and Walt Mossberg at Recode, the leading tech industry news blog. Unfortunately, they didn’t reply. I tried again in August, and nothing happened.
  Meanwhile, the press revealed that the Russians were behind the server hack at the Democratic National Committee and that Trump’s campaign manager had ties to Russian oligarchs close to Vladimir Putin. This would turn out to be the missing piece of my story. As the summer went on, I began noticing more and more examples of troubling things happening on Facebook that might have been prevented had the company accepted responsibility for the actions of third parties—such as financial institutions using Facebook tools to discriminate based on race and religion. In late September, Walt Mossberg finally responded to my email and suggested I write an op-ed describing my concerns. I focused entirely on nonpolitical examples of harm, such as discrimination in housing advertisements, suggesting that Facebook had an obligation to ensure that its platform not be abused. Like most people, I assumed that Clinton would win the election, and I didn’t want my concerns to be dismissed as inconsequential if she did.
  My wife recommended that I send what I wrote to Mark Zuckerberg and Sheryl Sandberg before publishing in Recode. Mark and Sheryl were my friends, and my goal was to make them aware of the problems so they could fix them. I certainly wasn’t trying to take down a company in which I still hold equity. I sent them the op-ed on October 30. They each responded the next day. The gist of their messages was the same: We appreciate you reaching out; we think you’re misinterpreting the news; we’re doing great things that you can’t see. Then they connected me to Dan Rose, a longtime Facebook executive with whom I had an excellent relationship. Dan is a great listener and a patient man, but he was unwilling to accept that there might be a systemic issue. Instead, he asserted that Facebook was not a media company, and therefore was not responsible for the actions of third parties.
  In the hope that Facebook would respond to my goodwill with a serious effort to solve the problems, I told Dan that I would not publish the op-ed. Then came the U.S. election. The next day, I lost it. I told Dan there was a flaw in Facebook’s business model. The platform was being exploited by a range of bad actors, including supporters of extremism, yet management claimed the company was not responsible. Facebook’s users, I warned, might not always agree. The brand was at risk of becoming toxic. Over the course of many conversations, I urged Dan to protect the platform and its users.
  The last conversation we had was in early February 2017. By then there was increasing evidence that the Russians had used a variety of methods to interfere in our election. I formed a simple hypothesis: the Russians likely orchestrated some of the manipulation on Facebook that I had observed back in 2016. That’s when I started looking for allies.
  On April 11, I cohosted a technology-oriented show on Bloomberg TV. One of the guests was Tristan Harris, formerly the design ethicist at Google. Tristan had just appeared on <i>60 Minutes</i> to discuss the public health threat from social networks like Facebook. An expert in persuasive technology, he described the techniques that tech platforms use to create addiction and the ways they exploit that addiction to increase profits. He called it “brain hacking.”
  In February 2016, I started to notice a flood of viciously misogynistic anti-Clinton memes originating from Facebook groups supporting Bernie Sanders. I knew how to build engagement organically on Facebook. This was not organic.
  The most important tool used by Facebook and Google to hold user attention is filter bubbles. The use of algorithms to give consumers “what they want” leads to an unending stream of posts that confirm each user’s existing beliefs. On Facebook, it’s your news feed, while on Google it’s your individually customized search results. The result is that everyone sees a different version of the internet tailored to create the illusion that everyone else agrees with them. Continuous reinforcement of existing beliefs tends to entrench those beliefs more deeply, while also making them more extreme and resistant to contrary facts. Facebook takes the concept one step further with its “groups” feature, which encourages like-minded users to congregate around shared interests or beliefs. While this ostensibly provides a benefit to users, the larger benefit goes to advertisers, who can target audiences even more effectively.
  After talking to Tristan, I realized that the problems I had been seeing couldn’t be solved simply by, say, Facebook hiring staff to monitor the content on the site. The problems were inherent in the attention-based, algorithm-driven business model. And what I suspected was Russia’s meddling in 2016 was only a prelude to what we’d see in 2018 and beyond. The level of political discourse, already in the gutter, was going to get even worse.
  I asked Tristan if he needed a wingman. We agreed to work together to try to trigger a national conversation about the role of internet platform monopolies in our society, economy, and politics. We recognized that our effort would likely be quixotic, but the fact that Tristan had been on <i>60 Minutes</i> gave us hope.
  Our journey began with a trip to New York City in May, where we spoke with journalists and had a meeting at the ACLU. Tristan found an ally in Arianna Huffington, who introduced him to people like Bill Maher, who invited Tristan to be on his show. A friend introduced me over email to a congressional staffer who offered to arrange a meeting with his boss, a key member of one of the intelligence committees. We were just starting, but we had already found an audience for Tristan’s message.
  In July, we went to Washington, D.C., where we met with two members of Congress. They were interested in Tristan’s public health argument as it applied to two issues: Russia’s election meddling, and the giant platforms’ growing monopoly power. That was an eye-opener. If election manipulation and monopoly were what Congress cared about, we would help them understand how internet platforms related to those issues. My past experience as a congressional aide, my long career in investing, and my personal role at Facebook gave me credibility in those meetings, complementing Tristan’s domain expertise.
  With respect to the election meddling, we shared a few hypotheses based on our knowledge of how Facebook works. We started with a question: Why was Congress focused exclusively on collusion between Russia and the Trump campaign in 2016? The Russian interference, we reasoned, probably began long before the presidential election campaign itself. We hypothesized that those early efforts likely involved amplifying polarizing issues, such as immigration, white supremacy, gun rights, and secession. (We already knew that the California secession site had been hosted in Russia.) We suggested that Trump had been nominated because he alone among Republicans based his campaign on the kinds of themes the Russians chose for their interference.
  We theorized that the Russians had identified a set of users susceptible to its message, used Facebook’s advertising tools to identify users with similar profiles, and used ads to persuade those people to join groups dedicated to controversial issues. Facebook’s algorithms would have favored Trump’s crude message and the anti-Clinton conspiracy theories that thrilled his supporters, with the likely consequence that Trump and his backers paid less than Clinton for Facebook advertising per person reached. The ads were less important, though, than what came next: once users were in groups, the Russians could have used fake American troll accounts and computerized “bots” to share incendiary messages and organize events. Trolls and bots impersonating Americans would have created the illusion of greater support for radical ideas than actually existed. Real users “like” posts shared by trolls and bots and share them on their own news feeds, so that small investments in advertising and memes posted to Facebook groups would reach tens of millions of people. A similar strategy prevailed on other platforms, including Twitter. Both techniques, bots and trolls, take time and money to develop—but the payoff would have been huge.
  Our final hypothesis was that 2016 was just the beginning. Without immediate and aggressive action from Washington, bad actors of all kinds would be able to use Facebook and other platforms to manipulate the American electorate in future elections.
  These were just hypotheses, but the people we met in Washington heard us out. Thanks to the hard work of journalists and investigators, virtually all of these hypotheses would be confirmed over the ensuing six weeks. Almost every day brought new revelations of how Facebook, Twitter, Google, and other platforms had been manipulated by the Russians.
  We now know, for instance, that the Russians indeed exploited topics like Black Lives Matter and white nativism to promote fear and distrust, and that this had the benefit of laying the groundwork for the most divisive presidential candidate in history, Donald Trump. The Russians appear to have invested heavily in weakening the candidacy of Hillary Clinton during the Democratic primary by promoting emotionally charged content to supporters of Bernie Sanders and Jill Stein, as well as to likely Clinton supporters who might be discouraged from voting. Once the nominations were set, the Russians continued to undermine Clinton with social media targeted at likely Democratic voters. We also have evidence now that Russia used its social media tactics to manipulate the Brexit vote. A team of researchers reported in November, for instance, that more than 150,000 Russian-language Twitter accounts posted pro-Leave messages in the run-up to the referendum.
  The week before our return visit to Washington in mid-September, we woke up to some surprising news. The group that had been helping us in Washington, the Open Markets team at the think tank New America, had been advocating forcefully for anti-monopoly regulation of internet platforms, including Google. It turns out that Eric Schmidt, an executive at Alphabet, Google’s parent company, is a major New America donor. The think tank cut Open Markets loose. The story line basically read, “Anti-monopoly group fired by liberal think tank due to pressure from monopolist.” (New America disputes this interpretation, maintaining that the group was let go because of a lack of collegiality on the part of its leader, Barry Lynn, who writes often for this magazine.) Getting fired was the best possible evidence of the need for their work, and funders immediately put the team back in business as the Open Markets Institute. Tristan and I joined their advisory board.
  Our second trip to Capitol Hill was surreal. This time, we had three jam-packed days of meetings. Everyone we met was already focused on our issues and looking for guidance about how to proceed. We brought with us a new member of the team, Renee DiResta, an expert in how conspiracy theories spread on the internet. Renee described how bad actors plant a rumor on sites like 4chan and Reddit, leverage the disenchanted people on those sites to create buzz, build phony news sites with “press” versions of the rumor, push the story onto Twitter to attract the real media, then blow up the story for the masses on Facebook. It was sophisticated hacker technique, but not expensive. We hypothesized that the Russians were able to manipulate tens of millions of American voters for a sum less than it would take to buy an F-35 fighter jet.
  In Washington, we learned we could help policymakers and their staff members understand the inner workings of Facebook, Google, and Twitter. They needed to get up to speed quickly, and our team was happy to help.
  Tristan and I had begun in April with very low expectations. By the end of September, a conversation on the dangers of internet platform monopolies was in full swing. We were only a small part of what made the conversation happen, but it felt good.
  Facebook and Google are the most powerful companies in the global economy. Part of their appeal to shareholders is that their gigantic advertising businesses operate with almost no human intervention. Algorithms can be beautiful in mathematical terms, but they are only as good as the people who create them. In the case of Facebook and Google, the algorithms have flaws that are increasingly obvious and dangerous.
  Thanks to the U.S. government’s laissez-faire approach to regulation, the internet platforms were able to pursue business strategies that would not have been allowed in prior decades. No one stopped them from using free products to centralize the internet and then replace its core functions. No one stopped them from siphoning off the profits of content creators. No one stopped them from gathering data on every aspect of every user’s internet life. No one stopped them from amassing market share not seen since the days of Standard Oil. No one stopped them from running massive social and psychological experiments on their users. No one demanded that they police their platforms. It has been a sweet deal.
  A week before the 2016 election, I emailed Zuckerberg and Sandberg, suggesting that Facebook had an obligation to ensure that its platform not be exploited by bad actors. They each responded the next day, saying: We appreciate you reaching out, but think you’re misinterpreting the news.
  Facebook and Google are now so large that traditional tools of regulation may no longer be effective. The European Union challenged Google’s shopping price comparison engine on antitrust grounds, citing unfair use of Google’s search and AdWords data. The harm was clear: most of Google’s European competitors in the category suffered crippling losses. The most successful survivor lost 80 percent of its market share in one year. The EU won a record $2.7 billion judgment—which Google is appealing. Google investors shrugged at the judgment, and, as far as I can tell, the company has not altered its behavior. The largest antitrust fine in EU history bounced off Google like a spitball off a battleship.
  It reads like the plot of a sci-fi novel: a technology celebrated for bringing people together is exploited by a hostile power to drive people apart, undermine democracy, and create misery. This is precisely what happened in the United States during the 2016 election. We had constructed a modern Maginot Line—half the world’s defense spending and cyber-hardened financial centers, all built to ward off attacks from abroad—never imagining that an enemy could infect the minds of our citizens through inventions of our own making, at minimal cost. Not only was the attack an overwhelming success, but it was also a persistent one, as the political party that benefited refuses to acknowledge reality. The attacks continue every day, posing an existential threat to our democratic processes and independence.
  We still don’t know the exact degree of collusion between the Russians and the Trump campaign. But the debate over collusion, while important, risks missing what should be an obvious point: Facebook, Google, Twitter, and other platforms were manipulated by the Russians to shift outcomes in Brexit and the U.S. presidential election, and unless major changes are made, they will be manipulated again. Next time, there is no telling who the manipulators will be.
  Awareness of the role of Facebook, Google, and others in Russia’s interference in the 2016 election has increased dramatically in recent months, thanks in large part to congressional hearings on October 31 and November 1. This has led to calls for regulation, starting with the introduction of the Honest Ads Act, sponsored by Senators Mark Warner, Amy Klobuchar, and John McCain, which attempts to extend current regulation of political ads on networks to online platforms. Facebook and Google responded by reiterating their opposition to government regulation, insisting that it would kill innovation and hurt the country’s global competitiveness, and that self-regulation would produce better results.
  But we’ve seen where self-regulation leads, and it isn’t pretty. Unfortunately, there is no regulatory silver bullet. The scope of the problem requires a multi-pronged approach.
  First, we must address the resistance to facts created by filter bubbles. Polls suggest that about a third of Americans believe that Russian interference is fake news, despite unanimous agreement to the contrary by the country’s intelligence agencies. Helping those people accept the truth is a priority. I recommend that Facebook, Google, Twitter, and others be required to contact each person touched by Russian content with a personal message that says, “You, and we, were manipulated by the Russians. This really happened, and here is the evidence.” The message would include every Russian message the user received.
  This idea, which originated with my colleague Tristan Harris, is based on experience with cults. When you want to deprogram a cult member, it is really important that the call to action come from another member of the cult, ideally the leader. The platforms will claim this is too onerous. Facebook has indicated that up to 126 million Americans were touched by the Russian manipulation on its core platform and another twenty million on Instagram, which it owns. Together those numbers exceed the 137 million Americans who voted in 2016. What Facebook has offered is a portal buried within its Help Center where curious users will be able to find out if they were touched by Russian manipulation through a handful of Facebook groups created by a single troll farm. This falls far short of what is necessary to prevent manipulation in 2018 and beyond. There’s no doubt that the platforms have the technological capacity to reach out to every affected person. No matter the cost, platform companies must absorb it as the price for their carelessness in allowing the manipulation.
  Second, the chief executive officers of Facebook, Google, Twitter, and others—not just their lawyers—must testify before congressional committees in open session. As Senator John Kennedy, a Louisiana Republican, demonstrated in the October 31 Senate Judiciary hearing, the general counsel of Facebook in particular did not provide satisfactory answers. This is important not just for the public, but also for another crucial constituency: the employees who keep the tech giants running. While many of the folks who run Silicon Valley are extreme libertarians, the people who work there tend to be idealists. They want to believe what they’re doing is good. Forcing tech CEOs like Mark Zuckerberg to justify the unjustifiable, in public—without the shield of spokespeople or PR spin—would go a long way to puncturing their carefully preserved cults of personality in the eyes of their employees.
  These two remedies would only be a first step, of course. We also need regulatory fixes. Here are a few ideas.
  First, it’s essential to ban digital bots that impersonate humans. They distort the “public square” in a way that was never possible in history, no matter how many anonymous leaflets you printed. At a minimum, the law could require explicit labeling of all bots, the ability for users to block them, and liability on the part of platform vendors for the harm bots cause.
  Second, the platforms should not be allowed to make any acquisitions until they have addressed the damage caused to date, taken steps to prevent harm in the future, and demonstrated that such acquisitions will not result in diminished competition. An underappreciated aspect of the platforms’ growth is their pattern of gobbling up smaller firms—in Facebook’s case, that includes Instagram and WhatsApp; in Google’s, it includes YouTube, Google Maps, AdSense, and many others—and using them to extend their monopoly power.
  This is important, because the internet has lost something very valuable. The early internet was designed to be decentralized. It treated all content and all content owners equally. That equality had value in society, as it kept the playing field level and encouraged new entrants. But decentralization had a cost: no one had an incentive to make internet tools easy to use. Frustrated by those tools, users embraced easy-to-use alternatives from Facebook and Google. This allowed the platforms to centralize the internet, inserting themselves between users and content, effectively imposing a tax on both sides. This is a great business model for Facebook and Google—and convenient in the short term for customers—but we are drowning in evidence that there are costs that society may not be able to afford.
  Third, the platforms must be transparent about who is behind political and issues-based communication. The Honest Ads Act is a good start, but does not go far enough for two reasons: advertising was a relatively small part of the Russian manipulation; and issues-based advertising played a much larger role than candidate-oriented ads. Transparency with respect to those who sponsor political advertising of all kinds is a step toward rebuilding trust in our political institutions.
  Fourth, the platforms must be more transparent about their algorithms. Users deserve to know why they see what they see in their news feeds and search results. If Facebook and Google had to be up-front about the reason you’re seeing conspiracy theories—namely, that it’s good for business—they would be far less likely to stick to that tactic. Allowing third parties to audit the algorithms would go even further toward maintaining transparency. Facebook and Google make millions of editorial choices every hour and must accept responsibility for the consequences of those choices. Consumers should also be able to see what attributes are causing advertisers to target them.
  Facebook, Google, and other social media platforms make their money from advertising. As with all ad-supported businesses, that means advertisers are the true customers, while audience members are the product. 
  Fifth, the platforms should be required to have a more equitable contractual relationship with users. Facebook, Google, and others have asserted unprecedented rights with respect to end-user license agreements (EULAs), the contracts that specify the relationship between platform and user. When you load a new operating system or PC application, you’re confronted with a contract—the EULA—and the requirement that you accept its terms before completing installation. If you don’t want to upgrade, you can continue to use the old version for some time, often years. Not so with internet platforms like Facebook or Google. There, your use of the product comes with implicit acceptance of the latest EULA, which can change at any time. If there are terms you choose not to accept, your only alternative is to abandon use of the product. For Facebook, where users have contributed 100 percent of the content, this non-option is particularly problematic.
  All software platforms should be required to offer a legitimate opt-out, one that enables users to stick with the prior version if they do not like the new EULA. “Forking” platforms between old and new versions would have several benefits: increased consumer choice, greater transparency on the EULA, and more care in the rollout of new functionality, among others. It would limit the risk that platforms would run massive social experiments on millions—or billions—of users without appropriate prior notification. Maintaining more than one version of their services would be expensive for Facebook, Google, and the rest, but in software that has always been one of the costs of success. Why should this generation get a pass?
  Customers understand that their “free” use of platforms like Facebook and Google gives the platforms license to exploit personal data. The problem is that platforms are using that data in ways consumers do not understand, and might not accept if they did.
  Sixth, we need a limit on the commercial exploitation of consumer data by internet platforms. Customers understand that their “free” use of platforms like Facebook and Google gives the platforms license to exploit personal data. The problem is that platforms are using that data in ways consumers do not understand, and might not accept if they did. For example, Google bought a huge trove of credit card data earlier this year. Facebook uses image-recognition software and third-party tags to identify users in contexts without their involvement and where they might prefer to be anonymous. Not only do the platforms use your data on their own sites, but they also lease it to third parties to use all over the internet. And they will use that data forever, unless someone tells them to stop.
  There should be a statute of limitations on the use of consumer data by a platform and its customers. Perhaps that limit should be ninety days, perhaps a year. But at some point, users must have the right to renegotiate the terms of how their data is used.
  Seventh, consumers, not the platforms, should own their own data. In the case of Facebook, this includes posts, friends, and events—in short, the entire social graph. Users created this data, so they should have the right to export it to other social networks. Given inertia and the convenience of Facebook, I wouldn’t expect this reform to trigger a mass flight of users. Instead, the likely outcome would be an explosion of innovation and entrepreneurship. Facebook is so powerful that most new entrants would avoid head-on competition in favor of creating sustainable differentiation. Start-ups and established players would build new products that incorporate people’s existing social graphs, forcing Facebook to compete again. It would be analogous to the regulation of the AT&amp;T monopoly’s long-distance business, which led to lower prices and better service for consumers.
  Eighth, and finally, we should consider that the time has come to revive the country’s traditional approach to monopoly. Since the Reagan era, antitrust law has operated under the principle that monopoly is not a problem so long as it doesn’t result in higher prices for consumers. Under that framework, Facebook and Google have been allowed to dominate several industries—not just search and social media but also email, video, photos, and digital ad sales, among others—increasing their monopolies by buying potential rivals like YouTube and Instagram. While superficially appealing, this approach ignores costs that don’t show up in a price tag. Addiction to Facebook, YouTube, and other platforms has a cost. Election manipulation has a cost. Reduced innovation and shrinkage of the entrepreneurial economy has a cost. All of these costs are evident today. We can quantify them well enough to appreciate that the costs to consumers of concentration on the internet are unacceptably high.
  Increasing awareness of the threat posed by platform monopolies creates an opportunity to reframe the discussion about concentration of market power. Limiting the power of Facebook and Google not only won’t harm America, it will almost certainly unleash levels of creativity and innovation that have not been seen in the technology industry since the early days of, well, Facebook and Google.
  Before you dismiss regulation as impossible in the current economic environment, consider this. Eight months ago, when Tristan Harris and I joined forces, hardly anyone was talking about the issues I described above. Now lots of people are talking, including policymakers. Given all the other issues facing the country, it’s hard to be optimistic that we will solve the problems on the internet, but that’s no excuse for inaction. There’s far too much at stake.</ins>

preview_picture:
  http://kwtri4b8r0ep8ho61118ipob.wpengine.netdna-cdn.com/wp-content/uploads/2018/01/Jan-18-McNamee-Facebook.jpg


title: Lentisotto aux poireaux et tofu soyeux - Recette par Rosenoisettes
url: http://chefsimon.lemonde.fr/gourmets/rosenoisettes/recettes/lentisotto-aux-poireaux-et-tofu-soyeux
created_at: 2018-01-10 11:29:49
updated_at: 2018-01-10 11:29:49
mimetype: text/html
language: fr
domain_name: chefsimon.lemonde.fr
http_status: 200
content:
  <p>
              Publicité
            </p>
          <p>
                  Publicité
                </p>
              <h2>Quelques mots sur la recette</h2>
                    <p class="description">Le lentisotto est comme un risotto mais avec des lentilles.</p>
                    
                    
                    
                    
              <ins class="adsbygoogle">
                    
                    <p>
                      Publicité
                    </p>
                  Voir aussi
                
                          
                      
                        
                              
                          <a href="http://chefsimon.lemonde.fr/videos/l-oeuf-confit/play"><img alt="L'oeuf confit" title="L'oeuf confit" src="http://res.cloudinary.com/hv9ssmzrz/image/fetch/ar_382:252,c_fill/c_scale,w_auto:50/c_limit,w_382/f_auto,q_60/http://s3-eu-west-1.amazonaws.com/images-ca-1-0-1-eu/video_miniatures/original/108/oeuf-confit-sur-legumes-3000x2000.jpg" /></a>
                        
                        
                              vidéo
                          <a href="http://chefsimon.lemonde.fr/videos/l-oeuf-confit/play">L'oeuf confit</a>
                              Une curiosité à la texture étonnante.
                        
                      
                      
                        
                              
                          <a href="http://chefsimon.lemonde.fr/videos/compotee-d-oignons-au-soja/play"><img alt="Compotée d'oignons au soja" title="Compotée d'oignons au soja" src="http://res.cloudinary.com/hv9ssmzrz/image/fetch/ar_382:252,c_fill/c_scale,w_auto:50/c_limit,w_382/f_auto,q_60/http://s3-eu-west-1.amazonaws.com/images-ca-1-0-1-eu/video_miniatures/original/109/compote-oignons-soja-3000x2000.jpg" /></a>
                        
                        
                              vidéo
                          <a href="http://chefsimon.lemonde.fr/videos/compotee-d-oignons-au-soja/play">Compotée d'oignons au soja</a>
                              A servir froid pour accompagner une assiette anglaise
                        
                      
                      
                        
                          <a href="http://chefsimon.lemonde.fr/articles/additifs-arrow-root"><img alt="Arrow root" title="Arrow root" src="http://res.cloudinary.com/hv9ssmzrz/image/fetch/ar_382:252,c_fill/c_scale,w_auto:50/c_limit,w_382/f_auto,q_60/http://images-site-chefsimon-eu.s3-eu-west-1.amazonaws.com/articles/de77ac1b-5620-426f-80a8-c0d6094b595c/Arrowroot_cleaning-wikimedia.jpg" /></a>
                        
                        
                              additifs
                          <a href="http://chefsimon.lemonde.fr/articles/additifs-arrow-root">Arrow root</a>
                              L'arrow-root se présente sous la forme de fécule de couleur blanche
                        
                      
                      
                        
                          <a href="http://chefsimon.lemonde.fr/articles/produits-les-legumes-secs"><img alt="Les légumes secs" title="Les légumes secs" src="http://res.cloudinary.com/hv9ssmzrz/image/fetch/ar_382:252,c_fill/c_scale,w_auto:50/c_limit,w_382/f_auto,q_60/http://images-site-chefsimon-eu.s3-eu-west-1.amazonaws.com/articles/a3624982-8b23-480e-8541-ba6457e0b51c/le%CC%81gumes%20sec%20_flickr_3389462411_317cf01c87_b.jpg" /></a>
                        
                        
                              produits
                          <a href="http://chefsimon.lemonde.fr/articles/produits-les-legumes-secs">Les légumes secs</a>
                              Fèves, haricots, lentilles, pois, soja.  
  Les légumes secs sont des graines de légumineuse...
                        
                      
                          
                          
                      
                        
                          <a href="http://chefsimon.lemonde.fr/selections/changement-de-regime"><img alt="Changement de régime !" title="Changement de régime !" src="http://res.cloudinary.com/hv9ssmzrz/image/fetch/ar_382:252,c_fill/c_scale,w_auto:50/c_limit,w_382/f_auto,q_60/http://s3-eu-west-1.amazonaws.com/images-ca-1-0-1-eu/recipe_photos/original/83637/Crackers-Pigut18.JPG" /></a>
                        
                        
                              recettes
                          <a href="http://chefsimon.lemonde.fr/selections/changement-de-regime">Changement de régime !</a>
                              La cuisine végétalienne a ses adeptes.
                        
                      
                      
                        
                          <a href="http://chefsimon.lemonde.fr/selections/des-boissons-chaudes-pour-se-reconforter"><img alt="Des boissons chaudes pour se réconforter" title="Des boissons chaudes pour se réconforter" src="http://res.cloudinary.com/hv9ssmzrz/image/fetch/ar_382:252,c_fill/c_scale,w_auto:50/c_limit,w_382/f_auto,q_60/http://s3-eu-west-1.amazonaws.com/images-ca-1-0-1-eu/recipe_photos/original/73491/chocolat_chaud_Fotolia_36481239_S.jpg" /></a>
                        
                        
                              recettes
                          <a href="http://chefsimon.lemonde.fr/selections/des-boissons-chaudes-pour-se-reconforter">Des boissons chaudes pour se réconforter</a>
                              Pour affronter les premiers frimas.
                        
                      
                      
                        
                          <a href="http://chefsimon.lemonde.fr/dossiers/recettes-de-poires"><img alt="Des recettes de poires qui donnent la pêche" title="Des recettes de poires qui donnent la pêche" src="http://res.cloudinary.com/hv9ssmzrz/image/fetch/ar_382:252,c_fill/c_scale,w_auto:50/c_limit,w_382/f_auto,q_60/http://s3-eu-west-1.amazonaws.com/images-ca-1-0-1-eu/dossier_photos/original/35/Poires-Fotolia_2605199_S.jpg" /></a>
                        
                        
                              recettes
                          <a href="http://chefsimon.lemonde.fr/dossiers/recettes-de-poires">Des recettes de poires qui donnent la pêche</a>
                              Un fruit fragile et délicieusement parfumé.
                        
                      
                      
                        
                          <a href="http://chefsimon.lemonde.fr/dossiers/recettes-de-pot-au-feu"><img alt="Pot-au-feu d'hier et d'aujourd'hui" title="Pot-au-feu d'hier et d'aujourd'hui" src="http://res.cloudinary.com/hv9ssmzrz/image/fetch/ar_382:252,c_fill/c_scale,w_auto:50/c_limit,w_382/f_auto,q_60/http://s3-eu-west-1.amazonaws.com/images-ca-1-0-1-eu/dossier_photos/original/139/pot-au-feu-canard.jpg" /></a>
                        
                        
                              recettes
                          <a href="http://chefsimon.lemonde.fr/dossiers/recettes-de-pot-au-feu">Pot-au-feu d'hier et d'aujourd'hui</a>
                              Le plat convivial et hivernal par excellence
                        
                      
                          
                          
                      
                        
                          <a href="http://chefsimon.lemonde.fr/recettes/vitrail-de-poireaux"><img alt="Vitrail de poireaux" title="Vitrail de poireaux" src="http://res.cloudinary.com/hv9ssmzrz/image/fetch/ar_382:252,c_fill/c_scale,w_auto:50/c_limit,w_382/f_auto,q_60/http://s3-eu-west-1.amazonaws.com/images-ca-1-0-1-eu/recipe_photos/original/776/poireau-decor-95.jpg" /></a>
                        
                        
                              technique
                          <a href="http://chefsimon.lemonde.fr/recettes/vitrail-de-poireaux">Vitrail de poireaux</a>
                              Un vitrail végétal
                        
                      
                      
                        
                          <a href="http://chefsimon.lemonde.fr/recettes/gingerbread-naked-cake-au-caramel"><img alt="Gingerbread naked cake au caramel" title="Gingerbread naked cake au caramel" src="http://res.cloudinary.com/hv9ssmzrz/image/fetch/ar_382:252,c_fill/c_scale,w_auto:50/c_limit,w_382/f_auto,q_60/http://s3-eu-west-1.amazonaws.com/images-ca-1-0-1-eu/recipe_photos/original/156331/Vegan-Caramel-Gingerbread-Naked-Cake_7836c.jpg" /></a>
                        
                        
                              recette
                          <a href="http://chefsimon.lemonde.fr/recettes/gingerbread-naked-cake-au-caramel">Gingerbread naked cake au caramel</a>
                              Retrouvez toute la saveur de Noël dans ce gâteau vegan épicé façon...
                        
                      
                      
                        
                          <a href="http://chefsimon.lemonde.fr/recettes/le-mac-and-cheese"><img alt="Le mac and cheese" title="Le mac and cheese" src="http://res.cloudinary.com/hv9ssmzrz/image/fetch/ar_382:252,c_fill/c_scale,w_auto:50/c_limit,w_382/f_auto,q_60/http://s3-eu-west-1.amazonaws.com/images-ca-1-0-1-eu/recipe_photos/original/140062/DSC_0049-870x522.jpg" /></a>
                        
                        
                              recette
                          <a href="http://chefsimon.lemonde.fr/recettes/le-mac-and-cheese">Le mac and cheese</a>
                              Une recette de pâtes simple, sans gluten, sans lactose et vegan ! 
                        
                      
                      
                        
                          <a href="http://chefsimon.lemonde.fr/recettes/bis-cru-chococo"><img alt="Bis'cru chococo" title="Bis'cru chococo" src="http://res.cloudinary.com/hv9ssmzrz/image/fetch/ar_382:252,c_fill/c_scale,w_auto:50/c_limit,w_382/f_auto,q_60/http://s3-eu-west-1.amazonaws.com/images-ca-1-0-1-eu/recipe_photos/original/120718/DSC_8630_Biscru_chococo.jpg" /></a>
                        
                        
                              recette
                          <a href="http://chefsimon.lemonde.fr/recettes/bis-cru-chococo">Bis'cru chococo</a>
                              Un biscuit cru au cacao et noix de coco, qui l’eut cru ? Le tout...
                        
                      
                          
                
              
                  Publicité
                
              
                Zapping
                  <em>Vu à la télé !</em>
                  
                Commentaires
              <label for="comment">Donnez votre avis sur cette recette de Lentisotto aux poireaux et tofu soyeux !</label>
        <small class="text-muted">Vous devez faire partie du Club Chef Simon pour pouvoir commenter :
              <a href="http://chefsimon.lemonde.fr/users/sign_up">Inscription gratuite en quelques instants</a>.
            </small>
      
            
              En ce moment
                </ins>

preview_picture:
  http://res.cloudinary.com/hv9ssmzrz/image/fetch/c_fill,f_auto,h_630,q_60,w_1200/http://s3-eu-west-1.amazonaws.com/images-ca-1-0-1-eu/recipe_photos/original/71424/IMGP8504.JPG


