mirror of
https://github.com/almet/notmyidea.git
synced 2025-04-28 19:42:37 +02:00
Update documentation
This commit is contained in:
Travis CI User
commit
c7913636fd
215 changed files with 57428 additions and 0 deletions
0
.nojekyll
Normal file
0
.nojekyll
Normal file
192
2012-first-months.html
Normal file
192
2012-first-months.html
Normal file
|
|
@ -0,0 +1,192 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>2012, first months - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">2012, first months</h1>
|
||||||
|
<span class="post-date">21 janvier 2012</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>A lot of changes in these last months. First of all, I've started to
|
||||||
|
work for <a class="reference external" href="http://mozilla.org">Mozilla</a>, on the Services team, where I am working on
|
||||||
|
web services and scalability. Basically, what we are trying to do at services
|
||||||
|
is to provide a way for developers to make web services able to scale out of
|
||||||
|
the box.</p>
|
||||||
|
<p>Our most visible and known project, so far, is Firefox Sync, which allows to synchronize
|
||||||
|
browsing data (tabs, passwords, history, etc.) among different instances of
|
||||||
|
Firefox. We are also building other things, such as a way to get metrics
|
||||||
|
easily, a web service based queue, etc. Our primary consumers are
|
||||||
|
people inside Mozilla, and we want to help them having a simple way to create,
|
||||||
|
deploy and scale their apps. The project is named "sagrada", and you
|
||||||
|
can find some more information about it on <a class="reference external" href="https://wiki.mozilla.org/Services/Sagrada">our public wiki</a></p>
|
||||||
|
<p>All of what we do, we do it in the open. So you can have a look at <a class="reference external" href="http://github.com/mozilla-services">the
|
||||||
|
different pieces of code we wrote</a>
|
||||||
|
and use them / contribute if you want to.</p>
|
||||||
|
<p>I will not dig in to all the details of what I have been doing, but so far, this have been
|
||||||
|
a pretty amazing experience. Part of this is explainable by the fact that the
|
||||||
|
team is made of amazing folks, all with a strong experience in different
|
||||||
|
topics, so I'm learning things™.</p>
|
||||||
|
<p>I am currently practicing a bit my C++ to do crypto related things (I may or
|
||||||
|
may not talk about this later on this web-logs) and it's great (well, it
|
||||||
|
remembers me why I love python for so many things, but it makes me think closer
|
||||||
|
to the metal ;)). I love this job.</p>
|
||||||
|
<p>Second, I moved to Paris. Yes, Paris. Some of you who know me a bit may find
|
||||||
|
it unexpected, and that's the case. I'm usually not a big fan of big cities and
|
||||||
|
am a fairly strong defender of having and creating activities in the country side,
|
||||||
|
to face the rural exodus problem, into other thingS.</p>
|
||||||
|
<p>I didn't changed my opinion about that. However, I don't want to <em>start</em> by
|
||||||
|
working remote, especially when working with a remote team. Having offices kind
|
||||||
|
of help me to have a differentiation between my working place and home, which I
|
||||||
|
find to be important.</p>
|
||||||
|
<p>And, to be honest, I don't like Paris for unknown reasons: I
|
||||||
|
haven't been there, so it's a big over-generalisation to say that it's not
|
||||||
|
good for me. The reality is that I have no idea of what Paris is, and if I'll
|
||||||
|
like it or not.</p>
|
||||||
|
<p>I found a really nice house (yeah, a house!) in Paris and am sharing it with 3
|
||||||
|
other persons. We have room, all like good food and…
|
||||||
|
they are not geeks, which is a big win for me: work is work and home is home.</p>
|
||||||
|
<p>So far, Paris had been really nice. A lot of things are going on in here, and I
|
||||||
|
kind of like the way it is possible to find alternative related things in here.
|
||||||
|
I found a <a class="reference external" href="http://en.wikipedia.org/wiki/Community-supported_agriculture">CSA</a>,
|
||||||
|
some people interested by agriculture related problems and I like where things
|
||||||
|
seems to be going.</p>
|
||||||
|
<p>So, new job, new house, new city, things are going forward and that's great.</p>
|
||||||
|
<p>Oh, and I will try to post some more technical articles soon,
|
||||||
|
I'm missing them :)</p>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
1
CNAME
Normal file
1
CNAME
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
blog.notmyidea.org
|
||||||
177
a-distutils2-gsoc.html
Normal file
177
a-distutils2-gsoc.html
Normal file
|
|
@ -0,0 +1,177 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>A Distutils2 GSoC - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">A Distutils2 GSoC</h1>
|
||||||
|
<span class="post-date">01 mai 2010</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>WOW. I've been accepted to be a part of the
|
||||||
|
<a class="reference external" href="http://code.google.com/intl/fr/soc/">Google Summer Of Code</a>
|
||||||
|
program, and will work on <a class="reference external" href="http://python.org/">python</a>
|
||||||
|
<a class="reference external" href="http://hg.python.org/distutils2/">distutils2</a>, with
|
||||||
|
<a class="reference external" href="http://pygsoc.wordpress.com/">a</a>
|
||||||
|
<a class="reference external" href="http://konryd.blogspot.com/">lot</a> <a class="reference external" href="http://ziade.org/">of</a>
|
||||||
|
(intersting!) <a class="reference external" href="http://zubin71.wordpress.com/">people</a>.</p>
|
||||||
|
<blockquote>
|
||||||
|
So, it's about building the successor of Distutils2, ie. "the
|
||||||
|
python package manager". Today, there is too many ways to package a
|
||||||
|
python application (pip, setuptools, distribute, distutils, etc.)
|
||||||
|
so there is a huge effort to make in order to make all this
|
||||||
|
packaging stuff interoperable, as pointed out by
|
||||||
|
the <a class="reference external" href="http://www.python.org/dev/peps/pep-0376/">PEP 376</a>.</blockquote>
|
||||||
|
<p>In more details, I'm going to work on the Installer / Uninstaller
|
||||||
|
features of Distutils2, and on a PyPI XML-RPC client for distutils2.
|
||||||
|
Here are the already defined tasks:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Implement Distutils2 APIs described in PEP 376.</li>
|
||||||
|
<li>Add the uninstall command.</li>
|
||||||
|
<li>think about a basic installer / uninstaller script. (with deps)
|
||||||
|
-- similar to pip/easy_install</li>
|
||||||
|
<li>in a pypi subpackage;</li>
|
||||||
|
<li>Integrate a module similar to setuptools' package_index'</li>
|
||||||
|
<li>PyPI XML-RPC client for distutils 2:
|
||||||
|
<a class="reference external" href="http://bugs.python.org/issue8190">http://bugs.python.org/issue8190</a></li>
|
||||||
|
</ul>
|
||||||
|
<p>As I'm relatively new to python, I'll need some extra work in order
|
||||||
|
to apply all good practice, among other things that can make a
|
||||||
|
developper-life joyful. I'll post here, each week, my advancement,
|
||||||
|
and my tought about python and especialy python packaging world.</p>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
170
afpy-computer-camp-october-20-21.html
Normal file
170
afpy-computer-camp-october-20-21.html
Normal file
|
|
@ -0,0 +1,170 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Cheese & Code party: October 20-21 - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Cheese & Code party: October 20-21</h1>
|
||||||
|
<span class="post-date">20 septembre 2012</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>At PyconFR, this week-end, a few ideas were thrown in the air and one of them
|
||||||
|
was to have a /dev/fort doing some python-related coding.</p>
|
||||||
|
<p>The concept of a /dev/fort is to put a bunch of hackers together and see what
|
||||||
|
comes out from it. Tarek is doing something related with the Afpy Computer
|
||||||
|
Camps at his house each year, I've been there twice and it really was a nice
|
||||||
|
experience.</p>
|
||||||
|
<p>At Djangocong 2012, in Montpellier (south of France), <a class="reference external" href="http://blog.mathieu-leplatre.info/">Mathieu Leplatre</a> and myself started to work on a model
|
||||||
|
validation and storage service, named <a class="reference external" href="https://github.com/spiral-project/daybed/">Daybed</a>.</p>
|
||||||
|
<p>I've talked about this project to some persons this week-end (I've even done <a class="reference external" href="http://alexis.notmyidea.org/lightning-daybed.html">a
|
||||||
|
lightning talk</a> about it)
|
||||||
|
and it gathered some interest from people in the python community, so we
|
||||||
|
thought about sprinting on this.</p>
|
||||||
|
<div class="section" id="and-21-october-a-computer-camp">
|
||||||
|
<h2>20 and 21 October - A Computer Camp !</h2>
|
||||||
|
<p>Add to this a few beers, and the sprint turns magically into a camp. We'll be
|
||||||
|
sprinting at the end of October (the 20 and 21) near Angers, on daybed.</p>
|
||||||
|
<p>We plan to have great food and wine, so if you feel like it and if you want to
|
||||||
|
come and work on some python-related things, you're invited!</p>
|
||||||
|
<p>Although, I can host a limited number of persons, so you'll need to contact me
|
||||||
|
before :), that's <cite>alexis at notmyidea dot org</cite>.</p>
|
||||||
|
<p>I've setup a wiki page to organize a bit everything (knowing how many people will
|
||||||
|
come by will allow me to handle things better), please put information there:</p>
|
||||||
|
<p><a class="reference external" href="http://wiki.python.org/moin/ComputerCampAlexis">http://wiki.python.org/moin/ComputerCampAlexis</a></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
179
amap-media-paniers-bio-a-5e-fr.html
Normal file
179
amap-media-paniers-bio-a-5e-fr.html
Normal file
|
|
@ -0,0 +1,179 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>AMAP + Média = Paniers bio à 5e ?! - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">AMAP + Média = Paniers bio à 5e ?!</h1>
|
||||||
|
<span class="post-date">11 novembre 2009</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>Le raccourci me semble un peu rapide. Et pourtant, il est emprunté
|
||||||
|
bien trop souvent. La dernière <em>mes-utilisation</em> que j'ai à décrier
|
||||||
|
est celle d'un reportage télé, passé sur France 2 vendredi 23
|
||||||
|
Octobre
|
||||||
|
(<a class="reference external" href="http://docs.notmyidea.org/amap/amap-fr2.avi">voir la vidéo</a>),
|
||||||
|
ou on parles de
|
||||||
|
<a class="reference external" href="http://amap.zest.free.fr">l'AMAP étudiante Zest</a>.</p>
|
||||||
|
<p>Malgré tout le temps passé à expliquer que justement, l'AMAP c'est
|
||||||
|
avant tout, pour nous, une notion de solidarité envers les
|
||||||
|
agriculteurs, malgré le fait que le message soit plus profond que
|
||||||
|
simplement aller acheter du bio (ça, c'est possible aussi en
|
||||||
|
supermarché), malgré le fait qu'il s'agisse en fait d'une remise en
|
||||||
|
cause plus profonde de la société, les journalistes n'ont choisi de
|
||||||
|
prendre que les quelques secondes qui leurs convenaient, celles qui
|
||||||
|
ne faisaient pas tache, celle ou je dis que "l'AMAP permet aux
|
||||||
|
étudiants de réapprendre à cuisiner, plutôt que de manger des
|
||||||
|
nouilles et de se faire des plats réchauffés". Bien sur, je l'ai
|
||||||
|
dit et je le pense d'ailleurs, là n'est pas le problème, mais mon
|
||||||
|
message n'était pas celui là.</p>
|
||||||
|
<p>Jamais, dans les quelques minutes du reportage, on ne dit ce que
|
||||||
|
AMAP signifie: Association de <strong>Maintien</strong> d'une Agriculture
|
||||||
|
<strong>Paysanne</strong>. On ne parles même pas des agriculteurs ! C'est
|
||||||
|
simplement plus facile pour les étudiants de venir récupérer leurs
|
||||||
|
paniers, puisque les points de distribution sont sur les facs, et
|
||||||
|
en plus ça ne coute que 5 euros ! ...</p>
|
||||||
|
<p>Alors je crois bon de rappeler que L'AMAP n'est pas seulement un
|
||||||
|
service, c'est un engagement. Sur 5 mois, un engagement solidaire,
|
||||||
|
c'est la donnée principale de l'équation, celle sans quoi ça ne
|
||||||
|
peut fonctionner. Par le biais de cette AMAP, on essaye de montrer
|
||||||
|
que d'autres agricultures sont possibles, que la solidarité c'est
|
||||||
|
bien réel, et qu'il est possible de sortir du
|
||||||
|
<em>tout, tout de suite</em>.</p>
|
||||||
|
<p>Mais bon, apparemment, ça passe pas bien à la télé.</p>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
289
an-amazing-summer-of-code-working-on-distutils2.html
Normal file
289
an-amazing-summer-of-code-working-on-distutils2.html
Normal file
|
|
@ -0,0 +1,289 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>An amazing summer of code working on distutils2 - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">An amazing summer of code working on distutils2</h1>
|
||||||
|
<span class="post-date">16 août 2010</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>The <a class="reference external" href="http://code.google.com/soc/">Google Summer of Code</a> I've
|
||||||
|
spent working on <a class="reference external" href="http://hg.python.org/distutils2/">distutils2</a>
|
||||||
|
is over. It was a really amazing experience, for many reasons.</p>
|
||||||
|
<p>First of all, we had a very good team, we were 5 students working
|
||||||
|
on distutils2: <a class="reference external" href="http://zubin71.wordpress.com">Zubin</a>,
|
||||||
|
<a class="reference external" href="http://wokslog.wordpress.com/">Éric</a>,
|
||||||
|
<a class="reference external" href="http://gsoc.djolonga.com/">Josip</a>,
|
||||||
|
<a class="reference external" href="http://konryd.blogspot.com/">Konrad</a> and me. In addition,
|
||||||
|
<a class="reference external" href="http://mouadino.blogspot.com/">Mouad</a> have worked on the PyPI
|
||||||
|
testing infrastructure. You could find what each person have done
|
||||||
|
on
|
||||||
|
<a class="reference external" href="http://bitbucket.org/tarek/distutils2/wiki/GSoC_2010_teams">the wiki page of distutils2</a>.</p>
|
||||||
|
<p>We were in contact with each others really often, helping us when
|
||||||
|
possible (in #distutils), and were continuously aware of the state
|
||||||
|
of the work of each participant. This, in my opinion, have bring us
|
||||||
|
in a good shape.</p>
|
||||||
|
<p>Then, I've learned a lot. Python packaging was completely new to me
|
||||||
|
at the time of the GSoC start, and I was pretty unfamiliar with
|
||||||
|
python good practices too, as I've been introducing myself to
|
||||||
|
python in the late 2009.</p>
|
||||||
|
<p>I've recently looked at some python code I wrote just three months
|
||||||
|
ago, and I was amazed to think about many improvements to made on
|
||||||
|
it. I guess this is a good indicator of the path I've traveled
|
||||||
|
since I wrote it.</p>
|
||||||
|
<p>This summer was awesome because I've learned about python good
|
||||||
|
practices, now having some strong
|
||||||
|
<a class="reference external" href="http://mercurial.selenic.com/">mercurial</a> knowledge, and I've
|
||||||
|
seen a little how the python community works.</p>
|
||||||
|
<p>Then, I would like to say a big thanks to all the mentors that have
|
||||||
|
hanged around while needed, on IRC or via mail, and especially my
|
||||||
|
mentor for this summer, <a class="reference external" href="http://tarek.ziade.org">Tarek Ziadé</a>.</p>
|
||||||
|
<p>Thanks a lot for your motivation, your leadership and your
|
||||||
|
cheerfulness, even with a new-born and a new work!</p>
|
||||||
|
<div class="section" id="why">
|
||||||
|
<h2>Why ?</h2>
|
||||||
|
<p>I wanted to work on python packaging because, as the time pass, we
|
||||||
|
were having a sort of complex tools in this field. Each one wanted
|
||||||
|
to add features to distutils, but not in a standard way.</p>
|
||||||
|
<p>Now, we have PEPs that describes some format we agreed on (see PEP
|
||||||
|
345), and we wanted to have a tool on which users can base their
|
||||||
|
code on, that's <a class="reference external" href="http://hg.python.org/distutils2/">distutils2</a>.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="my-job">
|
||||||
|
<h2>My job</h2>
|
||||||
|
<p>I had to provide a way to crawl the PyPI indexes in a simple way,
|
||||||
|
and do some installation / uninstallation scripts.</p>
|
||||||
|
<p>All the work done is available in
|
||||||
|
<a class="reference external" href="http://bitbucket.org/ametaireau/distutils2/">my bitbucket repository</a>.</p>
|
||||||
|
<div class="section" id="crawling-the-pypi-indexes">
|
||||||
|
<h3>Crawling the PyPI indexes</h3>
|
||||||
|
<p>There are two ways of requesting informations from the indexes:
|
||||||
|
using the "simple" index, that is a kind of REST index, and using
|
||||||
|
XML-RPC.</p>
|
||||||
|
<p>I've done the two implementations, and a high level API to query
|
||||||
|
those twos. Basically, this supports the mirroring infrastructure
|
||||||
|
defined in PEP 381. So far, the work I've done is gonna be used in
|
||||||
|
pip (they've basically copy/paste the code, but this will change as
|
||||||
|
soon as we get something completely stable for distutils2), and
|
||||||
|
that's a good news, as it was the main reason for what I've done
|
||||||
|
that.</p>
|
||||||
|
<p>I've tried to have an unified API for the clients, to switch from
|
||||||
|
one to another implementation easily. I'm already thinking of
|
||||||
|
adding others crawlers to this stuff, and it was made to be
|
||||||
|
extensible.</p>
|
||||||
|
<p>If you want to get more informations about the crawlers/PyPI
|
||||||
|
clients, please refer to the distutils2 documentation, especially
|
||||||
|
<a class="reference external" href="http://distutils2.notmyidea.org/library/distutils2.index.html">the pages about indexes</a>.</p>
|
||||||
|
<p>You can find the changes I made about this in the
|
||||||
|
<a class="reference external" href="http://hg.python.org/distutils2/">distutils2</a> source code .</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="installation-uninstallation-scripts">
|
||||||
|
<h3>Installation / Uninstallation scripts</h3>
|
||||||
|
<p>Next step was to think about an installation script, and an
|
||||||
|
uninstaller. I've not done the uninstaller part, and it's a smart
|
||||||
|
part, as it's basically removing some files from the system, so
|
||||||
|
I'll probably do it in a near future.</p>
|
||||||
|
<p><a class="reference external" href="http://hg.python.org/distutils2/">distutils2</a> provides a way to
|
||||||
|
install distributions, and to handle dependencies between releases.
|
||||||
|
For now, this support is only about the last version of the
|
||||||
|
METADATA (1.2) (See, the PEP 345), but I'm working on a
|
||||||
|
compatibility layer for the old metadata, and for the informations
|
||||||
|
provided via PIP requires.txt, for instance.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="extra-work">
|
||||||
|
<h3>Extra work</h3>
|
||||||
|
<p>Also, I've done some extra work. this includes:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>working on the PEP 345, and having some discussion about it
|
||||||
|
(about the names of some fields).</li>
|
||||||
|
<li>writing a PyPI server mock, useful for tests. you can find more
|
||||||
|
information about it on the
|
||||||
|
<a class="reference external" href="http://distutils.notmyidea.org">documentation</a>.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="futures-plans">
|
||||||
|
<h2>Futures plans</h2>
|
||||||
|
<p>As I said, I've enjoyed working on distutils2, and the people I've
|
||||||
|
met here are really pleasant to work with. So I <em>want</em> to continue
|
||||||
|
contributing on python, and especially on python packaging, because
|
||||||
|
there is still a lot of things to do in this scope, to get
|
||||||
|
something really usable.</p>
|
||||||
|
<p>I'm not plainly satisfied by the work I've done, so I'll probably
|
||||||
|
tweak it a bit: the installer part is not yet completely finished,
|
||||||
|
and I want to add support for a real
|
||||||
|
<a class="reference external" href="http://en.wikipedia.org/wiki/Representational_State_Transfer">REST</a>
|
||||||
|
index in the future.</p>
|
||||||
|
<p>We'll talk again of this in the next months, probably, but we
|
||||||
|
definitely need a real
|
||||||
|
<a class="reference external" href="http://en.wikipedia.org/wiki/Representational_State_Transfer">REST</a>
|
||||||
|
API for <a class="reference external" href="http://pypi.python.org">PyPI</a>, as the "simple" index
|
||||||
|
<em>is</em> an ugly hack, in my opinion. I'll work on a serious
|
||||||
|
proposition about this, maybe involving
|
||||||
|
<a class="reference external" href="http://couchdb.org">CouchDB</a>, as it seems to be a good option
|
||||||
|
for what we want here.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="issues">
|
||||||
|
<h2>Issues</h2>
|
||||||
|
<p>I've encountered some issues during this summer. The main one is
|
||||||
|
that's hard to work remotely, especially being in the same room
|
||||||
|
that we live, with others. I like to just think about a project
|
||||||
|
with other people, a paper and a pencil, no computers. This have
|
||||||
|
been not so possible at the start of the project, as I needed to
|
||||||
|
read a lot of code to understand the codebase, and then to
|
||||||
|
read/write emails.</p>
|
||||||
|
<p>I've finally managed to work in an office, so good point for
|
||||||
|
home/office separation.</p>
|
||||||
|
<p>I'd not planned there will be so a high number of emails to read,
|
||||||
|
in order to follow what's up in the python world, and be a part of
|
||||||
|
the community seems to takes some times to read/write emails,
|
||||||
|
especially for those (like me) that arent so confortable with
|
||||||
|
english (but this had brought me some english fu !).</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="thanks">
|
||||||
|
<h2>Thanks !</h2>
|
||||||
|
<p>A big thanks to <a class="reference external" href="http://www.graine-libre.fr/">Graine Libre</a> and
|
||||||
|
<a class="reference external" href="http://www.makina-corpus.com/">Makina Corpus</a>, which has offered
|
||||||
|
me to come into their offices from time to time, to share they
|
||||||
|
cheerfulness ! Many thanks too to the Google Summer of Code program
|
||||||
|
for setting up such an initiative. If you're a student, if you're
|
||||||
|
interested about FOSS, dont hesitate any second, it's a really good
|
||||||
|
opportunity to work on interesting projects!</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,327 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Analyse users' browsing context to build up a web recommender - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<meta name="tags" contents="recommendations" />
|
||||||
|
<meta name="tags" contents="browsers" />
|
||||||
|
<meta name="tags" contents="users" />
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Analyse users' browsing context to build up a web recommender</h1>
|
||||||
|
<span class="post-date">01 avril 2011</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>No, this is not an april's fool ;)</p>
|
||||||
|
<p>Wow, it's been a long time. My year in Oxford is going really well. I realized
|
||||||
|
few days ago that the end of the year is approaching really quickly.
|
||||||
|
Exams are coming in one month or such and then I'll be working full time on my dissertation topic.</p>
|
||||||
|
<p>When I learned we'll have about 6 month to work on something, I first thought
|
||||||
|
about doing a packaging related stuff, but finally decided to start something
|
||||||
|
new. After all, that's the good time to learn.</p>
|
||||||
|
<p>Since a long time, I'm being impressed by the <a class="reference external" href="http://last.fm">last.fm</a>
|
||||||
|
recommender system. They're <em>scrobbling</em> the music I listen to since something
|
||||||
|
like 5 years now and the recommendations they're doing are really nice and
|
||||||
|
accurate (I discovered <strong>a lot</strong> of great artists listening to the
|
||||||
|
"neighbour radio".) (by the way, <a class="reference external" href="http://lastfm.com/user/akounet/">here is</a>
|
||||||
|
my lastfm account)</p>
|
||||||
|
<p>So I decided to work on recommender systems, to better understand what is it
|
||||||
|
about.</p>
|
||||||
|
<p>Recommender systems are usually used to increase the sales of products
|
||||||
|
(like Amazon.com does) which is not really what I'm looking for (The one who
|
||||||
|
know me a bit know I'm kind of sick about all this consumerism going on).</p>
|
||||||
|
<p>Actually, the most simple thing I thought of was the web: I'm browsing it quite
|
||||||
|
every day and each time new content appears. I've stopped to follow <a class="reference external" href="https://bitbucket.org/bruno/aspirator/">my feed
|
||||||
|
reader</a> because of the
|
||||||
|
information overload, and reduced drastically the number of people I follow <a class="reference external" href="http://twitter.com/ametaireau/">on
|
||||||
|
twitter</a>.</p>
|
||||||
|
<p>Too much information kills the information.</p>
|
||||||
|
<p>You shall got what will be my dissertation topic: a recommender system for
|
||||||
|
the web. Well, such recommender systems already exists, so I will try to add contextual
|
||||||
|
information to them: you're probably not interested by the same topics at different
|
||||||
|
times of the day, or depending on the computer you're using. We can also
|
||||||
|
probably make good use of the way you browse to create groups into the content
|
||||||
|
you're browsing (or even use the great firefox4 tab group feature).</p>
|
||||||
|
<p>There is a large part of concerns to have about user's privacy as well.</p>
|
||||||
|
<p>Here is my proposal (copy/pasted from the one I had to do for my master)</p>
|
||||||
|
<div class="section" id="introduction-and-rationale">
|
||||||
|
<h2>Introduction and rationale</h2>
|
||||||
|
<p>Nowadays, people surf the web more and more often. New web pages are created
|
||||||
|
each day so the amount of information to retrieve is more important as the time
|
||||||
|
passes. These users uses the web in different contexts, from finding cooking
|
||||||
|
recipes to technical articles.</p>
|
||||||
|
<p>A lot of people share the same interest to various topics, and the quantity of
|
||||||
|
information is such than it's really hard to triage them efficiently without
|
||||||
|
spending hours doing it. Firstly because of the huge quantity of information
|
||||||
|
but also because the triage is something relative to each person. Although, this
|
||||||
|
triage can be facilitated by fetching the browsing information of all
|
||||||
|
particular individuals and put the in perspective.</p>
|
||||||
|
<p>Machine learning is a branch of Artificial Intelligence (AI) which deals with how
|
||||||
|
a program can learn from data. Recommendation systems are a particular
|
||||||
|
application area of machine learning which is able to recommend things (links
|
||||||
|
in our case) to the users, given a particular database containing the previous
|
||||||
|
choices users have made.</p>
|
||||||
|
<p>This browsing information is currently available in browsers. Even if it is not
|
||||||
|
in a very usable format, it is possible to transform it to something useful.
|
||||||
|
This information gold mine just wait to be used. Although, it is not as simple as
|
||||||
|
it can seems at the first approach: It is important to take care of the context
|
||||||
|
the user is in while browsing links. For instance, It's more likely that during
|
||||||
|
the day, a computer scientist will browse computing related links, and that during
|
||||||
|
the evening, he browse cooking recipes or something else.</p>
|
||||||
|
<p>Page contents are also interesting to analyse, because that's what people
|
||||||
|
browse and what actually contain the most interesting part of the information.
|
||||||
|
The raw data extracted from the browsing can then be translated into
|
||||||
|
something more useful (namely tags, type of resource, visit frequency,
|
||||||
|
navigation context etc.)</p>
|
||||||
|
<p>The goal of this dissertation is to create a recommender system for web links,
|
||||||
|
including this context information.</p>
|
||||||
|
<p>At the end of the dissertation, different pieces of software will be provided,
|
||||||
|
from raw data collection from the browser to a recommendation system.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="background-review">
|
||||||
|
<h2>Background Review</h2>
|
||||||
|
<p>This dissertation is mainly about data extraction, analysis and recommendation
|
||||||
|
systems. Two different research area can be isolated: Data preprocessing and
|
||||||
|
Information filtering.</p>
|
||||||
|
<p>The first step in order to make recommendations is to gather some data. The
|
||||||
|
more data we have available, the better it is (T. Segaran, 2007). This data can
|
||||||
|
be retrieved in various ways, one of them is to get it directly from user's
|
||||||
|
browsers.</p>
|
||||||
|
<div class="section" id="data-preparation-and-extraction">
|
||||||
|
<h3>Data preparation and extraction</h3>
|
||||||
|
<p>The data gathered from browsers is basically URLs and additional information
|
||||||
|
about the context of the navigation. There is clearly a need to extract more
|
||||||
|
information about the meaning of the data the user is browsing, starting by the
|
||||||
|
content of the web pages.</p>
|
||||||
|
<p>Because the information provided on the current Web is not meant to be read by
|
||||||
|
machines (T. Berners Lee, 2001) there is a need of tools to extract meaning from
|
||||||
|
web pages. The information needs to be preprocessed before stored in a machine
|
||||||
|
readable format, allowing to make recommendations (Choochart et Al, 2004).</p>
|
||||||
|
<p>Data preparation is composed of two steps: cleaning and structuring (
|
||||||
|
Castellano et Al, 2007). Because raw data can contain a lot of un-needed text
|
||||||
|
(such as menus, headers etc.) and need to be cleaned prior to be stored.
|
||||||
|
Multiple techniques can be used here and belongs to boilerplate removal and
|
||||||
|
full text extraction (Kohlschütter et Al, 2010).</p>
|
||||||
|
<p>Then, structuring the information: category, type of content (news, blog, wiki)
|
||||||
|
can be extracted from raw data. This kind of information is not clearly defined
|
||||||
|
by HTML pages so there is a need of tools to recognise them.</p>
|
||||||
|
<p>Some context-related information can also be inferred from each resource. It can go
|
||||||
|
from the visit frequency to the navigation group the user was in while
|
||||||
|
browsing. It is also possible to determine if the user "liked" a resource, and
|
||||||
|
determine a mark for it, which can be used by information filtering a later
|
||||||
|
step (T. Segaran, 2007).</p>
|
||||||
|
<p>At this stage, structuring the data is required. Storing this kind of
|
||||||
|
information in RDBMS can be a bit tedious and require complex queries to get
|
||||||
|
back the data in an usable format. Graph databases can play a major role in the
|
||||||
|
simplification of information storage and querying.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="information-filtering">
|
||||||
|
<h3>Information filtering</h3>
|
||||||
|
<p>To filter the information, three techniques can be used (Balabanovic et
|
||||||
|
Al, 1997):</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>The content-based approach states that if an user have liked something in the
|
||||||
|
past, he is more likely to like similar things in the future. So it's about
|
||||||
|
establishing a profile for the user and compare new items against it.</li>
|
||||||
|
<li>The collaborative approach will rather recommend items that other similar users
|
||||||
|
have liked. This approach consider only the relationship between users, and
|
||||||
|
not the profile of the user we are making recommendations to.</li>
|
||||||
|
<li>the hybrid approach, which appeared recently combine both of the previous
|
||||||
|
approaches, giving recommendations when items score high regarding user's
|
||||||
|
profile, or if a similar user already liked it.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Grouping is also something to consider at this stage (G. Myatt, 2007).
|
||||||
|
Because we are dealing with huge amount of data, it can be useful to detect group
|
||||||
|
of data that can fit together. Data clustering is able to find such groups (T.
|
||||||
|
Segaran, 2007).</p>
|
||||||
|
<p>References:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Balabanović, M., & Shoham, Y. (1997). Fab: content-based, collaborative
|
||||||
|
recommendation. Communications of the ACM, 40(3), 66–72. ACM.
|
||||||
|
Retrieved March 1, 2011, from <a class="reference external" href="http://portal.acm.org/citation.cfm?id=245108.245124&amp">http://portal.acm.org/citation.cfm?id=245108.245124&amp</a>;.</li>
|
||||||
|
<li>Berners-Lee, T., Hendler, J., & Lassila, O. (2001).
|
||||||
|
The semantic web: Scientific american. Scientific American, 284(5), 34–43.
|
||||||
|
Retrieved November 21, 2010, from <a class="reference external" href="http://www.citeulike.org/group/222/article/1176986">http://www.citeulike.org/group/222/article/1176986</a>.</li>
|
||||||
|
<li>Castellano, G., Fanelli, A., & Torsello, M. (2007).
|
||||||
|
LODAP: a LOg DAta Preprocessor for mining Web browsing patterns. Proceedings of the 6th Conference on 6th WSEAS Int. Conf. on Artificial Intelligence, Knowledge Engineering and Data Bases-Volume 6 (p. 12–17). World Scientific and Engineering Academy and Society (WSEAS). Retrieved March 8, 2011, from <a class="reference external" href="http://portal.acm.org/citation.cfm?id=1348485.1348488">http://portal.acm.org/citation.cfm?id=1348485.1348488</a>.</li>
|
||||||
|
<li>Kohlschutter, C., Fankhauser, P., & Nejdl, W. (2010). Boilerplate detection using shallow text features. Proceedings of the third ACM international conference on Web search and data mining (p. 441–450). ACM. Retrieved March 8, 2011, from <a class="reference external" href="http://portal.acm.org/citation.cfm?id=1718542">http://portal.acm.org/citation.cfm?id=1718542</a>.</li>
|
||||||
|
<li>Myatt, G. J. (2007). Making Sense of Data: A Practical Guide to Exploratory
|
||||||
|
Data Analysis and Data Mining.</li>
|
||||||
|
<li>Segaran, T. (2007). Collective Intelligence.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="privacy">
|
||||||
|
<h2>Privacy</h2>
|
||||||
|
<p>The first thing that's come to people minds when it comes to process their
|
||||||
|
browsing data is privacy. People don't want to be stalked. That's perfectly
|
||||||
|
right, and I don't either.</p>
|
||||||
|
<p>But such a system don't have to deal with people identities. It's completely
|
||||||
|
possible to process completely anonymous data, and that's probably what I'm
|
||||||
|
gonna do.</p>
|
||||||
|
<p>By the way, if you have interesting thoughts about that, if you do know
|
||||||
|
projects that do seems related, fire the comments !</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="what-s-the-plan">
|
||||||
|
<h2>What's the plan ?</h2>
|
||||||
|
<p>There is a lot of different things to explore, especially because I'm
|
||||||
|
a complete novice in that field.</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>I want to develop a firefox plugin, to extract the browsing informations (
|
||||||
|
still, I need to know exactly which kind of informations to retrieve). The
|
||||||
|
idea is to provide some <em>raw</em> browsing data, and then to transform it and to
|
||||||
|
store it in the better possible way.</li>
|
||||||
|
<li>Analyse how to store the informations in a graph database. What can be the
|
||||||
|
different methods to store this data and to visualize the relationship
|
||||||
|
between different pieces of data? How can I define the different contexts,
|
||||||
|
and add those informations in the db?</li>
|
||||||
|
<li>Process the data using well known recommendation algorithms. Compare the
|
||||||
|
results and criticize their value.</li>
|
||||||
|
</ul>
|
||||||
|
<p>There is plenty of stuff I want to try during this experimentation:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>I want to try using Geshi to visualize the connexion between the links,
|
||||||
|
and the contexts</li>
|
||||||
|
<li>Try using graph databases such as Neo4j</li>
|
||||||
|
<li>Having a deeper look at tools such as scikit.learn (a machine learning
|
||||||
|
toolkit in python)</li>
|
||||||
|
<li>Analyse web pages in order to categorize them. Processing their
|
||||||
|
contents as well, to do some keyword based classification will be done.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Lot of work on its way, yay !</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
301
archives.html
Normal file
301
archives.html
Normal file
|
|
@ -0,0 +1,301 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<h1>Archives for Carnets Web</h1>
|
||||||
|
|
||||||
|
<dl>
|
||||||
|
<dt>03 juillet 2019</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/ours.html">Ours</a></dd>
|
||||||
|
<dt>27 juin 2019</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/velotaf.html">velotaf</a></dd>
|
||||||
|
<dt>26 juin 2019</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/un-espace-des-communs-rennais.html">Un espace des communs Rennais ?</a></dd>
|
||||||
|
<dt>27 mai 2018</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/de-mozilla-a-la-brasserie-du-vieux-singe.html">De Mozilla à la Brasserie du Vieux Singe</a></dd>
|
||||||
|
<dt>03 mars 2018</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/groupement-dachats-partage-dexperience.html">Groupement d'achats & partage d'expérience</a></dd>
|
||||||
|
<dt>25 février 2018</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/webnotes.html">Webnotes</a></dd>
|
||||||
|
<dt>19 février 2018</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/faire-moins.html">Faire moins</a></dd>
|
||||||
|
<dt>29 décembre 2017</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/neipa-3.html">NEIPA #3</a></dd>
|
||||||
|
<dt>18 décembre 2017</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/neipa-2.html">NEIPA #2</a></dd>
|
||||||
|
<dt>06 novembre 2017</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/un-club-des-brasseurs-amateurs-rennais.html">Un club des brasseurs amateurs Rennais</a></dd>
|
||||||
|
<dt>17 octobre 2017</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/larrivee-du-trouble-ou-comment-faire-des-neipa.html">L'arrivée du trouble (ou comment faire des NEIPA ?)</a></dd>
|
||||||
|
<dt>26 juin 2017</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/brasserie-du-vieux-singe-installation-en-cours.html">Brasserie du Vieux Singe — Installation en cours.</a></dd>
|
||||||
|
<dt>31 mai 2016</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/comment-est-ce-que-vous-generez-vos-formulaires.html">Comment est-ce que vous générez vos formulaires ?</a></dd>
|
||||||
|
<dt>29 mai 2016</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/cloisonnement-des-activites.html">Cloisonnement des activités ?</a></dd>
|
||||||
|
<dt>25 mars 2016</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/avez-vous-confiance-en-ssl.html">Avez vous confiance en SSL?</a></dd>
|
||||||
|
<dt>17 mars 2016</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/focusing-on-what-matters.html">Focusing on what matters</a></dd>
|
||||||
|
<dt>17 mars 2016</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/retours-sur-un-atelier-zeronet.html">Retours sur un atelier ZeroNet</a></dd>
|
||||||
|
<dt>02 mars 2016</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/lhorizon.html">L'horizon</a></dd>
|
||||||
|
<dt>11 février 2016</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/lets-encrypt-haproxy.html">Let's Encrypt + HAProxy</a></dd>
|
||||||
|
<dt>14 janvier 2016</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/ateliers-dautodefense-numerique.html">Ateliers d'autodéfense numérique</a></dd>
|
||||||
|
<dt>02 novembre 2015</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/rencontres-python-francophones-2015.html">Rencontres python francophones, 2015</a></dd>
|
||||||
|
<dt>18 octobre 2015</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/pyconfr-2015-assemblee-generale.html">PyconFR 2015 — Assemblée générale</a></dd>
|
||||||
|
<dt>18 octobre 2015</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/pyconfr-2015-hospital-des-tests-en-prod.html">PyconFR 2015 — Hospital - des tests en prod</a></dd>
|
||||||
|
<dt>18 octobre 2015</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/pyconfr-2015-we-dont-need-your-loop.html">PyconFR 2015 — We don't need your loop</a></dd>
|
||||||
|
<dt>17 octobre 2015</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/pyconfr-2015-cliquet.html">PyconFR 2015 — Cliquet</a></dd>
|
||||||
|
<dt>17 octobre 2015</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/pyconfr-2015-geoalchemy.html">PyconFR 2015 — Geoalchemy</a></dd>
|
||||||
|
<dt>17 octobre 2015</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/pyconfr-2015-sql-alchemy.html">PyconFR 2015 — SQL Alchemy</a></dd>
|
||||||
|
<dt>17 octobre 2015</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/pyconfr-2015-table-ronde-diversite.html">PyconFR 2015 — Table ronde diversité</a></dd>
|
||||||
|
<dt>12 octobre 2015</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/web-distribution-signing.html">Web distribution signing</a></dd>
|
||||||
|
<dt>29 juin 2015</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/roles.html">Rôles</a></dd>
|
||||||
|
<dt>25 mai 2015</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/les-problemes-de-pgp.html">Les problèmes de PGP</a></dd>
|
||||||
|
<dt>21 mai 2015</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/travail-et-creativite.html">Travail et créativité</a></dd>
|
||||||
|
<dt>11 mai 2015</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/simplifier-les-preuves-didentites.html">Simplifier les preuves d'identités</a></dd>
|
||||||
|
<dt>09 mai 2015</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/phrases-de-passe-et-bonnes-pratiques.html">Phrases de passe et bonnes pratiques</a></dd>
|
||||||
|
<dt>08 mai 2015</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/chiffrement.html">Chiffrement</a></dd>
|
||||||
|
<dt>01 mai 2015</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/language.html">Language</a></dd>
|
||||||
|
<dt>20 novembre 2014</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/le-secret-du-bonheur.html">Le secret du bonheur</a></dd>
|
||||||
|
<dt>31 juillet 2014</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/whats-hawk-and-how-to-use-it.html">What's Hawk and how to use it?</a></dd>
|
||||||
|
<dt>29 juillet 2014</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/quel-metier-quelle-utilite.html">Quel métier, quelle utilité ?</a></dd>
|
||||||
|
<dt>29 juillet 2014</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/retours-sur-deux-ans-a-mozilla.html">Retours sur deux ans à Mozilla</a></dd>
|
||||||
|
<dt>03 octobre 2013</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/le-revenu-de-base.html">Le revenu de base</a></dd>
|
||||||
|
<dt>16 août 2013</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/des-carnets-desquisse-fr.html">Des carnets d'esquisse</a></dd>
|
||||||
|
<dt>06 juillet 2013</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/notes-economie-libidinale-et-economie-politique.html">Notes: Économie libidinale et économie politique</a></dd>
|
||||||
|
<dt>01 juillet 2013</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/new-year-python-meme-2012.html">New year python meme, 2012</a></dd>
|
||||||
|
<dt>14 juin 2013</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/francois-elie-quelle-ecole-pour-la-societe-de-linformation.html">François Elie : Quelle école pour la société de l’information ?</a></dd>
|
||||||
|
<dt>02 avril 2013</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/confiance-fr.html">Des profils de confiance partout et pour tout ?</a></dd>
|
||||||
|
<dt>02 avril 2013</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/cross-origin-in-cornice.html">Implementing CORS in Cornice</a></dd>
|
||||||
|
<dt>29 décembre 2012</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/status-board-fr.html">Status board</a></dd>
|
||||||
|
<dt>28 décembre 2012</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/habitat-collectif.html">Habitat collectif</a></dd>
|
||||||
|
<dt>28 décembre 2012</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/languages.html">Languages</a></dd>
|
||||||
|
<dt>28 décembre 2012</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/tricot.html">Tricot</a></dd>
|
||||||
|
<dt>27 décembre 2012</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/astuces-ssh.html">Astuces SSH</a></dd>
|
||||||
|
<dt>27 décembre 2012</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/gnome-3-extensions.html">Gnome 3, extensions</a></dd>
|
||||||
|
<dt>27 décembre 2012</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/groovy.html">"Groovy"</a></dd>
|
||||||
|
<dt>27 décembre 2012</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/notre-dame-des-landes.html">Notre dame des landes</a></dd>
|
||||||
|
<dt>20 décembre 2012</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/semences-paysannes.html">Semences paysannes</a></dd>
|
||||||
|
<dt>05 novembre 2012</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/lifestyle-fr.html">Lifestyle</a></dd>
|
||||||
|
<dt>22 octobre 2012</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/cheese-code-wrap-up.html">Cheese & code - Wrap-up</a></dd>
|
||||||
|
<dt>20 septembre 2012</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/afpy-computer-camp-october-20-21.html">Cheese & Code party: October 20-21</a></dd>
|
||||||
|
<dt>17 septembre 2012</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/circus-sprint-at-pyconfr.html">Circus sprint at PyconFR</a></dd>
|
||||||
|
<dt>16 juillet 2012</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/pourquoi-mozilla-fr.html">Pourquoi Mozilla?</a></dd>
|
||||||
|
<dt>14 mai 2012</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/refactoring-cornice.html">Refactoring Cornice</a></dd>
|
||||||
|
<dt>30 avril 2012</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/bidouille-fr.html">Bidouille</a></dd>
|
||||||
|
<dt>16 avril 2012</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/djangocong-2012-fr.html">Djangocong 2012</a></dd>
|
||||||
|
<dt>10 avril 2012</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/biere-maison-fr.html">Bière maison !</a></dd>
|
||||||
|
<dt>10 avril 2012</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/motivation-benevolat-et-participation-fr.html">Motivation, bénévolat et participation</a></dd>
|
||||||
|
<dt>04 février 2012</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/carto-forms.html">Thoughts about a form generation service, GIS enabled</a></dd>
|
||||||
|
<dt>23 janvier 2012</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/les-dangers-du-livre-numerique-fr.html">Les dangers du livre numérique</a></dd>
|
||||||
|
<dt>21 janvier 2012</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/2012-first-months.html">2012, first months</a></dd>
|
||||||
|
<dt>06 novembre 2011</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/using-jpype-to-bridge-python-and-java.html">Using JPype to bridge python and Java</a></dd>
|
||||||
|
<dt>15 octobre 2011</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/how-are-you-handling-your-shared-expenses.html">How are you handling your shared expenses?</a></dd>
|
||||||
|
<dt>14 octobre 2011</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/la-simplicite-volontaire-contre-le-mythe-de-labondance-fr.html">La simplicité volontaire contre le mythe de l'abondance</a></dd>
|
||||||
|
<dt>16 août 2011</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/using-dbpedia-to-get-languages-influences.html">Using dbpedia to get languages influences</a></dd>
|
||||||
|
<dt>25 juillet 2011</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/pelican-9-months-later.html">Pelican, 9 months later</a></dd>
|
||||||
|
<dt>12 juillet 2011</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/introducing-cornice.html">Introducing Cornice</a></dd>
|
||||||
|
<dt>25 mai 2011</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/un-coup-de-main-pour-mon-memoire-fr.html">Un coup de main pour mon mémoire!</a></dd>
|
||||||
|
<dt>19 mai 2011</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/travailler-moins-pour-mieux-travailler-fr.html">Travailler moins pour mieux travailler ?</a></dd>
|
||||||
|
<dt>01 avril 2011</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/analyse-users-browsing-context-to-build-up-a-web-recommender.html">Analyse users' browsing context to build up a web recommender</a></dd>
|
||||||
|
<dt>16 mars 2011</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/working-directly-on-your-server-how-to-backup-and-sync-your-dev-environment-with-unison.html">Working directly on your server? How to backup and sync your dev environment with unison</a></dd>
|
||||||
|
<dt>08 février 2011</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/wrap-up-of-the-distutils2-paris-sprint.html">Wrap up of the distutils2 paris' sprint</a></dd>
|
||||||
|
<dt>20 janvier 2011</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/pypi-on-couchdb.html">PyPI on CouchDB</a></dd>
|
||||||
|
<dt>15 janvier 2011</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/help-me-to-go-to-the-distutils2-paris-sprint.html">Help me to go to the distutils2 paris' sprint</a></dd>
|
||||||
|
<dt>12 janvier 2011</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/usages-informatique-fr.html">Quels usages pour l'informatique ?</a></dd>
|
||||||
|
<dt>05 novembre 2010</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/fork-you-or-how-the-social-coding-can-help-you.html">Fork you ! or how the social coding can help you</a></dd>
|
||||||
|
<dt>21 octobre 2010</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/how-to-reboot-your-bebox-using-the-cli.html">How to reboot your bebox using the CLI</a></dd>
|
||||||
|
<dt>11 octobre 2010</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/dynamically-change-your-gnome-desktop-wallpaper.html">Dynamically change your gnome desktop wallpaper</a></dd>
|
||||||
|
<dt>10 octobre 2010</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/how-to-install-nginx-php-53-on-freebsd.html">How to install NGINX + PHP 5.3 on FreeBSD.</a></dd>
|
||||||
|
<dt>06 octobre 2010</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/pelican-a-simple-static-blog-generator-in-python.html">Pelican, a simple static blog generator in python</a></dd>
|
||||||
|
<dt>16 août 2010</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/an-amazing-summer-of-code-working-on-distutils2.html">An amazing summer of code working on distutils2</a></dd>
|
||||||
|
<dt>06 juillet 2010</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/introducing-the-distutils2-index-crawlers.html">Introducing the distutils2 index crawlers</a></dd>
|
||||||
|
<dt>06 juillet 2010</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/sprinting-on-distutils2-in-tours.html">Sprinting on distutils2 in Tours</a></dd>
|
||||||
|
<dt>25 juin 2010</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/use-restructured-text-rest-to-power-your-presentations.html">Use Restructured Text (ReST) to power your presentations</a></dd>
|
||||||
|
<dt>04 juin 2010</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/first-week-working-on-distutils2.html">first week working on distutils2</a></dd>
|
||||||
|
<dt>01 mai 2010</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/a-distutils2-gsoc.html">A Distutils2 GSoC</a></dd>
|
||||||
|
<dt>28 mars 2010</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/le-temps-des-graces-courrez-y-fr.html">Le temps des grâces, courrez-y !</a></dd>
|
||||||
|
<dt>24 février 2010</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/semaine-de-lenvironnement-la-consommation-etudiante-fr.html">Semaine de l’environnement: La consommation étudiante</a></dd>
|
||||||
|
<dt>17 décembre 2009</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/python-go-fr.html">Python ? go !</a></dd>
|
||||||
|
<dt>11 novembre 2009</dt>
|
||||||
|
<dd><a href="https://blog.notmyidea.org/amap-media-paniers-bio-a-5e-fr.html">AMAP + Média = Paniers bio à 5e ?!</a></dd>
|
||||||
|
</dl>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
177
astuces-ssh.html
Normal file
177
astuces-ssh.html
Normal file
|
|
@ -0,0 +1,177 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Astuces SSH - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<meta name="tags" contents="note" />
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Astuces SSH</h1>
|
||||||
|
<span class="post-date">27 décembre 2012</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<div class="section" id="tunelling">
|
||||||
|
<h2>Tunelling</h2>
|
||||||
|
<p>Parce que je m'en rapelle jamais (tête de linote):</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
$ ssh -f hote -L local:lolnet.org:destination -N
|
||||||
|
</pre>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="ssh-config">
|
||||||
|
<h2>.ssh/config</h2>
|
||||||
|
<p>(merci <a class="reference external" href="http://majerti.fr">gaston</a> !)</p>
|
||||||
|
<p>La directive suivante dans .ssh/config permet de sauter d'hôte en hôte
|
||||||
|
séparés par des "+"</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
Host *+*
|
||||||
|
ProxyCommand ssh $(echo %h | sed
|
||||||
|
's/+[^+]*$//;s/\([^+%%]*\)%%\([^+]*\)$/\2 -l \1/;s/:/ -p /')
|
||||||
|
PATH=.:\$PATH nc -w1 $(echo %h | sed 's/^.*+//;/:/!s/$/ %p/;s/:/ /')
|
||||||
|
</pre>
|
||||||
|
<p>On peut donc spécifier des "sauts" ssh du style:</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
ssh root@91.25.25.25+192.168.1.1
|
||||||
|
</pre>
|
||||||
|
<p>Ensuite on peut essayer de rajouter:</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
Host <label_pour_mon_serveur_privé>
|
||||||
|
user <monuser(root)>
|
||||||
|
IdentityFile <chemin vers ma clé ssh pour le serveur publique>
|
||||||
|
hostname ip_serveur_publique+ip_serveur_privé
|
||||||
|
</pre>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
269
ateliers-dautodefense-numerique.html
Normal file
269
ateliers-dautodefense-numerique.html
Normal file
|
|
@ -0,0 +1,269 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Ateliers d'autodéfense numérique - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Ateliers d'autodéfense numérique</h1>
|
||||||
|
<span class="post-date">14 janvier 2016</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h2 class="post-headline">J'ai récemment animé des ateliers d'autodéfense numérique. Voici
|
||||||
|
quelques retours et pistes d'améliorations.</h2>
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>Il y a huit mois, je me rendais compte de l'importance du choix des outils pour
|
||||||
|
faire face à la surveillance généralisée, et notamment en rapport au
|
||||||
|
chiffrement des données. Une de mes envies de l'époque était l'animation
|
||||||
|
d'ateliers.</p>
|
||||||
|
<blockquote class="epigraph">
|
||||||
|
<p>Je compte donc:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Organiser des ateliers de sensibilisation aux outils de communication,
|
||||||
|
envers mes proches;</li>
|
||||||
|
<li>Utiliser la communication chiffrée le plus souvent possible, au moins
|
||||||
|
pour rendre le déchiffrement des messages plus longue, "noyer le
|
||||||
|
poisson".</li>
|
||||||
|
</ul>
|
||||||
|
<p class="attribution">—<a class="reference external" href="http://blog.notmyidea.org/chiffrement.html">Chiffrement</a></p>
|
||||||
|
</blockquote>
|
||||||
|
<p>J'ai mis un peu de temps à mettre le pied à l'étrier, mais je ressors
|
||||||
|
finalement du premier atelier que j'ai co-animé avec geb, auprès d'un public de
|
||||||
|
journalistes.</p>
|
||||||
|
<p>Pour cette première édition l'idée était à la fois d'aller à la rencontre d'un
|
||||||
|
public que je connais mal, de leur donner des outils pour solutionner les
|
||||||
|
problèmes auxquels ils font parfois face, et de me faire une idée de ce que
|
||||||
|
pouvait être un atelier sur l'autodéfense numérique.</p>
|
||||||
|
<p>L'objectif pour ce premier atelier était de:</p>
|
||||||
|
<ol class="arabic simple">
|
||||||
|
<li>Échanger autour des besoins et <strong>faire ressortir des histoires</strong> ou le manque
|
||||||
|
d'outillage / connaissances à posé problème, dans des situations concrètes;</li>
|
||||||
|
<li>Se rendre compte des "conduites à risque", <strong>faire peur</strong> aux personnes formées
|
||||||
|
pour qu'elles se rendent compte de l'état actuel des choses;</li>
|
||||||
|
<li><strong>Proposer des solutions concrètes</strong> aux problèmes soulevés, ainsi que le
|
||||||
|
minimum de connaissance théorique pour les appréhender.</li>
|
||||||
|
</ol>
|
||||||
|
<div class="section" id="faire-ressortir-les-problemes">
|
||||||
|
<h2>1. Faire ressortir les problèmes</h2>
|
||||||
|
<p>Afin de faire ressortir les problèmes, nous avons choisi de constituer des
|
||||||
|
petits groupes de discussion, afin de faire des "Groupes d'Interview Mutuels",
|
||||||
|
ou "GIM":</p>
|
||||||
|
<blockquote class="epigraph">
|
||||||
|
<p>l’animateur invite les participants à se regrouper par trois, avec des
|
||||||
|
personnes qu’on connaît moins puis invite chacun à livrer une expérience vécue
|
||||||
|
en lien avec le thème de la réunion et les deux autres à poser des questions
|
||||||
|
leur permettant de bien saisir ce qui a été vécu.</p>
|
||||||
|
<p class="attribution">—«<a class="reference external" href="http://www.scoplepave.org/pour-s-ecouter">Pour s'écouter</a>», SCOP Le Pavé.</p>
|
||||||
|
</blockquote>
|
||||||
|
<p>De ces <em>GIMs</em> nous avons pu ressortir quelques histoires, gravitant autour de:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li><strong>La protection des sources (d'information)</strong>: Comment faire pour aider
|
||||||
|
quelqu'un à faire "fuiter" des données depuis l'intérieur d'une entreprise ?</li>
|
||||||
|
<li><strong>Le chiffrement de ses données</strong>: Comment éviter de faire "fuiter" des données
|
||||||
|
importantes lors d'une perquisition de matériel ?</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="faire-peur">
|
||||||
|
<h2>2. Faire peur</h2>
|
||||||
|
<p>Un des premiers objectifs est de faire peur, afin que tout le monde se rende
|
||||||
|
compte à quel point il est facile d'accéder à certaines données. <a class="reference external" href="http://blog.barbayellow.com/">Grégoire</a> m'avait conseillé quelques petites accroches
|
||||||
|
qui ont ma foi bien marché:</p>
|
||||||
|
<p>J'ai demandé aux présent.e.s de:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>donner leur mot de passe à voix haute devant les autres: a priori personne ne
|
||||||
|
le fera;</li>
|
||||||
|
<li>venir se connecter à leur compte email depuis mon ordinateur. J'ai piégé une
|
||||||
|
personne, qui est venu pour taper son mot de passe.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Cela à été un bon moyen de parler de l'importance des traces que l'on peut
|
||||||
|
laisser sur un ordinateur, et de la confiance qu'il faut avoir dans le matériel
|
||||||
|
que l'on utilise, à fortiori si ce ne sont pas les vôtres.</p>
|
||||||
|
<p>Pour continuer à leur faire peur, après une brève explication de ce qu'est SSL
|
||||||
|
nous avons montré comment il était facile de scruter le réseau à la recherche
|
||||||
|
de mots de passe en clair.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="proposer-des-solutions-concretes">
|
||||||
|
<h2>3. Proposer des solutions concrêtes</h2>
|
||||||
|
<p>Une fois que tout le monde avait pleinement pris sonscience des problématiques
|
||||||
|
et n'osait plus utiliser son ordinateur ou son téléphone, on à commencé
|
||||||
|
à parler de quelques solutions.
|
||||||
|
Plusieurs approches étaient possibles ici, nous avons choisi de présenter
|
||||||
|
quelques outils qui nous semblaient répondre aux attentes:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>On a expliqué ce qu'était <a class="reference external" href="https://tails.boum.org">Tails</a>, et comment
|
||||||
|
l'utiliser et le dupliquer.</li>
|
||||||
|
<li>On a pu faire un tour des outils existants sur Tails, notamment autour de
|
||||||
|
l'<em>anonymisation</em> de fichiers et la suppression effective de contenus.</li>
|
||||||
|
<li>Certaines personnes ont pu créer une clé tails avec la persistance de
|
||||||
|
configurée.</li>
|
||||||
|
<li>Nous nous sommes connectés au réseau <a class="reference external" href="https://www.torproject.org">Tor</a> et testé
|
||||||
|
que nos adresses IP changeaient bien à la demande.</li>
|
||||||
|
<li>Nous avons utilisé <a class="reference external" href="https://crypto.cat">CryptoCat</a> par dessus Tor, afin de
|
||||||
|
voir comment avoir une conversation confidentielle dans laquelle il est
|
||||||
|
possible d'échanger des fichiers.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="retours">
|
||||||
|
<h2>Retours</h2>
|
||||||
|
<p>D'une manière générale, pour une formation de trois heures et demi, je suis
|
||||||
|
assez content de l'exercice, et de l'ensemble des sujets que nous avons pu
|
||||||
|
couvrir. Il y a beaucoup de place pour l'amélioration, notamment en amont (j'avais
|
||||||
|
par exemple oublié d'amener avec moi suffisamment de clés USB pour utiliser
|
||||||
|
Tails).</p>
|
||||||
|
<p>La plupart des retours qu'on a pu avoir jusqu'à maintenant sont positifs, et il
|
||||||
|
y a l'envie d'aller plus loin sur l'ensemble de ces sujets.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="la-suite">
|
||||||
|
<h2>La suite</h2>
|
||||||
|
<p>Il y a beaucoup de sujets que nous n'avons pas abordés, ou uniquement survolés,
|
||||||
|
à cause du manque de temps disponible. Idéalement, il faudrait au moins une
|
||||||
|
journée entière pour couvrir quelques sujets plus en détail (on peut imaginer
|
||||||
|
avoir une partie théorique le matin et une partie pratique l'après-midi par
|
||||||
|
exemple).</p>
|
||||||
|
<p>J'ai choisi volontairement de ne pas aborder le chiffrement des messages via
|
||||||
|
PGP parce que <a class="reference external" href="https://blog.notmyidea.org/les-problemes-de-pgp.html">je pense que la protection que ce média propose n'est pas
|
||||||
|
suffisante</a>, mais je suis en train de
|
||||||
|
revenir sur ma décision: il pourrait être utile de présenter l'outil, à minima,
|
||||||
|
en insistant sur certaines de ses faiblesses.</p>
|
||||||
|
<p>Un compte twitter à été créé recemment autour des crypto-party à Rennes, si
|
||||||
|
vous êtes interessés, <a class="reference external" href="https://twitter.com/CryptoPartyRNS">allez jeter un coup d'œil</a>!</p>
|
||||||
|
<p>Je n'ai pas trouvé de ressources disponibles par rapport à des plans de
|
||||||
|
formation sur le sujet, j'ai donc décidé de publier les nôtres, afin de
|
||||||
|
co-construire avec d'autres des plans de formation.</p>
|
||||||
|
<p>Ils sont pour l'instant disponibles <a class="reference external" href="http://autodefense-numerique.readthedocs.org/en/latest/">sur Read The Docs</a>. Tous les retours
|
||||||
|
sont évidemment les bienvenus !</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
112
author/alexis-metaireau-mathieu-leplatre.html
Normal file
112
author/alexis-metaireau-mathieu-leplatre.html
Normal file
|
|
@ -0,0 +1,112 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Carnets Web - Articles by Alexis Métaireau, Mathieu Leplatre</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container-wide">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-wide content">
|
||||||
|
<div class="content-title">
|
||||||
|
<h2>Articles by Alexis Métaireau, Mathieu Leplatre</h2>
|
||||||
|
|
||||||
|
<div class="posts">
|
||||||
|
<ul id="blog_index">
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/carto-forms.html">Thoughts about a form generation service, GIS enabled</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-02-04T00:00:00+01:00">04 février 2012</time></span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
206
author/alexis-metaireau.html
Normal file
206
author/alexis-metaireau.html
Normal file
|
|
@ -0,0 +1,206 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Carnets Web - Articles by Alexis Métaireau</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container-wide">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-wide content">
|
||||||
|
<div class="content-title">
|
||||||
|
<h2>Articles by Alexis Métaireau</h2>
|
||||||
|
|
||||||
|
<div class="posts">
|
||||||
|
<ul id="blog_index">
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/un-espace-des-communs-rennais.html">Un espace des communs Rennais ?</a></span><span class="description"><span class="headline">Quelques notes prises après une discussion avec d'autres complices du coin</span><time class="created" datetime="2019-06-26T00:00:00+02:00">26 juin 2019</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/de-mozilla-a-la-brasserie-du-vieux-singe.html">De Mozilla à la Brasserie du Vieux Singe</a></span><span class="description"><span class="headline">Comment un passionné de Logiciels libres choisit de créer une petite brasserie artisanale.</span><time class="created" datetime="2018-05-27T00:00:00+02:00">27 mai 2018</time></span></li>
|
||||||
|
<li style="background-image: url('/images/abeilles.jpg') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/groupement-dachats-partage-dexperience.html">Groupement d'achats & partage d'expérience</a></span><span class="description"><span class="headline">Quelques retours sur la création et l'organisation d'un groupement d'achat.</span><time class="created" datetime="2018-03-03T00:00:00+01:00">03 mars 2018</time></span></li>
|
||||||
|
<li style="background-image: url('images/carnet.jpg') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/webnotes.html">Webnotes</a></span><span class="description"><span class="headline">Un outil pour prendre et partager des notes lors de ma navigation.</span><time class="created" datetime="2018-02-25T00:00:00+01:00">25 février 2018</time></span></li>
|
||||||
|
<li style="background-image: url('images/less-is-more.jpg') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/faire-moins.html">Faire moins</a></span><span class="description"><span class="headline">Et retrouver le contrôle de son engagement.</span><time class="created" datetime="2018-02-19T00:00:00+01:00">19 février 2018</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/neipa-3.html">NEIPA #3</a></span><span class="description"><span class="headline">New England IPA - Collab avec Heiko.</span><time class="created" datetime="2017-12-29T00:00:00+01:00">29 décembre 2017</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/neipa-2.html">NEIPA #2</a></span><span class="description"><span class="headline">Petit test de New England IPA.</span><time class="created" datetime="2017-12-18T00:00:00+01:00">18 décembre 2017</time></span></li>
|
||||||
|
<li style="background-image: url('/images/refroidissement.jpg') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/un-club-des-brasseurs-amateurs-rennais.html">Un club des brasseurs amateurs Rennais</a></span><span class="description"><span class="headline">Si vous êtes dans le coin de Rennes et que vous voulez échanger sur la fabrication de bière, ne cherchez plus ;)</span><time class="created" datetime="2017-11-06T00:00:00+01:00">06 novembre 2017</time></span></li>
|
||||||
|
<li style="background-image: url('images/haze.jpg') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/larrivee-du-trouble-ou-comment-faire-des-neipa.html">L'arrivée du trouble (ou comment faire des NEIPA ?)</a></span><span class="description"><span class="headline">Traduction d'un article sur les New England IPA du magazine Américan « Brew Your Own »</span><time class="created" datetime="2017-10-17T00:00:00+02:00">17 octobre 2017</time></span></li>
|
||||||
|
<li style="background-image: url('images/vieuxsinge.jpg') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/brasserie-du-vieux-singe-installation-en-cours.html">Brasserie du Vieux Singe — Installation en cours.</a></span><span class="description"><span class="headline">Retours sur ces quelques mois consacrés à la création de la brasserie du Vieux Singe.</span><time class="created" datetime="2017-06-26T00:00:00+02:00">26 juin 2017</time></span></li>
|
||||||
|
<li style="background-image: url('images/forms.jpg') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/comment-est-ce-que-vous-generez-vos-formulaires.html">Comment est-ce que vous générez vos formulaires ?</a></span><span class="description"><span class="headline">Présentation d'une solution pour gérer vos formulaires en gardant la main sur les données générées</span><time class="created" datetime="2016-05-31T00:00:00+02:00">31 mai 2016</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/cloisonnement-des-activites.html">Cloisonnement des activités ?</a></span><span class="description"><span class="headline">En revenant de SudWeb</span><time class="created" datetime="2016-05-29T00:00:00+02:00">29 mai 2016</time></span></li>
|
||||||
|
<li style="background-image: url('images/illusion.jpg') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/avez-vous-confiance-en-ssl.html">Avez vous confiance en SSL?</a></span><span class="description"><span class="headline">Tour d'horizon du fonctionnement de SSL et des solutions pour le sécuriser.</span><time class="created" datetime="2016-03-25T00:00:00+01:00">25 mars 2016</time></span></li>
|
||||||
|
<li style="background-image: url('images/focus.jpg') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/focusing-on-what-matters.html">Focusing on what matters</a></span><span class="description"><span class="headline">How to avoid the information overload?</span><time class="created" datetime="2016-03-17T00:00:00+01:00">17 mars 2016</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/retours-sur-un-atelier-zeronet.html">Retours sur un atelier ZeroNet</a></span><span class="description"><span class="headline">Comment contourner la censure grâce à un Web pair-à-pair ?</span><time class="created" datetime="2016-03-17T00:00:00+01:00">17 mars 2016</time></span></li>
|
||||||
|
<li style="background-image: url('images/horizon.jpg') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/lhorizon.html">L'horizon</a></span><span class="description"><span class="headline">Temps de changer d'horizon. Mon départ de Mozilla et le début d'une
|
||||||
|
nouvelle histoire.</span><time class="created" datetime="2016-03-02T00:00:00+01:00">02 mars 2016</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/lets-encrypt-haproxy.html">Let's Encrypt + HAProxy</a></span><span class="description"><span class="headline">Comment j'ai mis en place des certificats SSL avec Let's Encrypt
|
||||||
|
derrière haproxy.</span><time class="created" datetime="2016-02-11T00:00:00+01:00">11 février 2016</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/ateliers-dautodefense-numerique.html">Ateliers d'autodéfense numérique</a></span><span class="description"><span class="headline">J'ai récemment animé des ateliers d'autodéfense numérique. Voici
|
||||||
|
quelques retours et pistes d'améliorations.</span><time class="created" datetime="2016-01-14T00:00:00+01:00">14 janvier 2016</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/rencontres-python-francophones-2015.html">Rencontres python francophones, 2015</a></span><span class="description"><span class="headline">Retours sur les rencontres python francophones de 2015.</span><time class="created" datetime="2015-11-02T00:00:00+01:00">02 novembre 2015</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/web-distribution-signing.html">Web distribution signing</a></span><span class="description"><span class="headline">Bringing trust back between software authors and user agents.</span><time class="created" datetime="2015-10-12T00:00:00+02:00">12 octobre 2015</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/roles.html">Rôles</a></span><span class="description"><span class="headline">De l'importance des rôles informels et de leur partage au sein d'un
|
||||||
|
groupe.</span><time class="created" datetime="2015-06-29T00:00:00+02:00">29 juin 2015</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/les-problemes-de-pgp.html">Les problèmes de PGP</a></span><span class="description"><span class="headline">Quels sont les soucis liés à PGP, que faire ?</span><time class="created" datetime="2015-05-25T00:00:00+02:00">25 mai 2015</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/travail-et-creativite.html">Travail et créativité</a></span><span class="description"><span class="headline">Travailler moins pour laisser plus de place à la créativité.</span><time class="created" datetime="2015-05-21T00:00:00+02:00">21 mai 2015</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/simplifier-les-preuves-didentites.html">Simplifier les preuves d'identités</a></span><span class="description"><span class="headline">Qu'est-ce que Keybase.io et comment essayent-ils de simplifier la
|
||||||
|
création de preuves d'identité.</span><time class="created" datetime="2015-05-11T00:00:00+02:00">11 mai 2015</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/phrases-de-passe-et-bonnes-pratiques.html">Phrases de passe et bonnes pratiques</a></span><span class="description"><span class="headline">Communiquer de manière chiffrée n'est pas aisée, et nécessite de
|
||||||
|
mémoriser des phrases de passes complexes. Comment s'en sortir ?</span><time class="created" datetime="2015-05-09T00:00:00+02:00">09 mai 2015</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/chiffrement.html">Chiffrement</a></span><span class="description"><span class="headline">Face a la surveillance généralisée, une seule solution, le
|
||||||
|
chiffrement de nos données et communications.</span><time class="created" datetime="2015-05-08T00:00:00+02:00">08 mai 2015</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/language.html">Language</a></span><span class="description"><span class="headline">Nos langues peuvent être autant de frontières que de ponts...</span><time class="created" datetime="2015-05-01T00:00:00+02:00">01 mai 2015</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/le-secret-du-bonheur.html">Le secret du bonheur</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2014-11-20T00:00:00+01:00">20 novembre 2014</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/whats-hawk-and-how-to-use-it.html">What's Hawk and how to use it?</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2014-07-31T00:00:00+02:00">31 juillet 2014</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/quel-metier-quelle-utilite.html">Quel métier, quelle utilité ?</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2014-07-29T00:00:00+02:00">29 juillet 2014</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/retours-sur-deux-ans-a-mozilla.html">Retours sur deux ans à Mozilla</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2014-07-29T00:00:00+02:00">29 juillet 2014</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/le-revenu-de-base.html">Le revenu de base</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2013-10-03T00:00:00+02:00">03 octobre 2013</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/des-carnets-desquisse-fr.html">Des carnets d'esquisse</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2013-08-16T00:00:00+02:00">16 août 2013</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/notes-economie-libidinale-et-economie-politique.html">Notes: Économie libidinale et économie politique</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2013-07-06T00:00:00+02:00">06 juillet 2013</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/new-year-python-meme-2012.html">New year python meme, 2012</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2013-07-01T00:00:00+02:00">01 juillet 2013</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/francois-elie-quelle-ecole-pour-la-societe-de-linformation.html">François Elie : Quelle école pour la société de l’information ?</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2013-06-14T00:00:00+02:00">14 juin 2013</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/confiance-fr.html">Des profils de confiance partout et pour tout ?</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2013-04-02T00:00:00+02:00">02 avril 2013</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/cross-origin-in-cornice.html">Implementing CORS in Cornice</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2013-04-02T00:00:00+02:00">02 avril 2013</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/status-board-fr.html">Status board</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-12-29T00:00:00+01:00">29 décembre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/habitat-collectif.html">Habitat collectif</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-12-28T00:00:00+01:00">28 décembre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/languages.html">Languages</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-12-28T00:00:00+01:00">28 décembre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/tricot.html">Tricot</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-12-28T00:00:00+01:00">28 décembre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/astuces-ssh.html">Astuces SSH</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-12-27T00:00:00+01:00">27 décembre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/gnome-3-extensions.html">Gnome 3, extensions</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-12-27T00:00:00+01:00">27 décembre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/groovy.html">"Groovy"</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-12-27T00:00:00+01:00">27 décembre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/notre-dame-des-landes.html">Notre dame des landes</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-12-27T00:00:00+01:00">27 décembre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/semences-paysannes.html">Semences paysannes</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-12-20T00:00:00+01:00">20 décembre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/lifestyle-fr.html">Lifestyle</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-11-05T00:00:00+01:00">05 novembre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/cheese-code-wrap-up.html">Cheese & code - Wrap-up</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-10-22T00:00:00+02:00">22 octobre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/afpy-computer-camp-october-20-21.html">Cheese & Code party: October 20-21</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-09-20T00:00:00+02:00">20 septembre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/circus-sprint-at-pyconfr.html">Circus sprint at PyconFR</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-09-17T00:00:00+02:00">17 septembre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/pourquoi-mozilla-fr.html">Pourquoi Mozilla?</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-07-16T00:00:00+02:00">16 juillet 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/refactoring-cornice.html">Refactoring Cornice</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-05-14T00:00:00+02:00">14 mai 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/bidouille-fr.html">Bidouille</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-04-30T00:00:00+02:00">30 avril 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/djangocong-2012-fr.html">Djangocong 2012</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-04-16T00:00:00+02:00">16 avril 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/biere-maison-fr.html">Bière maison !</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-04-10T00:00:00+02:00">10 avril 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/motivation-benevolat-et-participation-fr.html">Motivation, bénévolat et participation</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-04-10T00:00:00+02:00">10 avril 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/les-dangers-du-livre-numerique-fr.html">Les dangers du livre numérique</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-01-23T00:00:00+01:00">23 janvier 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/2012-first-months.html">2012, first months</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-01-21T00:00:00+01:00">21 janvier 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/using-jpype-to-bridge-python-and-java.html">Using JPype to bridge python and Java</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-11-06T00:00:00+01:00">06 novembre 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/how-are-you-handling-your-shared-expenses.html">How are you handling your shared expenses?</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-10-15T00:00:00+02:00">15 octobre 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/la-simplicite-volontaire-contre-le-mythe-de-labondance-fr.html">La simplicité volontaire contre le mythe de l'abondance</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-10-14T00:00:00+02:00">14 octobre 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/using-dbpedia-to-get-languages-influences.html">Using dbpedia to get languages influences</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-08-16T00:00:00+02:00">16 août 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/pelican-9-months-later.html">Pelican, 9 months later</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-07-25T00:00:00+02:00">25 juillet 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/introducing-cornice.html">Introducing Cornice</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-07-12T00:00:00+02:00">12 juillet 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/un-coup-de-main-pour-mon-memoire-fr.html">Un coup de main pour mon mémoire!</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-05-25T00:00:00+02:00">25 mai 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/travailler-moins-pour-mieux-travailler-fr.html">Travailler moins pour mieux travailler ?</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-05-19T00:00:00+02:00">19 mai 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/analyse-users-browsing-context-to-build-up-a-web-recommender.html">Analyse users' browsing context to build up a web recommender</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-04-01T00:00:00+02:00">01 avril 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/working-directly-on-your-server-how-to-backup-and-sync-your-dev-environment-with-unison.html">Working directly on your server? How to backup and sync your dev environment with unison</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-03-16T00:00:00+01:00">16 mars 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/wrap-up-of-the-distutils2-paris-sprint.html">Wrap up of the distutils2 paris' sprint</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-02-08T00:00:00+01:00">08 février 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/pypi-on-couchdb.html">PyPI on CouchDB</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-01-20T00:00:00+01:00">20 janvier 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/help-me-to-go-to-the-distutils2-paris-sprint.html">Help me to go to the distutils2 paris' sprint</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-01-15T00:00:00+01:00">15 janvier 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/usages-informatique-fr.html">Quels usages pour l'informatique ?</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-01-12T00:00:00+01:00">12 janvier 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/fork-you-or-how-the-social-coding-can-help-you.html">Fork you ! or how the social coding can help you</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-11-05T00:00:00+01:00">05 novembre 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/how-to-reboot-your-bebox-using-the-cli.html">How to reboot your bebox using the CLI</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-10-21T00:00:00+02:00">21 octobre 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/dynamically-change-your-gnome-desktop-wallpaper.html">Dynamically change your gnome desktop wallpaper</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-10-11T00:00:00+02:00">11 octobre 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/how-to-install-nginx-php-53-on-freebsd.html">How to install NGINX + PHP 5.3 on FreeBSD.</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-10-10T00:00:00+02:00">10 octobre 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/pelican-a-simple-static-blog-generator-in-python.html">Pelican, a simple static blog generator in python</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-10-06T00:00:00+02:00">06 octobre 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/an-amazing-summer-of-code-working-on-distutils2.html">An amazing summer of code working on distutils2</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-08-16T00:00:00+02:00">16 août 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/introducing-the-distutils2-index-crawlers.html">Introducing the distutils2 index crawlers</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-07-06T00:00:00+02:00">06 juillet 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/sprinting-on-distutils2-in-tours.html">Sprinting on distutils2 in Tours</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-07-06T00:00:00+02:00">06 juillet 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/use-restructured-text-rest-to-power-your-presentations.html">Use Restructured Text (ReST) to power your presentations</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-06-25T00:00:00+02:00">25 juin 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/first-week-working-on-distutils2.html">first week working on distutils2</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-06-04T00:00:00+02:00">04 juin 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/a-distutils2-gsoc.html">A Distutils2 GSoC</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-05-01T00:00:00+02:00">01 mai 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/le-temps-des-graces-courrez-y-fr.html">Le temps des grâces, courrez-y !</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-03-28T00:00:00+01:00">28 mars 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/semaine-de-lenvironnement-la-consommation-etudiante-fr.html">Semaine de l’environnement: La consommation étudiante</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-02-24T00:00:00+01:00">24 février 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/python-go-fr.html">Python ? go !</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2009-12-17T00:00:00+01:00">17 décembre 2009</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/amap-media-paniers-bio-a-5e-fr.html">AMAP + Média = Paniers bio à 5e ?!</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2009-11-11T00:00:00+01:00">11 novembre 2009</time></span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
106
authors.html
Normal file
106
authors.html
Normal file
|
|
@ -0,0 +1,106 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Carnets Web - Authors</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<h1>Authors on Carnets Web</h1>
|
||||||
|
|
||||||
|
<ul> <li><a href="https://blog.notmyidea.org/author/alexis-metaireau.html">Alexis Métaireau</a> (97)</li>
|
||||||
|
<li><a href="https://blog.notmyidea.org/author/alexis-metaireau-mathieu-leplatre.html">Alexis Métaireau, Mathieu Leplatre</a> (1)</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
316
avez-vous-confiance-en-ssl.html
Normal file
316
avez-vous-confiance-en-ssl.html
Normal file
|
|
@ -0,0 +1,316 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Avez vous confiance en SSL? - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<style>
|
||||||
|
#illustration {
|
||||||
|
max-width: 800px;
|
||||||
|
align: center;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Avez vous confiance en SSL?</h1>
|
||||||
|
<span class="post-date">25 mars 2016</span>
|
||||||
|
<img id="illustration" src="images/illusion.jpg" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h2 class="post-headline">Tour d'horizon du fonctionnement de SSL et des solutions pour le sécuriser.</h2>
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>Dans le cadre <a href="http://autodefense-numerique.readthedocs.org/en/latest/">des ateliers d'autodéfense numérique</a>,
|
||||||
|
j'ai passé un peu de temps à creuser sur l'utilisation de SSL puisque
|
||||||
|
contrairement à ce que la plupart des personnes ont encore tendance à croire,
|
||||||
|
le petit cadenas (qui prouve qu'une connexion SSL est en cours) n'est
|
||||||
|
<strong>absolument</strong> pas suffisant.</p>
|
||||||
|
<p>Allez hop, c'est parti pour:</p>
|
||||||
|
<ul>
|
||||||
|
<li>un tour d'horizon du fonctionnement de SSl</li>
|
||||||
|
<li>quelques moyens contourner cette "protection" en faisant une attaque en pratique</li>
|
||||||
|
<li>un tour des solutions existantes actuellement et de pourquoi je ne les trouve
|
||||||
|
pas vraiment satisfaisantes.</li>
|
||||||
|
</ul>
|
||||||
|
<h2>Comment fonctionne SSL?</h2>
|
||||||
|
<p>Pour expliquer les problèmes de SSL, j'ai d'abord besoin d'expliquer comment
|
||||||
|
tout ça fonctionne.</p>
|
||||||
|
<p>SSL repose sur l'utilisation de certificats, qui sont générés par des autorités
|
||||||
|
de certification (<em>Certificate Authority</em> que je nomme <em>CA</em> dans la suite de
|
||||||
|
l'article).</p>
|
||||||
|
<p>Les certificats SSL permettent deux choses:</p>
|
||||||
|
<ul>
|
||||||
|
<li>De garantir que les communications entre les navigateurs (vous) et les sites
|
||||||
|
Web ne sont connues que du détenteur du certificat du site et de vous même.</li>
|
||||||
|
<li>De garantir que le site sur lequel vous vous connectez est bien celui que
|
||||||
|
vous imaginez.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Le navigateur, lors d'une visite d'un site, va télécharger le certificat
|
||||||
|
associé puis vérifier que le certificat en question a bien été généré par un
|
||||||
|
des <em>CA</em> en qui il a confiance.</p>
|
||||||
|
<p>Imaginons maintenant qu'une des <em>CA</em> essaye de savoir ce qui s'échange entre
|
||||||
|
mon navigateur et le site de ma banque (protégé par SSL). Comment cela se
|
||||||
|
passerait il ?</p>
|
||||||
|
<p>N'importe quel <em>CA</em> peut donc générer des certificats pour n'importe quel site,
|
||||||
|
et le navigateur vérifierait, lui, que le certificat a bien été généré par une
|
||||||
|
<em>CA</em>.</p>
|
||||||
|
<p>Tout cela ne poserait pas de soucis si les <em>CA</em> étaient gérés de manière fiable,
|
||||||
|
mais il s'agit d'un travail compliqué, et certains <em>CA</em> ont par le passé montré
|
||||||
|
des faiblesses.</p>
|
||||||
|
<p>Par exemple, <a href="https://en.wikipedia.org/wiki/DigiNotar">DigiNotar</a> (un <em>CA</em> des Pays-Bas)
|
||||||
|
a été compromise et les attaquant.e.s ont pu générer des certificats SSL
|
||||||
|
frauduleux, ce qui leur a permis d'attaquer des sites tels que Facebook ou GMail.</p>
|
||||||
|
<p>Vous pouvez retrouver une liste des risques et menaces autour des <em>CA</em> <a href="http://wiki.cacert.org/Risk/History">sur le
|
||||||
|
wiki de CACert</a>.</p>
|
||||||
|
<h2>Attaque de l'homme du milieu avec SSL</h2>
|
||||||
|
<p>A force de dire que c'était très facile à faire, j'ai eu envie d'essayer
|
||||||
|
d'espionner des connections protégées par SSL, et effectivement c'est
|
||||||
|
carrément flippant tellement c'est simple.</p>
|
||||||
|
<p>En l'espace de quelques minutes, il est possible de faire une <em>attaque de
|
||||||
|
l'homme du milieu</em> en utilisant par exemple un outil nommé <a href="http://docs.mitmproxy.org/en/stable">mitm-proxy</a>.</p>
|
||||||
|
<p>Pour déchiffrer l'ensemble du trafic SSL, j'ai simplement eu à lancer quelques
|
||||||
|
commandes et avoir un <em>CA</em> dans lequel le navigateur de la victime a confiance.
|
||||||
|
Je l'ai ajouté dans le navigateur cible pour simuler que je l'avais déjà
|
||||||
|
(c'est le cas si un des 1200 CA se fait pirater, ce qui me semble une surface
|
||||||
|
d'attaque assez large).</p>
|
||||||
|
<p>Je les colle ici si ça vous intéresse:</p>
|
||||||
|
<div class="highlight"><pre><span></span>$ sudo aptitude install mitmproxy
|
||||||
|
$ mitm-proxy -T --host
|
||||||
|
</pre></div>
|
||||||
|
|
||||||
|
|
||||||
|
<p>Il faut faire croire à votre victime que vous êtes la passerelle vers
|
||||||
|
l'extérieur et à la passerelle que vous êtes la victime:</p>
|
||||||
|
<div class="highlight"><pre><span></span>arpspoof -i wlan0 -t victime gateway
|
||||||
|
arpspoof -i wlan0 -t gateway victime
|
||||||
|
</pre></div>
|
||||||
|
|
||||||
|
|
||||||
|
<p>Puis dire à notre fausse passerelle de rediriger le trafic des ports 80 et 443
|
||||||
|
vers notre proxy:</p>
|
||||||
|
<div class="highlight"><pre><span></span>sudo sysctl -w net.ipv4.ip_forward<span class="o">=</span><span class="m">1</span>
|
||||||
|
sudo iptables -t nat -A PREROUTING -i wlan0 -p tcp --dport <span class="m">443</span> -j REDIRECT --to-port <span class="m">4443</span>
|
||||||
|
sudo iptables -t nat -A PREROUTING -i wlan0 -p tcp --dport <span class="m">80</span> -j REDIRECT --to-port <span class="m">4443</span>
|
||||||
|
</pre></div>
|
||||||
|
|
||||||
|
|
||||||
|
<p>Et paf, <strong>on voit tout ce qui passe entre la machine et le serveur SSL</strong>. On peut
|
||||||
|
d'ailleurs même imaginer faire tourner ces quelques commandes sur un
|
||||||
|
raspberry pi, pour aller encore plus vite…</p>
|
||||||
|
<h3>Key-pinning dans les navigateurs</h3>
|
||||||
|
<p>Actuellement, n'importe quel <em>CA</em> peut générer des certificats pour
|
||||||
|
n'importe quel site, et c'est en grande partie ce qui pose souci. Une des
|
||||||
|
manières de faire évoluer la situation est d'épingler les certificats de
|
||||||
|
certains sites directement dans les navigateurs.</p>
|
||||||
|
<p>Cette approche a le mérite de fonctionner très bien <a href="https://dxr.mozilla.org/mozilla-central/source/security/manager/ssl/StaticHPKPins.h?from=StaticHPKPins.h">pour un petit nombre de
|
||||||
|
sites critiques (Google, Facebook, etc)</a>.</p>
|
||||||
|
<h3>HTTP Public Key Pinning (HPKP)</h3>
|
||||||
|
<p><a href="https://developer.mozilla.org/en/docs/Web/Security/Public_Key_Pinning"><em>HTTP Public Key Pinning</em></a>
|
||||||
|
est également une solution de <em>pinning</em> qui permet d'établir une confiance lors
|
||||||
|
de la première connexion avec le site. C'est ce qu'on appelle du <em>Trust on First
|
||||||
|
Use</em> ou <em>TOFU</em>.</p>
|
||||||
|
<p>Le navigateur va alors mettre ces informations dans un cache et vérifiera que
|
||||||
|
les certificats correspondent bien lors des prochaines visites.</p>
|
||||||
|
<p><em>HPKP</em> est disponible dans Firefox depuis Janvier 2015 et dans Chrome
|
||||||
|
depuis Octobre 2015.</p>
|
||||||
|
<h3>Certificate transparency: des journaux auditables</h3>
|
||||||
|
<p>Une autre approche est celle proposée par <em>certificate transparency</em>:</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>Certificate Transparency aims to remedy these certificate-based threats by
|
||||||
|
making the issuance and existence of SSL certificates open to scrutiny by
|
||||||
|
domain owners, CAs, and domain users.</p>
|
||||||
|
<p>-- <a href="https://www.certificate-transparency.org/what-is-ct">Certificate Transparency</a></p>
|
||||||
|
</blockquote>
|
||||||
|
<p>Autrement dit, avec ce système les <em>CA</em> doivent rendre public le fait qu'ils
|
||||||
|
aient signé de nouveaux certificats intermédiaires. La signature est ajoutée à
|
||||||
|
un journal sur lequel il n'est possible que d'écrire.</p>
|
||||||
|
<p>Les navigateurs vont alors vérifier que les certificats utilisés sont bien des
|
||||||
|
certificats qui ont été ajoutés au journal.</p>
|
||||||
|
<p>Ici, toute l'intelligence est dans la vérification de ces journaux, qui
|
||||||
|
permettent donc de valider/invalider des certificats racines ou intermédiaires.</p>
|
||||||
|
<p>Il me semble donc qu'il serait possible d'ajouter un certificat frauduleux le
|
||||||
|
temps d'une attaque (et celui ci serait détecté et supprimé ensuite).</p>
|
||||||
|
<p><em>Certificate-Transparency</em> n'est donc pas une solution contre une écoute
|
||||||
|
globale mise en place par les gouvernements par exemple.</p>
|
||||||
|
<p>Si vous lisez bien l'anglais, je vous invite à aller lire
|
||||||
|
<a href="http://security.stackexchange.com/a/52838">cette description du problème et de la solution</a>
|
||||||
|
que je trouve très bien écrite.</p>
|
||||||
|
<h3>DANE + DNSSEC</h3>
|
||||||
|
<blockquote>
|
||||||
|
<p>The DANE working group has developed a framework for securely
|
||||||
|
retrieving keying information from the DNS [RFC6698]. This
|
||||||
|
framework allows secure storing and looking up server public key
|
||||||
|
information in the DNS. This provides a binding between a domain
|
||||||
|
name providing a particular service and the key that can be used
|
||||||
|
to establish encrypted connection to that service.</p>
|
||||||
|
<p>-- <a href="https://datatracker.ietf.org/wg/dane/charter/">Dane WG</a></p>
|
||||||
|
</blockquote>
|
||||||
|
<p>Une autre solution est appelée "DANE" et repose par dessus le protocole
|
||||||
|
<em>DNSSEC</em>.</p>
|
||||||
|
<p>Je connais assez mal <em>DNSSEC</em> donc j'ai passé un peu de temps à lire des
|
||||||
|
documents. L'impression finale que ça me laisse est que le problème est
|
||||||
|
exactement le même que pour SSL: un certain nombre de personnes détiennent les
|
||||||
|
clés et toute la sécurité repose sur cette confiance. Or il est possible que
|
||||||
|
ces clés soient détenues par des personnes non dignes de confiance.</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>Secure DNS (DNSSEC) uses cryptographic digital signatures signed with a
|
||||||
|
trusted public key certificate to determine the authenticity of data.
|
||||||
|
-- https://en.wikipedia.org/wiki/DNS_spoofing</p>
|
||||||
|
</blockquote>
|
||||||
|
<p>Et aussi:</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>It is widely believed[1] that securing the DNS is critically important for
|
||||||
|
securing the Internet as a whole, but deployment of DNSSEC specifically has
|
||||||
|
been hampered (As of 22 January 2010) by several difficulties:</p>
|
||||||
|
<ul>
|
||||||
|
<li>The need to design a backward-compatible standard that can scale to the
|
||||||
|
size of the Internet</li>
|
||||||
|
<li>Prevention of "zone enumeration" (see below) where desired</li>
|
||||||
|
<li>Deployment of DNSSEC implementations across a wide variety of DNS servers
|
||||||
|
and resolvers (clients)</li>
|
||||||
|
<li>Disagreement among implementers over who should own the top-level domain
|
||||||
|
root keys Overcoming the perceived complexity of DNSSEC and DNSSEC
|
||||||
|
deployment</li>
|
||||||
|
</ul>
|
||||||
|
</blockquote>
|
||||||
|
<h2>Solutions basées sur la blockchain</h2>
|
||||||
|
<p>Une dernière piste semble être l'utilisation de la <em>blockchain</em> pour distribuer
|
||||||
|
des clés par site.</p>
|
||||||
|
<p>La solution <em>DNSChain</em> me paraissait tout d'abord un bon point de départ mais
|
||||||
|
la lecture de <a href="https://www.indolering.com/okturtles-dnschain-unblock-us">quelques critiques</a>
|
||||||
|
et interventions du développeur du projet m'ont fait changer d'avis.</p>
|
||||||
|
<p>Reste encore la piste de <em>Namecoin Control</em> que je n'ai pas encore creusée.
|
||||||
|
Peut-être pour un prochain billet. Toute piste de réflexion est bien sur la
|
||||||
|
bienvenue sur ces sujets!</p>
|
||||||
|
<em>L'image d'illustration utilisée est un travail de <a href="https://www.flickr.com/photos/tinou/133982614/in/photolist-cQGn5-9AtoAP-dpiR2X-baBc4e-5ZvGJj-8KrKoG-gg2XM4-9KgHee-6iB7C-4zUNee-9hj2zF-43REk-aoanQb-947pCM-aj1P6z-9tE3g-pq8kRk-qp6hK1-hp13Uh-7ywK7o-4F41Pw-72piQE-22a8kTc-ECJ2r6-6ufU4Y-7WLPTu-5bLdgB-ha8ByJ-jqvD3-LktPD-izBtN4-aa7ABY-pz4aLg-49jEZi-YGoRJ-aCuCH2-4muqSR-7ey33A-6nUDPT-ajeJbN-a89tyX-s3pjm1-9imyxV-WswqNm-aDHw9-cN7MWS-abdTEE-a89tAT-aeVpTf-oAuYHd">Tinou Bao</a> proposé sous license CC BY 2.0. Merci !</em>
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
188
bidouille-fr.html
Normal file
188
bidouille-fr.html
Normal file
|
|
@ -0,0 +1,188 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Bidouille - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<meta name="tags" contents="diy" />
|
||||||
|
<meta name="tags" contents="électronique" />
|
||||||
|
<meta name="tags" contents="hack" />
|
||||||
|
<meta name="tags" contents="bidouille" />
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Bidouille</h1>
|
||||||
|
<span class="post-date">30 avril 2012</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>Bidouille bidouille bidouille.</p>
|
||||||
|
<p>Je pense que je suis un bidouilleur logiciel: j'aime bien aller farfouiller
|
||||||
|
dans le code pour comprendre comment tel ou tel programme fonctionne (ou
|
||||||
|
trop souvent comment il ne fonctionne pas !), faire des petites modifications,
|
||||||
|
tester, modifier, re-tester, tout casser, réparer …</p>
|
||||||
|
<p>Et cette bidouille, cette envie de comprendre comment les choses fonctionnent,
|
||||||
|
et depuis peu cette envie de mettre en pratique ces connaissances dépasse la
|
||||||
|
bidouille logicielle. J'ai passé une grosse partie de mon week-end à Main
|
||||||
|
d'Œuvre, où l'association <a class="reference external" href="http://www.underconstruction.fr">Under Construction</a> faisait se rencontrer le milieu de
|
||||||
|
l'éducation populaire et le milieu de la bidouille.</p>
|
||||||
|
<p>Forcement, ni une ni deux, je saute dans le bateau en marche et, n'étant ni un
|
||||||
|
très grand bidouilleur ni un très grand animateur, j'en ressort enrichi de
|
||||||
|
toutes ces rencontres, de tous ces préjugés qui tombent, et de quelques
|
||||||
|
découvertes bluffantes, des idées plein la tête.</p>
|
||||||
|
<p>J'avais entendu parler des "<a class="reference external" href="http://www.reprap.org">rep-raps</a>", des
|
||||||
|
imprimantes en 3 dimensions capables de produire des pièces en plastique
|
||||||
|
mais je n'avais jamais eu l'occasion de voir le bousin en vrai. Et
|
||||||
|
c'est impressionnant. Vraiment. ("Bienvenue dans le 21ème siècle !")</p>
|
||||||
|
<p>Ça laisse énormément à penser autour des questions d'émancipation
|
||||||
|
technologique, et de non dépendance envers les constructeurs, dans le milieu de
|
||||||
|
l'électro-ménager, par exemple. "Ah tiens, cette pièce est cassée, je vais
|
||||||
|
aller utiliser la rep-rap du coin pour me la fabriquer". Et hop, on mets fin à
|
||||||
|
tout un cycle d'obsolescence programmée…</p>
|
||||||
|
<p>Mais au delà du défi technique et technologique, j'ai pu refaire un petit peu
|
||||||
|
d'électronique, et découvrir que j'y prends vraiment gout rapidement. Il y a
|
||||||
|
bien évidemment un coté très ludique (la led s'allume quand on la branche),
|
||||||
|
mais il y a surtout cette notion de DIY (Do It Yourself) sous jacente: une fois
|
||||||
|
que je sais comment ça fonctionne, je peux vraiment faire des choses utiles de
|
||||||
|
mes 10 doigts, réparer des petits objets, bidouiller ceux existants etc.</p>
|
||||||
|
<p>De la récupération de composants on essaye de voir ce qu'on peut faire, on a
|
||||||
|
terminé par faire un "vibro-bot", un vibreur de téléphone portable monté sur
|
||||||
|
une tête de brosse à dents, faisant donc avancer cette dernière.</p>
|
||||||
|
<p>C'est pour s'amuser, c'est pas sérieux ! Pour autant, les concepts de
|
||||||
|
l'électricité sont appris et je me retrouve avec cette envie de comprendre un
|
||||||
|
peu plus ce monde de l'électronique qui, je m'en rends compte, m'échappe encore
|
||||||
|
complètement. De l'éducation à la bidouille !</p>
|
||||||
|
<p>Allez, demain c'est fer à souder, piles, leds, interrupteurs, potars et c'est
|
||||||
|
parti !</p>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
246
biere-maison-fr.html
Normal file
246
biere-maison-fr.html
Normal file
|
|
@ -0,0 +1,246 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Bière maison ! - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Bière maison !</h1>
|
||||||
|
<span class="post-date">10 avril 2012</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>Et voilà, c'est notre troisième brassin. On a commencé à faire notre propre
|
||||||
|
bière (avec un ami, Fred) il y a quasiment un an maintenant, et après quelques
|
||||||
|
dératés, même s'il nous reste encore bien du chemin à parcourir pour avoir
|
||||||
|
quelque chose qui nous convienne réellement… c'est pas si pire comme on dit !</p>
|
||||||
|
<p>Cette fois-çi, on s'est penché sur la confection d'une IPA (Indian Pale Ale, une
|
||||||
|
bière un peu plus amère que celle qu'on à l'habitude de trouver en France).</p>
|
||||||
|
<p>Elle est plus amère car elle comporte plus de houblon que les autres, et
|
||||||
|
(dans notre cas en tout cas) parce qu'on fait la première fermentation en
|
||||||
|
présence de houblon.</p>
|
||||||
|
<div class="section" id="comment-qu-on-fait-de-la-biere">
|
||||||
|
<h2>Comment qu'on fait de la bière ?</h2>
|
||||||
|
<p>Machine arrière; n'allons pas trop vite: comment est-ce qu'on fait de la bière,
|
||||||
|
d'abord ?</p>
|
||||||
|
<p>En fin de compte, les quelques étapes nécessaire à la confection de la bière ne
|
||||||
|
sont pas bien sorcières; concassage de l'orge maltée, cuisson (libération de
|
||||||
|
l'amidon dans l'eau), infusion du houblon, refroidissement, première
|
||||||
|
fermentation, embouteillage et seconde fermentation.</p>
|
||||||
|
<p>L'idée principale est transformer l'amidon d'orge maltée en sucre, pour le
|
||||||
|
"donner à manger" à des levures. Vous ajoutez un peu de houblon au milieu pour
|
||||||
|
donner un petit goût amer et le tour est joué. Enfin presque.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="etape-par-etape">
|
||||||
|
<h2>Étape par étape</h2>
|
||||||
|
<p>Première étape: <strong>le concassage</strong>. On avait 6kg d'orge maltée à concasser (plus
|
||||||
|
exactement 6kg de malt pâle <em>7EDC</em> et 500g de malt cara <em>50EDC</em>).</p>
|
||||||
|
<img alt="Image de concassage." src="images/concassage.jpg" style="width: 400px;" />
|
||||||
|
<p>Attention, pas trop fin dis donc ! On ne veut pas de la poudre, on veut
|
||||||
|
simplement permettre à l'amidon de se dissoudre dans l'eau. Si on concasse le
|
||||||
|
malt trop fin, on se retrouve avec un dépôt dégeulasse au fond de toutes les
|
||||||
|
bouteilles (c'est l'expérience qui parle, notre première bière avait plus goût
|
||||||
|
de céréale que de bière…)</p>
|
||||||
|
<p>Contrairement aux fois précédentes où nous avions utilisé la technique du
|
||||||
|
marteau et du torchon (oui, comme vous pouvez l'imaginer, c'est assez long et
|
||||||
|
fastidieux), On a utilisé… un moulin à malt ! Qui nous à permis de concasser les
|
||||||
|
6kg en 30 minutes (heureusement qu'on était trois pour se relayer sur le
|
||||||
|
moulin, parce que nos petits muscles fatiguaient assez vite; vous pouvez
|
||||||
|
envisager de faire ça tout seul si vous êtes un tennisman).</p>
|
||||||
|
<img alt="C'est dur !" src="images/concasse.jpg" style="width: 700px;" />
|
||||||
|
<p>La seconde étape, <strong>l'empatage</strong>. Il s'agit de faire chauffer notre orge maltée
|
||||||
|
à différentes températures. Les fois précédentes, on avait utilisé plusieurs
|
||||||
|
paliers de température, mais il semble que ça ne soit pas si nécessaire que ça,
|
||||||
|
selon les informations de l'ami Fred. On à donc tenté de faire chauffer notre
|
||||||
|
malt directement à 50°C. Une petite erreur sur la route, on à eu peur de la
|
||||||
|
contamination bactérienne et on à décidé de faire bouillir nos 26L d'eau pour
|
||||||
|
être sur que les bactéries s'enfuient en courant. Je dis erreur parce que ça
|
||||||
|
nous à pris pas loin de 3h30, inertie quand tu nous tiens!</p>
|
||||||
|
<p>On se rends compte de la taille de la marmite un peu là:</p>
|
||||||
|
<img alt="Une grosse marmite" src="images/marmite.jpg" style="width: 400px;" />
|
||||||
|
<p>Une fois l'eau à température (54°C), il faut ajouter le malt et le laisser
|
||||||
|
durant 30mn à cette température, puis augmenter jusqu'à 65°C durant 1h.</p>
|
||||||
|
<p>La troisième étape, c'est <strong>le rinçage</strong>, l'idée est de récupérer l'amidon qui
|
||||||
|
s'est dissout dans l'eau et de mettre de côté l'orge maltée (la partie solide).
|
||||||
|
Pour ça, il faut faire chauffer de l'eau de rinçage. On a utilisé 10L d'eau de
|
||||||
|
rinçage qu'on a fait chauffer à 78°C, en comptant sur le fait qu'elle perdra de sa
|
||||||
|
température (20°C à peu près) en étant utilisée. On a filtré deux fois pour
|
||||||
|
être sûr de ne rien perdre.</p>
|
||||||
|
<img alt="Filtrage filtrage..." src="images/filtrage.jpg" style="width: 700px;" />
|
||||||
|
<p>L'étape d'après (la quatrième, vous suivez), c'est <strong>le houblonnage</strong>.
|
||||||
|
On va faire infuser notre "solution aqueuse" (wouah, on dirait de la chimie !)
|
||||||
|
avec du houblon. Il faut porter l'eau à ébullition et laisser faire durant 1h.</p>
|
||||||
|
<p>Dernière étape: <strong>le refroidissement</strong>. On dirait que c'est tranquilou comme
|
||||||
|
ça, mais en fait ça ne l'est pas tant que ça: il faut réussir à passer notre
|
||||||
|
liquide qui était en ébullition à 54°C en un temps acceptable. Pour ça, on
|
||||||
|
a utilisé un serpentin confectionné main.</p>
|
||||||
|
<img alt="Notre refroidisseur fait main par Fred." src="images/refroidisseur.jpg" style="width: 400px;" />
|
||||||
|
<p>Ça nous a permis de passer de 100°C à 54°C en… 35 minutes quand même ! (Nous avions essayé les fois précédentes
|
||||||
|
de gérer ça à coup de baignoire et de glaçons, les temps n'étaient absolument
|
||||||
|
pas au rendez-vous).</p>
|
||||||
|
<img alt="Décidement pas." src="images/refroidissement.jpg" style="width: 700px;" />
|
||||||
|
<p>Je disais dernière étape, mais il ne faut pas oublier de rajouter les
|
||||||
|
levures, qui elles vont faire tout le travail et transformer tout ça en… alcool
|
||||||
|
! Dans notre cas, on ajoute aussi dans la cuve de fermentation du houblon
|
||||||
|
question de donner l'amertume dont on a envie.</p>
|
||||||
|
<p>On à mesuré une densité de 1046, ce qui veut dire 6° d'alcool. La cuve est
|
||||||
|
maintenant en train de buller tranquillement (les levures produisent du gaz qui
|
||||||
|
est évacué), et ça doit durer 15 jours approximativement.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="mise-en-bouteille">
|
||||||
|
<h2>Mise en bouteille</h2>
|
||||||
|
<p>Une fois ces deux semaines passées, il faut mettre en bouteille. Dans notre cas
|
||||||
|
nous avons récupéré des bouteilles à bouchon mécanique (vous savez, les
|
||||||
|
bouteilles de limonades) qu'on à bien rincé et nettoyé.</p>
|
||||||
|
<p>On s'équipe d'un siphon (pensez à prendre un tuyau avec un diamètre assez
|
||||||
|
important, le notre était petit et c'était assez long) et après avoir ajouté du
|
||||||
|
sucre dans le mélange (pour réactiver les levures), on remplit les bouteilles
|
||||||
|
! Il s'agit de la seconde fermentation, celle qui va faire les bulles (la
|
||||||
|
première fermentation se charge de l'alcool, la seconde des bulles).</p>
|
||||||
|
<p>Et voilà ! Il ne reste plus qu'à mettre les bouteilles de coté durant deux
|
||||||
|
semaines de plus et… à déguster le moment venu.</p>
|
||||||
|
<p>On a donc pu tester notre bière la semaine dernière et, ma foi, elle est pas
|
||||||
|
mal du tout. Elle ne mousse pas trop et à un goût un peu amer. Malheureusement
|
||||||
|
pas assez à mon goût, mais ça viendra. En comparaison à nos précédents essais,
|
||||||
|
c'est plutôt positif: la première était ratée puisque trop de pression et trop
|
||||||
|
de dépôt (et donc un fort goût de levures) alors que la seconde (on avait tenté
|
||||||
|
d'ajouter de la lavande) avait un goût de lavande amère, pour ne pas dire de
|
||||||
|
savon.</p>
|
||||||
|
<p>Cette dernière bière a un goût de… de bière ! Il nous reste encore à comprendre
|
||||||
|
comment faire pour lui donner la saveur que l'on souhaite, mais c'est déjà un
|
||||||
|
grand pas en avant. Prochaine étape... La bière de Noël !</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
173
brasserie-du-vieux-singe-installation-en-cours.html
Normal file
173
brasserie-du-vieux-singe-installation-en-cours.html
Normal file
|
|
@ -0,0 +1,173 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Brasserie du Vieux Singe — Installation en cours. - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<style>
|
||||||
|
#illustration {
|
||||||
|
max-width: 800px;
|
||||||
|
align: center;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Brasserie du Vieux Singe — Installation en cours.</h1>
|
||||||
|
<span class="post-date">26 juin 2017</span>
|
||||||
|
<img id="illustration" src="images/vieuxsinge.jpg" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h2 class="post-headline">Retours sur ces quelques mois consacrés à la création de la brasserie du Vieux Singe.</h2>
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>Ça fait maintenant quelques mois que j'ai décidé de <a href="https://www.vieuxsinge.com">changer de métier</a>. Choix à la fois difficile et excitant. Une rupture qui laisse place à quelques étoiles dans les yeux. Enfin, je retrouve l'envie de créer, et je renoue avec mes rêves, ceux-la mêmes que je croyaient trop fous pour être à portée de main.</p>
|
||||||
|
<p>La chose la plus frappante, c'est la vitesse à laquelle passent les journées: j'ai <em>vraiment</em> l'impression d'avoir quitté Mozilla hier. Si les collègues me
|
||||||
|
manquent, je ne ferais machine arrière pour rien au monde: je trouve finalement ce sens qui me manquait cruellement.</p>
|
||||||
|
<p>Après quelques hésitations au départ, j'ai décidé de mettre de côté mes activités liées à l'informatique: difficile à assumer quand on croise les copin.e.s avec qui on avait l'habitude de discuter énormement de ces sujets, mais ça permet de laisser plus de place pour l'humain. Plus de place pour les «Au fait, comment ça va toi ?» quand j'ai l'occasion de les recroiser, ce qui n'est pas plus désagréable :)</p>
|
||||||
|
<p>Les journées sont donc organisées autour de la brasserie: beaucoup plus de planification que ce que j'imaginais au départ. Peut-être que c'est aussi du au fait que nous soyons tous les deux des ex-informaticiens un peu perfectionnistes sur les bords. On se voit très souvent pour avancer sur des sujets de fond tout comme sur du pratico-pratique. Pour vous donner un ordre d'idée des questionnements: Quelle taille d'entreprise ? Quelles valeurs communes ? Quelles bières ? Quelle image donner ? Quelle place donner au confort ? Comment éviter la compétitivité ? Comment réussir à impacter les producteurs (houblon / malt) de manière positive ? Quels salaires se donner ?</p>
|
||||||
|
<p>Un peu de production quand même (pour les amis) mais on se garde la grosse partie pour le lancement.</p>
|
||||||
|
<h2>Apprentissage</h2>
|
||||||
|
<p>Je profite de ces quelques mois pour apprendre: autour de la fabrication et de la dégustation de bière bien sûr (encore un milieu en constante évolution !), mais pas que. J'ai maintenant quelques bases de gestion d'entreprise, en comptabilité, en biologie et en chimie. J'ai bien dit quelques <em>bases</em>, mais qu'est-ce que c'est agréable !</p>
|
||||||
|
<p>C'est assez agréable de se remettre dans une posture d'apprenant, et d'avoir le temps pour cet apprentissage.</p>
|
||||||
|
<h2>Questionner la posture de «Chef d'entreprise» et son rapport au temps</h2>
|
||||||
|
<p>Décider de créer sa boîte, c'est aussi se poser la question de comment organiser son temps: combien de temps travailler ? Quel temps donner aux loisirs ?</p>
|
||||||
|
<p>Je trouve rassurant de voir ces interrogations abordées avant-même le démarrage de l'entreprise. La plupart des personnes qui nous suivent et nous guident partent du postulat qu'il faudra bosser énormement, là ou nous essayons de trouver un modèle qui soit viable dans le temps, notre souhait est de bosser à 80% (4 jours par semaine).</p>
|
||||||
|
<p>Certes, il faut travailler pour que ça tourne, mais il faut aussi s'accorder des temps de respiration pour être d'autant plus efficace quand on bosse. C'est d'autant plus intéressant de prévoir ces aspects lors de la phase de <em>design</em> de l'activité: on organise le temps autrement ! Ceux qui me lisent de temps à autre savent que c'est une constante de mes réflexions, on verra si ça fonctionne dans les faits.</p>
|
||||||
|
<h2>Les projets collectifs</h2>
|
||||||
|
<p>Un autre point important est la place que le <em>collectif</em> prends dans cette nouvelle expérience. Au départ, quand j'imaginais le projet sur le court-terme, je mettais la composante collective au second plan dans l'immédiat (au delà des intéractions avec Fred, mon associé). L'occasion de travailler à la construction d'un espace collectif s'est présentée, et on y travaille actuellement.</p>
|
||||||
|
<p>C'est à la fois riche (en partage de points de vue, en entre-aide) et à la fois difficile (beaucoup d'heures de réunions, il faut apprendre à communiquer de manière efficace, il faut parfois faire face à des conflits). Dans l'ensemble, je ne regrette pas ce choix même si il est important de ne pas perdre de vue les objectifs de la brasserie dans l'histoire.</p>
|
||||||
|
<p>Et puis la collaboration ne s'arrête pas qu'au collectif d'activité: le milieu brassicole est en mutation, et les valeurs de partage font bel et bien partie du lot de changements. Les rencontre avec les brasseurs du coin de Rennes le montrent bien: l'esprit est plus à l'entraide qu'à la concurrence, au vu de la demande qui est toujours croissante. Tant mieux, on a autre chose à faire qu'à se tirer dans les pâtes ;)</p>
|
||||||
|
<h2>Besoin de concret</h2>
|
||||||
|
<p>Après cette phase assez énorme de réfléxion, de questionnement, de tricotage, de détricotage, de retricotage, j'ai bien envie de passer à l'action; et ça tombe bien, c'est ce qui est à l'horizon. L'idée est d'ouvrir la brasserie à la fin de cette année pour commencer la commercialisation en Janvier 2018. Ça fait un peu peur de voir l'échéance arriver, mais c'est aussi excitant que vertigineux…</p>
|
||||||
|
<p>Faire ensemble. Imaginer les choses en petit un peu partout. Collaborer plutôt que se tirer dans les pattes. Renverser la vapeur. Trouver des alliés. Faire levier. Inscrire ses projets dans le temps. C'est peut-être un peu ça, grandir ?</p>
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
324
carto-forms-fr.html
Normal file
324
carto-forms-fr.html
Normal file
|
|
@ -0,0 +1,324 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Génération de formulaires, geolocalisés ? - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<meta name="tags" contents="GIS" />
|
||||||
|
<meta name="tags" contents="forms" />
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Génération de formulaires, geolocalisés ?</h1>
|
||||||
|
<span class="post-date">04 février 2012</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>On a un plan. Un "truc de ouf".</p>
|
||||||
|
<p>À plusieurs reprises, des amis m'ont demandé de leur coder la même chose, à
|
||||||
|
quelques détails près: une page web avec un formulaire qui permettrait de
|
||||||
|
soumettre des informations géographiques, lié à une carte et des manières de
|
||||||
|
filtrer l'information.</p>
|
||||||
|
<p>L'idée fait son bout de chemin, et je commence à penser qu'on peut même avoir
|
||||||
|
quelque chose de vraiment flexible et utile. J'ai nommé le projet <em>carto-forms</em>
|
||||||
|
pour l'instant (mais c'est uniquement un nom de code).</p>
|
||||||
|
<p>Pour résumer: et si on avait un moyen de construire des formulaires, un peu
|
||||||
|
comme Google forms, mais avec des informations géographiques en plus?</p>
|
||||||
|
<p>Si vous ne connaissez pas Google forms, il s'agit d'une interface simple
|
||||||
|
d'utilisation pour générer des formulaires et récupérer des informations depuis
|
||||||
|
ces derniers.</p>
|
||||||
|
<p>Google forms est un super outil mais à mon avis manque deux choses importantes:
|
||||||
|
premièrement, il s'agit d'un outil propriétaire (oui, on peut aussi dire
|
||||||
|
privateur) et il n'est donc pas possible de le hacker un peu pour le faire
|
||||||
|
devenir ce qu'on souhaite, ni l'installer sur notre propre serveur.
|
||||||
|
Deuxièmement, il ne sait pas vraiment fonctionner avec des informations
|
||||||
|
géographiques, et il n'y à pas d'autre moyen de filtrer les informations que
|
||||||
|
l'utilisation de leur système de feuilles de calcul.</p>
|
||||||
|
<p>Après avoir réfléchi un petit peu à ça, j'ai contacté <a class="reference external" href="http://blog.mathieu-leplatre.info/">Mathieu</a> et les anciens
|
||||||
|
collègues de chez <a class="reference external" href="http://makina-corpus.com">Makina Corpus</a>, puisque les projets libres à base de carto
|
||||||
|
sont à même de les intéresser.</p>
|
||||||
|
<p>Imaginez le cas suivant:</p>
|
||||||
|
<ol class="arabic simple">
|
||||||
|
<li>Dans une "mapping party", on choisit un sujet particulier à cartographier et
|
||||||
|
on design un formulaire (liste des champs (tags) a remplir + description +
|
||||||
|
le type d'information) ;</li>
|
||||||
|
<li>Sur place, les utilisateurs remplissent les champs du formulaire avec ce
|
||||||
|
qu'ils voient. Les champs géolocalisés peuvent être remplis automatiquement
|
||||||
|
avec la géolocalisation du téléphone ;</li>
|
||||||
|
<li>À la fin de la journée, il est possible de voir une carte des contributions,
|
||||||
|
avec le formulaire choisi ;</li>
|
||||||
|
<li>Un script peut importer les résultats et les publier vers OpenStreetMap.</li>
|
||||||
|
</ol>
|
||||||
|
<div class="section" id="quelques-cas-d-utilisation">
|
||||||
|
<h2>Quelques cas d'utilisation</h2>
|
||||||
|
<p>J'arrive à imaginer différents cas d'utilisation pour cet outil. Le premier est
|
||||||
|
celui que j'ai approximativement décrit plus haut: la génération de cartes de
|
||||||
|
manière collaborative, avec des filtres à facettes. Voici un flux d'utilisation
|
||||||
|
général:</p>
|
||||||
|
<ul>
|
||||||
|
<li><p class="first">Un "administrateur" se rend sur le site web et crée un nouveau formulaire
|
||||||
|
pour l'ensemble des évènements alternatifs. Il crée les champs suivants:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Nom: le champ qui contient le nom de l'évènement.</li>
|
||||||
|
<li>Catégorie: la catégorie de l'évènement (marche, concert, manifestation…).
|
||||||
|
Il peut s'agir d'un champ à multiples occurrences.</li>
|
||||||
|
<li>Le lieu de l'évènement. Celui-ci peut être donné soit par une adresse soit
|
||||||
|
en sélectionnant un point sur une carte.</li>
|
||||||
|
<li>Date: la date de l'évènement (un "date picker" peut permettre cela
|
||||||
|
facilement)</li>
|
||||||
|
</ul>
|
||||||
|
<p>Chaque champ dans le formulaire a des informations sémantiques associées
|
||||||
|
(oui/non, multiple sélection, date, heure, champ géocodé, sélection carto,
|
||||||
|
etc.)</p>
|
||||||
|
</li>
|
||||||
|
<li><p class="first">Une fois terminé, le formulaire est généré et une URL permet d'y accéder.
|
||||||
|
(par exemple <a class="reference external" href="http://forms.notmyidea.org/alternatives">http://forms.notmyidea.org/alternatives</a>).</p>
|
||||||
|
</li>
|
||||||
|
<li><p class="first">Une API REST permet à d'autres applications d'accéder aux informations et d'en
|
||||||
|
ajouter / modifier de nouvelles.</p>
|
||||||
|
</li>
|
||||||
|
<li><p class="first">Il est maintenant possible de donner l'URL à qui voudra en faire bon usage.
|
||||||
|
N'importe qui peut ajouter des informations. On peut également imaginer une
|
||||||
|
manière de modérer les modifications si besoin est.</p>
|
||||||
|
</li>
|
||||||
|
<li><p class="first">Bien sur, la dernière phase est la plus intéressante: il est possible de
|
||||||
|
filtrer les informations par lieu, catégorie ou date, le tout soit via une
|
||||||
|
API REST, soit via une jolie carte et quelques contrôles bien placés, dans le
|
||||||
|
navigateur.</p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<p>Vous avez dû remarquer que le processus de création d'un formulaire est
|
||||||
|
volontairement très simple. L'idée est que n'importe qui puisse créer des
|
||||||
|
cartes facilement, en quelques clics. Si une API bien pensée suit, on peut
|
||||||
|
imaginer faire de la validation coté serveur et même faire des applications
|
||||||
|
pour téléphone assez simplement.</p>
|
||||||
|
<p>Pour aller un peu plus loin, si on arrive à penser un format de description
|
||||||
|
pour le formulaire, il sera possible de construire les formulaires de manière
|
||||||
|
automatisée sur différentes plateformes et également sur des clients
|
||||||
|
génériques.</p>
|
||||||
|
<p>On imagine pas mal d'exemples pour ce projet: des points de recyclage, les
|
||||||
|
endroits accessibles (pour fauteuils roulants etc.), identification des arbres,
|
||||||
|
bons coins à champignons, recensement des espèces en voie de disparition
|
||||||
|
(l'aigle de Bonelli est actuellement suivi en utilisant une feuille de calcul
|
||||||
|
partagée !), suivi des espèces dangereuses (le frelon asiatique par exemple),
|
||||||
|
cartographier les points d'affichage publicitaires, participation citoyenne
|
||||||
|
(graffitis, nids de poule, voir <a class="reference external" href="http://fixmystreet.ca">http://fixmystreet.ca</a>), geocaching,
|
||||||
|
trajectoires (randonnées, coureurs, cyclistes)…</p>
|
||||||
|
<p>Voici quelques exemples où ce projet pourrait être utile (la liste n'est pas
|
||||||
|
exhaustive):</p>
|
||||||
|
<div class="section" id="un-backend-sig-simple-a-utiliser">
|
||||||
|
<h3>Un backend SIG simple à utiliser</h3>
|
||||||
|
<p>Disons que vous êtes développeur mobile. Vous ne voulez pas vous encombrer avec
|
||||||
|
PostGIS ou écrire du code spécifique pour récupérer et insérer des données SIG!
|
||||||
|
Vous avez besoin de <em>Carto-Forms</em>! Une API simple vous aide à penser vos
|
||||||
|
modèles et vos formulaires, et cette même API vous permet d'insérer et de
|
||||||
|
récupérer des données. Vous pouvez vous concentrer sur votre application et non
|
||||||
|
pas sur la manière dont les données géographiques sont stockées et gérées.</p>
|
||||||
|
<p>En d'autres termes, vous faites une distinction entre le stockage des
|
||||||
|
informations et leur affichage.</p>
|
||||||
|
<p>Si vous êtes un développeur django, plomino, drupal etc. vous pouvez développer
|
||||||
|
un module pour "plugger" vos modèles et votre interface utilisateur avec celle
|
||||||
|
de <em>Carto-Forms</em>. De cette manière, il est possible d'exposer les formulaires
|
||||||
|
aux utilisateurs de vos backoffices. De la même manière, il est possible
|
||||||
|
d'écrire des widgets qui consomment des données et les affichent (en utilisant
|
||||||
|
par exemple une bibliothèque javascript de webmapping).</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="un-outil-de-visualisation">
|
||||||
|
<h3>Un outil de visualisation</h3>
|
||||||
|
<p>Puisque les données peuvent être proposées de manière automatisée en utilisant
|
||||||
|
l'API, vous pouvez utiliser la page de résultat de Carto-forms comme un outil
|
||||||
|
de visualisation.</p>
|
||||||
|
<p>Il est possible d'explorer mon jeu de données en utilisant des filtres sur
|
||||||
|
chacun des champs. La recherche à facettes peut être une idée pour faciliter ce
|
||||||
|
filtrage. Une carte affiche le résultat. Vous avez l'impressoin d'être en face
|
||||||
|
d'un système d'aide à la décision !</p>
|
||||||
|
<p>Évidemment, il est possible de télécharger les données brutes (geojson, xml).
|
||||||
|
Idéalement, le mieux serait d'obtenir ces données filtrées directement depuis
|
||||||
|
une API Web, et un lien permet de partager la page avec l'état des filtres et
|
||||||
|
le niveau de zoom / la localisation de la carte.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="un-service-generique-pour-gerer-les-formulaires">
|
||||||
|
<h3>Un service générique pour gérer les formulaires</h3>
|
||||||
|
<p>Si vous souhaitez générer un fichier de configuration (ou ce que vous voulez,
|
||||||
|
messages emails, …) vous aurez besoin d'un formulaire et d'un template pour
|
||||||
|
injecter les données proposées par les utilisateurs et récupérer un résultat.</p>
|
||||||
|
<p>Un service de gestion des formulaires pourrait être utile pour créer des
|
||||||
|
formulaires de manière automatique et récupérer les données "nettoyées" et
|
||||||
|
"validées".</p>
|
||||||
|
<p>On peut imaginer par exemple l'utilisation d'un système de templates externe
|
||||||
|
reposant sur <em>carto-forms</em>. Celui-ci "parserait" le contenu des templates et
|
||||||
|
pourrait le lier aux informations ajoutées par les utilisateurs via un formulaire.</p>
|
||||||
|
<p>Pour ce cas particulier, il n'y a pas besoin d'informations géographiques
|
||||||
|
(SIG). Il s'agit quasiment du service proposé actuellement par Google forms.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="ca-n-existe-pas-deja-tout-ca">
|
||||||
|
<h2>Ça n'existe pas déjà tout ça ?</h2>
|
||||||
|
<p>Bien sur, il y a Google forms, qui vous permet de faire ce genre de choses,
|
||||||
|
mais comme je l'ai précisé plus haut, il ne s'agit pas exactement de la même
|
||||||
|
chose.</p>
|
||||||
|
<p>Nous avons découvert <a class="reference external" href="https://webform.com">https://webform.com</a> qui permet de créer des formulaires
|
||||||
|
avec un système de drag'n'drop. J'adorerais reproduire quelque chose de
|
||||||
|
similaire pour l'interface utilisateur. Par contre ce projet ne gère pas les
|
||||||
|
appels via API et les informations de géolocalisation …</p>
|
||||||
|
<p>L'idée de <a class="reference external" href="http://thoth.io">http://thoth.io</a> est également assez sympathique: une api très
|
||||||
|
simple pour stocker et récupérer des données. En plus de ça, <em>carto-forms</em>
|
||||||
|
proposerait de la validation de données et proposerait un support des points
|
||||||
|
SIG (point, ligne, polygone).</p>
|
||||||
|
<p><a class="reference external" href="http://mapbox.com">http://mapbox.com</a> fait également un superbe travail autour de la cartographie,
|
||||||
|
mais ne prends pas en compte le coté auto-génération de formulaires…</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="on-est-parti">
|
||||||
|
<h2>On est parti ?!</h2>
|
||||||
|
<p>Comme vous avez pu vous en rendre compte, il ne s'agit pas d'un problème
|
||||||
|
outrageusement complexe. On a pas mal discuté avec Mathieu, à propos de ce
|
||||||
|
qu'on souhaite faire et du comment. Il se trouve qu'on peut sûrement s'en
|
||||||
|
sortir avec une solution élégante sans trop de problèmes. Mathieu est habitué à
|
||||||
|
travailler autour des projets de SIG (ce qui est parfait parce que ce n'est pas
|
||||||
|
mon cas) et connaît son sujet. Une bonne opportunité d'apprendre!</p>
|
||||||
|
<p>On sera tous les deux à <a class="reference external" href="http://rencontres.django-fr.org">Djangocong</a> le 14 et 15 Avril, et on prévoit une
|
||||||
|
session de <em>tempête de cerveau</em> et un sprint sur ce projet. Si vous êtes dans
|
||||||
|
le coin et que vous souhaitez discuter ou nous filer un coup de patte,
|
||||||
|
n'hésitez pas!</p>
|
||||||
|
<p>On ne sait pas encore si on utilisera django ou quelque chose d'autre. On a
|
||||||
|
pensé un peu à CouchDB, son système de couchapps et geocouch, mais rien n'est
|
||||||
|
encore gravé dans le marbre ! N'hésitez pas à proposer vos solutions ou
|
||||||
|
suggestions.</p>
|
||||||
|
<p>Voici le document etherpad sur lequel on a travaillé jusqu'à maintenant:
|
||||||
|
<a class="reference external" href="http://framapad.org/carto-forms">http://framapad.org/carto-forms</a>. N'hésitez pas à l'éditer et à ajouter vos
|
||||||
|
commentaires, c'est son objectif!</p>
|
||||||
|
<p>Merci à <a class="reference external" href="http://sneakernet.fr/">Arnaud</a> pour la relecture et la correction de quelques typos dans le
|
||||||
|
texte :)</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
296
carto-forms.html
Normal file
296
carto-forms.html
Normal file
|
|
@ -0,0 +1,296 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Thoughts about a form generation service, GIS enabled - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<meta name="tags" contents="GIS" />
|
||||||
|
<meta name="tags" contents="forms" />
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Thoughts about a form generation service, GIS enabled</h1>
|
||||||
|
<span class="post-date">04 février 2012</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>We have a plan. A "fucking good" one.</p>
|
||||||
|
<p>A bunch of friends asked me twice for quite the same thing: a webpage with a
|
||||||
|
form, tied to a map generation with some information filtering. They didn't
|
||||||
|
explicitly ask that but that's the gist of it.</p>
|
||||||
|
<p>This idea has been stuck in my head since then and I even think that we can
|
||||||
|
come out with something a little bit more flexible and useful. I've named it
|
||||||
|
<em>carto-forms</em> for now, but that's only the "codename".</p>
|
||||||
|
<p>To put it shortly: what if we had a way to build forms, ala Google forms, but
|
||||||
|
with geographic information in them?</p>
|
||||||
|
<p>If you don't know Google forms, it means having an user-friendly way to build
|
||||||
|
forms and to use them to gather information from different users.</p>
|
||||||
|
<p>In my opinion, Google forms is missing two important things: first, it's not
|
||||||
|
open-source, so it's not possible to hack it or even to run it on your own
|
||||||
|
server. Second, it doesn't really know how to deal with geographic data, and
|
||||||
|
there is no way to filter the information more than in a spreadsheet.</p>
|
||||||
|
<p>I knew that <a class="reference external" href="http://blog.mathieu-leplatre.info/">Mathieu</a> and some folks at <a class="reference external" href="http://makina-corpus.com">Makina Corpus</a> would be interested
|
||||||
|
in this, so I started a discussion with him on IRC and we refined the details
|
||||||
|
of the project and its objectives.</p>
|
||||||
|
<p>Imagine the following:</p>
|
||||||
|
<ol class="arabic simple">
|
||||||
|
<li>For a mapping party, we choose a specific topic to map and design the form
|
||||||
|
(list of fields (i.e. tags) to be filled + description + type of the
|
||||||
|
information) ;</li>
|
||||||
|
<li>In situ, users fill the form fields with what they see. Geo fields can be
|
||||||
|
pre-populated using device geolocation ;</li>
|
||||||
|
<li>At the end of the day, we can see a map with all user contributions seized
|
||||||
|
through this particular form ;</li>
|
||||||
|
<li>If relevant, a script could eventually import the resulting dataset and
|
||||||
|
publish/merge with OpenStreetMap.</li>
|
||||||
|
</ol>
|
||||||
|
<div class="section" id="some-use-cases">
|
||||||
|
<h2>Some use cases</h2>
|
||||||
|
<p>I can see some use cases for this. The first one is a collaborative map, with
|
||||||
|
facet filtering. Let's draw a potential user flow:</p>
|
||||||
|
<ul>
|
||||||
|
<li><p class="first">An "administrator" goes to the website and creates a form to list all the
|
||||||
|
alternative-related events. He creates the following fields:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Name: a plain text field containing the name of the event.</li>
|
||||||
|
<li>Category: the category of the event. Can be a finite list.</li>
|
||||||
|
<li>Location: The location of the event. It could be provided by selecting a
|
||||||
|
point on a map or by typing an address.</li>
|
||||||
|
<li>Date: the date of the event (a datepicker could do the trick)</li>
|
||||||
|
</ul>
|
||||||
|
<p>Each field in the form has semantic information associated with it (yes/no,
|
||||||
|
multiple selection, date-time, geocoding carto, carto selection etc)</p>
|
||||||
|
</li>
|
||||||
|
<li><p class="first">Once finished, the form is generated and the user gets an url (say
|
||||||
|
<a class="reference external" href="http://forms.notmyidea.org/alternatives">http://forms.notmyidea.org/alternatives</a>) for it.</p>
|
||||||
|
</li>
|
||||||
|
<li><p class="first">REST APIs allow third parties to get the form description and to
|
||||||
|
push/edit/get information from there.</p>
|
||||||
|
</li>
|
||||||
|
<li><p class="first">He can communicate the address in any way he wants to his community so they
|
||||||
|
can go to the page and add information to it.</p>
|
||||||
|
</li>
|
||||||
|
<li><p class="first">Then, it is possible to filter the results per location / date or category.
|
||||||
|
This can be done via API calls (useful for third parties) or via a nice
|
||||||
|
interface in the browser.</p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<p>So, as you may have noticed, this would allow us to create interactive maps really
|
||||||
|
easily. It's almost just a matter of some clicks to the users. If we also come
|
||||||
|
up with a nice Web API for this, we could do server-side validation and build
|
||||||
|
even phone applications easily.</p>
|
||||||
|
<p>To push the cursor a bit further, if we can come with a cool description format
|
||||||
|
for the forms, we could even build the forms dynamically on different platforms,
|
||||||
|
with generic clients.</p>
|
||||||
|
<p>As mentioned before, the idea of a simple tool to support collaborative mapping
|
||||||
|
fullfils a recurring necessity !</p>
|
||||||
|
<p>We envision a lot of example uses for this : recycling spots, accessible spots (wheelchairs,
|
||||||
|
etc.), trees identification, mushrooms picking areas, tracking of endangered species
|
||||||
|
(e.g. Bonelli's Eagle is currently tracked by sharing a spreadsheet), spotting of dangerous
|
||||||
|
species (e.g. asian predatory wasps), map advertisement boards (most cities do not track them!),
|
||||||
|
citizen reporting (e.g. graffiti, potholes, garbage, lightning like <a class="reference external" href="http://fixmystreet.ca">http://fixmystreet.ca</a>),
|
||||||
|
geocaching, trajectories (e.g hiking, runners, cyclists)...</p>
|
||||||
|
<p>Here are some other examples of where <em>carto-forms</em> could be useful:</p>
|
||||||
|
<div class="section" id="simple-gis-storage-backend">
|
||||||
|
<h3>Simple GIS storage backend</h3>
|
||||||
|
<p>Let's say you are a mobile developer, you don't want to bother with PostGIS
|
||||||
|
nor write a custom and insecure code to insert and retrieve your GIS data! You
|
||||||
|
need carto-forms! A simple API helps you design your models/forms and the
|
||||||
|
same API allows you to CRUD and query your data. Thus, you only need to focus
|
||||||
|
on your application, not on how GIS data will be handled.</p>
|
||||||
|
<p>We make a distinction between storage and widgets.</p>
|
||||||
|
<p>Besides, if you are a django / drupal / plomino... maintainer : you
|
||||||
|
can develop a module to "plug" your models (content types) and UI to carto-forms!
|
||||||
|
Carto forms are then exposed to your backoffice users (ex: drupal admin UI, django
|
||||||
|
adminsite), and likewise you can write your own HTML widgets that consume datasets
|
||||||
|
in frontend views (facets in JSON/XML, and map data in GeoJSON).</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="visualization-tool">
|
||||||
|
<h3>Visualization tool</h3>
|
||||||
|
<p>Since data submission can be done programmatically using the API, you could use Carto-forms
|
||||||
|
results page as a visualization tool.</p>
|
||||||
|
<p>You can explore your dataset content using filters related to each form field. Facets filtering
|
||||||
|
is a great advantage, and a map shows the resulting features set. You feel like you're in
|
||||||
|
front of a decision support system!</p>
|
||||||
|
<p>Of course, filtered raw data can be downloaded (GeoJSON, XML) and a permalink allows to
|
||||||
|
share the page with the state of the filters and the zoom/location of the map.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="generic-forms-service">
|
||||||
|
<h3>Generic forms service</h3>
|
||||||
|
<p>If you want to generate a configuration file (or whatever, email messages, ...),
|
||||||
|
you will need a form and a template to inlay user submitted values and get the result.</p>
|
||||||
|
<p>A form service would be really useful to create forms programmatically and retrieve
|
||||||
|
cleaned and validated input values.</p>
|
||||||
|
<p>You could run a dedicated template service based on <em>carto-forms</em>! Parsing a template
|
||||||
|
content, this external service could create a form dynamically and bind them together.
|
||||||
|
The output of the form service (fields => values) would be bound to the input of a template
|
||||||
|
engine (variables => final result).</p>
|
||||||
|
<p>Note that for this use-case, there is no specific need of GIS data nor storage of records
|
||||||
|
for further retrieval.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="what-s-out-in-the-wild-already">
|
||||||
|
<h2>What's out in the wild already?</h2>
|
||||||
|
<p>Of course, there is Google forms, which allows you to do these kind of things,
|
||||||
|
but it's closed and not exactly what we are describing here.</p>
|
||||||
|
<p>We've discovered the interesting <a class="reference external" href="https://webform.com/">https://webform.com/</a> which allows one to create
|
||||||
|
forms with a nice drag-n-drop flow. I would love to reproduce something similar
|
||||||
|
for the user experience. However, the project doesn't handle APIs and
|
||||||
|
geolocation information.</p>
|
||||||
|
<p>The idea of <a class="reference external" href="http://thoth.io">http://thoth.io</a> is very attractive : an extremely simple web API to store
|
||||||
|
and retrieve data. In addition, <em>carto-forms</em> would do datatype validation and have
|
||||||
|
basic GIS fields (point, line, polygon).</p>
|
||||||
|
<p><a class="reference external" href="http://mapbox.com">http://mapbox.com</a> also did an awesome work on cartography, but didn't take into
|
||||||
|
account the form aspect we're leveraging here.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="so-let-s-get-it-real">
|
||||||
|
<h2>So… Let's get it real!</h2>
|
||||||
|
<p>As you may have understood, this isn't a really complicated problem. We have
|
||||||
|
been sometimes chatting about that with Mathieu about what we would need and
|
||||||
|
how we could achieve this.</p>
|
||||||
|
<p>We can probably come with an elegant solution without too much pain. Mathieu is
|
||||||
|
used to work with GIS systems (which is really cool because I'm not at all) and
|
||||||
|
knows his subject, so that's an opportunity to learn ;-)</p>
|
||||||
|
<p>We will be at <a class="reference external" href="http://rencontres.django-fr.org">Djangocong</a> on April 14 and 15 and will probably have
|
||||||
|
a brainstorming session and a sprint on this, so if you are around and want to
|
||||||
|
help us, or just to discuss, feel free to join!</p>
|
||||||
|
<p>We don't know yet if we will be using django for this or something else. We
|
||||||
|
have been thinking about couchdb, couchapps and geocouch but nothing is written
|
||||||
|
in stone yet. Comments and proposals are welcome!</p>
|
||||||
|
<p>Here is the etherpad document we worked on so far:
|
||||||
|
<a class="reference external" href="http://framapad.org/carto-forms">http://framapad.org/carto-forms</a>. Don't hesitate to add your thoughts and edit
|
||||||
|
it, that's what it's made for!</p>
|
||||||
|
<p>Thanks to <a class="reference external" href="http://sneakernet.fr/">Arnaud</a> and <a class="reference external" href="http://qwerty.fuzz.me.uk/">Fuzzmz</a> for proof-reading and typo fixing.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
116
categories.html
Normal file
116
categories.html
Normal file
|
|
@ -0,0 +1,116 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<ul>
|
||||||
|
<li><a href="https://blog.notmyidea.org/category/beer.html">beer</a></li>
|
||||||
|
<li><a href="https://blog.notmyidea.org/category/biere.html">biere</a></li>
|
||||||
|
<li><a href="https://blog.notmyidea.org/category/conferences.html">conferences</a></li>
|
||||||
|
<li><a href="https://blog.notmyidea.org/category/crypto.html">crypto</a></li>
|
||||||
|
<li><a href="https://blog.notmyidea.org/category/diy.html">diy</a></li>
|
||||||
|
<li><a href="https://blog.notmyidea.org/category/journal.html">journal</a></li>
|
||||||
|
<li><a href="https://blog.notmyidea.org/category/life.html">life</a></li>
|
||||||
|
<li><a href="https://blog.notmyidea.org/category/misc.html">misc</a></li>
|
||||||
|
<li><a href="https://blog.notmyidea.org/category/musique.html">musique</a></li>
|
||||||
|
<li><a href="https://blog.notmyidea.org/category/notes.html">notes</a></li>
|
||||||
|
<li><a href="https://blog.notmyidea.org/category/pyconfr2015.html">pyconfr2015</a></li>
|
||||||
|
<li><a href="https://blog.notmyidea.org/category/tech.html">tech</a></li>
|
||||||
|
<li><a href="https://blog.notmyidea.org/category/thoughts.html">thoughts</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
113
category/beer.html
Normal file
113
category/beer.html
Normal file
|
|
@ -0,0 +1,113 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container-wide">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-wide content">
|
||||||
|
<div class="content-title">
|
||||||
|
<h2>beer category</h2>
|
||||||
|
|
||||||
|
<div class="posts">
|
||||||
|
<ul id="blog_index">
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/neipa-3.html">NEIPA #3</a></span><span class="description"><span class="headline">New England IPA - Collab avec Heiko.</span><time class="created" datetime="2017-12-29T00:00:00+01:00">29 décembre 2017</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/neipa-2.html">NEIPA #2</a></span><span class="description"><span class="headline">Petit test de New England IPA.</span><time class="created" datetime="2017-12-18T00:00:00+01:00">18 décembre 2017</time></span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
113
category/biere.html
Normal file
113
category/biere.html
Normal file
|
|
@ -0,0 +1,113 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container-wide">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-wide content">
|
||||||
|
<div class="content-title">
|
||||||
|
<h2>biere category</h2>
|
||||||
|
|
||||||
|
<div class="posts">
|
||||||
|
<ul id="blog_index">
|
||||||
|
<li style="background-image: url('/images/refroidissement.jpg') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/un-club-des-brasseurs-amateurs-rennais.html">Un club des brasseurs amateurs Rennais</a></span><span class="description"><span class="headline">Si vous êtes dans le coin de Rennes et que vous voulez échanger sur la fabrication de bière, ne cherchez plus ;)</span><time class="created" datetime="2017-11-06T00:00:00+01:00">06 novembre 2017</time></span></li>
|
||||||
|
<li style="background-image: url('images/haze.jpg') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/larrivee-du-trouble-ou-comment-faire-des-neipa.html">L'arrivée du trouble (ou comment faire des NEIPA ?)</a></span><span class="description"><span class="headline">Traduction d'un article sur les New England IPA du magazine Américan « Brew Your Own »</span><time class="created" datetime="2017-10-17T00:00:00+02:00">17 octobre 2017</time></span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
112
category/conferences.html
Normal file
112
category/conferences.html
Normal file
|
|
@ -0,0 +1,112 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container-wide">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-wide content">
|
||||||
|
<div class="content-title">
|
||||||
|
<h2>conferences category</h2>
|
||||||
|
|
||||||
|
<div class="posts">
|
||||||
|
<ul id="blog_index">
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/rencontres-python-francophones-2015.html">Rencontres python francophones, 2015</a></span><span class="description"><span class="headline">Retours sur les rencontres python francophones de 2015.</span><time class="created" datetime="2015-11-02T00:00:00+01:00">02 novembre 2015</time></span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
123
category/crypto.html
Normal file
123
category/crypto.html
Normal file
|
|
@ -0,0 +1,123 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container-wide">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-wide content">
|
||||||
|
<div class="content-title">
|
||||||
|
<h2>crypto category</h2>
|
||||||
|
|
||||||
|
<div class="posts">
|
||||||
|
<ul id="blog_index">
|
||||||
|
<li style="background-image: url('images/illusion.jpg') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/avez-vous-confiance-en-ssl.html">Avez vous confiance en SSL?</a></span><span class="description"><span class="headline">Tour d'horizon du fonctionnement de SSL et des solutions pour le sécuriser.</span><time class="created" datetime="2016-03-25T00:00:00+01:00">25 mars 2016</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/retours-sur-un-atelier-zeronet.html">Retours sur un atelier ZeroNet</a></span><span class="description"><span class="headline">Comment contourner la censure grâce à un Web pair-à-pair ?</span><time class="created" datetime="2016-03-17T00:00:00+01:00">17 mars 2016</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/lets-encrypt-haproxy.html">Let's Encrypt + HAProxy</a></span><span class="description"><span class="headline">Comment j'ai mis en place des certificats SSL avec Let's Encrypt
|
||||||
|
derrière haproxy.</span><time class="created" datetime="2016-02-11T00:00:00+01:00">11 février 2016</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/ateliers-dautodefense-numerique.html">Ateliers d'autodéfense numérique</a></span><span class="description"><span class="headline">J'ai récemment animé des ateliers d'autodéfense numérique. Voici
|
||||||
|
quelques retours et pistes d'améliorations.</span><time class="created" datetime="2016-01-14T00:00:00+01:00">14 janvier 2016</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/web-distribution-signing.html">Web distribution signing</a></span><span class="description"><span class="headline">Bringing trust back between software authors and user agents.</span><time class="created" datetime="2015-10-12T00:00:00+02:00">12 octobre 2015</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/les-problemes-de-pgp.html">Les problèmes de PGP</a></span><span class="description"><span class="headline">Quels sont les soucis liés à PGP, que faire ?</span><time class="created" datetime="2015-05-25T00:00:00+02:00">25 mai 2015</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/simplifier-les-preuves-didentites.html">Simplifier les preuves d'identités</a></span><span class="description"><span class="headline">Qu'est-ce que Keybase.io et comment essayent-ils de simplifier la
|
||||||
|
création de preuves d'identité.</span><time class="created" datetime="2015-05-11T00:00:00+02:00">11 mai 2015</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/phrases-de-passe-et-bonnes-pratiques.html">Phrases de passe et bonnes pratiques</a></span><span class="description"><span class="headline">Communiquer de manière chiffrée n'est pas aisée, et nécessite de
|
||||||
|
mémoriser des phrases de passes complexes. Comment s'en sortir ?</span><time class="created" datetime="2015-05-09T00:00:00+02:00">09 mai 2015</time></span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
113
category/diy.html
Normal file
113
category/diy.html
Normal file
|
|
@ -0,0 +1,113 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container-wide">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-wide content">
|
||||||
|
<div class="content-title">
|
||||||
|
<h2>diy category</h2>
|
||||||
|
|
||||||
|
<div class="posts">
|
||||||
|
<ul id="blog_index">
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/tricot.html">Tricot</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-12-28T00:00:00+01:00">28 décembre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/biere-maison-fr.html">Bière maison !</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-04-10T00:00:00+02:00">10 avril 2012</time></span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
113
category/journal.html
Normal file
113
category/journal.html
Normal file
|
|
@ -0,0 +1,113 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container-wide">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-wide content">
|
||||||
|
<div class="content-title">
|
||||||
|
<h2>journal category</h2>
|
||||||
|
|
||||||
|
<div class="posts">
|
||||||
|
<ul id="blog_index">
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/ours.html">Ours</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2019-07-03T00:00:00+02:00">03 juillet 2019</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/velotaf.html">velotaf</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2019-06-27T00:00:00+02:00">27 juin 2019</time></span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
113
category/life.html
Normal file
113
category/life.html
Normal file
|
|
@ -0,0 +1,113 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container-wide">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-wide content">
|
||||||
|
<div class="content-title">
|
||||||
|
<h2>life category</h2>
|
||||||
|
|
||||||
|
<div class="posts">
|
||||||
|
<ul id="blog_index">
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/de-mozilla-a-la-brasserie-du-vieux-singe.html">De Mozilla à la Brasserie du Vieux Singe</a></span><span class="description"><span class="headline">Comment un passionné de Logiciels libres choisit de créer une petite brasserie artisanale.</span><time class="created" datetime="2018-05-27T00:00:00+02:00">27 mai 2018</time></span></li>
|
||||||
|
<li style="background-image: url('/images/abeilles.jpg') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/groupement-dachats-partage-dexperience.html">Groupement d'achats & partage d'expérience</a></span><span class="description"><span class="headline">Quelques retours sur la création et l'organisation d'un groupement d'achat.</span><time class="created" datetime="2018-03-03T00:00:00+01:00">03 mars 2018</time></span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
112
category/misc.html
Normal file
112
category/misc.html
Normal file
|
|
@ -0,0 +1,112 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container-wide">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-wide content">
|
||||||
|
<div class="content-title">
|
||||||
|
<h2>misc category</h2>
|
||||||
|
|
||||||
|
<div class="posts">
|
||||||
|
<ul id="blog_index">
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/un-espace-des-communs-rennais.html">Un espace des communs Rennais ?</a></span><span class="description"><span class="headline">Quelques notes prises après une discussion avec d'autres complices du coin</span><time class="created" datetime="2019-06-26T00:00:00+02:00">26 juin 2019</time></span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
113
category/musique.html
Normal file
113
category/musique.html
Normal file
|
|
@ -0,0 +1,113 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container-wide">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-wide content">
|
||||||
|
<div class="content-title">
|
||||||
|
<h2>musique category</h2>
|
||||||
|
|
||||||
|
<div class="posts">
|
||||||
|
<ul id="blog_index">
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/languages.html">Languages</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-12-28T00:00:00+01:00">28 décembre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/groovy.html">"Groovy"</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-12-27T00:00:00+01:00">27 décembre 2012</time></span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
119
category/notes.html
Normal file
119
category/notes.html
Normal file
|
|
@ -0,0 +1,119 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container-wide">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-wide content">
|
||||||
|
<div class="content-title">
|
||||||
|
<h2>notes category</h2>
|
||||||
|
|
||||||
|
<div class="posts">
|
||||||
|
<ul id="blog_index">
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/le-secret-du-bonheur.html">Le secret du bonheur</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2014-11-20T00:00:00+01:00">20 novembre 2014</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/le-revenu-de-base.html">Le revenu de base</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2013-10-03T00:00:00+02:00">03 octobre 2013</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/notes-economie-libidinale-et-economie-politique.html">Notes: Économie libidinale et économie politique</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2013-07-06T00:00:00+02:00">06 juillet 2013</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/francois-elie-quelle-ecole-pour-la-societe-de-linformation.html">François Elie : Quelle école pour la société de l’information ?</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2013-06-14T00:00:00+02:00">14 juin 2013</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/habitat-collectif.html">Habitat collectif</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-12-28T00:00:00+01:00">28 décembre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/astuces-ssh.html">Astuces SSH</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-12-27T00:00:00+01:00">27 décembre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/notre-dame-des-landes.html">Notre dame des landes</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-12-27T00:00:00+01:00">27 décembre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/semences-paysannes.html">Semences paysannes</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-12-20T00:00:00+01:00">20 décembre 2012</time></span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
118
category/pyconfr2015.html
Normal file
118
category/pyconfr2015.html
Normal file
|
|
@ -0,0 +1,118 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container-wide">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-wide content">
|
||||||
|
<div class="content-title">
|
||||||
|
<h2>pyconfr2015 category</h2>
|
||||||
|
|
||||||
|
<div class="posts">
|
||||||
|
<ul id="blog_index">
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/pyconfr-2015-assemblee-generale.html">PyconFR 2015 — Assemblée générale</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2015-10-18T00:00:00+02:00">18 octobre 2015</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/pyconfr-2015-hospital-des-tests-en-prod.html">PyconFR 2015 — Hospital - des tests en prod</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2015-10-18T00:00:00+02:00">18 octobre 2015</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/pyconfr-2015-we-dont-need-your-loop.html">PyconFR 2015 — We don't need your loop</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2015-10-18T00:00:00+02:00">18 octobre 2015</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/pyconfr-2015-cliquet.html">PyconFR 2015 — Cliquet</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2015-10-17T00:00:00+02:00">17 octobre 2015</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/pyconfr-2015-geoalchemy.html">PyconFR 2015 — Geoalchemy</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2015-10-17T00:00:00+02:00">17 octobre 2015</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/pyconfr-2015-sql-alchemy.html">PyconFR 2015 — SQL Alchemy</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2015-10-17T00:00:00+02:00">17 octobre 2015</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/pyconfr-2015-table-ronde-diversite.html">PyconFR 2015 — Table ronde diversité</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2015-10-17T00:00:00+02:00">17 octobre 2015</time></span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
145
category/tech.html
Normal file
145
category/tech.html
Normal file
|
|
@ -0,0 +1,145 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container-wide">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-wide content">
|
||||||
|
<div class="content-title">
|
||||||
|
<h2>tech category</h2>
|
||||||
|
|
||||||
|
<div class="posts">
|
||||||
|
<ul id="blog_index">
|
||||||
|
<li style="background-image: url('images/carnet.jpg') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/webnotes.html">Webnotes</a></span><span class="description"><span class="headline">Un outil pour prendre et partager des notes lors de ma navigation.</span><time class="created" datetime="2018-02-25T00:00:00+01:00">25 février 2018</time></span></li>
|
||||||
|
<li style="background-image: url('images/forms.jpg') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/comment-est-ce-que-vous-generez-vos-formulaires.html">Comment est-ce que vous générez vos formulaires ?</a></span><span class="description"><span class="headline">Présentation d'une solution pour gérer vos formulaires en gardant la main sur les données générées</span><time class="created" datetime="2016-05-31T00:00:00+02:00">31 mai 2016</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/whats-hawk-and-how-to-use-it.html">What's Hawk and how to use it?</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2014-07-31T00:00:00+02:00">31 juillet 2014</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/new-year-python-meme-2012.html">New year python meme, 2012</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2013-07-01T00:00:00+02:00">01 juillet 2013</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/cross-origin-in-cornice.html">Implementing CORS in Cornice</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2013-04-02T00:00:00+02:00">02 avril 2013</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/status-board-fr.html">Status board</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-12-29T00:00:00+01:00">29 décembre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/gnome-3-extensions.html">Gnome 3, extensions</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-12-27T00:00:00+01:00">27 décembre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/cheese-code-wrap-up.html">Cheese & code - Wrap-up</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-10-22T00:00:00+02:00">22 octobre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/afpy-computer-camp-october-20-21.html">Cheese & Code party: October 20-21</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-09-20T00:00:00+02:00">20 septembre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/circus-sprint-at-pyconfr.html">Circus sprint at PyconFR</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-09-17T00:00:00+02:00">17 septembre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/refactoring-cornice.html">Refactoring Cornice</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-05-14T00:00:00+02:00">14 mai 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/carto-forms.html">Thoughts about a form generation service, GIS enabled</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-02-04T00:00:00+01:00">04 février 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/using-jpype-to-bridge-python-and-java.html">Using JPype to bridge python and Java</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-11-06T00:00:00+01:00">06 novembre 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/how-are-you-handling-your-shared-expenses.html">How are you handling your shared expenses?</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-10-15T00:00:00+02:00">15 octobre 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/using-dbpedia-to-get-languages-influences.html">Using dbpedia to get languages influences</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-08-16T00:00:00+02:00">16 août 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/pelican-9-months-later.html">Pelican, 9 months later</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-07-25T00:00:00+02:00">25 juillet 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/introducing-cornice.html">Introducing Cornice</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-07-12T00:00:00+02:00">12 juillet 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/un-coup-de-main-pour-mon-memoire-fr.html">Un coup de main pour mon mémoire!</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-05-25T00:00:00+02:00">25 mai 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/analyse-users-browsing-context-to-build-up-a-web-recommender.html">Analyse users' browsing context to build up a web recommender</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-04-01T00:00:00+02:00">01 avril 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/working-directly-on-your-server-how-to-backup-and-sync-your-dev-environment-with-unison.html">Working directly on your server? How to backup and sync your dev environment with unison</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-03-16T00:00:00+01:00">16 mars 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/wrap-up-of-the-distutils2-paris-sprint.html">Wrap up of the distutils2 paris' sprint</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-02-08T00:00:00+01:00">08 février 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/pypi-on-couchdb.html">PyPI on CouchDB</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-01-20T00:00:00+01:00">20 janvier 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/help-me-to-go-to-the-distutils2-paris-sprint.html">Help me to go to the distutils2 paris' sprint</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-01-15T00:00:00+01:00">15 janvier 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/how-to-reboot-your-bebox-using-the-cli.html">How to reboot your bebox using the CLI</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-10-21T00:00:00+02:00">21 octobre 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/dynamically-change-your-gnome-desktop-wallpaper.html">Dynamically change your gnome desktop wallpaper</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-10-11T00:00:00+02:00">11 octobre 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/how-to-install-nginx-php-53-on-freebsd.html">How to install NGINX + PHP 5.3 on FreeBSD.</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-10-10T00:00:00+02:00">10 octobre 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/pelican-a-simple-static-blog-generator-in-python.html">Pelican, a simple static blog generator in python</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-10-06T00:00:00+02:00">06 octobre 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/an-amazing-summer-of-code-working-on-distutils2.html">An amazing summer of code working on distutils2</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-08-16T00:00:00+02:00">16 août 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/introducing-the-distutils2-index-crawlers.html">Introducing the distutils2 index crawlers</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-07-06T00:00:00+02:00">06 juillet 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/sprinting-on-distutils2-in-tours.html">Sprinting on distutils2 in Tours</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-07-06T00:00:00+02:00">06 juillet 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/use-restructured-text-rest-to-power-your-presentations.html">Use Restructured Text (ReST) to power your presentations</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-06-25T00:00:00+02:00">25 juin 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/first-week-working-on-distutils2.html">first week working on distutils2</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-06-04T00:00:00+02:00">04 juin 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/a-distutils2-gsoc.html">A Distutils2 GSoC</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-05-01T00:00:00+02:00">01 mai 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/python-go-fr.html">Python ? go !</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2009-12-17T00:00:00+01:00">17 décembre 2009</time></span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
141
category/thoughts.html
Normal file
141
category/thoughts.html
Normal file
|
|
@ -0,0 +1,141 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container-wide">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container-wide content">
|
||||||
|
<div class="content-title">
|
||||||
|
<h2>thoughts category</h2>
|
||||||
|
|
||||||
|
<div class="posts">
|
||||||
|
<ul id="blog_index">
|
||||||
|
<li style="background-image: url('images/less-is-more.jpg') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/faire-moins.html">Faire moins</a></span><span class="description"><span class="headline">Et retrouver le contrôle de son engagement.</span><time class="created" datetime="2018-02-19T00:00:00+01:00">19 février 2018</time></span></li>
|
||||||
|
<li style="background-image: url('images/vieuxsinge.jpg') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/brasserie-du-vieux-singe-installation-en-cours.html">Brasserie du Vieux Singe — Installation en cours.</a></span><span class="description"><span class="headline">Retours sur ces quelques mois consacrés à la création de la brasserie du Vieux Singe.</span><time class="created" datetime="2017-06-26T00:00:00+02:00">26 juin 2017</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/cloisonnement-des-activites.html">Cloisonnement des activités ?</a></span><span class="description"><span class="headline">En revenant de SudWeb</span><time class="created" datetime="2016-05-29T00:00:00+02:00">29 mai 2016</time></span></li>
|
||||||
|
<li style="background-image: url('images/focus.jpg') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/focusing-on-what-matters.html">Focusing on what matters</a></span><span class="description"><span class="headline">How to avoid the information overload?</span><time class="created" datetime="2016-03-17T00:00:00+01:00">17 mars 2016</time></span></li>
|
||||||
|
<li style="background-image: url('images/horizon.jpg') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/lhorizon.html">L'horizon</a></span><span class="description"><span class="headline">Temps de changer d'horizon. Mon départ de Mozilla et le début d'une
|
||||||
|
nouvelle histoire.</span><time class="created" datetime="2016-03-02T00:00:00+01:00">02 mars 2016</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/roles.html">Rôles</a></span><span class="description"><span class="headline">De l'importance des rôles informels et de leur partage au sein d'un
|
||||||
|
groupe.</span><time class="created" datetime="2015-06-29T00:00:00+02:00">29 juin 2015</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/travail-et-creativite.html">Travail et créativité</a></span><span class="description"><span class="headline">Travailler moins pour laisser plus de place à la créativité.</span><time class="created" datetime="2015-05-21T00:00:00+02:00">21 mai 2015</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/chiffrement.html">Chiffrement</a></span><span class="description"><span class="headline">Face a la surveillance généralisée, une seule solution, le
|
||||||
|
chiffrement de nos données et communications.</span><time class="created" datetime="2015-05-08T00:00:00+02:00">08 mai 2015</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/language.html">Language</a></span><span class="description"><span class="headline">Nos langues peuvent être autant de frontières que de ponts...</span><time class="created" datetime="2015-05-01T00:00:00+02:00">01 mai 2015</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/quel-metier-quelle-utilite.html">Quel métier, quelle utilité ?</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2014-07-29T00:00:00+02:00">29 juillet 2014</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/retours-sur-deux-ans-a-mozilla.html">Retours sur deux ans à Mozilla</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2014-07-29T00:00:00+02:00">29 juillet 2014</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/des-carnets-desquisse-fr.html">Des carnets d'esquisse</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2013-08-16T00:00:00+02:00">16 août 2013</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/confiance-fr.html">Des profils de confiance partout et pour tout ?</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2013-04-02T00:00:00+02:00">02 avril 2013</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/lifestyle-fr.html">Lifestyle</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-11-05T00:00:00+01:00">05 novembre 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/pourquoi-mozilla-fr.html">Pourquoi Mozilla?</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-07-16T00:00:00+02:00">16 juillet 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/bidouille-fr.html">Bidouille</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-04-30T00:00:00+02:00">30 avril 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/djangocong-2012-fr.html">Djangocong 2012</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-04-16T00:00:00+02:00">16 avril 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/motivation-benevolat-et-participation-fr.html">Motivation, bénévolat et participation</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-04-10T00:00:00+02:00">10 avril 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/les-dangers-du-livre-numerique-fr.html">Les dangers du livre numérique</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-01-23T00:00:00+01:00">23 janvier 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/2012-first-months.html">2012, first months</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2012-01-21T00:00:00+01:00">21 janvier 2012</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/la-simplicite-volontaire-contre-le-mythe-de-labondance-fr.html">La simplicité volontaire contre le mythe de l'abondance</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-10-14T00:00:00+02:00">14 octobre 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/travailler-moins-pour-mieux-travailler-fr.html">Travailler moins pour mieux travailler ?</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-05-19T00:00:00+02:00">19 mai 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/usages-informatique-fr.html">Quels usages pour l'informatique ?</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2011-01-12T00:00:00+01:00">12 janvier 2011</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/fork-you-or-how-the-social-coding-can-help-you.html">Fork you ! or how the social coding can help you</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-11-05T00:00:00+01:00">05 novembre 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/le-temps-des-graces-courrez-y-fr.html">Le temps des grâces, courrez-y !</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-03-28T00:00:00+01:00">28 mars 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/semaine-de-lenvironnement-la-consommation-etudiante-fr.html">Semaine de l’environnement: La consommation étudiante</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2010-02-24T00:00:00+01:00">24 février 2010</time></span></li>
|
||||||
|
<li style="background-image: url('') !important;"><span class="post"><a class="post_title" href="https://blog.notmyidea.org/amap-media-paniers-bio-a-5e-fr.html">AMAP + Média = Paniers bio à 5e ?!</a></span><span class="description"><span class="headline"></span><time class="created" datetime="2009-11-11T00:00:00+01:00">11 novembre 2009</time></span></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
250
cheese-code-wrap-up.html
Normal file
250
cheese-code-wrap-up.html
Normal file
|
|
@ -0,0 +1,250 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Cheese & code - Wrap-up - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Cheese & code - Wrap-up</h1>
|
||||||
|
<span class="post-date">22 octobre 2012</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>This week-end I hosted a <em>cheese & code</em> session in the country-side of Angers,
|
||||||
|
France.</p>
|
||||||
|
<p>We were a bunch of python hackers and it rained a lot, wich forced us to stay
|
||||||
|
inside and to code. Bad.</p>
|
||||||
|
<p>We were not enough to get rid of all the cheese and the awesome meals, but
|
||||||
|
well, we finally managed it pretty well.</p>
|
||||||
|
<p>Here is a summary of what we worked on:</p>
|
||||||
|
<div class="section" id="daybed">
|
||||||
|
<h2>Daybed</h2>
|
||||||
|
<p>Daybed started some time ago, and intend to be a replacement to google forms,
|
||||||
|
in term of features, but backed as a REST web service, in python, and open
|
||||||
|
source.</p>
|
||||||
|
<p>In case you wonder, daybed is effectively the name of a couch. We chose this
|
||||||
|
name because of the similarities (in the sound) with <strong>db</strong>, and because
|
||||||
|
we're using <strong>CouchDB</strong> as a backend.</p>
|
||||||
|
<img alt="Daybed is a big couch!" src="images/daybed.jpg" style="width: 400px;" />
|
||||||
|
<p>We mainly hacked on daybed and are pretty close to the release of the first
|
||||||
|
version, meaning that we have something working.</p>
|
||||||
|
<p><a class="reference external" href="http://github.com/spiral-project/daybed">The code</a> is available on github,
|
||||||
|
and we also wrote <a class="reference external" href="http://daybed.rtfd.org">a small documentation</a> for it.</p>
|
||||||
|
<p>Mainly, we did a lot of cleanup, rewrote a bunch of tests so that it would be
|
||||||
|
easier to continue to work on the project, and implemented some minor features.
|
||||||
|
I'm pretty confidend that we now have really good basis for this project.</p>
|
||||||
|
<p>Also, we will have a nice todolist application, with the backend <strong>and</strong> the
|
||||||
|
frontend, in javascript / html / css, you'll know more when it'll be ready :-)</p>
|
||||||
|
<p>Once we have something good enough, we'll release the first version and I'll
|
||||||
|
host it somewhere so that people can play with it.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="cornice">
|
||||||
|
<h2>Cornice</h2>
|
||||||
|
<p>Daybed is built on top of <a class="reference external" href="http://cornice.rtfd.org">Cornice</a>, a framework to
|
||||||
|
ease the creation of web-services.</p>
|
||||||
|
<p>At Pycon France, we had the opportunity to attend a good presentation about <a class="reference external" href="https://github.com/SPORE/specifications">SPORE</a>. SPORE is a way to describe your
|
||||||
|
REST web services, as WSDL is for WS-* services. This allows to ease the
|
||||||
|
creation of generic SPORE clients, which are able to consume any REST API with
|
||||||
|
a SPORE endpoint.</p>
|
||||||
|
<p>Here is how you can let cornice describe your web service for you</p>
|
||||||
|
<div class="highlight"><pre><span></span><span class="kn">from</span> <span class="nn">cornice.ext.spore</span> <span class="kn">import</span> <span class="n">generate_spore_description</span>
|
||||||
|
<span class="kn">from</span> <span class="nn">cornice.service</span> <span class="kn">import</span> <span class="n">Service</span><span class="p">,</span> <span class="n">get_services</span>
|
||||||
|
|
||||||
|
<span class="n">spore</span> <span class="o">=</span> <span class="n">Service</span><span class="p">(</span><span class="s1">'spore'</span><span class="p">,</span> <span class="n">path</span><span class="o">=</span><span class="s1">'/spore'</span><span class="p">,</span> <span class="n">renderer</span><span class="o">=</span><span class="s1">'jsonp'</span><span class="p">)</span>
|
||||||
|
<span class="nd">@spore.get</span>
|
||||||
|
<span class="k">def</span> <span class="nf">get_spore</span><span class="p">(</span><span class="n">request</span><span class="p">):</span>
|
||||||
|
<span class="n">services</span> <span class="o">=</span> <span class="n">get_services</span><span class="p">()</span>
|
||||||
|
<span class="k">return</span> <span class="n">generate_spore_description</span><span class="p">(</span><span class="n">services</span><span class="p">,</span> <span class="s1">'Service name'</span><span class="p">,</span>
|
||||||
|
<span class="n">request</span><span class="o">.</span><span class="n">application_url</span><span class="p">,</span> <span class="s1">'1.0'</span><span class="p">)</span>
|
||||||
|
</pre></div>
|
||||||
|
<p>And you'll get a definition of your service, in SPORE, available at <cite>/spore</cite>.</p>
|
||||||
|
<p>Of course, you can use it to do other things, like generating the file locally
|
||||||
|
and exporting it wherever it makes sense to you, etc.</p>
|
||||||
|
<p>I released today <a class="reference external" href="http://crate.io/packages/cornice/">Cornice 0.11</a>, which adds
|
||||||
|
into other things the support for SPORE, plus some other fixes we found on our
|
||||||
|
way.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="respire">
|
||||||
|
<h2>Respire</h2>
|
||||||
|
<p>Once you have the description of the service, you can do generic clients
|
||||||
|
consuming them!</p>
|
||||||
|
<p>We first wanted to contribute to <a class="reference external" href="https://github.com/bl0b/spyre">spyre</a> but
|
||||||
|
it was written in a way that wasn't supporting to <cite>POST</cite> data, and they
|
||||||
|
were using their own stack to handle HTTP. A lot of code that already exists in
|
||||||
|
other libraries.</p>
|
||||||
|
<p>While waiting the train with <a class="reference external" href="http://natim.ionyse.com/">Rémy</a>, we hacked
|
||||||
|
something together, named "Respire", a thin layer on top of the awesome
|
||||||
|
<a class="reference external" href="http://python-requests.org">Requests</a> library.</p>
|
||||||
|
<p>We have a first version, feel free to have a look at it and provide
|
||||||
|
enhancements if you feel like it. We're still hacking on it so it may break
|
||||||
|
(for the better), but that had been working pretty well for us so far.</p>
|
||||||
|
<p>You can <a class="reference external" href="http://github.com/spiral-project/respire">find the project on github</a>, but here is how to use it, really
|
||||||
|
quickly (these examples are how to interact with daybed)</p>
|
||||||
|
<div class="highlight"><pre><span></span><span class="o">>>></span> <span class="kn">from</span> <span class="nn">respire</span> <span class="kn">import</span> <span class="n">client_from_url</span>
|
||||||
|
|
||||||
|
<span class="o">>>></span> <span class="c1"># create the client from the SPORE definition</span>
|
||||||
|
<span class="o">>>></span> <span class="n">cl</span> <span class="o">=</span> <span class="n">client_from_url</span><span class="p">(</span><span class="s1">'http://localhost:8000/spore'</span><span class="p">)</span>
|
||||||
|
|
||||||
|
<span class="o">>>></span> <span class="c1"># in daybed, create a new definition</span>
|
||||||
|
<span class="o">>>></span> <span class="n">todo_def</span> <span class="o">=</span> <span class="p">{</span>
|
||||||
|
<span class="o">...</span> <span class="s2">"title"</span><span class="p">:</span> <span class="s2">"todo"</span><span class="p">,</span>
|
||||||
|
<span class="o">...</span> <span class="s2">"description"</span><span class="p">:</span> <span class="s2">"A list of my stuff to do"</span><span class="p">,</span>
|
||||||
|
<span class="o">...</span> <span class="s2">"fields"</span><span class="p">:</span> <span class="p">[</span>
|
||||||
|
<span class="o">...</span> <span class="p">{</span>
|
||||||
|
<span class="o">...</span> <span class="s2">"name"</span><span class="p">:</span> <span class="s2">"item"</span><span class="p">,</span>
|
||||||
|
<span class="o">...</span> <span class="s2">"type"</span><span class="p">:</span> <span class="s2">"string"</span><span class="p">,</span>
|
||||||
|
<span class="o">...</span> <span class="s2">"description"</span><span class="p">:</span> <span class="s2">"The item"</span>
|
||||||
|
<span class="o">...</span> <span class="p">},</span>
|
||||||
|
<span class="o">...</span> <span class="p">{</span>
|
||||||
|
<span class="o">...</span> <span class="s2">"name"</span><span class="p">:</span> <span class="s2">"status"</span><span class="p">,</span>
|
||||||
|
<span class="o">...</span> <span class="s2">"type"</span><span class="p">:</span> <span class="s2">"enum"</span><span class="p">,</span>
|
||||||
|
<span class="o">...</span> <span class="s2">"choices"</span><span class="p">:</span> <span class="p">[</span>
|
||||||
|
<span class="o">...</span> <span class="s2">"done"</span><span class="p">,</span>
|
||||||
|
<span class="o">...</span> <span class="s2">"todo"</span>
|
||||||
|
<span class="o">...</span> <span class="p">],</span>
|
||||||
|
<span class="o">...</span> <span class="s2">"description"</span><span class="p">:</span> <span class="s2">"is it done or not"</span>
|
||||||
|
<span class="o">...</span> <span class="p">}</span>
|
||||||
|
<span class="o">...</span> <span class="p">]}</span>
|
||||||
|
<span class="o">>>></span> <span class="n">cl</span><span class="o">.</span><span class="n">put_definition</span><span class="p">(</span><span class="n">model_name</span><span class="o">=</span><span class="s1">'todo'</span><span class="p">,</span> <span class="n">data</span><span class="o">=</span><span class="n">todo_def</span><span class="p">)</span>
|
||||||
|
<span class="o">>>></span> <span class="n">cl</span><span class="o">.</span><span class="n">post_data</span><span class="p">(</span><span class="n">model_name</span><span class="o">=</span><span class="s1">'todo'</span><span class="p">,</span> <span class="n">data</span><span class="o">=</span><span class="nb">dict</span><span class="p">(</span><span class="n">item</span><span class="o">=</span><span class="s1">'make it work'</span><span class="p">,</span> <span class="n">status</span><span class="o">=</span><span class="s1">'todo'</span><span class="p">))</span>
|
||||||
|
<span class="p">{</span><span class="sa">u</span><span class="s1">'id'</span><span class="p">:</span> <span class="sa">u</span><span class="s1">'9f2c90c0529a442cfdc03c191b022cf7'</span><span class="p">}</span>
|
||||||
|
<span class="o">>>></span> <span class="n">cl</span><span class="o">.</span><span class="n">get_data</span><span class="p">(</span><span class="n">model_name</span><span class="o">=</span><span class="s1">'todo'</span><span class="p">)</span>
|
||||||
|
</pre></div>
|
||||||
|
<p>Finally, we were out of cheese so everyone headed back to their respective
|
||||||
|
houses and cities.</p>
|
||||||
|
<p>Until next time?</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
211
chiffrement.html
Normal file
211
chiffrement.html
Normal file
|
|
@ -0,0 +1,211 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Chiffrement - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Chiffrement</h1>
|
||||||
|
<span class="post-date">08 mai 2015</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h2 class="post-headline">Face a la surveillance généralisée, une seule solution, le
|
||||||
|
chiffrement de nos données et communications.</h2>
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<blockquote class="epigraph">
|
||||||
|
<p>En france, depuis le 5 Mai 2015, il est possible au Premier Ministre de
|
||||||
|
surveiller massivement et sans contrôle la population française.</p>
|
||||||
|
<p>le projet de loi n'a pas été significativement amendé en séance mi-avril,
|
||||||
|
et ses dispositions dangereuses ont été conservées :</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Élargissement des finalités du renseignement, permettant une <strong>potentielle
|
||||||
|
mise sous surveillance de pans entiers de la vie politique, syndicale,
|
||||||
|
militante</strong>, mais aussi économique, scientifique, etc. ;</li>
|
||||||
|
<li>Légalisation massive de pratiques illégales des services de
|
||||||
|
renseignement et <strong>introduction de techniques de surveillance de masse
|
||||||
|
des communications électroniques</strong> ;</li>
|
||||||
|
<li><strong>Absence de contrôle réel et indépendant</strong> a priori par la future
|
||||||
|
CNCTR, et recours des citoyens illusoires ;</li>
|
||||||
|
</ul>
|
||||||
|
<p class="attribution">—<a class="reference external" href="https://www.laquadrature.net/fr/lassemblee-nationale-vote-la-surveillance-de-masse-des-citoyens-francais">La Quadrature du Net - L'Assemblée nationale vote la surveillance de
|
||||||
|
masse des citoyens français !</a></p>
|
||||||
|
</blockquote>
|
||||||
|
<p>Je m'étonne que <a class="reference external" href="https://fr.wikipedia.org/wiki/R%C3%A9v%C3%A9lations_d%27Edward_Snowden">les révélations d'Edward Snowden</a> — qui
|
||||||
|
ont démontré que la plupart des communications électroniques et téléphoniques
|
||||||
|
pouvaient être scrutés par la NSA, l'agence de sécurité Américaine) — ne
|
||||||
|
fassent pas plus de remous que ça.</p>
|
||||||
|
<p>À peine deux années après ces révélations, la France fait passer une loi qui
|
||||||
|
légitime cette surveillance de masse, à plus de 77% des voies. Pour moi c'est
|
||||||
|
un signal fort de la perte de valeurs de notre démocratie, et à fortiori de ma
|
||||||
|
perte de foi en notre forme de démocratie.</p>
|
||||||
|
<p>Notre liberté d'expression se voit bien évidemment amputée de par la
|
||||||
|
surveillance généralisée. Sans avoir nécessairement à cacher mes échanges, ce
|
||||||
|
qui est de la sphère privée devrait pouvoir le rester.</p>
|
||||||
|
<p>De toute manière, l'email comme on l'utilise traditionnellement est une
|
||||||
|
hérésie: toutes les parties qui traitent le message peuvent le lire,
|
||||||
|
(destinataire, auteur et corps du message entre autres). Il est grand temps de
|
||||||
|
rendre les outils de chiffrement plus simples et ergonomiques.</p>
|
||||||
|
<p>Je compte donc:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Organiser des ateliers de sensibilisation aux outils de communication, envers
|
||||||
|
mes proches;</li>
|
||||||
|
<li>Utiliser la communication chiffrée le plus souvent possible, au moins pour
|
||||||
|
rendre le déchiffrement des messages plus longue, "noyer le poisson".</li>
|
||||||
|
</ul>
|
||||||
|
<p>Si vous êtes intéressé(e)s, faites moi signe, je me ferais un plaisir de vous
|
||||||
|
expliquer ce qui n'est pas si complexe et vise à laisser dans la sphère privée
|
||||||
|
ce qui devrait l'être à priori.</p>
|
||||||
|
<p>Une manière simple de se protéger est d'installer Thunderbird avec Enigmail et
|
||||||
|
de le configurer correctement. Ce n'est pas très compliqué et permet d'avoir
|
||||||
|
des échanges chiffrés. <a class="reference external" href="https://emailselfdefense.fsf.org/fr/">Référez vous à ce guide</a> pour des instructions pas à pas.</p>
|
||||||
|
<p>La clé publique pour me contacter est <a class="reference external" href="/static/alexis.notmyidea.org.asc">0x078805D867F56F12</a>. Et
|
||||||
|
vous ?</p>
|
||||||
|
<p>Je vous invite à aller voir le documentaire Citizen Four, qui passe en salles.
|
||||||
|
Si vous ni avez pas accès, vous pouvez le visionner ici, et éventuellement
|
||||||
|
faire un don aux auteurs ou associations qui gravitent autour (<a class="reference external" href="https://supporters.eff.org/donate">Electronic
|
||||||
|
Fronteer Fondation</a>, <a class="reference external" href="https://tails.boum.org/contribute/how/donate/index.fr.html">Tails</a>, <a class="reference external" href="https://support.laquadrature.net/">La quadrature
|
||||||
|
du net</a> en france ou d'autres…)</p>
|
||||||
|
<link href="http://vjs.zencdn.net/4.12/video-js.css" rel="stylesheet">
|
||||||
|
<script src="http://vjs.zencdn.net/4.12/video.js"></script>
|
||||||
|
<video id="MY_VIDEO_1" class="video-js vjs-default-skin" controls
|
||||||
|
preload="auto" width="640" height="264" poster="MY_VIDEO_POSTER.jpg"
|
||||||
|
data-setup="{}">
|
||||||
|
<source src="https://citizenfour.thecthulhu.com/citizenfour.mp4" type='video/mp4'>
|
||||||
|
<p class="vjs-no-js">To view this video please enable JavaScript, and
|
||||||
|
consider upgrading to a web browser that <a
|
||||||
|
href="http://videojs.com/html5-video-support/" target="_blank">supports
|
||||||
|
HTML5 video</a></p>
|
||||||
|
</video>
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
215
circus-sprint-at-pyconfr.html
Normal file
215
circus-sprint-at-pyconfr.html
Normal file
|
|
@ -0,0 +1,215 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Circus sprint at PyconFR - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Circus sprint at PyconFR</h1>
|
||||||
|
<span class="post-date">17 septembre 2012</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>Last Thursday to Sunday, <a class="reference external" href="http://pycon.fr">Pycon France</a> took place, in
|
||||||
|
Paris. It was the opportunity to meet a lot of people and to talk about python
|
||||||
|
awesomness in general.</p>
|
||||||
|
<p>We had three tracks this year, plus sprints the two first days. We sprinted on
|
||||||
|
<a class="reference external" href="http://circus.io">Circus</a>, the process and socket manager we're using
|
||||||
|
at Mozilla for some of our setups.</p>
|
||||||
|
<p>The project gathered some interest, and we ended up with 5 persons working on
|
||||||
|
it. Of course, we spent some time explaining what is Circus, how it had been
|
||||||
|
built, a lot of time talking about use-cases and possible improvements, but we
|
||||||
|
also managed to add new features.</p>
|
||||||
|
<p>Having people wanting to sprint on our projects is exciting because that's
|
||||||
|
when making things in the open unleashes its full potential. You can't imagine
|
||||||
|
how happy I was to have some friends come and work on this with us :)</p>
|
||||||
|
<p>Here is a wrap-up of the sprint:</p>
|
||||||
|
<div class="section" id="autocompletion-on-the-command-line">
|
||||||
|
<h2>Autocompletion on the command-line</h2>
|
||||||
|
<p><a class="reference external" href="http://natim.ionyse.com">Remy Hubscher</a> worked on the command-line
|
||||||
|
autocompletion. Now we have a fancy command-line interface which is able to
|
||||||
|
aucomplete if you're using bash. It seems that not that much work is needed to
|
||||||
|
make it happen on zsh as well :)</p>
|
||||||
|
<p><a class="reference external" href="https://github.com/mozilla-services/circus/blob/master/extras/circusctl_bash_completion">Have a look at the feature</a></p>
|
||||||
|
<p>On the same topic, we now have a cool shell for Circus. If you start the
|
||||||
|
<cite>circusctl</cite> command without any option, you'll end-up with a cool shell. Thanks
|
||||||
|
<a class="reference external" href="https://github.com/jojax">Jonathan Dorival</a> for the work on this! You can
|
||||||
|
have a look at <a class="reference external" href="https://github.com/mozilla-services/circus/pull/268">the pull request</a>.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="future-changes-to-the-web-ui">
|
||||||
|
<h2>Future changes to the web ui</h2>
|
||||||
|
<p><a class="reference external" href="https://twitter.com/rachbelaid">Rachid Belaid</a> had a deep look at the source
|
||||||
|
code and is much more familiarized to it now than before. We discussed the
|
||||||
|
possibility to change the implementation of the web ui, and I'm glad of this.
|
||||||
|
Currently, it's done with bottle.py and we want to switch to pyramid.</p>
|
||||||
|
<p>He fixed some issues that were in the tracker, so we now can have the age of
|
||||||
|
watchers in the webui, for instance.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="bug-and-doc-fixing">
|
||||||
|
<h2>Bug and doc fixing</h2>
|
||||||
|
<p>While reading the source code, we found some inconsistencies and fixed them,
|
||||||
|
with <a class="reference external" href="http://mathieu.agopian.info/">Mathieu Agopian</a>. We also tried to
|
||||||
|
improve the documentation at different levels.</p>
|
||||||
|
<p>Documentation still needs a lot of love, and I'm planning to spend some time on
|
||||||
|
this shortly. I've gathered a bunch of feedback on this</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="circus-clustering-capabilities">
|
||||||
|
<h2>Circus clustering capabilities</h2>
|
||||||
|
<p>One feature I wanted to work on during this sprint was the clustering abilities
|
||||||
|
of Circus. Nick Pellegrino made an internship on this topic at Mozilla so we
|
||||||
|
spent some time to review his pull requests.</p>
|
||||||
|
<p>A lot of code was written for this so we discussed a bunch of things
|
||||||
|
regarding all of this. It took us more time than expected (and I still need to
|
||||||
|
spend more time on this to provide appropriate feedback), but it allowed us to
|
||||||
|
have a starting-point about what this clustering thing could be.</p>
|
||||||
|
<p>Remy wrote <a class="reference external" href="http://tech.novapost.fr/circus-clustering-management-en.html">a good summary about our brainstorming</a> so I'll not do
|
||||||
|
it again here, but feel free to contact us if you have ideas on this, they're
|
||||||
|
very welcome!</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="project-management">
|
||||||
|
<h2>Project management</h2>
|
||||||
|
<p>We've had some inquiries telling us that's not as easy as it should to get
|
||||||
|
started with the Circus project. Some of the reasons are that we don't
|
||||||
|
have any release schedule, and that the documentation is hairy enough to lost
|
||||||
|
people, at some point :)</p>
|
||||||
|
<p>That's something we'll try to fix soon :)</p>
|
||||||
|
<p>PyconFR was a very enjoyable event. I'm looking forward to meet the community
|
||||||
|
again and discuss how Circus can evolve in ways that are interesting to
|
||||||
|
everyone.</p>
|
||||||
|
<p>Tarek and me are going to <a class="reference external" href="http://python.ie/pycon/2012/">Pycon ireland</a>, feel
|
||||||
|
free to reach us if you're going there, we'll be happy to meet and enjoy beers!</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
177
cloisonnement-des-activites.html
Normal file
177
cloisonnement-des-activites.html
Normal file
|
|
@ -0,0 +1,177 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Cloisonnement des activités ? - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Cloisonnement des activités ?</h1>
|
||||||
|
<span class="post-date">29 mai 2016</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h2 class="post-headline">En revenant de SudWeb</h2>
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>Je vous écris depuis un train, en rentrant de Bordeaux où j'ai passé quelques
|
||||||
|
jours à l'occasion de <a href="http://sudweb.fr/">SudWeb</a>. Si vous ne connaissez pas
|
||||||
|
cette conférence, il s'agit d'un moment avec des gens chouettes qui se posent
|
||||||
|
des questions sur leur metier, comment le vivre et comment continuer à en faire
|
||||||
|
un plaisir. Oh, et des fois on parle un peu de technique aussi.</p>
|
||||||
|
<h1>Alors, brasserie ou code ?</h1>
|
||||||
|
<p>Ces quelques jours ont été fort inspirants. Alors que je suis en train de
|
||||||
|
changer de métier (vers celui de brasseur) c'était un moyen de me rendre compte
|
||||||
|
que bien que je ne souhaite plus faire du Web mon métier <em>la, tout de suite,
|
||||||
|
maintenant</em>, je reste un passionné par la chose.</p>
|
||||||
|
<p>En partant de Rennes, je ne savais pas trop quoi penser de cette situation.
|
||||||
|
Prendre un week-end pour échanger avec les gens sur quelque chose dont je
|
||||||
|
m'éloigne ? C'est pas une perte de temps ?</p>
|
||||||
|
<p>Si je passe du temps à écrire des bouts de code, des logiciels, à reflechir
|
||||||
|
à comment solutionner certains problemes, ce n'est pas parce que je suis payé
|
||||||
|
pour le faire, mais bel et bien parce que je me sens bien lorsque je le fais,
|
||||||
|
parce que j'y trouve un équilibre et une utilité.</p>
|
||||||
|
<p>Alors que je ne trouvais plus cet équilibre dans mon travail, j'ai choisi d'en
|
||||||
|
changer, mais il n'empèche que je continue à avoir des rèves d'un
|
||||||
|
monde meilleur, dans lequel l'informatique a sa place. Juste à voir les
|
||||||
|
discussions (ux, sécurité informatique, décentralisation, architecture
|
||||||
|
logicielle) que j'ai pu avoir ce weekend, il n'y a pas l'ombre d'un doute !</p>
|
||||||
|
<p>Jusqu'ici je me suis dit que je devais choisir. J'ai pensé naivement
|
||||||
|
que je ne pouvais pas être <em>et</em> un brasseur <em>et</em> un developpeur, mais la
|
||||||
|
réalité c'est que c'est exactement ce que je suis: les deux.</p>
|
||||||
|
<p>Je ne suis pas pour autant dupe sur le temps necessaire à lancer une activité
|
||||||
|
brassicole, il va falloir fournir de l'énergie et avancer sur le projet, mais
|
||||||
|
il n'empèche que même si je décide de faire de la bière mon metier, mes
|
||||||
|
passions pour le reste sont bien vivantes.</p>
|
||||||
|
<p>Bref, merci sudweb pour m'avoir accompagné dans ces reflexions, à l'année
|
||||||
|
prochaine, je ramène des futs ?</p>
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
241
comment-est-ce-que-vous-generez-vos-formulaires.html
Normal file
241
comment-est-ce-que-vous-generez-vos-formulaires.html
Normal file
|
|
@ -0,0 +1,241 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Comment est-ce que vous générez vos formulaires ? - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<style>
|
||||||
|
#illustration {
|
||||||
|
max-width: 800px;
|
||||||
|
align: center;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Comment est-ce que vous générez vos formulaires ?</h1>
|
||||||
|
<span class="post-date">31 mai 2016</span>
|
||||||
|
<img id="illustration" src="images/forms.jpg" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h2 class="post-headline">Présentation d'une solution pour gérer vos formulaires en gardant la main sur les données générées</h2>
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>TL; DR: Je viens à peine de <em>releaser</em> la première version d'un service de génération de formulaires.
|
||||||
|
Allez jeter un coup d'œil sur <a href="https://www.fourmilieres.net">https://www.fourmilieres.net</a></p>
|
||||||
|
<p><em>En février 2012, je parlais ici <a href="https://blog.notmyidea.org/carto-forms.html">d'un service de génération de formulaires</a>.
|
||||||
|
Depuis, pas mal d'eau à coulé sous les ponts, on est passé par pas mal d'étapes pour
|
||||||
|
finalement arriver à une première version de ce service de génération de
|
||||||
|
formulaires (à la </em>google forms<em>).</em></p>
|
||||||
|
<p>En tant qu'organisateurs d'évènements (petits et gros), je me retrouve souvent
|
||||||
|
dans une situation ou je dois créer des formulaires pour recueillir des
|
||||||
|
informations. Actuellement, la meilleure solution disponible est <em>Google Forms</em>,
|
||||||
|
mais celle ci à plusieurs problèmes, à commencer par le fait que le code n'est
|
||||||
|
pas libre et que les données sont stockées chez Google.</p>
|
||||||
|
<p>La plupart du temps, le besoin est assez simple: je veux spécifier quelques
|
||||||
|
questions, et donner un lien à mes amis pour qu'ils puissent y répondre.
|
||||||
|
Je reviens ensuite plus tard pour voir la liste des réponses apportées.</p>
|
||||||
|
<p><img alt="Capture de l'interface de création du formulaire" src="{filename}/static/formbuilder-build.png"></p>
|
||||||
|
<h2>Fonctionnalités</h2>
|
||||||
|
<p>Il existe pas mal de solutions techniques qui essayent de répondre à la même
|
||||||
|
problématique, mais la plupart d'entre elles sont assez souvent compliquées,
|
||||||
|
nécessitent de se créer un compte, et/ou ne vous laisse pas la main libre sur
|
||||||
|
les données générées, voire le code est assez difficile à faire évoluer ou à
|
||||||
|
déployer.</p>
|
||||||
|
<p>Je voulais donc quelque chose de simple à utiliser <em>et</em> pour les créateurs de
|
||||||
|
formulaires <em>et</em> pour les utilisateurs finaux. Pas de chichis, juste quelques
|
||||||
|
vues, et des URLs à sauvegarder une fois l'opération terminée.</p>
|
||||||
|
<p><img alt="Capture de l'écran avec les URLs générées" src="{filename}/static/formbuilder-created.png">
|
||||||
|
<img alt="Capture d'écran d'un exemple de formulaire" src="{filename}/static/formbuilder-form.png"></p>
|
||||||
|
<h3>Pas de compte</h3>
|
||||||
|
<p>Vous n'avez pas besoin d'avoir un compte sur le site pour commencer à l'utiliser.
|
||||||
|
Vous créez simplement un nouveau formulaire puis envoyez le lien à vos amis pour
|
||||||
|
qu'eux puissent à leur tour le remplir.</p>
|
||||||
|
<p><img alt="Capture de la page d'accueil, ou aucun compte n'est requis" src="{filename}/static/formbuilder-welcome.png"></p>
|
||||||
|
<h3>Gardez la main sur vos données</h3>
|
||||||
|
<p>Une fois que vous avez récupéré les réponses à vos questions, vous pouvez
|
||||||
|
récupérer les données sur votre machines dans un fichier <code>.csv</code>.</p>
|
||||||
|
<p><img alt="Capture de la page de resultats, il est possible de télécharger en CSV." src="{filename}/static/formbuilder-results.png"></p>
|
||||||
|
<h3>API</h3>
|
||||||
|
<p>L'ensemble des données sont en fait stockées dans <a href="https://kinto.readthedocs.org">Kinto</a>
|
||||||
|
qui est interrogeable très facilement en HTTP. Ce qui fait qu'il est très facile de
|
||||||
|
réutiliser les formulaires que vous avez construits (ou leurs réponses) depuis
|
||||||
|
d'autres outils.</p>
|
||||||
|
<h3>Auto-hébergeable</h3>
|
||||||
|
<p>Un des objectifs de ce projet est de vous redonner la main sur vos données.
|
||||||
|
Bien sur, vous pouvez utiliser l'instance qui est mise à votre disposition sur
|
||||||
|
<a href="https://www.fourmilieres.net">wwww.fourmilieres.net</a>, mais vous pouvez
|
||||||
|
également l'héberger vous même très
|
||||||
|
simplement, et vous êtes d'ailleurs fortement encouragés à le faire ! Notre
|
||||||
|
objectif n'est pas de stocker l'ensemble des formulaires du monde, mais de
|
||||||
|
(re)donner le contrôle aux utilisateurs !</p>
|
||||||
|
<h2>On commence petit…</h2>
|
||||||
|
<p>Cette <em>release</em> n'est (bien sur) pas parfaite, et il reste encore pas mal de
|
||||||
|
travail sur cet outil, mais je pense qu'il s'agit d'une base de travail
|
||||||
|
intéressante pour un futur où Google n'a pas la main sur toutes nos données.</p>
|
||||||
|
<p>La liste des champs supportés est pour l'instant assez faible (Texte court,
|
||||||
|
Texte long, Oui/Non, choix dans une liste) mais elle à vocation à s'étendre, en
|
||||||
|
fonction des besoins de chacun.</p>
|
||||||
|
<p>J'ai d'ailleurs créé <a href="https://www.fourmilieres.net/#/form/cfd878264cec4ed2">un formulaire pour que vous puissiez me faire part de vos
|
||||||
|
retours</a>, n'hésitez pas !</p>
|
||||||
|
<h2>Et, euh, comment ça marche ?</h2>
|
||||||
|
<p>Le <em>formbuilder</em>, comme j'aime l'appeler se compose en fin de compte de deux
|
||||||
|
parties distinctes:</p>
|
||||||
|
<ul>
|
||||||
|
<li><a href="https://kinto.readthedocs.org">Kinto</a>, un service qui stocke
|
||||||
|
des données coté serveur et qui les expose via des <strong>APIs HTTP</strong></li>
|
||||||
|
<li><a href="https://github.com/kinto/formbuilder">Le formbuilder</a>, une application
|
||||||
|
JavaScript qui ne tourne que coté client (dans votre navigateur) qui permet
|
||||||
|
de construire les formulaires et d'envoyer les données sur les <em>APIs</em> coté
|
||||||
|
serveur.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Au niveau de la <em>stack</em> technique, le <strong>formbuilder</strong> est codé en ReactJS. Un
|
||||||
|
des points techniques intéressants du projet est qu'il génère en fin de compte du
|
||||||
|
<a href="http://jsonschema.net/">JSON Schema</a>, un format de validation de données <em>JSON</em>.</p>
|
||||||
|
<p>Donc, reprenons! Vous arrivez sur la page d'accueil puis cliquez sur
|
||||||
|
"Create a new form", puis vous vous retrouvez face à une interface ou vous pouvez
|
||||||
|
ajouter des champs de formulaire. Une fois ce travail effectué, vous appuyez sur
|
||||||
|
"Create the form".</p>
|
||||||
|
<ul>
|
||||||
|
<li>Le JSON Schema est alors envoyé au serveur Kinto, qui l'utilisera pour valider
|
||||||
|
les données qu'il recevra par la suite.</li>
|
||||||
|
<li>Ce JSON Schema sera aussi utilisé lors de l'affichage du formulaire aux
|
||||||
|
personnes qui le remplissent.</li>
|
||||||
|
<li>Un jeton d'accès est généré et ajouté à l'URL, il s'agit de l'identifiant du
|
||||||
|
formulaire.</li>
|
||||||
|
<li>Un second jeton d'accès administrateur et généré, il vous faut le garder de
|
||||||
|
coté pour avoir accès aux réponses.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Bref, en espérant que ça vous serve ! Un petit pas dans la direction des données
|
||||||
|
rendues à leurs utilisateurs !</p>
|
||||||
|
<em>L'image d'illustration utilisée est un travail de <a href="https://www.flickr.com/photos/kurtfaler/2946570890/in/photolist-5unWSo-nxwHk4-fwjQ1b-Xk5F1e-2nyhfK-Wewupi-qRH2Xe-2XeevA-2nyiGe-VoQgbo-2nyh1z-rgyTKm-aPe8yB-9X8MXQ-5zmZi-Vmx4Qu-9X5V9P-5g5EkR-9erwKR-pfUuMZ-obTwRp-dsPpSz-ckgYNh-9X8Zvf-ASZGaH-7LTmLX-fuJpoW-dabtsC-e32SSu-jV9aSa-5vvCn5-9CAB7c-g6y6sK-8N5tB8-87iko3-dsPqmz-4PAkkC-9X67E8-dYGSEz-9X634n-a2GgEA-98kTPP-a6Lpcf-9X5YMk-jcUL1s-7QJYFF-axhDsE-p9vhA8-fA6GmA-5kZtaV">Kurt Faler</a> proposé sous license CC BY-NC-ND 2.0. Merci !</em>
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
236
confiance-fr.html
Normal file
236
confiance-fr.html
Normal file
|
|
@ -0,0 +1,236 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Des profils de confiance partout et pour tout ? - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Des profils de confiance partout et pour tout ?</h1>
|
||||||
|
<span class="post-date">02 avril 2013</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>Depuis un petit moment déjà, le site covoiturage.fr est passé "payant". Il est
|
||||||
|
désormais possible (et même obligatoire) de payer les trajets à l'avance, et en
|
||||||
|
ligne, laissant au passage quelques royalties au site en question.</p>
|
||||||
|
<p>Précédemment, il était possible de retrouver le numéro des conducteurs
|
||||||
|
sur le site et de les appeler soi même, chose maintenant automatisée.</p>
|
||||||
|
<p>Dès que cette décision à été prise, il y a eu des émules. Le site <a class="reference external" href="http://covoiturage-libre.fr">Covoiturage
|
||||||
|
Libre</a> à été d'ailleurs créé pour faire en sorte
|
||||||
|
de garder "l'esprit" du covoiturage. Bref ça jasait dans les chaumières.</p>
|
||||||
|
<p>Il y à peu, j'ai reçu un <em>couriel</em> contenant un lien vers une vidéo d'<a class="reference external" href="http://www.covoiturage.fr/blog/2013-confiance">une
|
||||||
|
conférence animée par le fondateur de covoiturage.fr</a>.</p>
|
||||||
|
<p>Ils semblent vouloir parler de confiance, alors ça m'intrigue, d'autant que la
|
||||||
|
présentation en question est donnée lors d'un évènement TEDx, auquel j'accorde
|
||||||
|
un certain crédit.</p>
|
||||||
|
<div class="section" id="un-capital-de-confiance">
|
||||||
|
<h2>Un "capital de confiance"</h2>
|
||||||
|
<p>Cette vidéo parle entre autres du <em>capital de confiance</em> que nous pouvons
|
||||||
|
nous accorder les uns aux autres; et notamment du fait que ce capital de
|
||||||
|
confiance n'est malheureusement pas partagé au dela d'un cercle de
|
||||||
|
connaissances assez limité. Il reste dans notre cercle de connaissances proche, les
|
||||||
|
amis des amis.</p>
|
||||||
|
<p>C'est donc une chose regrettable, parce que ça nous fait perdre du temps (et
|
||||||
|
donc, <em>ohmygod</em> de l'argent) à tous pour construire cette confiance. Temps qui
|
||||||
|
pourrait être mieux employé.</p>
|
||||||
|
<p>La solution proposée, attention les yeux, est de faire appel un maximum aux
|
||||||
|
profils en ligne, une manière de "prouver au monde" que nous sommes des
|
||||||
|
personnes de confiance. Selon les termes de la présentation, nous pourrions
|
||||||
|
alors tous devenir des "super héros du trust", des "trustman".</p>
|
||||||
|
<p>Grâce à des profils en ligne ou monsieur et madame tout le monde pourraient
|
||||||
|
aller voter et donner leur avis sur les personnes qu'ils ont rencontré.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="l-avenement-du-paiement-en-ligne">
|
||||||
|
<h2>L'avènement du paiement en ligne</h2>
|
||||||
|
<p>On nous dit maintenant que le paiement en ligne est une révolution, un moyen de
|
||||||
|
tracer le fait qu'il y à effectivement eu une transaction entre deux personnes;
|
||||||
|
et que donc il en deviendrait un outil pour vérifier que la confiance est bien
|
||||||
|
légitime, et non pas créée de toute pièce sur le profil de la personne en
|
||||||
|
question.</p>
|
||||||
|
<p>Plu</p>
|
||||||
|
<p>Plus exactement, ce qui est dit est que le paiement en ligne permet de
|
||||||
|
justifier qu'il y a bien eu transaction entre deux personnes, et que donc les
|
||||||
|
commentaires et "notations" effectuées sont donc légitimes.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="ce-n-est-pas-un-probleme-de-confiance">
|
||||||
|
<h2>Ce n'est pas un problème de confiance !</h2>
|
||||||
|
<p>Bien que j'arrive à suivre le raisonnement, il soulève certaines questions :</p>
|
||||||
|
<p>Si j'accorde de la confiance à quelqu'un dans mon cercle de connaissances,
|
||||||
|
c'est justement parce qu'il fait partie de ce cercle de connaissances. Pas
|
||||||
|
parce qu'une personne que je ne connait pas me dit qu'il s'agit d'une personne
|
||||||
|
de confiance. En d'autres termes, <strong>pourquoi ne garderions nous pas ces
|
||||||
|
relations privilégiées de personne à personne ?</strong></p>
|
||||||
|
<p>Dans le cadre du covoiturage, j'arrive à comprendre le raisonnement du paiement
|
||||||
|
<em>à l'avance</em>, pour avoir souvent entendu parler de désistements à la dernière
|
||||||
|
minute de la part des voyageurs. Le paiement à l'avance permet d'éviter ce
|
||||||
|
genre de désagréments.</p>
|
||||||
|
<p>Mais cela n'as rien à voir avec la confiance, il s'agit d'engagement de la part
|
||||||
|
des deux parties.</p>
|
||||||
|
<p>Et c'est bien ce qui semble poser problème: lorsqu'on s'attend à partager le
|
||||||
|
prix d'un trajet avec quelqu'un, c'est bien d'avoir quelque chose qui nous
|
||||||
|
y engage. J'aime beaucoup l'idée de payer une fois dans la voiture, de garder
|
||||||
|
cette transaction manuelle; et de laisser peu de place au paiements en ligne
|
||||||
|
dans cette histoire, mais je n'ai pas d'autre solution miracle.</p>
|
||||||
|
<p>En tout cas, la question n'est pas la question de savoir avec qui on embarque,
|
||||||
|
mais bel et bien la question de l'engagement des deux parties.</p>
|
||||||
|
<p>Nous sommes malheureusement dans une société qui est dirigée par la peur. On
|
||||||
|
à peur de se faire agresser par le gars qui tends le pouce sur le bord de la
|
||||||
|
route, peur de se faire envoyer un produit qui ne fonctionne pas via Amazon,
|
||||||
|
etc.</p>
|
||||||
|
<p>En poussant l'idée dans ses retranchements, j'aurais bientôt peur de mes
|
||||||
|
voisins alors je ne leur parlerais plus, parce qu'ils n'ont pas leur profil
|
||||||
|
disponible en ligne ou parce que quelqu'un à eu une mauvaise expérience avec
|
||||||
|
eux ?</p>
|
||||||
|
<p>Exposer des choses qui relèvent de ma vie privée en ligne de la sorte me
|
||||||
|
pose des problèmes éthiques: d'abord parce que je ne veux pas juger les gens
|
||||||
|
a priori, ensuite parce que l'expérience d'une personne n'est peut-être pas
|
||||||
|
représentative, tout simplement.</p>
|
||||||
|
<p>Donc non, ce n'est pas un problème de confiance, il s'agit d'un problème
|
||||||
|
d'engagement, dans le cadre du covoiturage, et les profils en ligne n'ont rien
|
||||||
|
à faire la dedans. Le principe du paiement à l'avance me semble intéressant,
|
||||||
|
mais il n'est à mon avis pas lié au profils en ligne.</p>
|
||||||
|
<p>La vidéo termine sur un "libérez la valeur de la confiance". Oui, mais la
|
||||||
|
libérer pour qui ? Quels sont les problèmes liés à cette confiance rendue
|
||||||
|
nécessaire partout et pour tout ? Cela ne nous ferait-il pas évoluer uniquement
|
||||||
|
dans des cercles fermés ? Quelle place laisser à l'inconnu, à la surprise ?</p>
|
||||||
|
<p>Cette volonté de "confiance partout" semble découler tout droit des délires
|
||||||
|
sécuritaires que l'on nous sert à toutes les sauces. Et maintenant cela
|
||||||
|
serait rendu accessible à tous grâce à "l'intelligence collective"; gommant au
|
||||||
|
passage les différences de valeur; Préférant éviter de rencontrer les inconnus
|
||||||
|
aux profils "légers".</p>
|
||||||
|
<p>Je sais pas vous, mais elle me fait peur cette idée.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
352
cross-origin-in-cornice.html
Normal file
352
cross-origin-in-cornice.html
Normal file
|
|
@ -0,0 +1,352 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Implementing CORS in Cornice - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Implementing CORS in Cornice</h1>
|
||||||
|
<span class="post-date">02 avril 2013</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">I'm cross-posting <a class="reference external" href="https://blog.mozilla.org/services/">on the mozilla services weblog</a>. Since this is the
|
||||||
|
first time we're doing that, I though it could be useful to point you
|
||||||
|
there. Check it out and expect more technical articles there in the future.</p>
|
||||||
|
</div>
|
||||||
|
<p>For security reasons, it's not possible to do cross-domain requests. In other
|
||||||
|
words, if you have a page served from the domain <cite>lolnet.org</cite>, it will not be
|
||||||
|
possible for it to get data from <cite>notmyidea.org</cite>.</p>
|
||||||
|
<p>Well, it's possible, using tricks and techniques like <a class="reference external" href="http://en.wikipedia.org/wiki/JSONP">JSONP</a>, but that doesn't work all the time (see
|
||||||
|
<a class="reference external" href="#how-this-is-different-from-jsonp">the section below</a>). I remember myself
|
||||||
|
doing some simple proxies on my domain server to be able to query other's API.</p>
|
||||||
|
<p>Thankfully, there is a nicer way to do this, namely, "Cross Origin
|
||||||
|
Resource-Sharing", or <a class="reference external" href="http://www.w3.org/TR/cors/">CORS</a>.</p>
|
||||||
|
<div class="section" id="you-want-an-icecream-go-ask-your-dad-first">
|
||||||
|
<h2>You want an icecream? Go ask your dad first.</h2>
|
||||||
|
<p>If you want to use CORS, you need the API you're querying to support it; on the
|
||||||
|
server side.</p>
|
||||||
|
<p>The HTTP server need to answer to the <cite>OPTIONS</cite> verb, and with the appropriate
|
||||||
|
response headers.</p>
|
||||||
|
<p><cite>OPTIONS</cite> is sent as what the authors of the spec call a "preflight request";
|
||||||
|
just before doing a request to the API, the <em>User-Agent</em> (the browser most of
|
||||||
|
the time) asks the permission to the resource, with an <cite>OPTIONS</cite> call.</p>
|
||||||
|
<p>The server answers, and tell what is available and what isn't:</p>
|
||||||
|
<img alt="The CORS flow (from the HTML5 CORS tutorial)" src="images/cors_flow.png" />
|
||||||
|
<ul class="simple">
|
||||||
|
<li>1a. The User-Agent, rather than doing the call directly, asks the server, the
|
||||||
|
API, the permission to do the request. It does so with the following headers:<ul>
|
||||||
|
<li><strong>Access-Control-Request-Headers</strong>, contains the headers the User-Agent
|
||||||
|
want to access.</li>
|
||||||
|
<li><strong>Access-Control-Request-Method</strong> contains the method the User-Agent want
|
||||||
|
to access.</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>1b. The API answers what is authorized:<ul>
|
||||||
|
<li><strong>Access-Control-Allow-Origin</strong> the origin that's accepted. Can be <cite>*</cite> or
|
||||||
|
the domain name.</li>
|
||||||
|
<li><strong>Access-Control-Allow-Methods</strong> a <em>list</em> of allowed methods. This can be
|
||||||
|
cached. Note than the request asks permission for one method and the
|
||||||
|
server should return a list of accepted methods.</li>
|
||||||
|
<li><strong>Access-Allow-Headers</strong> a list of allowed headers, for all of the
|
||||||
|
methods, since this can be cached as well.</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><ol class="first arabic" start="2">
|
||||||
|
<li>The User-Agent can do the "normal" request.</li>
|
||||||
|
</ol>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<p>So, if you want to access the <cite>/icecream</cite> resource, and do a PUT there, you'll
|
||||||
|
have the following flow:</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
> OPTIONS /icecream
|
||||||
|
> Access-Control-Request-Methods = PUT
|
||||||
|
> Origin: notmyidea.org
|
||||||
|
< Access-Control-Allow-Origin = notmyidea.org
|
||||||
|
< Access-Control-Allow-Methods = PUT,GET,DELETE
|
||||||
|
200 OK
|
||||||
|
</pre>
|
||||||
|
<p>You can see that we have an <cite>Origin</cite> Header in the request, as well as
|
||||||
|
a <cite>Access-Control-Request-Methods</cite>. We're here asking if we have the right, as
|
||||||
|
<cite>notmyidea.org</cite>, to do a <cite>PUT</cite> request on <cite>/icecream</cite>.</p>
|
||||||
|
<p>And the server tells us that we can do that, as well as <cite>GET</cite> and <cite>DELETE</cite>.</p>
|
||||||
|
<p>I'll not cover all the details of the CORS specification here, but bear in mind
|
||||||
|
than with CORS, you can control what are the authorized methods, headers,
|
||||||
|
origins, and if the client is allowed to send authentication information or
|
||||||
|
not.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="a-word-about-security">
|
||||||
|
<h2>A word about security</h2>
|
||||||
|
<p>CORS is not an answer for every cross-domain call you want to do, because you
|
||||||
|
need to control the service you want to call. For instance, if you want to
|
||||||
|
build a feed reader and access the feeds on different domains, you can be
|
||||||
|
pretty much sure that the servers will not implement CORS, so you'll need to
|
||||||
|
write a proxy yourself, to provide this.</p>
|
||||||
|
<p>Secondly, if misunderstood, CORS can be insecure, and cause
|
||||||
|
problems. Because the rules apply when a client wants to do a request to
|
||||||
|
a server, you need to be extra careful about who you're authorizing.</p>
|
||||||
|
<p>An incorrectly secured CORS server can be accessed by a malicious client very easily,
|
||||||
|
bypassing network security. For instance, if you host a server on an intranet
|
||||||
|
that is only available from behind a VPN but accepts every cross-origin call. A bad guy
|
||||||
|
can inject javascript into the browser of a user who has access to your
|
||||||
|
protected server and make calls to your service, which is probably not what you want.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="how-this-is-different-from-jsonp">
|
||||||
|
<h2>How this is different from JSONP?</h2>
|
||||||
|
<p>You may know the <a class="reference external" href="http://en.wikipedia.org/wiki/JSONP">JSONP</a> protocol. JSONP
|
||||||
|
allows cross origin, but for a particular use case, and does have some
|
||||||
|
drawbacks (for instance, it's not possible to do DELETEs or PUTs with JSONP).</p>
|
||||||
|
<p>JSONP exploits the fact that it is possible to get information from another domain
|
||||||
|
when you are asking for javascript code, using the <cite><script></cite> element.</p>
|
||||||
|
<blockquote>
|
||||||
|
Exploiting the open policy for <script> elements, some pages use them to
|
||||||
|
retrieve JavaScript code that operates on dynamically generated
|
||||||
|
JSON-formatted data from other origins. This usage pattern is known as
|
||||||
|
JSONP. Requests for JSONP retrieve not JSON, but arbitrary JavaScript code.
|
||||||
|
They are evaluated by the JavaScript interpreter, not parsed by a JSON
|
||||||
|
parser.</blockquote>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="using-cors-in-cornice">
|
||||||
|
<h2>Using CORS in Cornice</h2>
|
||||||
|
<p>Okay, things are hopefully clearer about CORS, let's see how we
|
||||||
|
implemented it on the server-side.</p>
|
||||||
|
<p>Cornice is a toolkit that lets you define resources in python and takes care of
|
||||||
|
the heavy lifting for you, so I wanted it to take care of the CORS support as
|
||||||
|
well.</p>
|
||||||
|
<p>In Cornice, you define a service like this:</p>
|
||||||
|
<div class="highlight"><pre><span></span><span class="kn">from</span> <span class="nn">cornice</span> <span class="kn">import</span> <span class="n">Service</span>
|
||||||
|
|
||||||
|
<span class="n">foobar</span> <span class="o">=</span> <span class="n">Service</span><span class="p">(</span><span class="n">name</span><span class="o">=</span><span class="s2">"foobar"</span><span class="p">,</span> <span class="n">path</span><span class="o">=</span><span class="s2">"/foobar"</span><span class="p">)</span>
|
||||||
|
|
||||||
|
<span class="c1"># and then you do something with it</span>
|
||||||
|
<span class="nd">@foobar.get</span><span class="p">()</span>
|
||||||
|
<span class="k">def</span> <span class="nf">get_foobar</span><span class="p">(</span><span class="n">request</span><span class="p">):</span>
|
||||||
|
<span class="c1"># do something with the request.</span>
|
||||||
|
</pre></div>
|
||||||
|
<p>To add CORS support to this resource, you can go this way, with the
|
||||||
|
<cite>cors_origins</cite> parameter:</p>
|
||||||
|
<div class="highlight"><pre><span></span><span class="n">foobar</span> <span class="o">=</span> <span class="n">Service</span><span class="p">(</span><span class="n">name</span><span class="o">=</span><span class="s1">'foobar'</span><span class="p">,</span> <span class="n">path</span><span class="o">=</span><span class="s1">'/foobar'</span><span class="p">,</span> <span class="n">cors_origins</span><span class="o">=</span><span class="p">(</span><span class="s1">'*'</span><span class="p">,))</span>
|
||||||
|
</pre></div>
|
||||||
|
<p>Ta-da! You have enabled CORS for your service. <strong>Be aware that you're
|
||||||
|
authorizing anyone to query your server, that may not be what you want.</strong></p>
|
||||||
|
<p>Of course, you can specify a list of origins you trust, and you don't need
|
||||||
|
to stick with <cite>*</cite>, which means "authorize everyone".</p>
|
||||||
|
<div class="section" id="headers">
|
||||||
|
<h3>Headers</h3>
|
||||||
|
<p>You can define the headers you want to expose for the service:</p>
|
||||||
|
<div class="highlight"><pre><span></span><span class="n">foobar</span> <span class="o">=</span> <span class="n">Service</span><span class="p">(</span><span class="n">name</span><span class="o">=</span><span class="s1">'foobar'</span><span class="p">,</span> <span class="n">path</span><span class="o">=</span><span class="s1">'/foobar'</span><span class="p">,</span> <span class="n">cors_origins</span><span class="o">=</span><span class="p">(</span><span class="s1">'*'</span><span class="p">,))</span>
|
||||||
|
|
||||||
|
<span class="nd">@foobar.get</span><span class="p">(</span><span class="n">cors_headers</span><span class="o">=</span><span class="p">(</span><span class="s1">'X-My-Header'</span><span class="p">,</span> <span class="s1">'Content-Type'</span><span class="p">))</span>
|
||||||
|
<span class="k">def</span> <span class="nf">get_foobars_please</span><span class="p">(</span><span class="n">request</span><span class="p">):</span>
|
||||||
|
<span class="k">return</span> <span class="s2">"some foobar for you"</span>
|
||||||
|
</pre></div>
|
||||||
|
<p>I've done some testing and it wasn't working on Chrome because I wasn't
|
||||||
|
handling the headers the right way (The missing one was <cite>Content-Type</cite>, that
|
||||||
|
Chrome was asking for). With my first version of the implementation, I needed
|
||||||
|
the service implementers to explicitely list all the headers that should be
|
||||||
|
exposed. While this improves security, it can be frustrating while developing.</p>
|
||||||
|
<p>So I introduced an <cite>expose_all_headers</cite> flag, which is set to <cite>True</cite> by
|
||||||
|
default, if the service supports CORS.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="cookies-credentials">
|
||||||
|
<h3>Cookies / Credentials</h3>
|
||||||
|
<p>By default, the requests you do to your API endpoint don't include the
|
||||||
|
credential information for security reasons. If you really want to do that,
|
||||||
|
you need to enable it using the <cite>cors_credentials</cite> parameter. You can activate
|
||||||
|
this one on a per-service basis or on a per-method basis.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="caching">
|
||||||
|
<h3>Caching</h3>
|
||||||
|
<p>When you do a preflight request, the information returned by the server can be
|
||||||
|
cached by the User-Agent so that it's not redone before each actual call.</p>
|
||||||
|
<p>The caching period is defined by the server, using the <cite>Access-Control-Max-Age</cite>
|
||||||
|
header. You can configure this timing using the <cite>cors_max_age</cite> parameter.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="simplifying-the-api">
|
||||||
|
<h3>Simplifying the API</h3>
|
||||||
|
<p>We have cors_headers, cors_enabled, cors_origins, cors_credentials,
|
||||||
|
cors_max_age, cors_expose_all_headers … a fair number of
|
||||||
|
parameters. If you want to have a specific CORS-policy for your services, that
|
||||||
|
can be a bit tedious to pass these to your services all the time.</p>
|
||||||
|
<p>I introduced another way to pass the CORS policy, so you can do something like
|
||||||
|
that:</p>
|
||||||
|
<div class="highlight"><pre><span></span><span class="n">policy</span> <span class="o">=</span> <span class="nb">dict</span><span class="p">(</span><span class="n">enabled</span><span class="o">=</span><span class="bp">False</span><span class="p">,</span>
|
||||||
|
<span class="n">headers</span><span class="o">=</span><span class="p">(</span><span class="s1">'X-My-Header'</span><span class="p">,</span> <span class="s1">'Content-Type'</span><span class="p">),</span>
|
||||||
|
<span class="n">origins</span><span class="o">=</span><span class="p">(</span><span class="s1">'*.notmyidea.org'</span><span class="p">),</span>
|
||||||
|
<span class="n">credentials</span><span class="o">=</span><span class="bp">True</span><span class="p">,</span>
|
||||||
|
<span class="n">max_age</span><span class="o">=</span><span class="mi">42</span><span class="p">)</span>
|
||||||
|
|
||||||
|
<span class="n">foobar</span> <span class="o">=</span> <span class="n">Service</span><span class="p">(</span><span class="n">name</span><span class="o">=</span><span class="s1">'foobar'</span><span class="p">,</span> <span class="n">path</span><span class="o">=</span><span class="s1">'/foobar'</span><span class="p">,</span> <span class="n">cors_policy</span><span class="o">=</span><span class="n">policy</span><span class="p">)</span>
|
||||||
|
</pre></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="comparison-with-other-implementations">
|
||||||
|
<h2>Comparison with other implementations</h2>
|
||||||
|
<p>I was curious to have a look at other implementations of CORS, in
|
||||||
|
django for instance, and I found <a class="reference external" href="https://gist.github.com/426829.js">a gist about it</a>.</p>
|
||||||
|
<p>Basically, this adds a middleware that adds the "rights" headers to the answer,
|
||||||
|
depending on the request.</p>
|
||||||
|
<p>While this approach works, it's not implementing the specification completely.
|
||||||
|
You need to add support for all the resources at once.</p>
|
||||||
|
<p>We can think about a nice way to implement this specifying a definition of what's
|
||||||
|
supposed to be exposed via CORS and what shouldn't directly in your settings.
|
||||||
|
In my opinion, CORS support should be handled at the service definition level,
|
||||||
|
except for the list of authorized hosts.
|
||||||
|
Otherwise, you don't know exactly what's going on when you look at the definition of the service.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="resources">
|
||||||
|
<h2>Resources</h2>
|
||||||
|
<p>There are a number of good resources that can be useful to you if you want to
|
||||||
|
either understand how CORS works, or if you want to implement it yourself.</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li><a class="reference external" href="http://enable-cors.org/">http://enable-cors.org/</a> is useful to get started when you don't know anything
|
||||||
|
about CORS.</li>
|
||||||
|
<li>There is a W3C wiki page containing information that may be useful about
|
||||||
|
clients, common pitfalls etc: <a class="reference external" href="http://www.w3.org/wiki/CORS_Enabled">http://www.w3.org/wiki/CORS_Enabled</a></li>
|
||||||
|
<li><em>HTML5 rocks</em> has a tutorial explaining how to implement CORS, with <a class="reference external" href="http://www.html5rocks.com/en/tutorials/cors/#toc-adding-cors-support-to-the-server">a nice
|
||||||
|
section about the server-side</a>.</li>
|
||||||
|
<li>Be sure to have a look at the <a class="reference external" href="http://caniuse.com/#search=cors">clients support-matrix for this feature</a>.</li>
|
||||||
|
<li>About security, <a class="reference external" href="https://code.google.com/p/html5security/wiki/CrossOriginRequestSecurity">check out this page</a></li>
|
||||||
|
<li>If you want to have a look at the implementation code, check <a class="reference external" href="https://github.com/mozilla-services/cornice/pull/98/files">on github</a></li>
|
||||||
|
</ul>
|
||||||
|
<p>Of course, the W3C specification is the best resource to rely on. This
|
||||||
|
specification isn't hard to read, so you may want to go through it. Especially
|
||||||
|
the <a class="reference external" href="http://www.w3.org/TR/cors/#resource-processing-model">"resource processing model" section</a></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
170
de-mozilla-a-la-brasserie-du-vieux-singe.html
Normal file
170
de-mozilla-a-la-brasserie-du-vieux-singe.html
Normal file
|
|
@ -0,0 +1,170 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>De Mozilla à la Brasserie du Vieux Singe - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">De Mozilla à la Brasserie du Vieux Singe</h1>
|
||||||
|
<span class="post-date">27 mai 2018</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h2 class="post-headline">Comment un passionné de Logiciels libres choisit de créer une petite brasserie artisanale.</h2>
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p><em>Ce weekend avait lieu <a href="https://sudweb.fr/2018/">SudWeb</a> « la conférence Web surtout humaine », ou on m'a proposé de venir parler de ma reconversion professionnelle, ou comment un passionné de Logiciels Libres choisit de créer une petite brasserie artisanale.</em></p>
|
||||||
|
<p><em>Certaines parties de ce que je voulais transmettre sont passées à la trappe, alors que d'autres ont pris plus de place que prévu. J'avais donc envie de reprendre mes notes pour les transformer en billet de blog, question d'élaborer sur le sujet.</em></p>
|
||||||
|
<hr>
|
||||||
|
<p>J'ai toujours été motivé par mes passions. Quand j'ai commencé à travailler professionnellement, je me suis rendu compte que même si je faisais quasiment la même chose qu'auparavant, ça n'avait plus le même goût. J'étais maintenant <em>obligé</em> de le faire, et je n'en tirais pas le même plaisir.</p>
|
||||||
|
<p>Quand j'étais plus jeune au lycée j'écrivais des programmes en <em>Visual Basic</em> que je partageais en ligne sur mon site en <code>.free.fr</code>. Programmes que probablement personne n'a lu, mais l'intention était bel et bien celle de partager mes créations, et d'échanger à leur propos.</p>
|
||||||
|
<p>Cette culture du partage — celle du logiciel libre — est celle qui m'anime.</p>
|
||||||
|
<p>Quelques années plus tard, je découvre le langage de programmation Python, et avec lui toute une communauté, mue par ces mêmes valeurs de partage et d'amélioration de nos pratiques. Puis je rencontre le Logiciel Libre, avec l'écriture d'un programme (<a href="https://getpelican.com">pelican</a>) qui reste encore largement utilisé aujourd'hui. Autant dire que c'est une bonne claque que de voir des inconnus contribuer à un bout de code qu'eux aussi jugent utile.</p>
|
||||||
|
<p>À la fin de mes études, alors que je reste passionné par le développement logiciel, je ne veux ni travailler pour l'industrie, ni pour la finance. Je songe même déjà à cette époque à changer de métier (avant même d'avoir commencé !). Coup de bol, une structure qui m'est chère cherche des développeurs Python: Mozilla. Sans trop y croire, je passe une série d'entretiens qui se déroulent bien (!) et je commence quelques mois plus tard à travailler pour cette organisation incroyable, porteuse d'espoir et de toute une symbolique pour moi.</p>
|
||||||
|
<p>Je bosse sur du Logiciel Libre, en Python, en télétravail parfois, avec une bonne paie, sans parler du côté prestigieux. Grisant.</p>
|
||||||
|
<p>Mais au fur et à mesure je découvre l'envers du décors: une méritocratie ancrée et assumée, une hiérarchie de plus en plus importante, menant à une lourdeur administrative assez présente. À ajouter à la barrière de la langue, et aux différences culturelles. Finalement tout n'est pas rose ici.</p>
|
||||||
|
<p>Je décide alors de (je pense) faire un de mes meilleurs choix de vie à ce jour: passer aux 4/5èmes. Je récupère tous mes vendredis. Des weekends de 3 jours, toutes les semaines. Un espace précieux pour me reposer, et pour rêver un peu.</p>
|
||||||
|
<p>C'est à ce moment que Fred, un ami de longue date, en revenant du Québec (ou les brasseries sont légion), me propose de faire de la bière avec lui. Moi qui ne savais même pas qu'il était <em>possible</em> de faire de la bière. On tente donc l'expérience, et nos premières expériences sont des journées bien <em>funky</em>, à faire toutes les erreurs possibles.</p>
|
||||||
|
<p>Peu à peu, on découvre un nouveau monde: celui des brasseurs amateurs. De nouvelles compétences sont nécessaires, de la physique à la biochimie. On se met à rencontrer des professionnels, des passionnés, à échanger sur les forums. On se forme, petit à petit. Tout comme il y a la communauté des gens qui font du Python, il y a la communauté des gens qui font de la bière. Pas encore autant fédérés, ça semble balbutiant alors mais la passion elle est bien présente.</p>
|
||||||
|
<p>Tout comme le monde du Logiciel Libre est constitué autour d'un ennemi commun (les GAFA), le monde de la bière artisanale à la sien: les brasseries industrielles, qui uniformisent les goûts et les processus.</p>
|
||||||
|
<p>Je continue en parallèle mon travail chez Mozilla, pendant 4 années. Et puis un jour, une annonce d'arrêt d'un projet sur lequel je travaillais me fait réaliser que cette situation m'épuise. La fameuse goutte de trop.</p>
|
||||||
|
<p>Je décide alors de partir, de faire une pause, sans trop savoir ce que l'avenir me réserve. Une petite période de blanc de deux mois. Le regard des autres est parfois culpabilisant. Mes parents me demandent si « je ne veux pas attendre encore un peu ». La transition me fait peur, mais je choisis quand même de troquer mon confort matériel pour de la cohérence.</p>
|
||||||
|
<p>Petit à petit, l'idée de monter ce qui est maintenant devenu <a href="https://www.vieuxsinge.com">La Brasserie du Vieux Singe</a> se pose en évidence. Mais monter une brasserie ce n'est pas uniquement faire de la bière: c'est se mettre d'accord sur des valeurs, trouver comment les défendre, monter un projet pour, et tenir le cap.</p>
|
||||||
|
<p>Quelques mois après mon départ, on se retrouve donc à parler de ces valeurs de partage, de documentation, de goût. De gouvernance et de collaboration aussi.
|
||||||
|
Dans nos pratiques courantes, on décide d'intégrer du temps pour documenter la vie de la brasserie.</p>
|
||||||
|
<p>À titre d'exemple, nos étiquettes contiennent l'ensemble des ingrédients que l'on utilise de la manière la plus détaillée possible. On travaille aussi sur un projet de laveuse de fûts, qui sera publié sous licence libre, avec l'idée de pouvoir, petit à petit, constituer un ensemble d'outils utiles à tous les brasseurs, et peut être même réussir à favoriser les échanges entre toutes ces personnes.</p>
|
||||||
|
<p>Nous sommes deux brasseurs, deux chefs d'entreprise, mais aussi deux développeurs. Nos compétences de développeurs nous sont utiles quotidiennement: pour notre laveuse de fûts, pour nos créations de recettes (j'ai découvert la puissance des tableurs !), pour notre site de préventes, notre site Web, nos outils du quotidien. On se rend compte qu'il s'agit de compétences précieuses.</p>
|
||||||
|
<p>Mais monter une entreprise, c'est aussi assumer une partie administrative. Vous vous rappelez cette histoire de réactions face aux activités subordonnées ? Et bien quand je fais mes déclarations aux douanes, ce n'est pas de gaîté de cœur. Je sais par contre pourquoi je le fais: ce sont les règles du jeu. Des obligations, mais peut-être moins de coercition. J'y trouve plus de sens.</p>
|
||||||
|
<p>Et, si je n'avais pas réduit mon temps de travail, j'aurais peut-être loupé la découverte de ce nouveau monde, celui qui me passionne aujourd'hui.</p>
|
||||||
|
<p>Alors je vous invite à vous poser la question — indispensable — de vos valeurs: qu'est-ce que vous souhaitez faire ? Qu'est-ce qui vous anime ? Et peut-être à aménager du temps pour explorer vos envies. </p>
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
176
des-carnets-desquisse-fr.html
Normal file
176
des-carnets-desquisse-fr.html
Normal file
|
|
@ -0,0 +1,176 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Des carnets d'esquisse - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Des carnets d'esquisse</h1>
|
||||||
|
<span class="post-date">16 août 2013</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>Je me rends compte que je n'écris pas si souvent que ça ici, principalement
|
||||||
|
parce que je me sens obligé d'y écrire en Anglais, mais aussi parce que je le
|
||||||
|
considère comme un espace ou les choses doivent êtres abouties et non pas
|
||||||
|
expérimentales.</p>
|
||||||
|
<p>Des fois j'ai cette envie d'ouvrir un "carnet" et d'y jeter juste quelques
|
||||||
|
notes. Pas grand chose: mes quelques pensées ou alors des liens que je veux me
|
||||||
|
garder de coté, des pensées que je souhaite partager… Un endroit ou je peux
|
||||||
|
venir écrire quelque chose et le compléter plus tard.</p>
|
||||||
|
<p>Du coup, le flux Atom contiens désormais quelques notes sur des sujets variés.
|
||||||
|
Ces notes ne sont pas relayées sur la page d'accueil, mais vous pouvez les
|
||||||
|
trouver dans <a class="reference external" href="https://blog.notmyidea.org/category/notes.html">la section notes</a>.</p>
|
||||||
|
<p>Je ne sais pas encore si il s'agit du meilleur endroit pour ça, mais peu importe,
|
||||||
|
essayons. A bas la pudeur rédactionelle.</p>
|
||||||
|
<p>J'ai du au passage chambouler un peu vos agrégateurs, pardonnez moi :)</p>
|
||||||
|
<div class="section" id="le-retour-des-commentaires">
|
||||||
|
<h2>Le retour des commentaires</h2>
|
||||||
|
<p>Au passage, je ne me rappelle plus quand exactement, mais j'avais décidé de
|
||||||
|
supprimer les commentaires de cet espace. Paf, apu. Comme ça, sans prévenir.</p>
|
||||||
|
<p>Les raisons en étaient à la fois techniques (je ne souhaitait pas avoir recours
|
||||||
|
à disqus qui est un silo propriétaire de plus) et parce que je considérais que
|
||||||
|
les commentaires n'avaient que peu d'intérêt. Ceci dit, le manque d'échange me
|
||||||
|
manque; j'aimerais bien savoir ce que vous pensez de ce que j'écris des fois,
|
||||||
|
et avoir des débats si nos opinions divergent.</p>
|
||||||
|
<p>Et puis bon, partager dans un seul sens, c'est un peu dommage !</p>
|
||||||
|
<p>Il est maintenant possible, avec <a class="reference external" href="http://talka.tv">talka.tv</a> d'héberger soi
|
||||||
|
même ses commentaires. J'ai dans l'idée d'héberger une instance de ce service
|
||||||
|
sur <cite>discus.notmyidea.org</cite>, ou d'utiliser Daybed pour faire la même chose,
|
||||||
|
mais faut il encore que je le fasse, alors en attendant, j'ai réactivé disqus
|
||||||
|
ici! (Le mieux est l'ennemi du bien, paraît il !)</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
199
djangocong-2012-fr.html
Normal file
199
djangocong-2012-fr.html
Normal file
|
|
@ -0,0 +1,199 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Djangocong 2012 - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Djangocong 2012</h1>
|
||||||
|
<span class="post-date">16 avril 2012</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>Ce week-end, c'était <a class="reference external" href="http://rencontres.django-fr.org">djangocong</a>, une conférence autour de <a class="reference external" href="http://djangoproject.org">django</a>,
|
||||||
|
de <a class="reference external" href="http://python.org">python</a> et du web, qui avait lieu dans le sud, à Carnon-plage, à quelques
|
||||||
|
kilomètres de Montpellier la belle.</p>
|
||||||
|
<p>J'ai vraiment apprécié les trois jours passés avec cette bande de geeks. Je
|
||||||
|
m'attendais à des <em>nerds</em>, j'y ai trouvé une qualité d'écoute, des personnes qui
|
||||||
|
partagent des valeurs qui leur sont chères, mais qui ne limitent pas
|
||||||
|
leurs discussions à du technique. Eeeh ouais, encore un préjugé qui tombe,
|
||||||
|
tiens :)</p>
|
||||||
|
<p>En tant que <em>hackers</em>, on a le moyen de créer des outils qui sont utiles à tous,
|
||||||
|
et qui peuvent être utiles pour favoriser la collaboration et la mise en commun
|
||||||
|
des données. J'ai eu l'occasion de discuter de projets tournant autour de
|
||||||
|
l'entraide, que ça soit pour mettre en lien des associations d'économie sociale
|
||||||
|
et solidaire (ESS) ou simplement pour que les populations <em>non tech</em> <a class="reference external" href="http://blog.notmyidea.org/quels-usages-pour-linformatique-fr.html">puissent
|
||||||
|
utiliser toute la puissance de l'outil qu'est le web</a>.</p>
|
||||||
|
<p>Au niveau du format des conférences, je ne savais pas trop à quoi m'attendre,
|
||||||
|
au vu des échos de l'an dernier, mais c'était adapté: des mini-confs de 12mn le
|
||||||
|
samedi matin + début d'aprem, en mode no-wifi pour récupérer une qualité
|
||||||
|
d'écoute. Et contrairement à mes attentes, ce n'est pas trop court. Pas mal de
|
||||||
|
retours d'expérience pour le coup, et une matinée pas vraiment techniques, mais
|
||||||
|
ça pose le décor et permet de savoir qui fait quoi.</p>
|
||||||
|
<p>Parmi l'ensemble des conférences du matin, je retiens principalement
|
||||||
|
celle de Mathieu Leplatre, "des cartes d'un autre monde", qui m'a réellement
|
||||||
|
bluffée quand à la facilité de créer des cartes avec <a class="reference external" href="http://mapbox.com/tilemill/">TileMill</a>, et qui me pousse à reconsidérer le fait que "la
|
||||||
|
carto, c'est compliqué". <a class="reference external" href="https://www.youtube.com/watch?v=7NPQo54NbJ8">La vidéo est (déja !) disponible en ligne</a>, je vous invite à la regarder
|
||||||
|
(c'est une 15aine de minutes) pour vous faire un avis ;)</p>
|
||||||
|
<p>Une fois les conf passées, ça reste très intéressant, voire plus: il reste un
|
||||||
|
jour et demi pour discuter avec les autres présents. On a pu se retrouver avec
|
||||||
|
Mathieu pour discuter de "notre" projet <a class="reference external" href="http://blog.notmyidea.org/carto-forms-fr.html">"carto
|
||||||
|
forms"</a>, qui à finalement pu se
|
||||||
|
redéfinir un peu plus et donner naissance à un <a class="reference external" href="https://github.com/spiral-project/daybed/blob/master/README.rst">README</a>. On en
|
||||||
|
à profité pour lui choisir un nouveau nom: "daybed", en référence à couchdb.</p>
|
||||||
|
<p>Ça devrait se transformer en code d'ici peu. La curiosité aidant, on a pu
|
||||||
|
discuter du projet avec d'autres personnes et affiner les attentes de chacun
|
||||||
|
pour finalement arriver à quelque chose d'assez sympathique.</p>
|
||||||
|
<p>J'ai aussi pu me rendre compte que pas mal de monde utilise <a class="reference external" href="http://pelican.notmyidea.org">pelican</a>, le bout de code que j'ai codé pour générer ce
|
||||||
|
blog, et avoir des retours utiles ! Probablement des réflexions à venir
|
||||||
|
sur comment éviter qu'un projet open-source ne devienne chronophage, et sur
|
||||||
|
comment réussir à garder une qualité dans le code source tout en ne froissant
|
||||||
|
pas les contributeurs.</p>
|
||||||
|
<p>Bien évidemment, c'était aussi l'occaz de rencontrer des gens qu'on ne voir que
|
||||||
|
sur les inter-nets, et de discuter un brin de tout ce qui fait que notre monde
|
||||||
|
est chouette et moins chouette.</p>
|
||||||
|
<p>Entres autres faits notoires, JMad a perdu au baby-foot face à Exirel, même
|
||||||
|
en m'ayant à ses cotés pour le déconcentrer (et je suis un joueur d'un autre
|
||||||
|
monde - en d'autres termes, je suis nul), David`bgk ne s'est pas levé pour
|
||||||
|
aller courir le dimanche matin (il avait dit 5 heures!), Les suisses ont essayé
|
||||||
|
de me convertir à coup d'abricotine, j'ai perdu au skulls-n-roses en quelques
|
||||||
|
tours et on a allumé un feu chez Stéphane le dimanche soir (oui oui, à
|
||||||
|
montpellier, mi avril, je vous le dis qu'ils mentent avec leur soit disant
|
||||||
|
soleil).</p>
|
||||||
|
<p>Et c'est sans parler de <a class="reference external" href="http://jehaisleprintemps.net/blog/fr/2012/04/15/j-ecris-ton-nom/">la brasucade</a> …</p>
|
||||||
|
<p>Bref, vivement la prochaine (et allez, cette fois ci je ferais une présentation
|
||||||
|
!)</p>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
214
drafts/acceder-a-internet-hors-ligne.html
Normal file
214
drafts/acceder-a-internet-hors-ligne.html
Normal file
|
|
@ -0,0 +1,214 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Accéder à internet hors-ligne - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Accéder à internet hors-ligne</h1>
|
||||||
|
<span class="post-date">06 juillet 2013</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>J'ai eu la chance de passer quelques semaines de vacances en Australie
|
||||||
|
dernièrement. Dans mes déplacements j'ai beaucoup utilisé le train et
|
||||||
|
n'avais que peu souvent accès à une connexion internet.</p>
|
||||||
|
<p>Et rapidement je souhaitais faire des recherches sur un tas de choses:
|
||||||
|
Que ce soit la culture Aborigène locale, les
|
||||||
|
oiseaux qu'on croisait, les insectes, les lieux, etc.</p>
|
||||||
|
<p>Les ressources papier existent bien évidemment et mon dos avait le plaisir de
|
||||||
|
transporter un guide assez complet. Ceci dit, il n'est pas réellement
|
||||||
|
imaginable de se trimballer avec une encyclopédie sur le dos.</p>
|
||||||
|
<p>À moins que…</p>
|
||||||
|
<div class="section" id="mise-en-garde">
|
||||||
|
<h2>Mise en garde</h2>
|
||||||
|
<p><a class="reference external" href="|slug:usages-informatique|">Loin de moi l'idée de vouloir utiliser du numérique partout et pour tout</a> …</p>
|
||||||
|
<p>La plupart du temps le moyen que je préfère est de tout simplement discuter
|
||||||
|
avec les gens autour de moi. Mais des fois il n'y à personne autour, ou alors
|
||||||
|
les questions tomberaient comme un cheveu sur la soupe.</p>
|
||||||
|
<p>Avoir recours à des outils d'habitude uniquement disponibles en ligne alors que
|
||||||
|
vous n'avez pas accès à internet peut donc s'avérer réellement utile.</p>
|
||||||
|
<p>Je ne pense pas que j'aurais par exemple pu trouver un spécialiste des termites à l'endroit où j'en avais besoin :-)</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="une-encyclopedie">
|
||||||
|
<h2>Une encyclopédie</h2>
|
||||||
|
<p>Ma première stratégie à donc été d'enregistrer des pages web pour les consulter
|
||||||
|
plus tard (Wikipedia, Wikitravel, etc, autour des sujets qui m' intéressaient.
|
||||||
|
Ça fonctionne d'ailleurs assez bien. Le problème étant qu'il faut être
|
||||||
|
<em>pro-actif</em> et savoir à l'avance ce qu'on va faire dans les jours qui viennent.</p>
|
||||||
|
<p>Et puis je me suis rappelé qu'il était possible de récupérer l'encyclopédie
|
||||||
|
<em>Wikipedia</em> hors ligne. J'avoue que je n'y croyais pas trop, pensant qu'il me
|
||||||
|
faudrait beaucoup plus de place que ce que mon disque dur pouvait encaisser.</p>
|
||||||
|
<p>Pas tant, en fin de compte: il faut 16Gb pour la version française. Il il est possible de la récupérer en <a class="reference external" href="http://fr.wikipedia.com/bittorrent">bittorrent</a>, qui permet de récupérer tout ça assez rapidement.</p>
|
||||||
|
<p>Et paf, vous voila avec un logiciel nommé "kiwix" qui vous permet de lire
|
||||||
|
wikipedia tranquillement depuis votre ordinateur, sans connexion à internet.</p>
|
||||||
|
<p>C'est impressionnant ce qu'on peut trouver comme informations dans ce bijou,
|
||||||
|
à fortiori lorsqu'on n'est pas interrompu par internet tout le temps.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="cartes">
|
||||||
|
<h2>Cartes</h2>
|
||||||
|
<p>Pour ce qui est des cartes, j'avoue que mon option préférée est tout simplement
|
||||||
|
d'avoir des cartes, des vraies, celles qu'on peut déplier. Je peux passer un
|
||||||
|
temps dingue juste à regarder une carte, je trouve ça passionnant.</p>
|
||||||
|
<p><a class="reference external" href="http://openstreetmap.org">Open street map</a> est un projet de cartographie collaborative: chacun peut modifier la carte globale pour l'enrichir avec des détails qui lui semblent utile. Et les données récoltées sont reversées sous une licence libre.</p>
|
||||||
|
<p>Les données existent donc, sur les serveurs d'OSM, il ne reste "juste" qu'à les
|
||||||
|
récupérer pour une utilisation hors-ligne.</p>
|
||||||
|
<p>XXX</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="petits-sites-ressources">
|
||||||
|
<h2>Petits sites ressources</h2>
|
||||||
|
<p>Et puis il y à plein d'autres sites qui contiennent une information précieuse,
|
||||||
|
auxquels vous souhaitez avoir accès hors-ligne. Le blog de votre grand mère
|
||||||
|
avec ses recettes de flan au Maroual, etc.</p>
|
||||||
|
<p>Sous linux, il existe un outil génial qui s'appelle <cite>wget</cite>. Il s'agit d'un
|
||||||
|
couteau suisse du téléchargement. Très simplement, <em>wget</em> permet de récupérer
|
||||||
|
hors ligne une page web, pour la consulter plus tard.</p>
|
||||||
|
<p>Cet outil est aussi capable de transformer les liens entre pages pour que la
|
||||||
|
navigation soit possible sur votre copie du site, etc. Pour cela il faut lui
|
||||||
|
passer quelques options:</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
wget -r -k -np http://blog.notmyidea.org
|
||||||
|
</pre>
|
||||||
|
<p>Et vous avez accès à un site hors-ligne, sur votre ordinateur.
|
||||||
|
"Très bien", me direz vous, mais moi j'ai pas ton machin, "linux", là.</p>
|
||||||
|
<p>Je me suis amusé à faire un site rapide qui permet de récupérer d'autres sites
|
||||||
|
hors-ligne, sous forme d'archives <em>.zip</em>. Vous entrez l'adresse du site, votre
|
||||||
|
adresse email et ça s'occupe du reste pour vous !</p>
|
||||||
|
<p>Le site est ici: <a class="reference external" href="http://offline.notmyidea.org">http://offline.notmyidea.org</a> et le code ici
|
||||||
|
<a class="reference external" href="https://github.com/ametaireau/offline">https://github.com/ametaireau/offline</a></p>
|
||||||
|
<p>Au cas ou ça vous serve.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
248
drafts/an-attempt-to-handle-mails-better.html
Normal file
248
drafts/an-attempt-to-handle-mails-better.html
Normal file
|
|
@ -0,0 +1,248 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>An attempt to handle mails better - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">An attempt to handle mails better</h1>
|
||||||
|
<span class="post-date">03 janvier 2013</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>Those of you who wrote me emails know it, I'm really bad at handling them. This
|
||||||
|
is because I don't have any flow in place. Recently, I surprised myself
|
||||||
|
not even reading all these emails. And this means frustration for me and for
|
||||||
|
the people who expect me to read them.</p>
|
||||||
|
<p>So here is an attempt to solve this.</p>
|
||||||
|
<p>When I first gave some thoughts to this, I directly thought about "how to
|
||||||
|
automatically improve my inbox", or "how to let the machine do the work rather
|
||||||
|
than myself.</p>
|
||||||
|
<p>When reading emails, you then need to take actions. Some can be automated
|
||||||
|
/ short, some cannot.</p>
|
||||||
|
<div class="section" id="tooling">
|
||||||
|
<h2>Tooling</h2>
|
||||||
|
<p>I currently have a folder for each "project" I'm involved in. This means
|
||||||
|
a lot of projects, and a lot of folders. For instance, when I get a mail from
|
||||||
|
<cite>marketplace-devs@mozilla.org</cite>, it goes to the <cite>marketplace</cite> folder.</p>
|
||||||
|
<p>Let's try to list from where I receive emails and what I should do with
|
||||||
|
them.</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>low-involvement mailling-lists</li>
|
||||||
|
<li>high-involvement mailing-lists</li>
|
||||||
|
<li>work-related bugmails</li>
|
||||||
|
<li>non-work-related bugmails</li>
|
||||||
|
<li>personal mails</li>
|
||||||
|
<li>work-related mails</li>
|
||||||
|
</ul>
|
||||||
|
<div class="section" id="low-involvement-mailing-lists">
|
||||||
|
<h3>Low-involvement mailing-lists</h3>
|
||||||
|
<p>These are probably the easiest to get rid of. I subscribed to a bunch of
|
||||||
|
technical discussion groups, for instance django-dev, pyramid-dev, catalog-sig,
|
||||||
|
distutils-sig, python-dev and others.</p>
|
||||||
|
<p>Since you can find most of these public mailing-lists online, my last move was
|
||||||
|
to just unsubscribe from them, telling myself I'll read them there.</p>
|
||||||
|
<p>Obviously, this isn't true because I never read them online until someone
|
||||||
|
points me to an interesting discussion there, but it seems that the really
|
||||||
|
interesting topics pops up on twitter / IRC from time to time, and the spare
|
||||||
|
time it creates is really worth some good information less.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="high-involvement-mailing-list">
|
||||||
|
<h3>High-involvement mailing-list</h3>
|
||||||
|
<p>In this category, I put the mailing lists you have to read, think once, think
|
||||||
|
again and answer. Answering to emails isn't always something I do
|
||||||
|
straight-away. Sometimes I'm not good-enough technically to answer really
|
||||||
|
quickly, and it needs some research from me. Sometimes it just needs some time
|
||||||
|
for my brain to pick everything up before answering.</p>
|
||||||
|
<p>I currently keep these emails "unread" in their folder, and try to get back to
|
||||||
|
it later. Which I usually don't do. And everything ends up in limbo.</p>
|
||||||
|
<p>I actually created a second mailbox for myself where I send all the tasks
|
||||||
|
I need to take time to do. That's a TODO list, but I can actually send it
|
||||||
|
emails.</p>
|
||||||
|
<p>Every day, I try to find some time to take one of these tasks and have an
|
||||||
|
answer for these mails. So far it's working well, but I'm wondering what will
|
||||||
|
happen if I get too much mails in there.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="bug-mails-work-or-non-work-related">
|
||||||
|
<h3>Bug mails (work or non-work related)</h3>
|
||||||
|
<p>I read them on the fly and see if I have something to do with them. Most of the
|
||||||
|
time I don't and so I delete them. When I do, I assign myself a task in GTG to
|
||||||
|
deal with later.</p>
|
||||||
|
<p>I work for Mozilla only 4 days per week. The goal is to have some time during
|
||||||
|
the extra day to take care of the others projects I'm involved with.</p>
|
||||||
|
<p>Usually I manage to do what I need to do during this 5th day. If I do and
|
||||||
|
things stack up, the first thing I do is to make the people that are / would be
|
||||||
|
waiting on me aware of the situation. This usually solves the problem.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="directed-mails">
|
||||||
|
<h3>Directed mails</h3>
|
||||||
|
<p>Once I've setup the rules I described, the remaining mails I receive are
|
||||||
|
directed personal mails. Hopefully, for me that means not too much mails, and
|
||||||
|
I'm able to answer them in an acceptable time-frame. I usually try to answer
|
||||||
|
them straight ahead if I can, also, or convert the ones that ask me for
|
||||||
|
something special into a GTG task.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="discipline">
|
||||||
|
<h2>Discipline</h2>
|
||||||
|
<p>That would be foolish to think everything only takes tools. It also takes some
|
||||||
|
discipline.</p>
|
||||||
|
<p>I'm trying something: I'm spending a little 30mn to an hour reading mails in
|
||||||
|
the morning, eventually answering if the answer is short; plus another hour in
|
||||||
|
the afternoon to answer to the longer mails that would had need some more
|
||||||
|
thinking for me.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="pelican">
|
||||||
|
<h2>Pelican</h2>
|
||||||
|
<p>I receive a lot of mails about pelican, and to be honnest I don't read most of
|
||||||
|
them by now because I know it means I'll have to read text, code, and
|
||||||
|
eventually make comments on these.</p>
|
||||||
|
<p>And whenever I read these mails, I usually don't have time to handle them right
|
||||||
|
away. Most of these mails come from github pull requests. This means I got
|
||||||
|
a mail each time someone open, comment or close on a bug or issue.</p>
|
||||||
|
<p>Okay, so what do I do with that? Currently, these mails end-up in a "folder" on
|
||||||
|
my email, so they don't languish on my inbox, which is a first good step, but
|
||||||
|
I would need</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="mozilla">
|
||||||
|
<h2>Mozilla</h2>
|
||||||
|
<p>At mozilla, most of the interesting emails are discussions, but I currently
|
||||||
|
don't separate the bugmails from the other emails, so in the same box, without
|
||||||
|
a lot of distinction I receive all the discussions for the different lists I'm
|
||||||
|
on, and for the code review / issues that are done on either bugzilla or
|
||||||
|
github.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
187
drafts/australie.html
Normal file
187
drafts/australie.html
Normal file
|
|
@ -0,0 +1,187 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Australie - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Australie</h1>
|
||||||
|
<span class="post-date">05 septembre 2013</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>Ah, quelques 5 semaines de vacances, de <em>off</em>. Mine de rien ça remets les choses
|
||||||
|
à leur place. Premièrement, déconnecter un peu avec cet ordinateur et cette
|
||||||
|
vie que je trouve souvent trop connectée.</p>
|
||||||
|
<p>Et puis, surtout, voyager, me ballader, vivre avec le soleil et (re)découvrir
|
||||||
|
la nature, les longues randonnées… Retrouver ce lien qui dès fois se perd,
|
||||||
|
sans trop savoir pourquoi.</p>
|
||||||
|
<p>Bref, en visitant l'australie on à trouvé quelques bijoux, que je m'empresse de
|
||||||
|
partager, au cas ou ça puisse servir à certains ! (et quelques décéptions
|
||||||
|
aussi)</p>
|
||||||
|
<div class="section" id="kangaroo-valley-nsw">
|
||||||
|
<h2>Kangaroo Valley (NSW)</h2>
|
||||||
|
<p>La <strong>valée des kangourous</strong> est au sud de sydney, pas très loin de Nowra. C'est
|
||||||
|
accessible en train quasiment, mais vous aurez besoin d'une voiture pour faire
|
||||||
|
quelque chose la bas ensuite.</p>
|
||||||
|
<p>C'est assez petit, mais quelques bushwalks sont possibles. Le petit village au
|
||||||
|
centre peut vous permettre de faire un peu de canoë</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="mungo-national-park">
|
||||||
|
<h2>Mungo national park</h2>
|
||||||
|
<p>Pas très loin de mildura, un peu perdu au milieu de rien, il y à le mungo
|
||||||
|
national park. Il faut conduire sur des routes en terre pour à peu près 2h
|
||||||
|
avant d'arriver sur place, mais ça en vaut l'effort.</p>
|
||||||
|
<p>Il s'agit d'un ancien lac salé, au milieu du desert maintenant. Géologiquement,
|
||||||
|
l'accumulation de sable et d'argile sont assez ahurissantes puisque on arrive
|
||||||
|
à retrouver des ossements des premiers aborigènes (dont j'ai oublié le nom).</p>
|
||||||
|
<p>Ce parc national est vriament chouette parce que peu de personnes le
|
||||||
|
connaissent et donc (contrairement à d'autres endroits ou c'est difficilement
|
||||||
|
vivable) il y à peu de touristes.</p>
|
||||||
|
<p>Par contre les mouches sont au rendez-vous !
|
||||||
|
Au programme, on à eu des superbes couchers de soleil, un silence quasi total
|
||||||
|
(j'avais jamais pu voir ça avant) et un ciel ahurissant.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="the-great-ocean-road">
|
||||||
|
<h2>The great Ocean road</h2>
|
||||||
|
<p>Tiens, en parlant de trucs touristiques ! En paratant de Melbourne, on à décidé
|
||||||
|
d'aller fair eun tour sur cette route qui semble assez connue. C'est assez
|
||||||
|
beau, quelques points de vue sur l'océan avec des vagues qui se fracassent sur
|
||||||
|
la roche, mais dans l'ensemble c'est un peu étrang ede voir tout le monde faire
|
||||||
|
cette route dans sa voiture et s'arrêter pour prendre des photos.</p>
|
||||||
|
<p>On à déniché un super petit camping gratuit à sur la pointe</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
309
drafts/carto-forms-first-steps.html
Normal file
309
drafts/carto-forms-first-steps.html
Normal file
|
|
@ -0,0 +1,309 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Carto Forms - First steps - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Carto Forms - First steps</h1>
|
||||||
|
<span class="post-date">17 novembre 2012</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>For an introduction on carto forms, please see this blog post:
|
||||||
|
<a class="reference external" href="https://blog.notmyidea.org/carto-forms.html">https://blog.notmyidea.org/carto-forms.html</a> (and its variant in french if you
|
||||||
|
prefer: <a class="reference external" href="https://blog.notmyidea.org/carto-forms-fr.html">https://blog.notmyidea.org/carto-forms-fr.html</a>)</p>
|
||||||
|
<p>So, let's not talk too much about what we want to do, and rather explain how we
|
||||||
|
will do it instead ;)</p>
|
||||||
|
<p>Writing this article turned out to dump my thinking while bootstraping the
|
||||||
|
project, so I'm really explaining how I'm getting from here to there ;)</p>
|
||||||
|
<div class="section" id="first-step-defining-a-way-to-describe-forms">
|
||||||
|
<h2>First step: defining a way to describe forms</h2>
|
||||||
|
<p>What we want is a generic way to describe forms. I'm not sure if such a thing
|
||||||
|
exist. And, because I'm on a train atm, let's suppose there isn't anything like
|
||||||
|
this already (which is probably a wrong assumption, but, let's stick with that
|
||||||
|
for now).</p>
|
||||||
|
<p>What do we want? A way to associate titles, descriptions to a field. We also
|
||||||
|
want to be able to describe what's <em>in</em> the field (the type of content), and if
|
||||||
|
it is a repeatable field or not. In the case of a selection, we might also want
|
||||||
|
to have a list of possibilities somewhere. Let's take a simple example:</p>
|
||||||
|
<p>Title: Ads spots
|
||||||
|
Description: Describe all the ads spots in Paris
|
||||||
|
Fields:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>location (geoloc/address/lat-long)</li>
|
||||||
|
<li>size <em>the size of the ad</em> (choice list: small/medium/big/huge)</li>
|
||||||
|
<li>light <em>is there light on it?</em> (boolean)</li>
|
||||||
|
</ul>
|
||||||
|
<p>Okay, so what we have here is in the form: name <em>description</em> (type of field).
|
||||||
|
In some way, we need to separate the widget that will be displayed to the user
|
||||||
|
from the type of data. What we need here is the type of data, the widget thing
|
||||||
|
should be decided at a different layer. So, let's refine the "location" field
|
||||||
|
to "location (SIG point)".</p>
|
||||||
|
<p>Okay, we now know what we want to save. Yet, we need to define the format.
|
||||||
|
At this point, I'm wondering if I should use XML, YAML or JSON to describe this
|
||||||
|
data. To be able to choose, listing the potential consumers / providers of data
|
||||||
|
can help. The first consumer of this data will be a REST API, and the first
|
||||||
|
producer will be, probably javascript (or whatever techno is used on the
|
||||||
|
client). Of course, we can provide lots of format on the REST API and depend
|
||||||
|
on the "Content-Types" header to know how to talk to it, but well, do we really
|
||||||
|
want or need to do that? Let's assume no for now and stick with JSON, because
|
||||||
|
it's now easily validable and I can't think of a language without a lib for it
|
||||||
|
(apart COBOL, of course).</p>
|
||||||
|
<p>Hey-hi, JSON. How does our data look with you? Let's dump a python structure
|
||||||
|
and dump it with <cite>json.dumps</cite>:</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
data = {
|
||||||
|
'title': 'Ads spots',
|
||||||
|
'description': 'All the ads spots in paris',
|
||||||
|
'fields': (
|
||||||
|
{'name': 'location', 'type': 'SIG point'},
|
||||||
|
{'name': 'size', 'type': 'choice', 'description': 'the size of the ad',
|
||||||
|
'choices': ('small', 'medium', 'big', 'huge')},
|
||||||
|
{'name': 'light', 'desciption': 'is there light on it?', 'type': 'bool'},
|
||||||
|
)}
|
||||||
|
import json
|
||||||
|
json.dumps(data)
|
||||||
|
</pre>
|
||||||
|
<p>… and the result is (ran with <cite>python data.py | python -m json.tool</cite>) …:</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
{
|
||||||
|
"title": "Ads spots"
|
||||||
|
"description": "All the ads spots in paris",
|
||||||
|
"fields": [
|
||||||
|
{
|
||||||
|
"name": "location",
|
||||||
|
"type": "SIG point"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"choices": [
|
||||||
|
"small",
|
||||||
|
"medium",
|
||||||
|
"big",
|
||||||
|
"huge"
|
||||||
|
],
|
||||||
|
"description": "the size of the ad",
|
||||||
|
"name": "size",
|
||||||
|
"type": "choice"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"desciption": "is there light on it?",
|
||||||
|
"name": "light",
|
||||||
|
"type": "bool"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
}
|
||||||
|
</pre>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="validating-the-form-definition">
|
||||||
|
<h2>Validating the form definition</h2>
|
||||||
|
<p>JSON is nice to us, JSON schema now exists and there are tools to work with it.
|
||||||
|
Quickly, it's the same kind of things than what's provided by XML Schema: you
|
||||||
|
create a schema, pass it some data and it's able to tell you if the data
|
||||||
|
complies with the schema. If not, it gives you a nice list of wrong fields.</p>
|
||||||
|
<p>The second option, in python, is a tool named colander, which approximately
|
||||||
|
does the same thing, but with its own syntax.</p>
|
||||||
|
<p>FIXME need to dig on json schema here and do an approx schema for this.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="creating-the-forms">
|
||||||
|
<h2>Creating the forms</h2>
|
||||||
|
<p>The next step is to actually create a form from this. Python, and django in
|
||||||
|
particular, have nice APIs to do that in python. However, I don't know how
|
||||||
|
they internally work, but you can pass to it some data provided by an HTTP POST
|
||||||
|
request and it will tell you if it validate or no.</p>
|
||||||
|
<p>The problem with django is that you're tied to it, and it's not possible (well,
|
||||||
|
as far as I know) to get only the validation bits out of it. On the other hand,
|
||||||
|
the form framework already comes with nice geolocation facilities. It could be
|
||||||
|
nice to have a tool able to parse the format we defined and to generate django
|
||||||
|
models out of it.</p>
|
||||||
|
<p>We need to be careful here: what I'm talking about is to generate code… Well,
|
||||||
|
there are two approches to do that: either we generate a python file and parse
|
||||||
|
it, or either we can read the json data and programatically create a form out
|
||||||
|
of it, at runtime. We might want to cache this at some point to avoid doing it
|
||||||
|
each time, but let's consider it's another problem we will tackle later.</p>
|
||||||
|
<p>So, django internals!</p>
|
||||||
|
<p>Let's loop on the fields provided by our format and generate the form. We will
|
||||||
|
care about how to store this / retrieve it later :)</p>
|
||||||
|
<p>Oh, but wait. I'm talking about forms but I should be talking about models!
|
||||||
|
Validation is one thing, but what we want to do is to describe the data we will
|
||||||
|
be handling. Forms will just be the user facing thing and what will to the
|
||||||
|
validation!</p>
|
||||||
|
<p>Django, no django? Let's think about this one more time. There is another
|
||||||
|
competitor on this field, because we are talking about storing information that
|
||||||
|
are changing all the time and to base validation on them: CouchDB! And there
|
||||||
|
also is GeoCouch, which brings interesting SIG features to Couch. And it's
|
||||||
|
talking JSON!</p>
|
||||||
|
<p>Creating a new form should be as easy as this:</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
$ curl -X POST localhost:5984/cartoforms/ -d "`python test.py`" -H "Content-Type: application/json"
|
||||||
|
{"ok":true,"id":"2d58ef2b02eae639b3f94e357a000d26","rev":"1-0462d0827e7cdad20b5703a923249220"}
|
||||||
|
</pre>
|
||||||
|
<p>Hmm, wait, this is cool but we got this hideous hash. Let's change this to a
|
||||||
|
PUT instead:</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
$ curl -X PUT localhost:5984/cartoforms/paris-ads -d "`python test.py`" -H "Content-Type: application/json"
|
||||||
|
{"ok":true,"id":"paris-ads","rev":"1-0462d0827e7cdad20b5703a923249220"}
|
||||||
|
</pre>
|
||||||
|
<p>Of course, we can already retrieve this with a GET:</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
curl -X GET localhost:5984/cartoforms/paris-ads -d "`python test.py`"
|
||||||
|
{"_id":"paris-ads","_rev":"1-0462d0827e7cdad20b5703a923249220","fields":[{"type":"SIG
|
||||||
|
point","name":"location"},{"choices":["small","medium","big","huge"],"type":"choice","name":"size","description":"the
|
||||||
|
size of the ad"},{"type":"bool","desciption":"is there light on
|
||||||
|
it?","name":"light"}],"description":"All the ads spots in
|
||||||
|
paris","title":"Ads spots"}
|
||||||
|
</pre>
|
||||||
|
<p>Validation? Yes, you're completely right: we need validation for this. Because
|
||||||
|
in this current state, anyone can just insert whatever data they want into this
|
||||||
|
system, which could become a problem at some point.</p>
|
||||||
|
<p>Let's say we don't care who is able to publish to the DB, until we know that
|
||||||
|
what's being posted complies with a certain format. And, guess what's cool?
|
||||||
|
CouchDB provides validators. Yeah, I agree, it's somewhat exhausting to realize
|
||||||
|
that we have all this for free, but, heh, that's open source, dude!</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="adding-validation">
|
||||||
|
<h2>Adding validation!</h2>
|
||||||
|
<p>So, we described our format already, what we need to do is to create a couchdb
|
||||||
|
validator which is able to filter this.</p>
|
||||||
|
<p>Hmm, I don't remember how they are named (will find out in the couch
|
||||||
|
documentation), but if I remember correctly, you can hook up some javascript
|
||||||
|
functions to each POST / PUT, to check that the data inserted is correct, and
|
||||||
|
output appropriate error messages when it's not what you expected.</p>
|
||||||
|
<p>Yeah, this means writing javascript, which is cool because I wanted to re-learn
|
||||||
|
how to do javascript!</p>
|
||||||
|
<p>… train arrives to station, see you next :)</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
154
drafts/etre-le-meilleur.html
Normal file
154
drafts/etre-le-meilleur.html
Normal file
|
|
@ -0,0 +1,154 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Être (le) meilleur ? - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Être (le) meilleur ?</h1>
|
||||||
|
<span class="post-date">19 novembre 2017</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h2 class="post-headline">Quelques réfléxions sur l'élitisme et l'apprentissage.</h2>
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>Au fur et à mesure de mes apprentissages, il y a quelque chose que j'ai du mal à déconstruire: le mythe du meilleur. Moi qui pense qu'ensemble on va plus loin, et que la compétition n'a pas de bons jours devant elle, je me retrouve parfois dans des situations où j'ai une <em>envie</em> de montrer que je suis meilleur, que je sais mieux que mon voisin. Notamment lors de l'apprentissage via mes pairs.</p>
|
||||||
|
<p>Dans les domaines dans lesquels je me spécialise (fabrication de bière, informatique et programmation) je me rends compte qu'une certaine forme d'élistisme existe parfois, contrairement aux apparences de surface. Avoir une position de <em>sage</em> flatte mon égo.</p>
|
||||||
|
<h2>Bonnes pratiques et élitisme</h2>
|
||||||
|
<p>Il ne faut sûrement pas confondre les bonnes pratiques avec l'élitisme, mais parfois la frontière se fait ténue. En guise d'exemple, dans le domaine du brassage, on va critiquer les personnes qui ne contrôlent pas la température de leurs fermentations alors qu'il s'agit probablement de leur apprentissage personnel. Contrôler cette température est une bonne pratique, qui constitue deux groupes: ceux qui savent et ceux qui ne savent pas.</p>
|
||||||
|
<p>Ceux qui savent vont alors <em>expliquer</em> à ceux qui apprennent, et ceux qui apprennent vont être contents d'apprendre. Il est à mon avis important de garder une posture d'apprenant alors même qu'on a des choses à transmettre. Que faut-il alors faire ? Dois-je garder du recul sur mes avis, ou dois-je les formuler comme étant des avis personnels, a prendre avec des pincettes ?</p>
|
||||||
|
<h2>Connaître ses limites</h2>
|
||||||
|
<p>Rester dans une position de <em>sachant</em> semble nous pousser à des comportements de fermeture d'esprit. Ce qui caractérise la sagesse est la facultée à se remettre en question. Mais quid des fausses véritées et des <em>avis de surface</em>, de ce que l'on croit connaître ?</p>
|
||||||
|
<p>Peut-être que la solution est de connaître ses limites, ou en tout cas de les rechercher et de reconnaître les zones de flou. Personne n'est un expert de tout !</p>
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
153
drafts/fermentation-en-futs.html
Normal file
153
drafts/fermentation-en-futs.html
Normal file
|
|
@ -0,0 +1,153 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Fermentation en fûts - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Fermentation en fûts</h1>
|
||||||
|
<span class="post-date">21 janvier 2018</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>Ça fait quelques temps que je brasse, et je lis de plus en plus de ressources sur le sujet. Je pense commencer à maîtriser quelques concepts clés derrière la fabrication de bière, mais je me trouve assez mauvais pour ce qui est de mettre en pratique de manière simple et concise ces apprentissages.</p>
|
||||||
|
<p>Récemment, j'ai fait le choix de faire une petite brasserie de 6-7L. L'idée est de pouvoir brasser des petits <em>batchs</em>, dans ma cuisine, sans prendre trop de risques en terme d'ingrédients. Je me suis donc équipé de petites <em>dame-jeanne</em> de 5.5L. Elles rentrent dans mon frigo et servent à faire la fermentation. Le verre est simple à nettoyer. C'est parfait.</p>
|
||||||
|
<p>Je me disais que c'était l'occasion de faire un petit retour sur cet équipement, et sur ce procédé.</p>
|
||||||
|
<ul>
|
||||||
|
<li>La tête est assez petite, et il est donc assez difficile de faire rentrer des sacs de houblons par exemple.
|
||||||
|
je trouve que l'embouteillage est souvent difficile,</li>
|
||||||
|
</ul>
|
||||||
|
<p>e me retrouve souvent avec des</p>
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
153
drafts/hype.html
Normal file
153
drafts/hype.html
Normal file
|
|
@ -0,0 +1,153 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Hype - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Hype</h1>
|
||||||
|
<span class="post-date">22 novembre 2017</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h2 class="post-headline">Hype et Marketing</h2>
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>Pendant longtemps, j'ai refusé d'avoir un compte Facebook.
|
||||||
|
Pour des raisons éthiques de propriété des données, parce que l'idée d'avoir une entreprise géante qui fait de nos inter-relations un profit me fait blêmir.</p>
|
||||||
|
<p>Depuis, ce sont toujours des pratiques qui me débectent mais j'ai mis un peu de poison dans mon élixir, tant et si bien que j'ai depuis quelques mois un compte au grand F bleu.</p>
|
||||||
|
<p>Je suis surpris de voir tout ce qui s'y passe. J'ai l'impression de découvrir le dessous de l'iceberg: beaucoup de communautées utilisent ce média pour communiquer, et j'y trouve beaucoup d'informations que j'avais de la peine à trouver ailleurs.</p>
|
||||||
|
<p>Je loupais alors toute une partie de la problématique: ce qui fait qu'un réseau social est ce qu'il est. Le fait que Facebook semble être un terreau propice au marketing. De plus en plus d'entreprises l'utilisent pour faire parler de leurs produits. On mélange alors la partie personnelle avec la partie entrepreneuriale.</p>
|
||||||
|
<p>Dans le milieu de la fabrication de bière, je me suis retrouvé à toujours voir ce que font mes collègues, tout ce qu'ils font de plus génial les uns que les autres. Franchement, ça me renvoie pas mal l'impression que je suis un gros naze.</p>
|
||||||
|
<p>Le souci, c'est que je me retrouve coincé dans une position qui nécessite de moi que je fasse parler de mon entreprise, que je cherche à</p>
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
240
drafts/le-mail-doit-il-mourir.html
Normal file
240
drafts/le-mail-doit-il-mourir.html
Normal file
|
|
@ -0,0 +1,240 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Le mail doit-il mourir ? - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Le mail doit-il mourir ?</h1>
|
||||||
|
<span class="post-date">24 novembre 2015</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h2 class="post-headline">Le mail est un protocole bien établi qui souffre de nombreux
|
||||||
|
problèmes. Est-ce qu'il ne serait pas temps de préparer la suite ?</h2>
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>J'utilise quotidiennent le protocole email, tant bien que mal, tout en sachant
|
||||||
|
que l'ensemble de mes messages passent en clair sur le réseau pour la plupart
|
||||||
|
de mes conversations, puisque trop peu de monde utilise le chiffrement des
|
||||||
|
messages.</p>
|
||||||
|
<p>Et même si j'arrive à convaincre certains de mes proches à installer PGP, je ne
|
||||||
|
suis pas satisfait du résultat: les méta-données (qui contacte qui à quel
|
||||||
|
moment, et pour lui dire quoi) transitent de toute manière, elles, en clair,
|
||||||
|
à la vue de tous.</p>
|
||||||
|
<p>Ce problème est lié directement au protocole email: il est <em>necessaire</em> de
|
||||||
|
faire fuiter les metadonnées (au moins le destinataire) pour avoir un protocole
|
||||||
|
mail fonctionnel.</p>
|
||||||
|
<p>Le mail réponds à un besoin de communication asynchrone qui permet des
|
||||||
|
conversations plus réfléchies qu'un simple chat (miaou). Il est tout à fait
|
||||||
|
possible d'utiliser certaines technologies existantes afin de constuire le
|
||||||
|
futur de l'email, pour lequel:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Les méta-données seraient chiffrées — Il n'est pas possible de savoir qui
|
||||||
|
communique avec qui, et quand;</li>
|
||||||
|
<li>Le chiffrement serait fort et protégé d'une phrase de passe;</li>
|
||||||
|
<li>La fuite d'une clé de chiffrement utilisée dans un échange ne permette pas de
|
||||||
|
déchiffrer l'ensemble des échanges (forward secrecy);</li>
|
||||||
|
<li>Il ne soit pas possible de réutiliser les données comme preuve pour
|
||||||
|
incriminer l'emmeteur du message (deniability);</li>
|
||||||
|
</ul>
|
||||||
|
<p>Avec au moins ces besoins en tête, il semble qu'une revue de l'ensemble des
|
||||||
|
projets existants pointe du doigt vers <a class="reference external" href="https://github.com/agl/pond">pond</a>,
|
||||||
|
ou vers <a class="reference external" href="https://www.whispersystems.org/">Signal</a>.</p>
|
||||||
|
<p>Malheureusement, Pond est le projet d'une seule personne, qui veut plutôt
|
||||||
|
utiliser ce code comme demonstration du concept en question.</p>
|
||||||
|
<p>Voici un tableau de certaines des solutions existantes. Je n'ai volontairement
|
||||||
|
pas repris l'ensemble des outils existants, et indiqué quelques points de
|
||||||
|
comparaisons qui me semblaient utiles (Nombre de developeurs, date du dernier
|
||||||
|
commit).</p>
|
||||||
|
<table border="1" class="docutils">
|
||||||
|
<colgroup>
|
||||||
|
<col width="63%" />
|
||||||
|
<col width="14%" />
|
||||||
|
<col width="14%" />
|
||||||
|
<col width="9%" />
|
||||||
|
</colgroup>
|
||||||
|
<thead valign="bottom">
|
||||||
|
<tr><th class="head">Project</th>
|
||||||
|
<th class="head">Pond</th>
|
||||||
|
<th class="head">Signal</th>
|
||||||
|
<th class="head">PGP</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody valign="top">
|
||||||
|
<tr><td>Forward secrecy</td>
|
||||||
|
<td> </td>
|
||||||
|
<td> </td>
|
||||||
|
<td> </td>
|
||||||
|
</tr>
|
||||||
|
<tr><td>Meta-data encryption</td>
|
||||||
|
<td> </td>
|
||||||
|
<td> </td>
|
||||||
|
<td> </td>
|
||||||
|
</tr>
|
||||||
|
<tr><td>Deniability</td>
|
||||||
|
<td> </td>
|
||||||
|
<td> </td>
|
||||||
|
<td> </td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<div class="section" id="axolotl-v2">
|
||||||
|
<h2>Axolotl v2</h2>
|
||||||
|
<p>Un des champions actuels (depuis quelques années déjà) dans
|
||||||
|
Hi,</p>
|
||||||
|
<p>As a prelude, let me say that I've been following this mailing-list since over
|
||||||
|
a year now and I've learned a bunch of interesting things, so thanks to you
|
||||||
|
all.</p>
|
||||||
|
<p>If I understand correctly, the email protocol is badly broken, even if used
|
||||||
|
with PGP on top of it, mainly because metadata are leaking, by design (at least
|
||||||
|
for the emitters and recipients of the messages) and that it doesn't propose
|
||||||
|
forward secrecy.</p>
|
||||||
|
<p>I'm looking for a protocol that allows:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Asynchronous messaging;</li>
|
||||||
|
<li>Backup-able messages;</li>
|
||||||
|
<li>Forward secrecy;</li>
|
||||||
|
<li>Hiding of traffic information;</li>
|
||||||
|
</ul>
|
||||||
|
<p>This looks a lot like Pond [0], with the twist that messages are expiring in
|
||||||
|
Pond (and I would like them not to). But, I could leave with expiration of
|
||||||
|
messages, if only Pond was maintained and still worked on actively.</p>
|
||||||
|
<p>So here are multiple questions:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>The ideas behind Pond looks great. Do you have any</li>
|
||||||
|
</ul>
|
||||||
|
<p>[0] <a class="reference external" href="https://pond.imperialviolet.org/">https://pond.imperialviolet.org/</a></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
196
drafts/loutil-roi.html
Normal file
196
drafts/loutil-roi.html
Normal file
|
|
@ -0,0 +1,196 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>L'outil roi - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">L'outil roi</h1>
|
||||||
|
<span class="post-date">01 octobre 2013</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>Clochix publie de temps en temps de bons billets sur son carnet, un de ceux là
|
||||||
|
parle de nos outils, et de la relation que l'on entretien avec eux.</p>
|
||||||
|
<p>Ça fait longtemps que j'ai ce billet en cours de rédaction, et que ma réfléxion
|
||||||
|
sur le sujet n'est pas aboutie. J'ai écris un billet il y à un an et demi sur
|
||||||
|
le sujet sans jamais le publier.</p>
|
||||||
|
<p>Je me rends compte que je n'ai pas vraiment la même utilisation des outils
|
||||||
|
informatiques que des outils autres. Sur mon ordinateur, je souhaite toujours
|
||||||
|
avoir le "petit truc" qui fait que je vais plus vite. Je suis friand de ces
|
||||||
|
astuces. J'utilise "vim" pour rédiger mes notes, j'ai en tête bon nombres de
|
||||||
|
raccourcis qui me permettent d'aller plus vite, etc.</p>
|
||||||
|
<p>Au final, ce n'est pas un mal, mais à toujours vouloir faire plus, je me
|
||||||
|
retrouve à ne plus savoir ou donner de la tête.</p>
|
||||||
|
<p>Pour être honête, travailler à distance est assez compliqué. compliqué parce
|
||||||
|
qu'il faut à la fois être présent sur les canaux de discussion et etre capable
|
||||||
|
de travailler sur les projets qui nous interessent. Un vrai mythe.</p>
|
||||||
|
<p>Parce qu'en pratique, je n'arrive que peu à faire deux choses en même temps.
|
||||||
|
J'ai essayé à plusieurs reprises la technique du pomodoro, qui oblige à être
|
||||||
|
concentré sur une tache durant 25 minutes, en évitant les distractions; mais
|
||||||
|
cette découpe en tranches de 25 minutes me perturbe et souvent casse mon
|
||||||
|
rythme. En fait, ça convient à certains types de taches et pas à d'autres. Par
|
||||||
|
exemple ça ne convient pas du tout (en mon sens) pour un travail de
|
||||||
|
documentation (lecture), alors que ça convient plus pour un travail d'écriture.</p>
|
||||||
|
<p>Au final, je tente de</p>
|
||||||
|
<p>Mes outils me grignottent. J'essaye d'avoir toujours l'outil le plus performant
|
||||||
|
pour la tache. Que ça soit un outil informatique, ou un outil</p>
|
||||||
|
<p>Essayons d'avoir des outils toujours plus
|
||||||
|
performants, pour être efficace</p>
|
||||||
|
<p>le dernier en
|
||||||
|
date parle de l'homme et de ses outils. Il y parle de vim, un éditeur de texte,
|
||||||
|
mais il est possible d'étendre cette reflexion à bon nombre d'outils que nous
|
||||||
|
utilisons.</p>
|
||||||
|
<p>Des outils qui nous permettent d'aller plus vite, d'être plus efficaces,
|
||||||
|
performants, productifs.</p>
|
||||||
|
<p>J'utilise aussi vim; et je passe un temps considérable à apprendre (d'une
|
||||||
|
manière générale) comment mes outils fonctionnent, et comment faire en sorte
|
||||||
|
qu'ils correspondent à mes usages au mieux possible.</p>
|
||||||
|
<p>Premièrement, parce que c'est interessant. Intellectuellement parlant cela
|
||||||
|
releve de l'apprentissage, et par curiosité, j'aime comprendre comment les
|
||||||
|
choses marchent. Mais, remettant en perspective ces outils, on peux se poser
|
||||||
|
la question de leur legitimité: Je sais parfaitement me servir d'un ordinateur.
|
||||||
|
Pas que j'en connaisse tous les recoins, mais qu'importe. Quel est l'intérêt de
|
||||||
|
ces outils ? À quoi bon savoir se servir de ses 10 doigts sur un clavier si
|
||||||
|
c'est pour ne faire que des outils qui font progresser "l'état de la science"
|
||||||
|
? C'est certes fort interessant, mais il n'en reste pas moins peu utile <em>in
|
||||||
|
fine</em>.</p>
|
||||||
|
<p>Ce que j'attende d'un outil, c'est qu'il me permette de résoudre des problèmes
|
||||||
|
le plus rapidement et le plus facilement possible. Je ne veux pas défendre</p>
|
||||||
|
<p>J'ai envie de dire "peu importe" l'outil (pourvu qu'on ait la réalisation)</p>
|
||||||
|
<p>Et hop, on retombe sur cette séparation du faire et du penser, sans même
|
||||||
|
sans rendre compte.</p>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
222
drafts/mozilla-the-sagrada-token-server.html
Normal file
222
drafts/mozilla-the-sagrada-token-server.html
Normal file
|
|
@ -0,0 +1,222 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Mozilla - The sagrada token server - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<meta name="tags" contents="sagrada" />
|
||||||
|
<meta name="tags" contents="python" />
|
||||||
|
<meta name="tags" contents="browserid" />
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Mozilla - The sagrada token server</h1>
|
||||||
|
<span class="post-date">19 mars 2012</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>Since I started, back in december, we started a new project on the services
|
||||||
|
team, which aims to bring a central authentication point on our server side.
|
||||||
|
This had been motivated by the fact that we are switching our services
|
||||||
|
authentication mechanism from basic HTTP auth to browserid (this was basically
|
||||||
|
for sync in the first place, and now for AITC, a.k.a Market Place APIs).</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>A Token Server ?</li>
|
||||||
|
<li>Services architecture (server / nodes)</li>
|
||||||
|
<li>MAC auth</li>
|
||||||
|
<li>Crypto / Signing
|
||||||
|
- HKDF
|
||||||
|
- Signing the tokens
|
||||||
|
- Parsing browserid assertions</li>
|
||||||
|
<li>Resources</li>
|
||||||
|
</ul>
|
||||||
|
<div class="section" id="a-token-server">
|
||||||
|
<h2>A token server ?</h2>
|
||||||
|
<p>So, we don't want to be tied to any authentication mean on our platform. The
|
||||||
|
best way to accomplish this is to chose one and to provide a way to map all the
|
||||||
|
potential authentication means to the chosen one.</p>
|
||||||
|
<p>In addition to trade a browserid assertion for another authentication token,
|
||||||
|
the mission of the token server is to retrieve the node allocation of a
|
||||||
|
particular user, and eventually assign it to a node.</p>
|
||||||
|
<p>To resume, we take any authentication scheme (browserid for now) and
|
||||||
|
trade it for another one we can use for all of our services. This has several
|
||||||
|
advantages:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>We don't need to check the browserid assertion at each request. This avoids
|
||||||
|
doing crypto at each request.</li>
|
||||||
|
<li>As said, we are able to deal with different authentication schemes. If we
|
||||||
|
want to use openid, we just need to add support for it on one location</li>
|
||||||
|
<li>The node allocation is done anyways (the user need to know wich node it is
|
||||||
|
assigned to) so it doesn't add an extra call for this.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="our-architecture">
|
||||||
|
<h2>Our architecture</h2>
|
||||||
|
<p>I'm talking about nodes, users and services. Let's clarifiy a bit all this.
|
||||||
|
Because at the services team, we mostly care about being able to scale our
|
||||||
|
infrastructures without (too much) pain, we try to avoid SPOFs (Single Point Of
|
||||||
|
Failure) of any sort. For this purpose we expose at the authentication layer
|
||||||
|
information about the node that need to be retrieved by the clients.</p>
|
||||||
|
<p>What? clients? Okay, here is what the authentication looks like:</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
User-Agent Token Server Node
|
||||||
|
| | |
|
||||||
|
| <bid assertion> | |
|
||||||
|
|----------------------->| |
|
||||||
|
| | |
|
||||||
|
|<token + userid + node> | |
|
||||||
|
|<-----------------------| |
|
||||||
|
| | |
|
||||||
|
| <service-data + token> |
|
||||||
|
|----------------------------------------------->|
|
||||||
|
</pre>
|
||||||
|
<p>In HTTP terms, looks like this, the user agent (client) gives a browserid
|
||||||
|
assertion and receives back information about the service it should deal with</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
> HTTP POST http://token.services.mozilla.org/1.0/<app>/<app-version>
|
||||||
|
> Data: # some authentication information (browserid assertion in our case)
|
||||||
|
< Header: 200 OK
|
||||||
|
< Data: "{'id': token, 'key': secret, 'uid': uid, 'api_endpoint': api_endpoint}"
|
||||||
|
</pre>
|
||||||
|
<p>(This is an hand crafted request/response flow)</p>
|
||||||
|
<p>We don't bother about the signing and crypto details in here as it is explained
|
||||||
|
in a later section, but basically, we asked for a node, with a specific
|
||||||
|
browserid assertions and now we have an <em>api_endpoint</em> to send our requests
|
||||||
|
against, along with the token.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="crypto-details">
|
||||||
|
<h2>Crypto details</h2>
|
||||||
|
<p>All the flow is explained in our documentation, for the token server</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
208
drafts/mozillas-weekly-update-1.html
Normal file
208
drafts/mozillas-weekly-update-1.html
Normal file
|
|
@ -0,0 +1,208 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Mozilla's weekly update #1 - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Mozilla's weekly update #1</h1>
|
||||||
|
<span class="post-date">20 septembre 2012</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>My day-to-day work is changing a lot these days, as I'm working on different
|
||||||
|
tools and working across different teams. I thought it could be useful to have
|
||||||
|
a place to put updates weekly about what's going-on. This can be extra useful
|
||||||
|
for folks that are not on the same timezone I am (I'm looking at you,
|
||||||
|
California), so let's try this.</p>
|
||||||
|
<p>I'm not used to post regularly, but I will try to update the blog with an entry
|
||||||
|
each week, if there is something interesting to say.</p>
|
||||||
|
<div class="section" id="circus">
|
||||||
|
<h2>Circus</h2>
|
||||||
|
<p>As you may know, last week we had a sprint about Circus at PyconFR, we now have
|
||||||
|
a bunch of folks interested by the project now, and some activity on our irc
|
||||||
|
channel (#mozilla-circus on freenode).</p>
|
||||||
|
<p>I've written <a class="reference external" href="http://blog.notmyidea.org/circus-sprint-at-pyconfr.html">a more comprehensive wrap-up about this sprint</a>, so have a look at
|
||||||
|
it if you're interested!</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="vaurien">
|
||||||
|
<h2>Vaurien</h2>
|
||||||
|
<p>Vaurien is a TCP proxy which can be useful for our load-testing. its goal is to
|
||||||
|
sometimes let the traffic go trough, sometimes play a bit with it (add delays,
|
||||||
|
timeouts, close the socket etc) to check how the stack is behaving when under
|
||||||
|
pressure.</p>
|
||||||
|
<p>The code isn't used to test our services yet but we have something interesting
|
||||||
|
to show: <a class="reference external" href="http://github.com/mozilla-services/vaurien/">http://github.com/mozilla-services/vaurien/</a></p>
|
||||||
|
<p>I will not explain the specifics here, I've tried to make <a class="reference external" href="https://github.com/mozilla-services/vaurien#vaurien">the README</a> explicit enough.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="marteau">
|
||||||
|
<h2>Marteau</h2>
|
||||||
|
<p><a class="reference external" href="https://github.com/mozilla-services/marteau/">Marteau</a> is the tool we're
|
||||||
|
using to throw load-test to our services, to check that they're able to handle
|
||||||
|
it. It's basically a frontend to Funkload. Tarek worked on adding real-time
|
||||||
|
feedback from the nodes (when in distributed mode, Funkload clients are
|
||||||
|
deployed on some nodes and send traffic to the service from there), and I am
|
||||||
|
working on making this available on the web interface. This means playing a bit
|
||||||
|
with web-sockets and javascript, yay.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="marketplace-packaging">
|
||||||
|
<h2>Marketplace packaging</h2>
|
||||||
|
<p>Currently, the application behind market place, <a class="reference external" href="https://github.com/mozilla/zamboni">Zamboni</a> uses a non-standard mechanism to deal
|
||||||
|
with its dependencies. A <cite>vendor</cite> folder contains the packages themselves, in
|
||||||
|
the form of git submodules. This comes with some drawbacks such as the fact
|
||||||
|
that it's not easy to upgrade dependencies etc, and very long updates of the
|
||||||
|
repository, into other things.</p>
|
||||||
|
<p>We were also dependant on github to deploy Marketplace, which isn't reliable at
|
||||||
|
all, especially when you know that github was down last week, for instance. We
|
||||||
|
now have a local PyPI mirror at Mozilla, and we use it to avoid reaching the
|
||||||
|
internet for something else than our code.</p>
|
||||||
|
<p>This also means that we need to pull all the dependencies out of this <cite>vendor</cite>
|
||||||
|
folder, and rely on PyPI packages when they are up to date. Then we will be
|
||||||
|
able to directly use <cite>pip</cite> to deal with dependency management and packaging.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="splitting-up-the-marketplace">
|
||||||
|
<h2>Splitting up the Marketplace</h2>
|
||||||
|
<p>Zamboni is currently one big django project. This led to something quite hard
|
||||||
|
to understand and hard to deal with., especially for newcomers. Also, it means
|
||||||
|
that all the aspects of the site are inter-connected and that you need to be
|
||||||
|
comfortable with the whole infrastructure of the project to add new features
|
||||||
|
/ fix bugs.</p>
|
||||||
|
<p>Splitting this big project into smaller chunks can allow to have something
|
||||||
|
easier to work on. We're trying to do that these days. More on this later :)</p>
|
||||||
|
<p>That's all for now, I'll try to keep you posted on all this, see you next week
|
||||||
|
:-)</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
166
drafts/selection-musicale.html
Normal file
166
drafts/selection-musicale.html
Normal file
|
|
@ -0,0 +1,166 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Selection musicale - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<meta name="tags" contents="note" />
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Selection musicale</h1>
|
||||||
|
<span class="post-date">05 avril 2013</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>Une petite selection de mes morceaux coup de cœur du moment.</p>
|
||||||
|
<div class="section" id="mai">
|
||||||
|
<h2>Mai</h2>
|
||||||
|
<ul class="simple">
|
||||||
|
<li><strong>Mana - Janek Gwizdala</strong> <em>Jazz / Funk</em>. Avec un solo de trombone d'Elio Mason excellent à 6mn et quelques.</li>
|
||||||
|
<li><strong>The Events of December 11 - Euforquestra</strong> <em>Reggae / Funk</em> Oooh yeah !</li>
|
||||||
|
<li><strong>Piece for Peace - The Skatalites</strong> <em>Rock Steady</em>. Parce que ça faisait trop longtemps.</li>
|
||||||
|
<li><strong>Rock this town - Stay Cats</strong> <em>Rockabilly</em></li>
|
||||||
|
<li><strong>Hidden orchestra</strong> <em>Électro posée</em></li>
|
||||||
|
<li><strong>Extrawelt</strong> <em>Minimal</em>, parce que ça aide grave à se concentrer !</li>
|
||||||
|
<li><strong>Trentemoller</strong> <em>Minimal</em></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="juin">
|
||||||
|
<h2>Juin</h2>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Ouriel</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
165
drafts/un-crieur-public-intergalactique.html
Normal file
165
drafts/un-crieur-public-intergalactique.html
Normal file
|
|
@ -0,0 +1,165 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Un crieur public intergalactique ! - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Un crieur public intergalactique !</h1>
|
||||||
|
<span class="post-date">07 octobre 2013</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>→</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>Mes dames, mes sieurs, mes demoiselles, damoiseaux, vous les endormis et vous
|
||||||
|
les reveillés, rejouissez vous: Je suis un crieur, et je crie fort !</p>
|
||||||
|
<p>Réjouissez vous parce que je vous permet de passer vos messages les plus fous,
|
||||||
|
importants, personnels ou collectifs, de manière toute à fait anonyme, durant
|
||||||
|
notre cher festival.</p>
|
||||||
|
<p>Poèmes, déclarations d'amour, Réclamations, Blagues, Petites annonces… je les
|
||||||
|
prends toutes.</p>
|
||||||
|
<p>Une criée aura lieu tous les soirs sur le festival, et vous pouvez y raconter
|
||||||
|
ce que vous voulez !</p>
|
||||||
|
<p>Vous pouvez retourner à une activité normale, mais pensez à moi, et mettes vous
|
||||||
|
mots dans la boite à criée !</p>
|
||||||
|
<p>Oooooh, yeah !</p>
|
||||||
|
</blockquote>
|
||||||
|
<p>C'est à peu près sur ce ton là que notre cher public du <strong>festival
|
||||||
|
intergalactique</strong>, ont pu être reçus à plusieurs reprises lors de
|
||||||
|
la soirée.</p>
|
||||||
|
<p>Le résultat était des plus impressionnant:</p>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
189
dynamically-change-your-gnome-desktop-wallpaper.html
Normal file
189
dynamically-change-your-gnome-desktop-wallpaper.html
Normal file
|
|
@ -0,0 +1,189 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Dynamically change your gnome desktop wallpaper - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Dynamically change your gnome desktop wallpaper</h1>
|
||||||
|
<span class="post-date">11 octobre 2010</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>In gnome, you can can use a XML file to have a dynamic wallpaper.
|
||||||
|
It's not so easy, and you can't just tell: use the pictures in this folder to do
|
||||||
|
so.</p>
|
||||||
|
<p>You can have a look to the git repository if you want: <a class="reference external" href="http://github.com/ametaireau/gnome-background-generator">http://github.com/ametaireau/gnome-background-generator</a></p>
|
||||||
|
<p>Some time ago, I've made a little python script to ease that, and you can now
|
||||||
|
use it too. It's named "gnome-background-generator", and you can install it via
|
||||||
|
pip for instance.</p>
|
||||||
|
<div class="highlight"><pre><span></span>$ pip install gnome-background-generator
|
||||||
|
</pre></div>
|
||||||
|
<p>Then, you have just to use it this way:</p>
|
||||||
|
<div class="highlight"><pre><span></span>$ gnome-background-generator -p ~/Images/walls -s
|
||||||
|
/home/alexis/Images/walls/dynamic-wallpaper.xml generated
|
||||||
|
</pre></div>
|
||||||
|
<p>Here is a extract of the <cite>--help</cite>:</p>
|
||||||
|
<div class="highlight"><pre><span></span>$ gnome-background-generator --help
|
||||||
|
usage: gnome-background-generator <span class="o">[</span>-h<span class="o">]</span> <span class="o">[</span>-p PATH<span class="o">]</span> <span class="o">[</span>-o OUTPUT<span class="o">]</span>
|
||||||
|
<span class="o">[</span>-t TRANSITION_TIME<span class="o">]</span> <span class="o">[</span>-d DISPLAY_TIME<span class="o">]</span> <span class="o">[</span>-s<span class="o">]</span>
|
||||||
|
<span class="o">[</span>-b<span class="o">]</span>
|
||||||
|
|
||||||
|
A simple <span class="nb">command</span> line tool to generate an XML file to use <span class="k">for</span> gnome
|
||||||
|
wallpapers, to have dynamic walls
|
||||||
|
|
||||||
|
optional arguments:
|
||||||
|
-h, --help show this <span class="nb">help</span> message and <span class="nb">exit</span>
|
||||||
|
-p PATH, --path PATH Path to look <span class="k">for</span> the pictures. If no output is
|
||||||
|
specified, will be used too <span class="k">for</span> outputing the dynamic-
|
||||||
|
wallpaper.xml file. Default value is the current
|
||||||
|
directory <span class="o">(</span>.<span class="o">)</span>
|
||||||
|
-o OUTPUT, --output OUTPUT
|
||||||
|
Output filename. If no filename is specified, a
|
||||||
|
dynamic-wallpaper.xml file will be generated in the
|
||||||
|
path containing the pictures. You can also use <span class="s2">"-"</span> to
|
||||||
|
display the xml in the stdout.
|
||||||
|
-t TRANSITION_TIME, --transition-time TRANSITION_TIME
|
||||||
|
Time <span class="o">(</span>in seconds<span class="o">)</span> transitions must last <span class="o">(</span>default value
|
||||||
|
is <span class="m">2</span> seconds<span class="o">)</span>
|
||||||
|
-d DISPLAY_TIME, --display-time DISPLAY_TIME
|
||||||
|
Time <span class="o">(</span>in seconds<span class="o">)</span> a picture must be displayed. Default
|
||||||
|
value is <span class="m">900</span> <span class="o">(</span>15mn<span class="o">)</span>
|
||||||
|
-s, --set-background <span class="s1">''</span><span class="err">'</span>try to <span class="nb">set</span> the background using gnome-appearance-
|
||||||
|
properties
|
||||||
|
-b, --debug
|
||||||
|
</pre></div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
158
faire-moins.html
Normal file
158
faire-moins.html
Normal file
|
|
@ -0,0 +1,158 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Faire moins - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<style>
|
||||||
|
#illustration {
|
||||||
|
max-width: 800px;
|
||||||
|
align: center;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Faire moins</h1>
|
||||||
|
<span class="post-date">19 février 2018</span>
|
||||||
|
<img id="illustration" src="images/less-is-more.jpg" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h2 class="post-headline">Et retrouver le contrôle de son engagement.</h2>
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>L'an dernier, j'ai décidé de faire moins de choses, ou plus exactement d'arrêter de faire de nouvelles choses. Choix assez difficile: j'aime découvrir de nouvelles pratiques, échanger sur des sujets que je connais pas, et surtout je crois que découvrir de nouvelles pratiques (sans nécessairement creuser un sujet en particulier) est l'occasion de contribuer à éviter notre société d'experts.</p>
|
||||||
|
<p>Le hic, c'est que trop, c'est trop. J'ai donc décidé d'arrêter, tout simplement, de faire de nouvelles choses, et puis avec le temps j'ai même arreté de faire des choses que j'avais commencé à faire (par exemple de l'escalade), me libérant du temps.</p>
|
||||||
|
<p>Enfin ! Je retrouve ce précieux temps. Je retrouve ces moments d'ennui. Oui, je comprends bien que ça puisse parraître fou de voir quelqu'un se réjouir de son ennui… Cet ennui me permet de creuser de nouvelles idées, de reprendre ce bouquin qu'on avait laissé tomber sans trop de raison.</p>
|
||||||
|
<p>Et surtout, c'est se retrouver à contrôler son engagement.</p>
|
||||||
|
<em>L'image d'illustration utilisée est un travail de <a href="https://www.flickr.com/photos/volzotan/6244232853/in/photolist-avMjT8-5nF6yH-7U9YpL-bLgZ9B-82GPf7-5BjH6W-97LuaK-213Ewhx-hvYrDK-ePi3kf-HdQSPA-vExEiW-6C7S53-4szc8G-e73NyS-c6qJPy-7yjWwX-dG81oE-Xbq8Es-Esydwr-o15XLU-TX22cF-rskoYz-9SHKXe-9p6Mtq-q6u4ng-ePi1qC-7yR2Yy-5hygTA-7Joz7L-G5vNhE-5i8ZAA-DoGdNN-6uosZk-5i8ZvA-4vnyHE-ePhNoE-5xP7Hs-8x97Ai-ngEMxj-9W9Yzp-cPRGaq-nX3na9-9oxLDK-riVzGs-21sCdsN-9jX3Pw-eP6HXK-YuSUE3-qsPGw1">Christopher</a> proposé sous license CC BY NC 2.0. Merci !</em>
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
154
feeds/alexis-metaireau-mathieu-leplatre.atom.xml
Normal file
154
feeds/alexis-metaireau-mathieu-leplatre.atom.xml
Normal file
|
|
@ -0,0 +1,154 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<feed xmlns="http://www.w3.org/2005/Atom"><title>Carnets Web - Alexis Métaireau, Mathieu Leplatre</title><link href="https://blog.notmyidea.org/" rel="alternate"></link><link href="https://blog.notmyidea.org/feeds/alexis-metaireau-mathieu-leplatre.atom.xml" rel="self"></link><id>https://blog.notmyidea.org/</id><updated>2012-02-04T00:00:00+01:00</updated><entry><title>Thoughts about a form generation service, GIS enabled</title><link href="https://blog.notmyidea.org/carto-forms.html" rel="alternate"></link><published>2012-02-04T00:00:00+01:00</published><updated>2012-02-04T00:00:00+01:00</updated><author><name>Alexis Métaireau, Mathieu Leplatre</name></author><id>tag:blog.notmyidea.org,2012-02-04:/carto-forms.html</id><summary type="html"><p>We have a plan. A &quot;fucking good&quot; one.</p>
|
||||||
|
<p>A bunch of friends asked me twice for quite the same thing: a webpage with a
|
||||||
|
form, tied to a map generation with some information filtering. They didn't
|
||||||
|
explicitly ask that but that's the gist of it.</p>
|
||||||
|
<p>This idea has been stuck …</p></summary><content type="html"><p>We have a plan. A &quot;fucking good&quot; one.</p>
|
||||||
|
<p>A bunch of friends asked me twice for quite the same thing: a webpage with a
|
||||||
|
form, tied to a map generation with some information filtering. They didn't
|
||||||
|
explicitly ask that but that's the gist of it.</p>
|
||||||
|
<p>This idea has been stuck in my head since then and I even think that we can
|
||||||
|
come out with something a little bit more flexible and useful. I've named it
|
||||||
|
<em>carto-forms</em> for now, but that's only the &quot;codename&quot;.</p>
|
||||||
|
<p>To put it shortly: what if we had a way to build forms, ala Google forms, but
|
||||||
|
with geographic information in them?</p>
|
||||||
|
<p>If you don't know Google forms, it means having an user-friendly way to build
|
||||||
|
forms and to use them to gather information from different users.</p>
|
||||||
|
<p>In my opinion, Google forms is missing two important things: first, it's not
|
||||||
|
open-source, so it's not possible to hack it or even to run it on your own
|
||||||
|
server. Second, it doesn't really know how to deal with geographic data, and
|
||||||
|
there is no way to filter the information more than in a spreadsheet.</p>
|
||||||
|
<p>I knew that <a class="reference external" href="http://blog.mathieu-leplatre.info/">Mathieu</a> and some folks at <a class="reference external" href="http://makina-corpus.com">Makina Corpus</a> would be interested
|
||||||
|
in this, so I started a discussion with him on IRC and we refined the details
|
||||||
|
of the project and its objectives.</p>
|
||||||
|
<p>Imagine the following:</p>
|
||||||
|
<ol class="arabic simple">
|
||||||
|
<li>For a mapping party, we choose a specific topic to map and design the form
|
||||||
|
(list of fields (i.e. tags) to be filled + description + type of the
|
||||||
|
information) ;</li>
|
||||||
|
<li>In situ, users fill the form fields with what they see. Geo fields can be
|
||||||
|
pre-populated using device geolocation ;</li>
|
||||||
|
<li>At the end of the day, we can see a map with all user contributions seized
|
||||||
|
through this particular form ;</li>
|
||||||
|
<li>If relevant, a script could eventually import the resulting dataset and
|
||||||
|
publish/merge with OpenStreetMap.</li>
|
||||||
|
</ol>
|
||||||
|
<div class="section" id="some-use-cases">
|
||||||
|
<h2>Some use cases</h2>
|
||||||
|
<p>I can see some use cases for this. The first one is a collaborative map, with
|
||||||
|
facet filtering. Let's draw a potential user flow:</p>
|
||||||
|
<ul>
|
||||||
|
<li><p class="first">An &quot;administrator&quot; goes to the website and creates a form to list all the
|
||||||
|
alternative-related events. He creates the following fields:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Name: a plain text field containing the name of the event.</li>
|
||||||
|
<li>Category: the category of the event. Can be a finite list.</li>
|
||||||
|
<li>Location: The location of the event. It could be provided by selecting a
|
||||||
|
point on a map or by typing an address.</li>
|
||||||
|
<li>Date: the date of the event (a datepicker could do the trick)</li>
|
||||||
|
</ul>
|
||||||
|
<p>Each field in the form has semantic information associated with it (yes/no,
|
||||||
|
multiple selection, date-time, geocoding carto, carto selection etc)</p>
|
||||||
|
</li>
|
||||||
|
<li><p class="first">Once finished, the form is generated and the user gets an url (say
|
||||||
|
<a class="reference external" href="http://forms.notmyidea.org/alternatives">http://forms.notmyidea.org/alternatives</a>) for it.</p>
|
||||||
|
</li>
|
||||||
|
<li><p class="first">REST APIs allow third parties to get the form description and to
|
||||||
|
push/edit/get information from there.</p>
|
||||||
|
</li>
|
||||||
|
<li><p class="first">He can communicate the address in any way he wants to his community so they
|
||||||
|
can go to the page and add information to it.</p>
|
||||||
|
</li>
|
||||||
|
<li><p class="first">Then, it is possible to filter the results per location / date or category.
|
||||||
|
This can be done via API calls (useful for third parties) or via a nice
|
||||||
|
interface in the browser.</p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<p>So, as you may have noticed, this would allow us to create interactive maps really
|
||||||
|
easily. It's almost just a matter of some clicks to the users. If we also come
|
||||||
|
up with a nice Web API for this, we could do server-side validation and build
|
||||||
|
even phone applications easily.</p>
|
||||||
|
<p>To push the cursor a bit further, if we can come with a cool description format
|
||||||
|
for the forms, we could even build the forms dynamically on different platforms,
|
||||||
|
with generic clients.</p>
|
||||||
|
<p>As mentioned before, the idea of a simple tool to support collaborative mapping
|
||||||
|
fullfils a recurring necessity !</p>
|
||||||
|
<p>We envision a lot of example uses for this : recycling spots, accessible spots (wheelchairs,
|
||||||
|
etc.), trees identification, mushrooms picking areas, tracking of endangered species
|
||||||
|
(e.g. Bonelli's Eagle is currently tracked by sharing a spreadsheet), spotting of dangerous
|
||||||
|
species (e.g. asian predatory wasps), map advertisement boards (most cities do not track them!),
|
||||||
|
citizen reporting (e.g. graffiti, potholes, garbage, lightning like <a class="reference external" href="http://fixmystreet.ca">http://fixmystreet.ca</a>),
|
||||||
|
geocaching, trajectories (e.g hiking, runners, cyclists)...</p>
|
||||||
|
<p>Here are some other examples of where <em>carto-forms</em> could be useful:</p>
|
||||||
|
<div class="section" id="simple-gis-storage-backend">
|
||||||
|
<h3>Simple GIS storage backend</h3>
|
||||||
|
<p>Let's say you are a mobile developer, you don't want to bother with PostGIS
|
||||||
|
nor write a custom and insecure code to insert and retrieve your GIS data! You
|
||||||
|
need carto-forms! A simple API helps you design your models/forms and the
|
||||||
|
same API allows you to CRUD and query your data. Thus, you only need to focus
|
||||||
|
on your application, not on how GIS data will be handled.</p>
|
||||||
|
<p>We make a distinction between storage and widgets.</p>
|
||||||
|
<p>Besides, if you are a django / drupal / plomino... maintainer : you
|
||||||
|
can develop a module to &quot;plug&quot; your models (content types) and UI to carto-forms!
|
||||||
|
Carto forms are then exposed to your backoffice users (ex: drupal admin UI, django
|
||||||
|
adminsite), and likewise you can write your own HTML widgets that consume datasets
|
||||||
|
in frontend views (facets in JSON/XML, and map data in GeoJSON).</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="visualization-tool">
|
||||||
|
<h3>Visualization tool</h3>
|
||||||
|
<p>Since data submission can be done programmatically using the API, you could use Carto-forms
|
||||||
|
results page as a visualization tool.</p>
|
||||||
|
<p>You can explore your dataset content using filters related to each form field. Facets filtering
|
||||||
|
is a great advantage, and a map shows the resulting features set. You feel like you're in
|
||||||
|
front of a decision support system!</p>
|
||||||
|
<p>Of course, filtered raw data can be downloaded (GeoJSON, XML) and a permalink allows to
|
||||||
|
share the page with the state of the filters and the zoom/location of the map.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="generic-forms-service">
|
||||||
|
<h3>Generic forms service</h3>
|
||||||
|
<p>If you want to generate a configuration file (or whatever, email messages, ...),
|
||||||
|
you will need a form and a template to inlay user submitted values and get the result.</p>
|
||||||
|
<p>A form service would be really useful to create forms programmatically and retrieve
|
||||||
|
cleaned and validated input values.</p>
|
||||||
|
<p>You could run a dedicated template service based on <em>carto-forms</em>! Parsing a template
|
||||||
|
content, this external service could create a form dynamically and bind them together.
|
||||||
|
The output of the form service (fields =&gt; values) would be bound to the input of a template
|
||||||
|
engine (variables =&gt; final result).</p>
|
||||||
|
<p>Note that for this use-case, there is no specific need of GIS data nor storage of records
|
||||||
|
for further retrieval.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="what-s-out-in-the-wild-already">
|
||||||
|
<h2>What's out in the wild already?</h2>
|
||||||
|
<p>Of course, there is Google forms, which allows you to do these kind of things,
|
||||||
|
but it's closed and not exactly what we are describing here.</p>
|
||||||
|
<p>We've discovered the interesting <a class="reference external" href="https://webform.com/">https://webform.com/</a> which allows one to create
|
||||||
|
forms with a nice drag-n-drop flow. I would love to reproduce something similar
|
||||||
|
for the user experience. However, the project doesn't handle APIs and
|
||||||
|
geolocation information.</p>
|
||||||
|
<p>The idea of <a class="reference external" href="http://thoth.io">http://thoth.io</a> is very attractive : an extremely simple web API to store
|
||||||
|
and retrieve data. In addition, <em>carto-forms</em> would do datatype validation and have
|
||||||
|
basic GIS fields (point, line, polygon).</p>
|
||||||
|
<p><a class="reference external" href="http://mapbox.com">http://mapbox.com</a> also did an awesome work on cartography, but didn't take into
|
||||||
|
account the form aspect we're leveraging here.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="so-let-s-get-it-real">
|
||||||
|
<h2>So… Let's get it real!</h2>
|
||||||
|
<p>As you may have understood, this isn't a really complicated problem. We have
|
||||||
|
been sometimes chatting about that with Mathieu about what we would need and
|
||||||
|
how we could achieve this.</p>
|
||||||
|
<p>We can probably come with an elegant solution without too much pain. Mathieu is
|
||||||
|
used to work with GIS systems (which is really cool because I'm not at all) and
|
||||||
|
knows his subject, so that's an opportunity to learn ;-)</p>
|
||||||
|
<p>We will be at <a class="reference external" href="http://rencontres.django-fr.org">Djangocong</a> on April 14 and 15 and will probably have
|
||||||
|
a brainstorming session and a sprint on this, so if you are around and want to
|
||||||
|
help us, or just to discuss, feel free to join!</p>
|
||||||
|
<p>We don't know yet if we will be using django for this or something else. We
|
||||||
|
have been thinking about couchdb, couchapps and geocouch but nothing is written
|
||||||
|
in stone yet. Comments and proposals are welcome!</p>
|
||||||
|
<p>Here is the etherpad document we worked on so far:
|
||||||
|
<a class="reference external" href="http://framapad.org/carto-forms">http://framapad.org/carto-forms</a>. Don't hesitate to add your thoughts and edit
|
||||||
|
it, that's what it's made for!</p>
|
||||||
|
<p>Thanks to <a class="reference external" href="http://sneakernet.fr/">Arnaud</a> and <a class="reference external" href="http://qwerty.fuzz.me.uk/">Fuzzmz</a> for proof-reading and typo fixing.</p>
|
||||||
|
</div>
|
||||||
|
</content><category term="GIS"></category><category term="forms"></category></entry></feed>
|
||||||
6
feeds/alexis-metaireau-mathieu-leplatre.rss.xml
Normal file
6
feeds/alexis-metaireau-mathieu-leplatre.rss.xml
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<rss version="2.0"><channel><title>Carnets Web - Alexis Métaireau, Mathieu Leplatre</title><link>https://blog.notmyidea.org/</link><description></description><lastBuildDate>Sat, 04 Feb 2012 00:00:00 +0100</lastBuildDate><item><title>Thoughts about a form generation service, GIS enabled</title><link>https://blog.notmyidea.org/carto-forms.html</link><description><p>We have a plan. A &quot;fucking good&quot; one.</p>
|
||||||
|
<p>A bunch of friends asked me twice for quite the same thing: a webpage with a
|
||||||
|
form, tied to a map generation with some information filtering. They didn't
|
||||||
|
explicitly ask that but that's the gist of it.</p>
|
||||||
|
<p>This idea has been stuck …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau, Mathieu Leplatre</dc:creator><pubDate>Sat, 04 Feb 2012 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2012-02-04:/carto-forms.html</guid><category>GIS</category><category>forms</category></item></channel></rss>
|
||||||
6906
feeds/alexis-metaireau.atom.xml
Normal file
6906
feeds/alexis-metaireau.atom.xml
Normal file
File diff suppressed because it is too large
Load diff
455
feeds/alexis-metaireau.rss.xml
Normal file
455
feeds/alexis-metaireau.rss.xml
Normal file
|
|
@ -0,0 +1,455 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<rss version="2.0"><channel><title>Carnets Web - Alexis Métaireau</title><link>https://blog.notmyidea.org/</link><description></description><lastBuildDate>Wed, 03 Jul 2019 00:00:00 +0200</lastBuildDate><item><title>Ours</title><link>https://blog.notmyidea.org/ours.html</link><description><p>J'ai de plus en plus de mal à garder mon calme dans les situations ou je
|
||||||
|
rencontres des humains qui ont des comportements que je trouve déplacés. Je me
|
||||||
|
demande à quel point le fait d'être maintenant un commerçant impacte ma
|
||||||
|
capacité relationelle générale.</p>
|
||||||
|
<p>De manière plus large, est-ce normal …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Wed, 03 Jul 2019 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2019-07-03:/ours.html</guid></item><item><title>velotaf</title><link>https://blog.notmyidea.org/velotaf.html</link><description><p>Depuis quelques semaines j'ai décidé d'utiliser le vélo pour aller au boulot. Pas forcement tous les jours, mais dès que les conditions le permettent je n'hésite pas. C'est un vrai plaisir de se déplacer en deux roues, en quasiment silence. Le trajet mets pas loin de 35mn et passe par …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Thu, 27 Jun 2019 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2019-06-27:/velotaf.html</guid></item><item><title>Un espace des communs Rennais ?</title><link>https://blog.notmyidea.org/un-espace-des-communs-rennais.html</link><description><p><em>Ce document se veut surtout être quelques notes, et donc revêt un caractère « fouilli » paaaarfaitement assumé. D’ailleurs, ce n'est que ce que j'ai bien voulu retenir. Voilà.</em></p>
|
||||||
|
<p>Je ressors d'une discussion avec quelques complices autour de deux idées :
|
||||||
|
1. Avoir un espace pour fédérer différentes personnes intéressées par le …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Wed, 26 Jun 2019 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2019-06-26:/un-espace-des-communs-rennais.html</guid></item><item><title>De Mozilla à la Brasserie du Vieux Singe</title><link>https://blog.notmyidea.org/de-mozilla-a-la-brasserie-du-vieux-singe.html</link><description><p><em>Ce weekend avait lieu <a href="https://sudweb.fr/2018/">SudWeb</a> « la conférence Web surtout humaine », ou on m'a proposé de venir parler de ma reconversion professionnelle, ou comment un passionné de Logiciels Libres choisit de créer une petite brasserie artisanale.</em></p>
|
||||||
|
<p><em>Certaines parties de ce que je voulais transmettre sont passées à la trappe, alors que …</em></p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Sun, 27 May 2018 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2018-05-27:/de-mozilla-a-la-brasserie-du-vieux-singe.html</guid></item><item><title>Groupement d'achats & partage d'expérience</title><link>https://blog.notmyidea.org/groupement-dachats-partage-dexperience.html</link><description><p>Il y a quelques années, on s'est motivé entre copains copines pour créer un groupement d'achat.</p>
|
||||||
|
<p>L'idée est simple:</p>
|
||||||
|
<ul>
|
||||||
|
<li>commander en gros, pour faire baisser les prix</li>
|
||||||
|
<li>se passer d'intermédiaires et favoriser les circuits courts</li>
|
||||||
|
<li>aller à la rencontre des producteurs locaux et échanger</li>
|
||||||
|
</ul>
|
||||||
|
<p>Notre groupement dessert actuellement 18 foyers …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Sat, 03 Mar 2018 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2018-03-03:/groupement-dachats-partage-dexperience.html</guid></item><item><title>Webnotes</title><link>https://blog.notmyidea.org/webnotes.html</link><description><p>Quand je navigue en ligne, j'aime bien prendre des notes sur ce que je lis. C'est utile pour les retrouver plus tard. Il existe quelques outils pour ce genre de cas, mais j'ai vraiment eu du mal à trouver un outil qui faisais ce que je voulais, de la manière …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Sun, 25 Feb 2018 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2018-02-25:/webnotes.html</guid></item><item><title>Faire moins</title><link>https://blog.notmyidea.org/faire-moins.html</link><description><p>L'an dernier, j'ai décidé de faire moins de choses, ou plus exactement d'arrêter de faire de nouvelles choses. Choix assez difficile: j'aime découvrir de nouvelles pratiques, échanger sur des sujets que je connais pas, et surtout je crois que découvrir de nouvelles pratiques (sans nécessairement creuser un sujet en particulier …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Mon, 19 Feb 2018 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2018-02-19:/faire-moins.html</guid></item><item><title>NEIPA #3</title><link>https://blog.notmyidea.org/neipa-3.html</link><description><p><em>Voici quelques prises durant un de mes brassins. L'idée est de pouvoir les relire et m'améliorer au fur et à mesure.</em></p>
|
||||||
|
<p>Test autour d'une New England Pale Ale; Cette fois ci avec du Mosaic et du Citra, durant une collab' avec Heiko.</p>
|
||||||
|
<h1>Objectifs:</h1>
|
||||||
|
<ul>
|
||||||
|
<li>Brasser une nouvelle NEIPA en appliquant les …</li></ul></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Fri, 29 Dec 2017 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2017-12-29:/neipa-3.html</guid></item><item><title>NEIPA #2</title><link>https://blog.notmyidea.org/neipa-2.html</link><description><p><em>Voici quelques prises durant un de mes brassins. L'idée est de pouvoir les relire et m'améliorer au fur et à mesure.</em></p>
|
||||||
|
<h1>Objectifs:</h1>
|
||||||
|
<ul>
|
||||||
|
<li>Corriger les erreurs du précédent brassin.</li>
|
||||||
|
<li>Éviter les soucis de filtration</li>
|
||||||
|
<li>Mieux corriger le pH</li>
|
||||||
|
<li>Faire un whirlpool digne de ce nom / avoir moins de trub dans le …</li></ul></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Mon, 18 Dec 2017 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2017-12-18:/neipa-2.html</guid></item><item><title>Un club des brasseurs amateurs Rennais</title><link>https://blog.notmyidea.org/un-club-des-brasseurs-amateurs-rennais.html</link><description><p>En Mars dernier, suite à quelques discussions entre brasseurs amateurs, on à décidé de monter <a href="https://framalistes.org/sympa/subscribe/brassam-rennes">une liste de diffusion</a> pour faciliter les échanges autour du brassage amateur sur Rennes et ses alentours.</p>
|
||||||
|
<p>Un peu plus tard, <a href="https://www.facebook.com/groups/899071153568179/">un groupe Facebook</a> est venu s'ajouter, et c'est vrai qu'on sent une dynamique naissante …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Mon, 06 Nov 2017 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2017-11-06:/un-club-des-brasseurs-amateurs-rennais.html</guid></item><item><title>L'arrivée du trouble (ou comment faire des NEIPA ?)</title><link>https://blog.notmyidea.org/larrivee-du-trouble-ou-comment-faire-des-neipa.html</link><description><p><strong>Ceci est une traduction d'un article paru dans le magazine « Brew Your Own » en Octobre 2016, écrit par Dave Green</strong></p>
|
||||||
|
<p>C'est la saison des élections aux états unis et la bataille entre les partis politiques semble être plus controversée que d'habitude. Coincidemment, les buveurs de bières « Craft» US semblent avoir …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Tue, 17 Oct 2017 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2017-10-17:/larrivee-du-trouble-ou-comment-faire-des-neipa.html</guid></item><item><title>Brasserie du Vieux Singe — Installation en cours.</title><link>https://blog.notmyidea.org/brasserie-du-vieux-singe-installation-en-cours.html</link><description><p>Ça fait maintenant quelques mois que j'ai décidé de <a href="https://www.vieuxsinge.com">changer de métier</a>. Choix à la fois difficile et excitant. Une rupture qui laisse place à quelques étoiles dans les yeux. Enfin, je retrouve l'envie de créer, et je renoue avec mes rêves, ceux-la mêmes que je croyaient trop fous pour …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Mon, 26 Jun 2017 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2017-06-26:/brasserie-du-vieux-singe-installation-en-cours.html</guid></item><item><title>Comment est-ce que vous générez vos formulaires ?</title><link>https://blog.notmyidea.org/comment-est-ce-que-vous-generez-vos-formulaires.html</link><description><p>TL; DR: Je viens à peine de <em>releaser</em> la première version d'un service de génération de formulaires.
|
||||||
|
Allez jeter un coup d'œil sur <a href="https://www.fourmilieres.net">https://www.fourmilieres.net</a></p>
|
||||||
|
<p><em>En février 2012, je parlais ici <a href="https://blog.notmyidea.org/carto-forms.html">d'un service de génération de formulaires</a>.
|
||||||
|
Depuis, pas mal d'eau à coulé sous les ponts, on est …</em></p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Tue, 31 May 2016 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2016-05-31:/comment-est-ce-que-vous-generez-vos-formulaires.html</guid></item><item><title>Cloisonnement des activités ?</title><link>https://blog.notmyidea.org/cloisonnement-des-activites.html</link><description><p>Je vous écris depuis un train, en rentrant de Bordeaux où j'ai passé quelques
|
||||||
|
jours à l'occasion de <a href="http://sudweb.fr/">SudWeb</a>. Si vous ne connaissez pas
|
||||||
|
cette conférence, il s'agit d'un moment avec des gens chouettes qui se posent
|
||||||
|
des questions sur leur metier, comment le vivre et comment continuer à en …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Sun, 29 May 2016 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2016-05-29:/cloisonnement-des-activites.html</guid></item><item><title>Avez vous confiance en SSL?</title><link>https://blog.notmyidea.org/avez-vous-confiance-en-ssl.html</link><description><p>Dans le cadre <a href="http://autodefense-numerique.readthedocs.org/en/latest/">des ateliers d'autodéfense numérique</a>,
|
||||||
|
j'ai passé un peu de temps à creuser sur l'utilisation de SSL puisque
|
||||||
|
contrairement à ce que la plupart des personnes ont encore tendance à croire,
|
||||||
|
le petit cadenas (qui prouve qu'une connexion SSL est en cours) n'est
|
||||||
|
<strong>absolument</strong> pas suffisant.</p>
|
||||||
|
<p>Allez hop …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Fri, 25 Mar 2016 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2016-03-25:/avez-vous-confiance-en-ssl.html</guid></item><item><title>Focusing on what matters</title><link>https://blog.notmyidea.org/focusing-on-what-matters.html</link><description><p>I do have a problem with information.</p>
|
||||||
|
<p>You know. I <strong>have</strong> to check my emails, irc, twitter, my feed reader etc.
|
||||||
|
I need to.</p>
|
||||||
|
<p>And this thing makes me feel uncomfortable at the end of the day, because I
|
||||||
|
feel that I missed something. That I missed some good time …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Thu, 17 Mar 2016 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2016-03-17:/focusing-on-what-matters.html</guid><category>focus</category><category>time-management</category></item><item><title>Retours sur un atelier ZeroNet</title><link>https://blog.notmyidea.org/retours-sur-un-atelier-zeronet.html</link><description><p>Mardi dernier se tenait <a href="http://biblio.insa-rennes.fr/crypto">une <em>cryptoparty</em></a>
|
||||||
|
dans les locaux de l'INSA de Rennes.</p>
|
||||||
|
<p>L'évènement s'étant rempli au delà de toutes les espérances, on m'a proposé de
|
||||||
|
venir y tenir un atelier, que j'ai proposé sur <a href="https://zeronet.io">ZeroNet</a>, un
|
||||||
|
petit projet fort sympathique qui pourrait devenir une nouvelle manière de
|
||||||
|
distribuer le …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Thu, 17 Mar 2016 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2016-03-17:/retours-sur-un-atelier-zeronet.html</guid></item><item><title>L'horizon</title><link>https://blog.notmyidea.org/lhorizon.html</link><description><blockquote class="epigraph">
|
||||||
|
L'Utopie, c'est l'horizon. C'est ce qui permet d'avoir une direction, de
|
||||||
|
mettre un pied devant l'autre, de savoir vers où marcher.</blockquote>
|
||||||
|
<p>Il y a presque 4 ans et demi, je commençais à travailler, en décembre, pour
|
||||||
|
Mozilla. Je me rappelle bien de ces premiers instants un peu magiques, qui ont …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Wed, 02 Mar 2016 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2016-03-02:/lhorizon.html</guid></item><item><title>Let's Encrypt + HAProxy</title><link>https://blog.notmyidea.org/lets-encrypt-haproxy.html</link><description><blockquote class="epigraph">
|
||||||
|
<p>It’s time for the Web to take a big step forward in terms of security and
|
||||||
|
privacy. We want to see HTTPS become the default. Let’s Encrypt was built
|
||||||
|
to enable that by making it as easy as possible to get and manage
|
||||||
|
certificates.</p>
|
||||||
|
<p class="attribution">&mdash;<a class="reference external" href="https://letsencrypt.org/">Let's Encrypt</a></p>
|
||||||
|
</blockquote>
|
||||||
|
<p>Depuis début …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Thu, 11 Feb 2016 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2016-02-11:/lets-encrypt-haproxy.html</guid></item><item><title>Ateliers d'autodéfense numérique</title><link>https://blog.notmyidea.org/ateliers-dautodefense-numerique.html</link><description><p>Il y a huit mois, je me rendais compte de l'importance du choix des outils pour
|
||||||
|
faire face à la surveillance généralisée, et notamment en rapport au
|
||||||
|
chiffrement des données. Une de mes envies de l'époque était l'animation
|
||||||
|
d'ateliers.</p>
|
||||||
|
<blockquote class="epigraph">
|
||||||
|
<p>Je compte donc:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Organiser des ateliers de sensibilisation aux outils de …</li></ul></blockquote></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Thu, 14 Jan 2016 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2016-01-14:/ateliers-dautodefense-numerique.html</guid></item><item><title>Rencontres python francophones, 2015</title><link>https://blog.notmyidea.org/rencontres-python-francophones-2015.html</link><description><p>J'ai pris quelques notes durant la conférence annuelle de PyconFR, qui avait
|
||||||
|
lieu à Pau cette année, et les ai publiées entre deux étapes des vacances qui
|
||||||
|
ont suivi. Je prends maintenant un peu plus de temps pour ranger toutes ces
|
||||||
|
notes au bon endroit.</p>
|
||||||
|
<p>C'était un excellent cru: l'organisation …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Mon, 02 Nov 2015 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2015-11-02:/rencontres-python-francophones-2015.html</guid></item><item><title>PyconFR 2015 — Assemblée générale</title><link>https://blog.notmyidea.org/pyconfr-2015-assemblee-generale.html</link><description><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">Voici quelques notes prises durant la PyconFR 2015, à Pau. N'hésitez pas
|
||||||
|
à les completer si besoin.</p>
|
||||||
|
</div>
|
||||||
|
<p>Mot de feth sur Nelle, qui était une présidente très présente. Merci !</p>
|
||||||
|
<div class="section" id="passe">
|
||||||
|
<h2>Passé</h2>
|
||||||
|
<p>Il existe des communautés locales à Lyon Grenoble, Nantes.
|
||||||
|
Des Afpyro ont été organisés dans toutes ces villes + Rennes …</p></div></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Sun, 18 Oct 2015 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2015-10-18:/pyconfr-2015-assemblee-generale.html</guid></item><item><title>PyconFR 2015 — Hospital - des tests en prod</title><link>https://blog.notmyidea.org/pyconfr-2015-hospital-des-tests-en-prod.html</link><description><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">Voici quelques notes prises durant la PyconFR 2015, à Pau. N'hésitez pas
|
||||||
|
à les completer si besoin.</p>
|
||||||
|
</div>
|
||||||
|
<p>Speaker: Benoit Bryon, Peopledoc.</p>
|
||||||
|
<p>Pour une procédure de déploiement, comment est-ce qu'on valide que tout va bien
|
||||||
|
une fois que tout est dépoyé ? Si on a une application très simple (upload et …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Sun, 18 Oct 2015 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2015-10-18:/pyconfr-2015-hospital-des-tests-en-prod.html</guid></item><item><title>PyconFR 2015 — We don't need your loop</title><link>https://blog.notmyidea.org/pyconfr-2015-we-dont-need-your-loop.html</link><description><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">Voici quelques notes prises durant la PyconFR 2015, à Pau. N'hésitez pas
|
||||||
|
à les completer si besoin.</p>
|
||||||
|
</div>
|
||||||
|
<p>Speaker: serge_sans_paille.</p>
|
||||||
|
<p>Retour sur le passé des boucles: ASM, fortran, C. Avec APL, la boucle est
|
||||||
|
cachée au fur et à mesure des évolutions. Écrire une boucle ne devrait pas etre
|
||||||
|
exprimer …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Sun, 18 Oct 2015 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2015-10-18:/pyconfr-2015-we-dont-need-your-loop.html</guid></item><item><title>PyconFR 2015 — Cliquet</title><link>https://blog.notmyidea.org/pyconfr-2015-cliquet.html</link><description><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">Voici quelques notes prises durant la PyconFR 2015, à Pau. N'hésitez pas
|
||||||
|
à les completer si besoin.</p>
|
||||||
|
</div>
|
||||||
|
<p>Speaker: Mathieu Leplatre (&#64;leplatrem), Mozilla</p>
|
||||||
|
<p>Toolkit HTTP, pour éventuellement faire des microservices.</p>
|
||||||
|
<ol class="arabic simple">
|
||||||
|
<li>Origines</li>
|
||||||
|
<li>Protocole</li>
|
||||||
|
<li>Toolkit</li>
|
||||||
|
<li>Conversation</li>
|
||||||
|
</ol>
|
||||||
|
<div class="section" id="origines">
|
||||||
|
<h2>Origines</h2>
|
||||||
|
<p>Stockage de données, Cloud Services, Mozilla.
|
||||||
|
Le boulot, c'est de faire des APIs. On nous …</p></div></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Sat, 17 Oct 2015 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2015-10-17:/pyconfr-2015-cliquet.html</guid></item><item><title>PyconFR 2015 — Geoalchemy</title><link>https://blog.notmyidea.org/pyconfr-2015-geoalchemy.html</link><description><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">Voici quelques notes prises durant la PyconFR 2015, à Pau. N'hésitez pas
|
||||||
|
à les completer si besoin.</p>
|
||||||
|
</div>
|
||||||
|
<p>Speaker: Eric Lemoine, Camp to camp. (&#64;elemoine)</p>
|
||||||
|
<p>Bibliothèque python basée sur SQL alchemy, pour interagir avec des bases de
|
||||||
|
données geographiques / spatiales.</p>
|
||||||
|
<p>Une base de donnée optimisée pour representer et rechercher des …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Sat, 17 Oct 2015 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2015-10-17:/pyconfr-2015-geoalchemy.html</guid></item><item><title>PyconFR 2015 — SQL Alchemy</title><link>https://blog.notmyidea.org/pyconfr-2015-sql-alchemy.html</link><description><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">Voici quelques notes prises durant la PyconFR 2015, à Pau. N'hésitez pas
|
||||||
|
à les completer si besoin.</p>
|
||||||
|
</div>
|
||||||
|
<p>Speaker: David Allouche</p>
|
||||||
|
<p>SQL Alchemy vous permet de produire le SQL que vous voulez. Il faut que vous
|
||||||
|
souhaitiez comprendre ce que va etre produit.</p>
|
||||||
|
<p>Déclaratif:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>On créé des classes qui representent …</li></ul></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Sat, 17 Oct 2015 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2015-10-17:/pyconfr-2015-sql-alchemy.html</guid></item><item><title>PyconFR 2015 — Table ronde diversité</title><link>https://blog.notmyidea.org/pyconfr-2015-table-ronde-diversite.html</link><description><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">Voici quelques notes prises durant la PyconFR 2015, à Pau. N'hésitez pas
|
||||||
|
à les completer si besoin.</p>
|
||||||
|
</div>
|
||||||
|
<p><em>Prise de notes: Gordon et Alexis</em></p>
|
||||||
|
<p><strong>Présent·e·s: Jean Phillipe, Laurence (Directrice de l'école qui acueille la
|
||||||
|
Pycon), Amandine, Vivianne, Anna (de django carrots) + representes de django
|
||||||
|
girls bordeaux (Laurenne et …</strong></p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Sat, 17 Oct 2015 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2015-10-17:/pyconfr-2015-table-ronde-diversite.html</guid></item><item><title>Web distribution signing</title><link>https://blog.notmyidea.org/web-distribution-signing.html</link><description><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">I'm not a crypto expert, nor pretend to be one. These are thoughts
|
||||||
|
I want to share with the crypto community to actually see if any
|
||||||
|
solution exists to solve this particular problem.</p>
|
||||||
|
</div>
|
||||||
|
<p>One <a class="reference external" href="http://www.tonyarcieri.com/whats-wrong-with-webcrypto">often pointed</a>
|
||||||
|
flaw in web-based cryptographic applications is the fact that there is no way …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Mon, 12 Oct 2015 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2015-10-12:/web-distribution-signing.html</guid></item><item><title>Rôles</title><link>https://blog.notmyidea.org/roles.html</link><description><blockquote class="epigraph">
|
||||||
|
<p>Un […] dispositif consiste à tenter de faire bouger les rôles (pré)acquis
|
||||||
|
ou qui se fixent dans le groupe, les pousser ailleurs que là où ils ont
|
||||||
|
pris l’habitude de se réfugier suivant leur pente « naturelle ».</p>
|
||||||
|
<p>Pour ce faire, le groupe prendra du temps pour identifier les types de …</p></blockquote></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Mon, 29 Jun 2015 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2015-06-29:/roles.html</guid></item><item><title>Les problèmes de PGP</title><link>https://blog.notmyidea.org/les-problemes-de-pgp.html</link><description><blockquote class="epigraph">
|
||||||
|
<p>Flip a bit in the communication between sender and recipient and they will
|
||||||
|
experience decryption or verification errors. How high are the chances they
|
||||||
|
will start to exchange the data in the clear rather than trying to hunt down
|
||||||
|
the man in the middle?</p>
|
||||||
|
<p class="attribution">&mdash;<a class="reference external" href="http://secushare.org/PGP">http://secushare.org/PGP</a></p>
|
||||||
|
</blockquote>
|
||||||
|
<p>Une fois …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Mon, 25 May 2015 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2015-05-25:/les-problemes-de-pgp.html</guid></item><item><title>Travail et créativité</title><link>https://blog.notmyidea.org/travail-et-creativite.html</link><description><blockquote class="epigraph">
|
||||||
|
<p>Low-risk, low-pressure, and love: The 3 rules of side projects.</p>
|
||||||
|
<p class="attribution">&mdash;<a class="reference external" href="https://open.bufferapp.com/side-projects-creative-hobbies/">The science of side projects</a></p>
|
||||||
|
</blockquote>
|
||||||
|
<p>Je ne m'étais jamais fais la remarque, mais les projets dont je suis le plus
|
||||||
|
fier sont effectivement des <em>side projects</em>. Des projets que j'ai commencé
|
||||||
|
parce que j'en avais l'envie et le temps, qui …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Thu, 21 May 2015 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2015-05-21:/travail-et-creativite.html</guid></item><item><title>Simplifier les preuves d'identités</title><link>https://blog.notmyidea.org/simplifier-les-preuves-didentites.html</link><description><p>L'un des problèmes non réellement résolu actuellement quant au chiffrement des
|
||||||
|
échanges est lié à l'authenticité des clés. Si quelqu'un décide de publier une
|
||||||
|
clé en mon nom, et en utilisant mon adresse email, cela lui est assez facile.</p>
|
||||||
|
<p>Il est donc nécessaire d'avoir des moyens de prouver que la …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Mon, 11 May 2015 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2015-05-11:/simplifier-les-preuves-didentites.html</guid></item><item><title>Phrases de passe et bonnes pratiques</title><link>https://blog.notmyidea.org/phrases-de-passe-et-bonnes-pratiques.html</link><description><blockquote class="epigraph">
|
||||||
|
<p>Au contraire des autres mots de passe, les mots de passe cryptographiques
|
||||||
|
ont specifiquement besoin d'être longs et extremement difficiles à deviner.
|
||||||
|
La raison est qu'un ordinateur (ou un cluster de plusieurs ordinateurs)
|
||||||
|
peut être programmé pour faire des trillions d'essais de manière
|
||||||
|
automatique. Si le mot de passe choisi …</p></blockquote></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Sat, 09 May 2015 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2015-05-09:/phrases-de-passe-et-bonnes-pratiques.html</guid></item><item><title>Chiffrement</title><link>https://blog.notmyidea.org/chiffrement.html</link><description><blockquote class="epigraph">
|
||||||
|
<p>En france, depuis le 5 Mai 2015, il est possible au Premier Ministre de
|
||||||
|
surveiller massivement et sans contrôle la population française.</p>
|
||||||
|
<p>le projet de loi n'a pas été significativement amendé en séance mi-avril,
|
||||||
|
et ses dispositions dangereuses ont été conservées :</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Élargissement des finalités du renseignement, permettant une <strong>potentielle
|
||||||
|
mise …</strong></li></ul></blockquote></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Fri, 08 May 2015 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2015-05-08:/chiffrement.html</guid></item><item><title>Language</title><link>https://blog.notmyidea.org/language.html</link><description><blockquote class="epigraph">
|
||||||
|
<p>Nous savons tous que le fait d'obliger les fonctionnaires internationaux,
|
||||||
|
diplomates ou ministres à s'exprimer dans une langue qui n'est pas la leur
|
||||||
|
équivaut à les placer en situation d'infériorité. <strong>Cela les prive de la
|
||||||
|
capacité de nuance et de raffinement</strong>, ce qui revient à faire des
|
||||||
|
concessions à ceux …</p></blockquote></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Fri, 01 May 2015 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2015-05-01:/language.html</guid></item><item><title>Le secret du bonheur</title><link>https://blog.notmyidea.org/le-secret-du-bonheur.html</link><description><p>Un enfant demande à son père :</p>
|
||||||
|
<blockquote>
|
||||||
|
Dis papa, quel est le secret pour être heureux ?</blockquote>
|
||||||
|
<p>Sans dire un mot, le père demande à son fils de le suivre ;
|
||||||
|
Ils sortent de la maison, le père sur leur vieil âne et le fils suivant à pied.</p>
|
||||||
|
<p>Et les gens du village …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Thu, 20 Nov 2014 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2014-11-20:/le-secret-du-bonheur.html</guid></item><item><title>What's Hawk and how to use it?</title><link>https://blog.notmyidea.org/whats-hawk-and-how-to-use-it.html</link><description><p>At Mozilla, we recently had to implement <a class="reference external" href="https://github.com/hueniverse/hawk">the Hawk authentication scheme</a> for a number of projects, and we came up
|
||||||
|
creating two libraries to ease integration into pyramid and node.js apps.</p>
|
||||||
|
<p>But maybe you don't know Hawk.</p>
|
||||||
|
<p>Hawk is a relatively new technology, crafted by one of the original …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Thu, 31 Jul 2014 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2014-07-31:/whats-hawk-and-how-to-use-it.html</guid></item><item><title>Quel métier, quelle utilité ?</title><link>https://blog.notmyidea.org/quel-metier-quelle-utilite.html</link><description><p>Aujourd'hui, mon métier est d'être développeur d'applications. Imaginer des
|
||||||
|
solutions techniques pour faire marcher des logiciels, puis écrire les lignes
|
||||||
|
de code nécessaires.</p>
|
||||||
|
<p>Être Développeur n'est pas un métier qui a du sens en lui même (comme peut
|
||||||
|
l'être le métier d'instituteur/rice par exemple). Tout comme lorsque l'on est …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Tue, 29 Jul 2014 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2014-07-29:/quel-metier-quelle-utilite.html</guid></item><item><title>Retours sur deux ans à Mozilla</title><link>https://blog.notmyidea.org/retours-sur-deux-ans-a-mozilla.html</link><description><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">Ça fait un bail que j'ai cet article en cours de rédaction, et je me dis que
|
||||||
|
je dois le poster maintenant, sinon je ne le ferais jamais (saloperie de
|
||||||
|
perfectionnisme ?)</p>
|
||||||
|
</div>
|
||||||
|
<p>Il y à deux ans et demi, en décembre, je commençais à travailler chez
|
||||||
|
Mozilla, dans l'équipe &quot;Cloud …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Tue, 29 Jul 2014 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2014-07-29:/retours-sur-deux-ans-a-mozilla.html</guid></item><item><title>Le revenu de base</title><link>https://blog.notmyidea.org/le-revenu-de-base.html</link><description><iframe width="560" height="315" src="http://www.youtube.com/embed/-cwdVDcm-Z0"
|
||||||
|
frameborder="0" allowfullscreen></iframe><p>Quelques notes prises en visualisant le documentaire &quot;le revenu de base&quot;.</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>4 Allemands sur 10 travaillent.</li>
|
||||||
|
<li>3/10 (les enfants et jeunes)</li>
|
||||||
|
<li>2/10 retraite / rente</li>
|
||||||
|
<li>1/10 assurance chomage / AS</li>
|
||||||
|
<li>41% sont le fruit d'un travail rémunéré.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Le revenu de base est inconditionnel.</p>
|
||||||
|
<p>Le marché du travail ne pourra …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Thu, 03 Oct 2013 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2013-10-03:/le-revenu-de-base.html</guid></item><item><title>Des carnets d'esquisse</title><link>https://blog.notmyidea.org/des-carnets-desquisse-fr.html</link><description><p>Je me rends compte que je n'écris pas si souvent que ça ici, principalement
|
||||||
|
parce que je me sens obligé d'y écrire en Anglais, mais aussi parce que je le
|
||||||
|
considère comme un espace ou les choses doivent êtres abouties et non pas
|
||||||
|
expérimentales.</p>
|
||||||
|
<p>Des fois j'ai cette envie d'ouvrir …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Fri, 16 Aug 2013 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2013-08-16:/des-carnets-desquisse-fr.html</guid></item><item><title>Notes: Économie libidinale et économie politique</title><link>https://blog.notmyidea.org/notes-economie-libidinale-et-economie-politique.html</link><description><p>Une enquete d'un cabinet de marketing american ARI qui pour la première fois en
|
||||||
|
2004 disait qu'on voyait aparaitre des &quot;alter consommateurs&quot;, qui n'étaient pas
|
||||||
|
de gens qui consommaient moins, mais qui étaient des gens malheureux de
|
||||||
|
consommer. Et qui définissaient la consommation comme une dépendance et une
|
||||||
|
addiction.</p>
|
||||||
|
<p>Un …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Sat, 06 Jul 2013 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2013-07-06:/notes-economie-libidinale-et-economie-politique.html</guid></item><item><title>New year python meme, 2012</title><link>https://blog.notmyidea.org/new-year-python-meme-2012.html</link><description><p>This series, also known as &quot;<a class="reference external" href="http://ziade.org">Tarek Ziadé</a> strikes again&quot;,
|
||||||
|
is a good occasion to take a look back at 2012 and see what I've done related
|
||||||
|
to python. So, let's try.</p>
|
||||||
|
<p><strong>1. What’s the coolest Python application, framework or library you have
|
||||||
|
discovered in 2012 ?</strong></p>
|
||||||
|
<p>I discovered <a class="reference external" href="http://docs.pylonsproject.org/en/latest/docs/pyramid.html">Pyramid</a> this …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Mon, 01 Jul 2013 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2013-07-01:/new-year-python-meme-2012.html</guid></item><item><title>François Elie : Quelle école pour la société de l’information ?</title><link>https://blog.notmyidea.org/francois-elie-quelle-ecole-pour-la-societe-de-linformation.html</link><description><p><a class="reference external" href="http://www.framablog.org/index.php/post/2013/06/11/francois-elie-education-conference">http://www.framablog.org/index.php/post/2013/06/11/francois-elie-education-conference</a></p>
|
||||||
|
<p>Quelques bouts selectionnés.</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>Mais pourquoi continue t-on à enseigner des maths à des gens qui ne vont pas
|
||||||
|
les utiliser ? Ben évidemment c’est parce qu’on n’est pas dans une école de
|
||||||
|
l’initiation où les mathématiciens …</p></blockquote></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Fri, 14 Jun 2013 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2013-06-14:/francois-elie-quelle-ecole-pour-la-societe-de-linformation.html</guid></item><item><title>Des profils de confiance partout et pour tout ?</title><link>https://blog.notmyidea.org/confiance-fr.html</link><description><p>Depuis un petit moment déjà, le site covoiturage.fr est passé &quot;payant&quot;. Il est
|
||||||
|
désormais possible (et même obligatoire) de payer les trajets à l'avance, et en
|
||||||
|
ligne, laissant au passage quelques royalties au site en question.</p>
|
||||||
|
<p>Précédemment, il était possible de retrouver le numéro des conducteurs
|
||||||
|
sur le site …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Tue, 02 Apr 2013 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2013-04-02:/confiance-fr.html</guid></item><item><title>Implementing CORS in Cornice</title><link>https://blog.notmyidea.org/cross-origin-in-cornice.html</link><description><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">I'm cross-posting <a class="reference external" href="https://blog.mozilla.org/services/">on the mozilla services weblog</a>. Since this is the
|
||||||
|
first time we're doing that, I though it could be useful to point you
|
||||||
|
there. Check it out and expect more technical articles there in the future.</p>
|
||||||
|
</div>
|
||||||
|
<p>For security reasons, it's not possible to do cross-domain requests. In …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Tue, 02 Apr 2013 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2013-04-02:/cross-origin-in-cornice.html</guid></item><item><title>Status board</title><link>https://blog.notmyidea.org/status-board-fr.html</link><description><p>À force de démarrer des services web pour un oui et pour un non, de proposer
|
||||||
|
à des copains d'héberger leurs sites, de faire pareil pour quelques assos etc,
|
||||||
|
je me suis retrouvé avec, comme dirait l'autre, <em>une bonne platrée</em> de sites et
|
||||||
|
de services à gérer sur <cite>lolnet.org …</cite></p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Sat, 29 Dec 2012 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2012-12-29:/status-board-fr.html</guid></item><item><title>Habitat collectif</title><link>https://blog.notmyidea.org/habitat-collectif.html</link><description><p>Habiter à plusieurs, partager un lieu de vie, monter une communauté, changer
|
||||||
|
nos modes de vie et prendre plus de temps les uns pour les autres.</p>
|
||||||
|
<p>Ça fait réfléchir un peu quand même, non ? en tout cas ça marche chez moi.</p>
|
||||||
|
<p>Voilà quelques ressources qui peuvent être utiles si jamais …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Fri, 28 Dec 2012 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2012-12-28:/habitat-collectif.html</guid></item><item><title>Languages</title><link>https://blog.notmyidea.org/languages.html</link><description><p>Ouriel Ellert &quot; Languages&quot; avec Anthony Jambon &amp; Natascha Rogers, c'est
|
||||||
|
enregistré par le <a class="reference external" href="http://www.studiomezzanine.fr">Studio Mezzanine</a> qui comme d'hab font un
|
||||||
|
travail impeccable.</p>
|
||||||
|
<p>Plus d'infos sur Natasha Rogers et son groupe ici:
|
||||||
|
<a class="reference external" href="http://www.studiomezzanine.fr/natascha-rogers/">http://www.studiomezzanine.fr/natascha-rogers/</a></p>
|
||||||
|
<iframe width="650" height="480" src="http://www.youtube.com/embed/3I5PPdsTFz0" frameborder="0" allowfullscreen></iframe></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Fri, 28 Dec 2012 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2012-12-28:/languages.html</guid><category>note</category></item><item><title>Tricot</title><link>https://blog.notmyidea.org/tricot.html</link><description><p>Puisque j'ai décidé d'apprendre à faire les trucs moi-même, je me mets au
|
||||||
|
tricot. Et puis y'a aussi tout un symbole derrière: le tricot, c'est pour les
|
||||||
|
filles, tu sais, un &quot;truc de gonzesse&quot;.</p>
|
||||||
|
<p>Eh bah c'est pas gagné, jte le dis. Pour l'instant j'ai réussi à faire à peu …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Fri, 28 Dec 2012 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2012-12-28:/tricot.html</guid><category>note</category></item><item><title>Astuces SSH</title><link>https://blog.notmyidea.org/astuces-ssh.html</link><description><div class="section" id="tunelling">
|
||||||
|
<h2>Tunelling</h2>
|
||||||
|
<p>Parce que je m'en rapelle jamais (tête de linote):</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
$ ssh -f hote -L local:lolnet.org:destination -N
|
||||||
|
</pre>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="ssh-config">
|
||||||
|
<h2>.ssh/config</h2>
|
||||||
|
<p>(merci <a class="reference external" href="http://majerti.fr">gaston</a> !)</p>
|
||||||
|
<p>La directive suivante dans .ssh/config permet de sauter d'hôte en hôte
|
||||||
|
séparés par des &quot;+&quot;</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
Host *+*
|
||||||
|
ProxyCommand ssh $(echo %h | sed
|
||||||
|
's/+[^+]*$//;s/\([^+%%]*\)%%\([^+]*\)$/\2 -l \1/;s …</pre></div></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Thu, 27 Dec 2012 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2012-12-27:/astuces-ssh.html</guid><category>note</category></item><item><title>Gnome 3, extensions</title><link>https://blog.notmyidea.org/gnome-3-extensions.html</link><description><p>Après avoir tenté pendant un bout de temps unity, le bureau par defaut de
|
||||||
|
ubuntu, j'ai eu envie de changements, et j'ai donc essayé un peu de regarder du
|
||||||
|
coté de gnome 3, à nouveau.</p>
|
||||||
|
<p>Et finalement, j'ai trouvé quelques extensions qui sont vraiment utiles, que je
|
||||||
|
liste ici.</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li><a class="reference external" href="https://extensions.gnome.org/extension/547/antisocial-menu/">Antisocial …</a></li></ul></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Thu, 27 Dec 2012 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2012-12-27:/gnome-3-extensions.html</guid><category>note</category></item><item><title>"Groovy"</title><link>https://blog.notmyidea.org/groovy.html</link><description><p>“Groovy”, c'est comme ça que je l'aime la musique: peut importe le style
|
||||||
|
finalement, la bonne musique c'est celle qui sonne, celle qui groove, celle qui
|
||||||
|
fait que tu tapes du pied (le droit chez moi) et que que ta tête commence
|
||||||
|
à hocher.</p>
|
||||||
|
<p>C'est pour ça que j'ai du …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Thu, 27 Dec 2012 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2012-12-27:/groovy.html</guid><category>note</category></item><item><title>Notre dame des landes</title><link>https://blog.notmyidea.org/notre-dame-des-landes.html</link><description><p>La lutte à Notre Dame des Landes ne fait pas du tout que commencer, mais il se
|
||||||
|
trouve que les médias se sont &quot;emparés&quot; de la question que très récemment,
|
||||||
|
depuis que JM Ayrault s'est retrouvé premier ministre.</p>
|
||||||
|
<p>Voici une sélection d'articles que j'ai trouvé pertinents, à partir de décembre …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Thu, 27 Dec 2012 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2012-12-27:/notre-dame-des-landes.html</guid></item><item><title>Semences paysannes</title><link>https://blog.notmyidea.org/semences-paysannes.html</link><description><p><a class="reference external" href="http://www.dailymotion.com/video/x5nhq0_les-semences-paysannes_news#from=embed">http://www.dailymotion.com/video/x5nhq0_les-semences-paysannes_news#from=embed</a></p>
|
||||||
|
<p>A l'heure actuelle, il est interdit pour deux agriculteurs de s'échangers des semences dans le but d'en revendre la production.</p>
|
||||||
|
<p>Les états ont crée la propriété interellectuelle pour relancer l'industrie après les dégats de la guerre et les selectionneurs en ont profité …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Thu, 20 Dec 2012 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2012-12-20:/semences-paysannes.html</guid></item><item><title>Lifestyle</title><link>https://blog.notmyidea.org/lifestyle-fr.html</link><description><p>Eh beh, c'est pas aussi simple qu'il y parait de trouver un environnement qui
|
||||||
|
permette autant de travailler correctement et de ne pas s'enfermer dans le
|
||||||
|
boulot.</p>
|
||||||
|
<p>Surtout si comme moi vous cherchez à limiter vos déplacement, que vous aimez
|
||||||
|
vivre avec peu et cherchez à trouver un équilibre entre …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Mon, 05 Nov 2012 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2012-11-05:/lifestyle-fr.html</guid></item><item><title>Cheese & code - Wrap-up</title><link>https://blog.notmyidea.org/cheese-code-wrap-up.html</link><description><p>This week-end I hosted a <em>cheese &amp; code</em> session in the country-side of Angers,
|
||||||
|
France.</p>
|
||||||
|
<p>We were a bunch of python hackers and it rained a lot, wich forced us to stay
|
||||||
|
inside and to code. Bad.</p>
|
||||||
|
<p>We were not enough to get rid of all the cheese and the awesome …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Mon, 22 Oct 2012 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2012-10-22:/cheese-code-wrap-up.html</guid></item><item><title>Cheese & Code party: October 20-21</title><link>https://blog.notmyidea.org/afpy-computer-camp-october-20-21.html</link><description><p>At PyconFR, this week-end, a few ideas were thrown in the air and one of them
|
||||||
|
was to have a /dev/fort doing some python-related coding.</p>
|
||||||
|
<p>The concept of a /dev/fort is to put a bunch of hackers together and see what
|
||||||
|
comes out from it. Tarek is doing …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Thu, 20 Sep 2012 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2012-09-20:/afpy-computer-camp-october-20-21.html</guid></item><item><title>Circus sprint at PyconFR</title><link>https://blog.notmyidea.org/circus-sprint-at-pyconfr.html</link><description><p>Last Thursday to Sunday, <a class="reference external" href="http://pycon.fr">Pycon France</a> took place, in
|
||||||
|
Paris. It was the opportunity to meet a lot of people and to talk about python
|
||||||
|
awesomness in general.</p>
|
||||||
|
<p>We had three tracks this year, plus sprints the two first days. We sprinted on
|
||||||
|
<a class="reference external" href="http://circus.io">Circus</a>, the process and socket manager we're …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Mon, 17 Sep 2012 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2012-09-17:/circus-sprint-at-pyconfr.html</guid></item><item><title>Pourquoi Mozilla?</title><link>https://blog.notmyidea.org/pourquoi-mozilla-fr.html</link><description><p>Depuis que j'ai commencé à bosser chez Mozilla, je me retrouve assez souvent à
|
||||||
|
expliquer ce que j'y fais. J'aime bien raconter l'histoire de Mozilla, la
|
||||||
|
mission, et comment je m'y rattache.</p>
|
||||||
|
<p>Je prends bien sur un malin plaisir à expliquer à chaque fois les tenants et
|
||||||
|
les aboutissants, aussi …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Mon, 16 Jul 2012 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2012-07-16:/pourquoi-mozilla-fr.html</guid><category>logiciel-libre</category><category>valeurs</category></item><item><title>Refactoring Cornice</title><link>https://blog.notmyidea.org/refactoring-cornice.html</link><description><p>After working for a while with <a class="reference external" href="http://cornice.readthedocs.com">Cornice</a> to
|
||||||
|
define our APIs at <a class="reference external" href="http://docs.services.mozilla.com">Services</a>, it turned
|
||||||
|
out that the current implementation wasn't flexible enough to allow us to do
|
||||||
|
what we wanted to do.</p>
|
||||||
|
<p>Cornice started as a toolkit on top of the <a class="reference external" href="http://docs.pylonsproject.org/en/latest/docs/pyramid.html">pyramid</a> routing system,
|
||||||
|
allowing to register services in …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Mon, 14 May 2012 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2012-05-14:/refactoring-cornice.html</guid><category>python</category><category>Cornice</category><category>refactoring</category></item><item><title>Bidouille</title><link>https://blog.notmyidea.org/bidouille-fr.html</link><description><p>Bidouille bidouille bidouille.</p>
|
||||||
|
<p>Je pense que je suis un bidouilleur logiciel: j'aime bien aller farfouiller
|
||||||
|
dans le code pour comprendre comment tel ou tel programme fonctionne (ou
|
||||||
|
trop souvent comment il ne fonctionne pas !), faire des petites modifications,
|
||||||
|
tester, modifier, re-tester, tout casser, réparer …</p>
|
||||||
|
<p>Et cette bidouille, cette envie de …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Mon, 30 Apr 2012 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2012-04-30:/bidouille-fr.html</guid><category>diy</category><category>électronique</category><category>hack</category><category>bidouille</category></item><item><title>Djangocong 2012</title><link>https://blog.notmyidea.org/djangocong-2012-fr.html</link><description><p>Ce week-end, c'était <a class="reference external" href="http://rencontres.django-fr.org">djangocong</a>, une conférence autour de <a class="reference external" href="http://djangoproject.org">django</a>,
|
||||||
|
de <a class="reference external" href="http://python.org">python</a> et du web, qui avait lieu dans le sud, à Carnon-plage, à quelques
|
||||||
|
kilomètres de Montpellier la belle.</p>
|
||||||
|
<p>J'ai vraiment apprécié les trois jours passés avec cette bande de geeks. Je
|
||||||
|
m'attendais à des <em>nerds</em>, j'y ai trouvé une …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Mon, 16 Apr 2012 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2012-04-16:/djangocong-2012-fr.html</guid></item><item><title>Bière maison !</title><link>https://blog.notmyidea.org/biere-maison-fr.html</link><description><p>Et voilà, c'est notre troisième brassin. On a commencé à faire notre propre
|
||||||
|
bière (avec un ami, Fred) il y a quasiment un an maintenant, et après quelques
|
||||||
|
dératés, même s'il nous reste encore bien du chemin à parcourir pour avoir
|
||||||
|
quelque chose qui nous convienne réellement… c'est pas si …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Tue, 10 Apr 2012 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2012-04-10:/biere-maison-fr.html</guid></item><item><title>Motivation, bénévolat et participation</title><link>https://blog.notmyidea.org/motivation-benevolat-et-participation-fr.html</link><description><p>Des luttes, dieu (même si on peut à juste titre se demander ce qu'il vient
|
||||||
|
faire là) sait qu'il y en a. Principalement pour pointer du doigt les hérésies
|
||||||
|
du système actuel. Ça s'applique à l'informatique et à son système de brevets,
|
||||||
|
au <a class="reference external" href="http://zad.nadir.org/">bétonnage de nos campagnes</a> ou encore aux …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Tue, 10 Apr 2012 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2012-04-10:/motivation-benevolat-et-participation-fr.html</guid></item><item><title>Les dangers du livre numérique</title><link>https://blog.notmyidea.org/les-dangers-du-livre-numerique-fr.html</link><description><p>Le framablog vient de publier <a class="reference external" href="http://www.framablog.org/index.php/post/2012/01/22/stallman-ebook-livre-electronique">une traduction de l'article de RMS à propos des dangers du livre électronique</a>. Intéressant, même si il faut faire attention à ne pas confondre livre électronique et risques liés au format de distribution.</p>
|
||||||
|
<p>Si on passe sur le fait qu'un livre electronique est moins agréable …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Mon, 23 Jan 2012 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2012-01-23:/les-dangers-du-livre-numerique-fr.html</guid></item><item><title>2012, first months</title><link>https://blog.notmyidea.org/2012-first-months.html</link><description><p>A lot of changes in these last months. First of all, I've started to
|
||||||
|
work for <a class="reference external" href="http://mozilla.org">Mozilla</a>, on the Services team, where I am working on
|
||||||
|
web services and scalability. Basically, what we are trying to do at services
|
||||||
|
is to provide a way for developers to make web services …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Sat, 21 Jan 2012 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2012-01-21:/2012-first-months.html</guid></item><item><title>Using JPype to bridge python and Java</title><link>https://blog.notmyidea.org/using-jpype-to-bridge-python-and-java.html</link><description><p>Java provides some interesting libraries that have no exact equivalent in
|
||||||
|
python. In my case, the awesome boilerpipe library allows me to remove
|
||||||
|
uninteresting parts of HTML pages, like menus, footers and other &quot;boilerplate&quot;
|
||||||
|
contents.</p>
|
||||||
|
<p>Boilerpipe is written in Java. Two solutions then: using java from python or
|
||||||
|
reimplement boilerpipe …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Sun, 06 Nov 2011 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2011-11-06:/using-jpype-to-bridge-python-and-java.html</guid><category>python</category><category>java</category></item><item><title>How are you handling your shared expenses?</title><link>https://blog.notmyidea.org/how-are-you-handling-your-shared-expenses.html</link><description><p><strong>TL;DR:</strong> We're kick-starting a new application to manage your shared
|
||||||
|
expenses. Have a look at <a class="reference external" href="http://ihatemoney.notmyidea.org">http://ihatemoney.notmyidea.org</a></p>
|
||||||
|
<p>As a student, I lived in a lot of different locations, and the majority of them
|
||||||
|
had something in common: I lived with others. It usually was a great experience …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Sat, 15 Oct 2011 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2011-10-15:/how-are-you-handling-your-shared-expenses.html</guid><category>python</category><category>flask</category><category>budget-manager</category></item><item><title>La simplicité volontaire contre le mythe de l'abondance</title><link>https://blog.notmyidea.org/la-simplicite-volontaire-contre-le-mythe-de-labondance-fr.html</link><description><p>Paul Ariès dans la préface de &quot;<a class="reference external" href="http://www.editionsladecouverte.fr/catalogue/index.php?ean13=9782707169747">La simplicité volontaire contre le mythe de
|
||||||
|
l'abondance</a>&quot;</p>
|
||||||
|
<blockquote>
|
||||||
|
Je sais aussi qu'à force d'être seulement contre, nous finissons par être
|
||||||
|
&quot;tout contre&quot;, tout contre le système, ses débats pourris, ses pratiques
|
||||||
|
immondes, ses pervertions mentales. Cessons de porter notre adversaire sur
|
||||||
|
notre dos, car …</blockquote></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Fri, 14 Oct 2011 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2011-10-14:/la-simplicite-volontaire-contre-le-mythe-de-labondance-fr.html</guid></item><item><title>Using dbpedia to get languages influences</title><link>https://blog.notmyidea.org/using-dbpedia-to-get-languages-influences.html</link><description><p>While browsing the Python's wikipedia page, I found information about the languages
|
||||||
|
influenced by python, and the languages that influenced python itself.</p>
|
||||||
|
<p>Well, that's kind of interesting to know which languages influenced others,
|
||||||
|
it could even be more interesting to have an overview of the connexion between
|
||||||
|
them, keeping python …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Tue, 16 Aug 2011 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2011-08-16:/using-dbpedia-to-get-languages-influences.html</guid><category>dbpedia</category><category>sparql</category><category>python</category></item><item><title>Pelican, 9 months later</title><link>https://blog.notmyidea.org/pelican-9-months-later.html</link><description><p>Back in October, I released <a class="reference external" href="http://docs.notmyidea.org/alexis/pelican">pelican</a>,
|
||||||
|
a little piece of code I wrote to power this weblog. I had simple needs: I wanted
|
||||||
|
to be able to use my text editor of choice (vim), a vcs (mercurial) and
|
||||||
|
restructured text. I started to write a really simple blog engine
|
||||||
|
in …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Mon, 25 Jul 2011 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2011-07-25:/pelican-9-months-later.html</guid><category>pelican</category><category>python</category><category>open source</category><category>nice story</category></item><item><title>Introducing Cornice</title><link>https://blog.notmyidea.org/introducing-cornice.html</link><description><p>Wow, already my third working day at Mozilla. Since Monday, I've been working with
|
||||||
|
<a class="reference external" href="http://ziade.org">Tarek Ziadé</a>, on a pyramid REST-ish toolkit named <a class="reference external" href="https://github.com/mozilla-services/cornice">Cornice</a>.</p>
|
||||||
|
<p>Its goal is to take care for you of what you're usually missing so you can
|
||||||
|
focus on what's important. Cornice provides you facilities
|
||||||
|
for validation of …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Tue, 12 Jul 2011 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2011-07-12:/introducing-cornice.html</guid></item><item><title>Un coup de main pour mon mémoire!</title><link>https://blog.notmyidea.org/un-coup-de-main-pour-mon-memoire-fr.html</link><description><p>Ça y est, bientôt la fin. LA FIN. La fin des études, et le début du reste.
|
||||||
|
En attendant je bosse sur mon mémoire de fin d'études et j'aurais besoin d'un petit
|
||||||
|
coup de main.</p>
|
||||||
|
<p>Mon mémoire porte sur les systèmes de recommandation. Pour ceux qui connaissent
|
||||||
|
last.fm, je …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Wed, 25 May 2011 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2011-05-25:/un-coup-de-main-pour-mon-memoire-fr.html</guid></item><item><title>Travailler moins pour mieux travailler ?</title><link>https://blog.notmyidea.org/travailler-moins-pour-mieux-travailler-fr.html</link><description><p>Je viens de passer une semaine et demi quasiment hors-ligne et je dois dire que
|
||||||
|
je suis assez impressionné du résultat: je suis de retour chez mes parents pour
|
||||||
|
le &quot;easter break&quot; et j'en ai profité pour donner un coup aux travaux de la
|
||||||
|
maison (et pour me reposer un …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Thu, 19 May 2011 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2011-05-19:/travailler-moins-pour-mieux-travailler-fr.html</guid></item><item><title>Analyse users' browsing context to build up a web recommender</title><link>https://blog.notmyidea.org/analyse-users-browsing-context-to-build-up-a-web-recommender.html</link><description><p>No, this is not an april's fool ;)</p>
|
||||||
|
<p>Wow, it's been a long time. My year in Oxford is going really well. I realized
|
||||||
|
few days ago that the end of the year is approaching really quickly.
|
||||||
|
Exams are coming in one month or such and then I'll be working full …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Fri, 01 Apr 2011 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2011-04-01:/analyse-users-browsing-context-to-build-up-a-web-recommender.html</guid><category>recommendations</category><category>browsers</category><category>users</category></item><item><title>Working directly on your server? How to backup and sync your dev environment with unison</title><link>https://blog.notmyidea.org/working-directly-on-your-server-how-to-backup-and-sync-your-dev-environment-with-unison.html</link><description><p>I have a server running freebsd since some time now, and was wondering about
|
||||||
|
the possibility to directly have a development environment ready to use when
|
||||||
|
I get a internet connexion, even if I'm not on my computer.</p>
|
||||||
|
<p>Since I use vim to code, and spend most of my time …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Wed, 16 Mar 2011 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2011-03-16:/working-directly-on-your-server-how-to-backup-and-sync-your-dev-environment-with-unison.html</guid><category>freebsd</category><category>unison</category></item><item><title>Wrap up of the distutils2 paris' sprint</title><link>https://blog.notmyidea.org/wrap-up-of-the-distutils2-paris-sprint.html</link><description><p>Finally, thanks to a bunch of people that helped me to pay my train and bus
|
||||||
|
tickets, I've made it to paris for the distutils2 sprint.</p>
|
||||||
|
<p>They have been a bit more than 10 people to come during the sprint, and it was
|
||||||
|
very productive. Here's a taste of what …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Tue, 08 Feb 2011 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2011-02-08:/wrap-up-of-the-distutils2-paris-sprint.html</guid></item><item><title>PyPI on CouchDB</title><link>https://blog.notmyidea.org/pypi-on-couchdb.html</link><description><p>By now, there are two ways to retrieve data from PyPI (the Python Package
|
||||||
|
Index). You can both rely on xml/rpc or on the &quot;simple&quot; API. The simple
|
||||||
|
API is not so simple to use as the name suggest, and have several existing
|
||||||
|
drawbacks.</p>
|
||||||
|
<p>Basically, if you want to …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Thu, 20 Jan 2011 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2011-01-20:/pypi-on-couchdb.html</guid></item><item><title>Help me to go to the distutils2 paris' sprint</title><link>https://blog.notmyidea.org/help-me-to-go-to-the-distutils2-paris-sprint.html</link><description><p><strong>Edit: Thanks to logilab and some amazing people, I can make it to paris for the
|
||||||
|
sprint. Many thanks to them for the support!</strong></p>
|
||||||
|
<p>There will be a distutils2 sprint from the 27th to the 30th of january, thanks
|
||||||
|
to logilab which will host the event.</p>
|
||||||
|
<p>You can find more …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Sat, 15 Jan 2011 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2011-01-15:/help-me-to-go-to-the-distutils2-paris-sprint.html</guid></item><item><title>Quels usages pour l'informatique ?</title><link>https://blog.notmyidea.org/usages-informatique-fr.html</link><description><p>Quand on termine ses études, on s'en pose un tas, des questions. Sur le métier
|
||||||
|
que l'on veut faire, sur ce que ça signifie, sur le sens et la valeur du
|
||||||
|
travail. Et j'en suis arrivé à faire un constat simple: l'informatique, c'est
|
||||||
|
utile, tant que ça ne vient pas …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Wed, 12 Jan 2011 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2011-01-12:/usages-informatique-fr.html</guid></item><item><title>Fork you ! or how the social coding can help you</title><link>https://blog.notmyidea.org/fork-you-or-how-the-social-coding-can-help-you.html</link><description><p>With <a class="reference external" href="http://github.com">github</a> and <a class="reference external" href="http://www.bitbucket.org">bitbucket</a> coming around, a lot of new usages appears for the
|
||||||
|
developpers: it's now easy to get feedback on your code/modifications, and to get
|
||||||
|
help from others by, for instance, forking repositories.</p>
|
||||||
|
<p>Eeach time I see people helping others, I'm amazed by how we like to …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Fri, 05 Nov 2010 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2010-11-05:/fork-you-or-how-the-social-coding-can-help-you.html</guid></item><item><title>How to reboot your bebox using the CLI</title><link>https://blog.notmyidea.org/how-to-reboot-your-bebox-using-the-cli.html</link><description><p>I've an internet connection which, for some obscure reasons, tend to be very
|
||||||
|
slow from time to time. After rebooting the box (yes, that's a hard solution),
|
||||||
|
all the things seems to go fine again.</p>
|
||||||
|
<div class="section" id="edit-using-grep">
|
||||||
|
<h2>EDIT : Using grep</h2>
|
||||||
|
<p>After a bit of reflexion, that's also really easy to do using …</p></div></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Thu, 21 Oct 2010 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2010-10-21:/how-to-reboot-your-bebox-using-the-cli.html</guid></item><item><title>Dynamically change your gnome desktop wallpaper</title><link>https://blog.notmyidea.org/dynamically-change-your-gnome-desktop-wallpaper.html</link><description><p>In gnome, you can can use a XML file to have a dynamic wallpaper.
|
||||||
|
It's not so easy, and you can't just tell: use the pictures in this folder to do
|
||||||
|
so.</p>
|
||||||
|
<p>You can have a look to the git repository if you want: <a class="reference external" href="http://github.com/ametaireau/gnome-background-generator">http://github.com/ametaireau/gnome-background-generator</a></p>
|
||||||
|
<p>Some …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Mon, 11 Oct 2010 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2010-10-11:/dynamically-change-your-gnome-desktop-wallpaper.html</guid></item><item><title>How to install NGINX + PHP 5.3 on FreeBSD.</title><link>https://blog.notmyidea.org/how-to-install-nginx-php-53-on-freebsd.html</link><description><p>I've not managed so far to get completely rid of php, so here's a simple
|
||||||
|
reminder about how to install php on NGINX, for FreeBSD. Nothing hard, but
|
||||||
|
that's worse to have the piece of configuration somewhere !</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
# update the ports
|
||||||
|
$ portsnap fetch update
|
||||||
|
|
||||||
|
# install php5 port
|
||||||
|
$ make config-recursive -C /usr …</pre></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Sun, 10 Oct 2010 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2010-10-10:/how-to-install-nginx-php-53-on-freebsd.html</guid></item><item><title>Pelican, a simple static blog generator in python</title><link>https://blog.notmyidea.org/pelican-a-simple-static-blog-generator-in-python.html</link><description><p>Those days, I've wrote a little python application to fit my blogging needs.
|
||||||
|
I'm an occasional blogger, a vim lover, I like restructured text and DVCSes, so
|
||||||
|
I've made a little tool that makes good use of all that.</p>
|
||||||
|
<p><a class="reference external" href="http://docs.getpelican.com">Pelican</a> (for calepin) is just a simple tool to generate your …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Wed, 06 Oct 2010 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2010-10-06:/pelican-a-simple-static-blog-generator-in-python.html</guid></item><item><title>An amazing summer of code working on distutils2</title><link>https://blog.notmyidea.org/an-amazing-summer-of-code-working-on-distutils2.html</link><description><p>The <a class="reference external" href="http://code.google.com/soc/">Google Summer of Code</a> I've
|
||||||
|
spent working on <a class="reference external" href="http://hg.python.org/distutils2/">distutils2</a>
|
||||||
|
is over. It was a really amazing experience, for many reasons.</p>
|
||||||
|
<p>First of all, we had a very good team, we were 5 students working
|
||||||
|
on distutils2: <a class="reference external" href="http://zubin71.wordpress.com">Zubin</a>,
|
||||||
|
<a class="reference external" href="http://wokslog.wordpress.com/">Éric</a>,
|
||||||
|
<a class="reference external" href="http://gsoc.djolonga.com/">Josip</a>,
|
||||||
|
<a class="reference external" href="http://konryd.blogspot.com/">Konrad</a> and me. In addition,
|
||||||
|
<a class="reference external" href="http://mouadino.blogspot.com/">Mouad</a> have worked on the …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Mon, 16 Aug 2010 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2010-08-16:/an-amazing-summer-of-code-working-on-distutils2.html</guid></item><item><title>Introducing the distutils2 index crawlers</title><link>https://blog.notmyidea.org/introducing-the-distutils2-index-crawlers.html</link><description><p>I'm working for about a month for distutils2, even if I was being a
|
||||||
|
bit busy (as I had some class courses and exams to work on)</p>
|
||||||
|
<p>I'll try do sum-up my general feelings here, and the work I've made
|
||||||
|
so far. You can also find, if you're interested, my …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Tue, 06 Jul 2010 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2010-07-06:/introducing-the-distutils2-index-crawlers.html</guid></item><item><title>Sprinting on distutils2 in Tours</title><link>https://blog.notmyidea.org/sprinting-on-distutils2-in-tours.html</link><description><p>Yesterday, as I was traveling to Tours, I've took some time to
|
||||||
|
visit Éric, another student who's working on distutils2 this
|
||||||
|
summer, as a part of the GSoC. Basically, it was to take a drink,
|
||||||
|
discuss a bit about distutils2, our respective tasks and general
|
||||||
|
feelings, and to put a …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Tue, 06 Jul 2010 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2010-07-06:/sprinting-on-distutils2-in-tours.html</guid></item><item><title>Use Restructured Text (ReST) to power your presentations</title><link>https://blog.notmyidea.org/use-restructured-text-rest-to-power-your-presentations.html</link><description><p>Wednesday, we give a presentation, with some friends, about the
|
||||||
|
CouchDB Database, to
|
||||||
|
<a class="reference external" href="http://www.toulibre.org">the Toulouse local LUG</a>. Thanks a lot
|
||||||
|
to all the presents for being there, it was a pleasure to talk
|
||||||
|
about this topic with you. Too bad the season is over now an I quit
|
||||||
|
Toulouse next …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Fri, 25 Jun 2010 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2010-06-25:/use-restructured-text-rest-to-power-your-presentations.html</guid></item><item><title>first week working on distutils2</title><link>https://blog.notmyidea.org/first-week-working-on-distutils2.html</link><description><p>As I've been working on
|
||||||
|
<a class="reference external" href="http://hg.python.org/distutils2/">Distutils2</a> during the past
|
||||||
|
week, taking part of the
|
||||||
|
<a class="reference external" href="http://code.google.com/intl/fr/soc/">GSOC</a> program, here is a
|
||||||
|
short summary of what I've done so far.</p>
|
||||||
|
<p>As my courses are not over yet, I've not worked as much as I
|
||||||
|
wanted, and this will continues until the end of …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Fri, 04 Jun 2010 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2010-06-04:/first-week-working-on-distutils2.html</guid></item><item><title>A Distutils2 GSoC</title><link>https://blog.notmyidea.org/a-distutils2-gsoc.html</link><description><p>WOW. I've been accepted to be a part of the
|
||||||
|
<a class="reference external" href="http://code.google.com/intl/fr/soc/">Google Summer Of Code</a>
|
||||||
|
program, and will work on <a class="reference external" href="http://python.org/">python</a>
|
||||||
|
<a class="reference external" href="http://hg.python.org/distutils2/">distutils2</a>, with
|
||||||
|
<a class="reference external" href="http://pygsoc.wordpress.com/">a</a>
|
||||||
|
<a class="reference external" href="http://konryd.blogspot.com/">lot</a> <a class="reference external" href="http://ziade.org/">of</a>
|
||||||
|
(intersting!) <a class="reference external" href="http://zubin71.wordpress.com/">people</a>.</p>
|
||||||
|
<blockquote>
|
||||||
|
So, it's about building the successor of Distutils2, ie. &quot;the
|
||||||
|
python package manager&quot;. Today, there is too&nbsp;many ways to package a
|
||||||
|
python …</blockquote></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Sat, 01 May 2010 00:00:00 +0200</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2010-05-01:/a-distutils2-gsoc.html</guid></item><item><title>Le temps des grâces, courrez-y !</title><link>https://blog.notmyidea.org/le-temps-des-graces-courrez-y-fr.html</link><description><p>Ouf, notre
|
||||||
|
<a class="reference external" href="http://www.reseaugrappe.org">semaine de l'environnement</a> s'est
|
||||||
|
terminée, après un peu de neige et un brin de soleil quand il en
|
||||||
|
fallait.</p>
|
||||||
|
<p>Ce fut l'occasion de rencontrer beaucoup de gens biens, et
|
||||||
|
de regarder d'un peu plus près toutes ces problématiques qui
|
||||||
|
mériteraient à elles seules, chacune un billet. Après un …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Sun, 28 Mar 2010 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2010-03-28:/le-temps-des-graces-courrez-y-fr.html</guid></item><item><title>Semaine de l’environnement: La consommation étudiante</title><link>https://blog.notmyidea.org/semaine-de-lenvironnement-la-consommation-etudiante-fr.html</link><description><p>Les acteurs associatifs sont bien souvent moteurs des critiques de nos sociétés. Je pense à <a class="reference external" href="http://www.framasoft.net/">Framasoft</a>, à <a class="reference external" href="http://www.laquadrature.net/">la Quadrature du net</a> ou à <a class="reference external" href="http://www.arsindustrialis.org/">Ars Industrialis</a> (dans le domaine de la science et de l'informatique), mais aussi <a class="reference external" href="http://www.amisdelaterre.org/">aux Amis de la Terre</a>, à <a class="reference external" href="http://www.attac.org/">ATTAC</a> (dans le domaine de l'environnement entres autres …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Wed, 24 Feb 2010 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2010-02-24:/semaine-de-lenvironnement-la-consommation-etudiante-fr.html</guid></item><item><title>Python ? go !</title><link>https://blog.notmyidea.org/python-go-fr.html</link><description><p>Cela fait maintenant un peu plus d'un mois que je travaille sur un
|
||||||
|
projet en <a class="reference external" href="http://www.djangoproject.org">django</a>, et que,
|
||||||
|
nécessairement, je me forme à <a class="reference external" href="http://python.org/">Python</a>. Je
|
||||||
|
prends un plaisir non dissimulé à découvrir ce langage (et à
|
||||||
|
l'utiliser), qui ne cesse de me surprendre. Les premiers mots qui
|
||||||
|
me viennent à …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Thu, 17 Dec 2009 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2009-12-17:/python-go-fr.html</guid></item><item><title>AMAP + Média = Paniers bio à 5e ?!</title><link>https://blog.notmyidea.org/amap-media-paniers-bio-a-5e-fr.html</link><description><p>Le raccourci me semble un peu rapide. Et pourtant, il est emprunté
|
||||||
|
bien trop souvent. La dernière <em>mes-utilisation</em> que j'ai à décrier
|
||||||
|
est celle d'un reportage télé, passé sur France 2 vendredi 23
|
||||||
|
Octobre
|
||||||
|
(<a class="reference external" href="http://docs.notmyidea.org/amap/amap-fr2.avi">voir la vidéo</a>),
|
||||||
|
ou on parles de
|
||||||
|
<a class="reference external" href="http://amap.zest.free.fr">l'AMAP étudiante Zest</a>.</p>
|
||||||
|
<p>Malgré tout le temps passé à …</p></description><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Alexis Métaireau</dc:creator><pubDate>Wed, 11 Nov 2009 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2009-11-11:/amap-media-paniers-bio-a-5e-fr.html</guid></item></channel></rss>
|
||||||
5854
feeds/all-en.atom.xml
Normal file
5854
feeds/all-en.atom.xml
Normal file
File diff suppressed because it is too large
Load diff
1387
feeds/all-fr.atom.xml
Normal file
1387
feeds/all-fr.atom.xml
Normal file
File diff suppressed because it is too large
Load diff
7239
feeds/all.atom.xml
Normal file
7239
feeds/all.atom.xml
Normal file
File diff suppressed because it is too large
Load diff
174
feeds/beer.atom.xml
Normal file
174
feeds/beer.atom.xml
Normal file
|
|
@ -0,0 +1,174 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<feed xmlns="http://www.w3.org/2005/Atom"><title>Carnets Web - beer</title><link href="https://blog.notmyidea.org/" rel="alternate"></link><link href="https://blog.notmyidea.org/feeds/beer.atom.xml" rel="self"></link><id>https://blog.notmyidea.org/</id><updated>2017-12-29T00:00:00+01:00</updated><entry><title>NEIPA #3</title><link href="https://blog.notmyidea.org/neipa-3.html" rel="alternate"></link><published>2017-12-29T00:00:00+01:00</published><updated>2017-12-29T00:00:00+01:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2017-12-29:/neipa-3.html</id><summary type="html"><p><em>Voici quelques prises durant un de mes brassins. L'idée est de pouvoir les relire et m'améliorer au fur et à mesure.</em></p>
|
||||||
|
<p>Test autour d'une New England Pale Ale; Cette fois ci avec du Mosaic et du Citra, durant une collab' avec Heiko.</p>
|
||||||
|
<h1>Objectifs:</h1>
|
||||||
|
<ul>
|
||||||
|
<li>Brasser une nouvelle NEIPA en appliquant les …</li></ul></summary><content type="html"><p><em>Voici quelques prises durant un de mes brassins. L'idée est de pouvoir les relire et m'améliorer au fur et à mesure.</em></p>
|
||||||
|
<p>Test autour d'une New England Pale Ale; Cette fois ci avec du Mosaic et du Citra, durant une collab' avec Heiko.</p>
|
||||||
|
<h1>Objectifs:</h1>
|
||||||
|
<ul>
|
||||||
|
<li>Brasser une nouvelle NEIPA en appliquant les trouvailles des deux premières versions;</li>
|
||||||
|
<li>Hop stand de 40mn;</li>
|
||||||
|
<li>Contrôle du pH à 5.2;</li>
|
||||||
|
<li>Refroidissement dans l'évier;</li>
|
||||||
|
<li>Ajouter plus d'avoine;</li>
|
||||||
|
<li>Faire un mash out;</li>
|
||||||
|
<li>Augmenter un peu la quantité de grain.</li>
|
||||||
|
</ul>
|
||||||
|
<h1>Recette:</h1>
|
||||||
|
<p>DI: 1055 (atteint)
|
||||||
|
pH: 5.2 (5.4 mesuré)</p>
|
||||||
|
<h2>Grains:</h2>
|
||||||
|
<ul>
|
||||||
|
<li>75% de Pale Ale</li>
|
||||||
|
<li>12.5% de blé</li>
|
||||||
|
<li>12.5% flocons d'avoine</li>
|
||||||
|
</ul>
|
||||||
|
<h2>Houblons:</h2>
|
||||||
|
<ul>
|
||||||
|
<li>2g/L Mosaic (Hop Stand 40mn)</li>
|
||||||
|
<li>2g/L Citra (Hop Stand 40mn)</li>
|
||||||
|
<li>4g/L Citra à cru (en deux fois)</li>
|
||||||
|
<li>4g/L Mosaic à cru (en deux fois)</li>
|
||||||
|
</ul>
|
||||||
|
<h2>Eau:</h2>
|
||||||
|
<ul>
|
||||||
|
<li>Utilisation d'eau de source, pour pouvoir corriger les sulfates / chlorures.</li>
|
||||||
|
<li>200 Chlorures pour 100 Sulfates.</li>
|
||||||
|
<li>
|
||||||
|
<h2>Gypse: 1g</h2>
|
||||||
|
<dl>
|
||||||
|
<dd>1.8g (=4.05ml)</dd>
|
||||||
|
</dl>
|
||||||
|
</li>
|
||||||
|
<li>Acide lactique: 0.4ml</li>
|
||||||
|
</ul>
|
||||||
|
<h2>Profil d'empatage:</h2>
|
||||||
|
<ul>
|
||||||
|
<li>68°C durant 40mn;</li>
|
||||||
|
<li>75°C durant 10mn (mash-out)</li>
|
||||||
|
</ul>
|
||||||
|
<h2>Levure</h2>
|
||||||
|
<ul>
|
||||||
|
<li>GigaYeast «Vermont Ale». Le nombre de cellules n'est pas indiqué sur le packaging, ni en ligne.</li>
|
||||||
|
</ul>
|
||||||
|
<h1>Déroulé</h1>
|
||||||
|
<ul>
|
||||||
|
<li>12h50: empâtage à 68°C</li>
|
||||||
|
<li>pH = 5.5. Ajout de 0.2 d'acide.</li>
|
||||||
|
<li>Pas mal de mesures du pH:<ul>
|
||||||
|
<li>5.2@23°C (13h05)</li>
|
||||||
|
<li>5.4@18°C (13h05)</li>
|
||||||
|
<li>5.2@27°C (13h15)</li>
|
||||||
|
<li>5.3@19°C (13h20)</li>
|
||||||
|
<li>5.4@25°C (13h30)</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>13h33: Mash-out à 78°C durant 10mn</li>
|
||||||
|
<li>Test à l'iode: OK</li>
|
||||||
|
<li>14h11: 1er rincage. Densité premier mout: 1070</li>
|
||||||
|
<li>15h40: Hop Stand (15g Citra / 15g Mosaic)</li>
|
||||||
|
</ul>
|
||||||
|
<h1>Fermentation</h1>
|
||||||
|
<ul>
|
||||||
|
<li>31/12/2017 - Fermentation à 20°C</li>
|
||||||
|
<li>01/01/2018 - Ajout de 12g de Citra et 12g de Mosaic après deux jours.</li>
|
||||||
|
<li>10/01/2018 - 1.040 SG = 1.008 corrigé</li>
|
||||||
|
<li>15/01/2018 - Ajout de 12g de Citra et 12g de Mosaic</li>
|
||||||
|
<li>15/01/2018 - Cold Crash</li>
|
||||||
|
<li>21/01/2018 - Mise en bouteille. Resucrage à 7g/L.</li>
|
||||||
|
</ul>
|
||||||
|
<h1>Observations:</h1>
|
||||||
|
<ul>
|
||||||
|
<li>En mettant 1.5ml d'acide, si on mesure le pH de l'eau, il est à 3.5. Ça nous à pas mal effrayé, puisque on a pas trop l'habitude de monitorer le pH. On refait: 0.4ml d'acide = pH de 4.1. Au final, cela ne semble pas utile de mesurer le pH de l'eau avant de mettre son grain.</li>
|
||||||
|
<li>Je le savais déjà, mais travailler à deux en discutant n'est pas vraiment une bonne idée: sur les opérations un peu technique, un manque de concentration se fait tout de suite ressentir.</li>
|
||||||
|
<li>BeerSmith semble proposer un outil pour calculer les modifications de pH, je devrais l'utiliser la prochaine fois.</li>
|
||||||
|
<li>Baisser le ration d'empâtage: On s'est retrouvé avec beaucoup trop d'eau de rincage, alors qu'on était sur une bière assez faible en densité.</li>
|
||||||
|
<li>Au final, ajouter l'acide au départ est problématique pour le pH de l'eau qui baisse énormement. Après quelques recherches, il semble qu'il faille faire confiance au logiciel, et prendre une seule mesure de pH à 10mn (cela devrait être stable). Le pHmetre est aussi peut-être en cause.</li>
|
||||||
|
<li>D'une manière générale, j'ai l'impression d'être un peu à l'arrache sur la partie fermentation. Il faudrait vraiment que j'ai un plan et que je m'y tienne. Plusieurs questions me semblent encore à résoudre: combien de temps laisser le houblon à cru ? A quelle température ?</li>
|
||||||
|
</ul></content></entry><entry><title>NEIPA #2</title><link href="https://blog.notmyidea.org/neipa-2.html" rel="alternate"></link><published>2017-12-18T00:00:00+01:00</published><updated>2017-12-18T00:00:00+01:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2017-12-18:/neipa-2.html</id><summary type="html"><p><em>Voici quelques prises durant un de mes brassins. L'idée est de pouvoir les relire et m'améliorer au fur et à mesure.</em></p>
|
||||||
|
<h1>Objectifs:</h1>
|
||||||
|
<ul>
|
||||||
|
<li>Corriger les erreurs du précédent brassin.</li>
|
||||||
|
<li>Éviter les soucis de filtration</li>
|
||||||
|
<li>Mieux corriger le pH</li>
|
||||||
|
<li>Faire un whirlpool digne de ce nom / avoir moins de trub dans le …</li></ul></summary><content type="html"><p><em>Voici quelques prises durant un de mes brassins. L'idée est de pouvoir les relire et m'améliorer au fur et à mesure.</em></p>
|
||||||
|
<h1>Objectifs:</h1>
|
||||||
|
<ul>
|
||||||
|
<li>Corriger les erreurs du précédent brassin.</li>
|
||||||
|
<li>Éviter les soucis de filtration</li>
|
||||||
|
<li>Mieux corriger le pH</li>
|
||||||
|
<li>Faire un whirlpool digne de ce nom / avoir moins de trub dans le fermenteur</li>
|
||||||
|
<li>Ne pas se laisser avoir par la baisse de température durant l'empâtage.</li>
|
||||||
|
</ul>
|
||||||
|
<h1>Recette:</h1>
|
||||||
|
<p>DI: 1060 (1050 mesuré)
|
||||||
|
pH: 5.2 (atteint)</p>
|
||||||
|
<h2>Grains:</h2>
|
||||||
|
<ul>
|
||||||
|
<li>90% Pils</li>
|
||||||
|
<li>10% Flocons d'avoine</li>
|
||||||
|
</ul>
|
||||||
|
<h2>Houblons:</h2>
|
||||||
|
<ul>
|
||||||
|
<li>2g/L Wakatu (au Whirlpool)</li>
|
||||||
|
<li>2g/L Motueka (au Whirlpool)</li>
|
||||||
|
<li>4.5g/L Wakatu à cru (en deux fois)</li>
|
||||||
|
<li>2.5g/L Motueka à cru (en deux fois)</li>
|
||||||
|
</ul>
|
||||||
|
<h2>Eau:</h2>
|
||||||
|
<ul>
|
||||||
|
<li>Utilisation d'eau de source, pour pouvoir corriger les sulfates / chlorures.</li>
|
||||||
|
<li>200 Chlorures pour 100 Sulfates.</li>
|
||||||
|
<li>Gypse: 0.9g</li>
|
||||||
|
<li>CaCl2: 3.4g</li>
|
||||||
|
<li>Acide lactique: Au batch précédent, j'avais mesuré 5.6, donc: ajout de +2ml d'acide (=2.4g).</li>
|
||||||
|
<li>Utilisation d'Irish Moss (2g) pour coaguler les protéines.</li>
|
||||||
|
</ul>
|
||||||
|
<h2>Profil d'empatage:</h2>
|
||||||
|
<ul>
|
||||||
|
<li>65°C durant 90mn (68°C au départ, 65 visé)</li>
|
||||||
|
<li>78°C durant 10mn (mash-out)</li>
|
||||||
|
</ul>
|
||||||
|
<h2>Levure</h2>
|
||||||
|
<ul>
|
||||||
|
<li>London Ale III.</li>
|
||||||
|
</ul>
|
||||||
|
<h1>Déroulé</h1>
|
||||||
|
<ul>
|
||||||
|
<li>18h36 - empatage à 65°C</li>
|
||||||
|
<li>19h16- pH = 5.2</li>
|
||||||
|
<li>Densité 1er moût: 1070</li>
|
||||||
|
<li>Ébullition importante pour atteindre 6,2L avec la bonne densité.</li>
|
||||||
|
<li>Mash-out à 78°C durant 10mn</li>
|
||||||
|
<li>Test à l'iode: NOK</li>
|
||||||
|
<li>1er rincage. Densité premier mout: 1070</li>
|
||||||
|
<li>15h40: Hop Stand (15g Citra / 15g Mosaic)</li>
|
||||||
|
</ul>
|
||||||
|
<h1>Fermentation</h1>
|
||||||
|
<ul>
|
||||||
|
<li>18/12/2017 - Fermentation à 18°C</li>
|
||||||
|
<li>21/12/2017 - Ajout de 13.5g de Wakatu et 7.5g de Motueka</li>
|
||||||
|
<li>30/12/2017 - Ajout de 13.5g de Wakatu et 7.5g de Motueka</li>
|
||||||
|
<li>30/12/2017 - Passage à 10°C.</li>
|
||||||
|
<li>15/01/2018 - Cold Crash</li>
|
||||||
|
<li>21/01/2018 - Mise en bouteille. Resucrage à 7g/L.</li>
|
||||||
|
</ul>
|
||||||
|
<h1>Observations:</h1>
|
||||||
|
<ul>
|
||||||
|
<li>Je change de technique, et mets l'acide lactique directement dans l'eau.</li>
|
||||||
|
<li>Je concasse moins fin mais reteste quand même l'avoine. Aucun souci de filtration (mais l'avoine n'est pas concassé).</li>
|
||||||
|
<li>1g de CaCl2 ~= 2.25ml en solution à 33%.</li>
|
||||||
|
<li>Les deux thermomètres n'affichent pas la même température. Super :(.</li>
|
||||||
|
<li>Au final, j’empâte dans une casserole pour pouvoir faire un mash-out.</li>
|
||||||
|
<li>Le pH oscille pas mal durant l'empâtage. J'ai mesuré des pH de 4.9 à certains moments, mais au final la dernière lecture est de 5.2, ce qui me semble bon.</li>
|
||||||
|
<li>Le système que j'utilise (refroidisseur en cuivre) pour refroidir mon moût n'est pas génial parce que ça mélange pas mal ce qu'on veut voir se déposer au fond de la cuve. Refroidir directement dans l'évier est vachement plus simple (c'est pratique de faire du 6L pour çà !)</li>
|
||||||
|
<li>Le teste à l'iode était positif: tout n'était pas converti. Mais à 90mn de mash, je ne crois pas pouvoir faire grand chose de plus.</li>
|
||||||
|
<li>Idée en vrac, à voir à la dégustation, mais ajouter un peu de cara pourrait être sympa.</li>
|
||||||
|
<li>L'irish moss à vraiment bien fonctionné. Je me demande si je ne devrais pas même laisser décanter un peu plus longtemps durant le whirlpool pour avoir un effet encore plus impressionnant.</li>
|
||||||
|
<li>Je trouve que l'efficacité de cette brasserie est vraiment pourrie.</li>
|
||||||
|
<li>Un peu d'eau est venue diluer le moût (DI = 1050 au lieu de 1060 souhaité)</li>
|
||||||
|
<li>Au goût, le moût à vraiment un goût qui m'assèche la gorge. Trop de modifications de l'eau ? A voir si l'effet persiste après fermentation.</li>
|
||||||
|
<li>A priori, d'après un article de Scott Janish, empâter avec de l'avoine cru ne fonctionne que si on empate haut. Ca à un impact sur l'efficacité générale (2h pour conversion totale, c'est peut-être pour ça que mon teste à l'iode était positif)</li>
|
||||||
|
<li>Sur l'avoine toujours, il faut <strong>dépasser 18%</strong> pour avoir un côté moelleux. Certains mettent jusqu'à 40% !</li>
|
||||||
|
</ul></content></entry></feed>
|
||||||
49
feeds/biere.atom.xml
Normal file
49
feeds/biere.atom.xml
Normal file
|
|
@ -0,0 +1,49 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<feed xmlns="http://www.w3.org/2005/Atom"><title>Carnets Web - biere</title><link href="https://blog.notmyidea.org/" rel="alternate"></link><link href="https://blog.notmyidea.org/feeds/biere.atom.xml" rel="self"></link><id>https://blog.notmyidea.org/</id><updated>2017-11-06T00:00:00+01:00</updated><entry><title>Un club des brasseurs amateurs Rennais</title><link href="https://blog.notmyidea.org/un-club-des-brasseurs-amateurs-rennais.html" rel="alternate"></link><published>2017-11-06T00:00:00+01:00</published><updated>2017-11-06T00:00:00+01:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2017-11-06:/un-club-des-brasseurs-amateurs-rennais.html</id><summary type="html"><p>En Mars dernier, suite à quelques discussions entre brasseurs amateurs, on à décidé de monter <a href="https://framalistes.org/sympa/subscribe/brassam-rennes">une liste de diffusion</a> pour faciliter les échanges autour du brassage amateur sur Rennes et ses alentours.</p>
|
||||||
|
<p>Un peu plus tard, <a href="https://www.facebook.com/groups/899071153568179/">un groupe Facebook</a> est venu s'ajouter, et c'est vrai qu'on sent une dynamique naissante …</p></summary><content type="html"><p>En Mars dernier, suite à quelques discussions entre brasseurs amateurs, on à décidé de monter <a href="https://framalistes.org/sympa/subscribe/brassam-rennes">une liste de diffusion</a> pour faciliter les échanges autour du brassage amateur sur Rennes et ses alentours.</p>
|
||||||
|
<p>Un peu plus tard, <a href="https://www.facebook.com/groups/899071153568179/">un groupe Facebook</a> est venu s'ajouter, et c'est vrai qu'on sent une dynamique naissante autour de la brasserie artisanale dans le coin.</p>
|
||||||
|
<p>En six mois, on est maintenant une grosse trentaine de personnes à être inscrits sur les listes et à se retrouver de temps à autres.</p>
|
||||||
|
<p>On en profite pour s'échanger des bons plans, déguster nos créations, (essayer de) faire des commandes groupées de malt, et pour se rencontrer pour papoter entre passionnés.</p>
|
||||||
|
<p>On a pas mal d'idées de trucs sympa a faire, entre autres:</p>
|
||||||
|
<ul>
|
||||||
|
<li>brasser une fois en gros puis se séparer le batch en plein de petits fermenteurs pour essayer différentes levures, différents houblons en <em>dry hop</em>, etc.</li>
|
||||||
|
<li>A la dernière rencontre, on s'est mis d'accord sur un style de bière pour se lancer un petit défi: tous brasser <a href="https://blog.notmyidea.org/larrivee-du-trouble-ou-comment-faire-des-neipa.html">une NEIPA</a> pour ensuite comparer nos résultats.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Bref, c'est plutôt chouette ! Je me suis rendu compte qu'on avait quasiment aucune existence en dehors des réseaux sociaux, alors je me permet de publier ce petit bout d'article avec quelques liens…</p>
|
||||||
|
<p>Si tu es dans le coin et que tu souhaite nous rencontrer, n'hésite pas à rejoindre <a href="https://www.facebook.com/groups/899071153568179/">notre groupe de discussion Facebook</a> et notre <a href="https://framalistes.org/sympa/subscribe/brassam-rennes">liste de diffusion mail</a>.</p>
|
||||||
|
<p>A bientôt ;)</p></content></entry><entry><title>L'arrivée du trouble (ou comment faire des NEIPA ?)</title><link href="https://blog.notmyidea.org/larrivee-du-trouble-ou-comment-faire-des-neipa.html" rel="alternate"></link><published>2017-10-17T00:00:00+02:00</published><updated>2017-10-17T00:00:00+02:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2017-10-17:/larrivee-du-trouble-ou-comment-faire-des-neipa.html</id><summary type="html"><p><strong>Ceci est une traduction d'un article paru dans le magazine « Brew Your Own » en Octobre 2016, écrit par Dave Green</strong></p>
|
||||||
|
<p>C'est la saison des élections aux états unis et la bataille entre les partis politiques semble être plus controversée que d'habitude. Coincidemment, les buveurs de bières « Craft» US semblent avoir …</p></summary><content type="html"><p><strong>Ceci est une traduction d'un article paru dans le magazine « Brew Your Own » en Octobre 2016, écrit par Dave Green</strong></p>
|
||||||
|
<p>C'est la saison des élections aux états unis et la bataille entre les partis politiques semble être plus controversée que d'habitude. Coincidemment, les buveurs de bières « Craft» US semblent avoir leur propre bataille qui divise au moins autant: une IPA peut elle être aussi trouble qu'une hefeweizen ? En provenance du coin Nord Est des États-Unis, l'IPA trouble est en passe de devenir culte depuis quelques années. Mais la mode ne vient pas sans contrecoup. En fait, tout le monde y va de son opinion chez les brasseurs artisanaux. Pour ceux qui apprécient ce type d'IPA, l'apparence trouble signifie que les gorgées qui suivent seront extrèmenent riches en huiles de houblons; pour les autres, l'apparence est un affront à des principes ancestraux. Que vous les appeliez des rince-bouches, des soupes boueuses, brillantes ou horribles, ne vous faites pas de fausse idée: ces ales troubles sont là pour rester.</p>
|
||||||
|
<p>Pour commencer cette histoire, revenons un peu au début des années 1990. La scène brassicole artisanale était en train de vivre son premier boom et les nouvelles brasseries faisaient leur apparition dans tous les coins des États-Unis. Menée par Sierra Nevada Brewing Company, les American Pale Ale et les American IPA étaient en train d’émerger en tant que styles populaires parmi les amateurs de bière, pour leurs caractéristiques riches en houblon.</p>
|
||||||
|
<p>Le niveau d'amertume était un trait notoire, et avoir la bonne morsure d'amertume était essentiel pour une IPA. L'innovation a ensuite commencée à arriver sur la cote Ouest des États Unis à la fin des années 1990, et au début des années 2000, quand quelques doubles ou impériales IPA telles que Pliny the Elder de Russian River et Ruination IPA de Stone Brewing ont commencées à sortir des fermenteurs. Alors que celles ci contenaient énormement de « morsure du houblon», ce qui séparaient ces bières de beaucoup d'autres versions du style était le fait que le nez et la saveur du houblon semblaient éclater de la bière.</p>
|
||||||
|
<p>Du point de vue du brasseur, les huiles essentielles de ces houblons étaient bien plus présents que les acides alpha. En utilisant un profil de malt neutre et une souche de levure neutre, ces bières laissaient la part belle aux houblons. Ces brasseurs utilisaient aussi des houblons souvent critiqués, forts en acides alpha, tels que Columbus, Centennial, Simcoe et Chinook à la fin de l'ébullition ou en houblonnage à cru... et en grosses quantitées. Cela peut sembler comme une pratique courante pour une IPA actuellement, mais il y a à peine 15 ans, la plupart de la littérature évitaient d'utiliser ces variétés de houblon pour une utilisation autre que de l'amérisant. Lévolution d'une nouvelle American IPA était en train de prendre forme, sur la cote Ouest des étants unis, un style que les buveurs de bière ont nommé la « West Coast IPA».</p>
|
||||||
|
<h1>La phase de démarrage</h1>
|
||||||
|
<p>De retour sur la cote Est des États-Unis, dans un petit brewpub de Burlington à Vermont, deux brasseurs commencent innocemment à développer un type d'American IPA avec des objectifs similaires que les brasseurs de la côte Ouest, mais en utilisant une stratégie différente. Crée en 1988 par Greg Noonan et Steve Polewacyk, le « Vermont Pub &amp; Brewery » deviendra le berceau d'une nouvelle révolution autour des IPA.</p>
|
||||||
|
<p>Souvent citée comme étant les premiers brasseurs des Black IPA modernes ainsi que des New England IPA, offrant une variété de bières qui était extrèmement rare à cette époque, le « Vermont Pub &amp; Brewery » a des racines provenant de la connaissance du brassage et de la chimie de Greg Noonan, ainsi que son flair pour la créativité.</p>
|
||||||
|
<p>Se reposant sur la révolution de la bière mondiale (menée par Michael Jackson), Greg Noonan à exploré des styles de bières qui étaient en dehors des sentiers battus, même pour les brasseurs qui étaient déjà en avance sur leur temps.</p>
|
||||||
|
<p>Arrive John Kimmich, qui, en 1994 à déménagé dans le Vermont avec l'objectif de brasser sous la tutelle de Greg Noonan. John à travaillé un temps à Pittsburg (en Pennsylvanie) dans un <em>home brewshop</em> nommé Country Wines. Il a travaillé avec Alexis Hartung et sa grande bibliothèque sur le brassage maison et a eu son premier éclair de génie brassicole en lisant le livre de Greg Noonan « New Brewing Lager Beer ». Un an plus tard, il commence à travailler au « Vermont Pub &amp; Brewery ». En quelques mois, Greg commence à avoir confiance dans les capacités de son nouveau protégé. Avec chaque bière que John travaillait, le mentor était impressionné. Après douze mois, Greg donne la liberté à John d’expérimenter seul sur les recettes.</p>
|
||||||
|
<p>En 1997, John part du « Vermont Pub &amp; Brewery » et cofonde avec sa femme Jen un brewpub en 2003, le « Alchemist Pub &amp; Brewery », situé 30mn à l'est de Burlington à Waterbury dans le Vermont. A cette époque, Waterbury était un petit village dormant du New England, n'attirant pas grand monde autre que quelques touristes. Il était par contre assez bien situé, à un croisement des chemins, juste à la sortie d'une autoroute majeure, Waterbury est facilement accessible par à la fois les voyageurs en route pour les endroits touristiques et pour les locaux en allant / revenant du travail ou pour leurs excursions shopping. Grâce à ces quelques éléments, Waterbury s'est donc révélé êre un excellent spot pour Jen et John.</p>
|
||||||
|
<p>Une caractéristique unique des bières houblonnées de Kimmich était que lorsque servies fraîches et non filtrées, elles étaient souvent assez troubles. Il trouvait que filtrer ses bières pouvait introduire de l'oxygène non souhaité, enlevant de la bière beaucoup d'aspects intéressants. Il utilisait une souche nommée Conan (VPB1188), une levure que son mentor a développé et que maintenant beaucoup connaissent. Avec les dérivés Anglais, la souche de levure Conan, les bonnes connaissances en brassage de John, ainsi que son habitude à expérimenter avec les houblons, on se retrouve avec une combinaison gagnante pour une révolution du brassage sur la côte est.</p>
|
||||||
|
<h1>La phase de croissance</h1>
|
||||||
|
<p>En 2007, alors que j'allais au festival des brasseurs du Vermont, la queue pour accéder au stand de The Alchemist était d'au moins 20 minutes pour un verre. Certaines personnes remplissaient leurs verres et retournaient faire la queue pour avoir la chance de goûter une autre de ces bières tant acclamées, en particulier pour Heady Topper. Pour la première fois brassée en 2003, Heady Toper retenait alors l'attention, alors qu'elle n'était réellement qu'une parmi les nombreuses IPA acclamées de chez The Alchemist. Des histoires circulaient comme quoi certaines personnes amenaient leurs pintes aux toilettes pour remplir des bouteilles, les capsuler et les ramener chez eux, puisque le bar ne proposait pas de remplir de Growlers à l'époque, ni ne vendait de bouteilles. Je pensais alors que l'engouement pour ces IPAs avait atteint une sorte de paroxysme. Je n'avais pas encore compris que le feu était seulement en train de se construire.</p>
|
||||||
|
<p>J'ai récemment demandé à Shaun Hill, de la brasserie « Hill Farmsted » à Greensborrow Bend dans le Vermont, classée « meilleure brasserie du monde » 3 des 4 dernières années sur RateBeer.com, quel était sa relation avec John Kimmich à l'époque. Shaun brassait à l'époque 30mn plus loin, à Stowe, dans un brewpub appelé « The Shed».</p>
|
||||||
|
<p>« En 2005, je ne tarissais pas d'éolges pour les bières de John me faisait le plaisir de critiquer mes bières » me dit Hill, « Cette relation à évoluée avec le temps, plus specialement lorsque j'ai déménagé au Danemark et que cette conversation est devenue une conversation entre pairs, poussant l'autre dans de nouvelles directions.». Avec le decès de Greg Noonan en 2009, l'ancien protégé est devenu le nouveau mentor. Lors d'un échange avec Joel Mahaffey de Foundation brewing Co, à Portland à propos des IPAs influentes pour cette nouvelle révolution, il dit de The Alchemist « Quiconque réponds à cette question et oublie Heady Topper, ils sont à coté de la plaque. Il s'agit de la première IPA trouble, et à laissée une marque sur la communauté brassicole.»</p>
|
||||||
|
<p>Ce qui à emergé dans le coin nord-est des états unis est une explosion de nouvelles brasseries produisant des Pale Ale, des IPA et des double IPA basées sur la non filtration, l'explosion de saveurs, et un corps doux, un style que Greg Noonan et John Kimmich ont découvert, et qu'ensuite Shaun Hill à continué à affiner. John et Shaun ont séparemment pointé du doigt le fait qu'ils brassaient juste des bières à leur convenance, et qu'ils appréciaient le produit fini. Le terme « Juicy IPA » s'est retrouvé être un nom pour ces bières, et la texture est souvent aussi importante que le nez et le gout de houblons. Et comme les IPA de la côte Ouest se sont répendues en 2008, les bières troubles, non filtrées, les New England IPA se répendent en 2016.</p>
|
||||||
|
<h1>C'est parti !</h1>
|
||||||
|
<p>Il est maintenant temps de passer à la brasserie et de regarder comment faire pour brasser une IPA, New England style. Shaun Hill dit « soyez vous mêmeet faites une bière qui goute, sent et ressemble à ce que vous voulez qu'elle soit », JC Tetreault de Trillum à Boston dans le Massachussetts ajoute « la réponse courte… tout est important ! Vous devez vous concentrer sur chaque aspect pour arriver à la bière que vous souhaitez. » L'objectif est d'arriver à une bière douce, un peu ronde, presque tropicale, à la texture ressemblant presque à un jus de fruit, laissant une morsure subtile sur la langue en fin de bouche graçe au houblon.</p>
|
||||||
|
<h2>Les malts</h2>
|
||||||
|
<p>Tout comme les IPAs de la cote Ouest, les NEIPA sont relativement simples en malts. Le style évite les malts qui ajoutent des saveurs de pain et de crackers. Les malts cristals et autres malts au dessus de 20°L (ndt: 52 EBC) sont d'une manière générale évités. Ces bières peuvent bénéficier de certains ajouts de malts cristal clairs, mais gardez les à l’œil. Des flocons d'avoine, d'orge, de blé et autres peuvent être ajoutés pour contribuer au corps, mais ne pensez pas qu'ils soient une necessité. J'ai pu jouer avec des pourcentages de 15% de flocons dans mes recettes, et les résultats étaient presque excessifs. JC Tetreault dit que « à propos des ajouts de céréales non maltés et de flocons… nous ne les utilisons pas dans toutes nos bières basées sur le houblon. En fait, une proportion plutôt petite de nos bières basées sur le houblon en font usage». Les ajouts de sucre tels que les dextrose, saccharose et sucres crus augmentent la densité du moût pour s'assurer de la sécheresse dans les versions plus alcoolisées. Si vous choisissez d'ajouter du sucre cru, encore une fois, faites en sorte que l'ajout soit modeste; j'ai trouvé que certaines saveurs de mélasses avaient tendance à arriver à partir de 10% du total du grain. L'objectif est de garder les houblons comme caractéristique principale de la bière, tout en ayant une base de malt douce mais présente.</p>
|
||||||
|
<h2>Les levures</h2>
|
||||||
|
<p>Et c'est ici que les NEIPA dérivent des IPA de la cote Ouest. L'ajout des levures ainsi que le traitement à partir de la fermentation semble être la plus grosse différence entre les deux styles. D'abord, regardons comment ces bières sont fermentées. La plupart des NEIPA ne sont pas clarifiées dans le fermenteur avec des agents clarifiant tels que de la gélatine, du Biofine® ou du Polyclar™, et elles ne sont pas filtrées ou centrifugées plus tard pour clarifier la bière. La pensée derrière ce process est qu'enlever les levures de la bière à également pour effet d'enlever les huiles essentielles ainsi que d'autres nuances subtiles qui permettent à la bière d'avoir son caractère propre. Cela permet de garder un niveau d'huiles assez elevé dans le produit fini. Deuxièmement, les brasseurs de New England fermentent en utilisant une souche de levure d'origine anglaise. Ashton Lewis, l'éditeur technique de Brew Your Own précise « D'après des études ADN, la levure California Ale (White Labs WLP001, Wyeast 1056 et les autres souches de Chico) viendraient plutôt de Cologne, en Allemagne ». Ces souches américaines ont été choisies pour leur capacité à produire des bières claires, transparentes et amères sans ajouter de caractère. Les souches de levure utilisées par les brasseurs de New England IPA sont utilisées pour ajouter des esters, qui aident à produire le profil juteux de ces bières. Les IPAs brassées avec ces souches ne semblent pas être aussi transparentes que les souches Americaines lorsqu'elles sont exposées à des niveaux d'huiles elevés. Ceci vient en désaccord avec la plupart de la littérature sur les souches Anglaises. Si vous lisez la description de la plupart des souches de levures utilisées pour produire ces IPA troubles, la plupart sont considéeées « hautement floculantes », alors que la souche Chico, souvent utilisée pour les IPA de la cote Ouest annonce plutôt une floculation moyenne à faible. Pourquoi alors ces bières ne se clarifient pas lorsqu'elles sont sujettes à des hautes doses de houblon en fin d'ébullition ou en houblonnage à cru ? Cela reste encore une zone floue, j'ai donc demandé à quelques personnes dans l'industrie à propos de ce flou. Certains brasseurs pointent du doigt le fait que ces souches de levures floculent trop rapidement. Cela ne laisse pas le temps aux polyphénols de s'attacher aux levures, laissant ces composés ainsi que d'autres composés dérivés du houblon dans la solution plutôt que des les en enlever. Ashton Lewis nous rappelle aussi que le trouble trouvé dans les hefeweizen est principalement causé par les interactions entre les protéines et les polyphénols, et non pas par les levures.</p>
|
||||||
|
<p>Donc, quelles sont les souches de levure que vous devriez utiliser ? Le choix est en fait assez large, pour ceux qui souhaitent brasser ces types de American IPA, referez vous donc aux suggestions données dans les recettes jointes pour quelques idées.</p>
|
||||||
|
<h2>L'eau</h2>
|
||||||
|
<p>L'eau joue un rôle prépondérant dans le développement des New England IPA. Concentrez vous sur les niveaux de dureté de votre eau. Si vous avez une eau assez douce, alors vous avez un bon point de départ. Si vous avez une eau plutôt dure, obtenez un relevé d'eau (ndt: allez faire un tour sur le site « Eau du bassin Rennais » !). Si vous n'avez pas ces relevés d'eau, vous pouvez aussi faire analyser votre eau par des laboratoires, ou vous pouvez le faire vous même grâce à des kits de test de l'eau. Peu importe ce que vous choisissez, utiliser de l'eau distillée ou osmosée peut vous fournir une bonne base pour construire le profil d'eau que vous souhaitez obtenir. Essayez de garder votre niveau de bicarbonate en dessous de 50 PPM pour votre eau d’empâtage et votre eau de rinçage.</p>
|
||||||
|
<p>La prochaine chose sur laquelle se concentrer est vos sulfates et vos chlorures. Ceci est parfois controversé, mais encore une fois peut potentiellement être un facteur différenciant entre les IPA de la côte Est et les IPA de la côte Ouest. Quand j'ai commencé à jouer avec la composition de mon eau, j'ai traité l'eau de mes IPA pour atteindre un rapport 2:1 de sulfates / chlorures, ce qui s'est traduit par 100:50 PPM. J'ai produit plusieurs bières qui pouvaient rivaliser (selon moi) avec certaines que mes idoles produisaient. Mais, dans l'esprit du brassage amateur, j'ai continué à expérimenter. J'ai changé l'équilibre de sulfate / chlorures à 200:50PPM sans que je perçoive un changement. J'ai ensuite essayé 100:100 et trouvé que ça me plaisait un peu plus. Mes trouvailles ne sont pas la seule preuve anecdotique que booster le niveau de chlorures peut bénéficier à ce style de bières. Si vous cherchez à ajuster vos sulfates et for chlorures pour votre eau d'empâtage et de rincage, je vous encourage à jeter un oeil à l'article de Scott Janish du 7 Mars 2016 intitulé « Mouthfeel softness ». Scott y parle des effets négatifs d'un taux de sulfates elevé et des aspects positifs d'un niveau de chlorures elevé.</p>
|
||||||
|
<h2>Les houblons</h2>
|
||||||
|
<p>Généralement, l'amertume des houblons dans ce type d'IPA joue un rôle support, qui vient équilibrer le corps et la douceur des malts. Premièrement, gardez l'ajout de houblons amérisants modéré à faible. Vous pouvez expérimenter avec l'ajout de houblons amérisants mais je n'ai jamais eu l'occasion de trouver qu'une utilisation importante de houblons amérisants menait à une meilleure New-England IPA. Utilisez des houblons hauts en alpha tels que Magnum, Warrior™ ou Bravo si vous choisissez d'utiliser des houblons en cône ou en pellets, et je recommande de garder les ajouts d'amérisants assez faibles. D'habitude, j'essaye houblonner pour un rapport de 1:3 BU:GU (amertume sur densité). Cela signifie que quand je vise une densité cible de 1.066, l'ajout de houblons à 60mn est de 22 IBUs. Cela est fait pour éviter d'ajouter une dureté qui peut provenir d'une ébullition d'une quantité plus elevée de houblons. L'autre option est d'utiliser des extraits de houblon, qui peuvent contribuer les acides alpha nécessaires pour obtenir la bonne amertume, sans ajouter de polyphénols, que certains brasseurs pensent être à l'origine d'une certaine dureté.</p>
|
||||||
|
<p>Les ajouts de houblons en fin d'ébullition jouent un rôle beaucoup plus important pour la production de New-England IPA. Des apports copieux à la fin de l'ébullition ou au <em>flame-out</em> sont utiles pour tout type d'IPA hautement aromatique. Cela ajoutera des IBUs pour compléter votre apport en houblons amérisants et commencera à créer votre profil d'huiles. Je trouve que des variétés plus mordantes / piquantes comme le Simcoe®, Columbus, Chinook et Apollo fonctionnent bien à cette étape. Chaque brasseur semble trouver sa technique ici, qu'il s'agisse de faire plusieurs ajouts à 20mn ou moins puis de baisser à une température précise pour faire un <em>hop stand</em>, ou bien de simplement ajouter tous les houblons au <em>flame-out</em> et de les laisser durant 20 minutes ou plus. Il ne semble pas qu'il y ait de mauvaise manière de faire, juste plusieurs manières d'extraire les huiles essentielles des houblons à une température pas trop haute.</p>
|
||||||
|
<p>Le houblonnage à cru est votre prochain objectif. J'aimerais me concentrer sur les techniques plutôt que sur les quantités ou variétés puisque la technique semble être le plus important ici. Ceci dit, une chose est sure, ne soyez pas trop timide avec les ajouts durant le houblonnage à cru. 7.5g/L est certainement un bon point de départ. Vous pouvez ajuster en fonction de vos résultats. Les brasseurs Scott Janish et Michael Tonsmeir ajoutent que mettre ces bières en fûts à quelques avantages. Houblonner dans le fût, purger au CO2 et le fait de ne pas avoir de période prolongée de carbonatation sont déjà deux des avantages des fûts sur les bouteilles.</p>
|
||||||
|
<p>Alors, quand est le meilleur moment pour faire son houblonnage à cru ? Biern que ce ne soit pas une necessité, le fait de faire son houblonnage à cru en deux fois semble être un bon choix pour ce genre d'IPA. Prenez ce que vous pensiez ajouter lors du houblonnage à cru et séparez le en deux. Le premier ajout se fera durant la phase active de fermentation alors que le second se fera quand la fermentation se sera calmée et que les levures auront flocculées. Le premier ajout peut se faire à différents stades de la fermentation primaire; certains brasseurs les ajoutent au même moment qu'ils ensemencent, certains autres lorsque le krausen est haut, alors que la plupart l'ajoutent vers la fin de la fermentation. Je préfère faire le premier ajout une fois que le krausen est redescendu. Les hétérosides et les bio-transformations sont des éléments importants dans cette discussion à propos de comment la levure intéragit avec les huiles des houblons et les autres dérivés du houblon. Je trouve que les houblons ajoutés à la fin de l'ébullition vont apporter des caractéristiques similaires que les huiles de houblons ajoutés durant le ébut de la fermentation. Pour ce qui est du second ajout, l'objectif est d'attendre que la fermentation se soit calmée. Le timing n'est pas vraiment un facteur important ici, mais l'introduction d'oxygène est un point crutial. Prenez bien soin d'introduire le moins possible d'oxygène dans la bière à ce moment çi.</p>
|
||||||
|
<p>Dernièrement, quelque chose qui est nouveau pour moi: le houblonnage à cru sous pression. Cela vous demandera de l'équipement supplémentaire, principalement quelque chose apellée une « Spunding Valve». Il s'agit d'une valve qui permet de garder une certaine pression dans le fermenteur. Si la pression dépasse la valeur cible, alors la valve s'ouvre pour faire redescendre le fermenteur à la valeur souhaité. Mais, en quoi cela pourrait-être interéssant pour nous ? Parce que nous cherchons à garder un maximum de houblons aromatiques, en évitant d'en perdre. Les brasseurs amateurs ainsi que les brasseurs pros se sont penchés sur la question des spuinding valve de plus en plus dernièrement pour la fermentation primaire et pour le houblonnage à cru.</p>
|
||||||
|
<p>La révolution de la côte Est bat son plein et si vous ne pouvez pas venir sur place pour goûter un extrait, vous pouvez maintenant au moins commencer à brasser des bières avec un caractère similaire. Et si vous n'êtes pas un fan de ce type de bière, faites bien attention à laisser ceux qui apprécient déguster en paix.</p>
|
||||||
|
<p>Remerciements spéciaux à tous les brasseurs qui ont contribué à la production de cet article: John Kimmich de The Alchemist, Shaun Hill de Hill Farmstead, Joel Mahaffrey de Foundation Brewing, Matt Nadeau de Rock Art Brewery et JC Tetrealt de Trillium. Allez leur rendre visite !</p></content></entry></feed>
|
||||||
27
feeds/conferences.atom.xml
Normal file
27
feeds/conferences.atom.xml
Normal file
|
|
@ -0,0 +1,27 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<feed xmlns="http://www.w3.org/2005/Atom"><title>Carnets Web - conferences</title><link href="https://blog.notmyidea.org/" rel="alternate"></link><link href="https://blog.notmyidea.org/feeds/conferences.atom.xml" rel="self"></link><id>https://blog.notmyidea.org/</id><updated>2015-11-02T00:00:00+01:00</updated><entry><title>Rencontres python francophones, 2015</title><link href="https://blog.notmyidea.org/rencontres-python-francophones-2015.html" rel="alternate"></link><published>2015-11-02T00:00:00+01:00</published><updated>2015-11-02T00:00:00+01:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2015-11-02:/rencontres-python-francophones-2015.html</id><summary type="html"><p>J'ai pris quelques notes durant la conférence annuelle de PyconFR, qui avait
|
||||||
|
lieu à Pau cette année, et les ai publiées entre deux étapes des vacances qui
|
||||||
|
ont suivi. Je prends maintenant un peu plus de temps pour ranger toutes ces
|
||||||
|
notes au bon endroit.</p>
|
||||||
|
<p>C'était un excellent cru: l'organisation …</p></summary><content type="html"><p>J'ai pris quelques notes durant la conférence annuelle de PyconFR, qui avait
|
||||||
|
lieu à Pau cette année, et les ai publiées entre deux étapes des vacances qui
|
||||||
|
ont suivi. Je prends maintenant un peu plus de temps pour ranger toutes ces
|
||||||
|
notes au bon endroit.</p>
|
||||||
|
<p>C'était un excellent cru: l'organisation était vraiment impressionnante (merci
|
||||||
|
, si vous me lisez !). Et puis comme toujours l'occasion de recroiser quelques
|
||||||
|
copains, et d'en découvrir quelques autres... J'en ai profité pour parler de
|
||||||
|
Kinto (voici d'ailleurs <a class="reference external" href="http://alexis.notmyidea.org/kinto-pycon/">les slides de la présentation que j'ai faite</a>).</p>
|
||||||
|
<p>Parmis les conférences qui m'ont marquées, je vous conseille <a class="reference external" href="https://blog.notmyidea.org/pyconfr-2015-hospital-des-tests-en-prod.html">celle de Benoit
|
||||||
|
Bryon, sur Hospital</a>, qui parle de
|
||||||
|
heartbeat, ou de comment tester vos projets en prod, et celle <a class="reference external" href="https://blog.notmyidea.org/pyconfr-2015-geoalchemy.html">sur Geo Alchemy,
|
||||||
|
par Éric Lemoine</a>. Et bien sur, <a class="reference external" href="https://blog.notmyidea.org/pyconfr-2015-cliquet.html">celle
|
||||||
|
de Mathieu Leplatre sur Cliquet</a>, le
|
||||||
|
toolkit qui rassemble les bonnes pratiques que nous souhaitons mettre en avant
|
||||||
|
chez Mozilla services, mais là, je suis tout sauf impartial !</p>
|
||||||
|
<p>Sinon, il peut être interessant de jeter un coup d'oeil au <a class="reference external" href="https://blog.notmyidea.org/pyconfr-2015-table-ronde-diversite.html">compte rendu de la
|
||||||
|
table ronde sur la diversité</a>, si c'est un sujet qui vous
|
||||||
|
touche. Encore beaucoup de choses à faire sur le sujet, bien sur, mais cette table ronde
|
||||||
|
était un pas nécessaire dans la bonne direction. Un groupe de travail sur le
|
||||||
|
sujet est en train de se constituer au sein de l'association.</p>
|
||||||
|
<p>L'ensemble des notes que j'ai pu prendre sont disponibles dans la section <a class="reference external" href="http://blog.notmyidea.org/category/pyconfr2015.html">PyconFR 2015</a>.</p>
|
||||||
|
</content></entry></feed>
|
||||||
809
feeds/crypto.atom.xml
Normal file
809
feeds/crypto.atom.xml
Normal file
|
|
@ -0,0 +1,809 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<feed xmlns="http://www.w3.org/2005/Atom"><title>Carnets Web - crypto</title><link href="https://blog.notmyidea.org/" rel="alternate"></link><link href="https://blog.notmyidea.org/feeds/crypto.atom.xml" rel="self"></link><id>https://blog.notmyidea.org/</id><updated>2016-03-25T00:00:00+01:00</updated><entry><title>Avez vous confiance en SSL?</title><link href="https://blog.notmyidea.org/avez-vous-confiance-en-ssl.html" rel="alternate"></link><published>2016-03-25T00:00:00+01:00</published><updated>2016-03-25T00:00:00+01:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2016-03-25:/avez-vous-confiance-en-ssl.html</id><summary type="html"><p>Dans le cadre <a href="http://autodefense-numerique.readthedocs.org/en/latest/">des ateliers d'autodéfense numérique</a>,
|
||||||
|
j'ai passé un peu de temps à creuser sur l'utilisation de SSL puisque
|
||||||
|
contrairement à ce que la plupart des personnes ont encore tendance à croire,
|
||||||
|
le petit cadenas (qui prouve qu'une connexion SSL est en cours) n'est
|
||||||
|
<strong>absolument</strong> pas suffisant.</p>
|
||||||
|
<p>Allez hop …</p></summary><content type="html"><p>Dans le cadre <a href="http://autodefense-numerique.readthedocs.org/en/latest/">des ateliers d'autodéfense numérique</a>,
|
||||||
|
j'ai passé un peu de temps à creuser sur l'utilisation de SSL puisque
|
||||||
|
contrairement à ce que la plupart des personnes ont encore tendance à croire,
|
||||||
|
le petit cadenas (qui prouve qu'une connexion SSL est en cours) n'est
|
||||||
|
<strong>absolument</strong> pas suffisant.</p>
|
||||||
|
<p>Allez hop, c'est parti pour:</p>
|
||||||
|
<ul>
|
||||||
|
<li>un tour d'horizon du fonctionnement de SSl</li>
|
||||||
|
<li>quelques moyens contourner cette "protection" en faisant une attaque en pratique</li>
|
||||||
|
<li>un tour des solutions existantes actuellement et de pourquoi je ne les trouve
|
||||||
|
pas vraiment satisfaisantes.</li>
|
||||||
|
</ul>
|
||||||
|
<h2>Comment fonctionne SSL?</h2>
|
||||||
|
<p>Pour expliquer les problèmes de SSL, j'ai d'abord besoin d'expliquer comment
|
||||||
|
tout ça fonctionne.</p>
|
||||||
|
<p>SSL repose sur l'utilisation de certificats, qui sont générés par des autorités
|
||||||
|
de certification (<em>Certificate Authority</em> que je nomme <em>CA</em> dans la suite de
|
||||||
|
l'article).</p>
|
||||||
|
<p>Les certificats SSL permettent deux choses:</p>
|
||||||
|
<ul>
|
||||||
|
<li>De garantir que les communications entre les navigateurs (vous) et les sites
|
||||||
|
Web ne sont connues que du détenteur du certificat du site et de vous même.</li>
|
||||||
|
<li>De garantir que le site sur lequel vous vous connectez est bien celui que
|
||||||
|
vous imaginez.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Le navigateur, lors d'une visite d'un site, va télécharger le certificat
|
||||||
|
associé puis vérifier que le certificat en question a bien été généré par un
|
||||||
|
des <em>CA</em> en qui il a confiance.</p>
|
||||||
|
<p>Imaginons maintenant qu'une des <em>CA</em> essaye de savoir ce qui s'échange entre
|
||||||
|
mon navigateur et le site de ma banque (protégé par SSL). Comment cela se
|
||||||
|
passerait il ?</p>
|
||||||
|
<p>N'importe quel <em>CA</em> peut donc générer des certificats pour n'importe quel site,
|
||||||
|
et le navigateur vérifierait, lui, que le certificat a bien été généré par une
|
||||||
|
<em>CA</em>.</p>
|
||||||
|
<p>Tout cela ne poserait pas de soucis si les <em>CA</em> étaient gérés de manière fiable,
|
||||||
|
mais il s'agit d'un travail compliqué, et certains <em>CA</em> ont par le passé montré
|
||||||
|
des faiblesses.</p>
|
||||||
|
<p>Par exemple, <a href="https://en.wikipedia.org/wiki/DigiNotar">DigiNotar</a> (un <em>CA</em> des Pays-Bas)
|
||||||
|
a été compromise et les attaquant.e.s ont pu générer des certificats SSL
|
||||||
|
frauduleux, ce qui leur a permis d'attaquer des sites tels que Facebook ou GMail.</p>
|
||||||
|
<p>Vous pouvez retrouver une liste des risques et menaces autour des <em>CA</em> <a href="http://wiki.cacert.org/Risk/History">sur le
|
||||||
|
wiki de CACert</a>.</p>
|
||||||
|
<h2>Attaque de l'homme du milieu avec SSL</h2>
|
||||||
|
<p>A force de dire que c'était très facile à faire, j'ai eu envie d'essayer
|
||||||
|
d'espionner des connections protégées par SSL, et effectivement c'est
|
||||||
|
carrément flippant tellement c'est simple.</p>
|
||||||
|
<p>En l'espace de quelques minutes, il est possible de faire une <em>attaque de
|
||||||
|
l'homme du milieu</em> en utilisant par exemple un outil nommé <a href="http://docs.mitmproxy.org/en/stable">mitm-proxy</a>.</p>
|
||||||
|
<p>Pour déchiffrer l'ensemble du trafic SSL, j'ai simplement eu à lancer quelques
|
||||||
|
commandes et avoir un <em>CA</em> dans lequel le navigateur de la victime a confiance.
|
||||||
|
Je l'ai ajouté dans le navigateur cible pour simuler que je l'avais déjà
|
||||||
|
(c'est le cas si un des 1200 CA se fait pirater, ce qui me semble une surface
|
||||||
|
d'attaque assez large).</p>
|
||||||
|
<p>Je les colle ici si ça vous intéresse:</p>
|
||||||
|
<div class="highlight"><pre><span></span>$ sudo aptitude install mitmproxy
|
||||||
|
$ mitm-proxy -T --host
|
||||||
|
</pre></div>
|
||||||
|
|
||||||
|
|
||||||
|
<p>Il faut faire croire à votre victime que vous êtes la passerelle vers
|
||||||
|
l'extérieur et à la passerelle que vous êtes la victime:</p>
|
||||||
|
<div class="highlight"><pre><span></span>arpspoof -i wlan0 -t victime gateway
|
||||||
|
arpspoof -i wlan0 -t gateway victime
|
||||||
|
</pre></div>
|
||||||
|
|
||||||
|
|
||||||
|
<p>Puis dire à notre fausse passerelle de rediriger le trafic des ports 80 et 443
|
||||||
|
vers notre proxy:</p>
|
||||||
|
<div class="highlight"><pre><span></span>sudo sysctl -w net.ipv4.ip_forward<span class="o">=</span><span class="m">1</span>
|
||||||
|
sudo iptables -t nat -A PREROUTING -i wlan0 -p tcp --dport <span class="m">443</span> -j REDIRECT --to-port <span class="m">4443</span>
|
||||||
|
sudo iptables -t nat -A PREROUTING -i wlan0 -p tcp --dport <span class="m">80</span> -j REDIRECT --to-port <span class="m">4443</span>
|
||||||
|
</pre></div>
|
||||||
|
|
||||||
|
|
||||||
|
<p>Et paf, <strong>on voit tout ce qui passe entre la machine et le serveur SSL</strong>. On peut
|
||||||
|
d'ailleurs même imaginer faire tourner ces quelques commandes sur un
|
||||||
|
raspberry pi, pour aller encore plus vite…</p>
|
||||||
|
<h3>Key-pinning dans les navigateurs</h3>
|
||||||
|
<p>Actuellement, n'importe quel <em>CA</em> peut générer des certificats pour
|
||||||
|
n'importe quel site, et c'est en grande partie ce qui pose souci. Une des
|
||||||
|
manières de faire évoluer la situation est d'épingler les certificats de
|
||||||
|
certains sites directement dans les navigateurs.</p>
|
||||||
|
<p>Cette approche a le mérite de fonctionner très bien <a href="https://dxr.mozilla.org/mozilla-central/source/security/manager/ssl/StaticHPKPins.h?from=StaticHPKPins.h">pour un petit nombre de
|
||||||
|
sites critiques (Google, Facebook, etc)</a>.</p>
|
||||||
|
<h3>HTTP Public Key Pinning (HPKP)</h3>
|
||||||
|
<p><a href="https://developer.mozilla.org/en/docs/Web/Security/Public_Key_Pinning"><em>HTTP Public Key Pinning</em></a>
|
||||||
|
est également une solution de <em>pinning</em> qui permet d'établir une confiance lors
|
||||||
|
de la première connexion avec le site. C'est ce qu'on appelle du <em>Trust on First
|
||||||
|
Use</em> ou <em>TOFU</em>.</p>
|
||||||
|
<p>Le navigateur va alors mettre ces informations dans un cache et vérifiera que
|
||||||
|
les certificats correspondent bien lors des prochaines visites.</p>
|
||||||
|
<p><em>HPKP</em> est disponible dans Firefox depuis Janvier 2015 et dans Chrome
|
||||||
|
depuis Octobre 2015.</p>
|
||||||
|
<h3>Certificate transparency: des journaux auditables</h3>
|
||||||
|
<p>Une autre approche est celle proposée par <em>certificate transparency</em>:</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>Certificate Transparency aims to remedy these certificate-based threats by
|
||||||
|
making the issuance and existence of SSL certificates open to scrutiny by
|
||||||
|
domain owners, CAs, and domain users.</p>
|
||||||
|
<p>-- <a href="https://www.certificate-transparency.org/what-is-ct">Certificate Transparency</a></p>
|
||||||
|
</blockquote>
|
||||||
|
<p>Autrement dit, avec ce système les <em>CA</em> doivent rendre public le fait qu'ils
|
||||||
|
aient signé de nouveaux certificats intermédiaires. La signature est ajoutée à
|
||||||
|
un journal sur lequel il n'est possible que d'écrire.</p>
|
||||||
|
<p>Les navigateurs vont alors vérifier que les certificats utilisés sont bien des
|
||||||
|
certificats qui ont été ajoutés au journal.</p>
|
||||||
|
<p>Ici, toute l'intelligence est dans la vérification de ces journaux, qui
|
||||||
|
permettent donc de valider/invalider des certificats racines ou intermédiaires.</p>
|
||||||
|
<p>Il me semble donc qu'il serait possible d'ajouter un certificat frauduleux le
|
||||||
|
temps d'une attaque (et celui ci serait détecté et supprimé ensuite).</p>
|
||||||
|
<p><em>Certificate-Transparency</em> n'est donc pas une solution contre une écoute
|
||||||
|
globale mise en place par les gouvernements par exemple.</p>
|
||||||
|
<p>Si vous lisez bien l'anglais, je vous invite à aller lire
|
||||||
|
<a href="http://security.stackexchange.com/a/52838">cette description du problème et de la solution</a>
|
||||||
|
que je trouve très bien écrite.</p>
|
||||||
|
<h3>DANE + DNSSEC</h3>
|
||||||
|
<blockquote>
|
||||||
|
<p>The DANE working group has developed a framework for securely
|
||||||
|
retrieving keying information from the DNS [RFC6698]. This
|
||||||
|
framework allows secure storing and looking up server public key
|
||||||
|
information in the DNS. This provides a binding between a domain
|
||||||
|
name providing a particular service and the key that can be used
|
||||||
|
to establish encrypted connection to that service.</p>
|
||||||
|
<p>-- <a href="https://datatracker.ietf.org/wg/dane/charter/">Dane WG</a></p>
|
||||||
|
</blockquote>
|
||||||
|
<p>Une autre solution est appelée "DANE" et repose par dessus le protocole
|
||||||
|
<em>DNSSEC</em>.</p>
|
||||||
|
<p>Je connais assez mal <em>DNSSEC</em> donc j'ai passé un peu de temps à lire des
|
||||||
|
documents. L'impression finale que ça me laisse est que le problème est
|
||||||
|
exactement le même que pour SSL: un certain nombre de personnes détiennent les
|
||||||
|
clés et toute la sécurité repose sur cette confiance. Or il est possible que
|
||||||
|
ces clés soient détenues par des personnes non dignes de confiance.</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>Secure DNS (DNSSEC) uses cryptographic digital signatures signed with a
|
||||||
|
trusted public key certificate to determine the authenticity of data.
|
||||||
|
-- https://en.wikipedia.org/wiki/DNS_spoofing</p>
|
||||||
|
</blockquote>
|
||||||
|
<p>Et aussi:</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>It is widely believed[1] that securing the DNS is critically important for
|
||||||
|
securing the Internet as a whole, but deployment of DNSSEC specifically has
|
||||||
|
been hampered (As of 22 January 2010) by several difficulties:</p>
|
||||||
|
<ul>
|
||||||
|
<li>The need to design a backward-compatible standard that can scale to the
|
||||||
|
size of the Internet</li>
|
||||||
|
<li>Prevention of "zone enumeration" (see below) where desired</li>
|
||||||
|
<li>Deployment of DNSSEC implementations across a wide variety of DNS servers
|
||||||
|
and resolvers (clients)</li>
|
||||||
|
<li>Disagreement among implementers over who should own the top-level domain
|
||||||
|
root keys Overcoming the perceived complexity of DNSSEC and DNSSEC
|
||||||
|
deployment</li>
|
||||||
|
</ul>
|
||||||
|
</blockquote>
|
||||||
|
<h2>Solutions basées sur la blockchain</h2>
|
||||||
|
<p>Une dernière piste semble être l'utilisation de la <em>blockchain</em> pour distribuer
|
||||||
|
des clés par site.</p>
|
||||||
|
<p>La solution <em>DNSChain</em> me paraissait tout d'abord un bon point de départ mais
|
||||||
|
la lecture de <a href="https://www.indolering.com/okturtles-dnschain-unblock-us">quelques critiques</a>
|
||||||
|
et interventions du développeur du projet m'ont fait changer d'avis.</p>
|
||||||
|
<p>Reste encore la piste de <em>Namecoin Control</em> que je n'ai pas encore creusée.
|
||||||
|
Peut-être pour un prochain billet. Toute piste de réflexion est bien sur la
|
||||||
|
bienvenue sur ces sujets!</p></content></entry><entry><title>Retours sur un atelier ZeroNet</title><link href="https://blog.notmyidea.org/retours-sur-un-atelier-zeronet.html" rel="alternate"></link><published>2016-03-17T00:00:00+01:00</published><updated>2016-03-17T00:00:00+01:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2016-03-17:/retours-sur-un-atelier-zeronet.html</id><summary type="html"><p>Mardi dernier se tenait <a href="http://biblio.insa-rennes.fr/crypto">une <em>cryptoparty</em></a>
|
||||||
|
dans les locaux de l'INSA de Rennes.</p>
|
||||||
|
<p>L'évènement s'étant rempli au delà de toutes les espérances, on m'a proposé de
|
||||||
|
venir y tenir un atelier, que j'ai proposé sur <a href="https://zeronet.io">ZeroNet</a>, un
|
||||||
|
petit projet fort sympathique qui pourrait devenir une nouvelle manière de
|
||||||
|
distribuer le …</p></summary><content type="html"><p>Mardi dernier se tenait <a href="http://biblio.insa-rennes.fr/crypto">une <em>cryptoparty</em></a>
|
||||||
|
dans les locaux de l'INSA de Rennes.</p>
|
||||||
|
<p>L'évènement s'étant rempli au delà de toutes les espérances, on m'a proposé de
|
||||||
|
venir y tenir un atelier, que j'ai proposé sur <a href="https://zeronet.io">ZeroNet</a>, un
|
||||||
|
petit projet fort sympathique qui pourrait devenir une nouvelle manière de
|
||||||
|
distribuer le Web, permettant notamment d'éviter la censure.</p>
|
||||||
|
<p>Avant toute autre chose, merci énormément à l'équipe de la bibliothèque de
|
||||||
|
l'INSA pour l'organisation de cet évènement qui à une réelle portée politique.</p>
|
||||||
|
<h2>Un peu d'histoire</h2>
|
||||||
|
<p>Il me semble que Tim Bernes Lee (l'inventeur du Web) avait prévu le Web comme un
|
||||||
|
protocole décentralisé. Chacun hébergerait ses données et les servirait aux
|
||||||
|
autres, qui pourraient alors y accéder.</p>
|
||||||
|
<p>Avec ce fonctionnement, impossible alors d'accéder à des sites si leur auteur
|
||||||
|
n'est pas en ligne. Qu'à cela ne tienne, on s'est mis à avoir des machines qui
|
||||||
|
restent connectées au réseau 24 heures par jour. Et puis une machine ne
|
||||||
|
suffisant plus, on a eu des fermes de machines dans des <em>data centers</em> etc afin
|
||||||
|
de supporter les milliers d'utilisateurs des sites.</p>
|
||||||
|
<h2>Un Web décentralisé</h2>
|
||||||
|
<p>ZeroNet permet (entre autres) de répondre à ce problème en proposant une manière
|
||||||
|
alternative de <strong>distribuer le Web</strong>, en pair à pair. Lors d'une visite d'un
|
||||||
|
site:</p>
|
||||||
|
<ol>
|
||||||
|
<li>Vous contactez un <em>tracker</em> BitTorrent pour connaitre la liste des autres
|
||||||
|
visiteurs du site (les <em>pairs</em>).</li>
|
||||||
|
<li>Vous demandez aux <em>pairs</em> de vous donner les fichiers du site.</li>
|
||||||
|
<li>Vous validez que les fichiers servis sont bien les bons (en vérifiant la
|
||||||
|
signature attachée).</li>
|
||||||
|
</ol>
|
||||||
|
<p>N'importe quel visiteur devient alors un <em>pair</em>, qui sert le site aux autres
|
||||||
|
visiteurs.</p>
|
||||||
|
<p>Parmi les nombreux avantages de cette approche, je note particulièrement que:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Il est très difficile de censurer un site — Il est sur l'ensemble des machines
|
||||||
|
des visiteurs.</li>
|
||||||
|
<li>Les attaques par <em>fingerprinting</em> sont impossibles: le navigateur Web se
|
||||||
|
connecte à un serveur <em>proxy</em> local.</li>
|
||||||
|
<li>Vous détenez directement vos données et (par design) ne les donnez pas à des
|
||||||
|
silos (Facebook, Google, etc.)</li>
|
||||||
|
</ul>
|
||||||
|
<p>Si vous êtes interessés par une démonstration rapide, j'ai enregistré une vidéo
|
||||||
|
de 10 minutes où je parle en anglais avec une voix très grave.</p>
|
||||||
|
<video controls="" src="http://alexis.notmyidea.org/zeronet.webm" width=800></video>
|
||||||
|
|
||||||
|
<h2>Atelier</h2>
|
||||||
|
<p>Pour l'atelier, j'ai choisi de faire une présentation rapide du projet (<a href="{filename}/static/zeronet-presentation-fr.pdf">j'ai
|
||||||
|
traduit les slides</a> anglais
|
||||||
|
pour l'occasion — <a href="https://docs.google.com/presentation/d/158C_-V1ueNaaKHMBMBgGOVhunb9xrXzB3hC_g1N53c0/edit?usp=sharing">accès aux sources</a>)
|
||||||
|
avant d'installer ZeroNet sur les machines et de l'utiliser pour publier un
|
||||||
|
site.</p>
|
||||||
|
<h3>Partager sur le réseau local</h3>
|
||||||
|
<p>Nous avons eu des soucis à cause du réseau (un peu congestionné) sur lequel
|
||||||
|
les ports utilisés pour la discussion entre <em>pairs</em> étaient fermés. Il est bien
|
||||||
|
sur possible de faire tourner le tout de manière indépendante du reste du réseau,
|
||||||
|
mais je n'avais pas prévu le coup.</p>
|
||||||
|
<p>Voici donc comment faire pour contourner le souci:</p>
|
||||||
|
<ol>
|
||||||
|
<li>Installer et lancer un <em>tracker</em> BitTorrent (De manière surprenante,
|
||||||
|
<a href="https://bugs.debian.org/cgi-bin/bugreport.cgi?bug=685575">rien n'est packagé pour debian pour l'instant</a>)
|
||||||
|
J'ai choisi d'installer <a href="http://erdgeist.org/arts/software/opentracker/#build-instructions">OpenTracker</a></li>
|
||||||
|
<li>Ensuite lancer ZeroNet avec des options spécifiques.</li>
|
||||||
|
</ol>
|
||||||
|
<div class="highlight"><pre><span></span>$ python zeronet.py --trackers udp://localhost:6969 --ip_external <span class="m">192</span>.168.43.207
|
||||||
|
$ python zeronet.py --trackers udp://192.168.43.207:6969 --ip_external <span class="m">192</span>.168.43.172
|
||||||
|
</pre></div>
|
||||||
|
|
||||||
|
|
||||||
|
<p>Il est nécessaire de spécifier l'adresse IP externe que chaque nœud expose pour
|
||||||
|
éviter qu'elle n'essaye d'aller la trouver par elle même: nous voulons l'adresse
|
||||||
|
du réseau local, et non pas l'adresse internet.</p>
|
||||||
|
<p>La prochaine fois je tenterais de venir avec un HotSpot Wifi et un tracker
|
||||||
|
BitTorrent dans la poche!</p>
|
||||||
|
<h2>Questions / Réponses</h2>
|
||||||
|
<p>Il y avait quelques questions intéressantes auxquelles je n'ai pas toujours su
|
||||||
|
répondre sur le moment. Après quelques recherches, je rajoute des détails ici.</p>
|
||||||
|
<h3>Torrent + Tor = brèche de sécu ?</h3>
|
||||||
|
<p>Il me semblait avoir entendu parler de problèmes de <em>dé-anonymisation</em>
|
||||||
|
<a href="https://hal.inria.fr/file/index/docid/471556/filename/TorBT.pdf">lors de l'utilisation de BitTorrent par dessus Tor</a>.</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>Dans certains cas, certains clients torrents (uTorrent, BitSpirit, etc)
|
||||||
|
écrivent directement votre adresse IP dans l'information qui est envoyée
|
||||||
|
au tracker et/ou aux autres pairs.
|
||||||
|
— https://blog.torproject.org/blog/bittorrent-over-tor-isnt-good-idea</p>
|
||||||
|
</blockquote>
|
||||||
|
<p><a href="https://github.com/HelloZeroNet/ZeroNet/issues/274">Ce n'est pas le cas de ZeroNet</a>, ce qui évacue le souci.</p>
|
||||||
|
<h3>ZeroMail, c'est lent non ?</h3>
|
||||||
|
<p>Une des applications de démo, <em>ZeroMail</em>, propose un mécanisme qui permet de
|
||||||
|
s'envoyer des messages chiffrés sur un réseau pair à pair. L'approche choisie
|
||||||
|
est de chiffrer les messages avec la clé du destinataire et de le mettre dans
|
||||||
|
un <em>pot commun</em>. Tout le monde essaye de déchiffrer tous les messages, mais ne
|
||||||
|
peut déchiffrer que les siens.</p>
|
||||||
|
<p>Cela permet de ne <strong>pas</strong> fuiter de méta-données, <a href="{filename}../crypto/2015.05.pgp-problemes.rst">à l'inverse de PGP</a>.</p>
|
||||||
|
<p>Je n'ai en fait pas de réponse claire à donner à cette question: l'auteur de
|
||||||
|
ZeroNet me disait que 10MB (la limite de taille d'un site, par défaut)
|
||||||
|
correspondait à beaucoup de place pour stocker des messages, et qu'il était
|
||||||
|
possible de supprimer les anciens messages une fois qu'ils sont lus par exemple.</p>
|
||||||
|
<p>Une autre solution à laquelle je pensait était de créer un <em>ZeroSite</em> pour
|
||||||
|
chaque récipient, mais on connait à ce moment là le nombre de messages qu'un
|
||||||
|
utilisateur peut recevoir.</p>
|
||||||
|
<p>Je vois plusieurs problèmes avec le design actuel de ZeroMail (il me semble
|
||||||
|
assez facile d'y faire un déni de service par exemple). A creuser.</p>
|
||||||
|
<h3>Comment héberger des très gros sites ?</h3>
|
||||||
|
<p>Par exemple, comment faire pour héberger Wikipedia ?</p>
|
||||||
|
<p>Il semble que la meilleure manière de faire serait de séparer Wikipedia en
|
||||||
|
un tas de petites ressources (par catégorie par ex.). Les gros médias pourraient
|
||||||
|
être considérés optionnels (et donc téléchargés uniquement à la demande)</p>
|
||||||
|
<h3>Est-ce qu'on à vraiment besoin d'un tracker ?</h3>
|
||||||
|
<p>Le support d'une DHT <a href="https://github.com/HelloZeroNet/ZeroNet/issues/57">est souhaité</a>,
|
||||||
|
mais pour l'instant pas encore implémenté. L'utilisation de la DHT BitTorrent
|
||||||
|
n'est pas une option puisque <a href="https://github.com/HelloZeroNet/ZeroNet/issues/57">Tor ne supporte pas UDP</a>.</p></content></entry><entry><title>Let's Encrypt + HAProxy</title><link href="https://blog.notmyidea.org/lets-encrypt-haproxy.html" rel="alternate"></link><published>2016-02-11T00:00:00+01:00</published><updated>2016-02-11T00:00:00+01:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2016-02-11:/lets-encrypt-haproxy.html</id><summary type="html"><blockquote class="epigraph">
|
||||||
|
<p>It’s time for the Web to take a big step forward in terms of security and
|
||||||
|
privacy. We want to see HTTPS become the default. Let’s Encrypt was built
|
||||||
|
to enable that by making it as easy as possible to get and manage
|
||||||
|
certificates.</p>
|
||||||
|
<p class="attribution">&mdash;<a class="reference external" href="https://letsencrypt.org/">Let's Encrypt</a></p>
|
||||||
|
</blockquote>
|
||||||
|
<p>Depuis début …</p></summary><content type="html"><blockquote class="epigraph">
|
||||||
|
<p>It’s time for the Web to take a big step forward in terms of security and
|
||||||
|
privacy. We want to see HTTPS become the default. Let’s Encrypt was built
|
||||||
|
to enable that by making it as easy as possible to get and manage
|
||||||
|
certificates.</p>
|
||||||
|
<p class="attribution">&mdash;<a class="reference external" href="https://letsencrypt.org/">Let's Encrypt</a></p>
|
||||||
|
</blockquote>
|
||||||
|
<p>Depuis début Décembre, la nouvelle <em>autorité de certification</em> Let's Encrypt
|
||||||
|
est passée en version <em>Beta</em>. Les certificats SSL sont un moyen de 1. chiffrer la
|
||||||
|
communication entre votre navigateur et le serveur et 2. un moyen d'être sur
|
||||||
|
que le site Web auquel vous accédez est celui auquel vous pensez vous connecter
|
||||||
|
(pour éviter des <a class="reference external" href="https://fr.wikipedia.org/wiki/Attaque_de_l'homme_du_milieu">attaques de l'homme du milieu</a>).</p>
|
||||||
|
<p>Jusqu'à maintenant, il était nécessaire de payer une entreprise pour faire en
|
||||||
|
sorte d'avoir des certificats qui évitent d'avoir ce genre d'erreurs dans vos
|
||||||
|
navigateurs:</p>
|
||||||
|
<img alt="Message de firefox lorsque une connexion n'est pas sécurisée." src="{filename}/static/unsecure-connection.png" />
|
||||||
|
<p>Maintenant, grâce à Let's Encrypt il est possible d'avoir des certificats SSL
|
||||||
|
<strong>gratuits</strong>, ce qui représente un grand pas en avant pour la sécurité de nos
|
||||||
|
communications.</p>
|
||||||
|
<p>Je viens de mettre en place un procédé (assez simple) qui permet de configurer
|
||||||
|
votre serveur pour générer des certificats SSL valides avec Let's Encrypt et
|
||||||
|
le répartiteur de charge <a class="reference external" href="http://www.haproxy.org/">HAProxy</a>.</p>
|
||||||
|
<p>Je me suis basé pour cet article sur d'<a class="reference external" href="https://blog.infomee.fr/p/letsencrypt-haproxy">autres</a> <a class="reference external" href="http://blog.victor-hery.com/article22/utiliser-let-s-encrypt-avec-haproxy">articles</a>, dont je
|
||||||
|
vous recommande la lecture pour un complément d'information.</p>
|
||||||
|
<div class="section" id="validation-des-domaines-par-let-s-encrypt">
|
||||||
|
<h2>Validation des domaines par Let's Encrypt</h2>
|
||||||
|
<p>Je vous passe les détails d'installation du client de Let's Encrypt, qui sont
|
||||||
|
<a class="reference external" href="https://github.com/letsencrypt/letsencrypt#installation">très bien expliqués sur leur documentation</a>.</p>
|
||||||
|
<p>Une fois installé, vous allez taper une commande qui va ressembler à:</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
letsencrypt-auto certonly --renew-by-default
|
||||||
|
--webroot -w /home/www/letsencrypt-requests/ \
|
||||||
|
-d hurl.kinto-storage.org \
|
||||||
|
-d forums.kinto-storage.org
|
||||||
|
</pre>
|
||||||
|
<p>Le <em>webroot</em> est l'endroit ou les preuves de détention du domaine vont être
|
||||||
|
déposées.</p>
|
||||||
|
<p>Lorsque les serveurs de Let's Encrypt vont vouloir vérifier que vous êtes bien
|
||||||
|
à l'origine des demandes de certificats, ils vont envoyer une requête HTTP sur
|
||||||
|
<tt class="docutils literal"><span class="pre">http://domaine.org/.well-known/acme-challenge</span></tt>, ou il voudra trouver des
|
||||||
|
informations qu'il aura généré via la commande <tt class="docutils literal"><span class="pre">letsencrypt-auto</span></tt>.</p>
|
||||||
|
<p>J'ai choisi de faire une règle dans haproxy pour diriger toutes les requêtes
|
||||||
|
avec le chemin <tt class="docutils literal"><span class="pre">.well-known/acme-challenge</span></tt> vers un <em>backend</em> nginx qui sert
|
||||||
|
des fichiers statiques (ceux contenus dans
|
||||||
|
<tt class="docutils literal"><span class="pre">/home/www/letsencrypt-requests/</span></tt>).</p>
|
||||||
|
<p>Voici la section de la configuration de HAProxy (et <a class="reference external" href="https://github.com/almet/infra/blob/master/haproxy/haproxy.cfg#L63-L72">la configuration
|
||||||
|
complete</a>
|
||||||
|
si ça peut être utile):</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
frontend http
|
||||||
|
bind 0.0.0.0:80
|
||||||
|
mode http
|
||||||
|
default_backend nginx_server
|
||||||
|
|
||||||
|
acl letsencrypt_check path_beg /.well-known/acme-challenge
|
||||||
|
use_backend letsencrypt_backend if letsencrypt_check
|
||||||
|
|
||||||
|
redirect scheme https code 301 if !{ ssl_fc } !letsencrypt_check
|
||||||
|
|
||||||
|
backend letsencrypt_backend
|
||||||
|
http-request set-header Host letsencrypt.requests
|
||||||
|
dispatch 127.0.0.1:8000
|
||||||
|
</pre>
|
||||||
|
<p>Et celle de NGINX:</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
server {
|
||||||
|
listen 8000;
|
||||||
|
server_name letsencrypt.requests;
|
||||||
|
root /home/www/letsencrypt-requests;
|
||||||
|
}
|
||||||
|
</pre>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="installation-des-certificats-dans-haproxy">
|
||||||
|
<h2>Installation des certificats dans HAProxy</h2>
|
||||||
|
<p>Vos certificats SSL devraient être générés dans <tt class="docutils literal">/etc/letsencrypt/live</tt>, mais
|
||||||
|
ils ne sont pas au format attendu par haproxy. Rien de grave, la commande
|
||||||
|
suivant convertit l'ensemble des certificats en une version compatible avec
|
||||||
|
HAProxy:</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
cat /etc/letsencrypt/live/domaine.org/privkey.pem /etc/letsencrypt/live/domaine.org/fullchain.pem &gt; /etc/ssl/letsencrypt/domaine.org.pem
|
||||||
|
</pre>
|
||||||
|
<p>Et ensuite dans la configuration de haproxy, pour le (nouveau) <em>frontend</em> https:</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
bind 0.0.0.0:443 ssl no-sslv3 crt /etc/ssl/letsencrypt
|
||||||
|
</pre>
|
||||||
|
<p>Faites bien attention à avoir un <em>frontend</em> <cite>https</cite> pour tous vos sites en HTTPS.
|
||||||
|
<a class="reference external" href="https://github.com/almet/infra/blob/master/haproxy/haproxy.cfg#L38-L60">Pour moi cela ressemble à ça</a>.</p>
|
||||||
|
<p>Une fois tout ceci fait, redémarrez votre service haproxy et zou !</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="automatisation">
|
||||||
|
<h2>Automatisation</h2>
|
||||||
|
<p>Pour automatiser un peu tout ça, j'ai choisi de faire ça comme suit:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Un fichier domaine dans <tt class="docutils literal">letsencrypt/domains/domain.org</tt> qui contient le script <tt class="docutils literal">letsencrypt</tt>.</li>
|
||||||
|
<li>Un fichier d'installation de certificats dans
|
||||||
|
<tt class="docutils literal"><span class="pre">letsencrypt/install-certs.sh</span></tt> qui s'occupe d'installer les certificats
|
||||||
|
déjà générés.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Et voila ! <a class="reference external" href="https://github.com/almet/infra/">Le tout est dans un dépot github</a>, si jamais ça peut vous servir, tant mieux !</p>
|
||||||
|
</div>
|
||||||
|
</content></entry><entry><title>Ateliers d'autodéfense numérique</title><link href="https://blog.notmyidea.org/ateliers-dautodefense-numerique.html" rel="alternate"></link><published>2016-01-14T00:00:00+01:00</published><updated>2016-01-14T00:00:00+01:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2016-01-14:/ateliers-dautodefense-numerique.html</id><summary type="html"><p>Il y a huit mois, je me rendais compte de l'importance du choix des outils pour
|
||||||
|
faire face à la surveillance généralisée, et notamment en rapport au
|
||||||
|
chiffrement des données. Une de mes envies de l'époque était l'animation
|
||||||
|
d'ateliers.</p>
|
||||||
|
<blockquote class="epigraph">
|
||||||
|
<p>Je compte donc:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Organiser des ateliers de sensibilisation aux outils de …</li></ul></blockquote></summary><content type="html"><p>Il y a huit mois, je me rendais compte de l'importance du choix des outils pour
|
||||||
|
faire face à la surveillance généralisée, et notamment en rapport au
|
||||||
|
chiffrement des données. Une de mes envies de l'époque était l'animation
|
||||||
|
d'ateliers.</p>
|
||||||
|
<blockquote class="epigraph">
|
||||||
|
<p>Je compte donc:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Organiser des ateliers de sensibilisation aux outils de communication,
|
||||||
|
envers mes proches;</li>
|
||||||
|
<li>Utiliser la communication chiffrée le plus souvent possible, au moins
|
||||||
|
pour rendre le déchiffrement des messages plus longue, &quot;noyer le
|
||||||
|
poisson&quot;.</li>
|
||||||
|
</ul>
|
||||||
|
<p class="attribution">&mdash;<a class="reference external" href="http://blog.notmyidea.org/chiffrement.html">Chiffrement</a></p>
|
||||||
|
</blockquote>
|
||||||
|
<p>J'ai mis un peu de temps à mettre le pied à l'étrier, mais je ressors
|
||||||
|
finalement du premier atelier que j'ai co-animé avec geb, auprès d'un public de
|
||||||
|
journalistes.</p>
|
||||||
|
<p>Pour cette première édition l'idée était à la fois d'aller à la rencontre d'un
|
||||||
|
public que je connais mal, de leur donner des outils pour solutionner les
|
||||||
|
problèmes auxquels ils font parfois face, et de me faire une idée de ce que
|
||||||
|
pouvait être un atelier sur l'autodéfense numérique.</p>
|
||||||
|
<p>L'objectif pour ce premier atelier était de:</p>
|
||||||
|
<ol class="arabic simple">
|
||||||
|
<li>Échanger autour des besoins et <strong>faire ressortir des histoires</strong> ou le manque
|
||||||
|
d'outillage / connaissances à posé problème, dans des situations concrètes;</li>
|
||||||
|
<li>Se rendre compte des &quot;conduites à risque&quot;, <strong>faire peur</strong> aux personnes formées
|
||||||
|
pour qu'elles se rendent compte de l'état actuel des choses;</li>
|
||||||
|
<li><strong>Proposer des solutions concrètes</strong> aux problèmes soulevés, ainsi que le
|
||||||
|
minimum de connaissance théorique pour les appréhender.</li>
|
||||||
|
</ol>
|
||||||
|
<div class="section" id="faire-ressortir-les-problemes">
|
||||||
|
<h2>1. Faire ressortir les problèmes</h2>
|
||||||
|
<p>Afin de faire ressortir les problèmes, nous avons choisi de constituer des
|
||||||
|
petits groupes de discussion, afin de faire des &quot;Groupes d'Interview Mutuels&quot;,
|
||||||
|
ou &quot;GIM&quot;:</p>
|
||||||
|
<blockquote class="epigraph">
|
||||||
|
<p>l’animateur invite les participants à se regrouper par trois, avec des
|
||||||
|
personnes qu’on connaît moins puis invite chacun à livrer une expérience vécue
|
||||||
|
en lien avec le thème de la réunion et les deux autres à poser des questions
|
||||||
|
leur permettant de bien saisir ce qui a été vécu.</p>
|
||||||
|
<p class="attribution">&mdash;«<a class="reference external" href="http://www.scoplepave.org/pour-s-ecouter">Pour s'écouter</a>», SCOP Le Pavé.</p>
|
||||||
|
</blockquote>
|
||||||
|
<p>De ces <em>GIMs</em> nous avons pu ressortir quelques histoires, gravitant autour de:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li><strong>La protection des sources (d'information)</strong>: Comment faire pour aider
|
||||||
|
quelqu'un à faire &quot;fuiter&quot; des données depuis l'intérieur d'une entreprise ?</li>
|
||||||
|
<li><strong>Le chiffrement de ses données</strong>: Comment éviter de faire &quot;fuiter&quot; des données
|
||||||
|
importantes lors d'une perquisition de matériel ?</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="faire-peur">
|
||||||
|
<h2>2. Faire peur</h2>
|
||||||
|
<p>Un des premiers objectifs est de faire peur, afin que tout le monde se rende
|
||||||
|
compte à quel point il est facile d'accéder à certaines données. <a class="reference external" href="http://blog.barbayellow.com/">Grégoire</a> m'avait conseillé quelques petites accroches
|
||||||
|
qui ont ma foi bien marché:</p>
|
||||||
|
<p>J'ai demandé aux présent.e.s de:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>donner leur mot de passe à voix haute devant les autres: a priori personne ne
|
||||||
|
le fera;</li>
|
||||||
|
<li>venir se connecter à leur compte email depuis mon ordinateur. J'ai piégé une
|
||||||
|
personne, qui est venu pour taper son mot de passe.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Cela à été un bon moyen de parler de l'importance des traces que l'on peut
|
||||||
|
laisser sur un ordinateur, et de la confiance qu'il faut avoir dans le matériel
|
||||||
|
que l'on utilise, à fortiori si ce ne sont pas les vôtres.</p>
|
||||||
|
<p>Pour continuer à leur faire peur, après une brève explication de ce qu'est SSL
|
||||||
|
nous avons montré comment il était facile de scruter le réseau à la recherche
|
||||||
|
de mots de passe en clair.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="proposer-des-solutions-concretes">
|
||||||
|
<h2>3. Proposer des solutions concrêtes</h2>
|
||||||
|
<p>Une fois que tout le monde avait pleinement pris sonscience des problématiques
|
||||||
|
et n'osait plus utiliser son ordinateur ou son téléphone, on à commencé
|
||||||
|
à parler de quelques solutions.
|
||||||
|
Plusieurs approches étaient possibles ici, nous avons choisi de présenter
|
||||||
|
quelques outils qui nous semblaient répondre aux attentes:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>On a expliqué ce qu'était <a class="reference external" href="https://tails.boum.org">Tails</a>, et comment
|
||||||
|
l'utiliser et le dupliquer.</li>
|
||||||
|
<li>On a pu faire un tour des outils existants sur Tails, notamment autour de
|
||||||
|
l'<em>anonymisation</em> de fichiers et la suppression effective de contenus.</li>
|
||||||
|
<li>Certaines personnes ont pu créer une clé tails avec la persistance de
|
||||||
|
configurée.</li>
|
||||||
|
<li>Nous nous sommes connectés au réseau <a class="reference external" href="https://www.torproject.org">Tor</a> et testé
|
||||||
|
que nos adresses IP changeaient bien à la demande.</li>
|
||||||
|
<li>Nous avons utilisé <a class="reference external" href="https://crypto.cat">CryptoCat</a> par dessus Tor, afin de
|
||||||
|
voir comment avoir une conversation confidentielle dans laquelle il est
|
||||||
|
possible d'échanger des fichiers.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="retours">
|
||||||
|
<h2>Retours</h2>
|
||||||
|
<p>D'une manière générale, pour une formation de trois heures et demi, je suis
|
||||||
|
assez content de l'exercice, et de l'ensemble des sujets que nous avons pu
|
||||||
|
couvrir. Il y a beaucoup de place pour l'amélioration, notamment en amont (j'avais
|
||||||
|
par exemple oublié d'amener avec moi suffisamment de clés USB pour utiliser
|
||||||
|
Tails).</p>
|
||||||
|
<p>La plupart des retours qu'on a pu avoir jusqu'à maintenant sont positifs, et il
|
||||||
|
y a l'envie d'aller plus loin sur l'ensemble de ces sujets.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="la-suite">
|
||||||
|
<h2>La suite</h2>
|
||||||
|
<p>Il y a beaucoup de sujets que nous n'avons pas abordés, ou uniquement survolés,
|
||||||
|
à cause du manque de temps disponible. Idéalement, il faudrait au moins une
|
||||||
|
journée entière pour couvrir quelques sujets plus en détail (on peut imaginer
|
||||||
|
avoir une partie théorique le matin et une partie pratique l'après-midi par
|
||||||
|
exemple).</p>
|
||||||
|
<p>J'ai choisi volontairement de ne pas aborder le chiffrement des messages via
|
||||||
|
PGP parce que <a class="reference external" href="https://blog.notmyidea.org/les-problemes-de-pgp.html">je pense que la protection que ce média propose n'est pas
|
||||||
|
suffisante</a>, mais je suis en train de
|
||||||
|
revenir sur ma décision: il pourrait être utile de présenter l'outil, à minima,
|
||||||
|
en insistant sur certaines de ses faiblesses.</p>
|
||||||
|
<p>Un compte twitter à été créé recemment autour des crypto-party à Rennes, si
|
||||||
|
vous êtes interessés, <a class="reference external" href="https://twitter.com/CryptoPartyRNS">allez jeter un coup d'œil</a>!</p>
|
||||||
|
<p>Je n'ai pas trouvé de ressources disponibles par rapport à des plans de
|
||||||
|
formation sur le sujet, j'ai donc décidé de publier les nôtres, afin de
|
||||||
|
co-construire avec d'autres des plans de formation.</p>
|
||||||
|
<p>Ils sont pour l'instant disponibles <a class="reference external" href="http://autodefense-numerique.readthedocs.org/en/latest/">sur Read The Docs</a>. Tous les retours
|
||||||
|
sont évidemment les bienvenus !</p>
|
||||||
|
</div>
|
||||||
|
</content></entry><entry><title>Web distribution signing</title><link href="https://blog.notmyidea.org/web-distribution-signing.html" rel="alternate"></link><published>2015-10-12T00:00:00+02:00</published><updated>2015-10-12T00:00:00+02:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2015-10-12:/web-distribution-signing.html</id><summary type="html"><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">I'm not a crypto expert, nor pretend to be one. These are thoughts
|
||||||
|
I want to share with the crypto community to actually see if any
|
||||||
|
solution exists to solve this particular problem.</p>
|
||||||
|
</div>
|
||||||
|
<p>One <a class="reference external" href="http://www.tonyarcieri.com/whats-wrong-with-webcrypto">often pointed</a>
|
||||||
|
flaw in web-based cryptographic applications is the fact that there is no way …</p></summary><content type="html"><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">I'm not a crypto expert, nor pretend to be one. These are thoughts
|
||||||
|
I want to share with the crypto community to actually see if any
|
||||||
|
solution exists to solve this particular problem.</p>
|
||||||
|
</div>
|
||||||
|
<p>One <a class="reference external" href="http://www.tonyarcieri.com/whats-wrong-with-webcrypto">often pointed</a>
|
||||||
|
flaw in web-based cryptographic applications is the fact that there is no way
|
||||||
|
to trust online software distributions. Put differently, you don't actually
|
||||||
|
trust the software authors but are rather trusting the software distributors
|
||||||
|
and certificate authorities (CAs).</p>
|
||||||
|
<p>I've been talking with a few folks in the past months about that and they
|
||||||
|
suggested me to publish something to discuss the matter. So here I come!</p>
|
||||||
|
<div class="section" id="the-problem-attack-vectors">
|
||||||
|
<h2>The problem (Attack vectors)</h2>
|
||||||
|
<p>Let's try to describe a few potential attacks:</p>
|
||||||
|
<p><em>Application Authors</em> just released a new version of their open source web
|
||||||
|
crypto messaging application. An <em>Indie Hoster</em> installs it on their servers so
|
||||||
|
a wide audience can actually use it.</p>
|
||||||
|
<p>Someone alters the files on <em>Indie Hoster</em> servers, effectively replacing them with
|
||||||
|
other <em>altered files</em> with less security properties / a backdoor. This someone could either be
|
||||||
|
an <em>Evil Attacker</em> which found its way trough, the <em>Indie Hoster</em> or a CDN
|
||||||
|
which delivers the files,</p>
|
||||||
|
<p>Trusted <em>Certificate Authorities</em> (&quot;governments&quot; or &quot;hacking team&quot;) can also
|
||||||
|
trick the User Agents (i.e. Firefox) into thinking they're talking to <em>Indie
|
||||||
|
Hoster</em> even though they're actually talking to a different server.</p>
|
||||||
|
<p><strong>Altered files</strong> are then being served to the User Agents, and <em>Evil Attacker</em>
|
||||||
|
now has a way to actually attack the end users.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="problem-mitigation">
|
||||||
|
<h2>Problem Mitigation</h2>
|
||||||
|
<p>Part of the problem is solved by the recently introduced <a class="reference external" href="https://w3c.github.io/webappsec/specs/subresourceintegrity/">Sub Resource
|
||||||
|
Integrity</a>
|
||||||
|
(SRI). To quote them: &quot;[it] defines a mechanism by which user agents may verify
|
||||||
|
that a fetched resource has been delivered without unexpected manipulation.&quot;.</p>
|
||||||
|
<p>SRI is a good start, but isn't enough: it ensures the assets (JavaScript files,
|
||||||
|
mainly) loaded from a specific HTML page are the ones the author of the HTML
|
||||||
|
page intends. However, SRI doesn't allow the User Agent to ensure the HTML page
|
||||||
|
is the one he wants.</p>
|
||||||
|
<p>In other words, we miss a way to create trust between <em>Application Authors</em> and
|
||||||
|
<em>User Agents</em>. The User-Agent currently has to trust the <em>Certificate
|
||||||
|
Authorities</em> and the delivery (<em>Indie Hoster</em>).</p>
|
||||||
|
<p>For desktop software distribution: <em>Crypto Experts</em> audit the software, sign it
|
||||||
|
somehow and then this signature can be checked locally during installation or
|
||||||
|
runtime. It's not automated, but at least it's possible.</p>
|
||||||
|
<p>For web applications, we don't have such a mechanism, but it should be
|
||||||
|
possible. Consider the following:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li><em>App Authors</em> publish a new version of their software; They provide a hash of
|
||||||
|
each of their distributed files (including the HTML files);</li>
|
||||||
|
<li><em>Crypto Experts</em> audit these files and sign the hashes somehow;</li>
|
||||||
|
<li><em>User Agents</em> can chose to trust some specific <em>Crypto Experts</em>;</li>
|
||||||
|
<li>When a <em>User Agent</em> downloads files, it checks if they're signed by a trusted
|
||||||
|
party.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="chosing-who-you-trust">
|
||||||
|
<h2>Chosing who you trust</h2>
|
||||||
|
<p>In terms of user experience, handling certificates is hard, and that's where
|
||||||
|
the community matters. Distributions such as <a class="reference external" href="https://tails.boom.org">Tails</a>
|
||||||
|
could chose who they trust to verify the files, and issue warnings / refuse to
|
||||||
|
run the application in case files aren't verified.</p>
|
||||||
|
<p>But, as highligted earlier, CAs are hard to trust. A new instance of the same
|
||||||
|
CA system wouldn't make that much differences, expect the fact that
|
||||||
|
distributions could ship with a set of trusted authorities (for which
|
||||||
|
revocation would still need to be taken care of).</p>
|
||||||
|
<blockquote class="epigraph">
|
||||||
|
<p>[...] users are vulnerable to MitM attacks by the authority, which can vouch
|
||||||
|
for, or be coerced to vouch for, false keys. This weakness has been
|
||||||
|
highlighted by recent CA scandals. Both schemes can also be attacked if the
|
||||||
|
authority does not verify keys before vouching for them.</p>
|
||||||
|
<p class="attribution">&mdash;<a class="reference external" href="http://cacr.uwaterloo.ca/techreports/2015/cacr2015-02.pdf">SoK : Secure Messaging</a>;</p>
|
||||||
|
</blockquote>
|
||||||
|
<p>It seems that some other systems could allow for something more reliable:</p>
|
||||||
|
<blockquote class="epigraph">
|
||||||
|
<p>Melara et al proposed CONIKS, using a series of chained commitments to Merkle
|
||||||
|
prefix trees to build a key directory [...] for which individual users can
|
||||||
|
efficiently verify the consistency of their own entry in the directory
|
||||||
|
without relying on a third party.</p>
|
||||||
|
<p>This “self- auditing log” approach makes the system partially have no
|
||||||
|
auditing required (as general auditing of non-equivocation is still required)
|
||||||
|
and also enables the system to be privacy preserving as the entries in the
|
||||||
|
directory need not be made public. This comes at a mild bandwidth cost not
|
||||||
|
reflected in our table, estimated to be about 10 kilobytes per client per day
|
||||||
|
for self-auditing.</p>
|
||||||
|
<p class="attribution">&mdash;<a class="reference external" href="http://cacr.uwaterloo.ca/techreports/2015/cacr2015-02.pdf">SoK : Secure Messaging</a>;</p>
|
||||||
|
</blockquote>
|
||||||
|
<p>Now, I honestly have no idea if this thing solves the whole problem, and I'm pretty sure
|
||||||
|
this design has many security problems attached to it.</p>
|
||||||
|
<p>However, that's a problem I would really like to see solved one day, so here
|
||||||
|
the start of the discussion, don't hesitate to <a class="reference external" href="/pages/about.html">get in touch</a>!</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="addendum">
|
||||||
|
<h2>Addendum</h2>
|
||||||
|
<p>It seems possible to increase the level a user has in a Web Application by
|
||||||
|
adding indicators in the User-Agent. For instance, when using an application
|
||||||
|
that's actually signed by someone considered trustful by the User-Agent (or the
|
||||||
|
distributor of the User-Agent), a little green icon could be presented to the
|
||||||
|
User, so they know that they can be confident about this.</p>
|
||||||
|
<p>A bit like User-Agents do for SSL, but for the actual signature of the files
|
||||||
|
being viewed.</p>
|
||||||
|
</div>
|
||||||
|
</content></entry><entry><title>Les problèmes de PGP</title><link href="https://blog.notmyidea.org/les-problemes-de-pgp.html" rel="alternate"></link><published>2015-05-25T00:00:00+02:00</published><updated>2015-05-25T00:00:00+02:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2015-05-25:/les-problemes-de-pgp.html</id><summary type="html"><blockquote class="epigraph">
|
||||||
|
<p>Flip a bit in the communication between sender and recipient and they will
|
||||||
|
experience decryption or verification errors. How high are the chances they
|
||||||
|
will start to exchange the data in the clear rather than trying to hunt down
|
||||||
|
the man in the middle?</p>
|
||||||
|
<p class="attribution">&mdash;<a class="reference external" href="http://secushare.org/PGP">http://secushare.org/PGP</a></p>
|
||||||
|
</blockquote>
|
||||||
|
<p>Une fois …</p></summary><content type="html"><blockquote class="epigraph">
|
||||||
|
<p>Flip a bit in the communication between sender and recipient and they will
|
||||||
|
experience decryption or verification errors. How high are the chances they
|
||||||
|
will start to exchange the data in the clear rather than trying to hunt down
|
||||||
|
the man in the middle?</p>
|
||||||
|
<p class="attribution">&mdash;<a class="reference external" href="http://secushare.org/PGP">http://secushare.org/PGP</a></p>
|
||||||
|
</blockquote>
|
||||||
|
<p>Une fois passé l'euphorie du &quot;il faut utiliser PGP pour l'ensemble de nos
|
||||||
|
communications&quot;, j'ai réalisé lors de discussions que PGP avait plusieurs
|
||||||
|
problèmes, parmi ceux-ci:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Les <em>meta données</em> (y compris le champ &quot;sujet&quot; de la conversation) sont quand
|
||||||
|
même échangées en clair (il est possible de savoir qu'un message à été échangé
|
||||||
|
entre telle et telle personne, a telle date);</li>
|
||||||
|
<li>PGP se base sur un protocole de communication qui est lui non chiffré, et il
|
||||||
|
est donc facile de soit se tromper, soit dégrader le mode de conversation vers
|
||||||
|
une méthode non chiffrée;</li>
|
||||||
|
<li>Il est facile de connaître votre réseau social avec PGP, puisque tout le
|
||||||
|
principe est de signer les clés des personnes dont vous validez l'identité;</li>
|
||||||
|
<li>En cas de fuite de votre clé privée, tous les messages que vous avez chiffrés
|
||||||
|
avec elle sont compromis. On dit que PGP ne fournit pas de <em>forward secrecy</em>;</li>
|
||||||
|
<li>La découverte de la clé de pairs se passe souvent <em>en clair</em>, sans utiliser une
|
||||||
|
connexion &quot;sécurisée&quot; (HTTPS). Tout le monde peut donc voir ces échanges et
|
||||||
|
savoir de qui vous cherchez la clé;</li>
|
||||||
|
<li>Les discussions de groupes sont très difficiles: il faut chiffrer pour chacun
|
||||||
|
des destinataires (ou que ceux-ci partagent une paire de clés).</li>
|
||||||
|
</ul>
|
||||||
|
<p>Je suis en train de creuser à propos les alternatives à PGP, par exemple <a class="reference external" href="https://pond.imperialviolet.org/">Pond</a>, qui lui ne construit pas par dessus un
|
||||||
|
standard déjà établi, et donc n'hérite pas de ses défauts (mais pas non plus de
|
||||||
|
son réseau déjà établi).</p>
|
||||||
|
<p>En attendant, quelques bonnes pratiques sur PGP ;)</p>
|
||||||
|
<div class="section" id="bonnes-pratiques">
|
||||||
|
<h2>Bonnes pratiques</h2>
|
||||||
|
<p>Il est en fait assez facile d'utiliser PGP de travers. Riseup à fait <a class="reference external" href="https://help.riseup.net/en/security/message-security/openpgp/best-practices">un
|
||||||
|
excellent guide</a>
|
||||||
|
qui explique comment configurer son installation correctement.</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>J'en ai déjà parlé, mais il faut absolument choisir des phrases de passes
|
||||||
|
suffisamment longues. Pas facile de les retenir, mais indispensable. Vous
|
||||||
|
pouvez aussi avoir un document chiffré avec une clé que vous ne mettez jamais
|
||||||
|
en ligne, qui contiens ces phrases de passe, au cas ou vous les oubliez.</li>
|
||||||
|
<li>Générez des clés RSA de 4096 bits, en utilisant sha512;</li>
|
||||||
|
<li>Il faut utiliser une date d'expiration de nos clés suffisamment proche (2
|
||||||
|
ans). Il est possible de repousser cette date si nécessaire, par la suite.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Parmi les choses les plus frappantes que j'ai rencontrées:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Utiliser le <em>flag</em> <cite>–hidden-recipient</cite> avec PGP pour ne pas dévoiler qui est
|
||||||
|
le destinataire du message;</li>
|
||||||
|
<li>Ne pas envoyer les messages de brouillons sur votre serveur, ils le seraient
|
||||||
|
en clair !;</li>
|
||||||
|
<li>Utilisez HPKS pour communiquer avec les serveurs de clés, sinon tout le
|
||||||
|
trafic est en clair.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Le <a class="reference external" href="https://bitmask.net/">projet Bitmask</a> vise lui à rendre les outils de
|
||||||
|
chiffrement d'échanges de messages et de VPN simples à utiliser, encore quelque
|
||||||
|
chose à regarder.</p>
|
||||||
|
<p>Enfin bref, y'a du taf.</p>
|
||||||
|
</div>
|
||||||
|
</content></entry><entry><title>Simplifier les preuves d'identités</title><link href="https://blog.notmyidea.org/simplifier-les-preuves-didentites.html" rel="alternate"></link><published>2015-05-11T00:00:00+02:00</published><updated>2015-05-11T00:00:00+02:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2015-05-11:/simplifier-les-preuves-didentites.html</id><summary type="html"><p>L'un des problèmes non réellement résolu actuellement quant au chiffrement des
|
||||||
|
échanges est lié à l'authenticité des clés. Si quelqu'un décide de publier une
|
||||||
|
clé en mon nom, et en utilisant mon adresse email, cela lui est assez facile.</p>
|
||||||
|
<p>Il est donc nécessaire d'avoir des moyens de prouver que la …</p></summary><content type="html"><p>L'un des problèmes non réellement résolu actuellement quant au chiffrement des
|
||||||
|
échanges est lié à l'authenticité des clés. Si quelqu'un décide de publier une
|
||||||
|
clé en mon nom, et en utilisant mon adresse email, cela lui est assez facile.</p>
|
||||||
|
<p>Il est donc nécessaire d'avoir des moyens de prouver que la clé publique que
|
||||||
|
j'utilise est réellement la mienne.</p>
|
||||||
|
<p>Traditionnellement, il est nécessaire de faire signer ma clé publique par
|
||||||
|
d'autres personnes, via une rencontre en personne ou des échanges hors du
|
||||||
|
réseau. C'est par exemple ce qui est réalisé lors des <a class="reference external" href="https://fr.wikipedia.org/wiki/Key_signing_party">Key Signing parties</a>.</p>
|
||||||
|
<p>Une manière simple d'effectuer ces vérifications serait, en plus de donner son
|
||||||
|
adresse email, sa signature de clé, ou a minima de donner un mot clé pour
|
||||||
|
valider que les échanges proviennent bien de la bonne personne.</p>
|
||||||
|
<p>PGP propose un mécanisme de signature des clés d'autrui, une fois celles ci
|
||||||
|
validées, ce qui permet de placer sa confiance dans les signataires de la clé.</p>
|
||||||
|
<p><a class="reference external" href="https://keybase.io">Keybase.io</a> est un service qui vise à rendre la création
|
||||||
|
de ces preuves plus facile, en partant du principe qu'il est possible
|
||||||
|
d'utiliser différents moyens afin de prouver l'identité des personnes. Par
|
||||||
|
exemple, leurs comptes Twitter, GitHub ou leurs noms de domaines. De la même
|
||||||
|
manière qu'il est possible de signer (valider) les clés de nos amis, il est
|
||||||
|
possible de les &quot;tracker&quot; selon le jargon de keybase.</p>
|
||||||
|
<p>Donc, en somme, <em>Keybase.io</em> est un annuaire, qui tente de rendre plus facile la
|
||||||
|
création de preuves. Bien.</p>
|
||||||
|
<div class="section" id="quelques-points-d-ombre">
|
||||||
|
<h2>Quelques points d'ombre</h2>
|
||||||
|
<p>Il s'agit d'une <em>startup</em> américaine, domiciliée dans le Delaware, qui se trouve être
|
||||||
|
un des paradis fiscaux qui <a class="reference external" href="https://fr.wikipedia.org/wiki/Delaware">est connu pour être un paradis fiscal au coeur
|
||||||
|
même des États-Unis</a>. Je ne veux pas
|
||||||
|
faire de raccourcis trop rapides, bien évidemment, alors <a class="reference external" href="https://github.com/keybase/keybase-issues/issues/1569">j'ai ouvert un ticket
|
||||||
|
sur GitHub pour en savoir plus</a> (après tout, le fait
|
||||||
|
d'être un paradis fiscal permet peut-être d'échapper à certaines lois sur la
|
||||||
|
requêtes de données). D'autant plus étonnant, la startup n'a pour l'instant <a class="reference external" href="https://github.com/keybase/keybase-issues/issues/788">pas
|
||||||
|
de *business model*</a>
|
||||||
|
(ce qui en un sens est assez rassurant, même si on peut se poser la question de
|
||||||
|
pourquoi faire une startup dans ces cas là).</p>
|
||||||
|
<p>Le service (bien qu'en Alpha), n'est pas mis à disposition sous licence libre,
|
||||||
|
ce qui pour l'instant empêche quiconque de créer son propre serveur Keybase.
|
||||||
|
<a class="reference external" href="https://github.com/keybase/">Une partie des composants, cependant, le sont (open source)</a>.</p>
|
||||||
|
<p>J'ai du mal à croire en des initiatives qui veulent sauver le monde, mais dans
|
||||||
|
leur coin, je ne comprends pas pourquoi il n'y à pas de documentation sur
|
||||||
|
comment monter son propre serveur, ou comment les aider à travailler sur la
|
||||||
|
fédération. Mais bon, c'est pour l'instant une initiative encore fraîche, et je
|
||||||
|
lui laisse le bénéfice du doute.</p>
|
||||||
|
<p>Sur le long terme, une infrastructure comme <em>Keybase.io</em>, devra évidemment être
|
||||||
|
<a class="reference external" href="https://github.com/keybase/keybase-issues/issues/162">distribuée</a>.</p>
|
||||||
|
<blockquote class="epigraph">
|
||||||
|
<p>We've been talking about a total decentralization, but we have to solve
|
||||||
|
a couple things, synchronization in particular. Right now someone can
|
||||||
|
mirror us and a client can trust a mirror just as easily as the server at
|
||||||
|
keybase.io, but there needs to be a way of announcing proofs to any server
|
||||||
|
and having them cooperate with each other. We'd be so happy to get this
|
||||||
|
right.</p>
|
||||||
|
<p class="attribution">&mdash;<a class="reference external" href="http://chris.beams.io/posts/keybase/">Chris Coyne, co-founder of Keybase</a></p>
|
||||||
|
</blockquote>
|
||||||
|
<p>Afin de se &quot;passer&quot; de leur service centralisé, les preuves générées (qui sont
|
||||||
|
la force du système qu'ils mettent en place) pourraient être exportées sur des
|
||||||
|
serveurs de clés existants. C'est quelque chose <a class="reference external" href="https://github.com/keybase/keybase-issues/issues/890">qu'ils souhaitent réaliser .</a>.</p>
|
||||||
|
<p>Bref, une initiative quand même importante et utile, même si elle soulève des
|
||||||
|
questions qui méritent qu'on s'y attarde un brin.</p>
|
||||||
|
<p>Par ailleurs, <a class="reference external" href="https://leap.se/nicknym">d'autres projets qui visent des objectifs similaires</a> existent, via le projet LEAP, mais je n'ai pas
|
||||||
|
encore creusé.</p>
|
||||||
|
</div>
|
||||||
|
</content></entry><entry><title>Phrases de passe et bonnes pratiques</title><link href="https://blog.notmyidea.org/phrases-de-passe-et-bonnes-pratiques.html" rel="alternate"></link><published>2015-05-09T00:00:00+02:00</published><updated>2015-05-09T00:00:00+02:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2015-05-09:/phrases-de-passe-et-bonnes-pratiques.html</id><summary type="html"><blockquote class="epigraph">
|
||||||
|
<p>Au contraire des autres mots de passe, les mots de passe cryptographiques
|
||||||
|
ont specifiquement besoin d'être longs et extremement difficiles à deviner.
|
||||||
|
La raison est qu'un ordinateur (ou un cluster de plusieurs ordinateurs)
|
||||||
|
peut être programmé pour faire des trillions d'essais de manière
|
||||||
|
automatique. Si le mot de passe choisi …</p></blockquote></summary><content type="html"><blockquote class="epigraph">
|
||||||
|
<p>Au contraire des autres mots de passe, les mots de passe cryptographiques
|
||||||
|
ont specifiquement besoin d'être longs et extremement difficiles à deviner.
|
||||||
|
La raison est qu'un ordinateur (ou un cluster de plusieurs ordinateurs)
|
||||||
|
peut être programmé pour faire des trillions d'essais de manière
|
||||||
|
automatique. Si le mot de passe choisi est trop faible ou construit d'une
|
||||||
|
manière trop prédictible, cette attaque par la force pourrait se revéler
|
||||||
|
fructueuse en essayant toutes les possibilités.</p>
|
||||||
|
<p class="attribution">&mdash;<a class="reference external" href="https://www.eff.org/wp/defending-privacy-us-border-guide-travelers-carrying-digital-devices">The Electronic Frontier Foundation</a> (traduction de mon fait)</p>
|
||||||
|
</blockquote>
|
||||||
|
<p>Comprendre les concepts et l'écosystème qui permettent d'avoir une vie
|
||||||
|
numérique chiffrée n'est pas quelque chose d'aisé. <a class="reference external" href="https://emailselfdefense.fsf.org/fr/">Plusieurs</a> <a class="reference external" href="http://www.controle-tes-donnees.net/outils/GnuPG.html">guides</a> ont été écrits à ce
|
||||||
|
propos, et pour autant je me rends compte que naïvement il est possible de
|
||||||
|
mal utiliser les outils existants.</p>
|
||||||
|
<blockquote class="epigraph">
|
||||||
|
<p>Utilisez un <em>bon</em> mot de passe pour votre session utilisateur et une
|
||||||
|
<em>bonne</em> phrase de passe pour proteger votre clé privée. Cette phrase de
|
||||||
|
passe est la partie la plus fragile de tout le système.</p>
|
||||||
|
<p class="attribution">&mdash;La page de manuel de GPG.</p>
|
||||||
|
</blockquote>
|
||||||
|
<p>Une phrase de passe devrait:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Être suffisamment longue pour être difficile à deviner;</li>
|
||||||
|
<li>Ne pas être une citation connue (littérature, livres sacrés etc);</li>
|
||||||
|
<li>Difficile à deviner même pour vos proches;</li>
|
||||||
|
<li>Facile à se souvenir et à taper;</li>
|
||||||
|
<li>être unique et non partagée entre différents sites / applications etc.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Une des techniques consiste à utiliser des mots du dictionnaire, sélectionnés de
|
||||||
|
manière aléatoire, puis modifiés.</p>
|
||||||
|
<div class="figure">
|
||||||
|
<img alt="XKCD sur la force des mots de passe." src="https://imgs.xkcd.com/comics/password_strength.png" />
|
||||||
|
</div>
|
||||||
|
<p>Micah Lee <a class="reference external" href="https://github.com/micahflee/passphrases">travaille également sur un outil</a> qui vise à rendre la mémorisation
|
||||||
|
des phrases de passe plus aisée, de par leur répétition avec des pauses de plus
|
||||||
|
en plus longues.</p>
|
||||||
|
<div class="figure">
|
||||||
|
<img alt="Capture d'écran du logiciel de génération et de mémorisation des phrases de passe." src="{filename}/static/passphrases.png" />
|
||||||
|
</div>
|
||||||
|
<p>Oui, ce n'est pas aussi simple que ce qu'il y parait. Pour ma part, j'ai une
|
||||||
|
copie en local de mes clés, dans un fichier chiffré avec une autre clé que j'ai
|
||||||
|
généré pour l'occasion et que je ne partagerait pas. J'ai par ailleurs
|
||||||
|
<a class="reference external" href="https://github.com/jamessan/vim-gnupg">configuré</a> mon éditeur de texte pour
|
||||||
|
pouvoir chiffrer les documents textes par défaut.</p>
|
||||||
|
<p>J'ai donc regénéré une nouvelle fois mes clés de travail et personnelles, en
|
||||||
|
utilisant des phrases de passe plus complexes.</p>
|
||||||
|
<p>Reste encore la question de la sauvegarde de ces clés privées de manière
|
||||||
|
chiffrée, que je n'ai pas encore résolue. Bref, tout cela me semble bien
|
||||||
|
compliqué pour réussir à l'expliquer à des novices, qui pour certains ne sont
|
||||||
|
même pas sur de l'intérêt de la chose.</p>
|
||||||
|
</content></entry></feed>
|
||||||
121
feeds/diy.atom.xml
Normal file
121
feeds/diy.atom.xml
Normal file
|
|
@ -0,0 +1,121 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<feed xmlns="http://www.w3.org/2005/Atom"><title>Carnets Web - diy</title><link href="https://blog.notmyidea.org/" rel="alternate"></link><link href="https://blog.notmyidea.org/feeds/diy.atom.xml" rel="self"></link><id>https://blog.notmyidea.org/</id><updated>2012-12-28T00:00:00+01:00</updated><entry><title>Tricot</title><link href="https://blog.notmyidea.org/tricot.html" rel="alternate"></link><published>2012-12-28T00:00:00+01:00</published><updated>2012-12-28T00:00:00+01:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2012-12-28:/tricot.html</id><summary type="html"><p>Puisque j'ai décidé d'apprendre à faire les trucs moi-même, je me mets au
|
||||||
|
tricot. Et puis y'a aussi tout un symbole derrière: le tricot, c'est pour les
|
||||||
|
filles, tu sais, un &quot;truc de gonzesse&quot;.</p>
|
||||||
|
<p>Eh bah c'est pas gagné, jte le dis. Pour l'instant j'ai réussi à faire à peu …</p></summary><content type="html"><p>Puisque j'ai décidé d'apprendre à faire les trucs moi-même, je me mets au
|
||||||
|
tricot. Et puis y'a aussi tout un symbole derrière: le tricot, c'est pour les
|
||||||
|
filles, tu sais, un &quot;truc de gonzesse&quot;.</p>
|
||||||
|
<p>Eh bah c'est pas gagné, jte le dis. Pour l'instant j'ai réussi à faire à peu
|
||||||
|
près un rang d'endroit et j'arrive pas à enchainer sur l'envers pour réussir
|
||||||
|
à faire un point jersey (jersey c'est un rang endroit puis un rang envers).</p>
|
||||||
|
<p>Enfin bref, si jamais ça vous botte vous aussi, voila quelques ressources que
|
||||||
|
j'ai trouvé sur internet (en plus des conseils avisés de maman chérie™):</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li><a class="reference external" href="http://www.youtube.com/watch?v=VcGiBG2BNxo&amp;list=UUskaiVNnKf7amRb5OI5op_w">Montage des mailles &quot;normales&quot;</a></li>
|
||||||
|
<li><a class="reference external" href="http://www.youtube.com/watch?v=aIQtNN89pqA&amp;list=UUskaiVNnKf7amRb5OI5op_w">Le point jersey</a></li>
|
||||||
|
</ul>
|
||||||
|
<p>La nana explique plutôt bien et assez lentement. En espérant que ça prenne.</p>
|
||||||
|
</content><category term="note"></category></entry><entry><title>Bière maison !</title><link href="https://blog.notmyidea.org/biere-maison-fr.html" rel="alternate"></link><published>2012-04-10T00:00:00+02:00</published><updated>2012-04-10T00:00:00+02:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2012-04-10:/biere-maison-fr.html</id><summary type="html"><p>Et voilà, c'est notre troisième brassin. On a commencé à faire notre propre
|
||||||
|
bière (avec un ami, Fred) il y a quasiment un an maintenant, et après quelques
|
||||||
|
dératés, même s'il nous reste encore bien du chemin à parcourir pour avoir
|
||||||
|
quelque chose qui nous convienne réellement… c'est pas si …</p></summary><content type="html"><p>Et voilà, c'est notre troisième brassin. On a commencé à faire notre propre
|
||||||
|
bière (avec un ami, Fred) il y a quasiment un an maintenant, et après quelques
|
||||||
|
dératés, même s'il nous reste encore bien du chemin à parcourir pour avoir
|
||||||
|
quelque chose qui nous convienne réellement… c'est pas si pire comme on dit !</p>
|
||||||
|
<p>Cette fois-çi, on s'est penché sur la confection d'une IPA (Indian Pale Ale, une
|
||||||
|
bière un peu plus amère que celle qu'on à l'habitude de trouver en France).</p>
|
||||||
|
<p>Elle est plus amère car elle comporte plus de houblon que les autres, et
|
||||||
|
(dans notre cas en tout cas) parce qu'on fait la première fermentation en
|
||||||
|
présence de houblon.</p>
|
||||||
|
<div class="section" id="comment-qu-on-fait-de-la-biere">
|
||||||
|
<h2>Comment qu'on fait de la bière ?</h2>
|
||||||
|
<p>Machine arrière; n'allons pas trop vite: comment est-ce qu'on fait de la bière,
|
||||||
|
d'abord ?</p>
|
||||||
|
<p>En fin de compte, les quelques étapes nécessaire à la confection de la bière ne
|
||||||
|
sont pas bien sorcières; concassage de l'orge maltée, cuisson (libération de
|
||||||
|
l'amidon dans l'eau), infusion du houblon, refroidissement, première
|
||||||
|
fermentation, embouteillage et seconde fermentation.</p>
|
||||||
|
<p>L'idée principale est transformer l'amidon d'orge maltée en sucre, pour le
|
||||||
|
&quot;donner à manger&quot; à des levures. Vous ajoutez un peu de houblon au milieu pour
|
||||||
|
donner un petit goût amer et le tour est joué. Enfin presque.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="etape-par-etape">
|
||||||
|
<h2>Étape par étape</h2>
|
||||||
|
<p>Première étape: <strong>le concassage</strong>. On avait 6kg d'orge maltée à concasser (plus
|
||||||
|
exactement 6kg de malt pâle <em>7EDC</em> et 500g de malt cara <em>50EDC</em>).</p>
|
||||||
|
<img alt="Image de concassage." src="images/concassage.jpg" style="width: 400px;" />
|
||||||
|
<p>Attention, pas trop fin dis donc ! On ne veut pas de la poudre, on veut
|
||||||
|
simplement permettre à l'amidon de se dissoudre dans l'eau. Si on concasse le
|
||||||
|
malt trop fin, on se retrouve avec un dépôt dégeulasse au fond de toutes les
|
||||||
|
bouteilles (c'est l'expérience qui parle, notre première bière avait plus goût
|
||||||
|
de céréale que de bière…)</p>
|
||||||
|
<p>Contrairement aux fois précédentes où nous avions utilisé la technique du
|
||||||
|
marteau et du torchon (oui, comme vous pouvez l'imaginer, c'est assez long et
|
||||||
|
fastidieux), On a utilisé… un moulin à malt ! Qui nous à permis de concasser les
|
||||||
|
6kg en 30 minutes (heureusement qu'on était trois pour se relayer sur le
|
||||||
|
moulin, parce que nos petits muscles fatiguaient assez vite; vous pouvez
|
||||||
|
envisager de faire ça tout seul si vous êtes un tennisman).</p>
|
||||||
|
<img alt="C'est dur !" src="images/concasse.jpg" style="width: 700px;" />
|
||||||
|
<p>La seconde étape, <strong>l'empatage</strong>. Il s'agit de faire chauffer notre orge maltée
|
||||||
|
à différentes températures. Les fois précédentes, on avait utilisé plusieurs
|
||||||
|
paliers de température, mais il semble que ça ne soit pas si nécessaire que ça,
|
||||||
|
selon les informations de l'ami Fred. On à donc tenté de faire chauffer notre
|
||||||
|
malt directement à 50°C. Une petite erreur sur la route, on à eu peur de la
|
||||||
|
contamination bactérienne et on à décidé de faire bouillir nos 26L d'eau pour
|
||||||
|
être sur que les bactéries s'enfuient en courant. Je dis erreur parce que ça
|
||||||
|
nous à pris pas loin de 3h30, inertie quand tu nous tiens!</p>
|
||||||
|
<p>On se rends compte de la taille de la marmite un peu là:</p>
|
||||||
|
<img alt="Une grosse marmite" src="images/marmite.jpg" style="width: 400px;" />
|
||||||
|
<p>Une fois l'eau à température (54°C), il faut ajouter le malt et le laisser
|
||||||
|
durant 30mn à cette température, puis augmenter jusqu'à 65°C durant 1h.</p>
|
||||||
|
<p>La troisième étape, c'est <strong>le rinçage</strong>, l'idée est de récupérer l'amidon qui
|
||||||
|
s'est dissout dans l'eau et de mettre de côté l'orge maltée (la partie solide).
|
||||||
|
Pour ça, il faut faire chauffer de l'eau de rinçage. On a utilisé 10L d'eau de
|
||||||
|
rinçage qu'on a fait chauffer à 78°C, en comptant sur le fait qu'elle perdra de sa
|
||||||
|
température (20°C à peu près) en étant utilisée. On a filtré deux fois pour
|
||||||
|
être sûr de ne rien perdre.</p>
|
||||||
|
<img alt="Filtrage filtrage..." src="images/filtrage.jpg" style="width: 700px;" />
|
||||||
|
<p>L'étape d'après (la quatrième, vous suivez), c'est <strong>le houblonnage</strong>.
|
||||||
|
On va faire infuser notre &quot;solution aqueuse&quot; (wouah, on dirait de la chimie !)
|
||||||
|
avec du houblon. Il faut porter l'eau à ébullition et laisser faire durant 1h.</p>
|
||||||
|
<p>Dernière étape: <strong>le refroidissement</strong>. On dirait que c'est tranquilou comme
|
||||||
|
ça, mais en fait ça ne l'est pas tant que ça: il faut réussir à passer notre
|
||||||
|
liquide qui était en ébullition à 54°C en un temps acceptable. Pour ça, on
|
||||||
|
a utilisé un serpentin confectionné main.</p>
|
||||||
|
<img alt="Notre refroidisseur fait main par Fred." src="images/refroidisseur.jpg" style="width: 400px;" />
|
||||||
|
<p>Ça nous a permis de passer de 100°C à 54°C en… 35 minutes quand même ! (Nous avions essayé les fois précédentes
|
||||||
|
de gérer ça à coup de baignoire et de glaçons, les temps n'étaient absolument
|
||||||
|
pas au rendez-vous).</p>
|
||||||
|
<img alt="Décidement pas." src="images/refroidissement.jpg" style="width: 700px;" />
|
||||||
|
<p>Je disais dernière étape, mais il ne faut pas oublier de rajouter les
|
||||||
|
levures, qui elles vont faire tout le travail et transformer tout ça en… alcool
|
||||||
|
! Dans notre cas, on ajoute aussi dans la cuve de fermentation du houblon
|
||||||
|
question de donner l'amertume dont on a envie.</p>
|
||||||
|
<p>On à mesuré une densité de 1046, ce qui veut dire 6° d'alcool. La cuve est
|
||||||
|
maintenant en train de buller tranquillement (les levures produisent du gaz qui
|
||||||
|
est évacué), et ça doit durer 15 jours approximativement.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="mise-en-bouteille">
|
||||||
|
<h2>Mise en bouteille</h2>
|
||||||
|
<p>Une fois ces deux semaines passées, il faut mettre en bouteille. Dans notre cas
|
||||||
|
nous avons récupéré des bouteilles à bouchon mécanique (vous savez, les
|
||||||
|
bouteilles de limonades) qu'on à bien rincé et nettoyé.</p>
|
||||||
|
<p>On s'équipe d'un siphon (pensez à prendre un tuyau avec un diamètre assez
|
||||||
|
important, le notre était petit et c'était assez long) et après avoir ajouté du
|
||||||
|
sucre dans le mélange (pour réactiver les levures), on remplit les bouteilles
|
||||||
|
! Il s'agit de la seconde fermentation, celle qui va faire les bulles (la
|
||||||
|
première fermentation se charge de l'alcool, la seconde des bulles).</p>
|
||||||
|
<p>Et voilà ! Il ne reste plus qu'à mettre les bouteilles de coté durant deux
|
||||||
|
semaines de plus et… à déguster le moment venu.</p>
|
||||||
|
<p>On a donc pu tester notre bière la semaine dernière et, ma foi, elle est pas
|
||||||
|
mal du tout. Elle ne mousse pas trop et à un goût un peu amer. Malheureusement
|
||||||
|
pas assez à mon goût, mais ça viendra. En comparaison à nos précédents essais,
|
||||||
|
c'est plutôt positif: la première était ratée puisque trop de pression et trop
|
||||||
|
de dépôt (et donc un fort goût de levures) alors que la seconde (on avait tenté
|
||||||
|
d'ajouter de la lavande) avait un goût de lavande amère, pour ne pas dire de
|
||||||
|
savon.</p>
|
||||||
|
<p>Cette dernière bière a un goût de… de bière ! Il nous reste encore à comprendre
|
||||||
|
comment faire pour lui donner la saveur que l'on souhaite, mais c'est déjà un
|
||||||
|
grand pas en avant. Prochaine étape... La bière de Noël !</p>
|
||||||
|
</div>
|
||||||
|
</content></entry></feed>
|
||||||
13
feeds/journal.atom.xml
Normal file
13
feeds/journal.atom.xml
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<feed xmlns="http://www.w3.org/2005/Atom"><title>Carnets Web - journal</title><link href="https://blog.notmyidea.org/" rel="alternate"></link><link href="https://blog.notmyidea.org/feeds/journal.atom.xml" rel="self"></link><id>https://blog.notmyidea.org/</id><updated>2019-07-03T00:00:00+02:00</updated><entry><title>Ours</title><link href="https://blog.notmyidea.org/ours.html" rel="alternate"></link><published>2019-07-03T00:00:00+02:00</published><updated>2019-07-03T00:00:00+02:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2019-07-03:/ours.html</id><summary type="html"><p>J'ai de plus en plus de mal à garder mon calme dans les situations ou je
|
||||||
|
rencontres des humains qui ont des comportements que je trouve déplacés. Je me
|
||||||
|
demande à quel point le fait d'être maintenant un commerçant impacte ma
|
||||||
|
capacité relationelle générale.</p>
|
||||||
|
<p>De manière plus large, est-ce normal …</p></summary><content type="html"><p>J'ai de plus en plus de mal à garder mon calme dans les situations ou je
|
||||||
|
rencontres des humains qui ont des comportements que je trouve déplacés. Je me
|
||||||
|
demande à quel point le fait d'être maintenant un commerçant impacte ma
|
||||||
|
capacité relationelle générale.</p>
|
||||||
|
<p>De manière plus large, est-ce normal de tolérer des comportements qu'on estime
|
||||||
|
anormaux, voire immoraux ? Quand est-ce que la tolérance laisse place a de
|
||||||
|
l'acceptation de comportements problématiques ?</p>
|
||||||
|
<p>Suis-je en train de devenir un ours ?</p></content></entry><entry><title>velotaf</title><link href="https://blog.notmyidea.org/velotaf.html" rel="alternate"></link><published>2019-06-27T00:00:00+02:00</published><updated>2019-06-27T00:00:00+02:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2019-06-27:/velotaf.html</id><summary type="html"><p>Depuis quelques semaines j'ai décidé d'utiliser le vélo pour aller au boulot. Pas forcement tous les jours, mais dès que les conditions le permettent je n'hésite pas. C'est un vrai plaisir de se déplacer en deux roues, en quasiment silence. Le trajet mets pas loin de 35mn et passe par …</p></summary><content type="html"><p>Depuis quelques semaines j'ai décidé d'utiliser le vélo pour aller au boulot. Pas forcement tous les jours, mais dès que les conditions le permettent je n'hésite pas. C'est un vrai plaisir de se déplacer en deux roues, en quasiment silence. Le trajet mets pas loin de 35mn et passe par un parc sur la fin, c'est un vrai moment de relaxation, et qui me permet de faire une jonction entre ma vie personelle et le taf à la brasserie.</p></content></entry></feed>
|
||||||
90
feeds/life.atom.xml
Normal file
90
feeds/life.atom.xml
Normal file
|
|
@ -0,0 +1,90 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<feed xmlns="http://www.w3.org/2005/Atom"><title>Carnets Web - life</title><link href="https://blog.notmyidea.org/" rel="alternate"></link><link href="https://blog.notmyidea.org/feeds/life.atom.xml" rel="self"></link><id>https://blog.notmyidea.org/</id><updated>2018-05-27T00:00:00+02:00</updated><entry><title>De Mozilla à la Brasserie du Vieux Singe</title><link href="https://blog.notmyidea.org/de-mozilla-a-la-brasserie-du-vieux-singe.html" rel="alternate"></link><published>2018-05-27T00:00:00+02:00</published><updated>2018-05-27T00:00:00+02:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2018-05-27:/de-mozilla-a-la-brasserie-du-vieux-singe.html</id><summary type="html"><p><em>Ce weekend avait lieu <a href="https://sudweb.fr/2018/">SudWeb</a> « la conférence Web surtout humaine », ou on m'a proposé de venir parler de ma reconversion professionnelle, ou comment un passionné de Logiciels Libres choisit de créer une petite brasserie artisanale.</em></p>
|
||||||
|
<p><em>Certaines parties de ce que je voulais transmettre sont passées à la trappe, alors que …</em></p></summary><content type="html"><p><em>Ce weekend avait lieu <a href="https://sudweb.fr/2018/">SudWeb</a> « la conférence Web surtout humaine », ou on m'a proposé de venir parler de ma reconversion professionnelle, ou comment un passionné de Logiciels Libres choisit de créer une petite brasserie artisanale.</em></p>
|
||||||
|
<p><em>Certaines parties de ce que je voulais transmettre sont passées à la trappe, alors que d'autres ont pris plus de place que prévu. J'avais donc envie de reprendre mes notes pour les transformer en billet de blog, question d'élaborer sur le sujet.</em></p>
|
||||||
|
<hr>
|
||||||
|
<p>J'ai toujours été motivé par mes passions. Quand j'ai commencé à travailler professionnellement, je me suis rendu compte que même si je faisais quasiment la même chose qu'auparavant, ça n'avait plus le même goût. J'étais maintenant <em>obligé</em> de le faire, et je n'en tirais pas le même plaisir.</p>
|
||||||
|
<p>Quand j'étais plus jeune au lycée j'écrivais des programmes en <em>Visual Basic</em> que je partageais en ligne sur mon site en <code>.free.fr</code>. Programmes que probablement personne n'a lu, mais l'intention était bel et bien celle de partager mes créations, et d'échanger à leur propos.</p>
|
||||||
|
<p>Cette culture du partage — celle du logiciel libre — est celle qui m'anime.</p>
|
||||||
|
<p>Quelques années plus tard, je découvre le langage de programmation Python, et avec lui toute une communauté, mue par ces mêmes valeurs de partage et d'amélioration de nos pratiques. Puis je rencontre le Logiciel Libre, avec l'écriture d'un programme (<a href="https://getpelican.com">pelican</a>) qui reste encore largement utilisé aujourd'hui. Autant dire que c'est une bonne claque que de voir des inconnus contribuer à un bout de code qu'eux aussi jugent utile.</p>
|
||||||
|
<p>À la fin de mes études, alors que je reste passionné par le développement logiciel, je ne veux ni travailler pour l'industrie, ni pour la finance. Je songe même déjà à cette époque à changer de métier (avant même d'avoir commencé !). Coup de bol, une structure qui m'est chère cherche des développeurs Python: Mozilla. Sans trop y croire, je passe une série d'entretiens qui se déroulent bien (!) et je commence quelques mois plus tard à travailler pour cette organisation incroyable, porteuse d'espoir et de toute une symbolique pour moi.</p>
|
||||||
|
<p>Je bosse sur du Logiciel Libre, en Python, en télétravail parfois, avec une bonne paie, sans parler du côté prestigieux. Grisant.</p>
|
||||||
|
<p>Mais au fur et à mesure je découvre l'envers du décors: une méritocratie ancrée et assumée, une hiérarchie de plus en plus importante, menant à une lourdeur administrative assez présente. À ajouter à la barrière de la langue, et aux différences culturelles. Finalement tout n'est pas rose ici.</p>
|
||||||
|
<p>Je décide alors de (je pense) faire un de mes meilleurs choix de vie à ce jour: passer aux 4/5èmes. Je récupère tous mes vendredis. Des weekends de 3 jours, toutes les semaines. Un espace précieux pour me reposer, et pour rêver un peu.</p>
|
||||||
|
<p>C'est à ce moment que Fred, un ami de longue date, en revenant du Québec (ou les brasseries sont légion), me propose de faire de la bière avec lui. Moi qui ne savais même pas qu'il était <em>possible</em> de faire de la bière. On tente donc l'expérience, et nos premières expériences sont des journées bien <em>funky</em>, à faire toutes les erreurs possibles.</p>
|
||||||
|
<p>Peu à peu, on découvre un nouveau monde: celui des brasseurs amateurs. De nouvelles compétences sont nécessaires, de la physique à la biochimie. On se met à rencontrer des professionnels, des passionnés, à échanger sur les forums. On se forme, petit à petit. Tout comme il y a la communauté des gens qui font du Python, il y a la communauté des gens qui font de la bière. Pas encore autant fédérés, ça semble balbutiant alors mais la passion elle est bien présente.</p>
|
||||||
|
<p>Tout comme le monde du Logiciel Libre est constitué autour d'un ennemi commun (les GAFA), le monde de la bière artisanale à la sien: les brasseries industrielles, qui uniformisent les goûts et les processus.</p>
|
||||||
|
<p>Je continue en parallèle mon travail chez Mozilla, pendant 4 années. Et puis un jour, une annonce d'arrêt d'un projet sur lequel je travaillais me fait réaliser que cette situation m'épuise. La fameuse goutte de trop.</p>
|
||||||
|
<p>Je décide alors de partir, de faire une pause, sans trop savoir ce que l'avenir me réserve. Une petite période de blanc de deux mois. Le regard des autres est parfois culpabilisant. Mes parents me demandent si « je ne veux pas attendre encore un peu ». La transition me fait peur, mais je choisis quand même de troquer mon confort matériel pour de la cohérence.</p>
|
||||||
|
<p>Petit à petit, l'idée de monter ce qui est maintenant devenu <a href="https://www.vieuxsinge.com">La Brasserie du Vieux Singe</a> se pose en évidence. Mais monter une brasserie ce n'est pas uniquement faire de la bière: c'est se mettre d'accord sur des valeurs, trouver comment les défendre, monter un projet pour, et tenir le cap.</p>
|
||||||
|
<p>Quelques mois après mon départ, on se retrouve donc à parler de ces valeurs de partage, de documentation, de goût. De gouvernance et de collaboration aussi.
|
||||||
|
Dans nos pratiques courantes, on décide d'intégrer du temps pour documenter la vie de la brasserie.</p>
|
||||||
|
<p>À titre d'exemple, nos étiquettes contiennent l'ensemble des ingrédients que l'on utilise de la manière la plus détaillée possible. On travaille aussi sur un projet de laveuse de fûts, qui sera publié sous licence libre, avec l'idée de pouvoir, petit à petit, constituer un ensemble d'outils utiles à tous les brasseurs, et peut être même réussir à favoriser les échanges entre toutes ces personnes.</p>
|
||||||
|
<p>Nous sommes deux brasseurs, deux chefs d'entreprise, mais aussi deux développeurs. Nos compétences de développeurs nous sont utiles quotidiennement: pour notre laveuse de fûts, pour nos créations de recettes (j'ai découvert la puissance des tableurs !), pour notre site de préventes, notre site Web, nos outils du quotidien. On se rend compte qu'il s'agit de compétences précieuses.</p>
|
||||||
|
<p>Mais monter une entreprise, c'est aussi assumer une partie administrative. Vous vous rappelez cette histoire de réactions face aux activités subordonnées ? Et bien quand je fais mes déclarations aux douanes, ce n'est pas de gaîté de cœur. Je sais par contre pourquoi je le fais: ce sont les règles du jeu. Des obligations, mais peut-être moins de coercition. J'y trouve plus de sens.</p>
|
||||||
|
<p>Et, si je n'avais pas réduit mon temps de travail, j'aurais peut-être loupé la découverte de ce nouveau monde, celui qui me passionne aujourd'hui.</p>
|
||||||
|
<p>Alors je vous invite à vous poser la question — indispensable — de vos valeurs: qu'est-ce que vous souhaitez faire ? Qu'est-ce qui vous anime ? Et peut-être à aménager du temps pour explorer vos envies. </p></content></entry><entry><title>Groupement d'achats & partage d'expérience</title><link href="https://blog.notmyidea.org/groupement-dachats-partage-dexperience.html" rel="alternate"></link><published>2018-03-03T00:00:00+01:00</published><updated>2018-03-03T00:00:00+01:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2018-03-03:/groupement-dachats-partage-dexperience.html</id><summary type="html"><p>Il y a quelques années, on s'est motivé entre copains copines pour créer un groupement d'achat.</p>
|
||||||
|
<p>L'idée est simple:</p>
|
||||||
|
<ul>
|
||||||
|
<li>commander en gros, pour faire baisser les prix</li>
|
||||||
|
<li>se passer d'intermédiaires et favoriser les circuits courts</li>
|
||||||
|
<li>aller à la rencontre des producteurs locaux et échanger</li>
|
||||||
|
</ul>
|
||||||
|
<p>Notre groupement dessert actuellement 18 foyers …</p></summary><content type="html"><p>Il y a quelques années, on s'est motivé entre copains copines pour créer un groupement d'achat.</p>
|
||||||
|
<p>L'idée est simple:</p>
|
||||||
|
<ul>
|
||||||
|
<li>commander en gros, pour faire baisser les prix</li>
|
||||||
|
<li>se passer d'intermédiaires et favoriser les circuits courts</li>
|
||||||
|
<li>aller à la rencontre des producteurs locaux et échanger</li>
|
||||||
|
</ul>
|
||||||
|
<p>Notre groupement dessert actuellement 18 foyers et une 60aine de personnes.</p>
|
||||||
|
<p>Au fur et à mesure de la vie du groupement, on a développé quelques outils pour se simplifier la vie. Voici un retour d'expérience et quelques astuces / outils, au cas où l'envie vous prenne à vous aussi :)</p>
|
||||||
|
<h1>Organisation</h1>
|
||||||
|
<p>On organise environs trois ou quatre distributions par an. Le <em>modus operandi</em> est le suivant:</p>
|
||||||
|
<ul>
|
||||||
|
<li>chaque product·eur·rice à un·e référent·e, qui s'occupe de faire le lien;</li>
|
||||||
|
<li>une personne est désignée pour coordonner la distribution;</li>
|
||||||
|
<li>4 semaines avant la distribution, les référent·e·s mettent à jour les prix / produits dans le tableau de commandes;·e·</li>
|
||||||
|
<li>3 semaines avant la distribution, les commandes sont ouvertes;</li>
|
||||||
|
<li>2 semaines avant la distribution, les commandes sont closes;</li>
|
||||||
|
<li>Les référent·e·s ont ensuite deux semaines pour récupérer les commandes pour la distribution</li>
|
||||||
|
</ul>
|
||||||
|
<h1>Quels produits ?</h1>
|
||||||
|
<p>On essaye d'avoir uniquement des produits qui se conservent (on a également quelques autres produits plus frais, mais avec d'autres modalités).</p>
|
||||||
|
<p>Entre autres: bières, légumes secs, conserves, jus, miel, pâtes, semoule, café, vinaigres, pommes de terre, oignons, huiles, farines.</p>
|
||||||
|
<p>On essaye de faire du local puis du bio au plus proche plutôt que de trouver nécessairement les prix les plus bas. C'est une discussion qui revient assez
|
||||||
|
souvent, et donc un point à évoquer lors de la création pour avoir une posture
|
||||||
|
claire sur le sujet (tout le monde n'est pas animé par la même éthique !).</p>
|
||||||
|
<h1>Paiements</h1>
|
||||||
|
<p>Pour les paiements, on utilise autant que possible des chèques. Chaque référent·e paye la·le product·rice·eur en son nom, et lui demande d'attendre la date de la distribution pour l'encaissement. La plupart des producteurs acceptent d'être payés sous quinzaine.</p>
|
||||||
|
<p>Le jour de la distribution, tout le monde apporte son chéquier. Nous avons mis
|
||||||
|
en place une moulinette qui s'occupe de faire la répartition des chèques automatiquement, chaque membre se retrouve à faire en moyenne un ou deux chèques.</p>
|
||||||
|
<p>Chaque référent·e est ainsi remboursé·e de la somme avancée, et chaque
|
||||||
|
membre du groupement d'achat paye ce qu'il doit payer. Nous n'avons
|
||||||
|
volontairement pas de structure juridique et pas de compte en banque. Les
|
||||||
|
paiements s'effectuent directement entre nous.</p>
|
||||||
|
<h1>Transports</h1>
|
||||||
|
<p>Chaque référent·e commande les produits, puis ensuite s'occupe de les rapatrier. À Rennes, on a la chance d'avoir pas mal de producteurs aux alentours, donc c'est assez simple.</p>
|
||||||
|
<p>Le mieux est de ramener les produits juste un peu avant la distribution au lieu de distribution, ça permet d'éviter de les stocker trop longtemps, et d'éviter aux producteurs d'attendre trop longtemps avant d'encaisser les chèques.</p>
|
||||||
|
<p>Pour les grosses commandes, les voitures se remplissent bien, mais ma petite Clio suffit, que ce soit dit !</p>
|
||||||
|
<h1>La distribution</h1>
|
||||||
|
<p>Un peu en amont de la distribution, il faut organiser l'espace. Des tas par membre sont constitués pour faciliter les choses le jour de la distribution.</p>
|
||||||
|
<p>Le jour même, on se retrouve, on charge ses marchandises, on échange quelques chèques et on papote ! On en profite pour:</p>
|
||||||
|
<ul>
|
||||||
|
<li>discuter de la date de la prochaine distribution;</li>
|
||||||
|
<li>trouver une nouvelle personne pour la coordonner;</li>
|
||||||
|
<li>discuter de nouveaux produits;</li>
|
||||||
|
<li>refaire le monde;</li>
|
||||||
|
<li>changer de référents pour les producteurs.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Et c'est reparti pour un tour ;)</p>
|
||||||
|
<h1>Nos outils</h1>
|
||||||
|
<p>On utilise un tableur en ligne pour partager les prix et prendre les commandes. On a essayé d'utiliser <em>ethercalc</em> au début mais ça ne fonctionnait pas pour nous à l'époque (trop de petits bugs). On a donc préféré utiliser Google docs (ouch).</p>
|
||||||
|
<p>Il est d'ailleurs possible d'y intégrer de nouvelles fonctionnalités assez facilement, du coup Fred et Rémy ont planché sur un moyen d'automatiser la répartition des chèques (qu'on faisait dans un premier temps à la main - assez péniblement).</p>
|
||||||
|
<p>Le système n'est pas parfait mais fonctionne quand même assez bien !</p>
|
||||||
|
<p>Quelques ressources, donc:</p>
|
||||||
|
<ul>
|
||||||
|
<li><a href="https://gist.github.com/almet/8c77fafc9e487c02ded852ec4a91ae16">le code pour faire la répartition des chèques</a></li>
|
||||||
|
<li><a href="https://docs.google.com/spreadsheets/d/1bnPRSvf2Q2RDxKerWnEqUyJjuCFePnVMq6pWo8LeA_k/edit?usp=sharing">une version « à remplir » de notre tableau de commandes</a> (le mieux est d'en faire une copie !).</li>
|
||||||
|
</ul>
|
||||||
|
<p>Bon groupement d'achat ;)</p></content></entry></feed>
|
||||||
43
feeds/misc.atom.xml
Normal file
43
feeds/misc.atom.xml
Normal file
|
|
@ -0,0 +1,43 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<feed xmlns="http://www.w3.org/2005/Atom"><title>Carnets Web - misc</title><link href="https://blog.notmyidea.org/" rel="alternate"></link><link href="https://blog.notmyidea.org/feeds/misc.atom.xml" rel="self"></link><id>https://blog.notmyidea.org/</id><updated>2019-06-26T00:00:00+02:00</updated><entry><title>Un espace des communs Rennais ?</title><link href="https://blog.notmyidea.org/un-espace-des-communs-rennais.html" rel="alternate"></link><published>2019-06-26T00:00:00+02:00</published><updated>2019-06-26T00:00:00+02:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2019-06-26:/un-espace-des-communs-rennais.html</id><summary type="html"><p><em>Ce document se veut surtout être quelques notes, et donc revêt un caractère « fouilli » paaaarfaitement assumé. D’ailleurs, ce n'est que ce que j'ai bien voulu retenir. Voilà.</em></p>
|
||||||
|
<p>Je ressors d'une discussion avec quelques complices autour de deux idées :
|
||||||
|
1. Avoir un espace pour fédérer différentes personnes intéressées par le …</p></summary><content type="html"><p><em>Ce document se veut surtout être quelques notes, et donc revêt un caractère « fouilli » paaaarfaitement assumé. D’ailleurs, ce n'est que ce que j'ai bien voulu retenir. Voilà.</em></p>
|
||||||
|
<p>Je ressors d'une discussion avec quelques complices autour de deux idées :
|
||||||
|
1. Avoir un espace pour fédérer différentes personnes intéressées par le sujet des <em>communs</em>;
|
||||||
|
2. Monter une structure Rennaise pour proposer de l’hébergement de services web.</p>
|
||||||
|
<p>Élaborons un peu...</p>
|
||||||
|
<h2>1. Un espace pour fédérer</h2>
|
||||||
|
<p>L'idée qui à été développée est celle d'avoir un espace (un ou des lieux, à différents moments dans l'année) pour que les rencontres entre les projets <em>du libre</em> à Rennes puissent se dérouler. Le constat est qu'il existe différentes structures actuellement en place, mais que a) certaines personnes ne se retrouvent pas dans ces espaces et b) la porosité entre ces différents groupes est assez faible.</p>
|
||||||
|
<p>Pour l'instant pas d'idée précise de ce qui pourrait être proposé, mais quelques pistes ont été évoquées. l'envie est de faire un document d'intention et de proposer à d'autres de rejoindre le collectif en création.</p>
|
||||||
|
<h3>Fréquence</h3>
|
||||||
|
<p>Deux pistes ont été évoquées:</p>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<p><strong>Faire des rencontres suffisamment espacées les unes des autres</strong>, pour que leur caractère « exceptionnel » soit une force. Si la fréquence des réunions est assez faible, alors l'incitation pour y prendre part est peut-être plus grande ?</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>ou au contraire, <strong>avoir des rencontres avec une fréquence assez forte</strong>, pour qu'en cas d'incapacité à participer il n'y ait pas trop longtemps à attendre ?</p>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h3>Charte éthique</h3>
|
||||||
|
<p>Le fait d'avoir un <em>code de conduite</em> pour de tels évènements à été discuté, un des arguments évoqués étant le fait qu'un tel code n'est pas considéré nécessaire par certaines personnes, puisque les règles évoquées tiennent du bon sens.</p>
|
||||||
|
<p>Il a été précisé que l'établissement de ce type de document a pour objectif de:
|
||||||
|
- Faire que des minorités et/ou oppressés se sentent protégés et considérés, et donc bienvenues à ce type d'évènements;
|
||||||
|
- En cas de situations considérées comme problématiques, des personnes référentes soient désignées pour aider à leur résolution</p>
|
||||||
|
<h3>Gouvernance</h3>
|
||||||
|
<p>Le sujet de la gouvernance à été également abordé : pour avoir de tels rendez-vous, peu importe leur nature, il faut que ceux-cis soient organisés. La possibilité d'avoir des organisat·rices·eurs· tournantes à été proposé.</p>
|
||||||
|
<p>Pour :</p>
|
||||||
|
<ul>
|
||||||
|
<li>Cela permet de ne pas reposer uniquement sur quelques personnes;</li>
|
||||||
|
<li>Faire des fiches explicatives qui permettent à tou·te·s de s'impliquer</li>
|
||||||
|
</ul>
|
||||||
|
<p>Contre : </p>
|
||||||
|
<ul>
|
||||||
|
<li>Quand tout le monde est responsable, personne ne l'est.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Peut-être que des solutions intermédiaires sont à trouver, en désignant d'une fois sur l'autre les personnes qui s’occupent du prochain rendez-vous, par exemple.</p>
|
||||||
|
<h2>2. Hébergement de services Web</h2>
|
||||||
|
<p>On a discuté très rapidement de la possibilité de monter une structure pour faire de l’hébergement de services web sur Rennes. Le sujet n'a pas été vraiment développé, mais la question de la relation entre avoir un espace pour fédérer (le 1.) et être un hébergeur de service (le 2.) a été rapidement abordé.</p>
|
||||||
|
<p>Faut-il avoir une seule et même structure / groupe de personnes pour ces deux projets ? Dans le cas ou l'un s'arrête, entraînerait-il l'autre dans sa « chute » ? Est-il logique de lier les deux ?</p>
|
||||||
|
<h2>Et donc ?</h2>
|
||||||
|
<p>Et donc c'était bien chouette de prendre un peu le temps de remettre le nez dans la vie libriste Rennaise ! Ravi de voir une dynamique prendre forme, on verra bien ou ça mène :-)</p></content></entry></feed>
|
||||||
22
feeds/musique.atom.xml
Normal file
22
feeds/musique.atom.xml
Normal file
|
|
@ -0,0 +1,22 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<feed xmlns="http://www.w3.org/2005/Atom"><title>Carnets Web - musique</title><link href="https://blog.notmyidea.org/" rel="alternate"></link><link href="https://blog.notmyidea.org/feeds/musique.atom.xml" rel="self"></link><id>https://blog.notmyidea.org/</id><updated>2012-12-28T00:00:00+01:00</updated><entry><title>Languages</title><link href="https://blog.notmyidea.org/languages.html" rel="alternate"></link><published>2012-12-28T00:00:00+01:00</published><updated>2012-12-28T00:00:00+01:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2012-12-28:/languages.html</id><summary type="html"><p>Ouriel Ellert &quot; Languages&quot; avec Anthony Jambon &amp; Natascha Rogers, c'est
|
||||||
|
enregistré par le <a class="reference external" href="http://www.studiomezzanine.fr">Studio Mezzanine</a> qui comme d'hab font un
|
||||||
|
travail impeccable.</p>
|
||||||
|
<p>Plus d'infos sur Natasha Rogers et son groupe ici:
|
||||||
|
<a class="reference external" href="http://www.studiomezzanine.fr/natascha-rogers/">http://www.studiomezzanine.fr/natascha-rogers/</a></p>
|
||||||
|
<iframe width="650" height="480" src="http://www.youtube.com/embed/3I5PPdsTFz0" frameborder="0" allowfullscreen></iframe></summary><content type="html"><p>Ouriel Ellert &quot; Languages&quot; avec Anthony Jambon &amp; Natascha Rogers, c'est
|
||||||
|
enregistré par le <a class="reference external" href="http://www.studiomezzanine.fr">Studio Mezzanine</a> qui comme d'hab font un
|
||||||
|
travail impeccable.</p>
|
||||||
|
<p>Plus d'infos sur Natasha Rogers et son groupe ici:
|
||||||
|
<a class="reference external" href="http://www.studiomezzanine.fr/natascha-rogers/">http://www.studiomezzanine.fr/natascha-rogers/</a></p>
|
||||||
|
<iframe width="650" height="480" src="http://www.youtube.com/embed/3I5PPdsTFz0" frameborder="0" allowfullscreen></iframe></content><category term="note"></category></entry><entry><title>"Groovy"</title><link href="https://blog.notmyidea.org/groovy.html" rel="alternate"></link><published>2012-12-27T00:00:00+01:00</published><updated>2012-12-27T00:00:00+01:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2012-12-27:/groovy.html</id><summary type="html"><p>“Groovy”, c'est comme ça que je l'aime la musique: peut importe le style
|
||||||
|
finalement, la bonne musique c'est celle qui sonne, celle qui groove, celle qui
|
||||||
|
fait que tu tapes du pied (le droit chez moi) et que que ta tête commence
|
||||||
|
à hocher.</p>
|
||||||
|
<p>C'est pour ça que j'ai du …</p></summary><content type="html"><p>“Groovy”, c'est comme ça que je l'aime la musique: peut importe le style
|
||||||
|
finalement, la bonne musique c'est celle qui sonne, celle qui groove, celle qui
|
||||||
|
fait que tu tapes du pied (le droit chez moi) et que que ta tête commence
|
||||||
|
à hocher.</p>
|
||||||
|
<p>C'est pour ça que j'ai du mal à répondre quand on me demande quel type de
|
||||||
|
musique j'aime bien. Bah voila, maintenant je sais, je l'aime groovy ;)</p>
|
||||||
|
</content><category term="note"></category></entry></feed>
|
||||||
354
feeds/notes.atom.xml
Normal file
354
feeds/notes.atom.xml
Normal file
|
|
@ -0,0 +1,354 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<feed xmlns="http://www.w3.org/2005/Atom"><title>Carnets Web - notes</title><link href="https://blog.notmyidea.org/" rel="alternate"></link><link href="https://blog.notmyidea.org/feeds/notes.atom.xml" rel="self"></link><id>https://blog.notmyidea.org/</id><updated>2014-11-20T00:00:00+01:00</updated><entry><title>Le secret du bonheur</title><link href="https://blog.notmyidea.org/le-secret-du-bonheur.html" rel="alternate"></link><published>2014-11-20T00:00:00+01:00</published><updated>2014-11-20T00:00:00+01:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2014-11-20:/le-secret-du-bonheur.html</id><summary type="html"><p>Un enfant demande à son père :</p>
|
||||||
|
<blockquote>
|
||||||
|
Dis papa, quel est le secret pour être heureux ?</blockquote>
|
||||||
|
<p>Sans dire un mot, le père demande à son fils de le suivre ;
|
||||||
|
Ils sortent de la maison, le père sur leur vieil âne et le fils suivant à pied.</p>
|
||||||
|
<p>Et les gens du village …</p></summary><content type="html"><p>Un enfant demande à son père :</p>
|
||||||
|
<blockquote>
|
||||||
|
Dis papa, quel est le secret pour être heureux ?</blockquote>
|
||||||
|
<p>Sans dire un mot, le père demande à son fils de le suivre ;
|
||||||
|
Ils sortent de la maison, le père sur leur vieil âne et le fils suivant à pied.</p>
|
||||||
|
<p>Et les gens du village de dire :</p>
|
||||||
|
<blockquote>
|
||||||
|
Mais quel mauvais père qui oblige ainsi son fils d'aller à pied !</blockquote>
|
||||||
|
<p>Le lendemain ils sortent de nouveau.</p>
|
||||||
|
<p>Le père ayant installé son fils sur l'âne et lui marchant à côté.</p>
|
||||||
|
<p>Les gens du village dirent alors :</p>
|
||||||
|
<blockquote>
|
||||||
|
Quel fils indigne, qui ne respecte pas son vieux père et le laisse aller à pied !</blockquote>
|
||||||
|
<p>Le jour suivant, ils s'installent tous les deux sur l'âne avant de quitter la maison.
|
||||||
|
Les villageois commentèrent en disant :</p>
|
||||||
|
<blockquote>
|
||||||
|
Ils ne respectent pas leur bête à la surcharger ainsi !</blockquote>
|
||||||
|
<p>Le jour suivant, ils partirent en portant eux-mêmes leurs affaires, l'âne trottinant derrière eux.
|
||||||
|
Cette fois les gens du village y trouvèrent encore à redire :</p>
|
||||||
|
<blockquote>
|
||||||
|
Voilà qu'ils portent eux-mêmes leurs bagages maintenant ! C'est le monde à l'envers !</blockquote>
|
||||||
|
<p>De retour à la maison, le père dit à son fils :</p>
|
||||||
|
<blockquote>
|
||||||
|
Tu me demandais l'autre jour le secret du bonheur.
|
||||||
|
Peu importe ce que tu fais, il y aura toujours quelqu'un pour y trouver à redire.
|
||||||
|
Fais ce qui te plaît et là tu seras vraiment heureux.</blockquote>
|
||||||
|
</content></entry><entry><title>Le revenu de base</title><link href="https://blog.notmyidea.org/le-revenu-de-base.html" rel="alternate"></link><published>2013-10-03T00:00:00+02:00</published><updated>2013-10-03T00:00:00+02:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2013-10-03:/le-revenu-de-base.html</id><summary type="html"><iframe width="560" height="315" src="http://www.youtube.com/embed/-cwdVDcm-Z0"
|
||||||
|
frameborder="0" allowfullscreen></iframe><p>Quelques notes prises en visualisant le documentaire &quot;le revenu de base&quot;.</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>4 Allemands sur 10 travaillent.</li>
|
||||||
|
<li>3/10 (les enfants et jeunes)</li>
|
||||||
|
<li>2/10 retraite / rente</li>
|
||||||
|
<li>1/10 assurance chomage / AS</li>
|
||||||
|
<li>41% sont le fruit d'un travail rémunéré.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Le revenu de base est inconditionnel.</p>
|
||||||
|
<p>Le marché du travail ne pourra …</p></summary><content type="html"><iframe width="560" height="315" src="http://www.youtube.com/embed/-cwdVDcm-Z0"
|
||||||
|
frameborder="0" allowfullscreen></iframe><p>Quelques notes prises en visualisant le documentaire &quot;le revenu de base&quot;.</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>4 Allemands sur 10 travaillent.</li>
|
||||||
|
<li>3/10 (les enfants et jeunes)</li>
|
||||||
|
<li>2/10 retraite / rente</li>
|
||||||
|
<li>1/10 assurance chomage / AS</li>
|
||||||
|
<li>41% sont le fruit d'un travail rémunéré.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Le revenu de base est inconditionnel.</p>
|
||||||
|
<p>Le marché du travail ne pourra pas suffire à toute la population. En refusant
|
||||||
|
l'idée du RDB, on est obligé de croire en la croissance économique.</p>
|
||||||
|
<p>Différence entre une approche qantitative du travail VS une approche sociale.</p>
|
||||||
|
<p>La croissance éco ≠ croissance de l'emploi.</p>
|
||||||
|
<p>Parallelle entre le RDB et la déclaration des droits de l'homme. &quot;Et qui voudra
|
||||||
|
faire le sale boulot ?&quot;</p>
|
||||||
|
<p>Utopie veut dire le &quot;non lieu&quot;, le lieu qu'on à pas encore trouvé ici sur
|
||||||
|
terre, à part dans notre imaginaire.</p>
|
||||||
|
<p>Agriculture: Il y à 100 ans, qqn qui travaillait dans l'agriculture produisait assez pour
|
||||||
|
3 autres personnes. ajd un agriculteur produit assez pour 120 personnes, via
|
||||||
|
des machines énormes et à la rationalisation.</p>
|
||||||
|
<p>Rationalisation: moins d'emploi.</p>
|
||||||
|
<p>La condition de pouvoir refuser un travail est très importante.</p>
|
||||||
|
<div class="section" id="citations">
|
||||||
|
<h2>Citations</h2>
|
||||||
|
<blockquote>
|
||||||
|
<p>Le financmenet est acquis, la dificulté c'est la liberté</p>
|
||||||
|
<p class="attribution">&mdash;NA</p>
|
||||||
|
</blockquote>
|
||||||
|
<blockquote>
|
||||||
|
<p>Il faut en finir avec cette idée fausse, selon laquelle seul le travail
|
||||||
|
rémunéré constitue une contribution méritoire à la société, en réalité, c'est
|
||||||
|
souvent exactement l'inverse.</p>
|
||||||
|
<p class="attribution">&mdash;Katja Kipping, membre du parlement allemand.</p>
|
||||||
|
</blockquote>
|
||||||
|
<blockquote>
|
||||||
|
<p>Si les gens on déjà une sécurité matérielle, ils sont plus difficiles
|
||||||
|
à corrompre.</p>
|
||||||
|
<p class="attribution">&mdash;Katja Kipping</p>
|
||||||
|
</blockquote>
|
||||||
|
<blockquote>
|
||||||
|
<p>Soutenir les populations sans poser de condition. c'est un principe qui à la
|
||||||
|
longe, devra s'imposer. Mais il lui faudra d'abord affronter les droits et
|
||||||
|
privilèges dont on bénéficie aujourd'hui.</p>
|
||||||
|
<p class="attribution">&mdash;Anonyme.</p>
|
||||||
|
</blockquote>
|
||||||
|
<blockquote>
|
||||||
|
Si les revenus étaient uniquement lié au travail, il faudrait donner les plus
|
||||||
|
hauts revenus aux machines.</blockquote>
|
||||||
|
<p>Le sens de l'économie, c'est de libérer l'homme du travail Beaucoup de gens qui
|
||||||
|
ont une &quot;place de travail&quot;, n'ont en réalité qu'une &quot;place de revenu&quot;.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="chiffres">
|
||||||
|
<h2>Chiffres</h2>
|
||||||
|
<p>Un sondage à été effectué. La question est: &quot;Si vous aviez un revenu de base,
|
||||||
|
est-ce que vous iriez encore travailler ?&quot;</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>~60% disent oui</li>
|
||||||
|
<li>30% répondent oui, mais plus à plein temps.</li>
|
||||||
|
<li>10% pour faire autre chose.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Avec une question différente:</p>
|
||||||
|
<p>&quot;Si on instaurait un revenu de base, est-ce que vous pensez que les autres
|
||||||
|
iraient travailler ?&quot;</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>~80% répondent non.</li>
|
||||||
|
</ul>
|
||||||
|
<p>C'est un changement aussi dans les modes d'éducation, on nous enseigne à être
|
||||||
|
&quot;employable&quot;, et non pas à apprendre quelque chose qui nous interesse. Les gens
|
||||||
|
ont peur de ne pas trouver du travail.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="ressources">
|
||||||
|
<h2>Ressources</h2>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Le sens commun, Thomas Payne.</li>
|
||||||
|
<li>Peter Ulrich</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="comment-financer-le-rdb">
|
||||||
|
<h2>Comment financer le RDB</h2>
|
||||||
|
<p>Si l’on se fie à son produit intérieur brut (PIB), la France est aujourd’hui le
|
||||||
|
cinquième pays le plus riche du monde. En 2010, le revenu disponible (après
|
||||||
|
versement des pres- tations sociales et prélèvement des impôts directs) s’y
|
||||||
|
élevait à 1 276 euros par mois et par personne, adultes et enfants confondus.
|
||||||
|
Nous disposons donc de ressources suffisantes pour garantir à chaque individu 1
|
||||||
|
276 euros si l’on décidait d’opérer un partage strictement égalitaire. C’est
|
||||||
|
nettement plus que le seuil de pauvreté actuel, fixé en France à 60 % du revenu
|
||||||
|
médian (1), soit 960 euros par adulte. Qui peut le plus pouvant le moins, la
|
||||||
|
France a donc sans nul doute les moyens d’assurer à tous ses résidents un
|
||||||
|
revenu au moins égal au seuil de pauvreté.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="a-reculons-par-andre-gorz">
|
||||||
|
<h2>À Reculons, par André Gorz.</h2>
|
||||||
|
<p>(Paru dans le monde diplomatique de Juin 1990)</p>
|
||||||
|
<p><em>Proche de Jean-Paul Sartre, cofondateur, en 1964, du Nouvel Observateur, le
|
||||||
|
philosophe André Gorz (1923-2007) s’est converti progressivement à un
|
||||||
|
écosocialisme dont il est devenu l’un des principaux théoriciens. En 1990, dans
|
||||||
|
nos colonnes, sous le titre « Pourquoi la société salariale a besoin de
|
||||||
|
nouveaux valets », il formulait une critique de l’idéologie du travail qui
|
||||||
|
devait l’amener quelques années plus tard à se prononcer en faveur d’un revenu
|
||||||
|
d’existence.</em></p>
|
||||||
|
<p>Dans l’ensemble des pays capitalistes d’Europe, on produit trois à quatre fois
|
||||||
|
plus de richesses qu’il y a trente-cinq ans ; cette production n’exige pas
|
||||||
|
trois fois plus d’heures de travail, mais une quantité de travail beaucoup plus
|
||||||
|
faible. (...)</p>
|
||||||
|
<p>Nous sortons de la civilisation du travail, mais nous en sortons à reculons, et
|
||||||
|
nous entrons à reculons dans une civilisation du temps libéré, incapables de la
|
||||||
|
voir et de la vouloir, incapables donc de civiliser le temps libéré qui nous
|
||||||
|
échoit, et de fonder une culture du temps disponible et une culture des
|
||||||
|
activités choisies pour relayer et compléter les cultures techniciennes et
|
||||||
|
profes- sionnelles qui dominent la scène. (...)</p>
|
||||||
|
<p>Pour près de la moitié de la population active, l’idéologie du travail est
|
||||||
|
devenue une mauvaise farce ; l’identification au travail est désormais
|
||||||
|
impossible, car le système économique n’a pas besoin ou n’a pas un besoin
|
||||||
|
régulier de leur capacité de travail. La réalité que nous masque l’exaltation
|
||||||
|
de la « ressource humaine », c’est que l’emploi stable, à plein temps, durant
|
||||||
|
toute l’année et toute la vie active, devient le privilège d’une minorité.
|
||||||
|
Pour [les autres], le travail cesse d’être un métier qui intègre dans une
|
||||||
|
communauté productive et définit une place dans la société. Ce que le patronat
|
||||||
|
appelle « flexibilité » se traduit pour les salariés par la précarité. (...)</p>
|
||||||
|
<p>Que doit être une société dans laquelle le travail à plein temps de tous les
|
||||||
|
citoyens n’est plus nécessaire, ni économiquement utile ? Quelles priorités
|
||||||
|
autres qu’économiques doit-elle se donner ? Comment doit-elle s’y prendre pour
|
||||||
|
que les gains de productivité, les économies de temps de travail profitent à
|
||||||
|
tout le monde ? Comment peut-elle redistribuer au mieux tout le travail
|
||||||
|
socialement utile de manière à ce que tout le monde puisse travailler, mais
|
||||||
|
travailler moins et mieux, tout en recevant sa part des richesses socialement
|
||||||
|
produites ?</p>
|
||||||
|
<p>La tendance dominante est d’écarter ce genre de questions et de poser le
|
||||||
|
problème à l’envers : comment faire pour que, malgré les gains de productivité,
|
||||||
|
l’économie consomme autant de travail que par le passé ? Comment faire pour que
|
||||||
|
de nouvelles activités rémunérées viennent occuper ce temps que, à l’échelle de
|
||||||
|
la société, les gains de productivité libèrent ? A quels nouveaux domaines
|
||||||
|
d’activité peut-on étendre les échanges marchands pour remplacer tant bien que
|
||||||
|
mal les emplois supprimés par ailleurs dans l’industrie et les services
|
||||||
|
industrialisés ?</p>
|
||||||
|
<p>On connaît la réponse, pour laquelle les Etats-Unis et le Japon ont montré la
|
||||||
|
voie : le seul domaine dans lequel il est possible, en économie libérale, de
|
||||||
|
créer à l’avenir un grand nombre d’emplois, c’est celui des services aux
|
||||||
|
personnes. Le développement de l’emploi pourrait être illimité si l’on
|
||||||
|
parvenait à transformer en prestations de services rétribuées les activités que
|
||||||
|
les gens ont, jusqu’à présent, assumées chacun pour soi. Les économistes
|
||||||
|
parlent à ce sujet de « nouvelle croissance plus riche en emplois », de «
|
||||||
|
tertiarisation » de l’économie, de « société de services » prenant le relais de
|
||||||
|
la « société industrielle » (1). (...)</p>
|
||||||
|
<p>Le problème de fond auquel nous sommes confrontés est celui d’un au-delà de
|
||||||
|
l’économie et, ce qui revient au même, d’un au- delà du travail rémunéré. La
|
||||||
|
rationalisation économique libère du temps, elle continuera d’en libérer, et il
|
||||||
|
n’est plus possible, par conséquent, de faire dépendre le revenu des citoyens
|
||||||
|
de la quantité de travail dont l’économie a besoin. Il n’est plus possible, non
|
||||||
|
plus, de continuer à faire du travail rémunéré la source principale de
|
||||||
|
l’identité et du sens de la vie pour chacun.</p>
|
||||||
|
<p>La tâche d’une gauche, si gauche il doit y avoir, consiste à transformer cette
|
||||||
|
libération du temps en une liberté nouvelle et en des droits nouveaux : le
|
||||||
|
droit de chacun et de chacune de gagner sa vie en travaillant, mais en
|
||||||
|
travaillant de moins en moins, de mieux en mieux, tout en recevant sa pleine
|
||||||
|
part de la richesse socialement produite. Le droit, d’autre part, de travailler
|
||||||
|
de façon discontinue, intermittente, sans perdre durant les intermittences de
|
||||||
|
l’emploi le plein revenu – de manière à ouvrir de nouveaux espaces aux
|
||||||
|
activités sans but économique et à reconnaître à ces activités qui n’ont pas la
|
||||||
|
rémunération pour but une dignité et une valeur éminentes, tant pour les
|
||||||
|
individus que pour la société elle-même.</p>
|
||||||
|
</div>
|
||||||
|
</content></entry><entry><title>Notes: Économie libidinale et économie politique</title><link href="https://blog.notmyidea.org/notes-economie-libidinale-et-economie-politique.html" rel="alternate"></link><published>2013-07-06T00:00:00+02:00</published><updated>2013-07-06T00:00:00+02:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2013-07-06:/notes-economie-libidinale-et-economie-politique.html</id><summary type="html"><p>Une enquete d'un cabinet de marketing american ARI qui pour la première fois en
|
||||||
|
2004 disait qu'on voyait aparaitre des &quot;alter consommateurs&quot;, qui n'étaient pas
|
||||||
|
de gens qui consommaient moins, mais qui étaient des gens malheureux de
|
||||||
|
consommer. Et qui définissaient la consommation comme une dépendance et une
|
||||||
|
addiction.</p>
|
||||||
|
<p>Un …</p></summary><content type="html"><p>Une enquete d'un cabinet de marketing american ARI qui pour la première fois en
|
||||||
|
2004 disait qu'on voyait aparaitre des &quot;alter consommateurs&quot;, qui n'étaient pas
|
||||||
|
de gens qui consommaient moins, mais qui étaient des gens malheureux de
|
||||||
|
consommer. Et qui définissaient la consommation comme une dépendance et une
|
||||||
|
addiction.</p>
|
||||||
|
<p>Un autre comportement s'est développé: le modèle &quot;collaboratif et contributif&quot;.
|
||||||
|
Ce modèle ne se repose pas sur la consommation mais sur l'implication et la
|
||||||
|
collaboration. Ce modèle est induit par internet, qui ne repose plus sur
|
||||||
|
l'opposition production / consommation.</p>
|
||||||
|
<p>Sur internet nous ne sommes pas des simples consommateurs, puisque vous êtes un
|
||||||
|
expéditeur / distributeur.</p>
|
||||||
|
<p>Le changement prduit par internet est le fait que les gens ne sont plus
|
||||||
|
simplement des consommateurs,mais sont également producteurs de contenus
|
||||||
|
/ viennent améliorer les contenus existants.</p>
|
||||||
|
<p>Note perso: quid du culte de la personalité qui en ressort ? Ce qu'il apelle
|
||||||
|
l'écologie relationelle ?</p>
|
||||||
|
<p>Quel est le manque que vient combler facebook par exemple ? Et quel est
|
||||||
|
l'impact que ces nouveaux réseaux ont sur les modèles relationels que l'ont
|
||||||
|
connait (famille, école, droit, etc.).</p>
|
||||||
|
<div class="section" id="citations">
|
||||||
|
<h2>Citations</h2>
|
||||||
|
<blockquote>
|
||||||
|
<p>Une révolution c'est le fait de faire une boucle est d'arriver au terme de
|
||||||
|
quelque chose. D'avoir clôt un cycle. La lune fait des révolutions aussi.</p>
|
||||||
|
<p>81% des Américains déclarent que le consumerisme est une plaie pour l'amérique
|
||||||
|
(d'après Juliet Score)</p>
|
||||||
|
</blockquote>
|
||||||
|
</div>
|
||||||
|
</content></entry><entry><title>François Elie : Quelle école pour la société de l’information ?</title><link href="https://blog.notmyidea.org/francois-elie-quelle-ecole-pour-la-societe-de-linformation.html" rel="alternate"></link><published>2013-06-14T00:00:00+02:00</published><updated>2013-06-14T00:00:00+02:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2013-06-14:/francois-elie-quelle-ecole-pour-la-societe-de-linformation.html</id><summary type="html"><p><a class="reference external" href="http://www.framablog.org/index.php/post/2013/06/11/francois-elie-education-conference">http://www.framablog.org/index.php/post/2013/06/11/francois-elie-education-conference</a></p>
|
||||||
|
<p>Quelques bouts selectionnés.</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>Mais pourquoi continue t-on à enseigner des maths à des gens qui ne vont pas
|
||||||
|
les utiliser ? Ben évidemment c’est parce qu’on n’est pas dans une école de
|
||||||
|
l’initiation où les mathématiciens …</p></blockquote></summary><content type="html"><p><a class="reference external" href="http://www.framablog.org/index.php/post/2013/06/11/francois-elie-education-conference">http://www.framablog.org/index.php/post/2013/06/11/francois-elie-education-conference</a></p>
|
||||||
|
<p>Quelques bouts selectionnés.</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>Mais pourquoi continue t-on à enseigner des maths à des gens qui ne vont pas
|
||||||
|
les utiliser ? Ben évidemment c’est parce qu’on n’est pas dans une école de
|
||||||
|
l’initiation où les mathématiciens font ça entre eux et on n’est pas non plus
|
||||||
|
dans une école de l’apprentissage où l’école a pour but de donner un métier, un
|
||||||
|
bagage utilisable. L’école ne sert évidemment pas à ça. D’ailleurs heureusement
|
||||||
|
parce que sinon on n’enseignerait pas la philosophie qui ne sert à rien à part
|
||||||
|
fabriquer des profs de philosophie !</p>
|
||||||
|
<p>On n’a pas besoin de tableau numérique pour enseigner l’informatique elle-même
|
||||||
|
pour enseigner la science. De la même façon on n’a pas besoin de machine à
|
||||||
|
calculer pour enseigner les mathématiques. Évidemment ! On n’a pas besoin d’une
|
||||||
|
machine à calculer pour savoir faire une division. Au contraire, surtout pas !</p>
|
||||||
|
<p>Il faut cesser d’opposer l’enseignement de la programmation d’une part et
|
||||||
|
l’enseignement des usages, c’est important mais ça c’est l’école des maîtres et
|
||||||
|
des esclaves. Ce qu’il faut enseigner, vite et à tous, c’est la science, pas la
|
||||||
|
technologie ou l’usage. C’est en amont de la programmation, l’algorithmique.
|
||||||
|
C’est, en amont de telle instanciation, du codage, du chiffrement, la théorie,
|
||||||
|
quelque chose qui comme les maths n’ont besoin que d’une craie et d’un tableau
|
||||||
|
noir.</p>
|
||||||
|
<p>Ce n'est pas un hasard si le mot &quot;numérique&quot; à remplaçé le mot &quot;informatique&quot;,
|
||||||
|
c'est qu'on voudrait nous faire croire qu'il n'y a pas besoin de l'apprendre.</p>
|
||||||
|
</blockquote>
|
||||||
|
</content></entry><entry><title>Habitat collectif</title><link href="https://blog.notmyidea.org/habitat-collectif.html" rel="alternate"></link><published>2012-12-28T00:00:00+01:00</published><updated>2012-12-28T00:00:00+01:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2012-12-28:/habitat-collectif.html</id><summary type="html"><p>Habiter à plusieurs, partager un lieu de vie, monter une communauté, changer
|
||||||
|
nos modes de vie et prendre plus de temps les uns pour les autres.</p>
|
||||||
|
<p>Ça fait réfléchir un peu quand même, non ? en tout cas ça marche chez moi.</p>
|
||||||
|
<p>Voilà quelques ressources qui peuvent être utiles si jamais …</p></summary><content type="html"><p>Habiter à plusieurs, partager un lieu de vie, monter une communauté, changer
|
||||||
|
nos modes de vie et prendre plus de temps les uns pour les autres.</p>
|
||||||
|
<p>Ça fait réfléchir un peu quand même, non ? en tout cas ça marche chez moi.</p>
|
||||||
|
<p>Voilà quelques ressources qui peuvent être utiles si jamais vous aussi ça vous
|
||||||
|
titille:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li><a class="reference external" href="http://www.habicoop.fr/IMG/pdf/Memoire_hbtat_coop_Vaulx-2.pdf">L’Habitat Coopératif : Solution au problème de responsabilisation sociale des
|
||||||
|
copropriétaires sur la commune de Vaulx en Velin
|
||||||
|
?</a> - mémoire REPIQUET Anne
|
||||||
|
2005.</li>
|
||||||
|
<li>Un bouquin à lire avec plein d'infos: <a class="reference external" href="http://www.ecosociete.org/t101.php">Vivre autrement</a> de Diana Leafe Christian.</li>
|
||||||
|
<li>…</li>
|
||||||
|
</ul>
|
||||||
|
</content></entry><entry><title>Astuces SSH</title><link href="https://blog.notmyidea.org/astuces-ssh.html" rel="alternate"></link><published>2012-12-27T00:00:00+01:00</published><updated>2012-12-27T00:00:00+01:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2012-12-27:/astuces-ssh.html</id><summary type="html"><div class="section" id="tunelling">
|
||||||
|
<h2>Tunelling</h2>
|
||||||
|
<p>Parce que je m'en rapelle jamais (tête de linote):</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
$ ssh -f hote -L local:lolnet.org:destination -N
|
||||||
|
</pre>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="ssh-config">
|
||||||
|
<h2>.ssh/config</h2>
|
||||||
|
<p>(merci <a class="reference external" href="http://majerti.fr">gaston</a> !)</p>
|
||||||
|
<p>La directive suivante dans .ssh/config permet de sauter d'hôte en hôte
|
||||||
|
séparés par des &quot;+&quot;</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
Host *+*
|
||||||
|
ProxyCommand ssh $(echo %h | sed
|
||||||
|
's/+[^+]*$//;s/\([^+%%]*\)%%\([^+]*\)$/\2 -l \1/;s …</pre></div></summary><content type="html"><div class="section" id="tunelling">
|
||||||
|
<h2>Tunelling</h2>
|
||||||
|
<p>Parce que je m'en rapelle jamais (tête de linote):</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
$ ssh -f hote -L local:lolnet.org:destination -N
|
||||||
|
</pre>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="ssh-config">
|
||||||
|
<h2>.ssh/config</h2>
|
||||||
|
<p>(merci <a class="reference external" href="http://majerti.fr">gaston</a> !)</p>
|
||||||
|
<p>La directive suivante dans .ssh/config permet de sauter d'hôte en hôte
|
||||||
|
séparés par des &quot;+&quot;</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
Host *+*
|
||||||
|
ProxyCommand ssh $(echo %h | sed
|
||||||
|
's/+[^+]*$//;s/\([^+%%]*\)%%\([^+]*\)$/\2 -l \1/;s/:/ -p /')
|
||||||
|
PATH=.:\$PATH nc -w1 $(echo %h | sed 's/^.*+//;/:/!s/$/ %p/;s/:/ /')
|
||||||
|
</pre>
|
||||||
|
<p>On peut donc spécifier des &quot;sauts&quot; ssh du style:</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
ssh root&#64;91.25.25.25+192.168.1.1
|
||||||
|
</pre>
|
||||||
|
<p>Ensuite on peut essayer de rajouter:</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
Host &lt;label_pour_mon_serveur_privé&gt;
|
||||||
|
user &lt;monuser(root)&gt;
|
||||||
|
IdentityFile &lt;chemin vers ma clé ssh pour le serveur publique&gt;
|
||||||
|
hostname ip_serveur_publique+ip_serveur_privé
|
||||||
|
</pre>
|
||||||
|
</div>
|
||||||
|
</content><category term="note"></category></entry><entry><title>Notre dame des landes</title><link href="https://blog.notmyidea.org/notre-dame-des-landes.html" rel="alternate"></link><published>2012-12-27T00:00:00+01:00</published><updated>2012-12-27T00:00:00+01:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2012-12-27:/notre-dame-des-landes.html</id><summary type="html"><p>La lutte à Notre Dame des Landes ne fait pas du tout que commencer, mais il se
|
||||||
|
trouve que les médias se sont &quot;emparés&quot; de la question que très récemment,
|
||||||
|
depuis que JM Ayrault s'est retrouvé premier ministre.</p>
|
||||||
|
<p>Voici une sélection d'articles que j'ai trouvé pertinents, à partir de décembre …</p></summary><content type="html"><p>La lutte à Notre Dame des Landes ne fait pas du tout que commencer, mais il se
|
||||||
|
trouve que les médias se sont &quot;emparés&quot; de la question que très récemment,
|
||||||
|
depuis que JM Ayrault s'est retrouvé premier ministre.</p>
|
||||||
|
<p>Voici une sélection d'articles que j'ai trouvé pertinents, à partir de décembre
|
||||||
|
2012:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Article dans le monde qui explique la complexité de la lutte sur place: <a class="reference external" href="http://www.lemonde.fr/idees/article/2012/12/13/notre-dame-des-landes-une-resistance-qui-ne-se-laissera-pas-dicter-sa-conduite_1805511_3232.html">http://www.lemonde.fr/idees/article/2012/12/13/notre-dame-des-landes-une-resistance-qui-ne-se-laissera-pas-dicter-sa-conduite_1805511_3232.html</a></li>
|
||||||
|
<li>autour de relations à la presse:
|
||||||
|
<a class="reference external" href="http://www.rennestv.fr/catalogue/magazine/notre-dame-des-landes-l-inaceptable-interdiction-de-la-presse.html">http://www.rennestv.fr/catalogue/magazine/notre-dame-des-landes-l-inaceptable-interdiction-de-la-presse.html</a></li>
|
||||||
|
<li>Notre-Dame-des-Landes : un pilote annonce un fiasco pour le futur aéroport <a class="reference external" href="http://www.bastamag.net/article2866.html">http://www.bastamag.net/article2866.html</a></li>
|
||||||
|
</ul>
|
||||||
|
</content></entry><entry><title>Semences paysannes</title><link href="https://blog.notmyidea.org/semences-paysannes.html" rel="alternate"></link><published>2012-12-20T00:00:00+01:00</published><updated>2012-12-20T00:00:00+01:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2012-12-20:/semences-paysannes.html</id><summary type="html"><p><a class="reference external" href="http://www.dailymotion.com/video/x5nhq0_les-semences-paysannes_news#from=embed">http://www.dailymotion.com/video/x5nhq0_les-semences-paysannes_news#from=embed</a></p>
|
||||||
|
<p>A l'heure actuelle, il est interdit pour deux agriculteurs de s'échangers des semences dans le but d'en revendre la production.</p>
|
||||||
|
<p>Les états ont crée la propriété interellectuelle pour relancer l'industrie après les dégats de la guerre et les selectionneurs en ont profité …</p></summary><content type="html"><p><a class="reference external" href="http://www.dailymotion.com/video/x5nhq0_les-semences-paysannes_news#from=embed">http://www.dailymotion.com/video/x5nhq0_les-semences-paysannes_news#from=embed</a></p>
|
||||||
|
<p>A l'heure actuelle, il est interdit pour deux agriculteurs de s'échangers des semences dans le but d'en revendre la production.</p>
|
||||||
|
<p>Les états ont crée la propriété interellectuelle pour relancer l'industrie après les dégats de la guerre et les selectionneurs en ont profité en 1960 au sein de l'UPOV pour faire des textes pour s'approprié les selections qu'ils ont fait. Les textes ont été votés par les députés depuis: bien prové au lieu de bien collectif.</p>
|
||||||
|
<p>Les semenciers n'existent que depuis 150 ans. Ils revendiquent maintenant le monopole de selection.</p>
|
||||||
|
<p>Un catalogue est prévu pour les semences dites &quot;de conservation&quot; (alors qu'elles évoluent, conservation n'est pas un terme adapté). C'est la voie qui est possible pour pouvoir échanger des semences entre agriculteurs.</p>
|
||||||
|
<p>→ Quelles sont les semences de conservation depuis 2002 ? → Quid des semences paysannes, qui évoluent et que l'on garde d'année en année, en selectionnant les meilleures especes. → Existe-il un autre catalogue ? → Au niveau européen, quelles sontles contraintes d'inscription ? Gratuité demandée, qu'en est il ?</p>
|
||||||
|
<p>→ Relocalistion sur les terroirs des échanges.</p>
|
||||||
|
<p>→ Biodiversité serait tué par l'utilisation d'espèces inscrites.</p>
|
||||||
|
<p>Série de vidéos sur la paysannerie: <a class="reference external" href="http://www.latelevisionpaysanne.fr/video.php?lirevideo=86#86">http://www.latelevisionpaysanne.fr/video.php?lirevideo=86#86</a></p>
|
||||||
|
</content></entry></feed>
|
||||||
676
feeds/pyconfr2015.atom.xml
Normal file
676
feeds/pyconfr2015.atom.xml
Normal file
|
|
@ -0,0 +1,676 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<feed xmlns="http://www.w3.org/2005/Atom"><title>Carnets Web - pyconfr2015</title><link href="https://blog.notmyidea.org/" rel="alternate"></link><link href="https://blog.notmyidea.org/feeds/pyconfr2015.atom.xml" rel="self"></link><id>https://blog.notmyidea.org/</id><updated>2015-10-18T00:00:00+02:00</updated><entry><title>PyconFR 2015 — Assemblée générale</title><link href="https://blog.notmyidea.org/pyconfr-2015-assemblee-generale.html" rel="alternate"></link><published>2015-10-18T00:00:00+02:00</published><updated>2015-10-18T00:00:00+02:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2015-10-18:/pyconfr-2015-assemblee-generale.html</id><summary type="html"><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">Voici quelques notes prises durant la PyconFR 2015, à Pau. N'hésitez pas
|
||||||
|
à les completer si besoin.</p>
|
||||||
|
</div>
|
||||||
|
<p>Mot de feth sur Nelle, qui était une présidente très présente. Merci !</p>
|
||||||
|
<div class="section" id="passe">
|
||||||
|
<h2>Passé</h2>
|
||||||
|
<p>Il existe des communautés locales à Lyon Grenoble, Nantes.
|
||||||
|
Des Afpyro ont été organisés dans toutes ces villes + Rennes …</p></div></summary><content type="html"><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">Voici quelques notes prises durant la PyconFR 2015, à Pau. N'hésitez pas
|
||||||
|
à les completer si besoin.</p>
|
||||||
|
</div>
|
||||||
|
<p>Mot de feth sur Nelle, qui était une présidente très présente. Merci !</p>
|
||||||
|
<div class="section" id="passe">
|
||||||
|
<h2>Passé</h2>
|
||||||
|
<p>Il existe des communautés locales à Lyon Grenoble, Nantes.
|
||||||
|
Des Afpyro ont été organisés dans toutes ces villes + Rennes + Marseille
|
||||||
|
Support pour 2 Django Carrots.
|
||||||
|
Par rapport au mentoring, très peu de retours, peut etre de nouvelles choses
|
||||||
|
à faire.</p>
|
||||||
|
<p>FOSDEM 2015 était complet. Il y avait une salle python tojours pleine.
|
||||||
|
Dsicussions sur la diversité.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="futur">
|
||||||
|
<h2>Futur</h2>
|
||||||
|
<p>Amandine propose d'organiser des soirées à NUMA l'an prochain.
|
||||||
|
Global code retreat: participation
|
||||||
|
Migrer le serveur de l'AFPY
|
||||||
|
Reboot des status: nos pratiques ne sont pas en ligne avec nos status.
|
||||||
|
Mise en place de mentoring pour python.</p>
|
||||||
|
<div class="section" id="status">
|
||||||
|
<h3>Status</h3>
|
||||||
|
<p>Comité directeur renouvelé par tiers. Il est composé de 18 personnes. Les
|
||||||
|
discussions qui sont dans le CD n'en sortent pas, et les discussions sont donc
|
||||||
|
effectuées en priuvées.</p>
|
||||||
|
<p>L'idée actuelle serait de réduire le CD de 18 à 9 personnes. Tout le travail
|
||||||
|
serait fait en dehors du CD. Il est possible de mettre en place un groupe de
|
||||||
|
travail pour travailler sur l'évolution de la charte.</p>
|
||||||
|
<p>Il faut faire évoluer les status: ils ne sont pas actuellement bien faits par
|
||||||
|
rapport à notre utilisation.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</content></entry><entry><title>PyconFR 2015 — Hospital - des tests en prod</title><link href="https://blog.notmyidea.org/pyconfr-2015-hospital-des-tests-en-prod.html" rel="alternate"></link><published>2015-10-18T00:00:00+02:00</published><updated>2015-10-18T00:00:00+02:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2015-10-18:/pyconfr-2015-hospital-des-tests-en-prod.html</id><summary type="html"><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">Voici quelques notes prises durant la PyconFR 2015, à Pau. N'hésitez pas
|
||||||
|
à les completer si besoin.</p>
|
||||||
|
</div>
|
||||||
|
<p>Speaker: Benoit Bryon, Peopledoc.</p>
|
||||||
|
<p>Pour une procédure de déploiement, comment est-ce qu'on valide que tout va bien
|
||||||
|
une fois que tout est dépoyé ? Si on a une application très simple (upload et …</p></summary><content type="html"><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">Voici quelques notes prises durant la PyconFR 2015, à Pau. N'hésitez pas
|
||||||
|
à les completer si besoin.</p>
|
||||||
|
</div>
|
||||||
|
<p>Speaker: Benoit Bryon, Peopledoc.</p>
|
||||||
|
<p>Pour une procédure de déploiement, comment est-ce qu'on valide que tout va bien
|
||||||
|
une fois que tout est dépoyé ? Si on a une application très simple (upload et
|
||||||
|
envoi de fichiers).</p>
|
||||||
|
<p>Pour des applications plus complexes, il y a beaucoup de choses à tester (base
|
||||||
|
de données, cache, email, etc). Beaucoup de parties sont utiles: reverse
|
||||||
|
proxy, django, base de données etc.</p>
|
||||||
|
<p>Lors d'un déploiement, comment faire pour vérifier que tout tourne lorsque tout
|
||||||
|
est déployé ?</p>
|
||||||
|
<div class="section" id="comment-faire">
|
||||||
|
<h2>Comment faire ?</h2>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Les tests permettent de tester hors sol.</li>
|
||||||
|
<li>Le provisionning permet de valider que tout tourne correctement, mais</li>
|
||||||
|
<li>simplement au démarrage. Les pannes ne sont pas détectées.</li>
|
||||||
|
<li>Le logging va permettre de detecter les erreurs, mais trop tard.</li>
|
||||||
|
<li>Le monitoring permet d'avoir une vue de l'exterieur.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Hostpital propose de faire des assertions sur la configuration,
|
||||||
|
l'environnement, <em>en cours de fonctionnement</em>. Ce sont les developeurs qui
|
||||||
|
ajoutent ces assertions.</p>
|
||||||
|
<p>Cela peut servir à valider un déploiement, pour etre rassuré une fois que le
|
||||||
|
déploiement effectué. Cela peut aussi service à surveiller un service et
|
||||||
|
diagnostiquer les problèmes.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="hospital">
|
||||||
|
<h2>Hospital</h2>
|
||||||
|
<dl class="docutils">
|
||||||
|
<dt>::</dt>
|
||||||
|
<dd>pip install hospital</dd>
|
||||||
|
</dl>
|
||||||
|
<p>Hospital est un outil en python. On définit des tests, de la même manière que
|
||||||
|
l'on définit des tests unitaires. On fait des assertions, comme pour les tests
|
||||||
|
unitaires. Hospital propose des helpers pour les cas courants:
|
||||||
|
<cite>assert_http_response</cite> ou <cite>assert_ping</cite>.</p>
|
||||||
|
<p>La vue est une vue de l'intérieur. La différence avec le monitoring est que
|
||||||
|
l'on teste la connectivité entre les services (exemple d'une requete
|
||||||
|
elasticsearch qui échoue depuis un service django).</p>
|
||||||
|
<p>Pour la supervision, les healthchecks sont lancés avec une ligne de commande
|
||||||
|
<cite>hospital-cli</cite>. Il est possible de lancer également ces tests avec nose ou
|
||||||
|
py.test.</p>
|
||||||
|
<p>Il est aussi possible de faire le monitoring avec une API HTTP <cite>hospital
|
||||||
|
serve</cite>.</p>
|
||||||
|
<div class="section" id="les-lacunes-de-hospital">
|
||||||
|
<h3>Les lacunes de hospital</h3>
|
||||||
|
<p>Les healthchecks sont fait actuellement en synchrone. Cela peut prendre du
|
||||||
|
temps. Il pourrait etre interessant de lancer des taches de manière distribuée
|
||||||
|
/ en paralelle.</p>
|
||||||
|
<p>Il pourrait etre utile de faire la distinction entre les smoketests et les
|
||||||
|
diagnostiques: les premiers sont des petits checks qui permettent de dire si ça
|
||||||
|
marche, de manière très simple. De l'autre coté, les diagnostiques seraient eux
|
||||||
|
plus fins.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="wrap-up">
|
||||||
|
<h2>Wrap up</h2>
|
||||||
|
<p>Validez votre configuration, la connectivité avec les services externes. Faites
|
||||||
|
des tests souvent !</p>
|
||||||
|
</div>
|
||||||
|
</content></entry><entry><title>PyconFR 2015 — We don't need your loop</title><link href="https://blog.notmyidea.org/pyconfr-2015-we-dont-need-your-loop.html" rel="alternate"></link><published>2015-10-18T00:00:00+02:00</published><updated>2015-10-18T00:00:00+02:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2015-10-18:/pyconfr-2015-we-dont-need-your-loop.html</id><summary type="html"><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">Voici quelques notes prises durant la PyconFR 2015, à Pau. N'hésitez pas
|
||||||
|
à les completer si besoin.</p>
|
||||||
|
</div>
|
||||||
|
<p>Speaker: serge_sans_paille.</p>
|
||||||
|
<p>Retour sur le passé des boucles: ASM, fortran, C. Avec APL, la boucle est
|
||||||
|
cachée au fur et à mesure des évolutions. Écrire une boucle ne devrait pas etre
|
||||||
|
exprimer …</p></summary><content type="html"><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">Voici quelques notes prises durant la PyconFR 2015, à Pau. N'hésitez pas
|
||||||
|
à les completer si besoin.</p>
|
||||||
|
</div>
|
||||||
|
<p>Speaker: serge_sans_paille.</p>
|
||||||
|
<p>Retour sur le passé des boucles: ASM, fortran, C. Avec APL, la boucle est
|
||||||
|
cachée au fur et à mesure des évolutions. Écrire une boucle ne devrait pas etre
|
||||||
|
exprimer comment atteindre le resultat.</p>
|
||||||
|
<p>En python, par exemple, il vaut mieux utiliser <cite>sum</cite> plutôt que de faire
|
||||||
|
l'addition nous même (pour faire une addition des elements d'une liste).</p>
|
||||||
|
<p>Actuellement, le compilateur python est lent si on utilise numpy.sum sur des
|
||||||
|
matrices complexes.</p>
|
||||||
|
<div class="section" id="comment-aller-plus-vite">
|
||||||
|
<h2>Comment aller plus vite?</h2>
|
||||||
|
<p>Cython est assez compliqué, il faut savoir ce que l'on fait pour optimiser et
|
||||||
|
écrire du bon code Cython.</p>
|
||||||
|
<p>Avec pythran, l'intelligence est dans le compilateur, qui permet d'écrire
|
||||||
|
notemment des boucles correctement.</p>
|
||||||
|
<p>En donnant plus d'informaitons au compilateur, plutôt que de faire des boucles,
|
||||||
|
cela lui permet d'avoir un contexte qui lui permet d'optimiser le code.</p>
|
||||||
|
<p>Par contre, cela veut dire que plus de connaissances sont necessaire pour lire
|
||||||
|
le code python.</p>
|
||||||
|
<p>pythran permet de compiler directement vers du C++ sans avoir à changer son
|
||||||
|
code de base (python). C'est utile pour du code numpy notemment.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="questions">
|
||||||
|
<h2>Questions</h2>
|
||||||
|
<p>Possible de paralelliser de manière explicite <strong>ou</strong> implicite.</p>
|
||||||
|
<p><strong>C'est très utile pour les gens qui font du &quot;number crunching&quot;. Est-ce que
|
||||||
|
c'est utile pour d'autres domaines d'application (Web)?</strong></p>
|
||||||
|
<p>Pas vraiment. CPython est déjà bien fait pour ces cas d'utilisation.</p>
|
||||||
|
<p><strong>Est-il possible de lancer pythran sans faire de commentaires ?</strong></p>
|
||||||
|
<p>C'est possible mais cela ne servira pas à grand chose. Il est necessaire de
|
||||||
|
connaitre le type des objets qui sont utilisés lors des boucles.</p>
|
||||||
|
<p><strong>Est-ce que vous songez à un compilateur à la volée ?</strong></p>
|
||||||
|
<p>De gros efforts ont été faits dernièrement pour diminuer le temps de
|
||||||
|
compilation. Mais pour une fonction qui renvoie None prends de l'ordre d'une
|
||||||
|
seconde ou une demi seconde. Ce n'est pas très utile pour un compilateur à la
|
||||||
|
volée puisqu'il faudrait des gains de perfs supérieurs à cela.</p>
|
||||||
|
</div>
|
||||||
|
</content></entry><entry><title>PyconFR 2015 — Cliquet</title><link href="https://blog.notmyidea.org/pyconfr-2015-cliquet.html" rel="alternate"></link><published>2015-10-17T00:00:00+02:00</published><updated>2015-10-17T00:00:00+02:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2015-10-17:/pyconfr-2015-cliquet.html</id><summary type="html"><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">Voici quelques notes prises durant la PyconFR 2015, à Pau. N'hésitez pas
|
||||||
|
à les completer si besoin.</p>
|
||||||
|
</div>
|
||||||
|
<p>Speaker: Mathieu Leplatre (&#64;leplatrem), Mozilla</p>
|
||||||
|
<p>Toolkit HTTP, pour éventuellement faire des microservices.</p>
|
||||||
|
<ol class="arabic simple">
|
||||||
|
<li>Origines</li>
|
||||||
|
<li>Protocole</li>
|
||||||
|
<li>Toolkit</li>
|
||||||
|
<li>Conversation</li>
|
||||||
|
</ol>
|
||||||
|
<div class="section" id="origines">
|
||||||
|
<h2>Origines</h2>
|
||||||
|
<p>Stockage de données, Cloud Services, Mozilla.
|
||||||
|
Le boulot, c'est de faire des APIs. On nous …</p></div></summary><content type="html"><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">Voici quelques notes prises durant la PyconFR 2015, à Pau. N'hésitez pas
|
||||||
|
à les completer si besoin.</p>
|
||||||
|
</div>
|
||||||
|
<p>Speaker: Mathieu Leplatre (&#64;leplatrem), Mozilla</p>
|
||||||
|
<p>Toolkit HTTP, pour éventuellement faire des microservices.</p>
|
||||||
|
<ol class="arabic simple">
|
||||||
|
<li>Origines</li>
|
||||||
|
<li>Protocole</li>
|
||||||
|
<li>Toolkit</li>
|
||||||
|
<li>Conversation</li>
|
||||||
|
</ol>
|
||||||
|
<div class="section" id="origines">
|
||||||
|
<h2>Origines</h2>
|
||||||
|
<p>Stockage de données, Cloud Services, Mozilla.
|
||||||
|
Le boulot, c'est de faire des APIs. On nous demande de faire des APIs, tout
|
||||||
|
le temps.</p>
|
||||||
|
<p>Souvent, les mêmes questions sont à l'ordre du jour. Heartbeat, codes
|
||||||
|
d'erreurs, etc. L'inventaire de tout ce qui est attendu d'une API, au dela de
|
||||||
|
ce qui est la valeur ajoutée du service.</p>
|
||||||
|
<p>Définition d'un protocole. Définir une API REST n'est pas aussi évident qu'il
|
||||||
|
y parait. Il faut définir les formats de JSON, les status, etc.</p>
|
||||||
|
<p>La réutilisation de certaines protocoles existants était possible (Sync, en
|
||||||
|
production depuis quelques années).</p>
|
||||||
|
<p>Réutiliser du code nous permettait et faire un template pour démarrer plus
|
||||||
|
facilement, pour se concentrer sur le métier de l'API. Puisque les besoins ne
|
||||||
|
sont pas toujours les mêmes, avoir une boite à outil permet de choisir ce que
|
||||||
|
l'on souhaite.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="protocole">
|
||||||
|
<h2>Protocole</h2>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Création d'un protocole qui respecte les bonnes pratiques. CORS, avoir les
|
||||||
|
bons codes de status, arrêter de se poser toujours les mêmes questions.
|
||||||
|
Contrairement à ce qu'on imagine, la spécification HTTP n'est pas si facile
|
||||||
|
à suivre. Plutôt que d'écrire un document, un toolkit à été créé.</li>
|
||||||
|
<li>Les ops ont besoin de quelques endpoints: un heartbeat (monitoring) des
|
||||||
|
endpoints de batch, un endpoint &quot;hello&quot;, pour connaitre le type de service,
|
||||||
|
ses URLs etc.</li>
|
||||||
|
<li>La service renvoie toujours un JSON avec la description de l'erreur. Cela
|
||||||
|
permet d'avoir tout le temps la même gestion des erreurs. Utilisation du
|
||||||
|
header &quot;backoff&quot; qui permet de demander aux clients d'arreter de faire des
|
||||||
|
requetes durant une durée spécifée par le serveur.</li>
|
||||||
|
<li>Pour les resources &quot;REST&quot;, quelques règles sont définies: quel est le format
|
||||||
|
du JSON, quel est la syntaxe du querystring pour filtrer, ordonner, gérer les
|
||||||
|
opérations concurentes, etc.</li>
|
||||||
|
<li>Comment la validation fonctionne ? La pagination ? La définition des
|
||||||
|
permissions ? Les erreurs.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Définir le protocole une seule fois permet de se mettre d'accord avec les Ops.
|
||||||
|
On ne créé pas une RFC pour l'instant, il faut qu'on valide ce qu'on a fait,
|
||||||
|
il est necessaire de valider notre approche.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="toolkit">
|
||||||
|
<h2>Toolkit</h2>
|
||||||
|
<p>La stack en place est basée sur Pyramid et Cornice. Autre chose aurait pu petre
|
||||||
|
utilisé. Mais pyramid à été choisi pour son approche simpliste et qui permet de
|
||||||
|
rajouter de la complexité au fur et à mesure.</p>
|
||||||
|
<p>Cliquet propose de faire l'ensemble du boilerplate, la lecture du protocole, et
|
||||||
|
vous permet de créer les backends souhaités.</p>
|
||||||
|
<p>Il est possible de choisir les methodes HTTP acceptables, les URLs à utiliser
|
||||||
|
etc. Tweaker l'API est possible, la chose qui reste toujouts stable est le
|
||||||
|
protocole.</p>
|
||||||
|
<p>le toolkit vise à faire quelque chose de pluggable. Tout est controllable
|
||||||
|
depuis la configuration.</p>
|
||||||
|
<p>Pour le deploiement, cela veut dire que le monitoring est déjà connecté, et il
|
||||||
|
est possible de changer la configuration depuis un fichier <cite>.ini</cite>.</p>
|
||||||
|
<p>Il est aussi possible de faire du profiling en ajoutant deux lignes de code,
|
||||||
|
qui permet de générer des graphs qui permettent d'identifier les goulots
|
||||||
|
d'étranglement.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="microservices">
|
||||||
|
<h2>Microservices ?</h2>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Cliquet apporte une manière standard de surveiller, deployer, configurer des
|
||||||
|
services.</li>
|
||||||
|
<li>Il est possible de se focaliser sur la logique de l'application, en faisait
|
||||||
|
une abstraction des backends, etc.</li>
|
||||||
|
<li>Le fait de figer l'API permet d'avoir des clients génériques que l'on peu
|
||||||
|
réutiliser d'une application à l'autre.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="cliquet-est-utilise-pour">
|
||||||
|
<h2>Cliquet est utilisé pour</h2>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Kinto, un service générique de stpclage de données.</li>
|
||||||
|
<li>Syncto, un proxy pour Sync en utilisant le protocole.</li>
|
||||||
|
<li>La liste de lecture, service qui à été shutdown.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="questions">
|
||||||
|
<h2>Questions</h2>
|
||||||
|
<ul class="simple">
|
||||||
|
<li><strong>Qu'est-ce qui est pluggable ?</strong> Les choix qui sont fait dans cliquet
|
||||||
|
concernent le protocole. Le toolkit est lui fait de manière &quot;pluggable&quot;. Il
|
||||||
|
est par exemple possible de changer le backend, l'authentification, le cache
|
||||||
|
ou les permissions.</li>
|
||||||
|
<li><strong>Quelles sont les parties non standard? Est-il prévu de representer ça via
|
||||||
|
une RFC ?</strong> Le seul sujet qui pourrait etre utile dans une RFC serait de
|
||||||
|
définir les headers attendus pour la validation et l'écriture
|
||||||
|
concurrentielle. L'ensemble de ce qui est proposé est standard.</li>
|
||||||
|
<li><strong>Existe-il un client JavaScript, comme pour Kinto ?</strong> Actuellement, non. Par
|
||||||
|
contre, Kinto.js est prévu pour que la partie commune entre les APIs (le
|
||||||
|
protocole) peut etre extrait.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</content></entry><entry><title>PyconFR 2015 — Geoalchemy</title><link href="https://blog.notmyidea.org/pyconfr-2015-geoalchemy.html" rel="alternate"></link><published>2015-10-17T00:00:00+02:00</published><updated>2015-10-17T00:00:00+02:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2015-10-17:/pyconfr-2015-geoalchemy.html</id><summary type="html"><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">Voici quelques notes prises durant la PyconFR 2015, à Pau. N'hésitez pas
|
||||||
|
à les completer si besoin.</p>
|
||||||
|
</div>
|
||||||
|
<p>Speaker: Eric Lemoine, Camp to camp. (&#64;elemoine)</p>
|
||||||
|
<p>Bibliothèque python basée sur SQL alchemy, pour interagir avec des bases de
|
||||||
|
données geographiques / spatiales.</p>
|
||||||
|
<p>Une base de donnée optimisée pour representer et rechercher des …</p></summary><content type="html"><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">Voici quelques notes prises durant la PyconFR 2015, à Pau. N'hésitez pas
|
||||||
|
à les completer si besoin.</p>
|
||||||
|
</div>
|
||||||
|
<p>Speaker: Eric Lemoine, Camp to camp. (&#64;elemoine)</p>
|
||||||
|
<p>Bibliothèque python basée sur SQL alchemy, pour interagir avec des bases de
|
||||||
|
données geographiques / spatiales.</p>
|
||||||
|
<p>Une base de donnée optimisée pour representer et rechercher des données qui
|
||||||
|
representent des objets dans un espace géométrique.</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Il est possible d estocker des ligne,s de polygones, des points. Il y a une
|
||||||
|
colonne géometrie pour stocker ces données.</li>
|
||||||
|
<li>Il y a aussi des fonctions qui permettent de travailler sur ces données
|
||||||
|
(transfomrations, projections, etc).</li>
|
||||||
|
<li>Indexs géographiques qui permettent de faire des recherches de manière
|
||||||
|
performante.</li>
|
||||||
|
</ul>
|
||||||
|
<div class="section" id="postgis">
|
||||||
|
<h2>POSTGIS</h2>
|
||||||
|
<p>POSTGIS s'appuie sur postres pour offrir des types géographiques, des fonctions
|
||||||
|
et des indexes (R-Tree), qui permettent de ranger les géométries dans des
|
||||||
|
&quot;boites englobantes&quot;.</p>
|
||||||
|
<p>Pour créer une base de données postgis, il faut faire un &quot;create extension
|
||||||
|
postgis&quot;, ce qui installe tout ce dont on a besoin.</p>
|
||||||
|
<p>il est possible d'apeller <cite>GEOMETRY(POINT)</cite> par exemple.</p>
|
||||||
|
<p><cite>ST_GeomFromText('POINT(lat long)')</cite> permet de convertir un point dans un objet
|
||||||
|
geometrie interne à postgres.</p>
|
||||||
|
<p><cite>ST_DWithin</cite> permet de trouver les personnes qui sont autour d'un rayon donné.</p>
|
||||||
|
<p>L'ensemble des fonctions proposées par postgres commencent par <cite>ST_*</cite></p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="sqlalchemy">
|
||||||
|
<h2>SQLAlchemy</h2>
|
||||||
|
<p>Il s'agit d'une bote à outil qui permet de faire des requetes de manière
|
||||||
|
simple. Il y a une philosophie forte.</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Il ne sohaite pas cacher la base de données</li>
|
||||||
|
<li>C'est un language pour faire du SQL en python</li>
|
||||||
|
<li>Rien n'est caché.</li>
|
||||||
|
<li>Fourni un vocabulaire riche pour générer le SQL</li>
|
||||||
|
<li>L'objectif est de changer la manière dont on pense à SQL, redonner le gout du
|
||||||
|
SQL aux developeurs.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Deux parties:
|
||||||
|
- ORM
|
||||||
|
- CORE</p>
|
||||||
|
<p>Il est possible d'utiliser simplement le core si l'on sohaite (sans utiliser
|
||||||
|
l'ORM)</p>
|
||||||
|
<div class="section" id="core">
|
||||||
|
<h3>Core</h3>
|
||||||
|
<p>Il est possible d'utiliser SQL Alchemy pour générer les tables à l'origine.
|
||||||
|
Core permet d'utiliser des tables, et d'executer une insertion, depuis python.
|
||||||
|
Il est possible de representer les requetes avec des methodes chainées
|
||||||
|
<cite>select().where()</cite> etc.</p>
|
||||||
|
<p>Le &quot;core&quot; ne fait pas de mapping du tout, il manipule des Tables SQLA
|
||||||
|
directement.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="orm">
|
||||||
|
<h3>ORM</h3>
|
||||||
|
<p>L'ORM fait, lui, du mapping. C'est cette couche que l'on va utiliser dans une
|
||||||
|
application Web complexe par exemple.</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>il est possible de travailler avec une session <cite>Session()</cite> puis on effectue
|
||||||
|
des opérations et on <cite>commit()</cite>.</li>
|
||||||
|
</ul>
|
||||||
|
<div class="section" id="geoalchemy">
|
||||||
|
<h4>GeoAlchemy</h4>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Créé en 2009, pour supporter uniquement postgis.</li>
|
||||||
|
<li>Depuis, d'autres bases de données (MySQL, Spatialite, MySQL server) etc.</li>
|
||||||
|
<li>Réécriture depuis grace à la nouvelle API de SQLAlechemy, mais perte du
|
||||||
|
support d'autres backends.</li>
|
||||||
|
<li>Finalement, retour sur POSTGIS uniquement, pour évite d'avoir à supporter les
|
||||||
|
différences de tous les backends.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="features">
|
||||||
|
<h2>Features</h2>
|
||||||
|
<p>Très simple de s'intégrer avec les features de POSTGIS, par exemple en
|
||||||
|
déclarant une colonne en tant que &quot;Géometrie&quot;.</p>
|
||||||
|
<p>Exemple: session.query(Lake).filter(Lake.geom.ST_Buffer(2).ST_Area) permet de
|
||||||
|
lister l'ensemble des lacs avec une aire de 2 au moins.</p>
|
||||||
|
<p>S'intègre bien avec des services existants (shapely, pyramid, etc).</p>
|
||||||
|
<p>Utilisation de geojsondumps pour representer des features en geojson.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="status">
|
||||||
|
<h2>Status</h2>
|
||||||
|
<p>Le projet est completement documenté sur read the docs. La documentation est
|
||||||
|
assez complete et solide. Il est intégralement testé, sur differentes versions
|
||||||
|
de python, sqlalchemy et postgres.</p>
|
||||||
|
<dl class="docutils">
|
||||||
|
<dt>3 ou 4 developeurs actifs sur le projet, ça fonctionne plutôt bien. Pour</dt>
|
||||||
|
<dd><p class="first">contribuer, il est possible de faire cela sur github.</p>
|
||||||
|
<p class="last">Slides de la presentation sur <a class="reference external" href="http://erliem.net/talks/pyconfr2015">http://erliem.net/talks/pyconfr2015</a></p>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
<p>Resources:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li><a class="reference external" href="https://pypi.python.org/pypi/Shapely">https://pypi.python.org/pypi/Shapely</a> - Manipulation and analysis of geometric
|
||||||
|
objects in the Cartesian plane.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Question:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Dans les exemples geoalchemy, les données geométriques sont passées sous
|
||||||
|
forme de chaine. Est-ce normal ? Oui.</li>
|
||||||
|
<li>Les rasters sont également supportés.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</content></entry><entry><title>PyconFR 2015 — SQL Alchemy</title><link href="https://blog.notmyidea.org/pyconfr-2015-sql-alchemy.html" rel="alternate"></link><published>2015-10-17T00:00:00+02:00</published><updated>2015-10-17T00:00:00+02:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2015-10-17:/pyconfr-2015-sql-alchemy.html</id><summary type="html"><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">Voici quelques notes prises durant la PyconFR 2015, à Pau. N'hésitez pas
|
||||||
|
à les completer si besoin.</p>
|
||||||
|
</div>
|
||||||
|
<p>Speaker: David Allouche</p>
|
||||||
|
<p>SQL Alchemy vous permet de produire le SQL que vous voulez. Il faut que vous
|
||||||
|
souhaitiez comprendre ce que va etre produit.</p>
|
||||||
|
<p>Déclaratif:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>On créé des classes qui representent …</li></ul></summary><content type="html"><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">Voici quelques notes prises durant la PyconFR 2015, à Pau. N'hésitez pas
|
||||||
|
à les completer si besoin.</p>
|
||||||
|
</div>
|
||||||
|
<p>Speaker: David Allouche</p>
|
||||||
|
<p>SQL Alchemy vous permet de produire le SQL que vous voulez. Il faut que vous
|
||||||
|
souhaitiez comprendre ce que va etre produit.</p>
|
||||||
|
<p>Déclaratif:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>On créé des classes qui representent nos tables, et les liaisons entre les
|
||||||
|
tables, en utilisant <cite>relationship</cite> (qui à énormement d'attributs).</li>
|
||||||
|
<li>On définit quelles osnt les clés étrangères entre les tables.</li>
|
||||||
|
<li>Puis on va définir les attributs qui sont liés entre les tables
|
||||||
|
(relationship).</li>
|
||||||
|
<li>Pour définir des relations entre les Tables, il est possible d'utiliser des
|
||||||
|
chaines de caractère <cite>relationship('OtherTable')</cite>.</li>
|
||||||
|
<li>La session es tun concept important.</li>
|
||||||
|
<li>Lire efficacement. Attention à ne pas faire énormement de requetes avec
|
||||||
|
L'ORM.</li>
|
||||||
|
</ul>
|
||||||
|
<p><strong>Performance SQL</strong></p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Générer le SQL (python)</li>
|
||||||
|
<li>Ne pas faire énormement de petites requetes.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Il est possible de demander à la session de charger les données qui sont
|
||||||
|
associées. (avec un joinedload). Par defaut, cela risque de charger
|
||||||
|
l'ensemble des colonnes.</p>
|
||||||
|
<p>Pour la générer avec SQLAlchemy, il est possible de faire un
|
||||||
|
<cite>.query(Table).join(Table).join(Table2).filter_by(field=value)</cite></p>
|
||||||
|
<p>En pratique, le mieux est de lister clairemnet le nom des tables</p>
|
||||||
|
<p>2ème partie:</p>
|
||||||
|
<p>Pour de l'import de données,</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>first() fait une requete SQL. A éviter dans les boucles</li>
|
||||||
|
<li>session.flush() c'est quand la session écrit en base tout ce qui est en cours
|
||||||
|
dans la transaction. Par default, la session fait un flush avant chaque
|
||||||
|
requete.</li>
|
||||||
|
<li>une option backçpopulates mets à jour la liste des documents associés à une
|
||||||
|
table qui à une foreign key.
|
||||||
|
backref modifie implicitement la classe associée. Il est recommandé
|
||||||
|
d'utiliser <cite>back_populates</cite> et non pas <cite>backref</cite>.</li>
|
||||||
|
<li><cite>subqueryload</cite> permet de générer une requete séparée plutôt qu'une jointure.</li>
|
||||||
|
</ul>
|
||||||
|
</content></entry><entry><title>PyconFR 2015 — Table ronde diversité</title><link href="https://blog.notmyidea.org/pyconfr-2015-table-ronde-diversite.html" rel="alternate"></link><published>2015-10-17T00:00:00+02:00</published><updated>2015-10-17T00:00:00+02:00</updated><author><name>Alexis Métaireau</name></author><id>tag:blog.notmyidea.org,2015-10-17:/pyconfr-2015-table-ronde-diversite.html</id><summary type="html"><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">Voici quelques notes prises durant la PyconFR 2015, à Pau. N'hésitez pas
|
||||||
|
à les completer si besoin.</p>
|
||||||
|
</div>
|
||||||
|
<p><em>Prise de notes: Gordon et Alexis</em></p>
|
||||||
|
<p><strong>Présent·e·s: Jean Phillipe, Laurence (Directrice de l'école qui acueille la
|
||||||
|
Pycon), Amandine, Vivianne, Anna (de django carrots) + representes de django
|
||||||
|
girls bordeaux (Laurenne et …</strong></p></summary><content type="html"><div class="admonition note">
|
||||||
|
<p class="first admonition-title">Note</p>
|
||||||
|
<p class="last">Voici quelques notes prises durant la PyconFR 2015, à Pau. N'hésitez pas
|
||||||
|
à les completer si besoin.</p>
|
||||||
|
</div>
|
||||||
|
<p><em>Prise de notes: Gordon et Alexis</em></p>
|
||||||
|
<p><strong>Présent·e·s: Jean Phillipe, Laurence (Directrice de l'école qui acueille la
|
||||||
|
Pycon), Amandine, Vivianne, Anna (de django carrots) + representes de django
|
||||||
|
girls bordeaux (Laurenne et Alexia).</strong></p>
|
||||||
|
<p><strong>JP — Pourquoi</strong>:On a eu une discussion sur la ML de l'AFPy suite à une décision
|
||||||
|
de l'afpy de ne pas financer un évènement qui n'était pas ouvert à tous-tes
|
||||||
|
(restreint aux femmes et personnes trans). Cette décision à été prise
|
||||||
|
conformément a la charte de l'AFPY qui dit que les evènements promus sont
|
||||||
|
ouverts à tous. Ce qui veut dire que cela n'inclue pas les évènement exclusifs.
|
||||||
|
(Je n'ai jamais demandé de financement à l'AFPY. J'ai juste demandé la
|
||||||
|
diffusion sur la mailing interne de la création de Pyladies Paris. Je ne sais
|
||||||
|
pas d'où vient cette histoire de financement! Pyladies Paris)</p>
|
||||||
|
<p>Suite à ça, une modification de la charte à été proposée. Demain matin, la
|
||||||
|
modification de la charte sera proposée lors de l'AG. Suite à la proposition de
|
||||||
|
modification, les discussions se sont enchainées, avec des points de vue
|
||||||
|
divergents. Cette table ronde vient donc dans ce contexte.
|
||||||
|
I
|
||||||
|
BD d'introduction:
|
||||||
|
<a class="reference external" href="http://www.commitstrip.com/fr/2015/09/17/meanwhile-in-a-parallel-universe-2/">http://www.commitstrip.com/fr/2015/09/17/meanwhile-in-a-parallel-universe-2/</a></p>
|
||||||
|
<div class="section" id="tour-de-presentation">
|
||||||
|
<h2>Tour de présentation:</h2>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>Laurence directrice de l'école qui accueille d'évènement, docteure en Maths.
|
||||||
|
Contente de voir que la tendance s'inverse un peu (de plus en plus de filles).</li>
|
||||||
|
<li>Vivianne, maitre de conférence en informatique à paris sud. Études dans un
|
||||||
|
milieu assez masculin. Dans le domaine du developpement pour la recherche, ou
|
||||||
|
des environnements techniques, c'est très masculin. Essaye de voir comment
|
||||||
|
faire pour que les filles s'intéressent plus a l'informatique.</li>
|
||||||
|
<li>Amandine Neyrolle, diplomée d'école de commerce (plutot 50% fille/garcon dans
|
||||||
|
ces fillières). Intégrée le monde de l'informatique par la suite en autodidacte
|
||||||
|
et formations. Rencontré la créatrice de pyladies et discuté de ces questions.</li>
|
||||||
|
<li>Laurenne Chelan, organistrice des django girls bdx. Nouvelle dans cet
|
||||||
|
univers. Travaille dans des musées de science depuis quelques années. L'idée de
|
||||||
|
dj girs bdx part de l'idée de découvrir le code. Les djangogirls viennent de
|
||||||
|
berlin, créé par ???.</li>
|
||||||
|
<li>Alexia Sumois. organisatrice de django girls bdx. Nouvelle dans le milieu du
|
||||||
|
code. Les conférences d'aujourd'hui on donné envie d'apprendre.</li>
|
||||||
|
<li>Anna, créatrice de 4ideas. Essaye de faire en sorte que plus de femmes
|
||||||
|
viennent dans l'IT. En reconversion pro. Choisi ce domaine il ya un an. Trouve
|
||||||
|
que ce sujet est vraiment extremement important, et sur lequel il est possible
|
||||||
|
de faire quelque chose, et d'influencer positivement. L'idée étant de
|
||||||
|
démystifier l'IT, et laisser le choix aux femmes de choisir cette profession.</li>
|
||||||
|
<li>Jean Phillipe Campguillhem, secrétaire de l'AFPY</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="pourquoi-django-girls">
|
||||||
|
<h2>Pourquoi Django Girls ?</h2>
|
||||||
|
<p><strong>Alexia</strong> — Le déclencheur de cette aventure vient des goodies (!). La décoration
|
||||||
|
de l'évènement a attiré l'attention et donné envie de creuser.</p>
|
||||||
|
<p><strong>Laurenne</strong> — C’est pour ça qu’on se pose la question « comment attirer ces
|
||||||
|
publics, ces personnes-là ? », importance de l’image qu’on renvoie. Ce n’est
|
||||||
|
pas tant une question de genre, mais d’initié·e·s : on a souvent peur d’entrer
|
||||||
|
dans ce milieu. Django-girls vise une plus grande bienveillancet Carte de la
|
||||||
|
convivialité, chaleureux, et facile d'accès pour les débutants. Tout est livré
|
||||||
|
clé en main, et l'évènement est facile à prendre en main. Le 28 oct à bordeau,
|
||||||
|
recherche de coachs / sponsors pour l'évènement.
|
||||||
|
<a class="reference external" href="http://djangogirls.com/bordeaux">http://djangogirls.com/bordeaux</a></p>
|
||||||
|
<p><strong>Laurence</strong> — Aspect macho présent dans la communication de l’école (pas
|
||||||
|
forcément explicite). « On a toujours dessiné des symboles de métiers
|
||||||
|
identifiés par des garçons »</p>
|
||||||
|
<p><strong>Laurenceu</strong> — Il y a une partie d'inconscient dans l'ensemble de
|
||||||
|
l'enseignement qui est donné. Il y a peu de candidates qui essayent. Pas
|
||||||
|
question de discrimination positive puisque cela a des effets indésirables
|
||||||
|
(communautarisme). La question est tout de meme posée, mais il est impensable
|
||||||
|
d'accepter des gens grace / a cause de leur genre. L'ambiance change lorsqu'il
|
||||||
|
y a de la mixité. À la recherche d’idées pour faire venir plus de candidates.</p>
|
||||||
|
<p><strong>Viviane</strong> — En tant que femme, on reçoit en permanence le message que ce
|
||||||
|
métier n’est pas fait pour nous. Ces messages ont un impact, le résultat est
|
||||||
|
que les filles ne vont pas dans les écoles d’informatiques. Il faut aller
|
||||||
|
convaincre les jeunes filles que c’est aussi fait pour elles. Ça passe par
|
||||||
|
changer les plaquettes. Il faut réussir à changer l'image existante des confs /
|
||||||
|
communautés. Un développeur peut aussi etre une développeuse. Dans l'assemblée,
|
||||||
|
on se rend compte que certaines femmes sont en dehors du parcours. Il faut
|
||||||
|
qu'en tant que communauté on soit capables d'accueillir les nouvelles /
|
||||||
|
nouveaux. C’est en ayant une diversité qu’on parviendra à changer l’image du
|
||||||
|
métier. Les rencontres pyladies permettent aussi de rencontrer d'autres femmes
|
||||||
|
qui ont les mêmes problématiques. Accompagner les nouvelles entrantes pour
|
||||||
|
trouver du boulot, découvrir l'AFPY et les initatives existantes. Les
|
||||||
|
initiatives existantes django girls / pyladies est très important.</p>
|
||||||
|
<p><strong>Amandine</strong> — C’est pourquoi ce genre d’évènements non-mixtes permet de faire
|
||||||
|
des séances de rattrapage pour permettre d’intégrer la communauté dans son
|
||||||
|
ensemble. C’est le point clé pour faire accepter ce genre d’initiatives.</p>
|
||||||
|
<p><strong>Laurenne</strong> — DjangoGirls et Django Carrots ne sont pas des évènements
|
||||||
|
excluants. Ils sont simplement orientés en priorité aux femmes. Sur la question
|
||||||
|
de « comment amener des jeunes filles vers ces études-là », ça se joue bien
|
||||||
|
avant, dans l’enfance, bien avant l’école. cf les jeux genrés. Il faut
|
||||||
|
travailler à ce niveau-là.</p>
|
||||||
|
<p><strong>Anna</strong> — Pour illustrer ce que dit Laurenne, l'importance des clichés
|
||||||
|
existants. Avant le mi-80s, il y avait autant de femmes que dans d'autres
|
||||||
|
domaines. Si on regarde les stats, dans tousles autres domaines, le pourcentage
|
||||||
|
de femmes augmente. Et en IT, en 84 il y a un pic qui inverse la tendance. Ce
|
||||||
|
sont des stats américaines. A priori cela s'applique aussi en Europe. En IT, la
|
||||||
|
culture qui à été créé autour des hackers qui ont des super pouvoirs, mangent
|
||||||
|
des pizzas, etc. Ces clichés ont influencé le monde. Nous ne sommes pas
|
||||||
|
complètement autonomes, et nous sommes influencés par la culture autour de
|
||||||
|
nous. Les dommages qui ont été fait dans le domaine de l'IT sont graves, et il
|
||||||
|
est important de renverser la tendance. La question de l'image est centrale.
|
||||||
|
Les personnes ont besoin de place pour faire leurs évènements. Il est important
|
||||||
|
de comprendre et respecter que les autres veuillent faire de la discrimination
|
||||||
|
positive. Ce sont des actions qui sont supportées par la France. Ce sont des
|
||||||
|
valeurs qui sont beaucoup lus fortes en France qu'ailleurs (Anna souligne
|
||||||
|
qu'elle est Polonaise). On devrait respecter ce droit.</p>
|
||||||
|
<p><strong>Vivianne</strong> — Certaines evènements sont non-mixtes (pour les personnes qui
|
||||||
|
s'identifient comme des femmes). Ce ne doit pas etre les seules initiatives.
|
||||||
|
Elle est pour la mixté. PyLadies est assez spécifique : ce n’est pas de la
|
||||||
|
formation, mais principalement des évènements tournés autour du réseau. Il est
|
||||||
|
important d'avoir un endroit ou les jeunes femmes seront moins imprésionnées.
|
||||||
|
Les situations exposées dans la BD sont réelles. De se retrouver dans un
|
||||||
|
environnement où elles sont sûres qu’elles ne subiront pas de micro-agressions.</p>
|
||||||
|
<p><strong>Laurence</strong> — Témoignage d'une mère qui dit à sa fille, en passant devant un
|
||||||
|
panneau de l'école, mentionnant maths et informatique, et qui dit à sa fille «
|
||||||
|
oh non, c'est pas pour toi ça » . On dit « attention les garçons, vous devez
|
||||||
|
être sympas avec les filles ». Les garçons ont envie que ça se passe bien avec
|
||||||
|
les filles.</p>
|
||||||
|
<p><strong>JP</strong> — Sans revenir sur les décisions qui ont été prises, nous n'avons pas
|
||||||
|
dit que nous étions contre ces évènements (à l'AFPY). A plusieurs reprises,
|
||||||
|
j'ai du faire des blagues sexistes. Évidemment qu'on est mieux ensemble. Pour
|
||||||
|
revenir sur la discussion de la mailing-list, je me suis rendu compte que
|
||||||
|
j'avais un regard biaisé. Si on en est la, c'est quil y a énormement de
|
||||||
|
travail. Que faire, du coup ? En tant qu'hommes ? Qu'association ? Si il est
|
||||||
|
necessaire de créer une zone de confort / sécurité, c'est qu'il y a une zone
|
||||||
|
d'inconfort / insécurité qui est forte. Les couleurs, les jolis goodies, sont
|
||||||
|
le sommet de l’iceberg. Rappel de l'éxistence du Code of Conduct : il y a déjà
|
||||||
|
eu des incidents par le passé. On passe la parole à Florent, qui est à
|
||||||
|
l’origine du CoC. Remerciement envers les intervenantes.</p>
|
||||||
|
<p><strong>Florent (vice secrétaire de l'AFPY)</strong> — Comme le dit JP, un code of conduct
|
||||||
|
est affiché devant toutes les portes et à l'entrée. Tout le monde n’aimait pas
|
||||||
|
forcément l’idée d’en avoir, on a fini par trancher. Le but est d’avoir des
|
||||||
|
endroits safes. Avant d’avoir un CoC, on ne peut pas dire qu’on soit safes,
|
||||||
|
envers l'ensemble des minorités. On a écrit le CoC en conséquence des
|
||||||
|
agressions. Aujourd’hui, pas de tolérance pour des comportements qui n’ont pas
|
||||||
|
lieu d’être (qu’on a définis comme tels). Ça fonctionne sur la dénonciation
|
||||||
|
lorsque l’on est témoin de ça. On n’a pas vraiment de mal à rencontrer des
|
||||||
|
femmes, mais plus de mal à faire comprendre qu’elles sont bienvenues. Impact
|
||||||
|
important de blagues sexistes, qu’on défend comme « c’est pour rire ». Merci de
|
||||||
|
lire le Code of Conduct. Les blagues sexistes etc. ne sont pas les bienvenues.
|
||||||
|
Merci de réagir lors de ces cas.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="questions">
|
||||||
|
<h2>Questions.</h2>
|
||||||
|
<p><strong>Questiond de Gawel</strong>: Question pour Amandine. Est-ce que tu te sens bien à l'AFPY ? Si non, que faire pour que tu te sente mieux ?</p>
|
||||||
|
<p>Amandine — Oui je me sens bien, est-ce qu’il y a eu des évènements ? oui, sans
|
||||||
|
doute mais j’y suis aguerrie, donc je me rends peu compte. Qu’est-ce qu’on peut
|
||||||
|
faire ? L’idée du CoC est d’aller à l’encontre des comportements négatifs, mais
|
||||||
|
l’idée derrière est une ouverture à la différence dans son ensemble, promouvoir
|
||||||
|
l’ouverture à l’autre et à la différence. L’enjeu culturel est d’arriver à
|
||||||
|
changer d’état d’esprit et d’identifier ces biais cognitifs. Il faudrait pas
|
||||||
|
qu’on se dise « ho là là, il y a une fille, faut rien dire sinon je vais me
|
||||||
|
faire taper » Il faut cultiver la différence. et être curieux/se.</p>
|
||||||
|
<p><strong>Question</strong> : « c’est pas fait pour moi », mais plutôt « je suis mauvais, donc
|
||||||
|
je dois travailler », on en revient à l’importance de l’éducation. Il faut
|
||||||
|
continuer de pointer du doigt les problèmes. Je suis aussi membre d’un LUG,
|
||||||
|
nous sommes entre hommes diplomés blancs de 30 à 40 ans. La réflexion sur les
|
||||||
|
plaquettes pas accueillantes est pertinente : le site de l’asso est très
|
||||||
|
masculin.</p>
|
||||||
|
<p><strong>Question de Bruno</strong>. Pour l’école: quand j’étais étudiant, 20% de filles.
|
||||||
|
(Aujourd’hui on est partis de 7/8% pour arriver à 15%). Est-ce que les filles
|
||||||
|
réussissent plus ?</p>
|
||||||
|
<p>Laurence — on n’a pas de stats, mais elles posent moins de problèmes. Les
|
||||||
|
filles sont favorisées par les employeurs.</p>
|
||||||
|
<p>Vivianne — la motivation des filles à la sortie est identique aux garçons, mais
|
||||||
|
tout n’est pas rose. En entretien par exemple, ils sont faits par des hommes,
|
||||||
|
mais au niveau des stats, le nombre de femmes qui quittent le milieu est
|
||||||
|
important. Effort à faire au niveau de la communauté, des entreprises. Schémas
|
||||||
|
masculins, mais sur le long terme, on subit des agressions. Difficile de rester
|
||||||
|
dans le métier et faire une carrière intéressante, à compétences/motivation
|
||||||
|
identiques aux hommes. Il faut en avoir conscience</p>
|
||||||
|
<p><strong>Question de Benoit</strong>: il y a peut-être une façon de créer des
|
||||||
|
lieux/évènements protégés, en utilisant ceux qui existent déjà. Est-ce qu’on
|
||||||
|
peut aller organiser des évènements dans des écoles/lycées, des endroits où les
|
||||||
|
gens se sentent déjà à l’aise, où les populations sont plus représentées ?</p>
|
||||||
|
<p>Vivianne — ça se fait. En tant qu’enseignante, dès que j’ai une occasion, que
|
||||||
|
ce soit pour aller chercher des JF ou des étudiants maths/infos, même si c’est
|
||||||
|
ouvert à tous, je le fais. Si c’est que des hommes, les femmes n’ont pas envie
|
||||||
|
d’y aller.</p>
|
||||||
|
<p>Laurenne — c’est quelque chose qui se fait beaucoup. On met en avant des femmes
|
||||||
|
chercheuses dès qu’on le peut.</p>
|
||||||
|
<p><strong>Question d'Alexis</strong> : je suis très content qu’il y ait cette discussion qui
|
||||||
|
se fasse. Question par rapport aux discriminations positives, qu’on a pu voir
|
||||||
|
par le passé (notamment lors de conférences). Difficile de dire « on va
|
||||||
|
préférer des femmes ». Question irrésolue, parce que pour faire évoluer, on a
|
||||||
|
besoin d'initier quelque chose, d’essayer. Mais ça a un côté dérangeant.</p>
|
||||||
|
<p>Vivianne — à la PyCon (US), j’ai été impressionnée du nombre de femmes qui
|
||||||
|
parlaient. On va pas mettre un quota, ça serait stupide, on va forcer personne.
|
||||||
|
Mais il faut en avoir conscience. Cette année, on est 4 oratrices, y’a du
|
||||||
|
travail à faire. En tant qu’hommes, il faut aussi se mettre en retrait et
|
||||||
|
inviter des femmes à en parler à notre place. Faire le pas d'aller faire un
|
||||||
|
exposé dans une communauté où on ne se sent pas à sa place (même si on lutte
|
||||||
|
contre) est difficile. Inviter des gens, sans forcément passer par un énorme
|
||||||
|
processus. Ça passe par des events comme PyLadies.</p>
|
||||||
|
<p>Anna — pour les personnes par encore convaincues, juste apres le droit de vote
|
||||||
|
des femmes en 46, à l'assemblée nationale il y avait très peu de femmes. Puis
|
||||||
|
en 93, 6.1% apres que des mesures aient été prises. Ensuite de femmes puis vers
|
||||||
|
20% Les choses ne vont pas se changer toutes seules. Il est necessaire d'avoir
|
||||||
|
du temps pour faire évoluer les choses. Il est important de noter que PyconFR
|
||||||
|
fait déjà des choses. Et lors de django carrots, je me suis sentie très
|
||||||
|
accueillie. J'ai eu beaucoup de très bonnes expériences avec des personnes qui
|
||||||
|
étaient prêtes à aider.</p>
|
||||||
|
<p>JP — Remerciement pour Rémy qui abat un travail de ouf. C'est grace à Rémy si
|
||||||
|
il y a django carrots demain. Il faut faire des choses. :-) Merci !</p>
|
||||||
|
</div>
|
||||||
|
</content></entry></feed>
|
||||||
2937
feeds/tech.atom.xml
Normal file
2937
feeds/tech.atom.xml
Normal file
File diff suppressed because it is too large
Load diff
1767
feeds/thoughts.atom.xml
Normal file
1767
feeds/thoughts.atom.xml
Normal file
File diff suppressed because it is too large
Load diff
217
first-week-working-on-distutils2.html
Normal file
217
first-week-working-on-distutils2.html
Normal file
|
|
@ -0,0 +1,217 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>first week working on distutils2 - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">first week working on distutils2</h1>
|
||||||
|
<span class="post-date">04 juin 2010</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>As I've been working on
|
||||||
|
<a class="reference external" href="http://hg.python.org/distutils2/">Distutils2</a> during the past
|
||||||
|
week, taking part of the
|
||||||
|
<a class="reference external" href="http://code.google.com/intl/fr/soc/">GSOC</a> program, here is a
|
||||||
|
short summary of what I've done so far.</p>
|
||||||
|
<p>As my courses are not over yet, I've not worked as much as I
|
||||||
|
wanted, and this will continues until the end of June. My main
|
||||||
|
tasks are about making installation and uninstallation commands, to
|
||||||
|
have a simple way to install distributions via
|
||||||
|
<a class="reference external" href="http://hg.python.org/distutils2/">Distutils2</a>.</p>
|
||||||
|
<p>To do this, we need to rely on informations provided by the Python
|
||||||
|
Package Index (<a class="reference external" href="http://pypi.python.org/">PyPI</a>), and there is at
|
||||||
|
least two ways to retreive informations from here: XML-RPC and the
|
||||||
|
"simple" API.</p>
|
||||||
|
<p>So, I've been working on porting some
|
||||||
|
<a class="reference external" href="http://bitbucket.org/tarek/distribute/">Distribute</a> related
|
||||||
|
stuff to <a class="reference external" href="http://hg.python.org/distutils2/">Distutils2</a>, cutting
|
||||||
|
off all non distutils' things, as we do not want to depend from
|
||||||
|
Distribute's internals. My main work has been about reading the
|
||||||
|
whole code, writing tests about this and making those tests
|
||||||
|
possible.</p>
|
||||||
|
<p>In fact, there was a need of a pypi mocked server, and, after
|
||||||
|
reading and introducing myself to the distutils behaviors and code,
|
||||||
|
I've taken some time to improve the work
|
||||||
|
<a class="reference external" href="http://bitbucket.org/konrad">Konrad</a> makes about this mock.</p>
|
||||||
|
<div class="section" id="a-pypi-server-mock">
|
||||||
|
<h2>A PyPI Server mock</h2>
|
||||||
|
<p>The mock is embeded in a thread, to make it available during the
|
||||||
|
tests, in a non blocking way. We first used
|
||||||
|
<a class="reference external" href="http://wsgi.org">WSGI</a> and
|
||||||
|
<a class="reference external" href="http://docs.python.org/library/wsgiref.html">wsgiref</a> in order
|
||||||
|
control what to serve, and to log the requests made to the server,
|
||||||
|
but finally realised that
|
||||||
|
<a class="reference external" href="http://docs.python.org/library/wsgiref.html">wsgiref</a> is not
|
||||||
|
python 2.4 compatible (and we <em>need</em> to be python 2.4 compatible in
|
||||||
|
Distutils2).</p>
|
||||||
|
<p>So, we switched to
|
||||||
|
<a class="reference external" href="http://docs.python.org/library/basehttpserver.html">BaseHTTPServer</a>
|
||||||
|
and
|
||||||
|
<a class="reference external" href="http://docs.python.org/library/simplehttpserver.html">SimpleHTTPServer</a>,
|
||||||
|
and updated our tests accordingly. It's been an opportunity to
|
||||||
|
realize that <a class="reference external" href="http://wsgi.org">WSGI</a> has been a great step
|
||||||
|
forward for making HTTP servers, and expose a really simplest way
|
||||||
|
to discuss with HTTP !</p>
|
||||||
|
<p>You can find
|
||||||
|
<a class="reference external" href="http://bitbucket.org/ametaireau/distutils2/changesets">the modifications I made</a>,
|
||||||
|
and the
|
||||||
|
<a class="reference external" href="http://bitbucket.org/ametaireau/distutils2/src/tip/docs/source/test_framework.rst">related docs</a>
|
||||||
|
about this on
|
||||||
|
<a class="reference external" href="http://bitbucket.org/ametaireau/distutils2/">my bitbucket distutils2 clone</a>.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="the-pypi-simple-api">
|
||||||
|
<h2>The PyPI Simple API</h2>
|
||||||
|
<p>So, back to the main problematic: make a python library to access
|
||||||
|
and request information stored on PyPI, via the simple API. As I
|
||||||
|
said, I've just grabbed the work made from
|
||||||
|
<a class="reference external" href="http://bitbucket.org/tarek/distribute/">Distribute</a>, and played
|
||||||
|
a bit with, in order to view what are the different use cases, and
|
||||||
|
started to write the related tests.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="the-work-to-come">
|
||||||
|
<h2>The work to come</h2>
|
||||||
|
<p>So, once all use cases covered with tests, I'll rewrite a bit the
|
||||||
|
grabbed code, and do some software design work (to not expose all
|
||||||
|
things as privates methods, have a clear API, and other things like
|
||||||
|
this), then update the tests accordingly and write a documentation
|
||||||
|
to make this clear.</p>
|
||||||
|
<p>Next step is to a little client, as I've
|
||||||
|
<a class="reference external" href="http://github.com/ametaireau/pypiclient">already started here</a>
|
||||||
|
I'll take you updated !</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
195
focusing-on-what-matters.html
Normal file
195
focusing-on-what-matters.html
Normal file
|
|
@ -0,0 +1,195 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Focusing on what matters - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<meta name="tags" contents="focus" />
|
||||||
|
<meta name="tags" contents="time-management" />
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<style>
|
||||||
|
#illustration {
|
||||||
|
max-width: 800px;
|
||||||
|
align: center;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Focusing on what matters</h1>
|
||||||
|
<span class="post-date">17 mars 2016</span>
|
||||||
|
<img id="illustration" src="images/focus.jpg" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h2 class="post-headline">How to avoid the information overload?</h2>
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>I do have a problem with information.</p>
|
||||||
|
<p>You know. I <strong>have</strong> to check my emails, irc, twitter, my feed reader etc.
|
||||||
|
I need to.</p>
|
||||||
|
<p>And this thing makes me feel uncomfortable at the end of the day, because I
|
||||||
|
feel that I missed something. That I missed some good time, away from news and
|
||||||
|
agitation.</p>
|
||||||
|
<p>Working remotely is sometimes hard. Hard because you need to at the same time
|
||||||
|
be in the discussions channels and work on the interesting projects. A real
|
||||||
|
myth.</p>
|
||||||
|
<p>In practice, I'm really bad at multi-tasking. I tried a few times the <em>Pomodoro</em>
|
||||||
|
technique, which forces me to focus on a task for 25mn, but this split of my day
|
||||||
|
into slices of 25mn breaks my natural flow.</p>
|
||||||
|
<p>So, what do I need? I tried to change my tools, it helped a bit. Still, I'm not
|
||||||
|
focused like I would like to be.</p>
|
||||||
|
<p>Maybe that's just me who needs some more persuasion over myself, but the best
|
||||||
|
way I found to work is to unplug the cable. Literally. At work, at some point I
|
||||||
|
was using a RJ45 cable to connect to the Internet. When I wanted to work on
|
||||||
|
something, I could just unplug this cable.</p>
|
||||||
|
<p>And that's amazing how you find yourself in the process to "check"
|
||||||
|
something on the web. Mails, irc… well, you got the idea. You're litterally,
|
||||||
|
without even noticing, switching to your browser an opening a new tab…</p>
|
||||||
|
<p>Of course, that Web isn't filled only with lolcats and twitter messages
|
||||||
|
(even if I would <strong>love</strong> to see a pie chart with the repartition of lolcats
|
||||||
|
VS the rest of the web's content), so sometimes you need some precious bit of
|
||||||
|
information that's there. Fair enough. plug the cable, do what you <strong>need</strong> to
|
||||||
|
do, and unplug. Alexis, unplug!</p>
|
||||||
|
<p>It also helps to have some fair bit of documentation available directly on my
|
||||||
|
machine (I used to have the python docs, I should get it back!)</p>
|
||||||
|
<p>I'm feeling adventurous, so I'll try something new starting tomorrow, and I'll
|
||||||
|
report back in here my findings. Here's the challenge:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li><strong>Check emails only once a day</strong>. Do <strong>not</strong> do it in the morning, before
|
||||||
|
working, to keep my mind clear. I would say at 2pm (after lunch).
|
||||||
|
(This doesn't mean I will not send mails tho)</li>
|
||||||
|
<li>Stay away from the Internet during the morning. I'll not connect if I don't
|
||||||
|
need to.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Let's see how it goes :)</p>
|
||||||
|
|
||||||
|
<em>L'image d'illustration utilisée est un travail de <a href="https://www.flickr.com/photos/hansel5569/9397600663/in/photolist-fjragD-9EXcd5-oe2p14-23iTigF-7KBLmy-asVELm-V2rrkG-nDksc7-egrsJP-kbjM1t-iukTkY-dGKeMh-57E6to-6gH4sT-4ryLBG-78d9ro-7qr1BH-eLPdyP-NPN5q-4MPGmc-2CC4h6-97XaBc-aWRhkz-fmVQnq-bS2XY6-bUvhrL-Veeu3u-6p8SBC-c8Ppwm-57d3ZA-3fK6eh-mLrXp8-frHAzg-e8Tu86-6UH6FK-aUK8Zn-sqN8q-98bEdm-jbdFEj-TLTpDx-4Nxj1-9YfCgz-dhR16n-e2SELM-9JkbuY-WVomjJ-VSuCfC-iiapMh-gAjfm9-QVxcU2">55Laney69</a> proposé sous license CC BY-NC 2.0. Merci !</em>
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
247
fork-you-or-how-the-social-coding-can-help-you.html
Normal file
247
fork-you-or-how-the-social-coding-can-help-you.html
Normal file
|
|
@ -0,0 +1,247 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Fork you ! or how the social coding can help you - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Fork you ! or how the social coding can help you</h1>
|
||||||
|
<span class="post-date">05 novembre 2010</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>With <a class="reference external" href="http://github.com">github</a> and <a class="reference external" href="http://www.bitbucket.org">bitbucket</a> coming around, a lot of new usages appears for the
|
||||||
|
developpers: it's now easy to get feedback on your code/modifications, and to get
|
||||||
|
help from others by, for instance, forking repositories.</p>
|
||||||
|
<p>Eeach time I see people helping others, I'm amazed by how we like to share
|
||||||
|
our knowledge.</p>
|
||||||
|
<p>I say github, because it seems to be the more mainstream, but I think it's
|
||||||
|
something strongly related to the <a class="reference external" href="http://en.wikipedia.org/wiki/Distributed_revision_control">DVCS</a> principles: the "only" thing github have
|
||||||
|
made is to turn that into a social network, and to reveal the awesomeness of the
|
||||||
|
DVCSes to the masses.</p>
|
||||||
|
<p>What is really interesting is to see how this platform is addictive: it's
|
||||||
|
automatically updating a webpages with the more accurate informations about the
|
||||||
|
projects you're involved in, and add a bit of magic to that using webhooks,
|
||||||
|
allowing you to update your website each time you push to you repository, for
|
||||||
|
instance.</p>
|
||||||
|
<p>Quite nothing, indeed, but, I don't know why, I find this fascinating.</p>
|
||||||
|
<p>I haven't had the privilege to see my projects forked from github by strangers,
|
||||||
|
but I've forked others repository to give an hand some times, when I wanted to,
|
||||||
|
and the main reason is "because it's <strong>fun</strong>" to do so.</p>
|
||||||
|
<p>Yeah, you're probably right, you have to be a nerd to find fun to fork others.
|
||||||
|
The good point is that geeks are a kind of nerds, and some geeks are coders :)</p>
|
||||||
|
<div class="section" id="new-ways-to-contribute">
|
||||||
|
<h2>New ways to contribute</h2>
|
||||||
|
<p>In addition, it seems that he community, or the communities, are there, on those
|
||||||
|
new social networks for coders. It's really handy to drop an eye on interesting
|
||||||
|
projects, to report bugs, propose new features, and check what new projects this
|
||||||
|
or this person have made.</p>
|
||||||
|
<p>Well, "it's not new", you may think. That's true, because it's been a while that
|
||||||
|
SVN was there and even CVS before that. But, it was a bit messy to "fork" a
|
||||||
|
project, isn't it ? And I'm not talking about all the hell SVN involved with it
|
||||||
|
(who have not had issues with those messy .svn folders raises an hand !).</p>
|
||||||
|
<p>It have not been so easy to share code and thoughts about code, to propose
|
||||||
|
changes on existing code, than now. You think it's better to implement this or
|
||||||
|
that in a different way ? Clone it (fork it), make your changes and publish
|
||||||
|
them, and then ask projects owners about it. For sure you'll have answers.</p>
|
||||||
|
<p>Even if they don't want it, you can easily keep your changes, and keep getting
|
||||||
|
their updates!</p>
|
||||||
|
<p>Also, lot of <em>fashionables</em> projects tend to move on DVCS.
|
||||||
|
Personally, if I know I can fork on a DVCS instead of from a "simple" VCS,
|
||||||
|
I'll probably be quicker to fork/clone, and to publish changes on my own copy,
|
||||||
|
than if I had to do so on the upstream repository (and I'll likely dont have
|
||||||
|
the rights to push to it), because I will not be afraid to break things.</p>
|
||||||
|
<p>DVCSes makes the contribution easier.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="release-early-release-often">
|
||||||
|
<h2>Release early, release often</h2>
|
||||||
|
<p>Maybe have you read <a class="reference external" href="http://www.catb.org/~esr/writings/cathedral-bazaar/">The cathedral and the bazaar</a>, by Eric Steven Raymond ?
|
||||||
|
(If not, consider doing so, it's a really interesting reading)</p>
|
||||||
|
<p>Among a lot of others interesting things, one hint he gives is <em>release early,
|
||||||
|
release often</em>.</p>
|
||||||
|
<p>I understand it as: if you want to get contributors, release your code early,
|
||||||
|
even if it's not perfect, and don't be afraid to publish your changes each
|
||||||
|
time it's needed.</p>
|
||||||
|
<p>Without notifying it, that's basically what I was doing for my own projects.
|
||||||
|
I guess that's because Social coding platforms encourages those practices,
|
||||||
|
partially cause of the possible impact publishing each of your changes can have
|
||||||
|
on your final solution.</p>
|
||||||
|
<p>If you have considered publishing your projects, code snippets, or whatever
|
||||||
|
(code related) but did not done it, considering them not yet ready, maybe
|
||||||
|
should you think about it twice: you can get feedback and probably start some
|
||||||
|
interesting discussions about it, if you write code that's readable, of course!</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="a-step-further-for-open-source-softwares">
|
||||||
|
<h2>A step further for open source softwares</h2>
|
||||||
|
<p>Well, DVCSes are a honking great idea, and they're starting to be really
|
||||||
|
powerful when applied to free softwares. I mean: if you can't see a project,
|
||||||
|
it will be hard to contribute to it. And, I don't think anyone wants to
|
||||||
|
contribute to something closed/proprietary, <em>just for fun</em>. Or maybe am I
|
||||||
|
missing something.</p>
|
||||||
|
<p>Maybe it's a kind of revolution, about free and open source softwares (<a class="reference external" href="http://en.wikipedia.org/wiki/Free_and_open_source_software">FOSS</a>),
|
||||||
|
that is going on. I really like to know I have my word to say about the changes
|
||||||
|
in the tools I use, and to know that I can make them evolve.</p>
|
||||||
|
<p>Let's take an example. Imagine I'm using a web framework on daily basis, as a
|
||||||
|
part of my job as a web developer. I do like using an open source software
|
||||||
|
because I know how it's working, and because I know that I can interact with the
|
||||||
|
authors of the framework while they're doing the changes on it.</p>
|
||||||
|
<p>That's communication, nothing more, and of course I can do that with an internal
|
||||||
|
proprietary solution, but it will cost me <strong>a lot</strong> more time, for a dead-simple
|
||||||
|
reason: a company is not as big and powerful as a community can be: it will cost
|
||||||
|
time to work on this framework, resources to maintain it, fix bugs etc.</p>
|
||||||
|
<p>Well, I'm starting advocating here about Free and Open Source Softwares use on
|
||||||
|
companies, what is a bit beyond the scope of this article, so let's back to
|
||||||
|
our DVCSes and new social related tools.</p>
|
||||||
|
<p>If I find a bug in this framework, while working, I have the possibility to
|
||||||
|
go and talk with the creators of the framework, to open a ticket, and even to
|
||||||
|
make a fix for it, because I've access to the source code. If I want to create a
|
||||||
|
new feature, I just have to fork it, hack it, and then publish my code to have
|
||||||
|
feedback of the community.</p>
|
||||||
|
<p>My fix/work will benefit to all the people (and maybe others companies) working
|
||||||
|
with this framework, and it's a way to prove the community that my company is
|
||||||
|
enough skilled to make code-fixes to the framework, so that's all good !</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="what-s-next">
|
||||||
|
<h2>What's next ?</h2>
|
||||||
|
<p>I hope those social coding platforms are only the begining of a new area. I hope
|
||||||
|
they will make people realize what the power of the community is, and how easily
|
||||||
|
they can becomes part of it.</p>
|
||||||
|
<p>If you're not using them right now, maybe you should do so: have a
|
||||||
|
look on how the programs you're using are made, consider publishing your
|
||||||
|
experimentations, and share them with others, you will see, it's kind of
|
||||||
|
addictive !</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
170
francois-elie-quelle-ecole-pour-la-societe-de-linformation.html
Normal file
170
francois-elie-quelle-ecole-pour-la-societe-de-linformation.html
Normal file
|
|
@ -0,0 +1,170 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>François Elie : Quelle école pour la société de l’information ? - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">François Elie : Quelle école pour la société de l’information ?</h1>
|
||||||
|
<span class="post-date">14 juin 2013</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p><a class="reference external" href="http://www.framablog.org/index.php/post/2013/06/11/francois-elie-education-conference">http://www.framablog.org/index.php/post/2013/06/11/francois-elie-education-conference</a></p>
|
||||||
|
<p>Quelques bouts selectionnés.</p>
|
||||||
|
<blockquote>
|
||||||
|
<p>Mais pourquoi continue t-on à enseigner des maths à des gens qui ne vont pas
|
||||||
|
les utiliser ? Ben évidemment c’est parce qu’on n’est pas dans une école de
|
||||||
|
l’initiation où les mathématiciens font ça entre eux et on n’est pas non plus
|
||||||
|
dans une école de l’apprentissage où l’école a pour but de donner un métier, un
|
||||||
|
bagage utilisable. L’école ne sert évidemment pas à ça. D’ailleurs heureusement
|
||||||
|
parce que sinon on n’enseignerait pas la philosophie qui ne sert à rien à part
|
||||||
|
fabriquer des profs de philosophie !</p>
|
||||||
|
<p>On n’a pas besoin de tableau numérique pour enseigner l’informatique elle-même
|
||||||
|
pour enseigner la science. De la même façon on n’a pas besoin de machine à
|
||||||
|
calculer pour enseigner les mathématiques. Évidemment ! On n’a pas besoin d’une
|
||||||
|
machine à calculer pour savoir faire une division. Au contraire, surtout pas !</p>
|
||||||
|
<p>Il faut cesser d’opposer l’enseignement de la programmation d’une part et
|
||||||
|
l’enseignement des usages, c’est important mais ça c’est l’école des maîtres et
|
||||||
|
des esclaves. Ce qu’il faut enseigner, vite et à tous, c’est la science, pas la
|
||||||
|
technologie ou l’usage. C’est en amont de la programmation, l’algorithmique.
|
||||||
|
C’est, en amont de telle instanciation, du codage, du chiffrement, la théorie,
|
||||||
|
quelque chose qui comme les maths n’ont besoin que d’une craie et d’un tableau
|
||||||
|
noir.</p>
|
||||||
|
<p>Ce n'est pas un hasard si le mot "numérique" à remplaçé le mot "informatique",
|
||||||
|
c'est qu'on voudrait nous faire croire qu'il n'y a pas besoin de l'apprendre.</p>
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
179
gnome-3-extensions.html
Normal file
179
gnome-3-extensions.html
Normal file
|
|
@ -0,0 +1,179 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Gnome 3, extensions - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<meta name="tags" contents="note" />
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Gnome 3, extensions</h1>
|
||||||
|
<span class="post-date">27 décembre 2012</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>Après avoir tenté pendant un bout de temps unity, le bureau par defaut de
|
||||||
|
ubuntu, j'ai eu envie de changements, et j'ai donc essayé un peu de regarder du
|
||||||
|
coté de gnome 3, à nouveau.</p>
|
||||||
|
<p>Et finalement, j'ai trouvé quelques extensions qui sont vraiment utiles, que je
|
||||||
|
liste ici.</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li><a class="reference external" href="https://extensions.gnome.org/extension/547/antisocial-menu/">Antisocial Menu</a> vire les
|
||||||
|
boutons et textes en rapport avec le web social. J'en avais pas besoin
|
||||||
|
puisque je suis connecté à mon instant messenger dans un terminal, en
|
||||||
|
utilisant weechat.</li>
|
||||||
|
<li><a class="reference external" href="https://extensions.gnome.org/extension/97/coverflow-alt-tab/">Coverflow Alt-Tab</a> change le
|
||||||
|
switcher d'applications par defaut. Je le trouve bien plus pratique que celui
|
||||||
|
par defaut puisqu'il me permet de voir "en grand" quelle est la fenêtre que
|
||||||
|
je vais afficher.</li>
|
||||||
|
<li><a class="reference external" href="https://extensions.gnome.org/extension/55/media-player-indicator/">Media player indicator</a> me
|
||||||
|
permet de voir en temps réel ce qui se passe dans mon lecteur audio. Ça
|
||||||
|
semble ne pas être grand chose, mais ça me manquait. Ça s'intègre niquel avec
|
||||||
|
Spotify, et ça c'est chouette.</li>
|
||||||
|
<li><a class="reference external" href="https://extensions.gnome.org/extension/149/search-firefox-bookmarks-provider/">Rechercher dans les bookmarks firefox</a>
|
||||||
|
permet de… à votre avis ?</li>
|
||||||
|
</ul>
|
||||||
|
<p>Un peu moins utile mais sait on jamais:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li>“<a class="reference external" href="https://extensions.gnome.org/extension/130/advanced-settings-in-usermenu/">Advanced Settings in UserMenu</a>”
|
||||||
|
permet d'avoir un raccourci vers les paramètres avancés dans le menu
|
||||||
|
utilisateur (en haut à droite)</li>
|
||||||
|
<li>Une <a class="reference external" href="https://extensions.gnome.org/extension/409/gtg-integration/">intégration à Getting things Gnome</a> (un truc de
|
||||||
|
GTD). Je suis en train d'expérimenter avec cet outil, donc je ne sais pas
|
||||||
|
encore si ça va rester, mais pourquoi pas.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Vous pouvez aller faire un tour sur <a class="reference external" href="https://extensions.gnome.org/">https://extensions.gnome.org/</a>
|
||||||
|
pour en trouver d'autres à votre gout.</p>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
153
groovy.html
Normal file
153
groovy.html
Normal file
|
|
@ -0,0 +1,153 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>"Groovy" - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<meta name="tags" contents="note" />
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">"Groovy"</h1>
|
||||||
|
<span class="post-date">27 décembre 2012</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>“Groovy”, c'est comme ça que je l'aime la musique: peut importe le style
|
||||||
|
finalement, la bonne musique c'est celle qui sonne, celle qui groove, celle qui
|
||||||
|
fait que tu tapes du pied (le droit chez moi) et que que ta tête commence
|
||||||
|
à hocher.</p>
|
||||||
|
<p>C'est pour ça que j'ai du mal à répondre quand on me demande quel type de
|
||||||
|
musique j'aime bien. Bah voila, maintenant je sais, je l'aime groovy ;)</p>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
212
groupement-dachats-partage-dexperience.html
Normal file
212
groupement-dachats-partage-dexperience.html
Normal file
|
|
@ -0,0 +1,212 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Groupement d'achats & partage d'expérience - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<style>
|
||||||
|
#illustration {
|
||||||
|
max-width: 800px;
|
||||||
|
align: center;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Groupement d'achats & partage d'expérience</h1>
|
||||||
|
<span class="post-date">03 mars 2018</span>
|
||||||
|
<img id="illustration" src="/images/abeilles.jpg" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h2 class="post-headline">Quelques retours sur la création et l'organisation d'un groupement d'achat.</h2>
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>Il y a quelques années, on s'est motivé entre copains copines pour créer un groupement d'achat.</p>
|
||||||
|
<p>L'idée est simple:</p>
|
||||||
|
<ul>
|
||||||
|
<li>commander en gros, pour faire baisser les prix</li>
|
||||||
|
<li>se passer d'intermédiaires et favoriser les circuits courts</li>
|
||||||
|
<li>aller à la rencontre des producteurs locaux et échanger</li>
|
||||||
|
</ul>
|
||||||
|
<p>Notre groupement dessert actuellement 18 foyers et une 60aine de personnes.</p>
|
||||||
|
<p>Au fur et à mesure de la vie du groupement, on a développé quelques outils pour se simplifier la vie. Voici un retour d'expérience et quelques astuces / outils, au cas où l'envie vous prenne à vous aussi :)</p>
|
||||||
|
<h1>Organisation</h1>
|
||||||
|
<p>On organise environs trois ou quatre distributions par an. Le <em>modus operandi</em> est le suivant:</p>
|
||||||
|
<ul>
|
||||||
|
<li>chaque product·eur·rice à un·e référent·e, qui s'occupe de faire le lien;</li>
|
||||||
|
<li>une personne est désignée pour coordonner la distribution;</li>
|
||||||
|
<li>4 semaines avant la distribution, les référent·e·s mettent à jour les prix / produits dans le tableau de commandes;·e·</li>
|
||||||
|
<li>3 semaines avant la distribution, les commandes sont ouvertes;</li>
|
||||||
|
<li>2 semaines avant la distribution, les commandes sont closes;</li>
|
||||||
|
<li>Les référent·e·s ont ensuite deux semaines pour récupérer les commandes pour la distribution</li>
|
||||||
|
</ul>
|
||||||
|
<h1>Quels produits ?</h1>
|
||||||
|
<p>On essaye d'avoir uniquement des produits qui se conservent (on a également quelques autres produits plus frais, mais avec d'autres modalités).</p>
|
||||||
|
<p>Entre autres: bières, légumes secs, conserves, jus, miel, pâtes, semoule, café, vinaigres, pommes de terre, oignons, huiles, farines.</p>
|
||||||
|
<p>On essaye de faire du local puis du bio au plus proche plutôt que de trouver nécessairement les prix les plus bas. C'est une discussion qui revient assez
|
||||||
|
souvent, et donc un point à évoquer lors de la création pour avoir une posture
|
||||||
|
claire sur le sujet (tout le monde n'est pas animé par la même éthique !).</p>
|
||||||
|
<h1>Paiements</h1>
|
||||||
|
<p>Pour les paiements, on utilise autant que possible des chèques. Chaque référent·e paye la·le product·rice·eur en son nom, et lui demande d'attendre la date de la distribution pour l'encaissement. La plupart des producteurs acceptent d'être payés sous quinzaine.</p>
|
||||||
|
<p>Le jour de la distribution, tout le monde apporte son chéquier. Nous avons mis
|
||||||
|
en place une moulinette qui s'occupe de faire la répartition des chèques automatiquement, chaque membre se retrouve à faire en moyenne un ou deux chèques.</p>
|
||||||
|
<p>Chaque référent·e est ainsi remboursé·e de la somme avancée, et chaque
|
||||||
|
membre du groupement d'achat paye ce qu'il doit payer. Nous n'avons
|
||||||
|
volontairement pas de structure juridique et pas de compte en banque. Les
|
||||||
|
paiements s'effectuent directement entre nous.</p>
|
||||||
|
<h1>Transports</h1>
|
||||||
|
<p>Chaque référent·e commande les produits, puis ensuite s'occupe de les rapatrier. À Rennes, on a la chance d'avoir pas mal de producteurs aux alentours, donc c'est assez simple.</p>
|
||||||
|
<p>Le mieux est de ramener les produits juste un peu avant la distribution au lieu de distribution, ça permet d'éviter de les stocker trop longtemps, et d'éviter aux producteurs d'attendre trop longtemps avant d'encaisser les chèques.</p>
|
||||||
|
<p>Pour les grosses commandes, les voitures se remplissent bien, mais ma petite Clio suffit, que ce soit dit !</p>
|
||||||
|
<h1>La distribution</h1>
|
||||||
|
<p>Un peu en amont de la distribution, il faut organiser l'espace. Des tas par membre sont constitués pour faciliter les choses le jour de la distribution.</p>
|
||||||
|
<p>Le jour même, on se retrouve, on charge ses marchandises, on échange quelques chèques et on papote ! On en profite pour:</p>
|
||||||
|
<ul>
|
||||||
|
<li>discuter de la date de la prochaine distribution;</li>
|
||||||
|
<li>trouver une nouvelle personne pour la coordonner;</li>
|
||||||
|
<li>discuter de nouveaux produits;</li>
|
||||||
|
<li>refaire le monde;</li>
|
||||||
|
<li>changer de référents pour les producteurs.</li>
|
||||||
|
</ul>
|
||||||
|
<p>Et c'est reparti pour un tour ;)</p>
|
||||||
|
<h1>Nos outils</h1>
|
||||||
|
<p>On utilise un tableur en ligne pour partager les prix et prendre les commandes. On a essayé d'utiliser <em>ethercalc</em> au début mais ça ne fonctionnait pas pour nous à l'époque (trop de petits bugs). On a donc préféré utiliser Google docs (ouch).</p>
|
||||||
|
<p>Il est d'ailleurs possible d'y intégrer de nouvelles fonctionnalités assez facilement, du coup Fred et Rémy ont planché sur un moyen d'automatiser la répartition des chèques (qu'on faisait dans un premier temps à la main - assez péniblement).</p>
|
||||||
|
<p>Le système n'est pas parfait mais fonctionne quand même assez bien !</p>
|
||||||
|
<p>Quelques ressources, donc:</p>
|
||||||
|
<ul>
|
||||||
|
<li><a href="https://gist.github.com/almet/8c77fafc9e487c02ded852ec4a91ae16">le code pour faire la répartition des chèques</a></li>
|
||||||
|
<li><a href="https://docs.google.com/spreadsheets/d/1bnPRSvf2Q2RDxKerWnEqUyJjuCFePnVMq6pWo8LeA_k/edit?usp=sharing">une version « à remplir » de notre tableau de commandes</a> (le mieux est d'en faire une copie !).</li>
|
||||||
|
</ul>
|
||||||
|
<p>Bon groupement d'achat ;)</p>
|
||||||
|
<em>L'image d'illustration utilisée est un travail de <a href="https://www.flickr.com/photos/rudolph-84120/20281784035/in/photolist-gMxaj5-cfMuLh-SZoJFw-d8bb9f-mi22A-q9fpSJ-7zz7Tz-6pKvHi-cfMvdJ-5PWHKL-fi8LS2-9EQR56-d8b37S-9ETPCw-6M8UgQ-FCyyQx-p81gJT-6hPqMv-ei3tHg-9EQXwc-ei9bTS-c79Aku-9ETNG7-9XryY3-TUk3nj-d8b5W7-6pQXZ5-adz3pM-PHqQrG-wgg7UB-7xp16n-9EQSqV-kRqWc7-9EQVjX-fSqpzE-9ETT6d-d8bd5A-4XKtNM-7xsF3y-4YfDL9-9ETRcj-pMqGqC-7xsRy9-8uj9Ui-7PbSBQ-vC3Hta-JGRKVJ-wUerMD-9EQWER-7P1irQ">Rudolph Fehr</a> proposé sous license CC BY NC 2.0. Merci !</em>
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
159
habitat-collectif.html
Normal file
159
habitat-collectif.html
Normal file
|
|
@ -0,0 +1,159 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Habitat collectif - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Habitat collectif</h1>
|
||||||
|
<span class="post-date">28 décembre 2012</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>Habiter à plusieurs, partager un lieu de vie, monter une communauté, changer
|
||||||
|
nos modes de vie et prendre plus de temps les uns pour les autres.</p>
|
||||||
|
<p>Ça fait réfléchir un peu quand même, non ? en tout cas ça marche chez moi.</p>
|
||||||
|
<p>Voilà quelques ressources qui peuvent être utiles si jamais vous aussi ça vous
|
||||||
|
titille:</p>
|
||||||
|
<ul class="simple">
|
||||||
|
<li><a class="reference external" href="http://www.habicoop.fr/IMG/pdf/Memoire_hbtat_coop_Vaulx-2.pdf">L’Habitat Coopératif : Solution au problème de responsabilisation sociale des
|
||||||
|
copropriétaires sur la commune de Vaulx en Velin
|
||||||
|
?</a> - mémoire REPIQUET Anne
|
||||||
|
2005.</li>
|
||||||
|
<li>Un bouquin à lire avec plein d'infos: <a class="reference external" href="http://www.ecosociete.org/t101.php">Vivre autrement</a> de Diana Leafe Christian.</li>
|
||||||
|
<li>…</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
164
help-me-to-go-to-the-distutils2-paris-sprint.html
Normal file
164
help-me-to-go-to-the-distutils2-paris-sprint.html
Normal file
|
|
@ -0,0 +1,164 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>Help me to go to the distutils2 paris' sprint - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">Help me to go to the distutils2 paris' sprint</h1>
|
||||||
|
<span class="post-date">15 janvier 2011</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p><strong>Edit: Thanks to logilab and some amazing people, I can make it to paris for the
|
||||||
|
sprint. Many thanks to them for the support!</strong></p>
|
||||||
|
<p>There will be a distutils2 sprint from the 27th to the 30th of january, thanks
|
||||||
|
to logilab which will host the event.</p>
|
||||||
|
<p>You can find more informations about the sprint on the wiki page of the event
|
||||||
|
(<a class="reference external" href="http://wiki.python.org/moin/Distutils/SprintParis">http://wiki.python.org/moin/Distutils/SprintParis</a>).</p>
|
||||||
|
<p>I really want to go there but I'm unfortunately blocked in UK for money reasons.
|
||||||
|
The cheapest two ways I've found is about £80, which I can't afford.
|
||||||
|
Following some advices on #distutils, I've set up a ChipIn account for that, so
|
||||||
|
if some people want to help me making it to go there, they can give me some
|
||||||
|
money that way.</p>
|
||||||
|
<p>I'll probably work on the installer (to support old distutils and
|
||||||
|
setuptools distributions) and on the uninstaller (depending on the first
|
||||||
|
task). If I can't make it to paris, I'll hang around on IRC to give some help
|
||||||
|
while needed.</p>
|
||||||
|
<p>If you want to contribute some money to help me go there, feel free to use this
|
||||||
|
chipin page: <a class="reference external" href="http://ametaireau.chipin.com/distutils2-sprint-in-paris">http://ametaireau.chipin.com/distutils2-sprint-in-paris</a></p>
|
||||||
|
<p>Thanks for your support !</p>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
227
how-are-you-handling-your-shared-expenses.html
Normal file
227
how-are-you-handling-your-shared-expenses.html
Normal file
|
|
@ -0,0 +1,227 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>How are you handling your shared expenses? - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<meta name="tags" contents="python" />
|
||||||
|
<meta name="tags" contents="flask" />
|
||||||
|
<meta name="tags" contents="budget-manager" />
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">How are you handling your shared expenses?</h1>
|
||||||
|
<span class="post-date">15 octobre 2011</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p><strong>TL;DR:</strong> We're kick-starting a new application to manage your shared
|
||||||
|
expenses. Have a look at <a class="reference external" href="http://ihatemoney.notmyidea.org">http://ihatemoney.notmyidea.org</a></p>
|
||||||
|
<p>As a student, I lived in a lot of different locations, and the majority of them
|
||||||
|
had something in common: I lived with others. It usually was a great experience
|
||||||
|
(and I think I will continue to live with others). Most of the time, we had to
|
||||||
|
spend some time each month to compute who had to pay what to the others.</p>
|
||||||
|
<p>I wanted to create a pet project using flask, so I wrote a little
|
||||||
|
(~150 lines) flask application to handle this. It worked out pretty well for my
|
||||||
|
housemates and me, and as we had to move into different locations,
|
||||||
|
one of them asked me if he could continue to use it for the year to come.</p>
|
||||||
|
<p>I said yes and gave it some more thoughts: We probably aren't the only ones
|
||||||
|
interested by such kind of software. I decided to extend a bit more the
|
||||||
|
software to have a concept of projects and persons (the list of persons was
|
||||||
|
hard-coded in the first time, boooh!).</p>
|
||||||
|
<p>I then discussed with a friend of mine, who was excited about it and wanted to learn
|
||||||
|
python. Great! That's a really nice way to get started. Some more friends were also
|
||||||
|
interested in it and contributed some features and provided feedback (thanks
|
||||||
|
<a class="reference external" href="http://www.sneakernet.fr/">Arnaud</a> and Quentin!)</p>
|
||||||
|
<p>Since that, the project now support multiple languages and provides a REST API
|
||||||
|
(android and iphone apps in the tubes!), into other things.
|
||||||
|
There is no need to register for an account or whatnot, just enter a project name,
|
||||||
|
a secret code and a contact email, invite friends and that's it (this was inspired by
|
||||||
|
doodle)!</p>
|
||||||
|
<img alt="Capture d'écran du site." src="images/ihatemoney.png" />
|
||||||
|
<p>You can try the project at <a class="reference external" href="http://ihatemoney.notmyidea.org">http://ihatemoney.notmyidea.org</a> for now, and the
|
||||||
|
code lives at <a class="reference external" href="https://github.com/spiral-project/ihatemoney/">https://github.com/spiral-project/ihatemoney/</a>.</p>
|
||||||
|
<div class="section" id="features">
|
||||||
|
<h2>Features</h2>
|
||||||
|
<p>In the wild, currently, there already are some implementations of this shared
|
||||||
|
budget manager thing. The fact is that most of them are either hard to use, with
|
||||||
|
a too much fancy design or simply trying to do too much things at once.</p>
|
||||||
|
<p>No, I don't want my budget manager to make my shopping list, or to run a blog for
|
||||||
|
me, thanks. I want it to let me focus on something else. Keep out of my way.</p>
|
||||||
|
<div class="section" id="no-user-registration">
|
||||||
|
<h3>No user registration</h3>
|
||||||
|
<p>You don't need to register an account on the website to start using it. You
|
||||||
|
just have to create a project, set a secret code for it, and give both the url and
|
||||||
|
the code to the people you want to share it with (or the website can poke
|
||||||
|
them for you).</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="keeping-things-simple">
|
||||||
|
<h3>Keeping things simple</h3>
|
||||||
|
<p>"Keep It Simple, Stupid" really matches our philosophy here: you want to add a
|
||||||
|
bill? Okay. Just do it. You just have to enter who paid, for who, how much,
|
||||||
|
and a description, like you would have done when you're back from the
|
||||||
|
farmer's market on raw paper.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="no-categories">
|
||||||
|
<h3>No categories</h3>
|
||||||
|
<p>Some people like to organise their stuff into different "categories":
|
||||||
|
leisure, work, eating, etc. That's not something I want (at least to begin
|
||||||
|
with).</p>
|
||||||
|
<p>I want things to be simple. Got that? Great. Just add your bills!</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="balance">
|
||||||
|
<h3>Balance</h3>
|
||||||
|
<p>One of the most useful thing is to know what's your "balance" compared to
|
||||||
|
others. In other words, if you're negative, you owe money, if you're positive,
|
||||||
|
you have to receive money. This allows you to dispatch who has to pay for the
|
||||||
|
next thing, in order to re-equilibrate the balance.</p>
|
||||||
|
<p>Additionally, the system is able to compute for you who has to give how
|
||||||
|
much to who, in order to reduce the number of transactions needed to restore
|
||||||
|
the balance.</p>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="api">
|
||||||
|
<h3>API</h3>
|
||||||
|
<p>All of what's possible to do with the standard web interface is also available
|
||||||
|
through a REST API. I developed a simple REST toolkit for flask for this (and
|
||||||
|
I should release it!).</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="interested">
|
||||||
|
<h2>Interested?</h2>
|
||||||
|
<p>This project is open source. All of us like to share what we are doing and
|
||||||
|
would be happy to work with new people and implement new ideas. If you have
|
||||||
|
a nice idea about this, if you want to tweak it or to fill bugs. Don't hesitate
|
||||||
|
a second! The project lives at <a class="reference external" href="http://github.com/spiral-project/ihatemoney/">http://github.com/spiral-project/ihatemoney/</a></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
193
how-to-install-nginx-php-53-on-freebsd.html
Normal file
193
how-to-install-nginx-php-53-on-freebsd.html
Normal file
|
|
@ -0,0 +1,193 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>How to install NGINX + PHP 5.3 on FreeBSD. - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">How to install NGINX + PHP 5.3 on FreeBSD.</h1>
|
||||||
|
<span class="post-date">10 octobre 2010</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>I've not managed so far to get completely rid of php, so here's a simple
|
||||||
|
reminder about how to install php on NGINX, for FreeBSD. Nothing hard, but
|
||||||
|
that's worse to have the piece of configuration somewhere !</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
# update the ports
|
||||||
|
$ portsnap fetch update
|
||||||
|
|
||||||
|
# install php5 port
|
||||||
|
$ make config-recursive -C /usr/ports/lang/php5-extensions
|
||||||
|
$ make package-recursive -C /usr/ports/lang/php5-extensions
|
||||||
|
|
||||||
|
# install nginx
|
||||||
|
$ make config-recursive -C /usr/ports/www/nginx-devel
|
||||||
|
$ make package-recursive -C /usr/ports/www/nginx-devel
|
||||||
|
</pre>
|
||||||
|
<p>Now we have all the dependencies installed, we need to configure a bit the
|
||||||
|
server.</p>
|
||||||
|
<p>That's a simple thing in fact, but it could be good to have something that will
|
||||||
|
work without effort over time.</p>
|
||||||
|
<p>Here's a sample of my configuration:</p>
|
||||||
|
<pre class="literal-block">
|
||||||
|
server {
|
||||||
|
server_name ndd;
|
||||||
|
set $path /path/to/your/files;
|
||||||
|
root $path;
|
||||||
|
|
||||||
|
location / {
|
||||||
|
index index.php;
|
||||||
|
}
|
||||||
|
|
||||||
|
location ~* ^.+.(jpg|jpeg|gif|css|png|js|ico|xml)$ {
|
||||||
|
access_log off;
|
||||||
|
expires 30d;
|
||||||
|
}
|
||||||
|
|
||||||
|
location ~ .php$ {
|
||||||
|
fastcgi_param SCRIPT_FILENAME $path$fastcgi_script_name;
|
||||||
|
fastcgi_pass backend;
|
||||||
|
include fastcgi_params;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
upstream backend {
|
||||||
|
server 127.0.0.1:9000;
|
||||||
|
}
|
||||||
|
</pre>
|
||||||
|
<p>And that's it !</p>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
195
how-to-reboot-your-bebox-using-the-cli.html
Normal file
195
how-to-reboot-your-bebox-using-the-cli.html
Normal file
|
|
@ -0,0 +1,195 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
|
||||||
|
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
|
||||||
|
|
||||||
|
<title>How to reboot your bebox using the CLI - Carnets Web</title>
|
||||||
|
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<link href="https://blog.notmyidea.org/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Carnets Web Full Atom Feed" />
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/poole.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/syntax.css"/>
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/lanyon.css"/>
|
||||||
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
|
||||||
|
<link rel="stylesheet" href="https://blog.notmyidea.org/theme/css/styles.css"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
|
||||||
|
padding: 80px 50px;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
color: #202020;
|
||||||
|
letter-spacing: .1em;
|
||||||
|
text-shadow:
|
||||||
|
-1px -1px 1px #111,
|
||||||
|
2px 2px 1px #eaeaea;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
text-align: justify;
|
||||||
|
text-justify: inter-word;
|
||||||
|
}
|
||||||
|
#main h1 {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post-headline {
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
|
||||||
|
styles, `#sidebar-checkbox` for behavior. -->
|
||||||
|
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
|
||||||
|
<!-- Toggleable sidebar -->
|
||||||
|
<div class="sidebar" id="sidebar">
|
||||||
|
<div class="sidebar-item">
|
||||||
|
<div class="profile">
|
||||||
|
<img src="https://blog.notmyidea.org/theme/img/profile.png"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="sidebar-nav">
|
||||||
|
<a class="sidebar-nav-item" href="/">Articles</a>
|
||||||
|
|
||||||
|
<a class="sidebar-nav-item" href="https://www.vieuxsinge.com">Brasserie du Vieux Singe</a>
|
||||||
|
<a class="sidebar-nav-item" href="http://blog.notmyidea.org/pages/about.html">A propos</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://twitter.com/ametaireau">Messages courts</a>
|
||||||
|
<a class="sidebar-nav-item" href="https://github.com/almet">Code</a>
|
||||||
|
</nav>
|
||||||
|
</div> <div class="wrap">
|
||||||
|
<div class="masthead">
|
||||||
|
<div class="container">
|
||||||
|
<h3 class="masthead-title">
|
||||||
|
<a href="https://blog.notmyidea.org/" title="Home">Carnets Web</a>
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="container content">
|
||||||
|
<div id="main" class="posts">
|
||||||
|
<h1 class="post-title">How to reboot your bebox using the CLI</h1>
|
||||||
|
<span class="post-date">21 octobre 2010</span>
|
||||||
|
<img id="illustration" src="" />
|
||||||
|
|
||||||
|
<div class="post article">
|
||||||
|
<h1>🌟</h1>
|
||||||
|
<p>I've an internet connection which, for some obscure reasons, tend to be very
|
||||||
|
slow from time to time. After rebooting the box (yes, that's a hard solution),
|
||||||
|
all the things seems to go fine again.</p>
|
||||||
|
<div class="section" id="edit-using-grep">
|
||||||
|
<h2>EDIT : Using grep</h2>
|
||||||
|
<p>After a bit of reflexion, that's also really easy to do using directly the
|
||||||
|
command line tools curl, grep and tail (but really harder to read).</p>
|
||||||
|
<div class="highlight"><pre><span></span>curl -X POST -u joel:joel http://bebox.config/cgi/b/info/restart/<span class="se">\?</span>be<span class="se">\=</span><span class="m">0</span><span class="se">\&</span>l0<span class="se">\=</span><span class="m">1</span><span class="se">\&</span>l1<span class="se">\=</span><span class="m">0</span><span class="se">\&</span>tid<span class="se">\=</span>RESTART -d <span class="s2">"0=17&2=`curl -u joel:joel http://bebox.config/cgi/b/info/restart/\?be\=0\&l0\=1\&l1\=0\&tid\=RESTART | grep -o "</span><span class="nv">name</span><span class="o">=</span><span class="s1">'2'</span> <span class="nv">value</span><span class="o">=</span><span class="err">'</span><span class="o">[</span><span class="m">0</span>-9<span class="o">]</span><span class="se">\+</span><span class="s2">" | grep -o "</span><span class="o">[</span><span class="m">0</span>-9<span class="o">]</span><span class="se">\+</span><span class="s2">" | tail -n 1`&1"</span>
|
||||||
|
</pre></div>
|
||||||
|
</div>
|
||||||
|
<div class="section" id="the-python-version">
|
||||||
|
<h2>The Python version</h2>
|
||||||
|
<p>Well, that's not the optimal solution, that's a bit "gruik", but it works.</p>
|
||||||
|
<div class="highlight"><pre><span></span><span class="kn">import</span> <span class="nn">urllib2</span>
|
||||||
|
<span class="kn">import</span> <span class="nn">urlparse</span>
|
||||||
|
<span class="kn">import</span> <span class="nn">re</span>
|
||||||
|
<span class="kn">import</span> <span class="nn">argparse</span>
|
||||||
|
|
||||||
|
<span class="n">REBOOT_URL</span> <span class="o">=</span> <span class="s1">'/b/info/restart/?be=0&l0=1&l1=0&tid=RESTART'</span>
|
||||||
|
<span class="n">BOX_URL</span> <span class="o">=</span> <span class="s1">'http://bebox.config/cgi'</span>
|
||||||
|
|
||||||
|
<span class="k">def</span> <span class="nf">open_url</span><span class="p">(</span><span class="n">url</span><span class="p">,</span> <span class="n">username</span><span class="p">,</span> <span class="n">password</span><span class="p">):</span>
|
||||||
|
<span class="n">passman</span> <span class="o">=</span> <span class="n">urllib2</span><span class="o">.</span><span class="n">HTTPPasswordMgrWithDefaultRealm</span><span class="p">()</span>
|
||||||
|
<span class="n">passman</span><span class="o">.</span><span class="n">add_password</span><span class="p">(</span><span class="bp">None</span><span class="p">,</span> <span class="n">url</span><span class="p">,</span> <span class="n">username</span><span class="p">,</span> <span class="n">password</span><span class="p">)</span>
|
||||||
|
<span class="n">authhandler</span> <span class="o">=</span> <span class="n">urllib2</span><span class="o">.</span><span class="n">HTTPBasicAuthHandler</span><span class="p">(</span><span class="n">passman</span><span class="p">)</span>
|
||||||
|
|
||||||
|
<span class="n">opener</span> <span class="o">=</span> <span class="n">urllib2</span><span class="o">.</span><span class="n">build_opener</span><span class="p">(</span><span class="n">authhandler</span><span class="p">)</span>
|
||||||
|
|
||||||
|
<span class="n">urllib2</span><span class="o">.</span><span class="n">install_opener</span><span class="p">(</span><span class="n">opener</span><span class="p">)</span>
|
||||||
|
|
||||||
|
<span class="k">return</span> <span class="n">urllib2</span><span class="o">.</span><span class="n">urlopen</span><span class="p">(</span><span class="n">url</span><span class="p">)</span><span class="o">.</span><span class="n">read</span><span class="p">()</span>
|
||||||
|
|
||||||
|
<span class="k">def</span> <span class="nf">reboot</span><span class="p">(</span><span class="n">url</span><span class="p">,</span> <span class="n">username</span><span class="p">,</span> <span class="n">password</span><span class="p">):</span>
|
||||||
|
<span class="n">data</span> <span class="o">=</span> <span class="n">open_url</span><span class="p">(</span><span class="n">url</span><span class="p">,</span> <span class="n">username</span><span class="p">,</span> <span class="n">password</span><span class="p">)</span>
|
||||||
|
<span class="n">token</span> <span class="o">=</span> <span class="n">re</span><span class="o">.</span><span class="n">findall</span><span class="p">(</span><span class="s2">"name\=</span><span class="se">\\</span><span class="s2">'2</span><span class="se">\\</span><span class="s2">' value=</span><span class="se">\\</span><span class="s2">'([0-9]+)</span><span class="se">\\</span><span class="s2">'"</span><span class="p">,</span> <span class="n">data</span><span class="p">)[</span><span class="mi">1</span><span class="p">]</span>
|
||||||
|
<span class="n">urllib2</span><span class="o">.</span><span class="n">urlopen</span><span class="p">(</span><span class="n">urllib2</span><span class="o">.</span><span class="n">Request</span><span class="p">(</span><span class="n">url</span><span class="o">=</span><span class="n">url</span><span class="p">,</span> <span class="n">data</span><span class="o">=</span><span class="s1">'0=17&2=</span><span class="si">%s</span><span class="s1">&1'</span> <span class="o">%</span> <span class="n">token</span><span class="p">))</span>
|
||||||
|
|
||||||
|
<span class="k">if</span> <span class="vm">__file__</span> <span class="o">==</span> <span class="s1">'__main__'</span><span class="p">:</span>
|
||||||
|
<span class="n">parser</span> <span class="o">=</span> <span class="n">argparse</span><span class="o">.</span><span class="n">ArgumentParser</span><span class="p">(</span><span class="n">description</span><span class="o">=</span><span class="s2">"""Reboot your bebox !"""</span><span class="p">)</span>
|
||||||
|
|
||||||
|
<span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="n">dest</span><span class="o">=</span><span class="s1">'user'</span><span class="p">,</span> <span class="n">help</span><span class="o">=</span><span class="s1">'username'</span><span class="p">)</span>
|
||||||
|
<span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="n">dest</span><span class="o">=</span><span class="s1">'password'</span><span class="p">,</span> <span class="n">help</span><span class="o">=</span><span class="s1">'password'</span><span class="p">)</span>
|
||||||
|
<span class="n">parser</span><span class="o">.</span><span class="n">add_argument</span><span class="p">(</span><span class="n">boxurl</span><span class="o">=</span><span class="s1">'boxurl'</span><span class="p">,</span> <span class="n">default</span><span class="o">=</span><span class="n">BOX_URL</span><span class="p">,</span> <span class="n">help</span><span class="o">=</span><span class="s1">'Base box url. Default is </span><span class="si">%s</span><span class="s1">'</span> <span class="o">%</span> <span class="n">BOX_URL</span><span class="p">)</span>
|
||||||
|
|
||||||
|
<span class="n">args</span> <span class="o">=</span> <span class="n">parser</span><span class="o">.</span><span class="n">parse_args</span><span class="p">()</span>
|
||||||
|
<span class="n">url</span> <span class="o">=</span> <span class="n">urlparse</span><span class="o">.</span><span class="n">urljoin</span><span class="p">(</span><span class="n">args</span><span class="o">.</span><span class="n">boxurl</span><span class="p">,</span> <span class="n">REBOOT_URL</span><span class="p">)</span>
|
||||||
|
<span class="n">reboot</span><span class="p">(</span><span class="n">url</span><span class="p">,</span> <span class="n">args</span><span class="o">.</span><span class="n">username</span><span class="p">,</span> <span class="n">args</span><span class="o">.</span><span class="n">password</span><span class="p">)</span>
|
||||||
|
</pre></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
Vous pouvez également <a onclick="(function(){
|
||||||
|
let here = document.location;
|
||||||
|
document.location = `http://pdf.fivefilters.org/simple-print/url.php?size=A4#${here}`;
|
||||||
|
return false;
|
||||||
|
})();return false;">télécharger cet article en pdf</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
(function(document) {
|
||||||
|
var i = 0;
|
||||||
|
// snip empty header rows since markdown can't
|
||||||
|
var rows = document.querySelectorAll('tr');
|
||||||
|
for(i=0; i<rows.length; i++) {
|
||||||
|
var ths = rows[i].querySelectorAll('th');
|
||||||
|
var rowlen = rows[i].children.length;
|
||||||
|
if (ths.length > 0 && ths.length === rowlen) {
|
||||||
|
rows[i].remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
/* Lanyon & Poole are Copyright (c) 2014 Mark Otto. Adapted to Pelican 20141223 and extended a bit by @thomaswilley */
|
||||||
|
(function(document) {
|
||||||
|
var toggle = document.querySelector('.sidebar-toggle');
|
||||||
|
var sidebar = document.querySelector('#sidebar');
|
||||||
|
var checkbox = document.querySelector('#sidebar-checkbox');
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var target = e.target;
|
||||||
|
if(!checkbox.checked ||
|
||||||
|
sidebar.contains(target) ||
|
||||||
|
(target === checkbox || target === toggle)) return;
|
||||||
|
checkbox.checked = false;
|
||||||
|
}, false);
|
||||||
|
})(document);
|
||||||
|
</script>
|
||||||
|
<!-- Piwik -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
var _paq = _paq || [];
|
||||||
|
_paq.push(['trackPageView']);
|
||||||
|
_paq.push(['enableLinkTracking']);
|
||||||
|
(function() {
|
||||||
|
var u="//tracker.notmyidea.org/";
|
||||||
|
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||||
|
_paq.push(['setSiteId', 3]);
|
||||||
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||||
|
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<noscript><p><img src="//tracker.notmyidea.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
|
||||||
|
<!-- End Piwik Code -->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
images/abeilles.jpg
Normal file
BIN
images/abeilles.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 69 KiB |
BIN
images/carnet.jpg
Normal file
BIN
images/carnet.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 123 KiB |
BIN
images/concassage.jpg
Normal file
BIN
images/concassage.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 104 KiB |
BIN
images/concasse.jpg
Normal file
BIN
images/concasse.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 117 KiB |
BIN
images/cors_flow.png
Normal file
BIN
images/cors_flow.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
images/daybed.jpg
Normal file
BIN
images/daybed.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 131 KiB |
BIN
images/filtrage.jpg
Normal file
BIN
images/filtrage.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 118 KiB |
BIN
images/focus.jpg
Normal file
BIN
images/focus.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
BIN
images/forms.jpg
Normal file
BIN
images/forms.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 72 KiB |
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue