Knowledge panels

Knowledge panels are json data that describe content to be displayed to the user.

They are currently used on the new smoothie flutter application and on the Product Opener web platform.

Introduction: https://openfoodfacts.github.io/openfoodfacts-server/introduction/knowledge-panels/

Reference documentation: https://openfoodfacts.github.io/openfoodfacts-server/reference/api/#get-/api/v2/product/-barcode--fields-knowledge_panels

Testing it

Knowledge panels are already deployed for every body !

To see the knowledge panels jsons, use the api, that is, from a product page, you can add /api/v2 before /product/, and append fields=knowledge_panels as query parameters.

Eg: http://world.openfoodfacts.org/api/v2/product/7804659650035/not-mayo-notco?fields=knowledge_panels

FIXME: eventually move this part of this to https://openfoodfacts.github.io/openfoodfacts-server/introduction/api/

The flexibility of a static page ?

• Use the same system as for static pages, with much more Q&A ?
• Add a mode to get the raw file without the Product Opener UI
• https://fr.openfoodfacts.org/nutriscore?nochrome=1
• https://fr.openfoodfacts.org/knol/label/organic?nochrome=1
• Would allow to display them on the web as well

What should we do with the native Wikidata integration on Android ?

• Move the logic on the server, with caching, and let iOS and other apps benefit as well ?
• Blend the Wikidata info with our own
• System to add Wikidata IDs to categories, labels… (working as a special language, using the existing translation system ?)

When should network calls be made ?

• The apps would attempt to call all labels at setup, and then refresh on some heuristic
• On demand call when clicking on an attribute or a label

Support for HTML embedding on Android

• https://stackoverflow.com/questions/2116162/how-to-display-html-in-textview
• https://github.com/openfoodfacts/openfoodfacts-androidapp/issues/2205
• https://github.com/openfoodfacts/openfoodfacts-androidapp/pull/2208
• Authorized HTML tags
• Support for images (svg, png)
• Support for webviews

Support for HTML embedding on iOS

• https://github.com/openfoodfacts/openfoodfacts-ios/pull/192/files
• Authorized HTML tags
• Support for images (svg, png)
• Support for webviews

Support for HTML embedding on Flutter

• https://pub.dev/packages/flutter_html
• https://pub.dev/packages/flutter_widget_from_html

Get in touch

Slack channel #knowledge-panels