-
Notifications
You must be signed in to change notification settings - Fork 16
/
index.html
238 lines (204 loc) · 17.1 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
<!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 trafic 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="obtenir-une-brique">
<h2><span>Comment obtenir</span> une Brique Internet ?</h2>
<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>
</div>
<p>Il est possible soit d'obtenir une Brique Internet auprès d'associations locales (environ 70€ par Brique), soit de la monter vous-même en achetant le matériel de votre côté (voir plus bas).</p>
<p>Si il est possible de récupérer une Brique Internet installée et configurée prête à brancher et utiliser, les associations préfèrent, en général, configurer la Brique Internet avec vous pour vous accompagner vis-à-vis de vos objectifs et s'assurer que la Brique Internet est pertinente dans votre cas.</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>Les associations qui font le plus d'installation de Brique Internet en ce moment sont: <a href="https://neutrinet.be/fr/brique">Neutrinet</a> (Belgique), <a href="https://arn-fai.net/brique">Alsace Réseau Neutre</a>, Touraine Data Network et <a href="https://www.franciliens.net/brique-internet/">Franciliens.net</a>.</p>
</section>
<section id="construire-une-brique">
<h2><span>Comment construire</span> ma propre Brique ?</h2>
<p>Pour construire votre Brique Internet vous-même, il faut:</p>
<ol>
<li>choisir et acheter le matériel</li>
<li>adhérer à un FAI associatif local et demander un VPN au format .cube</li>
<li>suivre <a href="https://yunohost.org/fr/install/hardware:internetcube">le tutoriel d'installation</a></li>
</ol>
<div class="row hardware">
<div class="col-3">
<img src="img/lime2-server.jpg" alt="" style="width:300px"/>
</div>
<div class="col-9">
<h3>Brique Internet classique VPN/Wifi et auto-hébergement</h3>
<ul>
<li>88€ + coût mensuel du VPN</li>
<li>Une carte Olimex LIME2(<em>open-hardware</em>): <a href="https://www.olimex.com/Products/OLinuXino/Home-Server/LIME2-SERVER-NO-HDD/open-source-hardware">LIME2-SERVER</a>
<ul>
<li>inclut carte ARM, boîter avec emplacement disque dur, chargeur, batterie et carte microSD 32G. Il est possible de choisir les composants un par un pour par exemple éviter de prendre la batterie.</li>
<li>il est possible de prendre un disque dur ou un disque SSD avec. Ce n'est pas nécessaire au début, mais au-delà d'un an d'utilisation nous recommandons fortement d'utiliser un SSD ou un disque dur car les supports microSD sont trop fragiles.</li>
</ul></li>
<li>Une antenne WiFi (pas <em>open-hardware</em>): <a href="https://www.olimex.com/Products/USB-Modules/MOD-WIFI-R5370-ANT/">MOD-WIFI-R5370-ANT</a></li>
</ul>
</div>
</div>
<div class="row hardware">
<div class="col-3">
<img src="img/orange-pi-pc-plus.jpg" alt="" style="float:left;width:300px"/>
</div>
<div class="col-9">
<h3>Brique Internet VPN/Wifi uniquement</h3>
<ul>
<li>48€ + coût mensuel du VPN</li>
<li>Une carte Orange Pi PC+(pas <em>open-hardware</em>): <a href="https://fr.aliexpress.com/item/32668421022.html">Orange Pi PC Plus</a>, avec chargeur et boîtier</li>
<ul>
<li>inclut carte ARM, mini-antenne, boîter, chargeur</li>
<li>n'a pas de connectique SATA (uniquement USB2) raison pour laquelle les possibilités d'auto-hébergement sont limitées sur le long terme.</li>
</ul></li>
<li>Une carte microSD : <a href="https://fr.aliexpress.com/item/1005002564681500.html">SanDisk Extreme Pro 32G</a></li>
<li>Une antenne WiFi (pas <em>open-hardware</em>): <a href="https://fr.aliexpress.com/item/4001162977792.html?spm=a2g0o.productlist.0.0.16ec47b0JYohUB&algo_pvid=b91d877a-71e1-4502-bbbf-24ef36a1c272&algo_exp_id=b91d877a-71e1-4502-bbbf-24ef36a1c272-7">Chipset 8188Gu avec antenne (pilote libre)</a>
<ul>
<li>l'Orange Pi PC+ inclut une mini-antenne qui peut porter sur quelques mètres soit un studio, une autre antenne est donc nécessaire si vous voulez couvrir un appartement ou plus.</li>
</ul></li>
</ul>
</div>
</div>
<div class="row hardware">
<div class="col-3" style="text-align:center">
<span style="font-size: 150px;line-height: 100%;">?</span>
</div>
<div class="col-9">
<h3>Brique Internet personnalisée (experts uniquement)</h3>
<p>Si vous tentez de faire une Brique Internet avec un autre matériel (vieux laptop, etc.), il faut <a href="https://yunohost.org/en/install?q=%2Finstall">installer YunoHost</a>, puis les apps <a href="https://github.com/labriqueinternet/vpnclient_ynh">VPN Client</a> et <a href="https://github.com/labriqueinternet/hotspot_ynh">Hotspot Wifi</a>, les configurer avec un VPN .cube et activer le certificat Let's Encrypt.</p>
<p>Si vous souhaitez créer et maintenir une image pour une carte ARM spécifique ou avec de nouvelles options (disque dur natif, chiffrement), parlez-en sur la liste de discussion :)</p>
</div>
</div>
</section>
<section id="se-passer-de-la-brique">
<h2><span>Et si la Brique</span> ne me convient pas ?</h2>
<p>S'auto-héberger, c'est comme cultiver ses propres légumes: ça prend du temps, et au début ça peut ne pas toujours être concluant ! Si vous êtes plutôt AMAP que jardinage, que vous ne vous sentez pas assez confiant ou confiante pour tenter l'aventure de l'auto-hébergement, mais que vous souhaitez vous dégoogliser, nous vous recommandons les services des membres du <a href="https://chatons.org">Collectif des Hébergeurs, Alternatifs, Transparents, Ouverts, Neutre et Solidaire</a> et ceux de la <a href="https://ffdn.org">Fédération FDN</a>.
<div class="pictures">
<a href="https://chatons.org" style="width:200px"><img src="img/logo_chatons.png" alt="Logo des chatons représentant 3 tête chats en jaune" /></a>
<a href="https://ffdn.org" style="width:200px; margin-top:15px;"><img src="img/ffdn.png" alt="Logo de la fédération fdn représentant les lettres FFDN en bleue" /></a>
</div>
<p>Enfin, une dernière façon de vous dégoogliser et d'être moins victime d'atteinte à la neutralité du net, est de simplement réduire vos besoins technologiques, par exemple en utilisant une clé USB au lieu d'un cloud.</p>
</section>
<section id="ressources">
<h2><span>Ressources</span></h2>
<ul>
<li>Liste de discussion : <a href='https://listes.labriqueinter.net/mailman/listinfo/discussions'>[email protected]</a></li>
<li>Forum : Section <a href='https://forum.yunohost.org/c/support/internet-cube'>Brique Internet</a> sur le forum de discussions de Yunohost</li>
<li>Wiki : <a href="https://wiki.labriqueinter.net/">wiki.labriqueinter.net</a></li>
<li>Code source : <a href="https://github.com/labriqueinternet">labriqueinternet sur Github</a></li>
</ul>
<h4>Projets connexes</h4>
<ul>
<li>Le site du <a href="https://yunohost.org">projet YunoHost</a></li>
<li>Le site de la <a href="https://ffdn.org">Fédération French Data Network</a></li>
<li>Le site du <a href="https://chatons.org">collectif CHATONS</a></li>
</ul>
<h4>Comprendre les enjeux</h4>
<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>
<h4>Décorer sa brique</h4>
<ul>
<li>Un <a href="carrefour-numerique.cite-sciences.fr/fablab/wiki/doku.php?id=projets:boite_la_brique_internet">boîtier MDF</a></li>
<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>
</main>
<script type="text/javascript" src="js/main.js"></script>
<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>
</body>
</html>