gbaudic/lachouetteappli

Application mobile pour un supermarché coopératif / Mobile app for a cooperative supermarket

La Chouette Appli

Maquette d'application mobile pour LCC, le projet de supermarché coopératif et participatif toulousain www.lachouettecoop.fr

ATTENTION : si vous n'êtes pas membre de la coopérative, cette application n'est que d'une utilité limitée.

Fonctionnalités

• calcul de caisse espèces
• liste de courses
• pense-bête créneaux de participation, avec vue synthétique (dernière/prochaine PIAF)
• scan d'articles pour obtenir des informations supplémentaires (via OpenFoodFacts - nécessite une connexion Internet) ou ajouter l'article à la liste de courses
• accès à des infos supplémentaires sur les produits via QR code

A venir selon faisabilité technique et besoins exprimés :

• liens vers le journal le bec et la plume
• relevés de prix
• carte de membre dématérialisée (rendu caduc par les nouvelles cartes avec photo, mais présent dans le code)

Galerie

Prérequis pour le développement

• Node.js >= 6
• Pour le développement Android : JDK 1.8.* (Java 9 et supérieur n'est pas supporté), Android Studio avec le SDK Android, un téléphone sous Android paramétré pour le développement (sources inconnues/apps non signées/mode développeur)
• Pour le développement sous iOS : un Mac avec XCode, un iPhone

Prérequis utilisateur

• Android récent (>= 5.x) avec sources inconnues activées

Compilation

npm install -g ionic [email protected]
cd laChouetteAppli && npm install pour les paquets javascript
ionic cordova add android
Vérifier qu'un dossier plugins a été créé et que le fichier android.json contient bien la liste dans la partie installed_plugins.

Prévisualisation dans le navigateur : ionic serve (les fonctionnalités natives génèrent des erreurs)
Compilation en natif : ionic cordova build android, avec éventuellement les options --prod et --release
Attention: en mode release, bien effectuer les étapes complémentaires de signature de l'apk et de zipalign, sinon l'installation échouera systématiquement.

Licence

GPL v3. Voir le fichier LICENSE pour plus de détails.

lachouetteappli's Issues

Version iOS

Le but d'un framework hybride est de n'avoir à développer qu'une seule fois pour toucher toutes les plateformes. Malheureusement, je n'ai pas de quoi faire les tests sous iOS...

Format NOVA incohérent dans les données OpenFoodFacts

Il semblerait que selon les articles, le champ nova_group soit une chaîne de caractères ou un nombre. Dans le cas où c'est un nombre, la vue des détails de l'article arrive bien à charger l'image #17, mais la "traduction" vers le nom de la catégorie échoue.

Notifications Push pour trous dans le planning

Idée suggérée : mettre en place des notifications Push pour attirer l'attention sur un manque de volontaires dans les prochains jours, au lieu de passer par une lettre d'information ou un message Facebook.

Nécessiterait un plugin pour les notifications comme pour #8 avec en plus l'utilisation d'un backend. Pas de chance, le système est différent pour iOS et Android, et pour Android il faut un plugin supplémentaire. Cerise sur le gâteau, c'est un service Google (Firebase Cloud Messaging)... 😈

Intégration OpenFoodFacts

Suggestion : s'interfacer avec OpenFoodFacts pour pouvoir récupérer des informations sur les produits et/ou les ajouter à la liste de courses à partir du code barre.

L'API fournie par OFF n'a qu'un seul point d'entrée, qui fournit un fichier JSON particulièrement complet. Un service angular est de rigueur ici.

Meilleure gestion des dates

La saisie des dates sur la vue TAF pourrait être grandement améliorée. Les pistes incluent :

• utilisation de moment.js au lieu de la classe Date native
• utilisation du widget de saisie natif au lieu de celui fourni par Ionic

Vue article : faire apparaître nutriscore et nova en images

Par simplicité, la première version affiches ces infos en texte. Il se trouve qu'OFF met aussi à disposition des images svg (donc a priori très légères à charger).

Exemples :
https://static.openfoodfacts.org/images/misc/nutriscore-a.svg
https://static.openfoodfacts.org/images/misc/nova-group-4.svg

Sauvegarde liste de courses

Cette sauvegarde plante régulièrement, de manière remarquablement aléatoire et même quelquefois avec l'erreur 'plugin_not_installed' alors que le plugin correspondant est bel et bien installé.

Intégration avec le planning définitif

En lien avec #1, l'intégration avec le planning définitif pour aller chercher la liste des PIAFs sans nécessiter de saisie utilisateur devra être prise en compte.

Attention : ne pas effacer la liste avant d'avoir récupéré les nouvelles infos !

Idée : ajouter un "fab" pour actualiser la liste, loading ensuite ou animer l'icône (aller au plus rapide) ; afficher la date de dernière mise à jour, celle-ci étant manuelle (au jj/MM HH:mm) ; vue abrégée dernière/prochaine PIAF (date + délai) avec code couleur rouge/vert. La vue abrégée peut se faire séparément de l'intégration, vu qu'on a juste besoin d'une liste de PIAF pour la faire fonctionner.
Pour le calcul de délai, utiliser la différence en semaines de moment.js (<= 4 : bien, > : paas bien).

Ne pas masquer les anciens créneaux

A l'heure actuelle, la vue "Mes TAFs" ne filtre que les créneaux situés dans le futur. Ceux du passé ne sont cependant pas supprimés. Il serait préférable de pouvoir voir soit l'un, soit l'autre.
Idée : utiliser ion-segment pour passé/à venir.

Intégration au calendrier de l'appareil

Il pourrait être intéressant de permettre au Chouettos de mettre directement dans le calendrier de son téléphone les créneaux de participation saisis dans l'application. Le plugin ionic permettant cela est déjà intégré comme dépendance du projet.

Le code-barre ne passe pas en caisse

Test de ce soir (20 avril) en caisse 2 avec la douchette Honeywell. Etrange...

Compléter la page Contact

Il manque :

• lien facebook public
• lien instagram
• numéro de version (pour faciliter le suivi et la gestion des bugs)

Liste des TAFs

A l'heure actuelle, la liste des TAFs est gérée sur un google sheets. L'idée serait de pouvoir, en se basant sur le nom/prénom/email du Chouettos, récupérer les lignes le concernant pour les afficher de façon propre dans une page dédiée de l'application. Attention : si la gestion des TAFs passe sur quelque chose de plus professionnel (comme un module Odoo accessible uniquement par login), tout sera à refaire et il faudra mettre le groupe Info dans la boucle.

Informations supplémentaires pour le vrac

Les étiquettes pour le vrac devraient contenir à terme un QR code permettant d'obtenir davantage d'informations sur le produit et/ou son fournisseur via l'URL d'une page web. Il serait de bon ton que l'appli permette de les lire, sans passer par une application tierce de scan.

• Activer le support des QR code dans la vue Liste de courses
• Distinguer QR (fiche infos) et EAN-13 (article)
• Afficher la page dans l'appli. Une recherche semble indiquer window.open() comme fonction JS à utiliser, est-ce que ça fonctionne aussi dans une WebView ? Le but étant que l'utilisateur puisse revenir de manière simple à l'application.

Notifications pour les créneaux de participation

Faire en sorte que l'appli produise des notifications pour les créneaux qui sont (par exemple) dans moins de 2 jours

Ionic a un plugin pour les notifications : https://ionicframework.com/docs/native/phonegap-local-notification/

Relevés de prix

Permettre aux Chouettos de faire des relevés de prix de façon collaborative selon les besoins du GAC

Génération de code barre

Celle-ci ne marche jamais du premier coup, mais uniquement au deuxième. Problème de temps de lecture des préférences ?

Double clic parfois nécessaire sur la vue PIAF

Pour passer des PIAFs à venir aux PIAFs passés, il est parfois nécessaire de cliquer 2 fois sur l'onglet alors que ce comportement n'est pas codé explicitement.