Le Web

Il est crucial de bien comprendre la différence entre Internet et le Web, car ce sont deux choses distinctes bien qu'interconnectées.

• Internet comme infrastructure : Imaginez Internet comme une immense infrastructure mondiale, un réseau physique géant. C'est un ensemble de câbles (fibres optiques, câbles sous-marins), de routeurs, de serveurs et d'ordinateurs interconnectés. Son but est de permettre l'échange de données entre des milliards d'appareils partout dans le monde. C'est un peu comme le réseau routier d'un pays : il permet aux véhicules (les données) de circuler d'un point à un autre.

  • Internet est le "tuyau" qui transporte l'information.
  • Historique succinct : Internet trouve ses origines dans le projet ARPANET développé par le département de la Défense des États-Unis dans les années 1960, pour permettre la communication entre ordinateurs même en cas de panne partielle. Il s'est ensuite ouvert aux universités et à la recherche avant de devenir public.

• Le Web comme service : Le World Wide Web (souvent appelé simplement "le Web" ou "WWW") est l'un des nombreux services qui fonctionnent sur Internet. C'est un système de documents hypertexte interconnectés (les pages web) accessibles via Internet. Le Web utilise Internet pour transporter les pages que vous consultez. C'est comme le trafic routier sur les routes : les voitures sont les pages web, les camions sont les emails, etc., qui utilisent l'infrastructure routière.

  • Le Web est l'un des "usages" d'Internet, axé sur la consultation de documents liés entre eux.
  • D'autres services utilisent Internet : l'e-mail, les jeux en ligne, les applications de messagerie instantanée, le streaming vidéo, etc.

En résumé : Internet est le support physique et logique, le Web est une application (un service) qui utilise ce support.

Pour que tous ces ordinateurs puissent communiquer et échanger des informations de manière cohérente, ils doivent parler le même "langage". Ce sont les protocoles. Un protocole est un ensemble de règles et de procédures qui régissent la communication entre les systèmes informatiques.

• HTTP/HTTPS :

  • HTTP (HyperText Transfer Protocol) : C'est le protocole principal utilisé pour le Web. Il permet à un navigateur web (le client) de demander une page web à un serveur et au serveur de lui envoyer cette page. C'est un protocole "sans état", ce qui signifie que chaque requête est indépendante des précédentes.
  • HTTPS (HyperText Transfer Protocol Secure) : C'est la version sécurisée de HTTP. Il utilise le chiffrement pour protéger la communication entre votre navigateur et le site web. C'est essentiel pour les transactions bancaires, les achats en ligne et toute information sensible. Vous le reconnaissez au cadenas dans la barre d'adresse de votre navigateur. HTTPS garantit la confidentialité et l'intégrité des données.

• TCP/IP : Ce sont les fondations d'Internet.

  • TCP (Transmission Control Protocol) : Il assure que les données sont envoyées de manière fiable et dans le bon ordre. Il découpe les informations en petits paquets, les numérote, les envoie, et s'assure qu'ils arrivent tous à destination et sont réassemblés correctement. S'il manque un paquet, TCP demande sa réémission.
  • IP (Internet Protocol) : Il est responsable de l'adressage et du routage des paquets de données à travers le réseau. Chaque appareil connecté à Internet possède une adresse IP unique (temporaire ou permanente), comme une adresse postale. IP s'assure que les paquets atteignent la bonne adresse.

• DNS (Domain Name System) :

  • Les ordinateurs communiquent avec des adresses IP (exemple : 172.217.160.142 pour Google). Pour nous, les humains, il est beaucoup plus simple de retenir des noms comme google.com.
  • Le DNS est comme un annuaire téléphonique géant d'Internet. Lorsque vous tapez google.com dans votre navigateur, le DNS traduit ce nom de domaine en l'adresse IP correspondante. C'est un service essentiel qui permet de naviguer sur le Web avec des noms faciles à retenir. Sans DNS, il faudrait connaître l'adresse IP de chaque site.

Votre navigateur web (comme Chrome, Firefox, Safari, Edge) est l'application que vous utilisez pour accéder et interagir avec le Web. C'est votre "fenêtre" sur Internet.

• Interprétation du code : Lorsqu'un navigateur reçoit une page web d'un serveur (généralement en HTML, CSS, JavaScript), il doit l'interpréter.

  • Il lit le code HTML pour comprendre la structure et le contenu (titres, paragraphes, images, liens).
  • Il applique le code CSS pour styliser la page (couleurs, polices, mise en page).
  • Il exécute le code JavaScript pour rendre la page interactive (animations, formulaires dynamiques, réponses aux clics).

• Affichage des pages : Après avoir interprété le code, le navigateur rend visuellement la page sur votre écran. Il organise tous les éléments de manière à ce que vous puissiez les lire et interagir avec eux.

• Fonctionnalités de base :

  • Barre d'adresse : Pour taper les URL des sites que vous voulez visiter.
  • Boutons de navigation : Précédent, Suivant, Actualiser, Accueil.
  • Gestion des onglets : Pour ouvrir plusieurs pages simultanément.
  • Historique de navigation : Pour retrouver les sites déjà visités.
  • Moteurs de recherche intégrés : Pour faciliter la recherche d'informations.
  • Gestion des favoris/marque-pages : Pour sauvegarder vos sites préférés.
  • Extensions/Add-ons : Pour ajouter des fonctionnalités spécifiques (bloqueurs de publicité, gestionnaires de mots de passe, etc.).

Le modèle client-serveur est la base de presque toutes les interactions sur le Web.

• Requête du client : Votre ordinateur ou votre smartphone agissent comme un client. Lorsque vous tapez une URL dans votre navigateur et appuyez sur Entrée, ou que vous cliquez sur un lien, votre navigateur envoie une requête au serveur qui héberge le site web. Cette requête demande une ressource spécifique (une page HTML, une image, une vidéo, etc.).

  • Exemple : Votre navigateur envoie une requête HTTP GET pour la page index.html du site exemple.com.

• Réponse du serveur : Le serveur est un ordinateur puissant, connecté en permanence à Internet, qui stocke les fichiers des sites web. Lorsque le serveur reçoit une requête, il la traite, trouve la ressource demandée et la renvoie au client.

  • Exemple : Le serveur trouve index.html et l'envoie à votre navigateur avec un code de statut HTTP (comme 200 OK si tout s'est bien passé).

• Interaction : Le client reçoit la réponse, interprète le contenu et l'affiche. Ce processus se répète à chaque fois que vous cliquez sur un lien, soumettez un formulaire, ou chargez une nouvelle partie d'une page dynamique. C'est une interaction constante entre votre appareil (client) et les ordinateurs distants (serveurs). Le client demande, le serveur fournit.

Pour trouver une ressource spécifique sur le Web, nous utilisons des adresses.

• Structure d'une URL : Une URL (Uniform Resource Locator) est l'adresse complète d'une ressource sur le Web. Elle suit une structure standardisée : protocole://sous-domaine.nomdedomaine.extension/chemin/ressource.html?parametre=valeur#ancre

  • Protocole (https://) : Indique comment la ressource doit être récupérée (ici, via HTTPS).
  • Sous-domaine (www. souvent, mais peut être blog., mail., etc.) : Une division du domaine principal.
  • Nom de domaine (monentreprise) : Le nom unique et facile à retenir du site.
  • Extension (.fr, .com, .org, .gov, etc.) : Indique le type ou la géographie du domaine.
  • Chemin (/chemin/) : L'emplacement de la ressource sur le serveur.
  • Ressource (ressource.html) : Le nom du fichier demandé.
  • Paramètres (?parametre=valeur) : Des informations supplémentaires passées au serveur (souvent pour la recherche ou le filtrage).
  • Ancre (#ancre) : Un point spécifique dans la page (souvent pour naviguer rapidement à une section).

• Nom de domaine : C'est la partie la plus reconnaissable d'une adresse web (ex: google.com, education.gouv.fr). Il est enregistré auprès d'organismes spécifiques (registraires) et est unique. Il est plus facile à mémoriser qu'une adresse IP.

• Adresse IP : Comme nous l'avons vu, chaque appareil connecté à Internet possède une adresse IP (Internet Protocol). Il existe deux versions principales :

  • IPv4 : Composée de quatre nombres séparés par des points (ex: 192.168.1.1).
  • IPv6 : Une version plus récente avec un espace d'adressage beaucoup plus grand, représentée par des blocs hexadécimaux (ex: 2001:0db8:85a3:0000:0000:8a2e:0370:7334).
  • Le DNS traduit les noms de domaine en adresses IP pour que les routeurs sachent où envoyer les données.

Les serveurs web sont des ordinateurs spécialisés qui hébergent les sites web et répondent aux requêtes des navigateurs.

• Hébergement de sites : Un serveur web stocke tous les fichiers d'un site (pages HTML, feuilles de style CSS, scripts JavaScript, images, vidéos, bases de données, etc.). Lorsqu'une requête arrive, il localise les fichiers demandés.

• Traitement des requêtes : Le serveur reçoit les requêtes HTTP/HTTPS, les analyse et détermine quelle ressource est demandée. Il peut aussi exécuter des scripts côté serveur (en PHP, Python, Node.js, etc.) pour générer des pages dynamiques personnalisées (par exemple, afficher votre profil sur un réseau social).

• Exemples de serveurs : Il existe plusieurs logiciels de serveurs web populaires :

  • Apache HTTP Server : Très répandu, open-source, puissant et flexible.
  • Nginx : Connu pour sa performance et sa capacité à gérer un grand nombre de connexions simultanées.
  • Microsoft IIS : Serveur web de Microsoft, intégré à Windows Server.

Un serveur web typique est un ordinateur puissant, souvent situé dans un centre de données (data center), connecté à Internet avec une bande passante très élevée et fonctionnant 24h/24, 7j/7 pour être toujours disponible.

Pour que les données voyagent d'un client à un serveur (et inversement), il faut un chemin.

• Acheminement des données : Les routeurs sont des équipements réseau intelligents. Leur rôle est d'examiner l'adresse de destination de chaque paquet de données (l'adresse IP) et de décider du meilleur chemin à prendre pour l'envoyer vers sa destination. Ils agissent comme des aiguilleurs du trafic sur Internet. Sans les routeurs, les paquets ne sauraient pas où aller.

• Connexion à Internet : Les fournisseurs d'accès à Internet (FAI), ou Internet Service Providers (ISP) en anglais (comme Orange, SFR, Free, Bouygues Telecom en France), sont les entreprises qui vous donnent accès au réseau Internet. Ils possèdent et gèrent l'infrastructure (câbles, fibres, antennes) qui relie votre domicile ou votre entreprise au reste du monde.

• Infrastructure réseau : Les FAI sont connectés entre eux et aux principaux points d'échange Internet (Internet Exchange Points - IXP) où les données de différents réseaux sont échangées. C'est grâce à cette infrastructure complexe et interconnectée que les données peuvent voyager à travers le globe en quelques millisecondes.

Le HTML (HyperText Markup Language) est la colonne vertébrale de toute page web. Ce n'est pas un langage de programmation, mais un langage de balisage. Il sert à définir la structure et le contenu sémantique d'une page.

• Balises et éléments : Le HTML utilise des balises (tags) pour marquer les différentes parties du contenu. Une balise est généralement composée d'un nom entre chevrons (ex: <p>). La plupart des balises vont par paires : une balise ouvrante et une balise fermante (ex: <p>Ceci est un paragraphe.</p>). L'ensemble formé par la balise ouvrante, le contenu et la balise fermante est appelé un élément.

  • Exemples de balises :
    • <h1> à <h6> : Titres de différents niveaux.
    • <p> : Paragraphe.
    • <a> : Lien hypertexte (ancre).
    • <img> : Image.
    • <ul>, <ol>, <li> : Listes non ordonnées, ordonnées, et éléments de liste.
    • <div>, <span> : Conteneurs génériques pour regrouper des éléments.

• Structure d'une page HTML : Chaque page HTML respecte une structure de base :

  <!DOCTYPE html>
  <html lang="fr">
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Titre de ma page</title>
      <link rel="stylesheet" href="style.css"> <!-- Liaison avec le CSS -->
  </head>
  <body>
      <header>
          <h1>Bienvenue sur mon site</h1>
      </header>
      <nav>
          <ul>
              <li><a href="/">Accueil</a></li>
              <li><a href="/a-propos">À Propos</a></li>
          </ul>
      </nav>
      <main>
          <p>Ceci est le contenu principal de ma page.</p>
      </main>
      <footer>
          <p>&copy; 2024 Mon Site</p>
      </footer>
  </body>
  </html>
  

  • <head> : Contient les métadonnées de la page (non visibles directement par l'utilisateur), comme le titre de l'onglet, l'encodage des caractères, les liens vers les feuilles de style CSS.
  • <body> : Contient tout le contenu visible de la page.

• Contenu sémantique : L'HTML moderne (HTML5) met l'accent sur le HTML sémantique. Cela signifie utiliser des balises qui décrivent la signification du contenu, pas seulement son apparence. Par exemple, utiliser <header> pour l'en-tête, <nav> pour la navigation, <main> pour le contenu principal, <article> pour un article autonome, <footer> pour le pied de page. Le HTML sémantique améliore l'accessibilité et le référencement.

Alors que le HTML structure le contenu, le CSS (Cascading Style Sheets) est utilisé pour définir l'apparence visuelle des pages web. Il sépare le contenu de la présentation.

• Sélecteurs : Le CSS utilise des sélecteurs pour cibler les éléments HTML auxquels appliquer un style.

  • p { ... } : Cible tous les paragraphes.
  • #id_unique { ... } : Cible un élément avec un attribut id="id_unique".
  • .ma_classe { ... } : Cible tous les éléments avec un attribut class="ma_classe".

• Propriétés et valeurs : Une fois un élément sélectionné, on lui applique des propriétés avec des valeurs.

  p {
      color: blue; /* La couleur du texte sera bleue */
      font-size: 16px; /* La taille de la police sera de 16 pixels */
      margin-bottom: 20px; /* Une marge de 20px en bas du paragraphe */
  }
  
  h1 {
      text-align: center; /* Le texte du titre sera centré */
      background-color: #f0f0f0; /* Une couleur de fond grise */
  }
  

  • color : Couleur du texte.
  • background-color : Couleur de fond.
  • font-family : Police de caractères.
  • font-size : Taille du texte.
  • margin, padding : Espacement extérieur et intérieur d'un élément.
  • width, height : Largeur et hauteur.
  • display : Comment l'élément est affiché (bloc, en ligne, flexbox, grid).

• Feuilles de style externes : Il est recommandé de placer le code CSS dans un fichier séparé (.css) et de le lier à la page HTML via la balise <link> dans la section <head>. Cela rend le code plus propre, plus facile à maintenir et permet de réutiliser les mêmes styles pour plusieurs pages. Le CSS externe favorise la réutilisabilité et la cohérence visuelle.

Le JavaScript est un langage de programmation qui permet de rendre les pages web interactives et dynamiques. Contrairement au HTML et au CSS, c'est un vrai langage de programmation. Il est exécuté côté client, c'est-à-dire par le navigateur de l'utilisateur.

• Scripts dynamiques : JavaScript peut modifier le contenu, la structure et le style d'une page après qu'elle a été chargée.

  • Exemples : afficher ou masquer des éléments, vérifier la validité d'un formulaire avant envoi, créer des carrousels d'images, charger de nouvelles données sans recharger la page entière (AJAX).

• Manipulation du DOM : Le DOM (Document Object Model) est une représentation en mémoire de la structure d'une page HTML. JavaScript peut interagir avec ce DOM pour accéder, modifier ou supprimer des éléments HTML, changer leur contenu ou leurs attributs, et même créer de nouveaux éléments.

  // Sélectionne l'élément avec l'ID "monBouton"
  const monBouton = document.getElementById('monBouton');
  
  // Ajoute un "écouteur d'événement" pour détecter un clic
  monBouton.addEventListener('click', function() {
      alert('Bouton cliqué !'); // Affiche une boîte de dialogue
      document.body.style.backgroundColor = 'lightgreen'; // Change la couleur de fond
  });
  

• Événements : JavaScript permet de réagir à des événements déclenchés par l'utilisateur ou par le navigateur.

  • click : Clic de la souris.
  • mouseover : La souris survole un élément.
  • submit : Soumission d'un formulaire.
  • keydown : Touche du clavier pressée.
  • load : La page est entièrement chargée. JavaScript est essentiel pour une expérience utilisateur moderne et interactive.

Pour créer des sites web, les développeurs utilisent divers outils.

• Éditeurs de code : Ce sont des logiciels spécialisés pour écrire du code. Ils offrent des fonctionnalités comme la coloration syntaxique (pour rendre le code plus lisible), l'autocomplétion, la détection d'erreurs, la gestion de projets.

• Outils de débogage : Les navigateurs web modernes intègrent des outils de développement très puissants (souvent accessibles avec la touche F12 ou Ctrl+Shift+I). Ils permettent de :

  • Inspecter le HTML et le CSS d'une page en temps réel.
  • Modifier les styles CSS et voir les changements instantanément.
  • Déboguer le code JavaScript (suivre l'exécution, voir les valeurs des variables, détecter les erreurs).
  • Analyser les performances de la page, les requêtes réseau, etc.

• Frameworks (mention) : Pour accélérer le développement et structurer le code, les développeurs utilisent souvent des frameworks et des bibliothèques.

  • Frameworks CSS : Bootstrap, Tailwind CSS (pour faciliter la mise en page et le style).
  • Bibliothèques/Frameworks JavaScript : React, Angular, Vue.js (pour construire des interfaces utilisateur complexes et dynamiques). Ces outils fournissent des composants pré-construits et des conventions qui simplifient la création de sites web performants.

Le Web est un terrain de jeu pour de nombreuses menaces.

• Phishing (hameçonnage) : C'est une technique frauduleuse visant à obtenir des informations sensibles (identifiants, mots de passe, numéros de carte bancaire) en se faisant passer pour une entité de confiance (banque, administration, service en ligne). Les attaques de phishing se font souvent via des e-mails ou des SMS trompeurs contenant des liens vers de faux sites.

  • Soyez vigilant face aux e-mails et SMS suspects, vérifiez l'adresse de l'expéditeur et l'URL des liens avant de cliquer.

• Malware (logiciels malveillants) : Terme générique pour tout logiciel conçu pour nuire à un système informatique.

  • Virus : Se propage en s'attachant à d'autres programmes.
  • Vers : Se réplique de manière autonome sur le réseau.
  • Chevaux de Troie : Se déguise en programme légitime pour s'installer.
  • Logiciels espions (spyware) : Collecte des informations sur l'utilisateur sans son consentement.
  • Ransomware (rançongiciel) : Chiffre les données de l'utilisateur et demande une rançon pour les débloquer.
  • Les malwares peuvent être téléchargés involontairement, installés via des failles de sécurité, ou par le biais d'e-mails infectés.

• Vol de données : Le piratage de bases de données de sites web peut entraîner le vol de millions de données personnelles (noms, adresses e-mail, mots de passe, informations bancaires). Ces données peuvent ensuite être utilisées pour l'usurpation d'identité, l'envoi de spams, ou la revente sur le marché noir.

  • Utilisez des mots de passe forts et uniques pour chaque site et activez l'authentification à deux facteurs.

Avec la quantité d'informations que nous partageons en ligne, la protection de nos données est devenue primordiale.

• RGPD (Règlement Général sur la Protection des Données) : C'est une législation européenne entrée en vigueur en 2018. Elle vise à renforcer la protection des données personnelles des citoyens de l'Union Européenne. Elle impose des obligations strictes aux entreprises concernant la collecte, le stockage et le traitement des données personnelles (consentement explicite, droit à l'oubli, droit à la portabilité, etc.).

  • Le RGPD donne aux citoyens plus de contrôle sur leurs données.

• Cookies : Ce sont de petits fichiers texte stockés par votre navigateur sur votre ordinateur lorsque vous visitez un site web. Ils servent à :

  • Garder votre session ouverte (cookie de session).
  • Retenir vos préférences (langue, thème).
  • Suivre votre navigation pour des statistiques ou de la publicité ciblée (cookies tiers).
  • La législation (comme le RGPD) exige désormais le consentement de l'utilisateur pour l'utilisation des cookies, d'où les bandeaux que vous voyez sur de nombreux sites.

• Vie privée en ligne : C'est la capacité de contrôler quelles informations personnelles sont accessibles à d'autres personnes sur Internet.

  • Paramètres de confidentialité : Configurez-les sur vos réseaux sociaux et services en ligne.
  • Réfléchir avant de partager : Toute information publiée en ligne peut potentiellement devenir publique et permanente.
  • Utiliser des VPN (Virtual Private Network) : Pour chiffrer votre connexion et masquer votre adresse IP, renforçant ainsi votre anonymat.
  • Adoptez une approche proactive pour gérer votre vie privée en ligne.

Le HTTPS n'est pas seulement un protocole, c'est un gage de sécurité.

• Chiffrement des communications : Le "S" de HTTPS signifie "Secure". Il indique que la communication entre votre navigateur et le serveur web est chiffrée. Cela signifie que les données échangées (mots de passe, numéros de carte bancaire, messages) sont transformées en un code illisible par quiconque intercepterait le trafic. Seul le destinataire légitime (votre navigateur ou le serveur) peut déchiffrer ces informations.

  • Le chiffrement empêche l'écoute clandestine (eavesdropping) et la modification des données en transit.

• Authentification du serveur : HTTPS utilise des certificats numériques (délivrés par des autorités de certification de confiance). Ces certificats confirment que vous êtes bien connecté au site web que vous pensez visiter, et non à un site frauduleux se faisant passer pour lui. Le certificat contient des informations sur le propriétaire du site et sa clé publique.

• Confiance : Le cadenas dans la barre d'adresse de votre navigateur et le préfixe https:// indiquent que la connexion est sécurisée et que le site a été authentifié. C'est un indicateur de confiance essentiel pour les utilisateurs. Si un site demande des informations personnelles et n'est pas en HTTPS, ne les fournissez pas.

Notre présence en ligne a des conséquences tangibles.

• Identité numérique : C'est l'ensemble des traces que nous laissons sur Internet (profils sociaux, commentaires, photos, articles, informations personnelles). Elle se construit au fil du temps et peut être positive ou négative. Elle est souvent différente de notre identité réelle.

• Responsabilité en ligne : Chaque action que nous effectuons sur le Web (publication, commentaire, partage) a un impact. Nous sommes responsables de nos propos et de nos actes en ligne, tout comme dans la vie réelle.

  • Réfléchir avant de publier.
  • Respecter les autres et les lois (droit d'auteur, diffamation, etc.).
  • Vérifier l'information avant de la partager (lutte contre les fake news).

• Cyber-harcèlement : C'est une forme de harcèlement qui se déroule sur Internet ou via les technologies numériques. Il peut prendre diverses formes (messages insultants, rumeurs, diffusion de photos privées, exclusion). C'est un délit avec des conséquences graves pour les victimes.

  • La citoyenneté numérique implique le respect, la prudence et la bienveillance en ligne.

Le Web actuel est principalement un "Web de documents" que les humains peuvent lire. Le Web sémantique est une extension du Web qui vise à rendre les données compréhensibles par les machines.

• Sens des données : L'idée est d'ajouter des informations sémantiques (c'est-à-dire qui donnent du sens) aux données. Par exemple, au lieu de juste afficher "Paris", le Web sémantique permettrait à une machine de savoir que "Paris" est une ville, la capitale de la France, qu'elle a une population de tant, qu'elle est située à telles coordonnées géographiques, etc.

• Interconnexion : Les données sémantiques sont souvent représentées sous forme de données liées (Linked Data). Cela signifie que les informations sont connectées entre elles à travers le Web, formant un vaste réseau de connaissances. Par exemple, une page sur la Tour Eiffel pourrait être liée à la page sur Gustave Eiffel, qui serait liée à sa date de naissance, etc.

• Intelligence artificielle : Le Web sémantique est crucial pour l'intelligence artificielle. En rendant les données compréhensibles par les machines, il permet aux IA de mieux raisonner, de répondre à des questions complexes, de faire des inférences et de fournir des services plus intelligents et personnalisés (assistants vocaux, moteurs de recherche améliorés). Le Web sémantique vise à transformer le Web en une base de données géante et intelligente.

L'accès au Web via les appareils mobiles est devenu prédominant.

• Responsive design : C'est une approche de conception web qui vise à créer des sites qui s'adaptent automatiquement à la taille de l'écran de l'appareil de l'utilisateur (ordinateur de bureau, tablette, smartphone). Un site en responsive design utilise des grilles fluides, des images flexibles et des requêtes média CSS pour offrir une expérience utilisateur optimale quel que soit l'appareil.

• Applications natives : Ce sont des applications développées spécifiquement pour une plateforme mobile (iOS pour Apple, Android pour Google) et installées depuis un store (App Store, Google Play). Elles ont un accès complet aux fonctionnalités de l'appareil (appareil photo, GPS, notifications, capteurs) et offrent généralement les meilleures performances et la meilleure expérience utilisateur.

• Expérience utilisateur : Sur mobile, l'expérience utilisateur (UX) est cruciale. Les sites et applications doivent être rapides, faciles à naviguer avec le pouce, et optimisés pour les écrans tactiles. Le "Mobile First" est une philosophie de conception qui consiste à concevoir d'abord pour les appareils mobiles, puis à adapter pour les écrans plus grands. Le mobile a transformé la manière dont nous interagissons avec le Web.

Le Web doit être un espace inclusif, accessible à tous, y compris aux personnes en situation de handicap.

• Normes WCAG (Web Content Accessibility Guidelines) : Ce sont des lignes directrices internationales développées par le W3C (World Wide Web Consortium) pour rendre le contenu web plus accessible. Elles couvrent un large éventail de handicaps (visuels, auditifs, moteurs, cognitifs).

  • Exemples de recommandations : fournir des textes alternatifs pour les images (pour les lecteurs d'écran), utiliser un contraste de couleurs suffisant, rendre le site navigable au clavier, structurer le contenu de manière logique.

• Conception inclusive : L'accessibilité n'est pas seulement une question de conformité, c'est une philosophie de conception qui vise à inclure tous les utilisateurs dès le début du processus de création. Un site accessible est souvent un site mieux conçu pour tout le monde.

• Égalité d'accès : Rendre le Web accessible, c'est garantir à chacun la possibilité d'accéder à l'information et aux services en ligne, quels que soient ses capacités physiques ou cognitives. C'est un enjeu majeur de justice sociale à l'ère numérique. Un Web accessible est un Web pour tous.

L'impact environnemental du numérique est une préoccupation croissante.

• Consommation énergétique : L'utilisation croissante d'Internet et des appareils numériques entraîne une consommation énergétique considérable. Chaque recherche, chaque streaming vidéo, chaque e-mail échangé consomme de l'énergie, principalement pour alimenter les serveurs, les réseaux et les appareils des utilisateurs.

• Impact des data centers : Les centres de données (data centers) qui hébergent les serveurs web sont de grands consommateurs d'énergie, non seulement pour faire fonctionner les machines, mais aussi pour les refroidir (climatisation). Ils représentent une empreinte carbone significative.

• Numérique responsable : Il s'agit d'une démarche visant à réduire l'impact environnemental et social du numérique. Cela inclut :

  • L'écoconception web : Créer des sites et applications plus légers, moins gourmands en ressources et en énergie.
  • La prolongation de la durée de vie des équipements : Réparer, réutiliser, recycler.
  • La sensibilisation : Informer sur les bonnes pratiques pour une utilisation plus sobre du numérique.
  • Adopter un numérique plus sobre et durable est un enjeu majeur pour l'avenir.