{
    "componentChunkName": "component---src-pages-article-article-slug-js",
    "path": "/article/le-numc3a9rique-sera-responsable-ou-ne-sera-pas/",
    "result": {"data":{"locales":{"edges":[{"node":{"ns":"translation","data":"{\"responsable_digital\":\"Semaine du Numerique Responsable\",\"responsible_digital\":\"Numérique Responsable\",\"euro_responsible_digital_week\":\"Qu'est-ce que la SENR?\",\"euro_week\":\"Semaine Européenne\",\"edition_subheader\":\"Retour sur l'edition {{year}}\",\"discover_program\":\"Découvrez l'édition {{year}}\",\"video_subheader\":\"Vidéos\",\"latest_news_subheader\":\"Dernières actualités\",\"discover_videos\":\"Voir toutes les vidéos\",\"news_subheader\":\"À la une\",\"discover_news\":\"Voir tous les engagements\",\"all_news\":\"Tous les engagements\",\"follow_us\":\"Suivez-nous\",\"sub_newsletter\":\"Abonnez-vous pour recevoir la newsletter de la Ville et l’Eurométropole de Strasbourg\",\"text_facebook\":\"Facebook\",\"text_linkedin\":\"Linkedin\",\"text_twitter\":\"Twitter\",\"text_instagram\":\"Instagram\",\"register-face-to-face\":\"S'inscrire en présentiel\",\"register-remote\":\"S'inscrire en distanciel\",\"sub_rss_feed\":\"S'abonner au flux RSS d'actualités\",\"all\":\"Tous\",\"articles\":\"Articles\",\"videos\":\"Vidéos\",\"other\":\"Autres\",\"register-pass\":\"S'inscrire avec le PASS\",\"event-ended\":\"Cet événement est terminé! Merci pour avoir participé!\",\"share_social\":\"Partagez sur les réseaux sociaux\",\"other_articles\":\"Les autres {{article_type}}\",\"media_kit\":\"Kit Média\",\"partners_support\":\"Ils soutiennent le projet :\",\"form_last_name\":\"Nom\",\"form_first_name\":\"Prénom\",\"form_mail\":\"Mail\",\"senr\":\"Semaine Européenne du Numerique Responsable\",\"previous-edition\":\"Editions précédentes\",\"form_phone\":\"Téléphone\",\"contact_reason\":\"Votre demande concerne ?\",\"reason_partner\":\"Partenariat\",\"reason_info\":\"Informations\",\"reason_support\":\"Support\",\"reason_improvments\":\"Suggestions d'amélioration\",\"form_description\":\"Description\",\"form_send\":\"Envoyer\",\"errors\":\"Erreur(s) :\",\"error_to_address\":\"Le paramètre du mail du destinataire est manquant\",\"error_valid_to_address\":\"Le paramètre du mail du destinataire n'est pas valide\",\"error_captcha\":\"Veuillez cocher la case \\\"Je suis un humain\\\"\",\"error_last_name\":\"Le nom est obligatoire\",\"error_first_name\":\"Le prénom est obligatoire\",\"error_mail\":\"Le mail est obligatoire\",\"error_valid_mail\":\"Le mail n'est pas valide\",\"error_valid_phone\":\"Le téléphone n'est pas valide\",\"error_reason\":\"La raison est obligatoire\",\"error_description\":\"La description est obligatoire\",\"error_technical\":\"Une erreur technique est survenue\",\"mail_send\":\"Votre message a bien été envoyé.\",\"programmation\":\"Programmation\",\"form_keyword\":\"Mot(s) clé(s)\",\"form_search\":\"Rechercher\",\"error\":\"Erreur :\",\"no_result\":\"0 résultat\",\"results\":\"résultat(s)\",\"previous\":\"Précédent\",\"next\":\"Suivant\",\"menu_home\":\"Accueil\",\"menu_edition\":\"Édition {{year}}\",\"menu_ressources\":\"Ressources\",\"ressource_element\":\"Ressource\",\"all_ressources\":\"Nos ressources\",\"news_element\":\"Engagement\",\"menu_news\":\"Engagements\",\"menu_partners\":\"Partenaires\",\"menu_contact\":\"Contact\",\"menu_search\":\"Recherche\",\"menu_event\":\"Programme {{year}}\",\"title_events\":\"Programme de l'édition {{year}}\",\"legal_mention\":\"Mentions légales\",\"personal_data\":\"Données personnelles\",\"cookie_policy\":\"Politique cookies\",\"cookie_manager\":\"Gestion des cookies\",\"accessibility\":\"Accessibilité\",\"roadmap_site\":\"Plan du site\",\"become_partner\":\"Devenez partenaires\",\"type_event\":\"Type\",\"route_event\":\"Parcours\",\"place_event\":\"Lieu\",\"range_dates\":\"{{start_week}} {{start_month}} au {{end_week}} {{end_month}}\",\"week\":\"Semaine\",\"day\":\"Jour\",\"explain+1\":\"Les journées ayant plusieurs évènements en même temps sont signalées avec cette pastille. \\nEn cliquant dessus vous pourrez les découvrir et vous y inscrire. Bonne découverte !\",\"related_event\":\"Ces programmes pourraient également vous intéresser\",\"previous_day\":\"Jour précédent\",\"next_day\":\"Jour suivant\",\"picture_of\":\"Portrait de \",\"register\":\"S'inscrire\",\"multi-day_events\":\"Evènements sur plusieurs jours\",\"interne\":\"Pass SENR\",\"externe\":\"Partenaires\",\"all-events\":\"Tous les évènements\",\"check_everything\":\"Tout cocher\",\"uncheck_everything\":\"Tout décocher\"}","language":"fr"}}]},"siteContent":{"editionYear":"2025","programYear":"2026","language":"fr","cookieURL":"https://www.strasbourg.eu/politique-cookies","personalDataURL":"https://www.strasbourg.eu/donnees-personnelles","mediaKit":null,"banner":"Consultez les replays de la semaine dans l'onglet ressources."},"article":{"title":"Le numérique sera responsable ou ne sera pas","slug":"le-numc3a9rique-sera-responsable-ou-ne-sera-pas","shortDescription":"Le numérique sera responsable ou ne sera pas","typeArticle":"news","categories":[],"tags":[],"html":"<p>Suite au succès et aux très nombreuses ressources créées lors de la \"Semaine Européenne du Numérique Responsable\" organisée en Juin 2021, l'Eurométropole de Strasbourg a décidé de créer un site web pour mettre à disposition de tous les internautes les différents contenus. Ce site a 4 objectifs principaux :</p><ul><li>Être&nbsp;un&nbsp;<b>laboratoire technique</b>&nbsp;de ce que pourraient être les futurs sites de l'Eurométropole,&nbsp;en intégrant une contrainte environnementale forte.</li><li>Être&nbsp;une&nbsp;<b>vitrine</b>&nbsp;des savoirs faire de l'Eurométropole sur le numérique responsable et tous les aspects liés</li><li>Etre une&nbsp;<b>archive</b>&nbsp;explorable pour que tout le monde puisse profiter des connaissances regroupées lors des différentes sessions passées et à venir</li><li>Proposer une solution&nbsp;<b>réplicable</b>, pour que les autres sites de l'Eurométropole puissent profiter des innovations</li></ul><p>S'agissant d'un site mettant en avant le numérique responsable, il était important que celui-ci soit exemplaire en termes d'éco-conception, d'accessibilité,... bref qu'il réponde à un maximum de critères inhérents au NR.</p><p>Mais comme c'est un site de l'Eurométropole,&nbsp;il était aussi nécessaire de respecter les usages en vigueur en termes d'administration de sites web, et notamment de respecter la plateforme backoffice utilisée à l'Eurométropole : Liferay.</p><p>&nbsp;</p><p>Liferay est une solution&nbsp;de portail open source, de gestion de contenu, de collaboration sociale et de commerce en ligne B2B, en langage Java. C'est un outil puissant, totalement adapté à une structure de la taille de l'Eurométropole, qui fonctionne depuis de nombreuses années. Cette solution a cependant un inconvénient de taille : il est très difficile d'optimiser les pages web afin que celles-ci respectent les bonnes pratiques d'écoconception. Celà est principalement dû à la nature \"tout en un\" du produit, où la facilité de mise en œuvre a un pendant en termes de limitations techniques.</p><p>&nbsp;</p><p>Afin de réaliser ce site, nous avons employé une technique connue dans le monde \"zéro déchets\" : les \"5R\". Pour un site web, on peut les décrire ainsi :</p><ul><li><b>Refuser</b>&nbsp;(les fonctionnalités inutiles)</li><li><b>Remplacer</b>&nbsp;(les outils énormes par des plus simples)</li><li><b>Réduire</b>&nbsp;(faire au plus simple, au plus direct)</li><li><b>Réutiliser</b>&nbsp;(des technologies éprouvées)</li><li><b>Revendiquer</b>&nbsp;(partager ses retours d’expérience)</li></ul><p>Dans notre cas particulier, les 5R se sont déclinés opérationnellement de la manière suivante :</p><ul><li><b>Réutilisation</b>&nbsp;d’une grande partie du produit Liferay en place à l’Eurométropole.</li><li><b>Remplacement</b>&nbsp;du système de portlets de Liferay (puissant mais très lourd et avec un certain nombre de limitations) par un système beaucoup plus&nbsp;<b>Réduit</b>&nbsp;en fonctionnalités, beaucoup plus optimisées pour un site web « grand public ».</li><li><b>Refus</b>&nbsp;des fonctionnalités non essentielles au bon fonctionnement du site web.</li><li><b>Réduction</b>&nbsp;du poids du design / simplification du design.</li><li><b>Réduction</b>&nbsp;du poids des médias (vidéos, images,…)</li></ul><p>Il a été aussi réalisé quelques ajouts, notamment pour proposer des choix plus conscients aux utilisateurs, ou améliorer l'accessibilité générale du site :</p><ul><li>Travail de fond sur l’accessibilité, notamment pour les médias (sous-titrage, lecteur accessible)</li><li>Par défaut, le&nbsp;lecteur vidéo lance la&nbsp;version \"basse qualité\" des vidéos pour économiser la bande passante.</li><li>Ajout du support du chapitrage pour les vidéos (éviter aux utilisateurs de visionner/télécharger toute une vidéo si seul un chapitre les intéresse)</li><li>Possibilité de télécharger les vidéos pour les regarder « hors ligne », avec différentes qualités, voire seulement la bande son (si on peut se passer de l'image, pourquoi ne pas&nbsp;utiliser une bande son de 50Mo plutôt qu'une vidéo de 1500Mo&nbsp;?).</li></ul><p>&nbsp;</p><p>D'un point de vue technique, la principale \"nouveauté\" du site est la (ré)apparition d'un concept disparu depuis le milieu des années 2000 :&nbsp;<b>le site statique</b>.</p><p>Un site web, depuis le milieu des années 1990, fonctionne de la même manière : du code HTML est \"lu\" par votre navigateur et celui-ci transforme des lignes de codes incompréhensibles par des pages web affichant de manière agréable du texte, des images, et toutes les informations que l'on peut trouver sur une page web. De nombreux ajouts ont été réalisés depuis, mais fondamentalement le principe reste identique.</p><p>Historiquement, ce code HTML était écrit à la main. Au début du web, un simple bloc-notes suffisait à réaliser un site web !</p><p>Au milieu des années 2000, un nouveau système arrive, qui va grandement accélérer l'essor du web : le CMS. Avec un CMS, plus besoin de mettre les mains dans le code pour avoir un site, on passe par une interface d'administration simple qui permet de se concentrer sur le contenu.&nbsp;</p><p>Cette facilité de mise en place a un&nbsp;inconvénient : chaque fois qu'un internaute affiche une page, le serveur doit la recalculer entièrement, en allant chercher des informations dans une base de données. Pendant très longtemps, l'augmentation exponentielle de la puissance de calcul des serveurs a fait de cet inconvénient un problème négligeable. Mais depuis quelques années, avec le développement d'une conscience environnementale dans le monde de la tech, de nombreuses personnes cherchent des solutions alternatives. L'une d'entre elles est la génération de sites statiques.</p><p>&nbsp;</p><p>Concrètement, au lieu de calculer la page web à chaque visite d'un internaute, tout le contenu du site est généré en amont, et ne change plus jusqu'à la prochaine génération.&nbsp;</p><p>On peut schématiser la démarche&nbsp;comme ceci :</p><p style=\"text-align:center\"><img alt=\"\" width=\"800\" height=\"450\" src=\"https://www.strasbourg.eu/documents/314502226/0/unnamed+%281%29.png\" /></p><p><br />&nbsp;</p><p>&nbsp;</p><p>En terme d'infrastructure, l'appel d'une page web sur un site statique ne mobilise \"que\" le serveur web, on se passe complètement de calcul et de base de données !</p><p>D'autres avantages sont à noter : notamment une sécurité accrue (impossible pour un hacker de pirater la base de donnée, il n'y en a plus !).</p><p>&nbsp;</p><p>Pour le site Strasbourg Numérique Responsable, nous avons fait le choix d'utiliser l'outil&nbsp;<b>Gatsby</b>&nbsp;(<a target=\"_blank\" data-saferedirecturl=\"https://www.google.com/url?q=https://www.gatsbyjs.com/&amp;source=gmail&amp;ust=1643205064600000&amp;usg=AOvVaw2_uzSczvSX_I6E9FLSvSiw\" href=\"https://www.gatsbyjs.com/\">https://www.gatsbyjs.com/</a>), open-source et utilisé par de très grosses organisations (Airbnb, IBM, ...).&nbsp;</p><p>&nbsp;</p><p>Le choix du site statique a été réalisé en prenant en compte les caractéristiques du projet, notamment une faible interactivité (pas de commentaires, pas de besoin de mise à jour \"immédiate\",...). Tous les sites ne peuvent pas être statiques !</p><p>&nbsp;</p><p>En faisant ce choix du statique et en optimisant l'expérience utilisateur, nous espérons que les visiteurs du site pourront découvrir au mieux la thématique du numérique responsable, en étant eux-mêmes sur un site le plus vertueux possible !</p><p>&nbsp;</p>","thumbnailImage":null,"headerImage":null,"featuredArticles":[],"language":"fr","datePublished":"2022-01-21T11:10:00.000Z","newsHeadline":""}},"pageContext":{"id":"d2b53488-bc9b-5137-8ab7-0a8a111e52dc","slug":"le-numc3a9rique-sera-responsable-ou-ne-sera-pas","__params":{"slug":"le-numc3a9rique-sera-responsable-ou-ne-sera-pas"},"editionYear":"2025","programYear":"2026","language":"fr","i18n":{"language":"fr","languages":["fr"],"defaultLanguage":"fr","generateDefaultLanguagePage":false,"routed":false,"originalPath":"/article/le-numc3a9rique-sera-responsable-ou-ne-sera-pas/","path":"/article/le-numc3a9rique-sera-responsable-ou-ne-sera-pas/"}}},
    "staticQueryHashes": ["2237262665","3310933774","3412710006"]}