forked from labriqueinternet/labriqueinter.net
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
264 lines (211 loc) · 20.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
<!DOCTYPE html>
<html lang="fr-FR">
<head>
<meta charset="utf-8">
<title>La Brique Internet</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="css/main.css" />
<link rel="alternate" hreflang="en" href="https://internetcu.be" />
</head>
<body class="nojs">
<header>
<ul class="language-links">
<li><a hreflang="en" href="https://internetcu.be" title="View the english version">EN</a></li>
<li><a href="https://labriqueinter.net" title="Voir la verison française" class="active">FR</a></li>
</ul>
<div id="haut-droite">Internet Neutre</div>
<div id="haut-gauche">Auto-Hébergement</div>
<div id="banniere">
<h1><img src="img/brique.png" alt="La Brique Internet" ></h1>
<p class="banTexte"><span>LaBrique</span>Înter.net</p>
<p class="banDescription"><em>Bâtissons ensemble un Internet libre, neutre et décentralisé</em></p>
</div>
</header>
<main>
<section>
<div id="video" class="video">
<video width="800" height="450" src="video/labriqueinternet.webm" preload="metadata" controls="controls" tabindex="0">
<track label="Français" kind="subtitles" srclang="fr" src="caption/fr.vtt">
<button id="subtitles" type="button" data-state="subtitles">CC</button>
Utilisez un navigateur récent pour visualiser cette vidéo.
</video>
</div>
</section>
<section id="comment-ca-marche">
<h2><span>Comment</span> ça marche ?</h2>
<p>La Brique Internet, présentée dans la vidéo ci-dessus, remplie deux fonctions complémentaires.</p>
<p>1. Elle <strong>nettoie votre accès à Internet</strong>. Pour ce faire, elle diffuse un réseau WiFi. En passant par celui-ci, tout votre traffic Internet passe à travers <a href="https://fr.wikipedia.org/wiki/R%C3%A9seau_priv%C3%A9_virtuel">un tunnel chiffré (VPN)</a>. Ainsi, votre fournisseur d'accès à Internet (FAI) ne peut plus espionner, filtrer ou brider votre accès à Internet. Dans le futur, la brique pourra intégrer des fonctions supplémentaires telles que le blocage automatique des publicités et trackers, ou d'autres mesures permettant de protéger votre vie privée.</p>
<p>2. Elle permet d'<strong>avoir son propre bout d'Internet</strong>. C'est ce qu'on appelle l'auto-hébergement : le fait de disposer de son propre serveur qui héberge des services comme un blog, une boîte mail, de la synchronisation de fichiers, de contacts, de calendrier, etc.. Cette pratique est simplifiée par le logiciel <a href="https://yunohost.org">YunoHost</a>. La Brique Internet permet donc de s'affranchir des services centralisés proposés par <a href="https://fr.wikipedia.org/wiki/GAFAM">les GAFAMs</a> et ainsi de reprendre le contrôle de ses données.</p>
<a href="#features" id="show-features-button">Détail des fonctionnalités (texte)</a>
<div id="features">
La Brique Internet permet deux principaux usages :
<ol>
<li>
<strong>Nettoyer son accès à Internet :</strong>
<ul>
<li><span>la Brique se branche simplement sur la box</span> de votre fournisseur d'accès à Internet (FAI)... c'est tout ;</li>
<li><span>elle diffuse un second réseau WiFi</span>, que vous pouvez désormais utiliser pour accéder à Internet ;</li>
<li>en passant par ce WiFi plutôt que celui de votre FAI, ce dernier <span>ne sera plus capable d'espionner, ni filtrer, ni brider votre accès</span> à Internet ;</li>
<li>en bonus, <span>vos ordinateurs auront tous de l'IPv6 natif</span>, sans ne rien avoir eu à configurer ;</li>
<li>si vous changez de FAI, <span>il suffit de débrancher et rebrancher la Brique</span> d'une box à l'autre, et il n'y a rien à reconfigurer ;</li>
<li>vous disposez d'un Internet de confiance, sans filtrage et qui respecte la neutralité du Net, <span>peu importe sur quel accès Internet vous branchez votre Brique</span> (y compris sur un accès 3/4G).</li>
</ul>
</li>
<li>
<strong>S'auto-héberger :</strong>
<ul>
<li>grâce au logiciel <a href="https://yunohost.org">YunoHost</a>, <span>la Brique vous permet de conserver vos emails et autres données personnelles chez vous</span> plutôt que sur l'ordinateur d'un inconnu (ce qu'on appelle <em>le cloud</em>) ;</li>
<li>YunoHost permet à quelqu'un qui s'intéresse à l'informatique, sans en être expert, d'<span>auto-héberger plein de services différents</span> (mail, partage de fichiers, blog, agenda en ligne, etc.) ;</li>
<li>grâce à la Brique, qui est donc aussi un serveur, <span>vous n'avez pas à vous inquiéter des restrictions de votre FAI</span> : elles ont disparu ;</li>
<li><span>votre serveur dispose d'un Internet neutre sans filtrage</span>, avec une IPv4 et des IPv6 fixes et il n'y a pas besoin de configurer la box de votre FAI ;</li>
<li>si vous changez de FAI, <span>il suffit de débrancher et rebrancher la Brique d'une box à l'autre, et votre serveur est de nouveau disponible</span>, sans ne rien avoir eu à reconfigurer nulle part ;</li>
<li>si vous déménagez ou souhaitez couper l'électricité pour partir en vacances, <span>vous pouvez brancher votre Brique sur n'importe quel accès à Internet</span>, sans ne rien reconfigurer non plus ;</li>
<li>vous pouvez aller <span>jusqu'à brancher votre serveur nomade sur un accès particulièrement restreint</span>, comme une connexion 3/4G et continuer de proposer vos services au monde entier.</li>
</ul>
</li>
<li>
<strong>Bonus :</strong>
<ul>
<li>avec une consommation de 2W maximum avec le WiFi actif, vous pouvez alimenter la Brique <span>avec une batterie ou un petit panneau solaire</span> (une batterie à 12€ permet de tenir 13h) ;</li>
<li>le boîtier est <span><em>open-hardware</em> et les logiciels sont libres</span> ;</li>
<li>la Brique peut également servir pour permettre d'<span>échanger des fichiers facilement et librement</span> lors d'un événement (ce qu'on appelle une <em>PirateBox</em>) ;</li>
<li>vous pouvez également vous en servir <span>pour couvrir un événement public</span>, en déchargeant ainsi le propriétaire de la ligne Internet de sa responsabilité juridique.</li>
<li>PS : vous pouvez utilisez une même Brique, <span>à la fois pour nettoyer votre accès à Internet grâce à son réseau WiFi, et héberger vos services</span> Internet.</li>
</ul>
</li>
</ol>
</div>
<p>Le tout est résumé dans le schéma suivant :</p>
<div class="pictures schema">
<img src="img/labriqueinternet-schema.png" alt="Schéma" />
</div>
<p>L'ordinateur auquel vous vous reliez par le VPN doit être géré par des gens de confiance (e.g. une association rattachée à la <a href="https://www.ffdn.org/fr">FFDN</a>). C'est pour cette raison qu'il est souhaitable de choisir une association pour laquelle vous avez déjà rencontré les adhérents. Certaines associations vous fourniront directement le boîtier clé en main, avec votre accès VPN préconfiguré.</p>
</section>
<section id="comprendre-les-enjeux">
<h2><span>Comment mieux comprendre</span> les enjeux ?</h2>
<p>Ces trois conférences devraient vous aider à comprendre les enjeux liés à la vie privée, à l'auto-hébergement et à l'IPv6 :</p>
<ul>
<li><a href="https://ldn-fai.net/je-nai-rien-a-cacher/">Je n'ai rien à cacher</a></li>
<li><a href="https://ldn-fai.net/liberer-internet-sexe-alcool-et-vie-privee/">Sexe, alcool et vie privée</a></li>
<li><a href="https://ldn-fai.net/intranet-ipv4-ou-internet-ipv6/">Intranet IPv4 ou Internet IPv6</a></li>
</ul>
</section>
<section id="avancement-du-projet">
<h2><span>Quel est l'avancement</span> du projet ?</h2>
<p>De nombreuses personnes utilisent déjà la Brique au quotidien, en tant que principal accès à Internet, pour héberger des services web, ou les deux à la fois.</p>
<p style="text-align: center"><strong>Qu'attendez-vous pour ajouter votre Brique à l'Internet libre, neutre et décentralisé ?</strong></p>
<div class="pictures" id="photos" class="nature">
<a href="photos/labriqueinternet-nature.png"><img src="img/labriqueinternet-nature_thumb.png" alt="Brique Internet" title="La Brique Internet" /></a>
<a href="photos/labriqueinternet-solaire.png"><img src="img/labriqueinternet-solaire_thumb.png" alt="Brique Internet (panneau solaire)" title="La Brique Internet, avec panneau solaire" /></a>
<a href="photos/labriqueinternet-batterie.png"><img src="img/labriqueinternet-batterie_thumb.png" alt="Brique Internet (batterie)" title="La Brique Internet, avec batterie" /></a>
</div>
<p>Pour se tenir au courant de l'avancement du projet, pour poser des questions ou pour émettre des suggestions, plusieurs canaux sont disponibles :</p>
<ul>
<li>Liste de discussion : <a href='https://listes.labriqueinter.net/mailman/listinfo/discussions'>[email protected]</a></li>
<li>IRC : <a href='http://irc.lc/geeknode/labriqueinter.net/'>#labriqueinter.net</a> sur irc.geeknode.org</li>
<li>Twitter : <a href="https://twitter.com/une_brique">@Une_brique</a> (peu utilisé)</li>
<li>GitHub : <a href="https://github.com/labriqueinternet">labriqueinternet</a></li>
<li>Rapports de bug : <a href="https://github.com/labriqueinternet/labriqueinter.net/issues">sur GitHub</a></li>
<li>Wiki : <a href="https://wiki.labriqueinter.net/">wiki.labriqueinter.net</a></li>
<li>Communication : <a href="https://github.com/labriqueinternet/labriqueinter.net/blob/master/PRESS.md">une simple liste des apparitions de la brique</a></li>
<li>Réunion Mensuelle le deuxième lundi de chaque mois sur Mumble : <a href="https://wiki.ldn-fai.net/wiki/Mumble">wiki.ldn-fai.net/wiki/Mumble</a></li>
</ul>
</section>
<section id="obtenir-une-brique">
<h2><span>Comment obtenir</span> une Brique Internet ?</h2>
<p>Les commandes groupées de matériel se font auprès d'associations locales (environ 70€ par Brique).</p>
<p>Les associations proposent en général de vous fournir la Brique complète, entièrement montée, installée et configurée avec un accès VPN : <strong>il ne vous restera plus qu'à la déballer et la brancher chez vous pour bénéficier de votre nouvel accès à Internet propre, sans rien avoir à faire d'autre</strong> (et installer ensuite des services web auto-hébergés si le cœur vous en dit, en quelques clics sur l'interface d'administration).</p>
<p>Vous pouvez contacter une association <a href="https://db.ffdn.org">près de chez vous</a>, qui fournit des services VPN et/ou des Briques Internet clé en main (cliquer sur les icônes pour obtenir plus d'informations) :</p>
<div class="pictures">
<!-- <a href="https://db.ffdn.org"><img src="img/assos.png" alt="Associations de FFDN" /></a> -->
<!-- curl https://db.ffdn.org/isp/map_data_cube.json | python -m json.tool -->
<iframe src="//db.ffdn.org/embed_map_cube/"></iframe>
</div>
<p>Sinon, vous pouvez construire votre propre Brique vous-même, grâce aux liens de la section suivante.</p>
</section>
<section id="construire-une-brique">
<h2><span>Comment construire</span> ma propre Brique ?</h2>
<p>Les associations citées dans la section précédente vous permettront en général de directement recevoir une Brique clé en main. Pour ceux qui ne souhaitent pas passer par une association et qui souhaitent tout faire eux-même, la procédure reste très accessible, et les liens fournis dans cette section vous permettront d'y arriver facilement.</p>
<p>Si vous avez en votre possession le matériel proposé ci-dessous, ou même directement une Brique pré-installée :</p>
<ul>
<li><a href="https://install.labriqueinter.net">Installation automatique</a></li>
<li><a href="https://repo.labriqueinter.net">Installation manuelle (experts uniquement)</a></li>
</ul>
<p>Si vous tentez de faire une Brique avec un autre matériel (experts uniquement) :</p>
<ul>
<li><a href="https://yunohost.org/#/index_fr">Projet YunoHost</a> (<a href="https://build.yunohost.org">images Debian</a>)</li>
<li><a hreflang="en" href="https://github.com/labriqueinternet/hotspot_ynh">Application WiFi Hotspot pour YunoHost</a></li>
<li><a hreflang="en" href="https://github.com/labriqueinternet/vpnclient_ynh">Application VPN Client pour YunoHost</a></li>
<li><a hreflang="en" href="https://github.com/labriqueinternet/piratebox_ynh">Application PirateBox pour YunoHost</a> (nécessite WiFi Hotspot)</li>
</ul>
<div class="pictures" id="photos">
<a href="https://raw.githubusercontent.com/labriqueinternet/hotspot_ynh/master/screenshot.png"><img src="img/screenshot-hotspot_thumb.png" alt="WiFi Hotspot" title="Interface web de WiFi Hotspot" /></a>
<a href="https://github.com/jvaubourg/php-piratebox#screenshots"><img src="img/screenshot-piratebox_thumb.png" alt="PirateBox" title="PirateBox" /></a>
<a href="https://raw.githubusercontent.com/labriqueinternet/vpnclient_ynh/master/screenshot.png"><img src="img/screenshot-vpnclient_thumb.png" alt="VPN Client" title="Interface web de VPN Client" /></a>
</div>
<p>Matériel proposé :</p>
<ul>
<li>Carte Olimex (<em>open-hardware</em>) : <a hreflang="en" href="https://www.olimex.com/Products/OLinuXino/A20/A20-OLinuXino-LIME/open-source-hardware">A20-OLinuXino-LIME</a> / <a href="https://www.olimex.com/Products/OLinuXino/A20/A20-OLinuXIno-LIME2/open-source-hardware">LIME2</a></li>
<li>Boîtier pour la carte :
<ul>
<li>
OLIMEX : <a hreflang="en" href="https://www.olimex.com/Products/OLinuXino/BOXES/BOX-LIME-BLACK/">BOX-LIME-BLACK</a> (métal)
</li>
<li>
DIY : <a hreflang="fr" href="http://carrefour-numerique.cite-sciences.fr/fablab/wiki/doku.php?id=projets:boite_la_brique_internet">Boitier MDF</a> (bois, découpe laser)
</li>
</ul>
</li>
<li>Adaptateur secteur (<a href="https://www.olimex.com/wiki/PWRJACK">port</a> 5V DC) pour la carte (un simple câble mini-USB suffit pour alimenter la carte, mais l'adaptateur est utile pour brancher un disque dur auto-alimenté dessus) : <a href="https://www.olimex.com/Products/Power/SY0605E/">SY0605E</a></li>
<li>Antenne WiFi (pas <em>open-hardware</em>)
<ul>
<li>Version <a hreflang="en" href="https://www.fsf.org/news/ryf-certification-thinkpenguin-usb-with-atheros-chip">libre</a> (limitée à 7 connexions simultanées, <em>multissid</em> jusqu'à 2 AP) : <a href="https://www.olimex.com/Products/USB-Modules/MOD-WIFI-AR9271-ANT/">MOD-WIFI-AR9271-ANT</a></li>
<li>Version <a hreflang="en" href="https://packages.debian.org/jessie/firmware-ralink">non-libre</a> (<em>multissid</em> jusqu'à 8 AP) : <a href="https://www.olimex.com/Products/USB-Modules/MOD-WIFI-R5370-ANT/">MOD-WIFI-R5370-ANT</a></li>
</ul>
<li>Carte micro-SD qui sert de disque dur interne : <a href="https://www.amazon.fr/Transcend-microSDHC-adaptateur-TS32GUSDU1E-Emballage/dp/B00CES44EO">Transcend Premium 300x Classe 10</a> (16 Go est suffisant)</li>
<li>Batterie (13h d'autonomie, optionnelle) : <a hreflang="en" href="https://www.olimex.com/Products/Power/BATTERY-LIPO6600mAh/">BATTERY-LIPO6600mAh</a></li>
<li>Panneau solaire (optionnel) : <a href="https://snootlab.com/lang-fr/seeedstudio/699-lipo-rider-pro-fr.html">LiPo Rider Pro</a>, <a href="https://snootlab.com/lang-fr/seeedstudio/702-panneau-solaire-3w-138x160-fr.html">PS 3W 138x160</a>, + 1 batterie (<a href="https://hackspark.fr/fr/catalogsearch/result/?q=lipo">autre vendeur</a>) - <a href="photos/labriqueinternet-solaire-details.png">Photo</a></li>
</ul>
<p>Prix du matériel détaillé ci-dessus pour 1 Brique complète (avec LIME, sans la batterie et le panneau solaire, mais avec les frais de port) :</p>
<ul>
<li>Environ 70€, dans le cadre d'une commande groupée associative (FFDN)</li>
<li>Environ 70€, dans le cadre d'une commande groupée personnelle (à partir de 10 Briques)</li>
<li>Environ 80€ sinon</li>
</ul>
<p>Décoration de la Brique et diffusion du projet :</p>
<ul>
<li>Un <a href="stuff/labriqueinternet-sticker.png">magnifique sticker</a> (<a href="stuff/labriqueinternet-sticker.svg">SVG</a>) à coller sur un boîtier Olimex (8cm x 5.5cm)</li>
<li>Une <a href="stuff/labriqueinternet-poster-a3.png">superbe affiche</a> (<a href="stuff/labriqueinternet-poster-a3.svg">SVG</a>) à coller sur tous les murs (format A3)</li>
<li><a href="stuff/labriqueinternet-logo.svg">Version vectorielle (SVG)</a> du logo officiel</li>
<li><a href="stuff/labriqueinternet-schema.svg">Version vectorielle (SVG)</a> du schéma AVANT/APRÈS</li>
<li><a href="stuff/labriqueinternet-projet.pdf">Autres schémas</a> (<a href="stuff/labriqueinternet-projet.svg">SVG</a>) à propos des possibilités d'utilisation</li>
</ul>
</section>
<!-- <section id="remplacer-vpn-par-tor">
<h2><span>Remplacer le VPN</span> par Tor ?</h2>
<div class="text">
<p>Une extension de la Brique est <a href="https://github.com/labriqueinternet/torclient_ynh">désormais disponible</a> (nécessite WiFi Hotspot), pour fournir en plus un accès à Internet clé en main via <a href="https://www.torproject.org">Tor</a>.</p>
<p>L'objectif est d'utiliser la clé WiFi pour diffuser deux réseaux WiFi : un pour un accès transparent par VPN et l'autre pour un accès transparent via Tor (et même un troisième pour une PirateBox). Cette extension se présente comme une simple application YunoHost supplémentaire, à installer.</p>
<div class="pictures">
<a href="img/tor.png"><img src="img/tor_thumb.png" alt="Tor" /></a>
</div>
<p>Toutes les requêtes Internet des périphériques connectés au WiFi sont anonymisées en passant par le réseau Tor. Toutefois, pour garantir un véritable anonymat (dissidents politiques, journalistes, etc.) et empêcher votre navigateur de divulguer des informations sur votre identité, il restera toujours préférable d'utiliser directement le <a href="https://www.torproject.org/download/download-easy.html">Tor Bundle</a> (uniquement pour le web et sur un ordinateur classique). De plus, conformément aux contraintes imposées par Tor, l'accès à Internet n'est pas neutre (limité à TCP et aux requêtes DNS en UDP).</p>
</div>
</section> -->
<section id="anonymat-et-legislation">
<h2><span>Anonymat</span> et législation ?</h2>
<p>Concernant l'aspect « accès à Internet par VPN » : les associations de la fédération FDN ne garantissent en général pas l'anonymat vis-à-vis des autorités compétentes, ni aucune sorte d'impunité vis-à-vis de la loi française.</p>
<p>La garantie qu'elles apportent est de ne coopérer avec la justice que dans le cadre strict des lois en vigueur. Par conséquent, aucune donnée ne sera fournie à quiconque, si la procédure légale associée n'est pas strictement suivie. Nous savons que ça n'est pas forcément le cas des fournisseurs d'accès grand public, qu'on peut légitimement soupçonner de fournir des informations sur simples appels téléphoniques émanant de policiers ou d'installer des accès privilégiées à leurs données, en dehors de toutes procédures légales (qui sont désormais amenées à être <a href="https://sous-surveillance.fr">plus ou moins facultatives</a>).</p>
<p>Les tunnels VPN ne peuvent apporter une sorte d'anonymat vis-à-vis des autorités françaises, que si le fournisseur du service se trouve sous la juridiction d'un état réputé pour ne pas collaborer facilement avec la France (par exemple la Russie, et il faudra alors avoir confiance dans le fournisseur du service, et en la législation de ce pays).</p>
<p>Mais, quel que soit le pays, configurer la Brique avec un fournisseur de VPN étranger (judicieusement choisi) sera particulièrement intéressant dans le cas d'un dissident politique ou d'un journaliste, qui souhaiterait se protéger des dérives sécuritaires de son pays, pour revendiquer plus de libertés.</p>
</section>
</main>
<footer>
<div class="logos">
<a href="https://ffdn.org"><img alt="Fédération French Data Network" src="img/ffdn.png" /></a>
<a href="https://yunohost.org/#/index_fr"><img alt="YunoHost" src="img/yunohost.png" /></a>
</div>
</footer>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>