TD 01 - Audit express d’un site web

Ce travail est à faire en groupe. Il comptera dans vos évaluations. Répartissez-vous intelligemment le travail et communiquez entre-vous. ## Déroulé Durée : 2H - 1h : analyse - 1h : restitution par chaque groupe Vous avez 1h pour : - analyser le plus rapidement possible un site Web - lister les 5 points qui posent le plus problème selon vous - justifier en expliquant pourquoi ils posent problème - lister les pistes d'amélioration qui vous semblent les plus pertinentes Puis, en 2ème heure du TD, chaque groupe présentera son audit au reste de la classe. En fin de séance, l'ensemble de la classe synthétisera les enseignements à tirer de cet atelier. ## Affectation des groupes 5 min Répartissez-vous en groupes de 5 à 7 personnes. Chaque groupe auditera un site différent. | Groupe | Site | Description | | -------- | ------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Groupe 5 | https://www.cop28.com | Site de la 28e Conférence des Parties sur les changements climatiques (COP28) qui s'est tenue à Dubaï en 2023 | | Groupe 6 | https://www.tiktok.com | TikTok est une application mobile de partage de courtes vidéos créatives (verticales et de quelques secondes à quelques minutes) et d'images, ainsi qu'un réseau social basé sur un algorithme de recommandation favorisant la viralité | | Groupe 3 | https://roseprimaire.com | Agence de communication et numérique responsables | | Groupe 7 | https://designersethiques.org/ | Designers Éthiques est une association qui explore les pratiques de conception numérique. | | Groupe 1 | https://www.ensisa.uha.fr | Le site institutionnel de votre école | | Groupe 2 | https://iroco.co | Le site d'un fournisseur d'email | | Groupe 4 | https://manuscry.com | Courriers marketing<br>connectés à vos outils et stratégies digitales | <div style="page-break-after: always;"></div> ## Analysez le site > [!success] Objectif > Choisissez **2 pages représentatives** et analysez les avec les outils de votre choix parmi ceux mis à votre disposition Une **analyse superficielle** est suffisante. De cette analyse, pourrez dégager 5 points qui vous semblent les plus problématiques **au regard de l'éco-conception numérique Web**. > [!tip] > Fiez vous à votre ressenti et à votre première impression... et à votre cours. ### Votre boîte à outils - [Green Web Foundation - does your site runs on green energy ?](https://www.thegreenwebfoundation.org/) - [Google Lighthouse](https://developer.chrome.com/docs/lighthouse) - [EcoIndex.fr](https://www.ecoindex.fr/) - [GreenIT-Analysis](https://github.com/cnumr/GreenIT-Analysis) - [Yellow Lab Tools](https://yellowlab.tools/) - [Carbonalyzer](https://github.com/carbonalyser/Carbonalyser) - Référentiels - [Opquast - règles d'éco-conception](https://checklists.opquast.com/fr/qualite-numerique/?tag=ecoconception) - [RGESN](https://ecoresponsable.numerique.gouv.fr/publications/referentiel-general-ecoconception/) - [RWeb Greenit.fr](https://rweb.greenit.fr/) - Les terminaux à disposition, plus ou moins anciens (voire antiques pour certains). - Métacartes numérique éthique <div style="page-break-after: always;"></div> ## Identifez et évaluez les impacts > [!success] Objectif > **Lister les 5 points** qui posent **le plus problème** selon vous. > > **Justifiez** vos choix en expliquant en quoi ils ont des **impacts négatifs** > [!info] Rappel sur l'éco-conception de services numériques > **L’écoconception de services numériques est une démarche d’amélioration continue** qui vise à limiter les ressources informatiques et d'allonger la durée de vie des appareils, et ainsi limiter la fabrication de nouveaux équipements. > > Dans une démarche d’écoconception, on s’intéresse au service numérique dans sa globalité, de sa phase de conception à sa fin de vie, de son empreinte directe à son empreinte indirecte. Elle doit également s'inscrire dans une démarche de **responsabilité** : **accessibilité**, **inclusion**, **éthique**. > [!tip] Types d'impacts > L'écoconception ne concerne pas seulement l'optimisation locale de la [[Glossaire - Numérique responsable#Performances|performance web]]. > Ayez en tête les [[Glossaire - Numérique responsable#3P|3 piliers]] du développement durable. > > Considérez également > - l'utilité sociale du service, notamment comment il se situe au niveau des [[Glossaire - Numérique responsable#Objectifs du développement durable de l’ONU|17 ODD]] > - Le service rendu, s'il a besoin d'exister tout court, sous forme numérique > - Un éventuel effet rebond > - l'accessibilité numérique > - l'inclusion > - les impacts liés à l'IA > - impacts liés à la cyber sécurité > - impacts liés au cyber harcèlement ## Proposez des améliorations > [!success] Objectif > Pour chaque point identifié, **proposez des actions** pour résoudre ou mitiger le problème. Identifiez **quels acteurs** (developpeur, designer, manager, product owner ...) sont concernés par les actions à mener. <div style="page-break-after: always;"></div> ## Rendu En 2ème heure, chaque groupe présentera son travail. Une présentation orale de **5 min** en 6 slides : - **Slide 1** : Titre et noms/prénoms des membres du groupe - **Slide 2** : Présentation du site analysé et des pages que vous avez choisi - **Slide 3** : Liste des 5 points les plus problématiques selon-vous - **Slide 4** : Explications des raisons pourquoi ces points posent problème - **Slide 5** : Liste d'améliorations qui vous semblent les plus pertinentes pour adresser ces problèmes - **Slide 6** : Conclusion - qu'avez-vous appris de cet exercice, comment vous l'avez vécu Vos slides seront envoyées à votre enseignant après l'avoir présenté. `[email protected]` ## Conclusion En fin du TD, nous prendrons un temps pour partager les choses importantes que nous avons apprises.