{"id":2283,"date":"2016-07-01T09:29:04","date_gmt":"2016-07-01T07:29:04","guid":{"rendered":"http:\/\/nicotupe.fr\/Blog\/?p=2283"},"modified":"2016-07-01T09:29:04","modified_gmt":"2016-07-01T07:29:04","slug":"podcast-science-263-le-web","status":"publish","type":"post","link":"http:\/\/nicotupe.fr\/Blog\/2016\/07\/podcast-science-263-le-web\/","title":{"rendered":"Podcast Science 263 &#8211; Le WEB"},"content":{"rendered":"<iframe loading=\"lazy\" width=\"100%\" height=\"166\" scrolling=\"no\" frameborder=\"no\" src=\"https:\/\/w.soundcloud.com\/player?url=https%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F271054140&player_height=&player_height_multi=&player_width=&player_type=visual&color=ff5500&auto_play=false&show_comments=true&show_user=true&buying=&sharing=&download=&show_artwork=&show_playcount=&hide_related=false\"><\/iframe>\n<p><span style=\"font-weight: 400;\">Dans le <\/span><a href=\"https:\/\/fr.wikipedia.org\/wiki\/Le_Guide_du_voyageur_galactique\"><span style=\"font-weight: 400;\">Guide du voyageur galactique<\/span><\/a><span style=\"font-weight: 400;\">, <\/span><a href=\"https:\/\/fr.wikipedia.org\/wiki\/Douglas_Adams\"><span style=\"font-weight: 400;\">Douglas Adams<\/span><\/a><span style=\"font-weight: 400;\"> pr\u00e9sente durant quelque lignes les <\/span><a href=\"http:\/\/hitchhikers.wikia.com\/wiki\/Jatravartid\"><span style=\"font-weight: 400;\">Jatravartids<\/span><\/a><span style=\"font-weight: 400;\">, un peuple principalement connu pour avoir invent\u00e9 le d\u00e9odorant avant la roue. Dans l&#8217;adaptation cin\u00e9matographique, on y d\u00e9couvre des extra-terrestres vivant dans un d\u00e9potoir fait de montagnes de d\u00e9odorants usag\u00e9s et naviguant dans des v\u00e9hicules aux roues&#8230; Carr\u00e9es.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Comme s&#8217;il \u00e9tait envisageable de ne pas inventer la roue ronde mais impensable de ne pas &#8220;inventer&#8221; le fait de faire rouler la roue. Pourtant s\u2019il y a vraiment eu une invention r\u00e9volutionnaire, c&#8217;est probablement plus le fait d&#8217;avoir fait rouler des trucs pour d\u00e9placer d&#8217;autres choses que le fait d&#8217;avoir cr\u00e9\u00e9 des objets pouvant rouler (on avait d\u00e9j\u00e0 pour cela des tronc d&#8217;arbres, des pierres, etc.)<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Et pourtant aujourd&#8217;hui, dans la t\u00eate de tout le monde, l&#8217;invention de la roue c&#8217;est bien plus l&#8217;invention de l&#8217;objet que son utilisation.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Ce soir nous allons parler de ce que vous utilisez la plupart du temps sur votre ordinateur ou votre smartphone : le Web. Si ce dossier m&#8217;a paru \u00eatre une bonne id\u00e9e, c&#8217;est justement parce que dans nos t\u00eates, le web n&#8217;existe pas vraiment, seul existe internet. Pourtant il y a bien eu un internet sans web! Et le web, que vous utilisez tous aujourd&#8217;hui, \u00e0 commencer par l&#8217;\u00e9coute ou la lecture de ce dossier, a \u00e9t\u00e9 cr\u00e9\u00e9 apr\u00e8s et ne paraissait, au moment de sa cr\u00e9ation, pas si indissociable de l&#8217;internet.<\/span><\/p>\n<p><a href=\"http:\/\/www.podcastscience.fm\/wp-content\/uploads\/2016\/06\/ps263_e0b88838d9a049c929abbef8558a3bbc.jpg\" rel=\"lightbox[2283]\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-8492\" src=\"http:\/\/www.podcastscience.fm\/wp-content\/uploads\/2016\/06\/ps263_e0b88838d9a049c929abbef8558a3bbc-300x218.jpg\" alt=\"ps263_e0b88838d9a049c929abbef8558a3bbc.jpg\" width=\"300\" height=\"218\" \/><\/a><\/p>\n<h2><span style=\"font-weight: 400;\">L&#8217;avant WEB<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Chaque r\u00e9volution scientifique et industrielle apporte tant de changements dans notre quotidien qu&#8217;il est tr\u00e8s compliqu\u00e9 d&#8217;imaginer l&#8217;avant : comment vivait on sans frigo? Comment faisait on ses recherches sans <a href=\"http:\/\/lmgtfy.com\/?q=google\">Google<\/a>? Comment pr\u00e9parait on un expos\u00e9 \u00e0 l&#8217;\u00e9cole sans Wikipedia? Comment se donnait on rendez-vous sans t\u00e9l\u00e9phone portable? Comment rejoignait on ce rendez-vous sans GPS? Internet a \u00e9t\u00e9 cr\u00e9\u00e9 au cours des ann\u00e9es 60 et du d\u00e9but des ann\u00e9es 70, et le web lui est arriv\u00e9 dans les ann\u00e9es 90, soit 20 ans plus tard! A ce stade vous ne savez toujours pas quelle est la diff\u00e9rence entre internet et le web et pourtant, pendant 20 ans, l&#8217;un a parfaitement exist\u00e9 sans l&#8217;autre.<\/span><\/p>\n<p><a href=\"http:\/\/www.podcastscience.fm\/wp-content\/uploads\/2016\/06\/ps263_690455f3f59de3577144beb3764b585c.jpg\" rel=\"lightbox[2283]\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-8494\" src=\"http:\/\/www.podcastscience.fm\/wp-content\/uploads\/2016\/06\/ps263_690455f3f59de3577144beb3764b585c-300x223.jpg\" alt=\"ps263_690455f3f59de3577144beb3764b585c.jpg\" width=\"300\" height=\"223\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Il faudra qu\u2019un jour on fasse un dossier sur l&#8217;internet et comme ce n&#8217;est pas le sujet je vais faire court : Internet reste bel est bien une invention remarquable. Ce n&#8217;est pas l&#8217;internet qui a fait que tous les ordinateurs du monde partagent des photos de chats mais il a simplifi\u00e9 les choses. Pour vous donner une id\u00e9e, on va imaginer que nous sommes sur une plan\u00e8te vierge et que chaque ordinateur est une petite ville. Assez rapidement des ordinateurs ont \u00e9t\u00e9 simplement mis en r\u00e9seau en tirant des c\u00e2bles entre eux, cela correspondait \u00e0 tracer une sorte de voie totalement priv\u00e9e, r\u00e9serv\u00e9e \u00e0 l&#8217;usage des deux villes en question (et la plupart du temps, avant d&#8217;envoyer quoique ce soit sur la dite route, il fallait que les deux villes se soient bien synchronis\u00e9es, organis\u00e9es). Ce genre d&#8217;approche s&#8217;est d\u00e9velopp\u00e9 et des r\u00e9seaux de machines ont pu grandir mais en restant un peu chacun dans leur coin.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Internet a apport\u00e9 un peu d&#8217;ordre \u00e0 tout \u00e7a. D&#8217;abord il a permis l&#8217;interconnexion des r\u00e9seaux : plut\u00f4t qu&#8217;avoir une route par connexion entre destinataires, il permettait \u00e0 tous les r\u00e9seaux d&#8217;\u00eatre connect\u00e9s et donc pas forc\u00e9ment avoir \u00e0 construire une nouvelle route pour faire une nouvelle connexion. Ensuite, pour que ce ne soit pas trop le chaos, il a cr\u00e9\u00e9 le code de la route (sous forme de protocoles, le plus connu \u00e9tant <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Transmission_Control_Protocol\">TCP\/IP<\/a>) et donn\u00e9 un nom \u00e0 chaque ville (<a href=\"https:\/\/fr.wikipedia.org\/wiki\/Adresse_IP\">l&#8217;adresse IP<\/a> que poss\u00e8de chaque ordinateur). <\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Internet \u00e9tant \u00e0 la base un projet militaire, son but, selon la l\u00e9gende, \u00e9tait de r\u00e9sister \u00e0 une attaque nucl\u00e9aire. Le \u00a0syst\u00e8me cr\u00e9\u00e9 \u00e9tait donc totalement d\u00e9centralis\u00e9. En somme il marche sans autorit\u00e9 centrale. Cette d\u00e9centralisation est tellement bien foutue que, non contente d&#8217;\u00eatre capable de survivre \u00e0 une explosion nucl\u00e9aire, elle survit depuis sa cr\u00e9ation \u00e0 toute tentative de prise de contr\u00f4le : on ne peut pas vraiment &#8220;\u00e9teindre&#8221; l&#8217;internet.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Avant l&#8217;arriv\u00e9e du Web donc, on a des routes, on a un code de la route, on a des adresses pour les villes mais c&#8217;est \u00e0 peu pr\u00e8s tout. On a pas vraiment de moyen de transport et chaque maison de la ville (les fichiers de l&#8217;ordinateur) n&#8217;a pas d&#8217;adresse. Il existe bien sur d&#8217;ores et d\u00e9j\u00e0 un grand nombre de transports plus ou moins faciles \u00e0 utiliser mais aucun n&#8217;atteint le &#8220;grand public&#8221;. Parmi les plus populaires, on peut citer le FTP (File Transfert Protocol) apparu en 71 qui permet d&#8217;\u00e9changer des fichiers, les newsgroups en 79 qui sont des sortes de forum de discussion (mais qu&#8217;on utilise avec un logiciel sp\u00e9cifique, le navigateur web n&#8217;existe pas encore!) et bien sur l\u2019e-mail, apparu d\u00e8s 65 (soit un peu avant l&#8217;Internet).<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-8505\" src=\"http:\/\/www.podcastscience.fm\/wp-content\/uploads\/2016\/06\/ps263_CkXsv72WsAAxQyp-300x300.jpg\" alt=\"ps263_CkXsv72WsAAxQyp.jpg\" width=\"300\" height=\"300\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Le dossier commence et vous avez d\u00e9j\u00e0 de quoi briller \u00e0 votre prochain repas de famille sans m\u00eame toujours avoir bien compris ce qu\u2019est le Web : &#8220;L\u2019e-mail existait avant Internet qui lui m\u00eame date de 20 ans avant le Web&#8221; (bon bien s\u00fbr, pratiquement personne n&#8217;a connu le web sans internet et encore moins l\u2019e-mail sans internet).<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Par contre \u00e0 cette \u00e9poque et jusqu&#8217;\u00e0 la cr\u00e9ation du web, il n&#8217;\u00e9tait pas question de &#8220;surfer&#8221; sur internet, c\u2019est \u00e0 dire que tout un chacun ne pouvait pas s\u2019allonger sur son lit, allumer son ordinateur et fouiller l\u2019internet mondial \u00e0 la recherche de la meilleure recette de charlotte au poires, acc\u00e9der \u00e0 internet \u00e9tait encore une activit\u00e9 suffisamment compliqu\u00e9e pour que seul une poign\u00e9e d\u2019universitaires et militaires y aient acc\u00e8s. <\/span><\/p>\n<p><a href=\"http:\/\/www.podcastscience.fm\/wp-content\/uploads\/2016\/06\/ps263_f6f3dabfb06263c9d9d84ab7019541a6.jpg\" rel=\"lightbox[2283]\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-8502\" src=\"http:\/\/www.podcastscience.fm\/wp-content\/uploads\/2016\/06\/ps263_f6f3dabfb06263c9d9d84ab7019541a6-300x215.jpg\" alt=\"ps263_f6f3dabfb06263c9d9d84ab7019541a6.jpg\" width=\"300\" height=\"215\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Il faut dire qu&#8217;il y a aussi une histoire de timing.l&#8217;Apple II, un des premiers ordinateurs largement distribu\u00e9, n&#8217;est apparu qu&#8217;en 77 et les premiers ordinateurs ne se sont d\u00e9mocratis\u00e9s chez les particuliers qu&#8217;\u00e0 la fin des ann\u00e9es 80 et le d\u00e9but des ann\u00e9es 90 avec entre autres l&#8217;arriv\u00e9e du Macintosh en 1984 et Windows en 85. \u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">C&#8217;\u00e9tait cette joyeuse \u00e9poque o\u00f9 &#8220;faire de l&#8217;ordinateur&#8221; \u00e9tait une activit\u00e9 en soi, aucunas besoin de pr\u00e9ciser. Un peu comme aujourd&#8217;hui on parle de &#8220;vie connect\u00e9e&#8221;, sans diff\u00e9rentiation.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">Faciliter le partage<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">De l&#8217;autre cot\u00e9 de l&#8217;atlantique, alors que la SIlicon Valley \u00e9tait en train d&#8217;inventer l&#8217;informatique de l&#8217;on conna\u00eet aujourd&#8217;hui, un certain Tim Berners-Lee travaillait au <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Organisation_europ%C3%A9enne_pour_la_recherche_nucl%C3%A9aire\">CERN<\/a>. Comme nous l&#8217;avions vu dans un pr\u00e9c\u00e9dent \u00e9pisode, le Centre Europ\u00e9en pour le Recherche Nucl\u00e9aire est un lieu unique. En effet, il s&#8217;y croisait, et s&#8217;y croise encore, des personnes de cultures, d&#8217;origines, et de formations diff\u00e9rentes qui tachent de collaborer au mieux durant leur passage.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Le probl\u00e8me \u00e9tant bien s\u00fbr qu&#8217;ils parlaient des langues diff\u00e9rentes, utilisaient des ordinateurs diff\u00e9rents, avaient des syst\u00e8mes diff\u00e9rents (avec bien plus de vari\u00e9t\u00e9 qu&#8217;aujourd&#8217;hui et aucune doc \u00e0 consulter sur le web, vu qu&#8217;il n&#8217;existe pas encore), des logiciels diff\u00e9rents, des proc\u00e9dures diff\u00e9rentes, etc. Bref un joyeux bordel o\u00f9 le gros de l&#8217;information existait dans la t\u00eate des gens.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Et comme chaque \u00e9quipe de scientifique venait faire ses exp\u00e9riences puis partait chez elle \u00e9tudier ses donn\u00e9es, il n&#8217;y avait pas vraiment &#8220;d&#8217;autorit\u00e9 centrale&#8221; pour organiser tout \u00e7a. Quand un nouveau d\u00e9veloppeur sous contrat arrivait au CERN, on lui pr\u00e9sentait alors un grand nombre de personnes qui connaissait certaines autres personnes mais pas d&#8217;autres, qui savaient une parties de choses mais n&#8217;avait aucune id\u00e9e des autres. Et tout le jeu \u00e9tait de retenir un maximum pour mettre de l&#8217;huile dans ce fonctionnement. Pour s&#8217;y retrouver, les un apr\u00e8s les autres, des d\u00e9veloppeurs arrivaient avec leur nouveau syst\u00e8me pour &#8220;aider&#8221; et demandaient \u00e0 formater les donn\u00e9es sous un certain format, utiliser un certain protocole, etc. Cela ne faisant qu&#8217;amplifier le chaos de la situation.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/fr.wikipedia.org\/wiki\/Tim_Berners-Lee\">Tim Berners-Lee<\/a>, sous contrat au CERN, conscient de ses probl\u00e8mes, se dit qu&#8217;il \u00e9tait indispensable cr\u00e9er un syst\u00e8me avec des r\u00e8gles que tout le monde puisse accepter : soit avec aussi peu de r\u00e8gles que possible. Une id\u00e9e qui allait r\u00e9volutionner le monde de l&#8217;information est d&#8217;utiliser ce bordel ambiant comme une force et mettre la connexion entre les utilisateurs, entre les machines, au centre. Pour le citer dans son passionnant livre &#8220;<a href=\"https:\/\/www.amazon.fr\/Weaving-Web-Original-Ultimate-Destiny\/dp\/006251587X\/ref=sr_1_1?ie=UTF8&amp;qid=1466967395&amp;sr=8-1&amp;keywords=Weaving+the+Web\">Weaving the Web<\/a>&#8221; : <\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">\u201c<\/span><i><span style=\"font-weight: 400;\">In an extreme view, the world can be seen as only connections, nothing else. We think of a dictionary as the repository of meaning, but it defines words only in terms of other words. I liked the idea that a piece of information is really defined only by what it&#8217;s related to, and how it&#8217;s related. There really is little else to meaning. The structure is everything. There are billions of neurons in our brains, but what are neurons? Just cells. The brain has no knowledge until connections are made between neurons. All that we know, all that we are, comes from the way our neurons are connected. \u201c<\/span><\/i><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Cette id\u00e9e que seuls les connexions entre les informations ont r\u00e9ellement de l&#8217;importance est ce qui a fait le succ\u00e8s de Google quelques ann\u00e9es plus tard. A l&#8217;\u00e9poque de l&#8217;apparition de Google, il existait beaucoup d&#8217;autres de moteurs de recherches. On voyait deux types de strat\u00e9gies : <\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Analyser les pages et faire remonter lors d&#8217;une recherche celles o\u00f9 le mot appara\u00eet le plus. C&#8217;est ainsi qu&#8217;en cherchant salami vous pouviez tomber sur la page perso de Mr Salami. Ou encore que de nombreux sites rajoutaient dans leur pages une liste interminable de faux mot cl\u00e9s pour appara\u00eetre dans les recherches.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">L&#8217;autre approche \u00e9tait de tout cat\u00e9goriser, de faire une sorte d&#8217;index, la plupart du temps cr\u00e9\u00e9 en grande partie \u00e0 la main o\u00f9 on listait les sites internet d&#8217;une m\u00eame cat\u00e9gorie.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/fr.wikipedia.org\/wiki\/AltaVista\">AltaVista<\/a>, un des moteurs les plus populaires avant l&#8217;arriv\u00e9e de Google avait m\u00eame envisag\u00e9 de demander \u00e0 des humains de trier les pages en fonction de leur pertinence via une requ\u00eate. Les cr\u00e9ateurs de Google ont compris \u00e0 quel point les liens pouvaient avoir de l&#8217;importance et ont d\u00e9cid\u00e9 de calculer un indicateur que le web, par conception, rendait complexe \u00e0 obtenir : combien de pages ont des liens qui redirigent vers une en particulier.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Le web permet ais\u00e9ment de mettre un lien vers une page sans demander quoi que ce soit au propri\u00e9taire de la dite page. Par cons\u00e9quent, il n&#8217;\u00e9tait pas \u00e9vident, sans parcourir tout le r\u00e9seau, de d\u00e9terminer combien de liens pointent vers la m\u00eame page. L&#8217;algorithme de Google s&#8217;est tout de suite r\u00e9v\u00e9l\u00e9 tr\u00e8s efficace. Par exemple, en tapant &#8220;Universit\u00e9&#8221;, AltaVista vous renvoyait une liste anarchique d&#8217;universit\u00e9 ou pages comprenant ce mot. Alors que Google, de son c\u00f4t\u00e9, vous renvoyait en premi\u00e8re r\u00e9ponse Stanford, puis beaucoup d&#8217;autres universit\u00e9s renomm\u00e9es car beaucoup d&#8217;autres sites pointaient vers elles.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Mais revenons \u00e0 la cr\u00e9ation du Web. L&#8217;id\u00e9e de Berners-Lee \u00e9tait donc de permettre \u00e0 n&#8217;importe qui, \u00e0 n&#8217;importe quel moment, sans rien demander \u00e0 personne, de lier un morceau d&#8217;information avec un autre sur n&#8217;importe quel ordinateur, n&#8217;importe o\u00f9 sur la plan\u00e8te. Rien que \u00e7a.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">L&#8217;enjeu \u00e9tait donc d&#8217;avoir un syst\u00e8me totalement d\u00e9centralis\u00e9 et sans contrainte. Afin que le partage d&#8217;information soit trivial, afin que personne n&#8217;ai \u00e0 donner son aval pour valider la proc\u00e9dure et surtout afin qu&#8217;il n&#8217;y ai aucune limite de taille. Seulement 20 ans apr\u00e8s internet, les grandes id\u00e9es de ce r\u00e9seau \u00e9taient d\u00e9j\u00e0 bien dans son esprit.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">L&#8217;invention de Berners-Lee<\/span><\/h2>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Pour arriver \u00e0 ses fins, Berners-Lee inventera 3 concepts et 2 logiciels que nous utilisons encore aujourd&#8217;hui.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">Repr\u00e9senter l&#8217;information et les liens : Le HTML<\/span><\/h3>\n<p><a href=\"http:\/\/www.podcastscience.fm\/wp-content\/uploads\/2016\/06\/ps263_013d91a30dc0bff687fc7aa1f2bc4d1f.jpg\" rel=\"lightbox[2283]\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-8504\" src=\"http:\/\/www.podcastscience.fm\/wp-content\/uploads\/2016\/06\/ps263_013d91a30dc0bff687fc7aa1f2bc4d1f-300x262.jpg\" alt=\"ps263_013d91a30dc0bff687fc7aa1f2bc4d1f.jpg\" width=\"300\" height=\"262\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">D&#8217;abord il fallait choisir sous quel format repr\u00e9senter les informations. Il ne pouvait pas choisir un b\u00eate fichier texte parce que celui-ci ne comportait pas de liens. Il choisit donc de partir de <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Hypertexte\">l&#8217;hypertexte<\/a>, un format d\u00e9j\u00e0 populaire \u00e0 l&#8217;\u00e9poque. Comme son nom l&#8217;indique, ce format de texte permet de rajouter un peu de mise en page et surtout les fameux liens. Si ce syst\u00e8me existait depuis longtemps et permit de ne pas partir de rien, il ne permettait bien s\u00fbr pas de lier des ordinateurs entre eux via un r\u00e9seau, \u00a0qui est justement le principe du web. Mais il avait une base qui permettait de cr\u00e9er des pages de textes avec quelques \u00e9l\u00e9ments de mise en page : des titres, des sous-titres, des listes, etc. et d\u00e9j\u00e0 un d\u00e9but de syst\u00e8me de lien. <\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Berners-Lee reprend les id\u00e9e de l&#8217;hypertexte et cr\u00e9e le HyperText Markup Langage, plus connu sous le nom de HTML. C&#8217;est le langage toujours utilis\u00e9 aujourd&#8217;hui pour les pages web (dans une version largement mise a jour depuis, on en est \u00e0 ce jour \u00e0 la version 5). Par exemple en envoyant via le r\u00e9seau le texte suivant : <\/span><\/p>\n<p>&nbsp;<\/p>\n<pre><span style=\"font-weight: 400;\">&lt;html&gt;<\/span>\r\n  &lt;head&gt;&lt;\/head&gt;\r\n<span style=\"font-weight: 400;\">  &lt;body&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">    &lt;h1&gt;Une page web&lt;\/h1&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">    &lt;p&gt;Bienvenue sur ma page &lt;a href=\"http:\/\/info.cern.ch\"&gt;web&lt;\/a&gt;&lt;\/p&gt;<\/span>\r\n\r\n<span style=\"font-weight: 400;\">  &lt;\/body&gt;<\/span>\r\n<span style=\"font-weight: 400;\">&lt;\/html&gt;<\/span><\/pre>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Le navigateur sera l&#8217;interpr\u00e9teur pour repr\u00e9senter &#8220;une page web&#8221; comme un titre et &#8220;Bienvenue sur ma page web&#8221; comme un paragraphe. Et enfin, le mot &#8220;web&#8221; comme un lien qui pointe vers le tout premier site web : http:\/\/info.cern.ch<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">Transmettre le HTML, le HTTP<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Une fois que l&#8217;on savait comment repr\u00e9senter l&#8217;information, il fallait encore la transmettre. Pour cela, rien de tr\u00e8s extraordinaire: comme pour toutes les technologies sur un r\u00e9seau d&#8217;ordinateur, on d\u00e9finit un protocole de communication. Comme pour les protocoles humains, il s&#8217;agit de d\u00e9finir les r\u00e8gles de savoir-vivre : <\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Je vais arriver avec un chapeau et une cravate,<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Je vais frapper deux fois,<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Tu vas me r\u00e9pondre \u00e7a&#8230;<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00c7a n&#8217;a pas beaucoup d&#8217;int\u00e9r\u00eat de vous d\u00e9tailler ici le contenu exact du <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Hypertext_Transfer_Protocol\">HTTP<\/a> (Hypertext Transfer Protocol) mais au moins vous savez pourquoi vous voyez parfois appara\u00eetre dans les adresses web &#8220;http&#8221;. Il s\u2019agit du protocole de communication du web!<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">L&#8217;adresse de destination : <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Uniform_Resource_Locator\">l&#8217;URL<\/a><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Avec le HTML et le HTTP, on sait comment repr\u00e9senter l&#8217;information et quelle protocole suivre pour l&#8217;envoyer. Mais on ne sait pas encore o\u00f9 l&#8217;envoyer : il fallait d\u00e9finir l&#8217;adresse de tout document, n&#8217;importe o\u00f9 sur l&#8217;internet.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">On avait d\u00e9j\u00e0 tous les outils pour avoir une adresse pour tout document : <\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Internet avait amen\u00e9 les noms de domaine (vous savez, ce nom \u201cpodcastscience.fm\u201d qui vous sert \u00e0 acc\u00e9der \u00e0 votre podcast pr\u00e9f\u00e9r\u00e9) \u00a0et adresses ip (4 nombres s\u00e9par\u00e9s par des points : <\/span><span style=\"font-weight: 400;\">80.74.143.2)<\/span><span style=\"font-weight: 400;\">,<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Chaque fichier sur chaque ordinateur a une adresse unique.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Berners-Lee pr\u00e9sente l&#8217;Uniform Resource Locator que vous avez tous d\u00e9j\u00e0 aper\u00e7u, il est par exemple de la forme <\/span><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<pre>http:\/\/www.podcastscience.fm\/dossiers\/2016\/06\/26\/le-web\r\n\r\n<\/pre>\n<p><span style=\"font-weight: 400;\">C&#8217;est \u00e0 dire qu&#8217;elle est compos\u00e9e de : <\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">&#8220;http&#8221; : le protocole utilis\u00e9. D\u00e8s le d\u00e9but le but \u00e9tait d&#8217;avoir un seul type d&#8217;adresse pour tout, donc pouvoir l&#8217;utiliser aussi pour autre chose que le web.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">&#8220;www.podcastscience.fm&#8221; : le nom de domaine de l&#8217;internet qui indique une machine o\u00f9 est le document.<\/span><\/li>\n<li>&#8220;dossiers\/2016\/06\/26\/le-web&#8221;\u00a0<span style=\"line-height: 1.5;\">: dossiers s\u00e9par\u00e9s de slash qui am\u00e8nent au document sur l&#8217;ordinateur de destination.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Tout \u00e9tait d\u00e9j\u00e0 l\u00e0 et ils ont juste \u00e9t\u00e9 mis bout-\u00e0-bout. Mais cette simple id\u00e9e a permis \u00e0 tout le monde de faire un lien vers n&#8217;importe quel document de mani\u00e8re simple et lisible. Et surtout, \u00e9l\u00e9ment le plus important, on peut cr\u00e9er le lien sans se poser la question de son existence : le syst\u00e8me est totalement d\u00e9centralis\u00e9. <\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Un programme va lire l&#8217;URL, choisir le protocole (ici HTTP), envoyer au nom de domaine, et une fois r\u00e9cup\u00e9r\u00e9e par l&#8217;ordinateur de destination, renvoyer le document demand\u00e9 sur l&#8217;ordinateur!<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">A ce stade tout est en place conceptuellement pour faire fonctionner le WEB. Il ne manque qu&#8217;un petit d\u00e9tail : des logiciels pour utiliser et faire fonctionner ces concepts !<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">Les logiciels : Serveur et Navigateur<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Pour faire fonctionner tout \u00e7a, il faut deux logiciels : un pour demander les pages web et les afficher : le navigateur. Un autre pour recevoir les demandes et y r\u00e9pondre : le serveur.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Le navigateur, vous le connaissez tous, il s&#8217;appelle Chrome, Firefox, Internet explorer, Safari ou autre, mais dans ce cas vous savez probablement d\u00e9j\u00e0 ce qu&#8217;est un navigateur. Quand vous tapez dedans une URL, une demande selon le protocole HTTP est envoy\u00e9e via internet \u00e0 un logiciel sur une autre machine : le server. Celui-ci la re\u00e7oit, la traite et renvoie un fichier HTML qui sera repr\u00e9sent\u00e9 dans votre navigateur, c&#8217;est le web ! <\/span><\/p>\n<p><a href=\"http:\/\/www.podcastscience.fm\/wp-content\/uploads\/2016\/06\/ps263_a56367f1cd942df90f04da3024d24981.jpg\" rel=\"lightbox[2283]\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-8507\" src=\"http:\/\/www.podcastscience.fm\/wp-content\/uploads\/2016\/06\/ps263_a56367f1cd942df90f04da3024d24981-275x300.jpg\" alt=\"ps263_a56367f1cd942df90f04da3024d24981.jpg\" width=\"275\" height=\"300\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">A l&#8217;\u00e9poque de sa cr\u00e9ation, Berners-Lee avait une vision du web o\u00f9 chacun partagerait des fichiers pr\u00e9sents sur son ordinateur via le web. Chacun avait donc \u00e0 la fois un serveur et un navigateur. Du coup, il se disait que le navigateur servirait \u00e0 la fois \u00e0 consulter les fichiers HTML chez les autres mais aussi \u00e0 modifier les fichiers HTML chez soi. Ce ne fut finalement jamais le cas car aucun navigateur ne fut programm\u00e9 pour le permettre. Quant \u00e0 l&#8217;autre partie de sa vision, on en est tr\u00e8s loin aujourd&#8217;hui: pratiquement personne n&#8217;auto-h\u00e9berge son propre serveur. Au mieux il en loue un dans un data center. Et la plupart du temps, on utilise plut\u00f4t des services professionnels finalement centralis\u00e9s pour partager nos donn\u00e9es sur ce syst\u00e8me d\u00e9centralis\u00e9.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Cette id\u00e9e finale du web, comme place de partage et de collaboration autour des id\u00e9es, tr\u00e8s proche de Wikipedia, est apparue bien des ann\u00e9es plus tard. Ce qu&#8217;imagine Berners-Lee est une sorte de Wikipedia d\u00e9centralis\u00e9, o\u00f9 chacun aurait des articles chez lui et pourrait les modifier.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">C&#8217;est donc en 1993 que le web, tel que d\u00e9crit ici, appara\u00eet sous la forme d&#8217;une page sur une machine du CERN qui existe encore : <a href=\"http:\/\/info.cern.ch\">http:\/\/info.cern.ch<\/a> . Il ne restait plus qu&#8217;\u00e0 lui trouver un nom. Il pense d&#8217;abord \u00e0 &#8220;Mine Of Information&#8221; mais voyant que les initiales font MOI, il n&#8217;aime pas trop le cot\u00e9 \u00e9gocentrique. Il pense alors \u00e0 &#8220;The Information Mine&#8221; qui donne TIM, son pr\u00e9nom, pas beaucoup mieux&#8230; Il revient alors avec The World Wide Web, on lui fait remarquer que c&#8217;est un nom qui arrive \u00e0 \u00eatre plus court \u00e0 prononcer que ses initiales &#8220;www&#8221;, mais il l&#8217;aime bien. Le World Wide Web est n\u00e9.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Les briques sont pos\u00e9es mais on est encore loin du web que vous connaissez aujourd&#8217;hui.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">Mosaic, Netscape et la maturation du web<\/span><\/h2>\n<p><a href=\"http:\/\/www.podcastscience.fm\/wp-content\/uploads\/2016\/06\/ps263_f5a5c04cadd241f196dbb6e684ac3b14.png\" rel=\"lightbox[2283]\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-8512\" src=\"http:\/\/www.podcastscience.fm\/wp-content\/uploads\/2016\/06\/ps263_f5a5c04cadd241f196dbb6e684ac3b14-300x218.png\" alt=\"ps263_f5a5c04cadd241f196dbb6e684ac3b14.png\" width=\"300\" height=\"218\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Le web des origines \u00e9tait en &#8220;lecture seule&#8221; et assez fig\u00e9, c&#8217;est \u00e0 dire que vous pouviez consulter des pages, mais rien faire d&#8217;autre : <\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Pas de formulaires pour \u00e9crire des commentaires, poster un article de blog (d&#8217;ailleurs \u00e7a n&#8217;existait pas encore), etc.<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Pas de syst\u00e8me s\u00e9curis\u00e9 pour payer et donc acheter des choses en ligne<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Pas de notifications, de chatroom ou tout autre modification de votre page sans la recharger.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Bon et bien sur ne parlons m\u00eame pas des vid\u00e9os, des retransmission live, etc.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Heureusement, ce cher Berners-Lee m&#8217;avait tout l&#8217;air d&#8217;\u00eatre un amoureux d&#8217;un certain foutoir. Alors au lieu de garder pour lui sa cr\u00e9ation, la prot\u00e9ger, la diriger d&#8217;une mani\u00e8re dictatoriale&#8230; il insistera aupr\u00e8s du CERN pour rendre le web open source et libre et il engage toutes les personnes qu&#8217;il peut croiser \u00e0 cr\u00e9er de nouveaux navigateurs web et d&#8217;utiliser le web un maximum sans se priver. Naissent alors plusieurs navigateurs sur la plupart des syst\u00e8mes disponibles. <\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">C&#8217;est avec Mozaic puis Netscape (qui servira de base \u00e0 Firefox) que le web gagne de nombreux outils qui feront grandir sa popularit\u00e9 et ses usages. Ces navigateurs voient l&#8217;apparition des connexions s\u00e9curis\u00e9es (qui permettront le paiement) et des formulaires (pour \u00e9crire des commentaires par exemple). Mais surtout deux nouveaut\u00e9s dont vous n&#8217;avez probablement jamais entendu parler et qui sont pourtant de plus en plus centrales : JavaScript et AJAX.<\/span><\/p>\n<p><a href=\"http:\/\/www.podcastscience.fm\/wp-content\/uploads\/2016\/06\/ps263_0f62c836ae53dc7fa093198f3618bc7e.jpg\" rel=\"lightbox[2283]\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-8509\" src=\"http:\/\/www.podcastscience.fm\/wp-content\/uploads\/2016\/06\/ps263_0f62c836ae53dc7fa093198f3618bc7e-300x200.jpg\" alt=\"ps263_0f62c836ae53dc7fa093198f3618bc7e.jpg\" width=\"300\" height=\"200\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Au d\u00e9buts du web, les fonctionnalit\u00e9s manquant, soit on devait rajouter des petites extensions \u00e0 nos navigateurs pour les ajouter( comme avec le plugin Flash par exemple), soit c&#8217;est le navigateur lui m\u00eame qui permettait de nouvelles fonctionnalit\u00e9s que ne permettaient pas les autres. C&#8217;\u00e9tait en particulier le cas pendant longtemps d&#8217;Internet Explorer, qui proposait un web modifi\u00e9 ou encore aujourd&#8217;hui de la plupart des navigateurs pour proposer en avance des technologies avant qu&#8217;elles ne deviennent des standard.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">En 1995 appara\u00eet JavaScript, un langage qui, selon la l\u00e9gende, a \u00e9t\u00e9 d\u00e9velopp\u00e9 en 10 jours pour Netscape. JavaScript change la donne pour plusieurs raisons. D&#8217;abord c&#8217;est un langage de programmation, un vrai. C&#8217;est \u00e0 dire qu&#8217;il permet, comme on en avait parl\u00e9 dans mon dossier sur les algorithmes, d&#8217;\u00e9crire une machine de Turing et donc de pouvoir \u00e9crire n&#8217;importe quel programme (contrairement \u00e0 HTML qui n&#8217;est pas vraiment un langage dans ce sens). Mais surtout, \u00e9tant arriv\u00e9 tr\u00e8s t\u00f4t, il est tr\u00e8s vite int\u00e9gr\u00e9 dans tous les navigateurs.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">C&#8217;est \u00e0 dire que sans installation suppl\u00e9mentaire par l&#8217;utilisateur, les d\u00e9veloppeurs ont maintenant \u00e0 leur disposition un outil de mise en page, le HTML et un langage de programmation pour faire \u00e9voluer ces pages web sans la recharger. C&#8217;est ce langage qui va permettre \u00e0 la page de prendre vie, de changer, sans pour autant avoir besoin de la recharger : mettre en plein \u00e9cran une image Google Image, d\u00e9placer une carte de navigation, jouer \u00e0 un jeu (non flash), etc.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Bien que Javascript permette de modifier la page apr\u00e8s son chargement, il ne permet pas de charger du nouveau contenu. Pour cela il faut toujours recharger la page. Heureusement, en 2005, la derni\u00e8re pi\u00e8ce de ce puzzle appara\u00eet sous le nom d&#8217;AJAX. AJAX permet \u00e0 une page web d&#8217;aller chercher des morceaux d&#8217;information pour se mettre \u00e0 jour. C&#8217;est gr\u00e2ce \u00e0 AJAX que lorsque vous arrivez en bas de votre page Facebook les nouveaux posts apparaissent sans rien avoir \u00e0 faire, que dans la chatroom de Podcast Science vos messages sont envoy\u00e9s et de nouveaux messages arrivent. En bref, avec Javascript et AJAX, les pages web prennent vie et restent connect\u00e9es au Web m\u00eame apr\u00e8s le chargement. C&#8217;est cette technologie qui am\u00e8nera ce que beaucoup app\u00e8lent le &#8220;Web 2.0&#8221;.<\/span><\/p>\n<p><a href=\"http:\/\/www.podcastscience.fm\/wp-content\/uploads\/2016\/06\/ps263_7ac0c34a1f7f43d931fabd3d72ef7363.png\" rel=\"lightbox[2283]\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8513\" src=\"http:\/\/www.podcastscience.fm\/wp-content\/uploads\/2016\/06\/ps263_7ac0c34a1f7f43d931fabd3d72ef7363.png\" alt=\"ps263_7ac0c34a1f7f43d931fabd3d72ef7363.png\" width=\"250\" height=\"271\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">AJAX et Javascript ont radicalement chang\u00e9 l&#8217;allure et le fonctionnement de nos pages web. La plupart des pages aujourd&#8217;hui ne fonctionnent plus comme un b\u00eate fichier HTML qui contient toute l&#8217;information. Une page comme celle d&#8217;un dossier de PodcastScience est bien un fichier HTML mais un bout de code JavaScript indique qu&#8217;il faut aller demander \u00e0 un autre service, <a href=\"https:\/\/disqus.com\/\">Disqus<\/a>, les commentaires du dossier, un autre bout de JavaScript indique qu&#8217;il faut demander \u00e0 SoundCloud le son de l&#8217;\u00e9pisode, des balises images indiquent o\u00f9 il faut aller chercher les images, ici ou ailleurs, etc. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bref vous l&#8217;aurez compris, une page web existe de moins en moins sur un serveur donn\u00e9, elle est de plus en plus le patchwork d&#8217;un grand nombre de morceaux de pages disponibles sur divers serveurs (et voire m\u00eame disponible nulle part mais plut\u00f4t calcul\u00e9s \u00e0 la vol\u00e9e selon les besoins&#8230;).<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">Lobbying<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Apr\u00e8s son invention, Berners-Lee aurait pu laisser le Web vivre, le laisser se faire utiliser par tout un chacun, \u00e0 sa guise, quitte \u00e0 transformer ce merveilleux syst\u00e8me en quelque chose de beaucoup plus limit\u00e9 pour des raisons commerciales : Le navigateur Mozaic par exemple tentait \u00e0 ses d\u00e9but de faire croire qu\u2019il \u00e9tait le Web et cherchait \u00e0 mettre sous silence l&#8217;invention sous-jacente. Plus tard Internet Explorer, rapidement majoritaire, a essay\u00e9 d&#8217;imposer son web, incompatible avec les autres. La cons\u00e9quence est qu&#8217;aujourd&#8217;hui encore les d\u00e9veloppeurs doivent \u00e9crire \u00a0deux versions d&#8217;un site web : la version Internet Explorer et les autres. <\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Ayant d\u00e9j\u00e0 d\u00e9cid\u00e9 de ne pas en faire une entreprise pour faciliter sa propagation, Berners-Lee d\u00e9cide de cr\u00e9er en 1994 un consortium le <a href=\"https:\/\/www.w3.org\/\">World Wide Web Consorsium<\/a> (W3C). Celui-ci aura pour r\u00f4le d&#8217;\u00e9diter les bonnes pratiques du web, donner des exemples, etc. En bref, il cr\u00e9e une place o\u00f9 celui qui le souhaite peut se reseigner sur les bonnes pratiques et apprendre \u00e0 faire les choses bien.. Toujours dans sa m\u00eame approche de ne rien imposer.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Le W3C existe encore aujourd&#8217;hui et n&#8217;a cess\u00e9 de prendre de l&#8217;importance. C&#8217;est lui qui met sous forme normalis\u00e9e les pratiques qui commencent \u00e0 \u00e9merger en \u00e9changeant avec toute l&#8217;industrie. \u00a0Le W3C a permis l&#8217;adoption comme standard d&#8217;un grand nombre de technologies. Si vous voulez en savoir plus, consultez l&#8217;excellent site <a href=\"http:\/\/www.evolutionoftheweb.com\">www.evolutionoftheweb.com <\/a><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Cela parait simple racont\u00e9 rapidement comme cela entre deux lignes. Mais le web est une collaboration mondiale en perp\u00e9tuelle \u00e9volution. Personne il y a 20 ans n\u2019aurait pu imaginer une telle chose. En particulier, Berners-Lee n&#8217;\u00e9tait pas le premier \u00e0 imaginer un outil pour faciliter la collaboration et le transfert de l&#8217;information. La France a m\u00eame eu, d\u00e8s 1980, le Minitel. La grande diff\u00e9rence entre le minitel et le Web c&#8217;est la centralisation et la volont\u00e9 de contr\u00f4le : Le Minitel \u00e9tait un mod\u00e8le centralis\u00e9, contr\u00f4l\u00e9 par un \u00e9tat. Le web est un mod\u00e8le anarchique contr\u00f4le par personne. Seul le W3C \u00e9dite des recommandations mais si demain il se met \u00e0 \u00e9diter des recommandation que personne ne veut suivre, personne ne les suivra, point.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">La fin de la guerre des langages<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Gr\u00e2ce \u00e0 Javascript, AJAX et aux diff\u00e9rentes technologies qu&#8217;a pu acqu\u00e9rir le Web, les navigateurs sont capables de faire de plus en plus. Seules quelques applications sp\u00e9cifiques n\u00e9cessitent encore un logiciel vraiment install\u00e9 sur notre ordinateur. Aujourd&#8217;hui on peut \u00e9diter des images, faire de la visio-conf\u00e9rence ou m\u00eame programmer via un site web.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Et le plus \u00e9patant c&#8217;est que du point de vue de l&#8217;utilisateur, les seuls langages utilis\u00e9s sont ceux que conna\u00eet le navigateur web : Javascript et HTML (en vrai il y a deux trois autres trucs, tels que <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Svg\">SVG<\/a>, <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Feuilles_de_style_en_cascade\">CSS<\/a> mais ils restent annexes et surtout il n&#8217;y en a qu&#8217;un petit nombre). En effet, comme on l&#8217;a vu, du point de vue de l&#8217;utilisateur, il demande un document avec une URL et on lui renvoie un fichier qui contient de l&#8217;HTML et du JavaScript. Ce qui se passe entre la demande et la r\u00e9ception ne regarde que le d\u00e9veloppeur du serveur et de notre point de vue \u00e7a ne change rien. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Si le programmeur veut utiliser\u00e9 un langage obscur de sa cr\u00e9ation, tant qu&#8217;il nous envoie de l&#8217;HTML et du Javascript tout va bien.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">S&#8217;il veut compl\u00e8tement changer d&#8217;architecture et de langage du jour au lendemain, tant qu\u2019il nous envoie de l&#8217;HTML et du JavaScript tout va bien.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">S&#8217;il veut faire transiter notre demande \u00e0 travers 2000 serveurs, chacun faisant une toute petite t\u00e2che sp\u00e9cifique, tant qu&#8217;il nous envoie de l&#8217;HTML et du JavaScript tout va bien.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">C&#8217;est \u00e0 dire que toute page que vous consultez dans un navigateur, si elle n&#8217;utilise pas de plugins comme Flash, au final, elle est en HTML et en Javascript : <\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\"><a href=\"http:\/\/drive.google.com\">Google Docs <\/a>ce n&#8217;est rien d&#8217;autre que du HTML et du Javascript<\/span><\/li>\n<li><span style=\"font-weight: 400;\"><a href=\"http:\/\/agar.io\">Agar.io<\/a> ce n&#8217;est rien d&#8217;autre que du HTML et du Javascript<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">C&#8217;est pourquoi aujourd&#8217;hui beaucoup militent pour que comme une langue vivante, le HTML soit appris d\u00e8s le plus jeune \u00e2ge.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Pendant longtemps, l&#8217;informatique a \u00e9t\u00e9 le jeu d&#8217;une guerre entre les langages de programmation, les biblioth\u00e8ques logicielles, etc. Aujourd&#8217;hui gr\u00e2ce au web, chacun peut travailler avec ce qu&#8217;il veut, voire m\u00eame utiliser des outils totalement incompatibles entre eux, tr\u00e8s dur \u00e0 configurer, tant qu&#8217;au final il envoie les donn\u00e9es selon le protocole web, en HTML et Javascript. <\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Et les d\u00e9veloppeurs ne s&#8217;en privent pas, <a href=\"http:\/\/www.wired.com\/2016\/03\/epic-story-dropboxs-exodus-amazon-cloud-empire\/\">DropBox d\u00e9cide de changer totalement son lieu de stockage des donn\u00e9es<\/a> et vous ne remarquez aucun changement. <a href=\"https:\/\/blog.twitter.com\/2011\/twitter-search-is-now-3x-faster\">Twitter change totalement d&#8217;architecture<\/a> et de langage de programmation et vous ne voyez pas une seule diff\u00e9rence. Le web permet aux diff\u00e9rentes entreprises de se renouveler, de se mettre \u00e0 jour sans action de l&#8217;utilisateur!<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Ainsi, le Cloud, dont vous devez entendre r\u00e9guli\u00e8rement parler, est justement l&#8217;aboutissement d&#8217;une vison du Web, celle o\u00f9 les ordinateurs se r\u00e9sument \u00e0 un navigateur web qui interpr\u00e8te le HTML et le Javascript et o\u00f9 tout le reste se fait \u00e0 distance. Il se peut que d&#8217;ici quelques ann\u00e9es, tout comme aujourd&#8217;hui peu de monde fait la diff\u00e9rence entre internet et le web, peu de personnes feront la diff\u00e9rence entre un navigateur web et un syst\u00e8me d&#8217;exploitation.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Biblio : <\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The innovators by Walter Isaacson : <\/span><a href=\"https:\/\/www.amazon.fr\/Innovators-Inventors-Hackers-Geniuses-Revolution\/dp\/1471138801\/ref=sr_1_1?ie=UTF8&amp;qid=1465222524&amp;sr=8-1&amp;keywords=the+innovators\"><span style=\"font-weight: 400;\">https:\/\/www.amazon.fr\/Innovators-Inventors-Hackers-Geniuses-Revolution\/dp\/1471138801\/ref=sr_1_1?ie=UTF8&amp;qid=1465222524&amp;sr=8-1&amp;keywords=the+innovators<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Weaving the web by Tim Berners-Lee : <\/span><a href=\"https:\/\/www.amazon.fr\/Weaving-Web-Original-Ultimate-Destiny\/dp\/006251587X\/ref=sr_1_1?ie=UTF8&amp;qid=1465222558&amp;sr=8-1&amp;keywords=weaving+the+web\"><span style=\"font-weight: 400;\">https:\/\/www.amazon.fr\/Weaving-Web-Original-Ultimate-Destiny\/dp\/006251587X\/ref=sr_1_1?ie=UTF8&amp;qid=1465222558&amp;sr=8-1&amp;keywords=weaving+the+web<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">From Gutenberg to Zuckerberg : <\/span><a href=\"https:\/\/www.amazon.fr\/Gutenberg-Zuckerberg-Really-Internet-English-ebook\/dp\/B006PI6TEW\/ref=tmm_kin_swatch_0?_encoding=UTF8&amp;qid=1465222591&amp;sr=8-1-fkmr0\"><span style=\"font-weight: 400;\">https:\/\/www.amazon.fr\/Gutenberg-Zuckerberg-Really-Internet-English-ebook\/dp\/B006PI6TEW\/ref=tmm_kin_swatch_0?_encoding=UTF8&amp;qid=1465222591&amp;sr=8-1-fkmr0<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Hacker &amp; Painters by Paul Graham : <\/span><a href=\"https:\/\/www.amazon.fr\/Hackers-Painters-Paul-Graham\/dp\/1449389554\/ref=sr_1_1?ie=UTF8&amp;qid=1465222667&amp;sr=8-1&amp;keywords=hacker+and+painters\"><span style=\"font-weight: 400;\">https:\/\/www.amazon.fr\/Hackers-Painters-Paul-Graham\/dp\/1449389554\/ref=sr_1_1?ie=UTF8&amp;qid=1465222667&amp;sr=8-1&amp;keywords=hacker+and+painters<\/span><\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Quote : <\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">\u201cI had argued that it was ridiculous for a person to have two separate interfaces, one for local information (the desktop of their own computer) and one for remote information (a browser to reach other computers). Why did we need an entire desktop for our own computer but get only a window through which to view the entire rest of the planet? Why, for that matter, should we have folders on our desktop but not on the web?\u201d<\/span><\/li>\n<\/ul>\n<p class=\"wp-flattr-button\"><a class=\"FlattrButton\" style=\"display:none;\" href=\"http:\/\/nicotupe.fr\/Blog\/2016\/07\/podcast-science-263-le-web\/\" title=\" Podcast Science 263 &#8211; Le WEB\" rev=\"flattr;uid:nicotupe;language:fr_FR;category:text;tags:nicotupe.fr;\">Dans le Guide du voyageur galactique, Douglas Adams pr\u00e9sente durant quelque lignes les Jatravartids, un peuple principalement connu pour avoir invent\u00e9 le d\u00e9odorant avant la roue. Dans l&#8217;adaptation cin\u00e9matographique, on...<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Dans le Guide du voyageur galactique, Douglas Adams pr\u00e9sente durant quelque lignes les Jatravartids, un peuple principalement connu pour avoir invent\u00e9 le d\u00e9odorant avant la roue. Dans l&#8217;adaptation cin\u00e9matographique, on y d\u00e9couvre des extra-terrestres vivant dans un d\u00e9potoir fait de montagnes de d\u00e9odorants usag\u00e9s et naviguant dans des v\u00e9hicules aux roues&#8230; Carr\u00e9es. &nbsp; Comme s&#8217;il [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2284,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[46,38],"tags":[],"class_list":["post-2283","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-podcastscience","category-sciences"],"jetpack_featured_media_url":"http:\/\/nicotupe.fr\/Blog\/wp-content\/uploads\/2016\/07\/ps263_CkXsv72WsAAxQyp.jpg","_links":{"self":[{"href":"http:\/\/nicotupe.fr\/Blog\/wp-json\/wp\/v2\/posts\/2283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/nicotupe.fr\/Blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/nicotupe.fr\/Blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/nicotupe.fr\/Blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/nicotupe.fr\/Blog\/wp-json\/wp\/v2\/comments?post=2283"}],"version-history":[{"count":1,"href":"http:\/\/nicotupe.fr\/Blog\/wp-json\/wp\/v2\/posts\/2283\/revisions"}],"predecessor-version":[{"id":2285,"href":"http:\/\/nicotupe.fr\/Blog\/wp-json\/wp\/v2\/posts\/2283\/revisions\/2285"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/nicotupe.fr\/Blog\/wp-json\/wp\/v2\/media\/2284"}],"wp:attachment":[{"href":"http:\/\/nicotupe.fr\/Blog\/wp-json\/wp\/v2\/media?parent=2283"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/nicotupe.fr\/Blog\/wp-json\/wp\/v2\/categories?post=2283"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/nicotupe.fr\/Blog\/wp-json\/wp\/v2\/tags?post=2283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}