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

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

C872075a10c9575978184134d091baec?s=128

Richard Hanna

April 22, 2020
Tweet

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

  10. None
  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/

  17. None
  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