============================= Suivi Flore Territoire mobile

Application mobile Android de saisie dans le module GeoNature Suivi Flore Territoire <https://github.com/PnX-SI/gn_module_suivi_flore_territoire>_

Démo vidéo : https://geonature.fr/docs/img/2019-05-SFT-mobile-0.2.0.gif

.. image :: https://github.com/PnX-SI/gn_mobile_sft/blob/master/docs/img/screenshots-0-2-0.png

Installation

Avant de commencer, vérifiez que Node.js et npm <https://nodejs.org/fr/>_ sont installés et sont a jour

::

npm install -g ionic@5.1.0

npm install -g cordova@9.0.0

git clone git@github.com:PnX-SI/gn_mobile_sft.git

cd gn_mobile_sft

npm install

Lancer l'appli sur le navigateur

::

ionic serve

Lancer l'appli sur un terminal

IOS

Nécessite un environnement IOS <https://ionicframework.com/docs/installation/ios>_ seulement disponible sur MacOS ::

ionic cordova run ios

Android

Nécessite un environnement Android <https://ionicframework.com/docs/installation/android>_ disponible sur Windows, MacOS et Linux ::

ionic cordova run android

Build l'appli

IOS

::

ionic cordova build ios

Android

::

ionic cordova build android

pour build une version signée, utilisez android studio, allez dans build, generate signed Bundle/APK, choisissez APK, suivez les instructions

Customination

config.xml

Modifier l'id de l'appli ::

<widget id="com.geonature.sft">

Modifier la nom de l'appli ::

<name>Suivi flore territoire</name>

Description de l'appli ::

<description>An awesome Ionic/Cordova app.</description>

Couleur/thème de l'appli

Il faut modifier le fichier src/theme/variables.scss (`générateur https://ionicframework.com/docs/theming/color-generator$\text{_} )

\text{Icone} \text{et} \text{splashscreen}

• \text{l}'\text{image} \text{source} \text{de} \text{l}'\text{icone} \text{doit} \text{faire} 1024 \times 1024\text{px} \text{et} ê\text{tre} \text{localis}é \text{dans} $`resources/icon.png`$
• \text{l}'\text{image} \text{source} \text{du} \text{splashscreen} \text{doit} \text{faire} 2732 \times 2732\text{px} \text{et} ê\text{tre} \text{localis}é \text{dans} $`resources/splash.png``

Une fois fait, lancez la commande ::

ionic cordova resources