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