Nutrition input (Tracker)

[teolemon]

Who for

What

Tasks

• Add a server controlled nutrition-table input
  • It should return the default translated, ordered and filtered list of nutrients based on the language code and the country code, as well as a complete list of known nutrients (translated)
  • This list is also adapted based on the known category of the product (eg: waters, baby milks, alcoholic drinks)
  • This list also has the openfoodfacts-dart nutrient id to call
• The client does a FOR loop using the API, to display the input
• Add custom fields to the nutrition input form based on the category (eg for waters, chocolate, alcohol) #5401
• Nutrition facts: check values before sending them #4446
• Allow to auto-magically extract nutrition facts from a photo #4896
• Nutrition table image not visible to edit values on mobile -> makes completion difficult from an image #5126
• New Photo is not visible immediately for nutrition and packaging  #3875
• Create a custom Tensorflow model for MLKit to classify Nutrition facts, Packaging instruction, Front and Ingredients photo on device #5010
• Add a "Clear all" button on Nutritional info #3978

Tasks

• Upgrade the nutrition facts input to add support for as sold, and as prepared
• Offer in-line validation of Robotoff predictions for nutrition facts #3278
• Add a dual-screen mode for nutrition input to allow for after the fact manual nutrition input
• Add an educational one-time onboarding screen about Nutri-Score with the result of the computation + showing the points normally granted by the openfoodfacts-events points system (blocked at least on Send edit events to openfoodfacts-events openfoodfacts-server#6259, otherwise, we would just pretend the points were granted)
• Add screen to explain that the Nutri-Score wasn't computed for that product and why
• Add server side support for no nutrition facts status: Allow to mention that a field is complete openfoodfacts-server#7612
• Add a button to mention no nutrition facts are visible
• Optimize for Nutri-Score success: In Edit Mode, indicate the required nutriments to compute the Nutri-Score by an asterisk openfoodfacts-server#7610
• Add a "Clear all" button on Nutritional info #3978

Mockup

• 
• 
• 
• 
  Here's a first mockup, which hasn't been discussed yet

Code pointers

• DART support: feature_2/#210 - add nutrient order and list openfoodfacts-dart#272

Why

Design doc

Part of

• Implement improved contribution flow in app #505
• Contribute (Tracker) #503

[teolemon]

@monsieurtanuki would you take on Nutrition ?

[monsieurtanuki]

I'm afraid not, I cannot use the camera. The camera is the main item here, isn't it? If it's not, I can work on the input of a nutrient list, and someone else would do the camera side later. Tell me if that makes sense.

[teolemon]

No, the photo here is an existing nutrition photo. The layout is immersive and scrollable to make it easy to improve nutrition. The photo retaking is for a later iteration.

[teolemon]

So it's really the input of the nutrients list, with a fancy layout. We can start simpler.

[teolemon]

But to be clear it's a big chew:

• Creating a layout for the nutrition input
  • Layout for the fields
    • Units
    • Values
    • Modifiers <>=
  • Layout for the energy fields
    • Values
  • Layout for the portion size
    • Units
    • Values
    • Text
  • Layout for the nutrition table
    • Displaying the current photo of the nutrition table
    • Make it scrollable
• Building that layout dynamically (using the Nutrient list and order API from openfoodfacts-dart, based on the country selected in the app)
• Getting existing nutrition values for the product
• Populating that layout with existing values
• Gathering all changes made by the users to the fields
• Sending them to the server
• Extra refinements
  • the portion/100G thing
  • no nutrition value
  • Allow to add custom nutrients to the nutrition input (using the Nutrient list API from openfoodfacts-dart)

[monsieurtanuki]

OK, I'll do it step by step.

[monsieurtanuki]

@teolemon How are we supposed to open that page? From product page I guess, but where should one click?

[teolemon]

• The button you added yesterday is a good entry point when nutrition is not there at all.
• When there is nutrition info, it could become "update nutrition information"

[monsieurtanuki]

Now I have a similar problem as with the Android app: I don't know the meaning of the fields, as the meaning is only displayed as a hint: