1
00:00:00,000 --> 00:00:01,969
— C'est parti

2
00:00:01,969 --> 00:00:15,238
— Bonjour à tous, bienvenue dans La Voix Est Libre, l'émission de l'association Picasoft. Donc je suis Quentin, aujourd'hui on est avec Rémy et Stéphane de Picasoft. Et on a le plaisir de recevoir Fabien Cazenave

3
00:00:15,238 --> 00:00:22,576
qui a notamment participé au développement du navigateur web libre Firefox et ça tombe bien puisque c'est le thème du jour.

4
00:00:22,576 --> 00:00:23,982
Bonjour fabien.

5
00:00:23,982 --> 00:00:25,448
— Bonjour, bonjour à tous les libristes

6
00:00:25,448 --> 00:00:28,510
— Bonjour à toi

7
00:00:28,510 --> 00:00:37,208
— Eh bien, écoute, est-ce que tu peux nous parler un petit peu de de ton parcours de ce qui t'a amené vers ce navigateur web ? Et puis après on on discutera un petit peu de ce que c'est justement.

8
00:00:37,208 --> 00:00:47,024
— Oui, mais en fait c'était la fin des années quatre-vingt-dix début deux mille c'était une époque où on avait qu'un seul navigateur qui était plus ou moins le

9
00:00:47,024 --> 00:00:54,312
standard de fait puisque quasiment le seul qui avait, enfin il avait quasiment toutes les part de marché, c'était IE6.

10
00:00:54,312 --> 00:01:02,818
Et moi, je n'avais rien à voir avec le monde du web à l'époque, mais dans mon activité de développeurs indépendants, il fallait que je fournisse de documentation technique

11
00:01:02,818 --> 00:01:10,879
je le faisais dans le seul format qui me semble être pérenne c'est-à-dire HTML et pour ça j'avais besoin d'éditeur HTML libre de

12
00:01:10,879 --> 00:01:18,924
navigateur HTML libre pour pouvoir les déployer sur n'importe quelle plateforme et donc je me suis intéressé à, à l'époque ça s'appelait encore

13
00:01:18,924 --> 00:01:29,043
la suite Mozilla puis Firefox après la cession de Netscape et c'est comme ça je suis rentré un petit peu dans le milieu du logiciel libre

14
00:01:29,043 --> 00:01:30,945
un peu par accident finalement.

15
00:01:30,945 --> 00:01:37,115
— Merci Fabien de cette première petite intro je me je me permets de relancer un petit peu puisque tu as

16
00:01:37,115 --> 00:01:41,842
lancé des des trucs mais qui sont les limites d'une autre époque.

17
00:01:41,842 --> 00:01:48,064
Donc Internet Explorer, Netscape, les années 90, juste tu nous redonnes

18
00:01:48,064 --> 00:01:52,389
un ou deux éléments de contexte sur cette époque, tu nous en a déjà dit deux mots

19
00:01:52,389 --> 00:01:53,227
— Ouais.

20
00:01:53,227 --> 00:02:02,783
C'était une époque où on avait un système ultra dominant, c'était Microsoft Windows avec son navigateur Internet Explorer 6 à l'époque,

21
00:02:02,783 --> 00:02:09,700
et où, en fait, on avait besoin d'un navigateur un peu plus performant qu'il fallait pouvoir faire tourner sur d'autres systèmes,

22
00:02:09,700 --> 00:02:15,908
eh bien, on avait guère le choix il fallait passer par un navigateur libre qui était encore balbutiant à l'époque,

23
00:02:15,908 --> 00:02:18,901
à savoir Mozilla qui est devenu Firefox.

24
00:02:18,901 --> 00:02:22,962
Et c'est comme ça que toute une communauté en France, en Europe, dans le monde

25
00:02:22,962 --> 00:02:27,761
qui s'est monté pour développer promouvoir diffuser ce navigateur.

26
00:02:27,761 --> 00:02:34,798
— Et Mozilla, tu me tu me dis si je me trompe, mais donc c'est hérité d'un autre truc qui s'appelait Netscape,

27
00:02:34,798 --> 00:02:41,055
et il me semble que c'est né, enfin la transition entre Netscape et Mozilla est née, quelque part en France

28
00:02:41,055 --> 00:02:43,921
avec des gens comme Tristan Nitot, Daniel Glazman.

29
00:02:43,921 --> 00:02:45,209
Et toi ?

30
00:02:45,209 --> 00:02:51,909
— En fait, Netscape, oui, développait son navigateur

31
00:02:51,909 --> 00:03:01,860
Netscape a été racheté par AOL qui l'a finalement revendu, et donc en fait il y a eu un jour au lendemain tous les ingénieurs Netscape qui se sont retrouvé au chômage en fait,

32
00:03:01,860 --> 00:03:03,459
enfin, quasiment tous.

33
00:03:03,459 --> 00:03:09,182
et une partie d'entre eux se sont dit « bon c'est pas grave on a un navigateur qui est tellement bien qu'on va continuer de développer

34
00:03:09,182 --> 00:03:13,829
en code source ouvert, en logiciels libres, et puis on verra après comment on arrive à se payer ».

35
00:03:13,829 --> 00:03:20,115
Donc Daniel Glazman et l'ami Tristan Nitot étaient des employés de Netscape à l'époque qui ont,

36
00:03:20,115 --> 00:03:22,568
Trisant avait continué du coup à travailler là-dessus,

37
00:03:22,568 --> 00:03:29,284
et à fonder Mozilla Europe qui était à l'époque une association à but non lucratif

38
00:03:29,284 --> 00:03:33,144
qui n'avait pas de lien juridique avec Netscape ou même ce qui est devenu Mozilla après.

39
00:03:33,144 --> 00:03:41,259
C'était pour fédérer les passionnés qui voulait contribuer du code ou de l'énergie de manière générale à ce développement là.

40
00:03:41,259 --> 00:03:49,773
Donc moi je faisais partie en fait de la communauté, j'étais un des plus volubile on va dire sur la communauté francophone de l'époque,

41
00:03:49,773 --> 00:03:54,956
j'étais un petit peu à cheval entre les deux je faisais un peu de développement un peu de support aux utilisateurs,

42
00:03:54,956 --> 00:04:00,255
et on animait beaucoup d'ateliers pour le développement d'extensions pour ce genre de choses-là.

43
00:04:00,255 --> 00:04:02,910
C'est comme ça que tout est parti un peu en France.

44
00:04:02,910 --> 00:04:06,267
— Ok. Donc effectivement ça c'était début...

45
00:04:06,267 --> 00:04:09,086
voilà comme tu l'as dit fin des années 90 début des années 2000,

46
00:04:09,086 --> 00:04:12,890
et puis l'étincelle est partie de là, et puis je crois que ça a bien fonctionné,

47
00:04:12,890 --> 00:04:17,748
puisque autour de 2010 Firefox est passé de 0 à

48
00:04:17,748 --> 00:04:20,969
pas loin je crois d'un d'un bon tiers de parts de marché, était même

49
00:04:20,969 --> 00:04:24,457
pas très loin de de rejoindre d'Internet Explorer à un moment.

50
00:04:24,457 --> 00:04:27,880
— On a même été devant Internet Explorer en France et en Allemagne pendant plusieurs années.

51
00:04:27,880 --> 00:04:33,000
— D'accord. Ouais, pas au niveau mondial mais localement en France, ça avait dépassé la barre des 50% c'est ça ?

52
00:04:33,000 --> 00:04:34,935
— Et puis dans d'autres pays d'Europe. Oui, oui, tout à fait

53
00:04:34,935 --> 00:04:38,164
— Voilà. Donc c'est c'est quand même une aventure assez impressionnante.

54
00:04:38,164 --> 00:04:43,734
Mais, mais, mais, ensuite sont arrivés Google et les smartphones,

55
00:04:43,734 --> 00:04:49,532
aujourd'hui on est, pareil dans les grandes lignes, c'est Chrome qui a pris

56
00:04:49,532 --> 00:04:54,327
à peu près deux tiers de parts de marché, Firefox est passé sous la barre des 10%.

57
00:04:54,327 --> 00:04:59,253
Et qu'est-ce que tu en penses ? Est-ce que selon toi on est revenu dans une situation

58
00:04:59,253 --> 00:05:03,493
un peu de quasi hégémonie comme celle qu'on a connu ? Est-ce que ça pose les mêmes problèmes ?

59
00:05:03,493 --> 00:05:07,247
Est-ce que tu un avis un petit peu autour de de tout ça ?

60
00:05:07,247 --> 00:05:13,336
— Eh bien, on est revenu dans une situation hégémonique, oui. Mais je suis tenté de dire qu'elle est pire qu'avant

61
00:05:13,336 --> 00:05:19,032
parce qu'avant on avait une situation hégémonique techniquement très en retard sur l'alternative libre.

62
00:05:19,032 --> 00:05:23,094
Internet Explorer 6 à l'époque était une catastrophe, il n'y avait pas d'onglet,

63
00:05:23,094 --> 00:05:25,902
ça ne tournait que sous windows, les performances étaient pourries,

64
00:05:25,902 --> 00:05:32,901
le respect des standards du web était complètement à la traîne, il n'y avait pas de développement fait par Microsoft activement dessus.

65
00:05:32,901 --> 00:05:38,979
Et puis surtout l'usage d'internet à l'époque ça n'était que, entre guillemets, un accès de l'information,

66
00:05:38,979 --> 00:05:45,823
alors qu'aujourd'hui internet c'est une plateforme, c'est la plateforme d'exécution de toutes nos applications presque,

67
00:05:45,823 --> 00:05:50,269
c'est l'endroit où on stocke toutes nos informations privées ou presque malheureusement

68
00:05:50,269 --> 00:05:56,602
et donc aujourd'hui la domination de chrome non seulement les difficiles à bousculer parce que

69
00:05:56,602 --> 00:05:59,992
ils ont objectivement un très bon navigateur qui en plus fonctionne

70
00:05:59,992 --> 00:06:02,736
sur Windows, Mac, Linux, beaucoup de plateformes,

71
00:06:02,736 --> 00:06:09,957
mais en plus les enjeux sont bien, bien, bien plus critiques que ceux qu'on avait au début des années 2000.

72
00:06:09,957 --> 00:06:13,206
Et avoir une société privée qui contrôle

73
00:06:13,206 --> 00:06:14,834
tous ces canaux de distribution là

74
00:06:14,834 --> 00:06:18,789
et dont le modèle économiques contrairement à Microsoft ce n'est pas de vendre du logiciel,

75
00:06:18,789 --> 00:06:20,960
souvent par l'artifice de la vente liée,

76
00:06:20,960 --> 00:06:26,895
mais bien de vendre nos données privées pour les monétiser sous la forme de revenus publicitaires,

77
00:06:26,895 --> 00:06:31,375
ça pose des problèmes qui ne sont pas justes techniques, ça pose des problèmes

78
00:06:31,375 --> 00:06:32,985
sociétaux voire politiques.

79
00:06:32,985 --> 00:06:36,490
La situation est beaucoup plus difficile à mon sens.

80
00:06:36,490 --> 00:06:37,018
— Ouais, ouais.

81
00:06:37,018 --> 00:06:43,738
Effectivement, on est passé de premiers enjeux qui étaient essentiellement techniques, à des enjeux sociétaux on reviendra là dessus

82
00:06:43,738 --> 00:06:46,511
en fin d'émission avec notamment Rémy mais tu pourras

83
00:06:46,511 --> 00:06:50,208
venir compléter tout ça quand on reparlera un peu

84
00:06:50,208 --> 00:06:52,362
de la question de Chrome, Chromium, etc.

85
00:06:52,362 --> 00:06:59,978
Pour pareil anticiper peut-être un petit peu les choses dont on reparlera tu utilises j'imagine quelques extensions Firefox, tu en as

86
00:06:59,978 --> 00:07:04,185
1 ou 2 favorites ou que tu as envie de mettre en avant ?

87
00:07:04,185 --> 00:07:12,910
— Il y a Ublock Origin, je pense que tout le monde connait. Ça ce n'est pas juste Firefox, c'est une extension qui est juste indispensable aujourd'hui pour naviguer sur internet.

88
00:07:12,910 --> 00:07:15,893
donc à installer si ce n'est pas déjà fait

89
00:07:15,893 --> 00:07:20,391
mais bon après dans le civil je suis développeur  web

90
00:07:20,391 --> 00:07:22,805
donc j'aime bien bricoler des pages web et surtout j'aime bien

91
00:07:22,805 --> 00:07:26,635
personnaliser l'apparence des applications en fonction de mes besoins à moi

92
00:07:26,635 --> 00:07:33,594
donc j'utilises beaucoup Stylish c'est une extension qui permet de rajouter des feuilles de style par-dessus

93
00:07:33,594 --> 00:07:39,045
l'application web existante et comme ça je peux personnaliser rapidement plein d'applications.

94
00:07:39,045 --> 00:07:44,177
Après j'ai un plaisir un peu coupable, c'est que j'utilise beaucoup, beaucoup d'onglets, beaucoup trop,

95
00:07:44,177 --> 00:07:49,664
et donc j'utilise régulièrement, je bricole des extensions pour manipuler ma collection d'onglets.

96
00:07:49,664 --> 00:07:56,357
— Ok bah merci pour ces... Stylish, S-T-Y-L-I-S-H ? C'est ça ?

97
00:07:56,357 --> 00:07:58,862
— Stylish ouais, S-T-Y-L-I-S-H, exactement.

98
00:07:58,862 --> 00:07:59,707
— Ok.

99
00:07:59,707 --> 00:08:08,112
Merci à toi, il y a Rémy qui m'a soufflé une autre question, que que j'aurais dû te poser avant en fait, elle enchaînait mieux mais voilà je poserais après.

100
00:08:08,112 --> 00:08:12,949
Ce que tu as dit sur Mozilla, quand même globalement un positionnement défense de la vie privée qui est

101
00:08:12,949 --> 00:08:18,935
assez visible bien positionné sur le...,  enfin au niveau des média, au niveau de la communication sur le web,

102
00:08:18,935 --> 00:08:23,289
et pour autant, donc qui est une alternative de fait à Google Chrome encore une fois on y reviendra,

103
00:08:23,289 --> 00:08:26,867
et pour autant le moteur de recherche par défaut quand on installe Firefox

104
00:08:26,867 --> 00:08:30,130
sur la majorité des plateformes c'est Google Search.

105
00:08:30,130 --> 00:08:36,222
Alors je crois que c'est historique mais est-ce que tu veux commenter aussi cette petite contradiction ?

106
00:08:36,220 --> 00:08:48,040
— En fait, ça date à une époque où Google ne faisait pas son propre navigateur et préférait financer Firefox pour avoir un navigateur libre, ouvert, pour faire fonctionner ses applications.

107
00:08:48,040 --> 00:08:52,840
À ma connaissance aujourd'hui, c'est Qwant qui est par défaut en France. Je dis peut-être une  ânerie.

108
00:08:52,840 --> 00:08:55,240
— Je crois que ça dépend des plateformes.

109
00:08:55,240 --> 00:09:05,700
— Mais j'utilise DuckDuckGo. Il y a des moteurs de recherche qui sont beaucoup plus respectueux de la vie privée.

110
00:09:05,940 --> 00:09:07,920
Bon, il y a beaucoup DuckDuckGo. Qwant est très bien aussi.

111
00:09:07,920 --> 00:09:14,440
D'une manière générale, ce n'est pas juste une question du navigateur.

112
00:09:14,440 --> 00:09:17,120
Ce n'est quasiment plus d'ailleurs une question du navigateur.

113
00:09:17,120 --> 00:09:18,760
C'est beaucoup une question de nos usages.

114
00:09:18,760 --> 00:09:22,200
On a des usages qui sont centralisés, et le vrai danger, il est là.

115
00:09:22,200 --> 00:09:30,920
C'est qu'une seule société à but lucratif peut avoir sur nous beaucoup plus d'informations qu'on voudrait lui laisser.

116
00:09:30,920 --> 00:09:35,660
Et c'est à nous, utilisateurs, chacun dans notre coin, d'arriver à

117
00:09:35,660 --> 00:09:38,800
utiliser des solutions alternatives moins centralisées, plus respectueuses.

118
00:09:38,800 --> 00:09:46,940
Et ça, ma foi, c'est toujours un peu le même combat entre ce qui est bénéfique pour tout le monde et ce qui est confortable à utiliser là, tout de suite.

119
00:09:46,940 --> 00:09:50,380
— Là, effectivement, tu reviens au cœur des préoccupations de Picasoft.

120
00:09:50,380 --> 00:09:55,340
C'est des choses dont on a parlé dans l'émission précédente, notamment avec Frédéric Urbain de Framasoft,

121
00:09:55,340 --> 00:09:58,100
et sur lesquelles on aura largement l'occasion de revenir.

122
00:09:58,100 --> 00:10:02,080
Eh bien, merci beaucoup, Fabien, pour ces quelques échanges.

123
00:10:02,080 --> 00:10:03,160
Et puis, je crois que tu restes avec nous.

124
00:10:03,160 --> 00:10:06,280
Donc, n'hésite pas à intervenir sur la suite.

125
00:10:06,280 --> 00:10:13,500
Donc, on enchaîne avec Quentin, qui va passer un peu sur le grill pour nous expliquer,

126
00:10:13,500 --> 00:10:16,860
eh bien, finalement, c'est quoi un navigateur web ?

127
00:10:16,860 --> 00:10:18,640
On voit à peu près tous à quoi ça sert.

128
00:10:18,640 --> 00:10:19,680
Ça sert à aller sur le web.

129
00:10:19,680 --> 00:10:21,000
Ça, je pense qu'on est quand même,

130
00:10:21,000 --> 00:10:24,640
voilà, pour l'ensemble, on voit à quoi ça sert, mais on ne voit pas forcément bien comment ça fonctionne.

131
00:10:24,640 --> 00:10:32,240
Alors, un navigateur web, pour simplifier, mais on peut poser que c'est un client HTTP et un moteur de rendu HTML.

132
00:10:32,240 --> 00:10:35,880
Et donc, on va approfondir un petit peu ça.

133
00:10:35,880 --> 00:10:37,360
Alors, commençons par la première partie.

134
00:10:37,360 --> 00:10:39,540
Un navigateur, Quentin, c'est un client HTTP.

135
00:10:39,540 --> 00:10:42,980
On a expliqué un petit peu ce qu'était un serveur la semaine dernière.

136
00:10:42,980 --> 00:10:48,920
Il y a un rapport entre les clients et les serveurs en informatique, mais également un peu comme au café.

137
00:10:48,920 --> 00:10:51,720
C'est-à-dire qu'ils vont communiquer pour s'échanger des choses.

138
00:10:51,720 --> 00:10:56,940
Est-ce que tu peux nous rappeler cette histoire et nous expliquer un peu comment fonctionne HTTP ?

139
00:10:56,940 --> 00:10:59,780
— Alors, effectivement, on va rentrer un petit peu plus dans le vif du sujet,

140
00:10:59,780 --> 00:11:04,780
alors, pas d'inquiétude, pas trop de technique, mais c'est important de comprendre un petit peu les insights,

141
00:11:04,820 --> 00:11:10,040
on va dire, du navigateur et de la communication web sur Internet, donc.

142
00:11:10,040 --> 00:11:13,780
Donc, pour rappel, un client, c'est tout simplement une machine,

143
00:11:13,780 --> 00:11:18,860
ça peut être un smartphone, ça peut être un ordinateur personnel.

144
00:11:18,860 --> 00:11:23,660
Et un serveur est également une machine, un ordinateur, mais qui rend service,

145
00:11:23,660 --> 00:11:27,260
eh bien, justement, au client, d'où l'analogie avec le café.

146
00:11:27,260 --> 00:11:32,940
Donc ça, on en avait parlé de manière très générale sur l'architecture client-serveur.

147
00:11:32,940 --> 00:11:40,180
Mais dans le cadre des navigateurs web, eh bien, le navigateur, comme l'a dit Stéphane, est un client HTTP.

148
00:11:40,180 --> 00:11:42,100
Alors, qu'est-ce que c'est HTTP ?

149
00:11:42,100 --> 00:11:47,040
C'est ce qu'on appelle un protocole, en d'autres termes, un langage, une norme informatique

150
00:11:47,040 --> 00:11:52,440
qui permet à un client, en l'occurrence le navigateur web, de demander à des serveurs web

151
00:11:52,440 --> 00:11:56,340
de lui envoyer des fichiers, et ce sont ces fichiers qui constituent les pages web.

152
00:11:56,340 --> 00:12:00,360
Donc, ça peut être tout simplement des fichiers de texte, des fichiers qui permettent de styliser la page,

153
00:12:00,360 --> 00:12:02,680
des images, des vidéos, ce genre de choses.

154
00:12:02,680 --> 00:12:08,060
Et donc, quand on tape une URL dans un navigateur, donc une URL, ça peut être, par exemple, à tout hasard,

155
00:12:08,060 --> 00:12:12,940
picasoft.net, eh bien, en fait, on lui ordonne de demander des fichiers à un serveur.

156
00:12:12,940 --> 00:12:18,340
Donc, comme je le disais, si on tape picasoft.net, eh bien, on demande à notre navigateur web

157
00:12:18,340 --> 00:12:23,840
de récupérer des fichiers sur un serveur qui s'appelle picasoft.net.

158
00:12:23,840 --> 00:12:32,520
Celui-ci va nous donner une page qui s'appelle, par exemple, index.html, et donc, vous aurez

159
00:12:32,520 --> 00:12:35,840
l'affichage dans votre navigateur.

160
00:12:35,840 --> 00:12:40,320
Mais, qu'est-ce que c'est, finalement, que ce...

161
00:12:40,320 --> 00:12:42,120
Ah, j'anticipe.

162
00:12:42,120 --> 00:12:43,300
Je crois que j'anticipe, Stéphane.

163
00:12:43,300 --> 00:12:45,100
— En effet, donc, tu viens...

164
00:12:45,100 --> 00:12:47,720
Là, tu as failli me voler ma question, donc, heureusement, on l'a sauvé de peu.

165
00:12:47,720 --> 00:12:53,020
Donc, effectivement, le navigateur demande des contenus au serveur.

166
00:12:53,020 --> 00:12:56,780
Le client HTTP demande des contenus au serveur HTTP, au serveur web.

167
00:12:56,780 --> 00:12:58,660
Le serveur lui renvoie ces contenus.

168
00:12:58,660 --> 00:13:03,080
Donc, tu l'as dit, ça peut être différents types de fichiers, mais c'est souvent des fichiers HTML.

169
00:13:03,080 --> 00:13:08,320
Donc, par exemple, si on interroge picassof.net/index.html, eh bien, on va récupérer

170
00:13:08,320 --> 00:13:10,320
un fichier qui s'appelle index.html.

171
00:13:10,320 --> 00:13:14,980
Mais, en fait, ce qu'on va voir, c'est que le navigateur, eh bien, c'est aussi son boulot,

172
00:13:14,980 --> 00:13:20,520
c'est aussi d'afficher du HTML de telle façon que nous autres êtres humains, on arrive

173
00:13:20,520 --> 00:13:21,560
à le lire correctement.

174
00:13:21,560 --> 00:13:24,560
Alors, est-ce que tu peux nous expliquer vite fait comment fonctionne HTML ?

175
00:13:24,560 --> 00:13:25,040
— Oui, tout à fait.

176
00:13:25,040 --> 00:13:30,100
Effectivement, on a dit qu'un navigateur web était un client HTTP, mais aussi un moteur

177
00:13:30,100 --> 00:13:30,860
de rendu HTML.

178
00:13:30,860 --> 00:13:35,860
HTML, c'est un langage informatique de description, on peut le dire.

179
00:13:35,860 --> 00:13:42,700
Et, en fait, ce langage HTML sert simplement à décrire la structure de la page.

180
00:13:42,700 --> 00:13:46,900
Donc, typiquement, je vais dire, voilà, à cet endroit-là, je vais avoir un titre, et

181
00:13:46,900 --> 00:13:47,900
son contenu, c'est celui-là.

182
00:13:47,900 --> 00:13:51,880
À cet endroit-là, je vais avoir un paragraphe qui va raconter plein de super choses sur

183
00:13:51,880 --> 00:13:52,580
le logiciel libre.

184
00:13:52,580 --> 00:13:57,640
Et donc, le rôle du navigateur web, c'est de formater tout ça, de l'agencer et de

185
00:13:57,640 --> 00:14:03,080
passer d'un code HTML purement descriptif à l'affichage que vous aurez, eh bien, sur

186
00:14:03,080 --> 00:14:04,920
la fenêtre de votre navigateur web.

187
00:14:04,920 --> 00:14:06,980
— OK.

188
00:14:06,980 --> 00:14:11,240
On ne va pas rentrer dans les détails des différentes technologies.

189
00:14:11,240 --> 00:14:15,760
Il y a des technologies comme CSS, par exemple, qui servent également à la mise en forme,

190
00:14:15,760 --> 00:14:17,620
qui viennent en complément de ce que tu viens de décrire.

191
00:14:17,620 --> 00:14:21,540
En revanche, je voulais peut-être qu'on aborde un tout petit peu JavaScript, puisque

192
00:14:21,540 --> 00:14:23,520
ça fait partie des choses dont on entend souvent parler.

193
00:14:23,520 --> 00:14:26,340
Et on aura certainement l'occasion également d'y revenir.

194
00:14:26,340 --> 00:14:29,660
Ça fait partie des questions aujourd'hui, enfin, des endroits qui questionnent un peu

195
00:14:29,660 --> 00:14:33,160
plus, notamment la vie privée ou les différents usages qu'on peut avoir.

196
00:14:33,160 --> 00:14:34,940
Tu nous dis un ou deux mots sur JavaScript ?

197
00:14:34,940 --> 00:14:40,360
Alors, en effet, comme je l'ai dit, HTML est un langage purement descriptif, mais qui

198
00:14:40,360 --> 00:14:42,520
dit descriptif, dit aussi statique.

199
00:14:42,520 --> 00:14:44,660
C'est-à-dire que la page est en quelque sorte figée.

200
00:14:44,660 --> 00:14:48,900
Et aujourd'hui, vous le voyez sur les sites web modernes, eh bien, il y a plein d'éléments

201
00:14:48,900 --> 00:14:49,560
qui bougent.

202
00:14:49,560 --> 00:14:51,400
Vous cliquez, ça réagit directement.

203
00:14:51,400 --> 00:14:57,380
Et tout ça est possible grâce à un langage qui permet d'ajouter du dynamisme qu'on appelle JavaScript.

204
00:14:57,380 --> 00:15:03,340
D'ailleurs, aujourd'hui, JavaScript est tout à fait omniprésent et c'est un sujet assez

205
00:15:03,340 --> 00:15:09,120
préoccupant dans la mesure où les pages deviennent de plus en plus grosses et exécutent

206
00:15:09,120 --> 00:15:10,840
énormément de programmes.

207
00:15:10,840 --> 00:15:15,980
Et d'ailleurs, je crois que, Stéphane, de ton temps, JavaScript, ça n'existait sûrement pas.

208
00:15:15,980 --> 00:15:19,580
— Non, de mon temps, si, l'informatique existait...

209
00:15:19,580 --> 00:15:23,480
C'est ça, Fabien, l'informatique existait déjà, mais vraiment, c'était embryonnaire.

210
00:15:23,480 --> 00:15:25,020
On programmait avec des cartes perforées et tout ça.

211
00:15:25,020 --> 00:15:25,940
Non, non, pas tout à fait.

212
00:15:25,940 --> 00:15:27,500
On n'est pas aussi vieux.

213
00:15:27,500 --> 00:15:32,380
Mais cela dit, je ne sais pas si tu veux commenter ça, Fabien.

214
00:15:32,380 --> 00:15:33,220
— Oui.

215
00:15:33,300 --> 00:15:37,400
En fait, c'était un grand, grand débat à l'époque où, effectivement, il y avait

216
00:15:37,400 --> 00:15:43,260
notamment IE6 qui était très, très pauvre en capacité CSS, donc on était obligés

217
00:15:43,260 --> 00:15:46,480
de faire du JavaScript pour des choses toutes simples, genre animer des menus déroulants.

218
00:15:46,480 --> 00:15:50,760
C'était, à l'époque, le summum du site haut de gamme, c'était un truc avec des menus déroulants.

219
00:15:50,760 --> 00:15:52,820
Ça faisait rêver tout le monde dans les années 90 ou 2000.

220
00:15:52,820 --> 00:15:57,460
Et alors que ça, en fait, on sait le faire de façon purement déclarative, donc légère

221
00:15:57,460 --> 00:16:03,260
à télécharger, légère à interpréter pour le navigateur, et donc, voilà, on savait

222
00:16:03,260 --> 00:16:07,200
faire des menus rapides à s'ouvrir sous Firefox et chiants sous IE.

223
00:16:07,200 --> 00:16:12,860
Et ça, ça ajoutait encore autre chose, c'est qu'on avait, en gros, 10-15% des utilisateurs

224
00:16:12,860 --> 00:16:17,300
qui n'activaient pas JavaScript, soit parce qu'il y avait des politiques de sécurité

225
00:16:17,300 --> 00:16:23,120
dans les entreprises qui disaient, ben, JavaScript n'est pas suffisamment éprouvé pour qu'on

226
00:16:23,120 --> 00:16:26,460
puisse laisser du contenu s'exécuter à la volée, soit parce que, tout simplement,

227
00:16:26,460 --> 00:16:30,940
ça ralentissait beaucoup trop IE6, et donc, des utilisateurs choisissaient de le désactiver.

228
00:16:30,940 --> 00:16:33,120
Et puis, enfin, il y avait un problème d'accessibilité.

229
00:16:33,120 --> 00:16:37,400
La plupart des technologies qui permettaient aux malvoyants ou aux utilisateurs qui étaient

230
00:16:37,400 --> 00:16:41,760
atteints d'autres handicaps d'interagir avec leur page web ne fonctionnaient pas avec JavaScript, tout simplement.

231
00:16:41,760 --> 00:16:45,620
Donc, on était, à l'époque, obligés, enfin, obligés, c'était fortement recommandé,

232
00:16:45,620 --> 00:16:48,780
si on voulait un site bien indexé, d'avoir un site qui fonctionnait sans JavaScript.

233
00:16:48,780 --> 00:16:55,600
Et enfin, les moteurs de recherche comme Google inspectaient les pages web sans interpréter JavaScript.

234
00:16:55,600 --> 00:16:59,140
Donc, si le contenu était généré par JavaScript, comme c'est le cas aujourd'hui pour la plupart

235
00:16:59,140 --> 00:17:03,020
des applications web, eh ben, votre site n'existait tout simplement pas sur les moteurs de recherche.

236
00:17:03,020 --> 00:17:04,300
Donc, il n'existait pas du tout.

237
00:17:04,300 --> 00:17:06,920
— C'est ça.

238
00:17:06,920 --> 00:17:08,640
Donc, là, on a un peu le...

239
00:17:08,640 --> 00:17:10,900
Enfin, voilà, tu es revenu un petit peu sur l'origine.

240
00:17:10,900 --> 00:17:12,500
Je pense que ça vaudrait...

241
00:17:12,500 --> 00:17:18,080
Enfin, on se réservera peut-être un jour une émission pour parler plus généralement,

242
00:17:18,080 --> 00:17:22,240
il y a des mouvements aujourd'hui de low-tech qui préconisent, effectivement, de revenir

243
00:17:22,240 --> 00:17:28,600
à des structurations plus simples, d'imaginer que ce qu'on a gagné à un moment, entre guillemets,

244
00:17:28,600 --> 00:17:33,140
de facilité d'usage, eh ben, finalement, c'est des choses plus compliquées à contrôler, moins performantes.

245
00:17:33,140 --> 00:17:37,620
Qui peuvent même, éventuellement, poser des questions de consommation énergétique.

246
00:17:37,620 --> 00:17:40,680
Mais, effectivement, ça nous emmènerait probablement un petit peu plus loin.

247
00:17:40,680 --> 00:17:45,840
Donc, on se garde ça et peut-être on te réinvitera avec plaisir, Fabien, à ce moment-là.

248
00:17:45,840 --> 00:17:50,320
Il y a un dernier point que je voulais aborder avant qu'on repasse un peu sur la discussion,

249
00:17:50,320 --> 00:17:54,640
notamment Firefox versus Chrome, puisque c'était quand même un petit peu notre objectif aujourd'hui.

250
00:17:54,640 --> 00:17:56,280
C'était parler du W3C.

251
00:17:56,280 --> 00:18:02,600
En effet, ce qu'on vient de voir, là, qu'on a des langages, HTTP, HTML, JavaScript, CSS,

252
00:18:03,100 --> 00:18:06,820
et en fait, tous les navigateurs parlent les mêmes langages.

253
00:18:06,820 --> 00:18:10,760
Et on peut se demander comment est-ce qu'ils font pour se mettre d'accord, ces navigateurs.

254
00:18:10,760 --> 00:18:12,580
Ce n'est pas forcément tous des copains.

255
00:18:12,580 --> 00:18:16,960
On a vu qu'il y avait Microsoft, Google, la Fondation Mozilla, etc.

256
00:18:16,960 --> 00:18:18,720
Ce n'est pas forcément des gens qui ont les mêmes intérêts.

257
00:18:18,720 --> 00:18:22,720
Donc, qu'est-ce qui fait que ça marche et qu'ils arrivent à se parler quand même entre eux ?

258
00:18:22,720 --> 00:18:24,100
Quentin, tu nous...

259
00:18:24,100 --> 00:18:28,480
— Oui, carrément, effectivement, on peut dire qu'ils ne sont peut-être pas les meilleurs amis.

260
00:18:28,480 --> 00:18:33,060
Mais, en revanche, ils ont quand même tout intérêt à faire en sorte que leurs navigateurs,

261
00:18:33,060 --> 00:18:38,280
soient capables d'afficher correctement ce que les autres navigateurs sont aussi capables d'afficher.

262
00:18:38,280 --> 00:18:42,440
Et donc, c'est en particulier grâce à un organisme qui s'appelle le W3C,

263
00:18:42,440 --> 00:18:46,560
pour World Wide Web Consortium, qui réunit les parties prenantes du Web

264
00:18:46,560 --> 00:18:50,040
et qui se mettent d'accord sur ces langages, voire qui créent ensemble de nouveaux langages.

265
00:18:50,040 --> 00:18:54,060
Donc, c'est un organisme qui a été créé en 1994.

266
00:18:54,060 --> 00:18:56,860
Et donc, on peut dire que c'est la naissance du Web, en quelque sorte.

267
00:18:56,860 --> 00:19:01,660
Et c'est cette même idée de standard interopérable,

268
00:19:01,660 --> 00:19:08,780
intéropérable, c'est le mot qui va désigner le fait que les langages fonctionnent sur différents systèmes

269
00:19:08,780 --> 00:19:09,880
et produisent les mêmes résultats,

270
00:19:09,880 --> 00:19:14,680
donc, c'est cette idée de standard interopérable qui permet à des machines différentes

271
00:19:14,680 --> 00:19:18,540
sur des réseaux différents de se parler avec des logiciels différents.

272
00:19:18,540 --> 00:19:22,260
Donc, de la même manière que tous les navigateurs, aujourd'hui du moins,

273
00:19:22,260 --> 00:19:25,020
parce que ça n'a pas été le cas pendant extrêmement longtemps,

274
00:19:25,020 --> 00:19:27,980
arrivent à se mettre à peu près d'accord sur la manière d'afficher,

275
00:19:27,980 --> 00:19:29,460
de faire fonctionner les sites de la même manière,

276
00:19:29,460 --> 00:19:32,980
eh bien, ils interprètent également le HTTP ils parlent tous

277
00:19:32,980 --> 00:19:34,220
le langage de la même manière,

278
00:19:34,220 --> 00:19:36,740
et heureusement pour nous.

279
00:19:36,740 --> 00:19:39,120
Donc, on reparlera sans doute aussi dans une prochaine émission

280
00:19:39,120 --> 00:19:42,340
de l'importance des standards interopérables,

281
00:19:42,340 --> 00:19:46,120
des normes interopérables, des logiciels interopérables, etc.

282
00:19:46,120 --> 00:19:48,200
Des formats de données interopérables.

283
00:19:48,200 --> 00:19:48,480
Voilà.

284
00:19:48,480 --> 00:19:50,160
— Merci, Quentin.

285
00:19:50,160 --> 00:19:54,900
Donc, dans cette première partie, on a montré à peu près,

286
00:19:54,900 --> 00:19:57,160
expliqué à peu près comment fonctionnait le navigateur.

287
00:19:57,160 --> 00:19:59,580
Donc, un langage qui sert à récupérer des fichiers,

288
00:19:59,580 --> 00:20:00,920
encore une fois, pour faire très court, HTTP.

289
00:20:00,920 --> 00:20:02,860
Un langage qui sert à les afficher,

290
00:20:02,940 --> 00:20:05,440
HTML, des trucs autour JavaScript,

291
00:20:05,440 --> 00:20:09,780
et une logique de standardisation qui permet à des logiciels différents,

292
00:20:09,780 --> 00:20:12,760
eh bien, de parler les mêmes langages et de faire en sorte que,

293
00:20:12,760 --> 00:20:16,620
eh bien, l'ensemble du web puisse fonctionner à une échelle mondiale

294
00:20:16,620 --> 00:20:18,340
avec des gens différents, des réseaux différents,

295
00:20:18,340 --> 00:20:19,740
des logiciels différents, etc.

296
00:20:19,740 --> 00:20:24,580
On va revenir un petit peu maintenant peut-être sur la thématique

297
00:20:24,580 --> 00:20:26,320
un peu plus militante de cette émission.

298
00:20:26,320 --> 00:20:28,980
On pourrait dire qu'un de nos objectifs, c'est de faire en sorte

299
00:20:28,980 --> 00:20:32,620
qu'une partie des utilisateurs, peut-être à l'issue de cette écoute,

300
00:20:32,900 --> 00:20:37,400
passe de leurs usages avec, probablement, Google Chrome

301
00:20:37,400 --> 00:20:39,360
à l'usage de Firefox.

302
00:20:39,360 --> 00:20:43,180
Donc, on va peut-être commencer par ça.

303
00:20:43,180 --> 00:20:46,720
Est-ce que, finalement, c'est quoi le problème avec Google Chrome ?

304
00:20:46,720 --> 00:20:48,700
Fabien nous en a donné quelques éléments au départ.

305
00:20:48,700 --> 00:20:52,460
Mais, finalement, on a presque un logiciel libre.

306
00:20:52,460 --> 00:20:57,800
Est-ce que, Quentin, tu veux prolonger un peu là-dessus

307
00:20:57,800 --> 00:21:02,860
et nous expliquer c'est quoi, finalement, le problème de Google Chrome ?

308
00:21:02,860 --> 00:21:07,800
— Le problème de Google Chrome, il est double.

309
00:21:07,800 --> 00:21:13,380
La première chose, déjà, c'est que Google Chrome n'est pas un logiciel libre.

310
00:21:13,380 --> 00:21:16,780
Donc, une partie, en tout cas, de Google Chrome n'est pas un logiciel libre.

311
00:21:16,780 --> 00:21:19,500
Donc, on ne sait pas exactement ce qui se passe dedans.

312
00:21:19,500 --> 00:21:23,300
Il est édité par, évidemment, une entreprise tout à fait lucrative

313
00:21:23,300 --> 00:21:26,480
dont on a parlé des problèmes auparavant.

314
00:21:26,480 --> 00:21:28,040
Le problème n'est pas qu'elle ne soit lucrative,

315
00:21:28,040 --> 00:21:30,900
mais qu'elle ne soit lucrative grâce à la revente de nos données,

316
00:21:30,900 --> 00:21:31,720
comme l'a dit Fabien.

317
00:21:31,720 --> 00:21:35,180
À travers les annonces publicitaires.

318
00:21:35,180 --> 00:21:37,080
Et donc... Oui, pardon.

319
00:21:37,080 --> 00:21:37,480
— Non, pardon.

320
00:21:37,480 --> 00:21:41,340
On peut dire qu'une des premières différences fondamentales,

321
00:21:41,340 --> 00:21:42,980
encore une fois, chose qu'on a déjà évoquée,

322
00:21:42,980 --> 00:21:45,560
entre Chrome, Google Chrome et Mozilla Firefox,

323
00:21:45,560 --> 00:21:47,780
c'est que le code de Mozilla Firefox est 100% libre.

324
00:21:47,780 --> 00:21:48,200
— Absolument.

325
00:21:48,200 --> 00:21:50,200
— Donc, on peut voir exactement ce qui se passe, ce qu'il fait,

326
00:21:50,200 --> 00:21:53,360
alors que ce n'est pas le cas du code de Google Chrome.

327
00:21:53,360 --> 00:21:53,840
— Tout à fait.

328
00:21:53,840 --> 00:21:58,740
Par ailleurs, il y a eu beaucoup de scandales,

329
00:21:58,740 --> 00:22:00,360
semi-scandales avec Chrome,

330
00:22:00,360 --> 00:22:02,780
qui collectaient des données sans le consentement,

331
00:22:02,780 --> 00:22:04,840
sans le consentement explicite de l'utilisateur,

332
00:22:04,840 --> 00:22:06,620
et qui, lorsqu'on le lie à son compte Google,

333
00:22:06,620 --> 00:22:09,620
eh bien, envoient l'ensemble de l'historique des recherches,

334
00:22:09,620 --> 00:22:12,880
voire même de ce qui est tapé à Google,

335
00:22:12,880 --> 00:22:16,020
ce qui pose évidemment les mêmes problèmes de vie privée que d'habitude.

336
00:22:16,020 --> 00:22:18,240
Donc ça, c'est un premier problème qui est inhérent

337
00:22:18,240 --> 00:22:21,440
à l'ensemble des logiciels privateurs

338
00:22:21,440 --> 00:22:24,100
qui fonctionnent sur un modèle de publicité.

339
00:22:24,100 --> 00:22:24,380
Voilà.

340
00:22:24,380 --> 00:22:29,900
— Alors, cela dit, il existe une version qui s'appelle Chromium,

341
00:22:29,900 --> 00:22:32,340
qui est donc une version, elle, 100% libre,

342
00:22:32,740 --> 00:22:36,460
c'est-à-dire que c'est le code de Chrome expurgé des parties non-libres.

343
00:22:36,460 --> 00:22:42,740
Donc, dans cette version, eh bien, les défauts que tu viens de mentionner disparaissent.

344
00:22:42,740 --> 00:22:48,140
Pour autant, on pense que ça reste une assez mauvaise idée

345
00:22:48,140 --> 00:22:52,340
d'utiliser Chromium ou d'utiliser que Chromium, un navigateur hégémonique.

346
00:22:52,340 --> 00:22:53,540
Pourquoi ?

347
00:22:53,540 --> 00:22:55,140
En fait, je t'ai un peu donné la réponse de la question,

348
00:22:55,140 --> 00:22:57,140
mais je te laisse peut-être développer.

349
00:22:57,140 --> 00:22:58,740
— Non, je vais te laisser répondre.

350
00:22:58,740 --> 00:23:02,560
Mais globalement, je pense que le mot hégémonie résume bien

351
00:23:02,700 --> 00:23:06,540
la chose, c'est-à-dire qu'en effet, du point de vue des libertés fondamentales

352
00:23:06,540 --> 00:23:11,020
des logiciels libres, voilà, Chromium répond à l'ensemble de ses libertés.

353
00:23:11,020 --> 00:23:15,540
Mais Chromium est omniprésent dans beaucoup de navigateurs,

354
00:23:15,540 --> 00:23:18,860
que ce soit Google Chrome ou, par exemple, Microsoft Edge,

355
00:23:18,860 --> 00:23:20,660
qui est récemment passé à Chromium.

356
00:23:20,660 --> 00:23:25,460
Et donc, ça pose évidemment la question de la diversité et du pouvoir

357
00:23:25,460 --> 00:23:28,060
politique et technique des ingénieurs derrière Chromium.

358
00:23:28,060 --> 00:23:29,820
Stéphane, peut-être que tu veux rajouter quelque chose ?

359
00:23:29,820 --> 00:23:36,460
— Et finalement, aussi, de la notion de choix de l'utilisateur dont on parlait déjà la semaine dernière, où on a expliqué plusieurs

360
00:23:36,460 --> 00:23:40,340
fois que la liberté dans le logiciel et dans le service,

361
00:23:40,340 --> 00:23:45,700
c'était aussi et avant tout la liberté du choix de ce qu'on voulait utiliser.

362
00:23:45,700 --> 00:23:48,380
— Oui, ce que tu as soulevé,

363
00:23:48,380 --> 00:23:51,020
Quentin, je ne sais pas si Fabien voudra compléter également,

364
00:23:51,020 --> 00:23:56,780
mais c'est qu'on a un même code informatique qui est effectivement commun.

365
00:23:56,780 --> 00:23:58,380
Une grosse part de code informatique est

366
00:23:58,380 --> 00:24:02,420
commun aujourd'hui à la grande majorité des navigateurs, à l'exclusion notamment

367
00:24:02,620 --> 00:24:06,100
de Firefox. Mais on a, voilà, on a ce risque à un moment

368
00:24:06,100 --> 00:24:11,340
de contrôle du code par une seule organisation.

369
00:24:11,340 --> 00:24:15,140
— Alors oui, effectivement, il y a un danger qui n'est pas juste théorique,

370
00:24:15,140 --> 00:24:19,100
qui est même très concret, parce que le W3C dont vous avez parlé à l'instant,

371
00:24:19,100 --> 00:24:22,660
le principe de base de cet organisme de normalisation, c'est que pour que quelque

372
00:24:22,660 --> 00:24:24,940
chose devienne un standard, il faut qu'il y ait au moins deux

373
00:24:24,940 --> 00:24:28,260
implémentations différentes. Donc, il faut qu'il y ait deux moteurs de rendu différents

374
00:24:28,260 --> 00:24:32,420
qui fassent le taf. Jusqu'à il y a encore pas si longtemps que ça, il y avait outre

375
00:24:32,580 --> 00:24:35,860
Google avec WebKit qui est devenu Blink,

376
00:24:35,860 --> 00:24:38,260
que vous appelez Chromium, là, pour le navigateur autour,

377
00:24:38,260 --> 00:24:42,500
il y avait le moteur de rendu de Firefox, il y avait celui d'Opera et il y avait

378
00:24:42,500 --> 00:24:47,340
celui de Microsoft Internet Explorer. Aujourd'hui, Opera est passé à Chromium,

379
00:24:47,340 --> 00:24:50,140
Internet Explorer est passé à Chromium, donc aujourd'hui, il n'en reste plus que deux.

380
00:24:50,140 --> 00:24:54,060
Il reste Firefox et Chrome, pour simplifier.

381
00:24:54,060 --> 00:24:58,060
Or, même si le code est libre, il peut servir à faire fonctionner

382
00:24:58,060 --> 00:25:02,340
du code propriétaire. L'exemple que j'ai en tête, c'est que Google, pour des raisons

383
00:25:02,540 --> 00:25:06,380
qui leur appartiennent, ils avaient un projet derrière, voulaient pouvoir faire

384
00:25:06,380 --> 00:25:10,340
exécuter du code compilé sur le navigateur. Donc, on en revenait à la grande époque que

385
00:25:10,340 --> 00:25:13,860
peut-être seuls des vieux dinosaures comme Stéphane et moi-même connaissions encore,

386
00:25:13,860 --> 00:25:18,180
c'est-à-dire ActiveX, où on avait un conteneur, la page Web, on fait un énorme trou dedans.

387
00:25:18,180 --> 00:25:22,260
Et dans ce trou, on fait tourner un logiciel, la plupart du temps, privateur,

388
00:25:22,260 --> 00:25:26,980
en tout cas compilé, sur lequel on ne peut pas avoir d'informations sur ce qu'il fait exactement.

389
00:25:26,980 --> 00:25:32,300
Et ça, c'était la solution que poussait Google. Et s'il n'y avait pas eu un autre moteur de rendu,

390
00:25:32,500 --> 00:25:35,980
à l'époque, qui disait : non, on a une solution qui est plus interopérable,

391
00:25:35,980 --> 00:25:39,740
qu'on va pousser à la place, qui est devenue aujourd'hui ce qu'on appelle WebAssembly,

392
00:25:39,740 --> 00:25:44,780
c'est-à-dire qu'on compile vers un subset de JavaScript qui est optimisé pour la performance

393
00:25:44,780 --> 00:25:47,420
et qui, au final, donne les mêmes performances que ce que faisait Chrome

394
00:25:47,420 --> 00:25:51,300
avec son extension propriétaire, eh bien, on aurait aujourd'hui un Web

395
00:25:51,300 --> 00:25:55,380
avec du contenu qui n'aurait été compilé, peut-être que pour Windows,

396
00:25:55,380 --> 00:25:58,620
peut-être que pour Windows ou Mac, mais qui, très probablement, n'aurait jamais

397
00:25:58,620 --> 00:26:02,260
fonctionné sur des plateformes libres. Donc, même avec un navigateur dans le code source

398
00:26:02,260 --> 00:26:07,820
qui est 100% ouvert, ça ne suffit pas à ce que les usages puissent

399
00:26:07,820 --> 00:26:10,540
garantir l'interopérabilité avec tous les systèmes.

400
00:26:10,540 --> 00:26:15,460
Et ça, c'est le rôle vraiment fondamental de Mozilla là-dedans,

401
00:26:15,460 --> 00:26:21,020
c'est-à-dire de fournir une implémentation alternative pour pouvoir

402
00:26:21,020 --> 00:26:23,660
tirer les standards vers quelque chose de toujours interopérable,

403
00:26:23,660 --> 00:26:27,060
ce qui n'est évidemment pas le cas d'une société but lucratif.

404
00:26:27,060 --> 00:26:32,420
— Merci, Fabien, de cet exemple très concret. On a un peu confondu deux termes.

405
00:26:32,420 --> 00:26:35,980
Effectivement, tu as eu la gentillesse de ne pas nous le dire comme ça,

406
00:26:35,980 --> 00:26:39,540
donc je ne pense pas qu'on arrivera à corriger au montage, donc je corrige directement.

407
00:26:39,540 --> 00:26:43,740
On a fait la confusion entre Blink, qui est le moteur de rendu qui est commun

408
00:26:43,740 --> 00:26:47,180
à l'ensemble des navigateurs, et Chromium, qui est une des versions libres

409
00:26:47,180 --> 00:26:54,580
de l'usage de ce moteur commun, notamment à Chrome, Chromium, IE, etc.

410
00:26:54,580 --> 00:27:02,180
On avait encore un ou deux points

411
00:27:02,180 --> 00:27:08,580
qu'on va aborder, donc peut-être un peu plus avec Rémi, qui s'est fait discret jusque là.

412
00:27:08,580 --> 00:27:12,220
On voulait peut-être revenir aussi sur cette question de simplicité qu'on a

413
00:27:12,220 --> 00:27:15,020
commencé à évoquer, qu'on aura sûrement l'occasion de retraiter dans le cadre

414
00:27:15,020 --> 00:27:18,300
de nos différentes émissions. La question que je te pose, Rémi,

415
00:27:18,300 --> 00:27:22,900
c'est qu'est-ce que ça change de faire pareil ce que j'ai appris à faire

416
00:27:22,900 --> 00:27:25,260
quand j'utilisais un navigateur dans la préhistoire, c'est-à-dire en fait,

417
00:27:25,260 --> 00:27:27,980
on ouvrait un navigateur, puis quand on voulait trouver quelque chose,

418
00:27:27,980 --> 00:27:32,140
quand on savait où aller plutôt, on avait tendance à taper directement une adresse web

419
00:27:32,140 --> 00:27:34,820
dans la barre de recherche, donc on connaissait des adresses comme

420
00:27:34,820 --> 00:27:37,980
picasoft.net ou mozilla.org ou utc.fr.

421
00:27:37,980 --> 00:27:39,820
En fait, aujourd'hui, on se rend compte qu'au niveau des usages,

422
00:27:39,820 --> 00:27:43,420
il y a beaucoup, beaucoup de gens qui passent systématiquement par une recherche,

423
00:27:43,420 --> 00:27:48,020
qui ne prennent plus la peine de taper aucune URL et qui passent systématiquement

424
00:27:48,020 --> 00:27:51,060
par une recherche, donc un moteur de recherche, on l'a vu,

425
00:27:51,060 --> 00:27:54,220
donc un serveur comme Google Search, alors éventuellement une alternative

426
00:27:54,220 --> 00:27:56,460
comme Qwant ou DuckDuckGo qu'on a déjà cité.

427
00:27:56,460 --> 00:27:57,700
Mais qu'est-ce que ça change in fine ?

428
00:27:57,700 --> 00:28:00,500
Est-ce que c'est un souci ou pourquoi est-ce qu'on a envie de parler de ça ?

429
00:28:00,500 --> 00:28:02,300
— Oui, alors tout simplement déjà,

430
00:28:02,300 --> 00:28:07,380
dans un premier temps, passer par un navigateur, par un moteur de recherche,

431
00:28:07,380 --> 00:28:10,340
pardon, ça veut dire passer par un intermédiaire,

432
00:28:10,340 --> 00:28:14,740
donc passer par un intermédiaire, c'est lui donner des infos,

433
00:28:14,740 --> 00:28:17,820
donc des informations personnelles, par exemple sur ce que vous cherchez

434
00:28:17,820 --> 00:28:22,220
pour ensuite faire de la collecte de données, les revendre, etc.

435
00:28:22,220 --> 00:28:26,380
Vous lui transférez aussi du pouvoir puisqu'il a la possibilité de choisir

436
00:28:26,380 --> 00:28:29,140
pour vous ce qui va vous afficher.

437
00:28:29,140 --> 00:28:32,060
Par exemple, ça peut aussi être en fonction de vos

438
00:28:32,060 --> 00:28:35,380
préférences, en fonction de votre localisation,

439
00:28:35,380 --> 00:28:39,700
en fonction de statistiques sur la population.

440
00:28:39,700 --> 00:28:42,340
Et donc, finalement, utiliser directement une URL,

441
00:28:42,340 --> 00:28:48,620
c'est en partie gagner, garder de l'indépendance et du pouvoir.

442
00:28:48,620 --> 00:28:53,660
Donc, évidemment, on ne peut pas connaître l'intégralité des URL du Web par cœur.

443
00:28:53,660 --> 00:28:58,220
Donc, on est quand même obligé de passer par un moteur de recherche quand on cherche

444
00:28:58,220 --> 00:29:02,020
vraiment quelque chose et qu'on ne veut pas accéder directement à une ressource qu'on connaît.

445
00:29:02,020 --> 00:29:03,460
Sinon, accéder directement à une

446
00:29:03,460 --> 00:29:07,180
ressource par son URL, c'est aussi moins de requêtes, donc moins d'intermédiaires.

447
00:29:07,180 --> 00:29:09,380
Ça simplifie l'accès à l'information.

448
00:29:09,380 --> 00:29:11,380
Il est direct et maîtrisable.

449
00:29:11,380 --> 00:29:16,420
Et puis enfin, on peut ajouter que l'impact environnemental est plus faible,

450
00:29:16,420 --> 00:29:20,540
puisque tout simplement, vous faites moins de trafic sur le réseau.

451
00:29:20,540 --> 00:29:21,860
Il y a moins de données stockées.

452
00:29:21,860 --> 00:29:24,700
Donc, finalement, vous consommez moins d'énergie.

453
00:29:24,700 --> 00:29:27,140
— Encore une fois, je pense qu'on aura, en tout cas,

454
00:29:27,140 --> 00:29:32,020
on aimerait bien avoir l'occasion de revenir un jour sur ces idées de simplification un peu.

455
00:29:32,180 --> 00:29:35,220
Et donc pour ça, on essaiera aussi de mettre en exergue à chaque fois qu'on le peut,

456
00:29:35,220 --> 00:29:36,460
toutes les fois où il se passe un peu des

457
00:29:36,460 --> 00:29:41,380
trucs compliqués, même si on ne s'en rend pas forcément compte.

458
00:29:41,380 --> 00:29:43,780
On va, on va, on va passer au quiz.

459
00:29:43,780 --> 00:29:45,740
On voulait peut être parler aussi un certain, enfin,

460
00:29:45,740 --> 00:29:47,460
je vais juste mentionner qu'il y a tout

461
00:29:47,460 --> 00:29:50,860
un écosystème d'extensions qui existent autour de Firefox, qui permettent de faire

462
00:29:50,860 --> 00:29:54,460
des choses assez intéressantes, notamment autour de ces questions,

463
00:29:54,460 --> 00:29:58,460
de savoir quel site communique avec quel site, quelle est la complexité qui est

464
00:29:58,460 --> 00:30:01,940
derrière, mais c'est un sujet assez riche et je pense qu'on se donnera

465
00:30:02,140 --> 00:30:03,780
le temps de retracer ça une autre fois.

466
00:30:03,780 --> 00:30:06,180
Peut être un ou deux noms quand même très rapides.

467
00:30:06,180 --> 00:30:07,860
Donc, Fabien a mentionné tout à l'heure

468
00:30:07,860 --> 00:30:13,020
Ublock Origin pour bloquer la publicité intempestive sur les sites Web.

469
00:30:13,020 --> 00:30:14,780
Et puis, sur ce dont tu parlais,

470
00:30:14,780 --> 00:30:18,180
le contrôle des interactions et des données échangées.

471
00:30:18,180 --> 00:30:23,500
On pourra citer par exemple Umatrix, qui permet via une interface assez simple

472
00:30:23,500 --> 00:30:28,140
de choisir quels sont les contenus qu'on autorise ou pas.

473
00:30:28,140 --> 00:30:32,100
— OK, tu m'en as fait une démonstration tout à l'heure, c'est pas très radiophonique,

474
00:30:32,260 --> 00:30:36,540
mais très intéressant. On verra comment on peut présenter ça.

475
00:30:36,540 --> 00:30:43,380
Quentin, est-ce que c'est toi qui nous présente le quiz cette semaine ?

476
00:30:43,380 --> 00:30:45,140
— Eh bien, allons-y.

477
00:30:45,140 --> 00:30:49,340
Ce sera un quiz un petit peu sous forme de teaser pour une prochaine émission.

478
00:30:49,340 --> 00:30:53,620
Vous avez sans doute entendu parler du fameux cadenas qu'on voit dans la barre

479
00:30:53,620 --> 00:30:56,300
d'URL lorsqu'on conçue un certain site Web.

480
00:30:56,300 --> 00:31:01,900
Et ce cadenas est associé à une extension, un autre protocole qui ressemble à

481
00:31:02,060 --> 00:31:04,260
HTTP, qui s'appelle HTTPS.

482
00:31:04,260 --> 00:31:07,980
Et donc, la question du jour, c'est : est-ce que si je consulte une adresse

483
00:31:07,980 --> 00:31:15,300
qui utilise le protocole par HTTPS, donc qui commence par HTTPS:// au lieu de HTTP,

484
00:31:15,300 --> 00:31:18,380
eh bien, est-ce que, réponse 1, la communication est sécurisée ?

485
00:31:18,380 --> 00:31:22,180
C'est-à-dire que les informations échangées entre le client,

486
00:31:22,180 --> 00:31:25,340
donc le navigateur et le site Web, le serveur,

487
00:31:25,340 --> 00:31:28,340
est-ce que ces informations sont chiffrées ou cryptées ?

488
00:31:28,340 --> 00:31:31,220
Mais c'est plutôt chiffrer le bon mot.

489
00:31:31,420 --> 00:31:35,780
La communication est privée réponse 2, c'est-à-dire que pour consulter le site Web,

490
00:31:35,780 --> 00:31:39,420
il a été nécessaire de préalablement entrer un mot de passe.

491
00:31:39,420 --> 00:31:42,140
Réponse 3, la communication est publique,

492
00:31:42,140 --> 00:31:45,220
c'est-à-dire que le S ne change pas grand chose au niveau de la sécurité.

493
00:31:45,220 --> 00:31:47,860
Tout le monde peut toujours tout lire sur Internet.

494
00:31:47,860 --> 00:31:50,500
Et enfin, réponse 4, la communication est libérée,

495
00:31:50,500 --> 00:31:55,820
c'est-à-dire que les serveurs ne peuvent plus exploiter nos informations personnelles.

496
00:31:55,820 --> 00:32:01,180
Eh bien, pour vous laisser le temps de réfléchir à cette question,

497
00:32:01,380 --> 00:32:05,300
nous allons lancer un magnifique morceau de musique sous licence libre

498
00:32:05,300 --> 00:32:10,260
qui s'appelle "Song for Song" de Ivan Chew.

499
00:32:10,260 --> 00:34:59,000
[musique]

500
00:34:59,000 --> 00:35:05,640
— De retour sur La Voix Est Libre après ce joli morceau pour rappel "Song for Song" de Ivan Chew.

501
00:35:05,640 --> 00:35:15,620
résultat du quiz. Est-ce que tu veux peut-être Fabien à ton avis quelle est la réponse à ce quiz ?

502
00:35:15,620 --> 00:35:22,020
— C'est un piège on a peut-être perdu Fabien en plus dans le passage de la musique

503
00:35:22,020 --> 00:35:28,040
— Il est fort possible. Stéphane quelle est la réponse à ce quiz ?

504
00:35:28,040 --> 00:35:33,920
— Eh bien, le S de HTTPS vaut pour sécuriser ça veut dire

505
00:35:33,920 --> 00:35:37,560
et le mot n'est pas forcément très bien choisi, effectivement, ça veut dire chiffrer

506
00:35:37,560 --> 00:35:46,580
c'est à dire que les informations qui sont échangées sur le web entre le client et le serveur web sont transformées

507
00:35:46,580 --> 00:35:51,180
de telle façon qu'elles ne peuvent être lues que par la personne qui les consulte

508
00:35:51,180 --> 00:35:53,700
donc il y a effectivement le client ou le serveur

509
00:35:53,700 --> 00:35:57,080
c'est ce qui permet par exemple de transférer des informations confidentielles

510
00:35:57,080 --> 00:35:59,700
comme un numéro de carte bleue mais donc pour cela

511
00:35:59,700 --> 00:36:02,720
il faut bien que l'on soit derrière le protocole HTTPS

512
00:36:02,720 --> 00:36:04,820
— En revanche peut-être juste ajouter

513
00:36:04,820 --> 00:36:07,880
que c'est bien du coup le contenu qui est sécurisé

514
00:36:07,880 --> 00:36:10,340
et que cela ne permet en rien de naviguer

515
00:36:10,340 --> 00:36:14,800
de manière privée sans qu'il soit capable de savoir

516
00:36:14,800 --> 00:36:17,840
quel site vous visitez ça, ça reste public

517
00:36:17,840 --> 00:36:21,200
c'est vraiment le contenu échangé qui est sécurisé

518
00:36:21,200 --> 00:36:23,760
— Oui, il faut bien insister que ce n'est ni privé

519
00:36:23,760 --> 00:36:26,960
au niveau du site de destination donc un intermédiaire

520
00:36:27,080 --> 00:36:29,040
un indiscret intermédiaire pourrait tout à fait savoir

521
00:36:29,040 --> 00:36:33,180
que vous êtes un affreux libriste qui visite le site de Picasoft

522
00:36:33,180 --> 00:36:37,200
et ça ne vous rend pas non plus anonyme. C'est-à-dire qu'on peut

523
00:36:37,200 --> 00:36:39,900
toujours remonter, évidemment, jusqu'à votre ordinateur.

524
00:36:39,900 --> 00:36:43,680
— Et ça ne protège pas non plus des virus parce que parfois on entend ça.

525
00:36:43,680 --> 00:36:52,880
— Ok, pour conclure, on va donner au moins deux liens.

526
00:36:52,880 --> 00:36:59,120
On a parlé de Firefox, de Mozilla, donc le site mozilla.org à consulter pour

527
00:36:59,120 --> 00:37:06,720
télécharger Firefox, télécharger des extensions, se renseigner sur tout ce qui tourne autour de l'écosystème Mozilla.

528
00:37:06,720 --> 00:37:15,140
Et peut-être pour les informaticiens, les développeurs web, il y a un excellent site qui s'appelle MDN, Modzia Developer Network

529
00:37:15,140 --> 00:37:23,840
à l'URL, donc https://developer.mozilla.org,

530
00:37:23,840 --> 00:37:26,760
Et là, vous trouverez énormément de ressources autour du développement web.

531
00:37:26,760 --> 00:37:30,540
Eh bien, on va saluer Fabien à distance,

532
00:37:30,540 --> 00:37:33,700
se saluer entre nous et se donner rendez-vous la semaine prochaine.

533
00:37:33,700 --> 00:37:35,840
— Et bonne semaine !