Difference between pages "Mobile App/Cordova Development Notes" and "Translations - Discover page - French"

From Open Food Facts wiki
(Difference between pages)
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]]
 

Revision as of 17:11, 6 May 2015

Go back to the main Translations page.

<!-- 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>

	</div>

</div>

<hr>

<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 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>

	<div class="medium-4 columns">
		<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>

<hr>

<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>

<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.

		</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>

	<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>

<hr>

<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 ?</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.

	</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>