Retour d’expérience conception numérique responsable

- Enjeux du numérique responsable
- Écoconception web
- Suivi d’audience et respect de la vie privée
- Une web app qui sauve des vies

Transcript

1. Retour d’expérience <conception numérique responsable /> Richard HANNA - 28/01/2020
2. Présentation Podcast techologie.net fairness.coop Certifiés écoconception web conception-numerique-responsable.com Membre du collectif
3. Présentation Carbonalyser • Extension Firefox pour mesurer l’impact environnemental de la navigation sur le web • Développée en collaboration avec The Shift Project • Code open source https://addons.mozilla.org/fr/firefox/addon/carbonalyser/
4. Retour d’expérience conception numérique responsable Sommaire • Enjeux du numérique responsable • Écoconception • Suivi d’audience et respect de la vie privée • Une web app qui sauve des vies
5. • Enjeux du numérique responsable • Écoconception • Suivi d’audience et respect de la vie privée • Une web app qui sauve des vies
6. À l’ère de l’Anthropocène Source : ipcc.ch
7. Numérique et gaz à effet de serre
9. Enjeux du numérique responsable Enjeu environnemental • 80 % des équipements qui quittent une entreprises sont parfaitement fonctionnels ! • On ne change pas nos terminaux parce qu’ils ne fonctionnement plus… mais parce qu’ils rament. • Ils rament parce que les logiciels sont toujours plus gras. Phénomène d’obésiciel. Source : 98 8 97 2013 x114 RAM 2015 – 1500 Ko 1995 – 13 Ko x115 octets Web Source :
10. Enjeux du numérique responsable Exemple d’obésiciel Sur la page d’accueil d’Airbnb, pour une image et 4 champs de formulaire • 174 requêtes réseau • 3,1 Mo chargé
11. Enjeux du numérique responsable Site du GIEC (ipcc.ch) n’est pas exemplaire • 94 requêtes réseau • 7,5 Mo chargé
12. Enjeux du numérique responsable
13. Enjeux du numérique responsable Enjeu sociétal • L’illectronisme : l’illétrisme numérique touche 15% des français. • Services numériques inaccessible même pour les valides ! • Services peu respectueux de la vie privée.
14. Numérique responsable Ensemble des technologies de l’information et de la communication dont l’empreinte économique, écologique, sociale et sociétale a été volontairement réduite et / ou qui aident l’humanité à atteindre les objectifs du développement durable. Numérique responsable
15. Numérique responsable Numérique responsable • Ecoconception pour la dimension environnementale • Accessibilité pour la dimension sociale • Qualité pour pérenniser
16. • Enjeux du numérique responsable • Écoconception • Suivi d’audience et respect de la vie privée • Une web app qui sauve des vies
17. Écoconception L’écoconception de service numérique • Démarche pour réduire les impacts environnementaux d’un produit ou d’un service. • Norme ISO 14062 : intégration des aspects environnementaux dans la conception et le développement de produit. • Démarche sur tout le cycle de vie du service : - Production d’équipement électronique - Conception fonctionnelle et graphique - Développement - Production / hébergement - Maintenance - Gestion des déchets d’équipement électronique
18. Écoconception Clés de la démarche • Définition d’une unité fonctionnelle à étudier (« réserver un billet de train en ligne » par exemple) • Impact de tous les équipements physique sous- jacents : terminaux, réseau, serveurs, etc. • à toutes les étapes du cycle de vie : fabrication, utilisation, fin de vie. • Plusieurs indicateurs environnementaux pour éviter les transferts de pollution • Démarche en amélioration continue Source : greenit.fr
19. Écoconception Pour réduire l’impact du numérique • Allonger la durée de vie des équipements, notamment des terminaux utilisateurs. • Réduire la quantité de ressources informatiques nécessaires au fonctionnement du service. Source : greenit.fr
20. Écoconception Les réductions de la consommation d’électricité ou des émissions de gaz à effet de serre ne sont pas les seuls objectifs à prendre en compte. Il s’agit de réduire la puissance informatique nécessaire au fonctionnement d’un service. En résumé : sobriété numérique
21. Écoconception AMAP Chelles • Mobile first • UX qui va à l’essentiel • CMS Wordpress mais contenu statique en cache (pas d’accès BDD) • Pas de police de caractères dédiée (bye bye GoogleFont) • Pas d'embed (maps, video...) • Peu voire pas de Javascript
22. Écoconception • SustyWP, un template wordpress qui pèse seulement 7 Ko • Menu déporté sur une page dédiée • Photos uploadées en 400px de large et poids optimisés
23. Écoconception
24. Écoconception Techologie.net • Mobile first • UX qui va à l’essentiel • Low tech mais basé sur un framework high-tech : GatsbyJs / React • Contenu statique • Images en 240px de large et lazy loading
25. • Enjeux du numérique responsable • Écoconception • Suivi d’audience et respect de la vie privée • Une web app qui sauve des vies
26. Suivi d’audience et respect de la vie privée Suivi d’audience : Le choix “Google Analytics” par défaut ?
27. Suivi d’audience et respect de la vie privée Matomo, alternative à Google Analytics • Propriété des données • Protection des données privées des utilisateurs (IP anonymisée) • Gestionnaire RGPD • Permet de bénéficier de l’exemption de la demande de consentement avant de déposer un cookie (selon la Cnil)
28. • Enjeux du numérique responsable • Écoconception • Suivi d’audience et respect de la vie privée • Une web app qui sauve des vies
29. Une web app qui sauve des vies Au Ghana • 1 place pour 4 étudiants à l’université • 50% de la population a un smartphone • Connexion internet pas fiable et chère
30. Une web app qui sauve des vies Le besoin de Chalkboard Education • Donner accès aux cours d’université sur mobile • Consultation des cours sans connexion internet • Validation de la progression des étudiants
31. Une web app qui sauve des vies Une progressive web app • Installable sur l’écran d’accueil comme une app native • Poids plume • Disponible pour tout OS • Mobile-first • Offline-first • SMS pour transmettre des informations sans internet
32. Une web app qui sauve des vies Pendant la phase de développement : tests avec un modèle de smartphone utilisé par les étudiants.
33. Low tech La “low-tech” désigne les technologies numériques qui reposent sur des techniques largement diffusées, éprouvées, maîtrisées, simples à utiliser, fabriquer et à réparer et qui nécessitent peu de ressources abiotiques pour être fabriquées. Caractère “low” ou “high” d’une technologie numérique est une question de perspective, notamment temporelle. Exemple : le SMS. Source : greenit.fr
34. Une web app qui sauve des vies “Aujourd'hui, on forme 12 000 personnes chaque année. La plupart sont des professeurs d'école primaire, des fermiers et des sages femmes. Au Rwanda, notre client, une ONG, va évaluer le nombre de bébés qui ont été sauvés grâce à la formation mobile. L'impact est énorme.” Adrien, fondateur de Chalkboard Education
35. Mobilisons-nous contre la réforme des retraites, injuste et climaticide.
36. Rejoignez-nous !