<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Portfolio : Environnement et Technologies Web on Matteo Arnone</title><link>https://matteoarnone.be/blog/portfolio-etw/</link><description>Recent content in Portfolio : Environnement et Technologies Web on Matteo Arnone</description><generator>Hugo</generator><language>fr</language><lastBuildDate>Thu, 05 Nov 2026 10:04:00 +0100</lastBuildDate><atom:link href="https://matteoarnone.be/blog/portfolio-etw/index.xml" rel="self" type="application/rss+xml"/><item><title>Comprendre et situer le Web</title><link>https://matteoarnone.be/blog/portfolio-etw/01-comprendre-et-situer-le-web/</link><pubDate>Thu, 05 Nov 2026 10:01:00 +0100</pubDate><guid>https://matteoarnone.be/blog/portfolio-etw/01-comprendre-et-situer-le-web/</guid><description>&lt;h2 id="internet-et-le-web-deux-choses-différentes"&gt;Internet et le Web : deux choses différentes&lt;/h2&gt;&#10;&lt;p&gt;On utilise souvent les deux mots comme des synonymes, mais ils ne désignent pas la même chose.&lt;/p&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;&lt;strong&gt;Internet&lt;/strong&gt; est un &lt;em&gt;réseau&lt;/em&gt; : des millions d&amp;rsquo;ordinateurs reliés entre eux dans le monde entier, qui peuvent s&amp;rsquo;échanger des données. Il est né en 1969 avec ARPANET, un réseau militaire américain, bien avant le Web.&lt;/li&gt;&#10;&lt;li&gt;&lt;strong&gt;Le Web&lt;/strong&gt; (&lt;em&gt;World Wide Web&lt;/em&gt;) est un &lt;em&gt;service&lt;/em&gt; qui fonctionne &lt;em&gt;sur&lt;/em&gt; Internet : un ensemble de pages reliées entre elles par des liens, que l&amp;rsquo;on consulte avec un navigateur. Il a été inventé en 1989 au CERN par Tim Berners-Lee.&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;figure&gt;&#10; &lt;img class="tikz" src="fig-internet-web.svg" alt="Schéma : le Web, les e-mails, les jeux en ligne et les appels WhatsApp sont des services qui fonctionnent tous sur Internet, le réseau mondial qui relie les ordinateurs."&gt;&#10; &lt;figcaption&gt;Internet et le Web&lt;/figcaption&gt;&#10;&lt;/figure&gt;&#10;&lt;h2 id="évolution-du-web"&gt;Évolution du Web&lt;/h2&gt;&#10;&lt;p&gt;Le Web n&amp;rsquo;a pas toujours ressemblé à ce qu&amp;rsquo;on connaît aujourd&amp;rsquo;hui. On peut résumer son histoire en quelques grandes étapes.&lt;/p&gt;</description></item><item><title>Architecture du Web</title><link>https://matteoarnone.be/blog/portfolio-etw/02-architecture-du-web/</link><pubDate>Thu, 05 Nov 2026 10:02:00 +0100</pubDate><guid>https://matteoarnone.be/blog/portfolio-etw/02-architecture-du-web/</guid><description>&lt;h2 id="anatomie-dune-url"&gt;Anatomie d&amp;rsquo;une URL&lt;/h2&gt;&#10;&lt;p&gt;Lorsqu&amp;rsquo;on clique sur un lien, beaucoup de choses se passent en coulisses et c&amp;rsquo;est ce que nous allons voir en décortiquant une URL.&lt;/p&gt;&#10;&lt;figure&gt;&#10; &lt;img src="url_annotee.png" width="1520" height="190" alt="Barre d'adresse du navigateur avec l'URL d'un article de Bloomberg. Chaque partie est encadrée et nommée : protocole, sous-domaine, nom de domaine, extension, chemin et paramètre accessToken."&gt;&#10; &lt;figcaption&gt;Décomposition annotée d'une URL&lt;/figcaption&gt;&#10;&lt;/figure&gt;&#10;&lt;table&gt;&#10; &lt;caption&gt;Décomposition de l&amp;rsquo;URL&lt;/caption&gt;&#10; &lt;thead&gt;&#10; &lt;tr&gt;&#10; &lt;th scope="col"&gt;Partie&lt;/th&gt;&#10; &lt;th scope="col"&gt;Valeur&lt;/th&gt;&#10; &lt;th scope="col"&gt;Rôle&lt;/th&gt;&#10; &lt;/tr&gt;&#10; &lt;/thead&gt;&#10; &lt;tbody&gt;&#10; &lt;tr&gt;&#10; &lt;td&gt;Protocole&lt;/td&gt;&#10; &lt;td&gt;&lt;code&gt;https://&lt;/code&gt;&lt;/td&gt;&#10; &lt;td&gt;Règles d&amp;rsquo;échange ; le « s » indique une connexion chiffrée&lt;/td&gt;&#10; &lt;/tr&gt;&#10; &lt;tr&gt;&#10; &lt;td&gt;Sous-domaine&lt;/td&gt;&#10; &lt;td&gt;&lt;code&gt;www&lt;/code&gt;&lt;/td&gt;&#10; &lt;td&gt;Service précis du domaine (ici, le site Web)&lt;/td&gt;&#10; &lt;/tr&gt;&#10; &lt;tr&gt;&#10; &lt;td&gt;Nom de domaine&lt;/td&gt;&#10; &lt;td&gt;&lt;code&gt;bloomberg&lt;/code&gt;&lt;/td&gt;&#10; &lt;td&gt;Nom réservé par l&amp;rsquo;entreprise&lt;/td&gt;&#10; &lt;/tr&gt;&#10; &lt;tr&gt;&#10; &lt;td&gt;Extension&lt;/td&gt;&#10; &lt;td&gt;&lt;code&gt;.com&lt;/code&gt;&lt;/td&gt;&#10; &lt;td&gt;Domaine de premier niveau, générique (commercial)&lt;/td&gt;&#10; &lt;/tr&gt;&#10; &lt;tr&gt;&#10; &lt;td&gt;Chemin&lt;/td&gt;&#10; &lt;td&gt;&lt;code&gt;/features/…/&lt;/code&gt;&lt;/td&gt;&#10; &lt;td&gt;Emplacement de la page sur le serveur&lt;/td&gt;&#10; &lt;/tr&gt;&#10; &lt;tr&gt;&#10; &lt;td&gt;Paramètre &lt;code&gt;accessToken&lt;/code&gt;&lt;/td&gt;&#10; &lt;td&gt;&lt;code&gt;?accessToken=…&lt;/code&gt;&lt;/td&gt;&#10; &lt;td&gt;Information envoyée au serveur : ici, un jeton JWT&lt;/td&gt;&#10; &lt;/tr&gt;&#10; &lt;/tbody&gt;&#10;&lt;/table&gt;&#10;&lt;h3 id="le-paramètre-accesstoken-et-son-jeton-jwt"&gt;Le paramètre accessToken et son jeton JWT&lt;/h3&gt;&#10;&lt;p&gt;Parmi les particularités d&amp;rsquo;une URL, il y a le fait de lui passer des paramètres afin de nous rendre une page spécifique. Dans notre cas, il y a un &lt;em&gt;accessToken&lt;/em&gt; qui est très explicite et nous permet d&amp;rsquo;accéder à l&amp;rsquo;article en n&amp;rsquo;ayant pas d&amp;rsquo;abonnement. Mais, comment est-ce possible ?&lt;/p&gt;</description></item><item><title>Propriété intellectuelle et droit du numérique</title><link>https://matteoarnone.be/blog/portfolio-etw/05-propriete-intellectuelle/</link><pubDate>Thu, 05 Nov 2026 10:03:00 +0100</pubDate><guid>https://matteoarnone.be/blog/portfolio-etw/05-propriete-intellectuelle/</guid><description>&lt;p&gt;Au &lt;a href="../02-architecture-du-web/"&gt;chapitre 2&lt;/a&gt;, nous avons vu que nous pouvons restreindre l&amp;rsquo;accès à du contenu sous certaines conditions. Nous allons développer cette thématique dans ce chapitre.&lt;/p&gt;&#10;&lt;h2 id="le-droit-dauteur"&gt;Le droit d&amp;rsquo;auteur&lt;/h2&gt;&#10;&lt;p&gt;Le droit d&amp;rsquo;auteur protège toute création originale : un texte, une photo, une musique, une vidéo ou un logiciel. En Belgique, il est prévu par le Code de droit économique. La protection est &lt;strong&gt;automatique&lt;/strong&gt; : pas besoin de déposer son œuvre ni d&amp;rsquo;afficher le symbole ©, elle existe dès sa création.&lt;/p&gt;</description></item><item><title>Glossaire</title><link>https://matteoarnone.be/blog/portfolio-etw/glossaire/</link><pubDate>Thu, 05 Nov 2026 10:04:00 +0100</pubDate><guid>https://matteoarnone.be/blog/portfolio-etw/glossaire/</guid><description>&lt;dl&gt;&#10;&lt;dt&gt;Adresse IP&lt;/dt&gt;&#10;&lt;dd&gt;Suite de chiffres qui identifie un appareil sur Internet, comme un numéro de téléphone.&lt;/dd&gt;&#10;&lt;dt&gt;APD&lt;/dt&gt;&#10;&lt;dd&gt;Autorité de protection des données : l&amp;rsquo;organisme belge qui veille au respect du RGPD.&lt;/dd&gt;&#10;&lt;dt&gt;ARPANET&lt;/dt&gt;&#10;&lt;dd&gt;Réseau militaire américain créé en 1969, l&amp;rsquo;ancêtre d&amp;rsquo;Internet.&lt;/dd&gt;&#10;&lt;dt&gt;CC0&lt;/dt&gt;&#10;&lt;dd&gt;Licence Creative Commons qui place une œuvre dans le domaine public : on peut l&amp;rsquo;utiliser sans aucune condition.&lt;/dd&gt;&#10;&lt;dt&gt;CGU&lt;/dt&gt;&#10;&lt;dd&gt;Conditions Générales d&amp;rsquo;Utilisation : le contrat qu&amp;rsquo;on accepte pour utiliser un service.&lt;/dd&gt;&#10;&lt;dt&gt;Chemin&lt;/dt&gt;&#10;&lt;dd&gt;Partie de l&amp;rsquo;URL qui indique où se trouve la page sur le serveur.&lt;/dd&gt;&#10;&lt;dt&gt;Consentement&lt;/dt&gt;&#10;&lt;dd&gt;Accord libre, éclairé et donné par un geste clair, que l&amp;rsquo;internaute doit donner avant qu&amp;rsquo;un site dépose des cookies non nécessaires.&lt;/dd&gt;&#10;&lt;dt&gt;Cookie&lt;/dt&gt;&#10;&lt;dd&gt;Petit fichier qu&amp;rsquo;un site dépose dans le navigateur pour se souvenir d&amp;rsquo;une information (panier, connexion, pages visitées).&lt;/dd&gt;&#10;&lt;dt&gt;Creative Commons (CC)&lt;/dt&gt;&#10;&lt;dd&gt;Licences qui permettent à un auteur d&amp;rsquo;autoriser à l&amp;rsquo;avance certaines utilisations de son œuvre.&lt;/dd&gt;&#10;&lt;dt&gt;CSS&lt;/dt&gt;&#10;&lt;dd&gt;Standard qui décrit la mise en page et l&amp;rsquo;apparence d&amp;rsquo;un site Web.&lt;/dd&gt;&#10;&lt;dt&gt;DNS&lt;/dt&gt;&#10;&lt;dd&gt;&lt;em&gt;Domain Name System&lt;/em&gt; : l&amp;rsquo;annuaire d&amp;rsquo;Internet, qui traduit un nom de domaine en adresse IP.&lt;/dd&gt;&#10;&lt;dt&gt;Domaine public&lt;/dt&gt;&#10;&lt;dd&gt;Situation d&amp;rsquo;une œuvre que tout le monde peut utiliser librement, sans demander d&amp;rsquo;autorisation.&lt;/dd&gt;&#10;&lt;dt&gt;Donnée personnelle&lt;/dt&gt;&#10;&lt;dd&gt;Toute information qui permet d&amp;rsquo;identifier une personne : nom, e-mail, identifiant de compte, adresse IP…&lt;/dd&gt;&#10;&lt;dt&gt;Droit d&amp;rsquo;auteur&lt;/dt&gt;&#10;&lt;dd&gt;Protection automatique d&amp;rsquo;une création originale : seul l&amp;rsquo;auteur décide de son utilisation.&lt;/dd&gt;&#10;&lt;dt&gt;Extension (TLD)&lt;/dt&gt;&#10;&lt;dd&gt;Dernière partie d&amp;rsquo;un nom de domaine, comme &lt;code&gt;.com&lt;/code&gt;, &lt;code&gt;.be&lt;/code&gt; ou &lt;code&gt;.org&lt;/code&gt;.&lt;/dd&gt;&#10;&lt;dt&gt;GPL&lt;/dt&gt;&#10;&lt;dd&gt;Licence libre pour les logiciels, comme Linux : on peut copier et modifier le code, à condition de le partager sous la même licence.&lt;/dd&gt;&#10;&lt;dt&gt;Hébergement&lt;/dt&gt;&#10;&lt;dd&gt;Serveur allumé en permanence qui stocke les fichiers d&amp;rsquo;un site et les envoie aux visiteurs.&lt;/dd&gt;&#10;&lt;dt&gt;HTTPS&lt;/dt&gt;&#10;&lt;dd&gt;Protocole de communication entre le navigateur et le serveur, dont les échanges sont chiffrés.&lt;/dd&gt;&#10;&lt;dt&gt;IA générative&lt;/dt&gt;&#10;&lt;dd&gt;Intelligence artificielle capable de produire du texte, des images ou du code, comme ChatGPT.&lt;/dd&gt;&#10;&lt;dt&gt;Internet&lt;/dt&gt;&#10;&lt;dd&gt;Réseau mondial qui relie des millions d&amp;rsquo;ordinateurs entre eux.&lt;/dd&gt;&#10;&lt;dt&gt;JWT (jeton)&lt;/dt&gt;&#10;&lt;dd&gt;&lt;em&gt;JSON Web Token&lt;/em&gt; : jeton signé défini par la norme RFC 7519, formé de trois parties (en-tête, contenu, signature). Placé par exemple dans le paramètre &lt;code&gt;accessToken&lt;/code&gt; d&amp;rsquo;une URL, il prouve un droit d&amp;rsquo;accès.&lt;/dd&gt;&#10;&lt;dt&gt;Licence&lt;/dt&gt;&#10;&lt;dd&gt;Autorisation donnée par l&amp;rsquo;auteur, qui fixe ce qu&amp;rsquo;on a le droit de faire avec son œuvre.&lt;/dd&gt;&#10;&lt;dt&gt;Navigateur&lt;/dt&gt;&#10;&lt;dd&gt;Logiciel qui permet de consulter le Web, comme Safari, Chrome ou Firefox.&lt;/dd&gt;&#10;&lt;dt&gt;Nom de domaine&lt;/dt&gt;&#10;&lt;dd&gt;Nom facile à retenir qui désigne un site, comme &lt;code&gt;bloomberg.com&lt;/code&gt;.&lt;/dd&gt;&#10;&lt;dt&gt;Paramètre&lt;/dt&gt;&#10;&lt;dd&gt;Information ajoutée à la fin d&amp;rsquo;une URL après le &lt;code&gt;?&lt;/code&gt;, sous la forme clé=valeur.&lt;/dd&gt;&#10;&lt;dt&gt;Résolution DNS&lt;/dt&gt;&#10;&lt;dd&gt;Étape où le navigateur obtient l&amp;rsquo;adresse IP d&amp;rsquo;un nom de domaine auprès d&amp;rsquo;un serveur DNS, avant de contacter le serveur Web.&lt;/dd&gt;&#10;&lt;dt&gt;Protocole&lt;/dt&gt;&#10;&lt;dd&gt;Ensemble de règles qui permettent à deux machines de communiquer.&lt;/dd&gt;&#10;&lt;dt&gt;Registrar&lt;/dt&gt;&#10;&lt;dd&gt;Entreprise agréée par laquelle on passe pour louer un nom de domaine, comme Porkbun.&lt;/dd&gt;&#10;&lt;dt&gt;RGPD&lt;/dt&gt;&#10;&lt;dd&gt;Règlement Général sur la Protection des Données : la loi européenne qui protège les données personnelles.&lt;/dd&gt;&#10;&lt;dt&gt;Serveur&lt;/dt&gt;&#10;&lt;dd&gt;Ordinateur qui stocke des fichiers et répond aux demandes des autres ordinateurs.&lt;/dd&gt;&#10;&lt;dt&gt;Signature&lt;/dt&gt;&#10;&lt;dd&gt;Code calculé avec une clé secrète qui empêche de modifier un jeton sans que ça se voie.&lt;/dd&gt;&#10;&lt;dt&gt;Standard&lt;/dt&gt;&#10;&lt;dd&gt;Règle commune, publique et gratuite, que tout le monde s&amp;rsquo;accorde à respecter.&lt;/dd&gt;&#10;&lt;dt&gt;Sous-domaine&lt;/dt&gt;&#10;&lt;dd&gt;Partie placée avant le nom de domaine, comme &lt;code&gt;www&lt;/code&gt;, qui désigne un service précis.&lt;/dd&gt;&#10;&lt;dt&gt;Timestamp Unix&lt;/dt&gt;&#10;&lt;dd&gt;Nombre de secondes écoulées depuis le 1&lt;sup&gt;er&lt;/sup&gt; janvier 1970.&lt;/dd&gt;&#10;&lt;dt&gt;URL&lt;/dt&gt;&#10;&lt;dd&gt;Adresse complète d&amp;rsquo;une ressource sur le Web.&lt;/dd&gt;&#10;&lt;dt&gt;W3C&lt;/dt&gt;&#10;&lt;dd&gt;&lt;em&gt;World Wide Web Consortium&lt;/em&gt; : l&amp;rsquo;organisme qui écrit les standards du Web.&lt;/dd&gt;&#10;&lt;dt&gt;Web&lt;/dt&gt;&#10;&lt;dd&gt;Service qui fonctionne sur Internet : des pages reliées par des liens, consultées avec un navigateur.&lt;/dd&gt;&#10;&lt;dt&gt;Web 2.0&lt;/dt&gt;&#10;&lt;dd&gt;Le Web participatif, apparu vers 2004 : les utilisateurs publient eux-mêmes le contenu.&lt;/dd&gt;&#10;&lt;/dl&gt;</description></item></channel></rss>