Application mobile

L'interface mobile d'Aptli est conçue pour les travailleurs sur le terrain utilisant des smartphones et des tablettes. Installez-la directement depuis votre navigateur — sans passer par une boutique d'applications — et bénéficiez d'un accès prioritaire hors ligne à vos missions, d'un lecteur de QR codes pour les enlèvements de stock, de la création de rapports avec GPS et prise de photos, ainsi que de la création de cartes. L'expérience mobile est axée sur l'exécution ; les tâches administratives restent sur l'ordinateur de bureau.

Qu'est-ce qu'une PWA ?

Application web progressive = site web installable qui fonctionne comme une application native :

Installation : Installez-la directement depuis le navigateur — pas besoin d'App Store ni de processus d'approbation. La procédure exacte dépend de votre appareil (étapes détaillées par plateforme ci-dessous) :

• Android (Chrome/Edge) : connectez-vous, puis appuyez sur Ajouter à l'écran d'accueil dans la barre latérale de l'application. Solution de secours : menu à trois points du navigateur → Installer l'application / Ajouter à l'écran d'accueil.
• iOS (Safari) : appuyez sur le bouton Partager → Ajouter à l'écran d'accueil. iOS ne propose jamais de message automatique.
• Ordinateur (Chrome/Edge) : cliquez sur la petite icône d'installation à droite de la barre d'adresse, ou utilisez le menu à trois points → Installer Aptli.

Une fois installée, l'application s'ouvre en mode plein écran sans la barre d'outils du navigateur.

Avantages par rapport au navigateur mobile :

• Lancement plus rapide (mise en cache sur l'appareil)
• Fonctionne hors ligne (mise en cache hors ligne)
• Notifications push
• Raccourcis sur l'écran d'accueil vers des fonctions spécifiques
• Meilleures performances (ressources optimisées)

Outils supplémentaires sur ordinateur : certaines fonctionnalités telles que les importations en masse, l'édition avancée et l'exportation de données ne sont disponibles que sur l'application de bureau ; l'application PWA mobile propose un raccourci « Transfert de données », mais l'exportation est limitée à la version de bureau.

Aucun App Store requis :

• Pas de processus d'approbation Apple/Google
• Les mises à jour sont déployées instantanément (pas de délai lié à la validation par l'App Store)
• Même base de code que la version web (efficacité de maintenance)

Portée mobile

Inclus - Fonctions d'exécution :

• ✅ Afficher les missions (toutes ou uniquement les miennes)
• ✅ Créer des rapports à partir des missions
• ✅ Scanner des codes QR (autorisation de retrait)
• ✅ Afficher la carte avec les éléments et les tâches
• ✅ Créer des éléments cartographiques simples (point, ligne, polygone)
• ✅ Afficher les rapports (toutes ou uniquement les miennes)
• ✅ Télécharger des photos dans les rapports
• ✅ Modifier son profil utilisateur
• ✅ Valider son numéro de téléphone (authentification à deux facteurs)
• ✅ Demander de l'aide (formulaire de demande d'aide)
• ✅ Répondre aux demandes d'aide qui vous sont adressées

Exclues - Fonctions d'administration :

• ❌ Créer des missions (sur ordinateur uniquement)
• ❌ Modifier l'inventaire (sur ordinateur uniquement, sauf pour les scans effectués par le personnel autorisé)
• ❌ Enregistrer de nouveaux éléments (brouillons simples acceptés, importations en masse sur ordinateur uniquement)
• ❌ Attribuer des rôles aux utilisateurs (sur ordinateur uniquement)
• ❌ Opérations en masse (sur ordinateur uniquement)

Justification :

• 5 % de la taille/complexité de l'application de bureau
• Priorité à l'exécution sur le terrain
• Les tâches administratives complexes sont mieux gérées sur ordinateur

Interface mobile

Interface PWA mobile — écran d'accueil, missions, rapports et lecteur de QR

Interface du lecteur de QR code intégré à l'application

Barre de navigation inférieure :

• Accueil (aperçu rapide)
• Missions (afficher et filtrer)
• Rapports (créer et afficher)
• Carte (fonctionnalités, tâches, dessin)
• Profil (paramètres du compte)

Raccourcis (appui long sur l'icône Accueil) :

• Scanner (lecteur de codes QR)
• Rapport rapide (créer un rapport à partir de la position actuelle)
• Mes tâches (missions avec mes tâches mises en évidence sur la carte)

Prise en charge des gestes :

• Balayage entre les onglets
• Tirer pour actualiser (mise à jour des données)
• Appuyer longuement pour afficher les menus contextuels
• Pincer pour zoomer sur la carte

Fonction scanner

Scanner de codes QR pour les enlèvements de stock et les références d'éléments :

Cas d'utilisation :

• Scanner le QR d'enlèvement d'une mission → autoriser le transfert de stock
• Scanner le QR d'un élément → ouvrir les détails de l'élément
• Scanner le QR d'une demande d'aide → répondre à un problème spécifique

Déroulement :

1. Appuyer sur le raccourci du scanner (ou sur l'icône du scanner dans la barre de navigation inférieure)
2. L'appareil photo s'ouvre avec le viseur QR
3. Pointez l'appareil photo vers le code QR
4. Détection et décodage automatiques
5. Action effectuée (enlèvement, navigation vers l'élément, etc.)

Autorisation d'enlèvement :

1. Scannez le QR code d'enlèvement de la mission
2. Validez :
   • Vous êtes le destinataire autorisé (ou disposez de l'autorisation canFacilitatePickups)
   • Stock disponible sur le site source
   • Position GPS (à l'intérieur de la zone de géorepérage si configurée)
3. Confirmez l'enlèvement
4. La transaction de transfert est créée automatiquement
5. Le stock est ajouté à votre site personnel

Scans QR hors ligne :

• Scans mis en cache pendant la connexion hors ligne
• Traités une fois de nouveau en ligne
• Empêche les enlèvements en double (logique de déduplication)

Vue des missions

Options de filtrage :

• Toutes les missions
• Missions qui m'ont été attribuées
• Missions que j'ai créées
• Statut (en attente, en cours, terminée)

Fiche de mission :

• Nom et description
• Utilisateurs assignés (avatars)
• Badge de statut
• Résumé des cibles de ressources
• Barre de progression
• Indicateur de date d'échéance

Actions :

• Appuyer pour afficher les détails
• Créer un rapport (bouton d'action rapide)
• Afficher le code QR (si autorisé et si un code de retrait existe)
• Mettre à jour le statut (en cours → terminé)

Création de rapports

Déroulement rapide de la création d'un rapport :

1. Depuis la mission → appuyez sur « Créer un rapport »
2. Prérempli : mission, tâches, consommation suggérée
3. Ajustez les données réelles (ce qui s'est réellement passé)
4. Appuyez sur l'icône de l'appareil photo → prenez des photos
5. Localisation GPS capturée automatiquement (position actuelle)
6. Soumettre → transactions de consommation créées

Champs optimisés pour les mobiles :

• Grandes zones tactiles (boutons, champs de saisie)
• Reconnaissance vocale pour les descriptions
• Téléchargement de photos depuis l'appareil photo ou la galerie
• Remplissage automatique par GPS (ou sélection manuelle sur la carte)
• Champs obligatoires réduits au minimum (nom, travail effectué, lieu de consommation)

Création de rapports hors ligne :

• Créer un rapport hors ligne
• Photos mises en cache localement
• Soumission automatique une fois la connexion rétablie
• Résolution des conflits si les données ont été modifiées côté serveur

Affichage de la carte

Entités affichées :

• Toutes les entités validées (provenant des couches)
• Tâches à proximité de la position actuelle (filtre de proximité)
• Vos missions mises en évidence (code couleur)

Commandes de la carte :

• Sélecteur de couches (activer/désactiver la visibilité des entités)
• Bouton de position actuelle (recentrer sur le GPS)
• Sélecteur de fond de carte (routes, satellite, terrain)
• Recherche (trouver une entité par nom/ID)

Dessin simple :

• Appuyez sur le bouton d'action flottant + ; le premier appui affiche les outils de dessin, le second active l'outil sélectionné (ce fonctionnement en deux étapes permet de garder l'interface épurée sur les petits écrans)
• Choisissez le type de géométrie (point, ligne, polygone)
• Appuyez sur la carte pour ajouter des points
• Remplissez les propriétés de base
• Enregistrez dans la version brouillon
• Remarque : les brouillons créés sur mobile participent au même système de version/validation que sur ordinateur. Les utilisateurs mobiles peuvent demander une validation, mais seuls les administrateurs peuvent l'approuver ; les versions finalisées sont visibles par tous une fois approuvées.

Tuiles de carte hors ligne :

• Tuiles de carte mises en cache (expiration après 30 jours)
• Les tuiles mises en cache se chargent en premier pour plus de rapidité ; le réseau n'est utilisé que si elles manquent
• Fonctionne sans connexion Internet
• Synchronise les éléments une fois de nouveau en ligne

Transfert de stock (personnel autorisé uniquement)

Personnel disposant de l'autorisation canFacilitatePickups :

Déroulement :

1. Le travailleur arrive à l'entrepôt
2. Il présente le code QR de sa mission
3. Le personnel scanne le QR au nom du travailleur
4. Le système valide :
   • Le travailleur est un destinataire autorisé
   • Le personnel dispose de l'autorisation canFacilitatePickups
   • Le stock est disponible
5. Le transfert est effectué
6. La transaction enregistre qui a effectué le scan, pour le compte de qui, et la méthode de scan (par le travailleur lui-même ou avec l'aide du personnel)

Création manuelle d'un transfert : Le personnel peut créer des transferts manuels :

• Sélectionner le site source
• Sélectionner le destinataire
• Sélectionner les ressources et les volumes
• Confirmer → transaction créée

Gestion du profil

Champs modifiables :

• Nom, titre, division
• Numéro de téléphone (avec validation)
• Préférences de notification
• Sélection de la langue

Validation du numéro de téléphone :

1. Saisir le numéro de téléphone
2. Appuyer sur « Envoyer le code »
3. Recevoir un SMS contenant un code à 6 chiffres
4. Saisir le code
5. Numéro de téléphone validé (active les notifications par SMS)

Authentification à deux facteurs :

• Activez l'authentification à deux facteurs (2FA) depuis le profil
• Scannez le QR code TOTP avec l'application d'authentification
• Saisissez le code à 6 chiffres pour confirmer
• Obligatoire lors des prochaines connexions

Ne peut pas être modifié sur mobile :

• E-mail (restriction de sécurité)
• Rôles (fonction d'administrateur)
• Droits d'administrateur (fonction d'administrateur)

Demandes d'aide

Créer une demande d'aide :

1. Appuyez sur « Demander de l'aide » (depuis le profil ou le menu)
2. Remplissez le formulaire :
   • Objet
   • Description (saisie vocale prise en charge)
   • Catégorie (technique, accès, matériel, etc.)
   • Priorité (faible, moyenne, élevée, urgente)
3. Facultatif : ajoutez des photos
4. Envoyer → notification envoyée à l'équipe concernée

Répondre aux demandes d'aide :

• Afficher les demandes qui vous sont adressées
• Ajouter des commentaires/notes
• Mettre à jour le statut
• Télécharger des photos de réponse
• Clôturer une fois le problème résolu

Fonctionnalités hors ligne

Mise en cache hors ligne :

• Réponses API mises en cache (expiration après 1 heure)
• Tuiles de carte mises en cache (expiration après 30 jours)
• Coque de l'application mise en cache (chargement instantané)
• Images et ressources mises en cache

Actions « hors ligne d'abord » :

• Créer des rapports (à envoyer une fois en ligne)
• Prendre des photos (à télécharger une fois en ligne)
• Créer des brouillons de fonctionnalités cartographiques (à synchroniser une fois en ligne)
• Consulter les missions/rapports mis en cache

Indicateurs de synchronisation :

• En ligne : point vert
• Hors ligne : point gris + « X éléments en attente de synchronisation »
• Synchronisation en cours : icône de rotation + « Synchronisation de X éléments... »
• Heure de la dernière synchronisation affichée

Instructions d'installation

Aptli s'installe directement depuis votre navigateur — pas d'App Store, pas de processus d'approbation. La procédure exacte dépend de votre appareil.

Android (Chrome ou Edge)

Procédure principale — bouton dans l'application :

1. Ouvrez Aptli dans Chrome ou Edge.
2. Connectez-vous → vous arrivez sur la page d'accueil mobile.
3. Appuyez sur Ajouter à l'écran d'accueil dans la barre de navigation latérale (icône de téléchargement).
4. La boîte de dialogue d'installation native de Chrome s'affiche — appuyez sur Installer.
5. L'icône d'Aptli apparaît sur votre écran d'accueil.

Chemin de secours — menu du navigateur :

1. Appuyez sur le menu à trois points du navigateur.
2. Appuyez sur Installer l'application ou Ajouter à l'écran d'accueil.
3. Confirmez — l'icône d'Aptli apparaît sur votre écran d'accueil.

Chrome a supprimé la bannière d'installation qui s'affichait automatiquement dans Chrome 76 (2019). Sur les appareils Android récents, l'installation commence toujours par un clic — soit sur le bouton Ajouter à l'écran d'accueil dans l'application, soit via le menu du navigateur. Les deux méthodes fonctionnent ; le bouton dans l'application est plus rapide une fois que vous êtes connecté.

iOS (Safari)

Sur iOS, l'installation des PWA se fait uniquement via Safari — Chrome et Firefox sur iOS sont des shells WebKit sans interface d'installation. iOS n'affiche jamais non plus d'invite d'installation automatique ; vous devez la lancer depuis le menu Partager.

1. Ouvrez Aptli dans Safari.
2. Appuyez sur le bouton Partager (case avec une flèche).
3. Faites défiler et appuyez sur Ajouter à l'écran d'accueil.
4. Appuyez sur Ajouter.
5. L'icône d'Aptli apparaît sur votre écran d'accueil.

Ordinateur de bureau (Chrome, Edge ou autre navigateur Chromium)

1. Ouvrez Aptli dans le navigateur.
2. Recherchez l'icône d'installation (⊕ ou une petite icône représentant un écran d'ordinateur) à droite de la barre d'adresse.
3. Cliquez dessus : la boîte de dialogue d'installation du navigateur s'affiche.
4. Cliquez sur Installer.
5. Aptli s'ouvre dans sa propre fenêtre, sans la barre d'outils du navigateur. Il apparaît également dans le lanceur d'applications de votre système d'exploitation (menu Démarrer, dossier Applications, etc.).

Si l'icône d'installation n'est pas visible :

• Chrome : menu à trois points → Installer Aptli.
• Edge : menu à trois points → Applications → Installer ce site en tant qu'application.

Firefox et autres navigateurs

L'installation des PWA est mieux prise en charge par les navigateurs basés sur Chromium (Chrome, Edge, Opera, Brave) et Safari sur iOS. Firefox prend en charge l'installation sur Android, mais pas sur ordinateur.

Mises à jour

La PWA se met à jour automatiquement :

• Aucune mise à jour via l'App Store n'est nécessaire
• La nouvelle version se télécharge en arrière-plan
• Invite à actualiser lorsque la mise à jour est prête
• Déploiement instantané des correctifs/fonctionnalités

Considérations de sécurité

Stockage sur l'appareil :

• Les données de session sont sécurisées sur l'appareil
• Aucune donnée sensible n'est stockée en texte clair
• Toutes les données locales sont effacées à la déconnexion

Confidentialité GPS :

• Accès à la localisation uniquement lorsque cela est nécessaire (rapports, enlèvements via QR code)
• Autorisation demandée explicitement
• Possibilité de refuser (saisie manuelle de la localisation prise en charge)
• Données GPS chiffrées en transit (HTTPS)

Confidentialité des photos :

• Photos stockées localement jusqu'à leur téléchargement
• Supprimées une fois le téléchargement réussi
• Stockage sur serveur chiffré
• Accès contrôlé par des autorisations

Bonnes pratiques

Installez la PWA :

• Plus rapide qu'un navigateur mobile
• Fonctionne hors ligne
• Meilleure expérience

Activer les notifications :

• Recevez les mises à jour des missions
• Réponses aux demandes d'aide
• Expiration des codes de retrait

Synchroniser régulièrement :

• Ouvrez l'application quotidiennement (même hors ligne)
• Les actions en attente sont traitées automatiquement
• Évite l'accumulation d'un important retard

Utilisez l'appareil photo :

• Les photos prouvent que le travail est terminé
• Documentez les problèmes de qualité
• Plus rapide que de taper des descriptions

Faites un rapport depuis le terrain :

• Envoyez-le pendant que vous êtes encore sur place
• Mémoire fraîche = détails précis
• Capture GPS automatique (n'oubliez pas l'emplacement)

Mettez en cache les tuiles de la carte :

• Ouvrez la carte dans la zone de service lorsque vous êtes en ligne
• Les tuiles sont mises en cache pendant 30 jours
• Carte utilisable hors ligne