Webinaire Data 4 Good - Retour d’expérience conception numérique responsable

Transcript

1. Retour d’expérience <conception numérique responsable /> Richard HANNA - 22/04/2020
2. Présentation Podcast techologie.net fairness.coop Certifiés écoconception web conception-numerique-responsable.com Membre du collectif
3. 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
4. À l’ère de l’Anthropocène
5. À l’ère de l’Anthropocène 12 tonnes par an et par personne
6. À l’ère de l’Anthropocène
7. À l’ère de l’Anthropocène Pour rester sous +2°C en 2050, il faut diviser notre empreinte carbone par 6. 12 tonnes 2 t
8. Futur souhaitable ?
9. Numérique et gaz à effet de serre
11. 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é
12. Enjeux du numérique responsable Site du GIEC (ipcc.ch) n’est pas exemplaire • 94 requêtes réseau • 7,5 Mo chargé
13. Enjeux du numérique responsable
14. 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/
15. L'obésiciel contribue à l'obsolescence des terminaux
16. Software disenchantment Le désenchantement du logiciel (septembre 2018) http://tonsky.me/blog/disenchantment/
18. 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 :
19. 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.
20. • Enjeux du numérique responsable • Écoconception • Suivi d’audience et respect de la vie privée • Une web app qui sauve des vies
21. É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
22. É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
23. É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
24. Écoconception Éviter l’obésiciel • Réduire fonctionnalités en amont, répondre exactement au besoin des utilisateurs • Développement « sans gaspillage » ou « au plus juste » : approches Lean et agiles, Software Craftmanship. • Ne pas hésiter à dire NON
25. Écoconception Pour augmenter la qualité et la pérennité du code • Éviter l’over-engineering : complexité, couches, d’abstractions et dépendances. • Préférer le découplage du code : Domain Driven Design, architecture hexagonale, ...
26. Démarche “Low tech” Des solutions techniques simples, maîtrisées, sobres, bien dimensionnées, maintenues et réparables.
27. Écoconception Attention à l’obsolescence des terminaux Garder du vieux matériel pour tester et veiller à respecter cette contrainte.
28. É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
29. É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
30. Écoconception
31. É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
32. Diviser l’empreinte du numérique par 6 3 Mo 500 Ko
33. • Enjeux du numérique responsable • Écoconception • Suivi d’audience et respect de la vie privée • Une web app qui sauve des vies
34. Suivi d’audience et respect de la vie privée Suivi d’audience : Le choix “Google Analytics” par défaut ?
35. 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)
36. • Enjeux du numérique responsable • Écoconception • Suivi d’audience et respect de la vie privée • Une web app qui sauve des vies
37. Numérique responsable Technologies allouées à l’intérêt général dont l’empreinte économique, écologique, sociale et sociétale a été réduite. Numérique responsable
38. 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
39. 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
40. 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
41. Une web app qui sauve des vies Pendant la phase de développement : tests avec un modèle de smartphone utilisé par les étudiants.
42. 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
43. Sobriété Bibliographie
44. Sobriété Cours en ligne gratuit
45. Sobriété À écouter techologie.net
46. techologie.net fairness.coop