Numérique Responsable
Les outils
@doc_roms
![C'est juste la photo de mon profil](https://fr.gravatar.com/userimage/38240130/6ec4fada455b1d6128660c401c40acc6.jpg?size=500)
Romuald
![C'est juste la photo de mon profil](https://fr.gravatar.com/userimage/38240130/6ec4fada455b1d6128660c401c40acc6.jpg?size=500)
Twitter : @doc_roms
![Logo de The Green Compagnon](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/8908000/Fichier-4.png)
LeadDev
- Performance
- Qualité (a11y, éthique, sécurité… )
- Eco-conception
- Ecologie
- Numérique Responsable
- Inclusion & Accessibilité
![Logo d'Euronews](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/9840964/pasted-from-clipboard.png)
![Logo de l'association Green IT](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/9840969/pasted-from-clipboard.png)
Rappels
"Numérique Responsable" ?
Problèmes environnementaux
Différents matériels
Et SURTOUT le matériel coté client ...
![Image d'une personne âgée en vélo, ayant un support avec plus de 67 téléphones tous allumés sur l'application "pokemonGo"](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/7696868/pokemonGloups.jpg)
Les centres de données
Les infrastructures réseau
... qui a une durée de vie de + en + courte !
17,3%
Et un taux de recyclage catastrophique :
L'électricité
6g C02eq /kWh (Nucléaire)
14g C02eq /kWh (Eolien)
1060g C02eq /kWh (Charbon)
4 740g C02eq
837 400g C02eq
Ordinateur de bureau ~ 790kWh /an ~168 h /mois
Les ressources
Nickel
Cuivre
Cobalt
![Graphique de la durée de vie des réserves rentables (en années d'exploitation). Il y a deux catégories : en cas de boom (demande acrues de 10%) ou au rythme actuel de production. On constate qu'il ne reste que 12 ans de reserve rentable au rythme actuel pour l'antimoine, 35 ans pour le nikel , 37 pour le cuivre et 57 pour le cobalt](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/7697035/03_DureeDeVieReservesMetaux.png)
Les impacts écologiques
Accessibilité Numérique
![Photo d'une xbox !](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/9407882/pasted-from-clipboard.png)
Je l'ai enfin reçue !
Je l'ai enfin reçue !
Je l'ai enfin reçue !
Image d'une console de jeux vidéos
Ex : Attributs Alternatifs
Image d'une console de jeux vidéos xBox Series X de Microsoft avec une manette.
70% des sites ne sont pas accessibles !
Sécurité Numérique
Vulnérabilité Log4J
Attaque DDOS
Attaque XSS
Injection SQL
Failles "humaine"
Inclusion Numérique
40 % de la population mondiale n'a pas d'accès à INTERNET (2020)
Penser à toutes les personnes avant la dématérialisation d'un service !
Fracture "numérique"
Ethique Numérique
Données personnelles
![Image d'illustration. Il est noté `RGPD : Google Analytics, illégal ?`](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/9561590/pasted-from-clipboard.png)
Reconnaissance Faciale
Reconnaissance Vocale
Surveillance de masse
Données de santé
Fake News & mésinformation
Nos algos…
Impact social et sociétal
"Selon l'Unicef, plus de 40.000 enfants travaillent dans les mines de cobalt et de cuivre de la province du Katanga, dans le sud du pays"
![Logo de L'unicef : un adulte qui à l'air de porter un enfant (on ne vois que les visages) dans une planètes entouré de laurier (par le bas) le logo est bleu clair](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/7701659/pasted-from-clipboard.png)
Disparités entre individus
Manque de cohérence
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/7717087/OrangeNewTelEvery24Months.jpg)
Performance
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/7713095/noWebPerf.png)
Obésiciel
Petit récap de nos "quelques" soucis :
- écologiques !
- d'accessibilité !
- d'inclusion !
- de sécurité !
- de performance !
Résoudre nos soucis ?
- écologiques !
- d'accessibilité !
- de qualité !
- de sécurité !
- de performance !
EcoConception
ISO / IEC 27000
Opquast / ISO 25010
WCAG / RGAA
Bonnes pratiques de perf IT
Et il y a des OUTILS pour nous aider \o/
Les outils
EcoConception (Web)
https://www.ecocode.io/
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/9900004/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/9894590/EcoIndex_v2.png)
https://ecoIndex.fr
Empreinte environnementale
Poids et complexité
Grade (A - G)
Il existe deux plugins (Chrome et Firefox)
Sécurité (Web)
https://observatory.mozilla.org/
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/9899936/ObservatoryMozilla.png)
Grade (A - F)
Tests / Score
https://snyk.io/website-scanner/
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/9899942/SnykIo.png)
Grade (A - F)
Vulnérabilités
Security Headers
Performance (Web)
https://gtmetrix.com
Descriptions des problèmes
Paramètres
Infos audit
Grade (A -F)
Niveau de criticité
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/9899970/GtMetrix.png)
https://web.dev/measure
Informations d'amélioration
Metrics WebPerf
Grades (0 - 100)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/9895639/Lighthouse.png)
https://webpagetest.org
Informations d'amélioration
Metrics WebPerf
Paramètres
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/9895710/WebPageTest.png)
- Repeat
- Limitation du réseau
- N°1 infos WebPerf
https://dareboost.com
Informations d'amélioration
Metrics WebPerf
Infos Technologies
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/9895740/DareBoost.png)
Grade (0 - 100%)
Coup de ❤️ Qualité
Accessibilité (Web)
https://wave.webaim.org/
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/9899977/Wave.png)
Nb erreurs
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/9899977/Wave.png)
Nb erreurs
Nb alertes
Pb contraste
Iconographie d'erreur
Code source
https://app.contrast-finder.org/
Couleur texte
Ratio
Couleur fond
Contraste actuel
Contrastes valides
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/9899990/ContrastFinder.png)
Qualité / Autres
https://validator.w3.org/nu/
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/9900028/NuValidator.png)
Paramètres
Filtres
Erreurs
Criticité
Les consoles de Dev \o/
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/9900033/ConsoleDeDev.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/9900037/ConsoleDeDevFirefox.png)
Merci !
![C'est juste la photo de mon profil](https://fr.gravatar.com/userimage/38240130/6ec4fada455b1d6128660c401c40acc6.jpg?size=500)
@doc_roms
Des questions ?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/8908000/Fichier-4.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1373846/images/9840969/pasted-from-clipboard.png)
Les outils du numérique responsable
By Romuald Priol
Les outils du numérique responsable
- 1,178