Home Page: https://mesfruitsetlegumesdesaison.fr
License: MIT License
Application web permettant d'afficher les fruits et légumes de saison en reprenant les data ADEME et Agribalyse.
https://mesfruitsetlegumesdesaison.fr
yarn pour installer l'application
yarn start pour lancer l'application sur http://localhost:3000
Hébergement via Netlify. Il suffit de push sur ce repo (branche master) pour déployer.
Le bouton "En savoir plus sur ce simulateur" ne fonctionne plus sur l'embed, ex ici :
https://agirpourlatransition.ademe.fr/particuliers/conso/alimentation/limpact-alimentation-lenvironnement
Au lieu de recréer une liste, rediriger vers le beau calendrier de l'ADEME https://www.ademe.fr/sites/default/files/assets/documents/calendrier-fruits-legumes-de-saison.pdf
Suite au retour de l'audit optimiser le simulateur avec la mise à jour des différents critères
On pourrait ajouter une petite info complémentaire pour quelques F&L, par ex. (textes à raccourcir si besoin) :
@martinregner J'ai mis à jour le simulateur avec le nouveau footer, partage, contact, etc...
Les exemples d'emojis peuvent créer de la confusion ; ex. "je vois cerise en ce moment mais quand je clique c'est rouge"
Serait-il possible d'avoir des émojis proposés qui correspondent au mois en cours ? Ca permettrait d'avoir une sorte de nudge pour orienter vers des bons choix pour chaque saison
J'ai mis un petit moment (3-4 utilisations) à voir que les emojis sous la barre de recherche n'était pas juste pour la déco 😋 (c'est l'effet d'animation p-e qui m'a rappelé celui d'Agribalyse 🥕 ;)
Que penses-tu d'ajouter un "Exemples :" ou "Les plus recherchés :" pour inciter au clic ?
J'ai ajouté le score PEF (ainsi qu'un texte d'explication) pour chaque produit.
les < et > sur les côtés ne semblent plus cliquables
Pour tous les fruits/légumes mal orthographiés OU non existants (type avocat, papaye, mangue qui peuvent être rechercher même si c'est pas produit en France) il faudrait peut-être rajouter un message d'erreur !
"Désolée......."
Je me suis basé sur les émissions CO2E de la tomate et de la fraise pour calculer le 256%. Même chose pour le graph.
NB : Je mets ça ici mais ça concerne aussi MCC. Par contre NGC + transport ça marche.
Le site et donc l'iframe ne s'affichent pas du tout que l'on est connecté sur le réseau interne de l'ADEME. Si cela arrive à l'ADEME, peut-être également sur d'autres réseaux de grands groupes ?
Sur cette page du site ADEME, il ne s'affiche pas du tout :
J'ai ajouté des produits en complément de la base ADEME
Exemple :
https://calculateur-fruits-et-legumes.herokuapp.com/?search=banane
N'hésitez pas à en ajouter ici :
https://github.com/betagouv/ecolab-calculateur-fruits-et-legumes-de-saison/blob/master/public/data/products.json
Le score PEF n'est pas très parlant (l'expérimentation sur l'affichage s'occupe de faire un "score" digne de ce nom d'un point de vue grand public)
Sur la page, on parle plutôt CO2 et c'est un choix intéressant à conserver/généraliser : je te propose de plutôt aller chercher donc dans AGB la ligne en kg CO2 eq/kg de produit
Lorsqu'on affiche un F ou L hors saison, on peut voir un Non rouge + un local vert. C'est confusant, et possiblement trompeur : en regardant rapidement on peut croire que même hors saison on peut trouver ce F ou L localement, ce qui n'est pas le message que l'on veut faire passer.
Je propose de n'afficher la localité du produit que lors des mois de saison.
Ou éventuellement, selon choix dans #23, griser en hors saison.
Qu'en penses-tu ?
Le "simple carré jaune" semble parfois poser question.
Le favicon est juste un carré jaune (je ne sais pas si c’est fait exprès)
Peut-être simplement ajouter le "A" Datagir à l'intérieur ? ou une déclinaison du favicon Datagir avec la couleur à droite du simulateur ? (je ne sais pas si ça marche visuellement avec les couleurs des 3 simulateurs...)
ex :
on pourrait envisager lors de la réponse qu'on puisse cliquer sur les mois, ce qui nous emmènerait sur une liste des fruits/légumes consommables pendant cette période
Scénario :
Je rentre tomate
Réponse Non (Janvier rouge, février rouge....)
Je clique sur Janvier : reconduit sur une liste des produits que je peux consommer ce mois-ci
J'ai ajouté un indicateur local / non local (ainsi qu'un texte d'explication) sur les produits
Exemple :
https://calculateur-fruits-et-legumes.herokuapp.com/?search=betterave
https://calculateur-fruits-et-legumes.herokuapp.com/?search=noix%20de%20coco
Possible de réécrire le texte d'explication ?
Une utilisatrice nous fait part de quelques (mini) bugs sur Edge :
toutes les icônes de fruits et légumes ne s’affichent pas :
UX : certains contrastes ne sont pas accessibles
J'ai ajouté un message lorsque la recherche ne retourne rien
Exemple :
https://calculateur-fruits-et-legumes.herokuapp.com/?search=dqzfeslkfjespj
Un truc comme tu proposais pour pouvoir télécharger l'application sur : Safari
Et sur Firefox ? (à voir si c'est necessaire d'y passer du temps vu le nb d'utilisations)
Merci et bravo pour ce travail.
Le site Datagir indique la possibilité de « librement partager, intégrer dans vos services, ou reprendre techniquement » ses simulateurs.
Pour rendre effective cette permission, il faudrait leur apposer une licence libre.
On peut maintenant orthographier les produits de façon "créative".
Exemple :
https://calculateur-fruits-et-legumes.herokuapp.com/?search=karrotte
Beaucoup de gens (dont moi et au moins un autre usager) disent bien plus couramment "patate" que "pomme de terre" :)
Autre exemple : "butternut" ou son nom français "doubeurre" qui pourraient êtres synonymes de "courge" dans un premier temps. Peut-être un système de redirection à la wikipedia qui gérerait à la fois les proxys et les synonymes ?
A préciser dans le footer, au niveau des sources ?
[Sur Chrome 87]
Au clic sur un mois présent sur la carte d'un F&L donné :
J'aimais bien l'idée d'un bouton "Accéder à la version détaillée" quand tu es sur l'iframe. Sinon, tu passes à côté de fonctions cools de l'app non ? (affichage par mois notamment)
Pour les réutilisateurs, peut-être un CTA plus petit comme un texte avec du lien plutôt qu'un bouton ?
On pourrait donc avoir 2 CTA distincts : bouton pour utilisateur du simulateur + lien pour réutilisateur / intégrateur du simulateur.
Qu'en penses-tu ?
Originally posted by @martinregner in #17 (comment)
Les scores CO2 sont modélisé pour des produits moyens principalement en saison. En cliquant sur un F ou L hors saison, on voit donc son score en pensant que c'est son score "actuel".
Propositions :
Cas particuliers : tomate et fraise
Le score actuel est le moyen annuel. Serait-il possible d'afficher :
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.
