Créer et publier votre application mobile

Dans cet article, nous allons découvrir comment créer et publier l’application mobile (disponible uniquement pour la plateforme Android) pour votre portail de formation.

Pour configurer l’application mobile pour votre portail de formation, vous aurez besoin d’un fichier APK/AAB d’application mobile et vous devrez configurer votre compte Google PlayStore. Le fichier APK/AAB peut être généré de deux manières :

1. Création d’une application web progressive (PWA) pour Android

2. Demande d’un AAB d’application mobile à l’équipe de la plateforme

Avertissement

L’équipe Microsoft Community Training va bientôt déconseiller le processus de demande d’application mobile à partir de la plateforme et prendre en charge uniquement les applications web progressives (PWA) pour Android et iOS.

Étapes pour créer une application mobile

Option 1 : Création d’une application web progressive (PWA) pour Android

Que sont les applications web progressives ?

Les applications web progressives (PWA) permettent d’accéder aux technologies web ouvertes pour l’interopérabilité multiplateforme et offrent à vos utilisateurs une expérience semblable à une application personnalisée pour leurs appareils.

Les PWA sont des sites web qui sont progressivement améliorés pour fonctionner comme des applications installées sur des plateformes de prise en charge, et comme des sites web standard sur d’autres navigateurs.

Les qualités d’une PWA combinent le meilleur des applications web et compilées. Les PWA s’exécutent dans les navigateurs, tels que les sites web, mais ont accès aux fonctionnalités d’application telles que la possibilité de travailler hors connexion, d’être installées sur le système d’exploitation, de prendre en charge les notifications Push et les mises à jour périodiques, d’accéder aux fonctionnalités matérielles et plus.

Lorsqu’elles sont installées, les PWA sont pareilles à d’autres applications sur Windows ou Android. Elles peuvent être ajoutées au menu Démarrer, épinglées à la barre des tâches, gérer les fichiers, s’exécuter lors de la connexion de l’utilisateur sur le bureau et dans Android PWA, elles seront ajoutées en tant qu’applications natives dans la barre d’état des applications.

Étant donné qu’une application web progressive est un type de page web/site web appelé application web, elle ne nécessite pas de regroupement ou de distribution distinct. En suivant les exigences d’installation simples mentionnées ci-dessous, les administrateurs peuvent permettre aux apprenants d’installer des PWA sur leurs appareils. Avec PWA Builder, vous pouvez ensuite créer une application Android pour votre instance compatible PWA.

Exigences d’installation pour application mobile PWA

Étape 1 : Mettre à jour la configuration sur la plateforme

1. Connectez-vous au portail Azure.

2. Accédez à Paramètres de l’application à partir du service d’application de votre instance.

3. Sous l’onglet Paramètres de l’application, filtrez Features:EnableWebAppInstall et définissez la valeur sur « true »

   • Si ce paramètre est introuvable, cliquez sur « Nouveau paramètre d’application », indiquez Features:EnableWebAppInstall sous Nom et Valeur comme « true » comme indiqué ci-dessous.

     

   • Cliquez sur OK, puis sur Enregistrer les modifications.

Étape 2 : Mettre à jour les paramètres dans l’Affichage administrateur pour application mobile

1. Connectez-vous à votre portail Microsoft Community Training et passez à l’affichage administrateur

2. Cliquez sur l’option Paramètres dans le panneau de navigation gauche et accédez à la section Application mobile.

   

3. Sous le paramètre Application mobile, vous devez spécifier les informations suivantes :

   Paramètre	Description
   Nom de l’application mobile	Vous pouvez spécifier le nom de votre instance. Ce nom sera utilisé pour le rendu de l’écran de démarrage (Android)ou de l’élément du menu Démarrer (Windows).
   Nom court de l’application mobile	Ce nom sera utilisé pour générer le nom de l’icône de l’application dans la barre d’état de l’application de l’appareil. Vous pouvez mentionner un acronyme plus court du nom de votre instance.
   Couleur d’arrière-plan de l’application	Ce paramètre sera utilisé pour le rendu de l’écran de démarrage (Android).
   Logo de l’application (512 pixels par 512 pixels)	Le logo doit être de 512 x 512 pixels. MCT utilise cette image pour effectuer le rendu de l’écran de démarrage, du menu Démarrer, de l’élément du lanceur d’applications pour votre PWA.

Installation de PWA sur votre ordinateur de bureau et votre appareil mobile

1. Une fois les conditions d’installation pour la PWA satisfaites, lorsque vous vous connectez à votre instance MCT, vous verrez une icône dans la barre de recherche de votre navigateur indiquant que l’application PWA est disponible pour l’installation.

   

2. Les utilisateurs peuvent maintenant installer la PWA qui affiche votre application web MCT en tant qu’application native.

3. Une fois l’installation réussie, vous pouvez cocher les options permettant à l’application de s’épingler à la barre des tâches, de s’épingler pour démarrer, de créer un raccourci Bureau en fonction de vos besoins.

   

4. Pour les appareils mobiles (Android), les utilisateurs peuvent installer PWA en cliquant sur l’invite (bannière d’ajout à l’écran d’accueil) qu’ils reçoivent en accédant à votre instance MCT ou en cliquant sur « Installer l’application » à partir des options du navigateur.

   

Remarque

Compatibilité des appareils et du navigateur :

• Le flux PWA fonctionne comme prévu lors de l’utilisation de navigateurs basés sur chromium tels que Microsoft Edge, Google Chrome.

• Pour le navigateur Firefox sur le bureau, l’icône d’installation PWA ne s’affiche pas dans la barre d’URL, mais les service workers sont installés. Dans le navigateur Mobile Firefox, vous aurez l’option Ajouter à l’écran d’accueil qui peut installer PWA.

• Safari sur iOS ne prend pas en charge l’ajout à la bannière de l’écran d’accueil, mais l’option est visible dans le menu du navigateur. Vous remarquerez peut-être des incohérences avec PWA sur iOS.

Générer un ensemble d’applications Android à l’aide de PWA Builder

Lorsque vous avez activé PWA, dans le back-end, un service worker et un manifeste web sont ajoutés. Avec ces éléments, vous pouvez créer une application Android native qui peut être groupée pour être chargée sur votre Play Store. Nous vous recommandons d’utiliser PWABuilder un outil gui en ligne qui peut générer des fichiers APK &AAB pour votre instance.

Prérequis

Créez un ticket auprès de l’équipe du support technique MCT pour demander un fichier KeyStore au cas où vous souhaitiez disposer d’une mise à jour pour votre application mobile existante.

Partie 1 : Étapes pour générer l’offre groupée d’applications Android

1. Ouvrez PWABuilder

2. Dans la zone de texte de la page d’accueil du PWA Builder, entrez l’URL de votre instance (par exemple, contosolearning.azurewebsites.net), puis cliquez sur « Démarrer ». Dans le back-end, PWABuilder vérifie si vous disposez d’un service worker et d’un manifeste disponibles pour votre PWA.

   

3. Cliquez sur Suivant sur la page de carte du rapport de PWA, la note 130 et supérieure indique que vous avez satisfait aux exigences de PWABuilder.

   

4. Vous serez redirigé vers la page où vous pouvez générer l’offre groupée d’applications Android, à droite dans la section Android, cliquez sur « Package store ».

   

5. Dans la fenêtre « Options de l’application Android » :

   1. Si vous souhaitez mettre à jour une application existante, il convient alors de mentionner l’ID de package de votre application Android publiée précédemment.

   2. Si vous créez une application pour la première fois, vous pouvez choisir de la laisser avec l’ID prérempli.

   3. Indiquez le nom de l’application et le nom du Launcher pour votre application. Si vous créez une application pour la première fois, vous pouvez passer à l’étape 6 en générant votre offre groupée d’applications

   4. Cliquez sur « Tous les paramètres » et incrémentez la version de l’application et le code de version de l’application de 1 à partir de la version de votre application existante. Si vous créez l’application pour la première fois, n’incrémentez pas la valeur.

      

   5. Faites défiler jusqu’à « Clé de signature », choisissez « Utiliser la mienne » et chargez le fichier de magasin de clés que vous avez reçu de l’équipe du support technique MCT.

      

   6. Téléchargez votre offre groupée d’applications.

6. Terminez le processus en exécutant un script avec les étapes mentionnées dans ce document qui vous permettront de lier des ressources numériques.

Notes

1. Différence entre l’installation de PWA à partir du navigateur et l’installation à partir du Play Store ?

   • Il n’y aura aucune différence dans l’expérience d’apprentissage. Toutefois, avec Play Store, vous pouvez accéder à l’analyse et choisir qui peut télécharger l’application. À mesure que Play Store certifie l’application, elle est plus sécurisée.

2. Avantages de PWA par rapport à l’application native

   • Les PWA sont des applications légères par rapport aux applications natives, elles occupent donc moins d’espace (généralement moins de 10 Mo).

   • Elles sont faciles à gérer, étant donné que PWA est essentiellement une page de navigateur s’exécutant en tant qu’application native, elle serait au même niveau que les mises à jour publiées pour l’application web.

   • Toutes les mises à jour envoyées à l’application web sont automatiquement synchronisées avec votre PWA.

3. Points à retenir lors de la migration d’une application native vers PWA

   • Si vous avez mis à jour votre application native dans le Play Store avec PWA, l’application est automatiquement mise à jour pour l’utilisateur en fonction des paramètres de son appareil. Sinon, l’utilisateur doit mettre à jour manuellement l’application à partir du Play Store.

   • Le contenu téléchargé ne sera pas migré d’une application native vers une application PWA. L’apprenant doit télécharger à nouveau le contenu pour la consommation hors connexion.

Option 2 : Demande d’un AAB d’application mobile à l’équipe de la plateforme

1. Accédez au Support technique Microsoft Community Training.

2. Cliquez sur Se connecter dans le coin supérieur gauche de la page d’accueil. Utilisez vos comptes Azure AD ou Social pour vous inscrire et vous connecter.

3. Cliquez sur Créer un ticket de support et entrez les valeurs suivantes :

   Champ	Description
   Titre	Entrez « Demander une application mobile »
   Type	Sélectionnez « Demande »
   Objet	Sélectionner « application mobile »
   Description	Vérifier l’étape 4

4. Fournissez les informations suivantes dans la section Description du ticket de support -

   • Code de couleur d’application (format HEX) : cette couleur sera utilisée dans l’application mobile comme indiqué dans l’image au début de l’article. Par exemple, Orange

   • URL du portail : il s’agit de l’instance de la plateforme pour laquelle l’application mobile sera générée

   • Nom de l’application : il s’agit du nom de l’application mobile lorsqu’elle est publiée sur PlayStore

   • Langues prises en charge : liste des langues prises en charge dans l’application mobile

     Échantillon de contenu de description

     1. Code de couleur d’application - #FFA500
     2. URL du portail - https://contoso.azurefd.net/
     3. Nom de l’application - Contoso Learning Center
     4. Langue - Anglais, Espagnol, Télougou

5. Créez un fichier zip avec les ressources suivantes et joignez-le au formulaire.

   • Icône d’application avec les dimensions suivantes (en pixels) : 24x24, 36x36, 48x48, 72x72, 96x96, 144x144. L’icône sur l’écran du téléphone utilisée pour lancer l’application est l’icône d’application. L’icône d’application doit avoir un arrière-plan transparent.

   • Logo de l’écran de démarrage avec les dimensions suivantes (en pixels) : 150x150, 225x225, 300x300, 450x450. L’écran qui s’affiche lorsque l’application s’ouvre est l’écran de démarrage, illustré ci-dessous.

     

   • Voici un exemple de fichier zip à titre de référence : MobileApp_Assets.zip

6. C'est tout ! Vous recevrez un lien sur votre adresse e-mail de contact pour télécharger les fichiers AAB &APK mobiles de notre équipe de support technique (en 4 à 5 jours ouvrables).

Étapes de publication de votre application mobile sur PlayStore

Avant de commencer

1. Suivez les étapes ci-dessus pour créer votre application mobile et vérifiez que vous avez reçu le lien de téléchargement vers vos fichiers APK et AAB mobiles de Microsoft.

2. Nous fournissons deux fichiers, c’est-à-dire le fichier APK &AAB, vous pouvez utiliser le fichier APK pour tester votre application avant de publier et de publier, vous pouvez utiliser le bundle AAB qui contient la prise en charge de plusieurs versions Android et prend en charge 32 et 64 bits.

3. Inscrivez-vous sur la console Google Play, afin de publier votre application sur Google PlayStore.

Étapes de publication de votre application mobile

1. Téléchargez le fichier AAB sur votre ordinateur à partir de l’e-mail que vous avez reçu de notre équipe de support, après avoir créé votre application mobile.

2. Suivez les instructions fournies ici pour charger et publier votre fichier APK sur Google PlayStore.

   Remarque

   Les étapes de publication des fichiers AAB sont similaires aux étapes utilisées dans la publication d’un fichier APK.

3. Une fois que vous avez chargé et publié votre fichier AAB, accédez à Paramètres -> Utilisateurs et Autorisations.

4. Cliquez sur « Inviter un nouvel utilisateur ».

5. Entrer l’adresse e-mail en tant que sangamdeployments@gmail.com.

6. Conservez la date d’expiration de l’accès comme Jamais.

7. Sélectionnez le rôle en tant que Gestionnaire de versions.

8. Choisissez votre application mobile dans la liste déroulante Choisir une application.

9. Cliquez sur Envoyer invitation.

10. Important : envoyez un e-mail à l’équipe Microsoft Community Training indiquant que l’autorisation a été partagée. Vous pouvez répondre à la chaîne de courrier dans laquelle le fichier AAB a été partagé avec vous.

Remarque

En cas de modification/mise à jour de la configuration du type de connexion sur votre instance, l’application mobile doit être mise à jour.

Note

• Pour utiliser des fichiers office hors connexion en PWA, nous fournirons des fichiers pour publier l’application dans Google Play Store.
• Les utilisateurs peuvent demander du support en soulevant un ticket sur Microsoft Community Training Helpdesk.