forked from CaliOpen/slides
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html.old
executable file
·281 lines (250 loc) · 19.9 KB
/
index.html.old
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
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Caliopen</title>
<meta name="description" content="Caliopen">
<meta name="author" content="Skhaen">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="css/reveal.min.css">
<link rel="stylesheet" href="css/theme/night.css" id="theme"><script></script>
<!-- For syntax highlighting -->
<link rel="stylesheet" href="lib/css/zenburn.css">
<!-- If the query includes 'print-pdf', include the PDF print sheet -->
<script>
if( window.location.search.match( /print-pdf/gi ) ) {
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'css/print/pdf.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
}
</script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<!-- <div class="custom-background"><img src="img/caliopen_pres_background.png" alt=""/></div>-->
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<section>
<img src="img/caliopen_logo.png" alt=""/>
</section>
<section>
<p>Il y a presque un an jour pour jour, <a href="http://fr.wikipedia.org/wiki/Edward_Snowden">Edward Snowden</a> dévoilait le programme PRISM.</p>
<p class="fragment">et depuis ?</p>
<p class="fragment">rien (ou pas grand chose).</p>
</section>
<section>
<h2>Beaucoup de mots</h2>
<ul><li>démocratisation des questions de vie privée (et pas seulement de la surveillance des États)</li>
<li>prise en compte politique (questions au gouvernement, débat au parlement européen, NetMundial...) </li>
<li>réflexions sur le chiffrement global (IETF, W3C)</li>
</ul>
</section>
<section>
<h2>Quelques résultats</h2>
<p>
<ul><li><em>explosion</em> du trafic de <a href="https://www.gnupg.org/">GPG</a> et de <a href="https://www.torproject.org/">TOR</a></li>
<li> beaucoup de projets orientés vers la protection</li>
<li>Google pourrait favoriser les serveurs chiffrés et proposer le chiffrement des échanges privés</li>
</ul>
</p>
<p>Mais, en pratique, au quotidien, rien n'a changé.</p>
</section>
<section>
<h2>Redéfinir le problème</h2>
<h3>l'aspect grand-public</h3>
<ul>
<li>la vie privée était une affaire de vieux cons : les jeunes cons en ont fait une affaire juteuse</li>
<li>l'hypercentralisation du Web est un effet pervers du modèle économique gratuité/publicité</li>
<li>la grande majorité du grand public n'est pas disposée à changer ses usages et ses habitudes</li>
</ul>
</p>
</section>
<section>
<p>la sécurité est un des rôles que la collectivité délègue à l'État.</p>
<p>Mais :</p>
<ul>
<li>elle doit respecter les autres libertés fondamentales, surtout en période de crise (fadettes illégales, plaintes contre la NSA...).</li>
<li>elle doit être proportionnelle au risque : écouter la totalité de la population ce n'est pas de la surveillance, c'est de l'espionnage.</li>
<li>la conservation des données doit être encadrée.</li>
</ul>
</section>
<section>
<section>
<h2>Les réponses</h2>
<ul>
<li>Politique (respecter la loi)</li>
<li>Sociales (apprendre et militer)</li>
<li>Techniques (IETF, audits, développement)</li>
</ul>
</section>
<section>
<h2>Réponse politique</h2>
<ul>
<li>Mieux encadrer les écoutes (LPM), mais pas au prix de les étendre.</li>
<li>Limiter la coopération entre services (ne pas échanger de données concernant sa propre population)</li>
<li>Renforcer le contrôle démocratique.</li>
</ul>
</section>
<section>
<h2>Réponse sociale</h2>
<ul>
<li>Mieux communiquer (feuilletonnage),</li>
<li>Rappeler l'existence des solutions de protection</li>
<li>Apprendre à son entourage à mieux se sécuriser.</li>
</ul>
</section>
<section>
<h2>Réponse technique</h2>
<ul>
<li>Abandonner la croyance en l'empowerment : les outils de sécurisation doivent donner envie d'être utilisés.</li>
<li>Ne plus imaginer de produits centralisés (SPOF)</li>
<li>Développer de nouveaux modèles économiques</li>
<li>La sécurité doit être un principe fondamental</li>
</ul>
</section>
</section>
<section>
<p><blockquote>« Essayer d'imaginer un outil qui crée le besoin plutôt qu'un outil qui réponde à un usage existant. »</blockquote>
<ul>
<li>Espérer que les scandales à répétition pousseront plus qu'une petite fraction des utilisateurs vers les outils sécurisés est illusoire</li>
<li>Il faut créer une vraie envie de migrer vers l'outil sécurisé : la sécurité n'est pas une « <em>killer-app</em> » en soi.</li>
<li>En créant un outil attirant et qui offrira des services différents des outils habituels, on a une petite chance.</li>
</ul>
</section>
<section>
<p><blockquote>Bruce Schneier : « <em>Ne pas chercher la sécurité totale pour quelques-uns, mais augmenter la sécurité globale pour rendre la surveillance de masse plus chère.</em> »</blockquote><ul>
<li>Il est illusoire de croire qu'une personne « ciblée » puisse protéger efficacement toutes ses communications</li>
<li>En créant un outil protecteur qui sera largement utilisé, on peut renchérir l'espionnage de masse suffisamment pour limiter les écoutes aux cas les plus graves pour la société.</li>
<li>La sécurité globale n'est pas la somme des sécurités individuelles. C'est seulement le fait de rendre l'espionnage de masse si difficile que seul l'espionnage individuel redevient rentable.</li>
</ul>
</section>
<section>
<p><blockquote>« Il est impossible d'augmenter la sécurité sans rendre plus complexe l'expérience utilisateur. »</blockquote>
<ul>
<li>Plus la sécurité est élevée, plus on complique la vie de l'utilisateur. On ne peut pas, par exemple, indexer des documents chiffrés dont on a pas la clé privée.</li>
<li>Il faut trouver d'autres motivations que la seule protection de la vie privée pour que l'utilisateur accepte la perte de facilité.</li>
<li>En donnant une note à l'utilisateur, on le pousse à utiliser les fonctions de protection et à pousser ses contacts à faire de même.</li>
</ul>
</section>
<section>
<h2>Caliopen</h2>
<ul>
<li><a href="http://fr.wikipedia.org/wiki/Logiciel_libre">Logiciel libre</a> de messagerie sécurisée, aussi simple à déployer qu'un CMS, et respectant les standards.</li>
<li>L'UX (<a href="http://en.wikipedia.org/wiki/User_experience">User eXperience</a>) met l'accent sur la sécurité, et pousse à l'utilisation des <a href="http://fr.wikipedia.org/wiki/Chiffrement">outils de chiffrement</a> et à une plus grande responsabilisation des utilisateurs.</li>
<li>Un objectif clair : permettre l'existence d'un grand nombre de web-services basé sur CaliOpen, pour commencer à limiter la trop grande centralisation des communications privées.</li>
</ul>
</section>
<section>
<h2></h2>
<p>Pousser la réflexion sur le design le plus loin possible avant d'envisager les aspects techniques pour s'émanciper de l'existant (effet « page blanche »).
<ul>
<li>Plus de notion de « folders ».</li>
<li>Une conversation n'est plus définie par son sujet, mais par les contacts qui y participent.</li>
<li>Les notions « d'urgence » ou « d'indésirable » sont remplacées par un unique « niveau d'importance ».</li>
<li>Chaque élement de l'UI, de même que le compte de l'utilisateur et le terminal utilisé, a son propre « niveau de confidentialité » mis en évidence.</li>
</ul>
</section>
<section>
<h2></h2>
<img src="img/features_carrousel_1.png" alt=""/>
</section>
<section>
<h2></h2>
<img src="img/features_carrousel_2.png" alt=""/>
</section>
<section>
<p>Le design n'est pas suffisant pour faire la « killer-app » dont nous avons besoin pour convaincre les utilisateurs à migrer.
<ul>
<li> Intégration en une interface unique de toute la correspondance privée (<span class="python-yellow">mail, PM, chat, irc...</span>),</li>
<li>Développement d'une API permettant l'ajout de nouveaux protocoles (vidéo, SMS...),</li>
<li>Facilité de déploiement, avec des configurations adaptées aux différents publics visé,</li>
<li>Effet « social » de la <a href="http://en.wikipedia.org/wiki/Gamification">gamification</a> : les contacts hors CaliOpen ont un niveau de confidentialité bas et sont poussés à changer leurs usages.</li>
</ul>
</section>
<section>
<h2></h2>
<img src="img/features_carrousel_3.png" alt=""/>
</section>
<section>
<h2></h2>
<p>La sécurité d'une communication ne se limite pas à une interface sécurisée.
<ul>
<li>Une <a href="http://en.wikipedia.org/wiki/User_interface">UI</a> seule ne peut pas avoir accès aux informations de transport (certificats, identification, chiffrement...). L'architecture doit intégrer les serveurs, leur configuration, et leur échanges avec l'UI.</li>
<li>Le terminal utilisé a une importance majeure : cas d'espèce de l'utilisateur qui veut accéder à une conversation sécurisée depuis un terminal public (mode dégradé).</li>
</ul>
</section>
<section>
<img src="img/caliop_arch_proposal.png" alt="" />
</section>
<section>
<h2></h2>
<p>Pour que le produit conserve la confiance des utilisateurs sur le long terme, il faut un suivi des services qui l'utilisent.
<ul>
<li>Il faut penser une association, dont le rôle sera, au delà du développement et de l'évolution du produit, de labelliser les services qui y adhèreront.</li>
<li>Ce label doit garantir un niveau minimum de suivi (respect des mises à jours, audits de sécurité...).</li>
<li> Il doit aussi valider un tant soit peu le sérieux du modèle économique (pour garantir aux utilisateurs la pérennité de leurs données personnelles), et s'assurer que l'interdiction de vente d'informations personnelles à des tiers est respectée.</li>
</ul>
</section>
<section>
<h2></h2>
<p>En parallèle, le label peut permettre la création d'un réseau de services sécurisés par l'émission (et la révocation) de certificats permettant d'intégrer un <a href="http://fr.wikipedia.org/wiki/R%C3%A9seau_priv%C3%A9_virtuel">VPN</a> chiffré reliant les adhérents.</p>
<p>Quelques pistes :
<ul>
<li>Authentification à distance entre membres (<a href="http://fr.wikipedia.org/wiki/OAuth">OAUTH</a>) pour qu'un utilisateur d'un service puisse lire un document partagé par un de ses contacts sur un autre service, par exemple.</li>
<li>Partage des informations de contact (l'utilisateur du service A connait le niveau de confidentialité de son contact utilisateur du service B)</li>
</ul>
</section>
<section>
<h3>Aujourd'hui, nous avons besoin d'aide.</h3>
<p>Pour avancer plus rapidement sur le développement de notre interface utilisateur, nous avons besoin de développeurs Web (<a href="https://angularjs.org/">Angular</a>, <a href="http://www.pylonsproject.org/projects/pyramid/about">Pyramid</a>, <a href="https://www.python.org/">Python</a>).
Nous avons besoin de compétences dans le domaine de la <a href="http://fr.wikipedia.org/wiki/Cryptographie">cryptographie</a> aussi, pour valider nos choix ou pour les améliorer.</p>
<p>Et nous avons besoin d'aide dans le suivi et la direction de projet.</p>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.min.js"></script>
<script src="js/jquery-1.11.1.min.js"></script>
<script>
function resizeBackground(){
var win_width = $(document).width();
var img = $(".custom-background img");
img.width(win_width);
}
$(window).on("resize",function(){
resizeBackground();
});
</script>
<script>
// Full list of configuration options available here:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: true,
center: true,
theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
transition: Reveal.getQueryHash().transition || 'fade', // default/cube/page/concave/zoom/linear/fade/none
// Parallax scrolling
// parallaxBackgroundImage: 'fond_slide_caliopen.jpg',
// parallaxBackgroundSize: '100% 100%',
// Optional libraries used to extend on reveal.js
dependencies: [
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
{ src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
]
});
</script>
</body>
</html>