Changes

Jump to navigation Jump to search
Created page with "Go back to the main Translations page. <pre> <!-- no side column --> <div class="row"> <div class="text-center small-12 medium-4 columns"> <img src="/images/svg/openf..."
Line 1: Line 1: −
This page contains notes regarding the development of the Open Food Facts mobile apps.
+
Go back to the main [[Translations]] page.
   −
The current Open Food Facts apps for iOS, Android and Windows Phone use Apache Cordova (previously known as Phonegap).
+
<pre>
 +
<!-- no side column -->
    +
<div class="row">
 +
<div class="text-center small-12 medium-4 columns">
 +
<img src="/images/svg/openfoodfacts-logo-fr.svg" width="100%" style="max-width:356px" alt="Open Food Facts" />
 +
</div>
 +
<div class="small-12 medium-8 columns text-right hide-for-small" style="border-left:none,border-right: 1px solid #DDDDDD;">
 +
<h1>Open Food Facts</h1>
 +
<h2 class="subheader">La base de données libre sur les produits alimentaires.</h2>
 +
<blockquote style="border-left:none;border-right: 1px solid #DDDDDD;">Dis-moi ce que tu manges et je te dirai ce que tu es.
 +
<cite>Jean Anthelme Brillat-Savarin - 1825</cite></blockquote>
   −
== Installing Cordova on your machine ==
+
</div>
Cordova: http://cordova.apache.org/
     −
Installing Cordova 3.6 : http://cordova.apache.org/docs/en/3.6.0/guide_overview_index.md.html
+
</div>
   −
http://cordova.apache.org/docs/en/3.6.0/guide_cli_index.md.html#The%20Command-Line%20Interface
+
<hr>
   −
Following notes are for the Windows Platform, but most of it probably applies for Mac or Linux.
+
<div class="row text-center">
 +
<div class="large-12 columns">
 +
<h2>Ouvrez votre nourriture pour savoir ce que vous mangez</h2>
 +
<h4 class="subheader">Participez à notre base de données collaborative, libre et ouverte des produits alimentaires du monde entier !</h4>
 +
</div>
 +
</div>
 +
<div class="row text-center">
 +
<div class="medium-4 columns">
 +
<img src="/images/svg/food-database-icon.svg" alt="Une base de produits alimentaires" />
 +
<h3>Une base de produits alimentaires</h3>
 +
<p>Open Food Facts est une base de données de produits alimentaires qui répertorie les ingrédients, les allergènes, la composition
 +
nutritionnelle et toutes les informations présentes sur les étiquettes des aliments.
 +
</p>
 +
</div>
 +
 +
<div class="medium-4 columns">
 +
<img src="/images/svg/crowdsourcing-icon.svg" alt="Faite par tout le monde - Collecte citoyenne" />
 +
<h3>Faite par tout le monde</h3>
 +
<p>Open Food Facts est une association à but non lucratif composée de volontaires.</p>
 +
<p>1800+ contributeurs comme vous ont ajouté 43&nbsp;000+ produits de 150 pays en utilisant notre app
 +
<a href="https://play.google.com/store/apps/details?id=org.openfoodfacts.scanner">Android</a>,
 +
<a href="https://itunes.apple.com/en/app/open-food-facts/id588797948">iPhone</a> ou
 +
<a href="http://www.windowsphone.com/en-us/store/app/openfoodfacts/5d7cf939-cfd9-4ac0-86d7-91b946f4df34">Windows Phone</a>
 +
ou leur appareil photo pour scanner les codes barres et envoyer des photos des produits et de leurs étiquettes.
 +
</p>
 +
</div>
   −
== Installing Node.js ==
+
<div class="medium-4 columns">
Install Node.js
+
<img src="/images/svg/opendata-crowd-icon.svg" alt="For everyone - Open data" />
 +
<h3>Pour tout le monde</h3>
 +
<p>Les données sur la nourriture sont d'intérêt public et doivent être libres et ouvertes.
 +
Toute la base de données est publiée sous forme de données ouvertes (open data) qui peuvent être utilisées
 +
par tous et pour tous usages. Allez voir les <a href="#reuses">réutilisations</a> ou créez la vôtre !
 +
</p>
 +
</div>
 +
</div>
   −
* http://nodejs.org/
+
<hr>
* Current Version: v0.10.32
      +
<div class="row text-center">
 +
<div class="large-12 columns">
 +
<h2>Choisissez une alimentation meilleure</h2>
 +
<h4 class="subheader">Savoir c'est pouvoir. Connaître les aliments permet de manger mieux !</h4>
 +
</div>
 +
</div>
   −
== Install git client ==
+
<ul class="text-center small-block-grid-1 medium-block-grid-2 large-block-grid-4">
 +
<li>
 +
<img src="/images/svg/decode-labels-icon.svg" alt="Décoder les étiquettes" />
 +
<h3>Décoder les étiquettes</h3>
 +
<p>
 +
Les numéros E des additifs, les allergènes, les codes emballeurs... Open Food Facts vous aide à décrypter les étiquettes pour les comprendre.
   −
* http://git-scm.com/
+
</p>
 +
<img src="/images/svg/nutrition-grade-icon.svg" alt="Note nutritionnelle" />
 +
<p>Nous notons également la qualité nutritionnelle de chaque produit.</p>
 +
</li>
 +
 +
<li>
 +
<img src="/images/svg/find-products-icon.svg" alt="Trouver des produits" />
 +
<h3>Trouver des produits</h3>
 +
<p>Notre <a href="/cgi/search.pl">formulaire de recherche</a> comporte de nombreux critères pour que vous puissiez trouver
 +
facilement des produits correspondant à vos critères.
 +
</p>
 +
</li>
   −
== Install Cordova ==
+
<li>
 +
<a href="http://world.openfoodfacts.org/cgi/search.pl?action=process&tagtype_0=categories&tag_contains_0=contains&tag_0=Breakfast%20cereals&sort_by=unique_scans_n&page_size=20&axis_x=sugars&axis_y=fat&series_nutrition_grades=on&graph=1">
 +
<img src="/images/svg/compare-graph-icon.320x240.png" alt="Comparer les produits" /></a>
 +
<h3>Comparer et changer</h3>
 +
<p>
 +
Savez-vous quelles céréales pour petit déjeuner contiennent le moins de graisses et de sucre ?
 +
En 3 clics vous pouvez créer un graphique interactif pour le montrer. De cette façon, vous pouvez
 +
opter pour de meilleures céréales. Et en comparant les produits de marques différentes, vous
 +
encouragez les fabriquants à proposer de meilleurs produits.
 +
</p>
 +
</li>
 +
 +
<li>
 +
<a href="/label/fair-trade/origins"><img src="/images/svg/fairtrade-origins-min.svg" alt="Origines des ingrédients des produits du commerce équitable" /></a>
 +
<h3>Explorer et découvrir</h3>
 +
<p>
 +
Etes-vous curieux ? Explorez les produits suivant leurs différentes facettes (marques, catégories, labels, origine des ingrédients etc.).
 +
Les facettes peuvent être combinées, par exemple pour montrer sur une carte
 +
<a href="/label/commerce-equitable/origines">les origines des ingrédients des produits issus du commerce équitable.</a>.
 +
</p>
 +
</li>
 +
</ul>
   −
in git-bash client:
+
<hr>
   −
* npm install -g cordova
+
<div class="row text-center">
 +
<div class="large-12 columns">
 +
<h2>Alimenter la réflexion, l'innovation et la recherche</h2>
 +
<h4 class="subheader">Nos données peuvent être utilisées pour éduquer, développer de nouveaux produits et services, et aider la recherche scientifique !</h4>
 +
<p class="text-left">
 +
La base de données Open Food Facts est publiée sous forme de données ouvertes (open data) sous la license Open Database Licence. Tout le monde peut
 +
l'utiliser pour tout usage, commercial et non-commercial, tant que la source des données est mentionnée et que les ajouts et améliorations sont partagées
 +
sous une license similaire.
 +
</p>
 +
</div>
 +
</div>
 +
<div class="row text-center" data-equalizer id="reuses">
 +
<div class="medium-4 columns">
 +
<div data-equalizer-watch>
 +
<h3>Education</h3>
 +
<p>Combien de publicités pour l'alimentation avez-vous vues dans votre vie ? Au delà de la communication et du marketing,
 +
Open Food Facts aide à voir la réalité.
 +
How many food commercials have you seen in your life? Open data can help to see the facts under the marketing.</p>
 +
</div>
 +
<a href="http://combiendesucres.fr"><img src="/images/svg/combiendesucres-icon.svg" alt="Combien de sucres ?" /></a>
 +
<h4 class="subheader">Combien de sucres&nbsp;?</h4>
 +
<p>Savez-vous à combien de morceaux de sucre correspondent vos aliments ? Essayez <a href="http://combiendesucres.fr">Combien de sucres ?</a>
 +
pour le savoir.</p>
 +
</div>
 +
 +
<div class="medium-4 columns">
 +
<div data-equalizer-watch>
 +
<h3>Produits et services</h3>
 +
<p>Les données d'Open Food Facts peuvent être réutilisées dans des projets commerciaux ou non-commerciaux, à condition que les
 +
ajouts et améliorations de la base soient partagées également.</p>
 +
</div>
 +
<a href="http://cestemballepresdechezvous.fr"><img src="/images/svg/cestemballepresdechezvous-icon.png" alt="C'est emballé près de chez vous" /></a>
 +
<h4 class="subheader">C'est emballé près de chez vous</h4>
 +
<p>Découvrez d'où provient votre nourriture et consommez et mangez local avec <a href="http://cestemballepresdechezvous.fr">C'est emballé près de chez vous !</a></p>
 +
</div>
 +
 +
<div class="medium-4 columns">
 +
<div data-equalizer-watch>
 +
<h3>Recherche scientifique</h3>
 +
<p>Les données d'Open Food Facts sont utilisées par des chercheurs dans plusieurs domaines (Nutrition, Biologie, Web sémantique...).
 +
Et vous n'avez pas besoin d'avoir écrit une thèse pour participer à la science citoyenne !</p>
 +
</div>
 +
<img src="/images/svg/science-icon.svg" alt="Science" />
 +
<h4 class="subheader">Notes nutritionnelles</h4>
 +
<p>L'équipe du Professeur Hercberg du Programme National Nutrition et Santé (PNNS) utilisent les données d'Open Food Facts pour valider
 +
et affiner les formules des notes nutritionnelles proposées dans le cadre de la Loi Santé d'avril 2015.
   −
cordova -v : 3.6.3-0.2.13
+
</div>
 +
 +
</div>
 +
<div class="row text-center">
 +
<div class="large-12 columns">
 +
<p>Découvrez <a href="/reutilisations">toutes les réutilisations</a>, ou <a href="/data">téléchargez nos données</a> pour créer la vôtre !</p>
 +
</div>
 +
</div>
   −
* "error android_home is not set and android command not in your path" when doing "cordova platform add android"
  −
**Install Eclipse ADT  (Note : for win8 32bit/64bit install 32bit ADT)
  −
**Setup Environment Variables :
  −
***Add to existing system variable "path" : <path to adt-bundle\sdk\tools>;<path to adt-bundle\sdk\platform-tools>
  −
** http://docs.phonegap.com/en/edge/guide_platforms_android_index.md.html
  −
*** http://developer.android.com/sdk/index.html
  −
*** C:\Users\Stéphane\AppData\Roaming\npm;C:\Users\Stéphane\AppData\Local\Android\android-sdk\tools;C:\Users\Stéphane\AppData\Local\Android\android-sdk\tools;C:\Users\Stéphane\AppData\Local\Android\android-sdk\platform-tools
     −
"error failed to run javac -version make sure"
  −
  −
Java JDK
  −
* http://www.oracle.com/technetwork/java/javase/downloads/index.html
  −
* JAVA_HOME : C:\Program Files\Java\jdk1.8.0_20
  −
* add to PATH : C:\Program Files\Java\jdk1.8.0_20\bin
  −
  −
ANT
  −
* http://ant.apache.org/manual/index.html
  −
* set ANT_HOME
  −
* add %ANT_HOME%/bin to path
  −
  −
"Error: Failed to run "java -version"
  −
  −
which java
  −
--> un vieux java dans C:\Windows\System32 était la cause du problème.. :-(
  −
  −
http://stackoverflow.com/questions/24493693/cordova-android-revision-to-low
  −
  −
Run SDK Manager, install Android build tools.
  −
  −
== Android version code ==
  −
  −
in config.xml : http://stackoverflow.com/questions/23001780/how-to-get-cordova-3-4-0-to-set-android-version-name-code-on-build
  −
  −
  −
=== Install Moodstocks ===
  −
  −
* https://moodstocks.com/docs/phonegap/using-the-moodstocks-sdk-in-your-phonegap-application/
  −
  −
Instructions pas à jour pour cordova 3.6 on dirait, par contre il y a un autre example :
  −
  −
* https://github.com/Moodstocks/moodstocks-phonegap-plugin/blob/master/src/android/Demo.java
  −
  −
<pre>
  −
public class Demo extends CordovaActivity {
  −
  −
  private boolean scanActivityStarted = false;
  −
  −
  @Override
  −
  public void onCreate(Bundle savedInstanceState) {
  −
    super.onCreate(savedInstanceState);
  −
    this.init();
  −
    // Set by <content src="index.html" /> in config.xml
  −
    super.loadUrl(Config.getStartUrl());
  −
    //super.loadUrl("file:///android_asset/www/index.html")
  −
  }
      
</pre>
 
</pre>
  −
== Cordova plugins ==
  −
  −
* http://plugins.cordova.io/#/package/com.phonegap.plugins.barcodescanner
  −
* https://moodstocks.com/docs/phonegap/using-the-moodstocks-sdk-in-your-phonegap-application/
  −
  −
=== Bugs ===
  −
  −
2ème scan avec Moodstocks:
  −
  −
java.lang.RuntimeException : Unable to start activity ComponentInfo ... The specified child already has a parent. You must call removeView() on the child's parent first.
  −
  −
-> pb de jquerymobile qui "sort" pas proprement du scan lorsqu'on clique sur "back" ?
  −
  −
=== Import sur Google Play ===
  −
  −
* "Vous avez importé un fichier APK qui n'est pas aligné au format zip. Veuillez exécuter un utilitaire d'alignement zipalign sur votre fichier APK, puis le réimporter."
  −
  −
=== Camera, File, File transfer plugins ===
  −
  −
cordova plugin add org.apache.cordova.camera
  −
cordova plugin add org.apache.cordova.file
  −
cordova plugin add org.apache.cordova.file-transfer
  −
  −
== Firefox OS ==
  −
  −
* https://developer.mozilla.org/en-US/Firefox_OS/Using_the_App_Manager
  −
* https://github.com/gasolin/qrcode_scanner/
  −
* https://github.com/SunboX/QR-Reader
  −
  −
== May be of interest for future apps ==
  −
  −
* http://ionicframework.com/
  −
  −
[[Category:Mobile]]
 

Navigation menu