Difference between revisions of "Translations - How to add a product - English"

From Open Food Facts wiki
Jump to navigation Jump to search
Line 5: Line 5:
 
<h1>How can I add a product?</h1>
 
<h1>How can I add a product?</h1>
  
<p>Open Food Facts est un projet collaboratif et citoyen auquel chacun peut contribuer en ajoutant des produits ou en complètant les informations sur les produits.</p>
+
<p>Open Food Facts is a collaborative project where each citizen can contribute by adding or completing product information.</p>
  
<p>Nous essayons de proposer l'interface la plus conviviale possible pour qu'il soit aisé et rapide d'ajouter des produits.
+
<p>We try to offer the most user-friendly interface to make it easy and fast to add products. Here are some images with each stage involve in adding a product (with a few tricks to go faster.)</p>
Voici en images les étapes de l'ajout d'un produit, avec quelques astuces pour aller plus vite.</p>
 
  
 
<h2>First of all, register on Open Food Facts and login.</h2>
 
<h2>First of all, register on Open Food Facts and login.</h2>
  
<p>Si ce n'est pas encore fait, vous pouvez <a href="http://fr.openfoodfacts.org/cgi/user.pl">vous inscrire en 30 secondes</a>.</p>
+
<p>If it's not done yet, you can <a href="http://world.openfoodfacts.org/cgi/user.pl">register in 30 seconds</a>.</p>
  
 
<h2>Take pictures of the product</h2>
 
<h2>Take pictures of the product</h2>
  
<p>Le plus simple est de prendre les photos dans l'ordre où vous en aurez ensuite besoin :</p>
+
<p>The photos are better taken in the following order:</p>
  
 
<ol>
 
<ol>
<li>the barcode</li>
+
<li>The barcode</li>
<li>le produit de face : le mieux est de le poser sur le dos sur une surface blanche (une feuille de papier par exemple) et de prendre la photo
+
<li>The product main visual: It's best to place it on a white surface (a sheet of paper) and take the picture vertically</li>
à la verticale</li>
+
<li>The ingredients list</li>
<li>the ingredients list</li>
+
<li>The nutritional composition</li>
<li>la composition nutritionnelle</li>
 
 
</ol>
 
</ol>
  
 
<img src="/images/misc/ajout-produit-photo-face.jpg" style="border:1px solid grey">
 
<img src="/images/misc/ajout-produit-photo-face.jpg" style="border:1px solid grey">
  
<p>Vous pouvez prendre les photos en mode portrait ou paysage, le cadrage n'a pas d'importance (vous pourrez les recadrer directement sur le site),
+
<p>Few tips on taking pictures:</p>
mais il faut que les photos soient bien droites.</p>
+
<ol>
 
+
<li>Take pictures in portrait or landscape mode, you can crop them later on the website.</li>
<p>Bien sûr plus la photo est nette, moins il y a d'ombres et de reflets, mieux c'est, mais cela sera sûrement le thème d'un autre tutoriel !</p>
+
<li>Respect the aspect ratio of the product.</li>
 
+
<li>The more the image is focused, the less there is of shadows and reflections, the better.</li>
<p>A noter : il n'est pas nécessaire de "retravailler" les photos dans un logiciel avant de les envoyer sur le site (redimensionnement, recadrage, balance des blancs etc.).
+
<li>Don't "rework" photos in software before sending them on the site (resizing, cropping, white balance, etc.). All this will be done directly on the site.</li>
Tout celà sera fait directement sur le site.</p>
+
</ol>
 
 
  
<h2>Ajouter le produit</h2>
+
<h2>Add the product</h2>
  
<p>Sur le site, dans la colonne de droite, vous trouverez un formulaire "Ajouter un produit".</p>
+
<p>You will find an "Add a product" link on the right hand column.</p>
  
 
<img src="/images/misc/ajout-produit-code.png" style="border:1px solid grey">
 
<img src="/images/misc/ajout-produit-code.png" style="border:1px solid grey">
  
<p>Le mieux est d'envoyer la photo qui contient le code barre en cliquant sur le bouton "Envoyer une image".</p>
+
<p>Send the photo that contains the bar code by clicking on the button "Upload Image".</p>
  
 
<img src="/images/misc/ajout-produit-code-photo.png" style="border:1px solid grey">
 
<img src="/images/misc/ajout-produit-code-photo.png" style="border:1px solid grey">
  
  
<p>A noter que si vous utilisez le navigateur Chrome ou Firefox, la photo est automatiquement redimensionnée à une taille raisonnable afin que son envoi soit très rapide
+
<p>Note for Chrome and Firefox users: the photo is automatically resized to a reasonable size, hence upload is fast even with 20 million pixels camera.</p>
même si vous avez un appareil photo avec 20 millions de pixels.</p>
 
  
<p>Si la photo du code barre n'est pas trop floue, il sera reconnu automatiquement. Si le produit est déjà dans la base, vous serez redirigé vers la page
+
<p>The bar code will be recognized automatically if the picture is not too blurry. When the product is already in the database, you will be redirected to the product page.
du produit et vous pourrez vérifier que toutes les informations sont présentes. Si vous pensez avoir de meilleures photos, n'hésitez pas à modifier la fiche
+
Then you can check the accuracy of the information. Provided your pictures are better, do not hesitate to edit the product and upload yours. If the product does not exist, you will be provided with a form to enter the information</p>
pour les envoyer. Si le produit n'existe pas encore dans la base, vous obtiendrez directement le formulaire d'ajout de produit.</p>
 
  
<h3>Envoyer la photo de face du produit</h3>
+
<h3>Send the product main visual photo</h3>
  
 
<img src="/images/misc/ajout-produit-envoyer-photo-face.png" style="border:1px solid grey">
 
<img src="/images/misc/ajout-produit-envoyer-photo-face.png" style="border:1px solid grey">
  
<p>A moins que la photo qui contient le code barre soit aussi la photo de face du produit, cliquez sur "Ajouter une photo" pour l'ajouter.</p>
+
<p>Click "Add a photo" to add it, unless you already uploaded a photo that contains both the bar code and the main visual in the previous step.</p>
  
 
<img src="/images/misc/ajout-produit-redresser.jpg" style="border:1px solid grey">
 
<img src="/images/misc/ajout-produit-redresser.jpg" style="border:1px solid grey">
  
<p>Vous pouvez redresser l'image en cliquant sur les boutons "Pivoter".</p>
+
<p>If required, you can correct the image with the rotate left/right buttons.</p>
  
<p>Sélectionnez ensuite la zone de l'image qui correspond au produit en faisant un "cliquer/glisser" avec la souris, puis cliquez sur le bouton "Enregistrer et/ou recadrer l'image".</p>
+
<p>Crop the product within the image by "click and drag" with the mouse, then hit "Validate and/or resize image".</p>
  
 
<img src="/images/misc/ajout-produit-recadrer.jpg" style="border:1px solid grey">
 
<img src="/images/misc/ajout-produit-recadrer.jpg" style="border:1px solid grey">
  
<p>Si vous avez pris la photo sur un fond blanc, vous pouvez essayer de cocher la case "Photo sur fond blanc : essayer d'enlever le fond" ce qui permet de rendre blanc
+
<p>If done on white background, try "Photo on white background: try to remove the background" which slightly grays out edges of the photo and enhance colors.</p>
les bords légèrement gris de la photo et de corriger et renforcer les couleurs :</p>
 
  
<p>Photo sans la case cochée :</p>
+
<p>Photo with the box unticked:</p>
  
 
<img src="/images/misc/ajout-produit-photo.jpg" style="border:1px solid grey">
 
<img src="/images/misc/ajout-produit-photo.jpg" style="border:1px solid grey">
  
<p>Photo avec la case cochée :</p>
+
<p>Photo with the box ticked:</p>
  
 
<img src="/images/misc/ajout-produit-photo-sans-fond.jpg" style="border:1px solid grey">
 
<img src="/images/misc/ajout-produit-photo-sans-fond.jpg" style="border:1px solid grey">
  
  
<p>Les résultats dépendent de la quantité d'ombres : si elles sont trop importantes, les couleurs peuvent être trop saturées,
+
<p>The result depends on the amount of shadows, keep the original photo if the colors are too saturated.</p>
auquel cas il vaut mieux laisser la photo d'origine.</p>
 
  
<h3>Ajouter les informations sur le produit</h3>
+
<h3>Add product information</h3>
  
 
<img src="/images/misc/ajout-produit-caracteristiques.png" style="border:1px solid grey;">
 
<img src="/images/misc/ajout-produit-caracteristiques.png" style="border:1px solid grey;">
  
<p>Le nom du produit est celui qui figure sur l'emballage.</p>
+
<p>The product name is the one that appears on the packaging.</p>
  
<p>La dénomination générique est le nom "légal" du produit, sans indication de marque. Il figure la plupart du temps sur le produit.</p>
+
<p>The generic name is the "legal" product name, without indication of brand.Usually found on the packaging too</p>
  
<p>Les champs "Conditionnement", "Marques", "Catégories", "Origines", "Labels" sont des listes de mots-clés (tags) sous lesquelles le produit sera référencé.
+
<p>The fields "Packaging", "Brands", "Categories", "Origin", "Labels" are keywords lists (tags) under which the product will be referenced. You can type these keywords separated by a comma or by hitting enter.</p>
Vous pouvez taper ces mots-clés en les séparant par une virgule ou la touche entrée.</p>
 
  
<p>Vous pouvez entrer tous les mots-clés qui vous paraissent pertinents (en vous inspirant des produits déjà référencés par exemple). Lorsque le nombre de produits
+
<p>You can fill in all the keywords that you think are relevant (check products already listed). When the number of products in the base will be more significant, we can sort through all the keywords and create a category tree and correspondences between multiple spellings ("doughnut" and "donut"), etc. We can also offer suggestions on the fly (by typing a few letters) for brands etc.</p>
dans la base sera plus significatif, on pourra faire le tri parmi tous les mots-clés et proposer une arborescence de catégories, des correspondances entre plusieurs
 
orthographes ("Fromage" ou "Fromages") etc. On pourra également proposer des suggestions à la volée (en ne tapant que quelques lettres) pour les marques etc.</p>
 
  
<h3>Envoyer la photo des ingrédients</h3>
+
<h3>Send ingredients photo</h3>
  
 
<img src="/images/misc/ajout-produit-ingredients.jpg" style="border:1px solid grey">
 
<img src="/images/misc/ajout-produit-ingredients.jpg" style="border:1px solid grey">
  
<p>De la même manière que la photo de face du produit, envoyez la photo de la liste des ingrédients.</p>
+
<p>As for the other photo, upload the ingredient list one.</p>
  
 
<img src="/images/misc/ajout-produit-ingredients-cadre.jpg" style="border:1px solid grey">
 
<img src="/images/misc/ajout-produit-ingredients-cadre.jpg" style="border:1px solid grey">
  
<p>Sélectionnez la zone de l'image qui contient la liste, puis cliquer sur "Enregistrer et/ou recadrer".</p>
+
<p>Crop the area containing the list and hit "Validate and/or resize image".</p>
  
 
<img src="/images/misc/ajout-produit-ingredients-extraire.jpg" style="border:1px solid grey">
 
<img src="/images/misc/ajout-produit-ingredients-extraire.jpg" style="border:1px solid grey">
  
<p>Pour éviter de devoir recopier une longue liste d'ingrédients, vous pouvez essayer le bouton "Extraire le texte des ingrédients".
+
<p>You can avoid typing the list of ingredients with the "Extract the ingredients from the picture". Recognition works better when the picture is sharp and the text straight. On the other hand if the text is curved (photo of a can for example) or if the background is not uniform, the ingredients are not generally recognised.</p>
La reconnaissance des ingrédients marche d'autant mieux que la photo est droite et nette. D'autre part si le texte est courbé (photo d'une canette par exemple) ou
 
si le fond n'est pas uniforme, les ingrédients ne sont généralement pas reconnus.</p>
 
  
 
<img src="/images/misc/ajout-produit-ingredients-texte.png" style="border:1px solid grey">
 
<img src="/images/misc/ajout-produit-ingredients-texte.png" style="border:1px solid grey">
  
<p>Avec ce produit, la reconnaissance est quasi-parfaite (un : a été reconnu comme un 1). C'est malheureusement rarement le cas, et il faut donc souvent corriger le
+
<p>With this product, recognition is almost perfect (an 'a' as been recognized as a '1'). The text automatically extracted often needs correction.</p>
texte extrait automatiquement.</p>
 
  
<p>Cette reconnaissance automatique va s'améliorer avec le temps : avec un grand nombre de produits référencés, on peut construire un dictionnaire des ingrédients
+
<p>This automatic recognition should improve with time: the more product we have, the better the dictionary of ingredients we can generate to help the text recognition algorithm.</p>
qui est une aide précieuse pour l'algorithme de reconnaissance textuelle.</p>
 
  
<p>Indiquez ensuite les "traces éventuelles" de produits potentiellement allergènes. Ces indications sont très utiles, et parfois vitales, pour les personnes
+
<p>Next fill in the potentially allergens "Traces" in the products. This information is crucial and sometimes vital for allergy sufferers.</p>
allergiques.</p>
 
  
 
<img src="/images/misc/ajout-produit-ingredients-traces.png" style="border:1px solid grey">
 
<img src="/images/misc/ajout-produit-ingredients-traces.png" style="border:1px solid grey">
  
  
<h3>Envoyer la photo des informations nutritionnelles</h3>
+
<h3>Send nutritional information photo</h3>
  
<p>De plus en plus de produits indiquent la composition nutritionnelle sur l'emballage. Comme pour les ingrédients, envoyez et recadrez la photo correspondante.</p>
+
<p>We see more and more products that indicate the nutritional composition on the packaging. As for the ingredients, upload and optimise the corresponding picture.</p>
  
 
<img src="/images/misc/ajout-produit-photo-nutrition.jpg" style="border:1px solid grey">
 
<img src="/images/misc/ajout-produit-photo-nutrition.jpg" style="border:1px solid grey">
  
  
<p>Le remplissage du tableau n'est pas encore automatique (les tableaux sont plus difficiles à reconnaître que la liste des ingrédients), mais celà viendra peut-être.</p>
+
<p>Nutritional tables are more difficult to recognize than the ingredients list, therefore it is not automated yet.</p>
  
<p>En attendant le tableau est pré-rempli avec les nutriments les plus souvent listés.</p>
+
<p>Currently we provide a list of the most frequently listed nutrients with their common quantity unit.</p>
  
 
<img src="/images/misc/ajout-produit-nutrition-tableau.png" style="border:1px solid grey">
 
<img src="/images/misc/ajout-produit-nutrition-tableau.png" style="border:1px solid grey">
  
<p>La législation européenne autorise les fabricants à lister d'autres nutriments (vitamines et minéraux en particulier). S'ils sont listés sur l'emballage, vous pouvez
+
<p>The European legislation allows manufacturers to list other nutrients (vitamins and minerals in particular). If they are listed on the packaging, you can add them in the last line of the table. By typing the first few letters you will get a drop down list with the corresponding nutrients and the most common corresponding units (mg for vitamin C for example). If you can not find the nutrient, you can type it in full</p>
les ajouter en tapant leur nom dans la dernière ligne du tableau. En tapant les premières lettres vous obtiendrez une liste déroulante avec les nutriments
 
correspondants et les unités correspondantes les plus communes (mg pour la vitamine C par exemple).
 
Si vous ne trouvez pas le nutriment, vous pouvez le taper en toutes lettres.</p>
 
  
 
<img src="/images/misc/ajout-produit-nutrition-vitamines.png" style="border:1px solid grey">
 
<img src="/images/misc/ajout-produit-nutrition-vitamines.png" style="border:1px solid grey">
Line 152: Line 134:
 
<h3>Save the product</h3>
 
<h3>Save the product</h3>
  
<p>Il ne vous reste plus qu'à cliquer sur le bouton "Enregistrer".</p>
+
<p>Now you only need to hit the "Save" button.</p>
  
<p>Thanks in advance for all the products you add to the base!</p>
+
<p>Thanks in advance for all the products you will contribute to the database!</p>
  
<p>Ready to add your first product? See you at the upper right of this page.</p>
+
<p>Ready for your first product? See you at the top right of this page.</p>
 
</div>
 
</div>
  
 
</pre>
 
</pre>

Revision as of 14:31, 25 January 2015


<div id="content2">

<h1>How can I add a product?</h1>

<p>Open Food Facts is a collaborative project where each citizen can contribute by adding or completing product information.</p>

<p>We try to offer the most user-friendly interface to make it easy and fast to add products. Here are some images with each stage involve in adding a product (with a few tricks to go faster.)</p>

<h2>First of all, register on Open Food Facts and login.</h2>

<p>If it's not done yet, you can <a href="http://world.openfoodfacts.org/cgi/user.pl">register in 30 seconds</a>.</p>

<h2>Take pictures of the product</h2>

<p>The photos are better taken in the following order:</p>

<ol>
<li>The barcode</li>
<li>The product main visual: It's best to place it on a white surface (a sheet of paper) and take the picture vertically</li>
<li>The ingredients list</li>
<li>The nutritional composition</li>
</ol>

<img src="/images/misc/ajout-produit-photo-face.jpg" style="border:1px solid grey">

<p>Few tips on taking pictures:</p>
<ol>
<li>Take pictures in portrait or landscape mode, you can crop them later on the website.</li>
<li>Respect the aspect ratio of the product.</li>
<li>The more the image is focused, the less there is of shadows and reflections, the better.</li>
<li>Don't "rework" photos in software before sending them on the site (resizing, cropping, white balance, etc.). All this will be done directly on the site.</li>
</ol>

<h2>Add the product</h2>

<p>You will find an "Add a product" link on the right hand column.</p>

<img src="/images/misc/ajout-produit-code.png" style="border:1px solid grey">

<p>Send the photo that contains the bar code by clicking on the button "Upload Image".</p>

<img src="/images/misc/ajout-produit-code-photo.png" style="border:1px solid grey">


<p>Note for Chrome and Firefox users: the photo is automatically resized to a reasonable size, hence upload is fast even with 20 million pixels camera.</p>

<p>The bar code will be recognized automatically if the picture is not too blurry. When the product is already in the database, you will be redirected to the product page.
Then you can check the accuracy of the information. Provided your pictures are better, do not hesitate to edit the product and upload yours. If the product does not exist, you will be provided with a form to enter the information</p>

<h3>Send the product main visual photo</h3>

<img src="/images/misc/ajout-produit-envoyer-photo-face.png" style="border:1px solid grey">

<p>Click "Add a photo" to add it, unless you already uploaded a photo that contains both the bar code and the main visual in the previous step.</p>

<img src="/images/misc/ajout-produit-redresser.jpg" style="border:1px solid grey">

<p>If required, you can correct the image with the rotate left/right buttons.</p>

<p>Crop the product within the image by "click and drag" with the mouse, then hit "Validate and/or resize image".</p>

<img src="/images/misc/ajout-produit-recadrer.jpg" style="border:1px solid grey">

<p>If done on white background, try "Photo on white background: try to remove the background" which slightly grays out edges of the photo and enhance colors.</p>

<p>Photo with the box unticked:</p>

<img src="/images/misc/ajout-produit-photo.jpg" style="border:1px solid grey">

<p>Photo with the box ticked:</p>

<img src="/images/misc/ajout-produit-photo-sans-fond.jpg" style="border:1px solid grey">


<p>The result depends on the amount of shadows, keep the original photo if the colors are too saturated.</p>

<h3>Add product information</h3>

<img src="/images/misc/ajout-produit-caracteristiques.png" style="border:1px solid grey;">

<p>The product name is the one that appears on the packaging.</p>

<p>The generic name is the "legal" product name, without indication of brand.Usually found on the packaging too</p>

<p>The fields "Packaging", "Brands", "Categories", "Origin", "Labels" are keywords lists (tags) under which the product will be referenced. You can type these keywords separated by a comma or by hitting enter.</p>

<p>You can fill in all the keywords that you think are relevant (check products already listed). When the number of products in the base will be more significant, we can sort through all the keywords and create a category tree and correspondences between multiple spellings ("doughnut" and "donut"), etc. We can also offer suggestions on the fly (by typing a few letters) for brands etc.</p>

<h3>Send ingredients photo</h3>

<img src="/images/misc/ajout-produit-ingredients.jpg" style="border:1px solid grey">

<p>As for the other photo, upload the ingredient list one.</p>

<img src="/images/misc/ajout-produit-ingredients-cadre.jpg" style="border:1px solid grey">

<p>Crop the area containing the list and hit "Validate and/or resize image".</p>

<img src="/images/misc/ajout-produit-ingredients-extraire.jpg" style="border:1px solid grey">

<p>You can avoid typing the list of ingredients with the "Extract the ingredients from the picture". Recognition works better when the picture is sharp and the text straight. On the other hand if the text is curved (photo of a can for example) or if the background is not uniform, the ingredients are not generally recognised.</p>

<img src="/images/misc/ajout-produit-ingredients-texte.png" style="border:1px solid grey">

<p>With this product, recognition is almost perfect (an 'a' as been recognized as a '1'). The text automatically extracted often needs correction.</p>

<p>This automatic recognition should improve with time: the more product we have, the better the dictionary of ingredients we can generate to help the text recognition algorithm.</p>

<p>Next fill in the potentially allergens "Traces" in the products. This information is crucial and sometimes vital for allergy sufferers.</p>

<img src="/images/misc/ajout-produit-ingredients-traces.png" style="border:1px solid grey">


<h3>Send nutritional information photo</h3>

<p>We see more and more products that indicate the nutritional composition on the packaging. As for the ingredients, upload and optimise the corresponding picture.</p>

<img src="/images/misc/ajout-produit-photo-nutrition.jpg" style="border:1px solid grey">


<p>Nutritional tables are more difficult to recognize than the ingredients list, therefore it is not automated yet.</p>

<p>Currently we provide a list of the most frequently listed nutrients with their common quantity unit.</p>

<img src="/images/misc/ajout-produit-nutrition-tableau.png" style="border:1px solid grey">

<p>The European legislation allows manufacturers to list other nutrients (vitamins and minerals in particular). If they are listed on the packaging, you can add them in the last line of the table. By typing the first few letters you will get a drop down list with the corresponding nutrients and the most common corresponding units (mg for vitamin C for example). If you can not find the nutrient, you can type it in full</p>

<img src="/images/misc/ajout-produit-nutrition-vitamines.png" style="border:1px solid grey">


<h3>Save the product</h3>

<p>Now you only need to hit the "Save" button.</p>

<p>Thanks in advance for all the products you will contribute to the database!</p>

<p>Ready for your first product? See you at the top right of this page.</p>
</div>