Eco-Index
E
Nombre de requêtes : 35
Taille du DOM : 12298
Eco-Index
E
Nombre de requêtes : 30
Taille du DOM : 12198
]
???
***
***SPEAKER 1***
Réduction du nb de requêtes et taille DOM
Pas de manière significative
***
---
background-image: url(mattia-ascenzo-1559579-unsplash-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 1. Refuser
]
.smokescreen_slide[
### Eviter les animations Javascript/CSS coûteuses
local_floristlocal_floristlocal_florist
]
???
***
***SPEAKER 2***
Dans notre cas, nous avons une animation sur les graphiques lors de l'affichage. Est-elle vraiment nécessaire ?
***
---
background-image: url(mattia-ascenzo-1559579-unsplash-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 1. Refuser
]
.smokescreen_slide[
### Eviter les animations Javascript/CSS coûteuses
Eco-Index
E
Taille du DOM : 12198
Eco-Index
E
Taille du DOM : 9267
]
???
***
***SPEAKER 2***
Réduction taille du DOM Ne change en rien l'utilisabilité de l'application
***
---
background-image: url(mattia-ascenzo-1559579-unsplash-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 1. Refuser
]
.smokescreen_slide[
### Supprimer tous les warnings et toutes les notices
local_floristlocal_floristlocal_florist
]
???
***
***SPEAKER 1***
Suppression de tous les warnings dans la console (variables non utilisées, imports inutiles, ...)
***
---
background-image: url(mattia-ascenzo-1559579-unsplash-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 1. Refuser
]
.smokescreen_slide[
### Supprimer tous les warnings et toutes les notices
Eco-Index
E
Taille du DOM : 9267
Eco-Index
E
Taille du DOM : 9267
]
???
***
***SPEAKER 1***
Aucune modification au niveau des indicateurs de l'éco-index. Par contre, la charge CPU va être diminuée car il n'aura pas à calculer tous ces warnings.
***
---
background-image: url(mattia-ascenzo-1559579-unsplash-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 1. Refuser
]
.smokescreen_slide[
Eco-Index
E
Nombre de requêtes : 35
Taille de la page (kb) : 7201
Taille du DOM : 12298
GES (gCO2e) : 2.5
Eau (cl) : 3.75
EcoIndex : 25
Eco-Index
E
Nombre de requêtes : 26
Taille de la page (kb) : 7132
Taille du DOM : 9267
GES (gCO2e) : 2.46
Eau (cl) : 3.69
EcoIndex : 27
]
???
***
***SPEAKER 2***
Réduction de près d'un tiers la taille du DOM, ainsi que le nombre de requêtes.
Valeurs sont encore trop importantes pour avoir un réel impact sur l'éco-index.
***
---
background-image: url(initialState-min.png)
background-position: top;
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 1. Refuser
]
.footnote[Avant]
???
***
***SPEAKER 1***
On peut faire une rapide comparaison avant / après
***
---
background-image: url(state1-min.png)
background-position: top;
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 1. Refuser
]
.footnote[Après]
---
background-image: url(i-yunmai-5jctAMjz21A-unsplash-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 2. Réduire
]
???
***
***SPEAKER 2***
On a encore du boulot alors ! Passons maintenant à la phase de réduction
***
*[Photo by i yunmai on Unsplash]*
---
background-image: url(i-yunmai-5jctAMjz21A-unsplash-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 2. Réduire
]
.smokescreen_slide[
### "Est-ce que j'en ai vraiment besoin d'une telle quantité ?"
]
???
***
***SPEAKER 2***
La question à se poser est "Est-ce que j'en ai vraiment besoin d'une telle quantité ?"
***
***SPEAKER 1***
Réduire la taille des applications en réduisant la taille (et la quantités) des librairies embarquées, la taille des CSS, des images, l'utilisation de CMS ou de frameworks "magiques" (qui embarquent la moitié d'internet)
***
***SPEAKER 2***
Réduire les communications réseau en réduisant le nombre de requêtes vers le serveur, les résultats remontés de la base de données (pas de select *, pagination)
***
***SPEAKER 1***
Réduite la quantité de mémoire utilisée en surveillant le garbage collector, en utilisant un profiler pour optimiser les parties du code très consommatrices en mémoire
---
background-image: url(i-yunmai-5jctAMjz21A-unsplash-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 2. Réduire
]
.smokescreen_slide[
### Quantifier précisément le besoin
local_floristlocal_floristlocal_florist
]
???
***
***SPEAKER 2***
Diminution de la quantité de données envoyées par le serveur.
Actuellement, les web-services retournent tous les enregistrements. Nous n'avons besoin d'afficher que les 50 derniers.
=> Modification du code côté back-end pour qu'il ne retourne que les 50 derniers éléments.
***
***SPEAKER 1***
Refresh des données toutes les 10s inutile => A supprimer
***
---
background-image: url(i-yunmai-5jctAMjz21A-unsplash-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 2. Réduire
]
.smokescreen_slide[
### Quantifier précisément le besoin
Eco-Index
E
Taille du DOM : 9267
Eco-Index
D
Taille du DOM : 717
]
???
***
***SPEAKER 2***
Ces modifications ont permis de réduire drastiquement la taille du DOM.
Notre éco-index est passé de E à D !
***
---
background-image: url(i-yunmai-5jctAMjz21A-unsplash-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 2. Réduire
]
.smokescreen_slide[
### Redimensionner les images en dehors du navigateur
local_floristlocal_floristlocal_florist
]
???
***
***SPEAKER 1***
Image de fond actuelle de 5.4 Mo affichée partiellement.
=> Réduction à 200 ko en réduisant qualité et portion image affichée
***
---
background-image: url(i-yunmai-5jctAMjz21A-unsplash-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 2. Réduire
]
.smokescreen_slide[
### Redimensionner les images en dehors du navigateur
Eco-Index
D
Taille de la page (kb) : 7132
Eco-Index
C
Taille de la page (kb) : 1337
]
???
***
***SPEAKER 1***
Cette réduction de la taille de l'image a permis de grandement réduire la taille de la page.
Par la même occasion, on est passé d'un éco-index D à C !
***
---
background-image: url(i-yunmai-5jctAMjz21A-unsplash-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 2. Réduire
]
.smokescreen_slide[
### Limiter le nombre de requêtes HTTP
local_floristlocal_floristlocal_florist
]
???
***
***SPEAKER 2***
Actuellement, pour chaque graphique et chaque donnée, nous effectuons une requête différente vers le back-end.
Ces appels peuvent être fusionnés pour n'en faire qu'un seul.
***
---
background-image: url(i-yunmai-5jctAMjz21A-unsplash-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 2. Réduire
]
.smokescreen_slide[
### Limiter le nombre de requêtes HTTP
Eco-Index
C
Nombre de requêtes : 26
Eco-Index
C
Nombre de requêtes : 22
]
???
***
***SPEAKER 2***
La majorités des requêtes réalisées par l'application ne s'adresse pas au back-end, mais aux librairies externes.
Le nombre de requêtes a pu être diminué, mais pas énormément.
***
---
background-image: url(i-yunmai-5jctAMjz21A-unsplash-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 2. Réduire
]
.smokescreen_slide[
Eco-Index
E
Nombre de requêtes : 26
Taille de la page (kb) : 7132
Taille du DOM : 9267
GES (gCO2e) : 2.46
Eau (cl) : 3.69
EcoIndex : 27
Eco-Index
C
Nombre de requêtes : 22
Taille de la page (kb) : 1194
Taille du DOM : 717
GES (gCO2e) : 1.92
Eau (cl) : 2.88
EcoIndex : 54
]
???
***
***SPEAKER 1***
"Réduire" => grande amélioration de l'éco-Index
Pas d'impact sur l'expérience utilisateur
La réduction de la taille de l'image a majoritairement permis de réduire la taille de la page, et la réduction du nombre de données envoyées a pu réduire la taille du DOM.
***
---
background-image: url(state1-min.png)
background-position: top;
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 2. Réduire
]
.footnote[Avant]
???
***
***SPEAKER 1***
On peut faire une rapide comparaison avant / après
***
---
background-image: url(state2-min.png)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 2. Réduire
]
.footnote[Après]
---
background-image: url(recycle-57136_1920-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 3. Réutiliser
]
???
***
***SPEAKER 2***
Allez, on continue ! Voyons la phase de réutilisation !
***
*[Image par Shirley Hirst de Pixabay]*
---
background-image: url(recycle-57136_1920-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 3. Réutiliser
]
.smokescreen_slide[
### "Est-ce que je peux réutiliser quelque chose d'existant ?"
]
???
***
***SPEAKER 1***
On va donc se poser la question "Est-ce que je peux réutiliser quelque chose d'existant ?"
***
***SPEAKER 2***
Réutilisation : coeur de notre métier. Utilisation de composants ou de bibliothèques ou stack-overflow
***
***SPEAKER 1***
Bonne pratique de code "Don't repeat yourself" => utilisation de variables pour garder en mémoire les éléments souvent accedés
***
***SPEAKER 2***
Et au niveau architecture, conception modulaire des applications
***
---
background-image: url(recycle-57136_1920-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 3. Réutiliser
]
.smokescreen_slide[
### Favoriser les polices standards
local_floristlocal_floristlocal_florist
]
???
***
***SPEAKER 1***
Police de caractère particulière => utilisation des polices déjà présentes sur les postes client
***
---
background-image: url(recycle-57136_1920-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 3. Réutiliser
]
.smokescreen_slide[
### Favoriser les polices standards
Eco-Index
C
Nombre de requêtes : 22
Eco-Index
C
Nombre de requêtes : 16
]
???
***
***SPEAKER 1***
En évitant de télécharger de nouvelles polices, nous avons donc réussi à réduire le nombre de requêtes réalisées par l'application.
De la même manière, en remplaçant les images par des glyphs, on réutilise des caractères déjà présents dans la police et on limite le nombre de nouveaux éléments à charger.
***
---
background-image: url(recycle-57136_1920-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 3. Réutiliser
]
.smokescreen_slide[
### Mettre en cache les réponses Ajax
local_floristlocal_florist
### Ajouter des en-têtes Expires ou Cache-Control
local_floristlocal_floristlocal_florist
]
???
***
***SPEAKER 2***
Mise en place d'un cache pour toutes les requêtes sauf celles vers le back-end
***
---
background-image: url(recycle-57136_1920-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 3. Réutiliser
]
.smokescreen_slide[
### Mettre en cache les réponses Ajax
### Ajouter des en-têtes Expires ou Cache-Control
Eco-Index
C
Nombre de requêtes : 16
Taille de la page (kb) : 1156
Eco-Index
C
Nombre de requêtes : 4
Taille de la page (kb) : 37
]
???
***
***SPEAKER 2***
Pas de modif au 1er chargement, mais grande diminution au refresh
Cache mis en place que côté front. On peut imaginer en utiliser un également côté back-end pour éviter les allers-retours redondants.
***
---
background-image: url(recycle-57136_1920-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 3. Réutiliser
]
.smokescreen_slide[
Eco-Index
C
Nombre de requêtes : 22
Taille de la page (kb) : 1194
Taille du DOM : 717
GES (gCO2e) : 1.92
Eau (cl) : 2.88
EcoIndex : 54
Eco-Index
C
Nombre de requêtes : 4
Taille de la page (kb) : 37
Taille du DOM : 706
GES (gCO2e) : 1.72
Eau (cl) : 2.58
EcoIndex : 64
]
???
***
***SPEAKER 1***
La réutilisation des polices de caractères a donc permis de réduire le nombre de requêtes, mais n'a pas eu d'impact significatif sur l'éco-index
Cache => Réduction du nombre de requêtes.
On n'est quand même toujours en éco-index "C"
***
***SPEAKER 2***
Oui, mais regarde ! On est à 64 et la limite pour passer à "B" est à 65 ! De peu !
***
---
background-image: url(state2-min.png)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 3. Réutiliser
]
.footnote[Avant]
???
***
***SPEAKER 1***
On peut faire une rapide comparaison avant / après
***
---
background-image: url(state4-min.png)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 3. Réutiliser
]
.footnote[Après]
---
background-image: url(pawel-czerwinski-RkIsyD_AVvc-unsplash-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 4. Recycler
]
???
***
***SPEAKER 2***
Et du côté du recyclage ?
***
*[Photo by Paweł Czerwiński on Unsplash]*
---
background-image: url(pawel-czerwinski-RkIsyD_AVvc-unsplash-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 4. Recycler
]
.smokescreen_slide[
### "Est-ce que je peux recycler quelque chose d'existant ?"
]
???
***
***SPEAKER 1***
Le recyclage concerne les objets en fin de vie. Est-ce qu'on peut recycler des applications en fin de vie ?
***
---
background-image: url(pawel-czerwinski-RkIsyD_AVvc-unsplash-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 4. Recycler
]
.smokescreen_slide[
- Recyclage des données des applications en fin de vie
- Recyclage du code
]
???
***
***SPEAKER 2***
Données des applis en fin de vie
=> Migration des données de ces applications vers successeur.
=> Bien penser en amont au format des données pour en faciliter le transfert
***
***SPEAKER 1***
Recyclage du code
=> Extraire des composants, des bibliothèques pour donner une 2nde vie au code dans une autre appli
=> code libre bien sûr :-P
***
---
background-image: url(alvin-engler-7OC877W77yw-unsplash-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 5. Composter
]
???
***
***SPEAKER 2***
La dernière étape concerne le compostage
***
*[Photo by Alvin Engler on Unsplash]*
---
background-image: url(alvin-engler-7OC877W77yw-unsplash-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 5. Composter
]
.smokescreen_slide[
### "Le compostage est le recyclage des déchets organiques pour produire naturellement un fertilisant, le compost."
]
???
***
***SPEAKER 1***
Si on reprend une définition du compostage, on nous dit que "Le compostage est le recyclage des déchets organiques pour produire naturellement un fertilisant, le compost".
Peut-on faire un parallèle avec le développement ? Comment crée-t-on du compost en informatique ?
***
***SPEAKER 2***
Ou pour reformuler : "comment produire du fertilisant à partir de nos déchets" ?
***
---
background-image: url(alvin-engler-7OC877W77yw-unsplash-min.jpg)
.smokescreen_slide_title[
# Zéro Déchet logiciel
## 5. Composter
]
.smokescreen_slide[
- Conférences
- Binômage
- Mentoring
]
???
***
***SPEAKER 1***
Donner des conférences, écrire des articles, binômer, mentorer les moins expérimentés, ...
tout ceci permet aux plus expérimentés d'entre nous de partager leurs connaissances, leurs erreurs passées et d'aider les autres à monter en compétences, un peu comme si il leurs apportaient de l'engrais.
***
***SPEAKER 2***
On va pouvoir nourrir les autres à partir de nos erreurs
***
---
background-image: url(clement-h-95YRwf6CNw8-unsplash-min.jpg)
.smokescreen_slide_title[
# Zéro déchet logiciel
## Bilan
]
.smokescreen_slide[
- Suppression des fonctionnalités non essentielles
- Suppression des animations coûteuses
- Suppression des warnings
- Réduction de la quantité d'information
- Réduction de la taille des images
- Réduction du nombre de requêtes HTTP
- Utilisation de polices standards
- Mise en place de cache
]
???
***
***SPEAKER 1***
Au final, nous n'avons mis en place que 9 actions, et pourtant, nous avons réussi à améliorer nettement notre éco-index.
***
*[Photo by Clément H on Unsplash]
---
background-image: url(clement-h-95YRwf6CNw8-unsplash-min.jpg)
.smokescreen_slide_title[
# Zéro déchet logiciel
## Bilan
]
.smokescreen_slide[
Eco-Index
F
Nombre de requêtes : 81
Taille de la page (kb) : 30606
Taille du DOM : 12333
GES (gCO2e) : 2.72
Eau (cl) : 4.08
EcoIndex : 14
Eco-Index
C
Nombre de requêtes : 4
Taille de la page (kb) : 37
Taille du DOM : 706
GES (gCO2e) : 1.72
Eau (cl) : 2.58
EcoIndex : 64
]
???
***
***SPEAKER 2***
Eco-index le plus impacté par la diminution de la taille des ressources et la diminution de la taille du DOM
***
***SPEAKER 1***
Dans calcul de l'éco-index, la pondération est différente pour les trois variables qui sont le nombre de requêtes, la taille de la page et la taille du DOM.
Plus on va diminuer la taille du DOM, meilleur sera l'éco-index
***
***SPEAKER 2***
Il est également à noter qu'en souhaitant diminuer l'impact écologique de notre application, nous en sommes arrivés à améliorer ses performances et potentiellement faciliter son utilisation en simplifiant la présentation des informations.
***
***SPEAKER 1***
Il n'empêche, malgré tous nos efforts, nous n'avons pas réussi à franchir la barre du C, même si on n'était qu'à un point du B ! Mais la situation a quand même été pas mal améliorée
***
---
background-image: url(vanilla-flower-542019_1920-min.jpg)
.smokescreen_slide_title[
# Et si ...
]
.smokescreen_slide[
On supprimait ReactJS pour passer en VanillaJS ?
]
???
***
***SPEAKER 2***
Notre application a été réalisée en ReactJS.
Est-ce que si on l'avait faite en vanillaJS, l'éco-index aurait été meilleur ?
Est-ce que React ne grossit pas artificiellement notre page ?
***
*[Image parBinesh A B de Pixabay]
---
background-image: url(vanilla-flower-542019_1920-min.jpg)
.smokescreen_slide_title[
# Passage en VanillaJS
]
.smokescreen_slide[
Eco-Index
C
Nombre de requêtes : 4
Taille de la page (kb) : 37
Taille du DOM : 706
GES (gCO2e) : 1.72
Eau (cl) : 2.58
EcoIndex : 64
Eco-Index
C
Nombre de requêtes : 19
Taille de la page (kb) : 75
Taille du DOM : 632
GES (gCO2e) : 1.72
Eau (cl) : 2.58
EcoIndex : 64
]
???
***
***SPEAKER 1***
Exactement la même valeur d'éco-index !
=> c'est la présence des graphiques qui fait grossir la taille du DOM. La librairie que nous avons utilisée n'est donc pas la plus légère en terme d'éco-index.
Etant donné que nous voulions garder le même rendu graphique, nous n'avons pas changé cette librairie
=> La question peut se poser de chercher des composants et librairies plus légers.
***
---
background-image: url(nail-gilfanov-TuyneoFacJg-unsplash-min.jpg)
.smokescreen_slide_title[
# A quoi ressemble un site classé 'A' ?
]
???
***
***SPEAKER 2***
Mais du coup, à quoi peut bien ressembler un site classé 'A' ?
Il doit ressembler à un site compatible minitel, non ?
***
---
background-image: url(perduCom-min.png)
.smokescreen_slide_title[
## A quoi ressemble un site classé 'A' ?
]
.footnote[http://perdu.com/]
???
***
***SPEAKER 1***
Premier exemple : perdu.com
***
***SPEAKER 2***
En effet, c'est assez... minimaliste
***
---
background-image: url(lowTechMag-min.png)
.smokescreen_slide_title[
## A quoi ressemble un site classé 'A' ?
]
.footnote[https://solar.lowtechmagazine.com/]
???
***
***SPEAKER 1***
Autre exemple : low-tech magazine
Ce site est hébergé sur un raspberry alimenté par un panneau solaire. Toutes les images sont travaillées pour prendre le moins de place possible. Il est possible que le site soit down si il n'y a pas de soleil à Barcelone, mais ça fait partie du jeu, et ce n'est pas grave
***
---
background-image: url(allianceGreenIt-min.png)
.smokescreen_slide_title[
## A quoi ressemble un site classé 'A' ?
]
.footnote[http://alliancegreenit.org/]
???
***
***SPEAKER 2***
Dernier exemple : Alliance Green IT
Ce site est l'exemple qu'on peut faire un site moderne avec des images de bonne qualité tout en ayant un bon éco-index
***
***SPEAKER 1***
Le but n'est pas d'avoir un classement 'A' à tout prix, mais surtout de diminuer son impact et prendre en compte cette contrainte lors des développements.
Et on peut tester plein de sites sur le site ecoindex.fr. Les résultats sont parfois étonnants !
***
---
background-image: url(nail-gilfanov-TuyneoFacJg-unsplash-min.jpg)
.smokescreen_slide_title[
# Pour aller plus loin
]
.smokescreen_slide[
## Eco-conception des services numériques
]
???
***
***SPEAKER 2***
On peut également regarder du côté de l'éco-conception des services numériques
***
***SPEAKER 1***
L'éco-conception consiste à intégrer les questions environnementales dès la conception d'un produit ou d'un service, et lors de toutes les étapes de son cycle de vie.
Pareil pour le numérique ?
***
***SPEAKER 2***
Que points qui interviennent dans la phase de conception et de réalisation, mais améliorations possibles du côté de l'hébergement, de l'optimisation, ...
***
***SPEAKER 1***
Utilisation d'outils comme webpack, babel et consorts pour minifier notre code, compresser les feuilles de style, réaliser du tree-shacking sur les librairies...
***
***SPEAKER 2***
Mise en place d'un reverse proxy pour améliorer les temps de réponse à nos requêtes.
***
***SPEAKER 1***
Et en ce qui concerne l'hébergement, il peut être intéressant de se pencher sur la question des hébergements dits "verts", ou des fournisseurs d'électricités "verte".
***
---
background-image: url(nail-gilfanov-TuyneoFacJg-unsplash-min.jpg)
.smokescreen_slide_title[
# Et la suite ?
]
.smokescreen_slide[
## Low-tech numérique
]
???
***
***SPEAKER 2***
Mais est-ce que tout cela sera bien suffisant ? Est-ce qu'on n'aurait pas besoin d'aller encore plus loin ?
***
***SPEAKER 1***
En plus d'être consommatrice de beaucoup de ressource, numérique également vecteur d'inégalité et de fracture sociale. Tout le monde n'a pas accès aux derniers smartphones ou simplement à un connexion internet haut débit.
=> concept de low-tech numérique
***
***SPEAKER 2***
C'est pas antinomique, ça, "low tech" et "numérique" ?
***
***SPEAKER 1***
low-tech numérique = ensemble de techniques simples, pratiques, économiques et populaires.
Solutions techniques qui cherchent à être simples, bien pensées, bien dimensionnées et réparables.
Le caractère “low” ou “high” relatif, notamment temporelle. En 2000, envoyer un SMS en 2G relevait = high-tech numérique. Mais en 2020 = low-tech.
---
background-image: url(nail-gilfanov-TuyneoFacJg-unsplash-min.jpg)
.smokescreen_slide_title[
# Low-tech numérique
]
.smokescreen_slide[
« Low-tech, décroissance, communs, open source, bienveillance, éthique, accessibilité, écoconception, économie collaborative et circulaire, zéro déchet, lutte contre l’obsolescence programmée, etc. :
tous les mouvements et toutes les initiatives convergent pour proposer un avenir alternatif enviable, créatif et plaisant. »
Frédéric Bordage - GreenIt
]
???
***
***SPEAKER 2***
Idée = rationaliser notre utilisation des technologies.
Est-ce qu'on n'a besoin d'un site web disponible 24h/24, 7j/7 là où un simple envoi de mail d'information ou d'un SMS pourrait suffire ?
Est-ce qu'on a besoin de ces affichages publicitaires à LED dans les rues à la place des affiches papier (ou de pas de pub du tout !) ?
***
***SPEAKER 1***
Oui, le but n'est pas de faire disparaître le numérique, mais de le rendre plus raisonnable, et surtout, soutenable.
***
***SPEAKER 2***
Au final, la low-tech numérique s'inscrit totalement dans le mouvement actuel d'économie sociale et solidaire et d'écologie
***
*** SPEAKER 1***
En fait, la low-tech, c'est l'avenir de la high tech :-)
***
Et là on dit merci et on demande aux participants si ils ont des questions :-)
---
background-image: url(nail-gilfanov-TuyneoFacJg-unsplash-min.jpg)
.smokescreen_slide_title[
# Références
]
.smokescreen_slide[
http://www.greenIT.fr
Livre "Ecoconception web: les 115 bonnes pratiques" de Frédéric Bordage
Livre blanc "Eco-conception des services numérique" de l'Alliance Green IT
Le Think Tank "The Shift Project"
Notre vie de tous les jours ;-)
]