DEVELOPPEMENT MOBILE

M. PESSA MASSENE DAVE ARTHUR

 PRESENTATION DU CHAPITRE I

Concepts et principes
généraux
CHAP I. CONCEPTS ET PRINCIPES GÉNÉRAUX
INTRODUCTION
- Le développement Mobile qu'est ce que c'est ?
- Différence entre le développement pour Ordinateur et le
développement Mobile
- Cycle de développement mobile

TERMINAUX MOBILE ET APPAREILS INTELLIGENTS

+ Origine
+ Smartphone
+ Tablette
+ Smart Watch
+ Smart TV

LES SYSTEMES D'EXPLOITATION POUR TERMINAUX MOBILES

CHAP I. CONCEPTS ET PRINCIPES GÉNÉRAUX

APPLICATIONS MOBILES
1. Définir Application mobile
2. Plateforme ou Système d'exploitation mobile
+ La plateforme ANDROID
+ La plateforme iOS
+ La plateforme WINDOWS OS
+ La différence entre les plateformes
+ La part du marché des Systèmes d'exploitation mobile

3. Type d'application mobile

+ POURQUOI NATIVE
+ POURQUOI HYBRIDE
+ L'EVOLUTION DES APPLICATIONS HYBRIDE
+ Différence entre Native et Hybride

FRAMEWORKS UTILISES POUR LE DEVELOPPEMENT MOBILE

CHAP I. CONCEPTS ET PRINCIPES GÉNÉRAUX

LANGAGES DE PROGRAMMATION UTILISE

FRAMEWORK IONIC
+ C'est quoi Ionic Framework ?
+ A Quoi çà sert ?
+ Développement mobile avec Ionic Framework

ENVIRONNEMENT DE DEVELOPPEMENT

CREATION DE LA PREMIERE APPLICATION

INTRODUCTION

Le Développement mobile :
 Est un processus qui réunit plusieurs étapes pour développer un logiciel destiné aux
appareils mobile (Smartphone, Tablette, Point de vente, assistants numériques, etc);

 Les logiciels issues de ce développement sont destiné pour les terminaux mobiles;

 Ce type de logiciel est généralement pré installé à la fabrication de l’appareil mobile

ou accessible depuis des plateformes de téléchargement;
INTRODUCTION

Développement logiciel desktop Développement logiciel mobile

Ordinateurs de bureau, Ordinateur Smartphone, Tablette, Assistants

portable, Smart TV numérique, SmartWatch

Prendre en considération ceux qui Prendre en considération toutes les types

utilisent l’ordinateur d’appareils mobile

Prendre en considération les SE Les SE mobiles (Android*, iOS, Tizen,

(Windows, Linux, Chrome OS, etc.) Windows mobile, etc)

Langages de programmation Java, Objective-C, Swift, C/C++

généralement utilisé: Java, C/C++, C# et
.NET
INTRODUCTION
Cycle de développement mobile :
 La mise en œuvre du développement mobile, de manière
optimal, requiert l’usage des méthodes agiles;

 La participation de toutes les parties prenantes (clients,

développeurs, testeurs);
 Intégration du concept CI/CD
INTRODUCTION

Schéma du
cycle de
développement
Agile
TERMINAUX MOBILE ET APPAREILS INTELLIGENTS (ORIGINE)

Un terminal ou appareil mobile :

 est un appareil portable permettant de traiter et d’échanger
des données.
 Est utilisé pour la communication radio ou la communication
IP;
 Peut être utilisé durant la mobilité de son utilisateur;
 Fonctionne sur batterie.
TERMINAUX MOBILE ET APPAREILS INTELLIGENTS (ORIGINE)

Appareil intelligent :
 est un dispositif électronique permettant de communiquer
avec d’autres appareils ou réseaux.
 Utilise différents moyens (protocoles) de communication
(Wifi, Bluetooth, NFC, 3G, LiFi);
 Etablit des interactions avec son utilisateur;
 Téléphones intelligents, TV intelligentes, montres intelligentes, véhicules
intelligents, bracelets intelligents, hauts parleurs intelligents, point de
vente intelligents.
TERMINAUX MOBILE ET APPAREILS INTELLIGENTS

SMARTPHONE
 Est un terminal mobile intelligent;
 La saisie et l’utilisation se fait sur un écran tactile (de manière
générale);
 Peut exécuter un ou plusieurs logiciels;
 Remplit également les fonctionnalités d’un assistant numérique
personnel;

FONCTIONNALITES
 Agenda, Bureautique, la géolocalisation, Multimédia, Dictaphone, la
cartographie, l’accéléromètre, la reconnaissance vocale, la synthèse
vocale, reconnaissance biométrique, Caméra
TERMINAUX MOBILE ET APPAREILS INTELLIGENTS

SMARTPHONE (HISTOIRE)
 Le premier Smartphone est apparue en 1994, « Le Simon
d’IBM »

 Le premier Smartphone tactile (+ clavier physique) est

apparue en 2000, « Ericson 380 ». Système d’exploitation
utilisé Symbian;
TERMINAUX MOBILE ET APPAREILS INTELLIGENTS

SMARTPHONE
(La révolution des Smartphones)

 Le premier Smartphone avec clavier virtuel est

apparue en 2007, « iPhone 2G » de l’entreprise
Apple
TERMINAUX MOBILE ET APPAREILS INTELLIGENTS

SMART TV (Télévision intelligente)

 Téléviseur généralement à écran LED;

 Capable de se connecter à Internet via une prise Ethernet ou via
Wifi;
 Dispose d’un matériel et logiciel système pour exécuter des
applications;
TERMINAUX MOBILE ET APPAREILS INTELLIGENTS

SMART WATCH (Montre intelligente)

 Montre informatisée (hors mis les fonctionnalités basique d’une

montre) : répertoire des contacts, recevoir des appels, agenda,
Messagerie, etc.
 Capable de se connecter à Internet via Wifi;
 Capable de lire des fichiers audio ou vidéos
SYSTEMES D’EXPLOITATIONS POUR APPAREIL MOBILE

 Le SE Mobile se focalise sur la gestion de la connectivité et des interactions avec

l’utilisateur.
 Le SE Mobile peut se retrouver sur les Smartphones, les tablettes, les Smart TV ou
SmartWatch;
 Les SE Mobile les plus utilisés sont Android (pour l’entreprise Google) et iOS
(pour l’entreprise Apple);
 Le noyau Linux est la base sur laquelle s’appuie plusieurs système d’exploitation
notamment « ANDROID »;
 Les SE Mobile sont également utilisés sur point de ventes (écran tactile);
SYSTEMES D’EXPLOITATIONS POUR APPAREIL MOBILE

 Android : 73,11%
 iOS : 20,34%
 Windows : 0,71%
 Nokia : 0,53%
 Blackberry OS : 0,2%
 Autres : 5,11%
APPLICATIONS MOBILES

 Logiciel informatique conçue pour les appareils mobiles .

 Les applications mobiles sont apparues dans les années 1990
notamment avec la sortie du 1er Smartphone (1992);
 Les applications mobiles sont distribuées depuis des boutiques
d’applications (hébergeur d’Apps);
 Le noyau Linux est la base sur laquelle s’appuie plusieurs système
d’exploitation notamment « ANDROID »;
 Les SE Mobile sont également utilisés sur point de ventes (écran
tactile);
PLATEFORME MOBILE ANDROID

 ANDROID est un logiciel système dédié principalement aux appareils intelligents

(Smartphone, tablette, montre connecté, POS Kioks, TV intelligente etc.) .
 ANDROID est conçue sur le noyau Linux;
 La 1ère version d’ ANDROID a été lancée en 2008;
 Conçue en C/C++, Java, Kotlin, format XML;
 La version récente d’Android est la 13;
 Le Kit de développement utilisé « Android SDK »;
 Android est un logiciel système Open Source (presque);
 Le format des fichiers exécutables (.apk ou .aab)
 Les contraintes de développement des applications Android (optimisation de
l’utilisation de la mémoire par exemple ou encore la taille de l’écran)
PLATEFORME MOBILE ANDROID (ARCHITECTURE)

HAL/HIDL : langage de
Description d’interface.
N’est plus utilisé depuis
Android 8+
PLATEFORME MOBILE ANDROID (ARCHITECTURE)
PLATEFORME MOBILE ANDROID (ARCHITECTURE)

A Partir de la version
ANDROID 5.0 Api
level 21
PLATEFORME MOBILE ANDROID (VERSIONING)

Platform names Année API Level

Android 1.x (G1, Cupcake, 2008 - 2009 1, 2, 3(Cupcake) et 4
Donut) (Donut)
Android 2.0 – 2.1 (Eclair) 2009 5- 7
Android 2.2 2010 8
Android 2.3 (Gingerbread) 2010 9 - 10
Android 4.0 – 4.3 (Ice 2011 - 2012 14, 15, 16 et 18
cream et Jelly Bean)
Android Kitkat 4.4 2013 19 - 20
Android 5.0 – 5.1 2014 21 - 22
(Lollipop)
Android 6 (Marshmalow) 2015 23
PLATEFORME MOBILE ANDROID (VERSIONING)

Platform names Année API Level

Android 7.x (Nougat) 2016 24 et 25
Android 8.x (Oreo) 2017 26 et 27
Android 9.x (Pie) 2018 28
Android 10.x (Android Q) 2019 29
Android 11 2020 30
Android 12 2021 31
PLATEFORME MOBILE IOS

 iOS est un logiciel système dédié principalement aux appareils intelligents de la

marque Apple (iPhone, iPad, Apple TV, i etc.) .
 iOS est une dérivée du SE MACOS;
 La 1ère version iOS a été lancée en 2007;
 Conçue en C/C++, Java, Objectif-C, Swift;
 Le Kit de développement utilisé « iOS SDK »;
 La version récente iOS est la 15.1;
 iOS est un logiciel propriétaire apparteant à Apple;
 Le format des fichiers exécutables (.ipa);
 Les contraintes de développement des applications iOS (optimisation de
l’utilisation de la mémoire par exemple ou encore la taille de l’écran)
PLATEFORME MOBILE IOS (ARCHITECTURE)
PLATEFORME MOBILE IOS (ARCHITECTURE)
PLATEFORME MOBILE IOS (VERSIONING)

Versions Année Appareils

iPhone OS 1, iPhone OS 2, iPhone 2007 - 2009 iPhone 2G, iPhone 3G, iPhone 3GS
OS 3
iOS 4 2010 iPhone 4 (multitâches + appels vidéos)
iOS 5 2011 iPhone 4S, iPad 2 (+ la sortie iCloud)
iOS 6 et iOS 7 2012 - 2013 iPhone 5, iPhone 5S, iPad 4, etc. (avec MAJ
automatique des apps sur Apps Store)
iOS 8 et iOS 9 2014 - 2015 iPhone 6, 6s, 6s+, etc.
iOS 10 2016 Compatible à partir de iPhone 5 et plus
iOS 11 (1er OS en 64 bits) 2017 Compatible à partir de iPhone 5s et plus
iOS 12 et 13 2018 - 2019 Sortie iPhone XS, iPhone 11
iOS 14 et iOS 15 2020 - 2021 iOS 15 est compatible avec les appareils ayant
iOS 14
PLATEFORME MOBILE WINDOWS

 Windows Phone est un logiciel système dédié principalement aux

appareils intelligents (Smartphone et Pocket PC) .
 Windows Phone est developpée par Microsoft;
 Il est le successeur de « Windows Mobile »;
 Conçue en C/C++, C#;
 1er version sortie en 2010;
 La dernière version est la Windows (Phone) 10 en 2017;
 Le projet Windows Phone a été abandonné le 11 juillet 2017
(Windows Phone 8.1) pour laisser place à Windows 10.
COMPARATEUR DES PLATEFORMES MOBILE

Android iOS Windows

Google Apple Microsoft
Noyau Linux Noyau XNU Noyau Windows NT
Open Source Système fermé Système fermé
Appareils mobile de marques Appareils mobile de marque Appareil mobile de marques dédiés
diversifiés Apple (en accord avec Microsoft)
Android SDK iOS SDK Microsoft Windows SDK
Play Store, Amazon Apps Store, Apps Store Microsoft Store
MboaStore, Huawei AppGallery.
Android Studio XCode Visual Studio
Windows et Linux MAC OS Windows
PART DE MARCHE
DES SE MOBILE
PART DE MARCHE DES VERSIONS ANDROID
PART DE MARCHE DES VERSIONS IOS
TYPES D’APPLICATION MOBILE (NATIVE ET WEB)

 APP NATIVE est une application mobile conçue pour un SE

spécifique.
 APP NATIVE s’installe sur un appareil intelligent;
 Le développement se fait via un SDK spécifique à la plateforme mobile;
 Sa compilation utilise les langages natifs liés à la plateforme mobile;

 APP WEB est une application qui s’ouvre à partir d’un navigateur (ou
vue) web;
 APP WEB se base sur les technologies web (HTML5, CSS3, etc) pour
sa conception ;
 APP WEB peuvent être accessible depuis n’importe quel support
mobile disposant d’un navigateur Web;
TYPES D’APPLICATION MOBILE (HYBRIDE)

 APP HYBRIDE est une application qui utilise les technologies web pour
fonctionner comme application native sur un appareil mobile.
 APP HYBRIDE utilise un navigateur (ou vue) web pour s’ouvrir sur un
appareil;
 Elle utilise les fonctionnalités native des plateformes mobile (Caméra, Localisation,
Fichiers, Contacts, Téléphone, et bien d’autres);
 Tout comme l’app native, elle s’installe depuis une boutique d’applications
(PlayStore, Apps Store, MboaStore, etc.);
 Gain en temps pour le développement d’une application mobile (à la fois Android
et iOS) : développement multi plateformes
TYPES D’APPLICATION MOBILE (HYBRIDE EVOLUTION)
 Au départ présentait des performances moindre et n’était adopté par la
communauté des développeurs et même des utilisateurs;
 Le développement hybride est la résultante de la multiplicité des
appareils mobiles ainsi que de la complexité des applications natives;
 De plus en plus les entreprises réclament des applications hybrides car
elles souhaitent optimiser le temps d’acquisition et réduire leurs coûts;
 D’autres part, la technologie WebView (utilisé par les apps hybrides) a
beaucoup évolué entre 2007 et 2021 au point où certaines
fonctionnalités de l’appareil sont accessible depuis le WebView
(Localisation, Caméra, Microphone, Géolocalisation par exemple).
 Android System Webview (Android) et WKWebView (iOS)
NATIVE VS HYBRIDE
Langages utilisés
Portabilité
Fonctionnalités de l’appareil
Appareils mobile de marques
diversifiés
Durée de développement
Rapidité
Expérience utilisateur
Développement et Tests
Native Hybride
Java, Swift, Objectif-C, HTML, CSS, JavaScript
Plateforme spécifique (Android Multi plateforme (Android et iOS)
ou iOS)
Accès plus rapide Accès moins rapide
Appareils mobile de marque Appareil mobile de marques dédiés
Apple (en accord avec Microsoft)
Plus longue (à la fois Android et Courte
iOS)
Plus rapide rapide
- -
Test à partir un Store ou via un Test à partir d’un navigateur web
appareil mobile
DEVELOPPEMENT MOBILE : FRAMEWORKS

 Est un espace de travail qui dispose des éléments

nécessaire pour commencer un projet;
 C’est un logiciel qui fournit une base fondamentale
pour le développement d’application mobile;
 Le Framework est spécifique à un environnement
(Android, iOS);
 Il existe 3 catégories de Frameworks : pour le dev
d’Apps Native, pour le dev d’Apps Web et dev
d’Apps Hybride.
NATIVE APPS : FRAMEWORKS

 Kotlin Mobile SDK (développé par JetBrains): recommandé par Google, il

propose également le développement multiplateforme;
 Gradle Build System : directement intégré dans Android Studio, il est
regroupe un ensemble des bibliothèques pour le développement
d’applications Android;
 Swiftic framework pour développement mobile sous iOS;
 React Native: utilisé pour développer à la fois sous Android et iOS, il
utilise le langage JavaScript;
 Xamarin: (développé par Microsoft) est un framework libre utilisé pour
créer des applications Android et iOS s’enpuyant sur .NET et C#.
HYBRID APPS : FRAMEWORKS
 Ionic (conçue par Drifty Co): utilise des technologies web pour
construire à la fois des applications web, et des applications mobiles
(Android et iOS);
 Capacitor: utilisé pour réaliser des applications Android, iOS avec du
html, css, JavaScript. Il sert d’interface entre l’interface web et les features
du téléphone.
 Flutter : conçue par Google, il permet de réaliser les applications à la
fois sur iOS et Android. Il utilise le langage de programmation Dart
 Cordova : il utilise également les standards du Web (html, css, JavaScript)
pour le développement mobile. Il est l’interface entre les interfaces web
et les APIs et fonctionnalités du Téléphone;
 NativeScript: est un framework libre utilisé pour créer des applications
Android et iOS s’enpuyant sur Angular, TypeScript,VueJs ou JavaScript
LANGAGES DE PROGRAMMATION UTILISES

 Java;
 Objectif-C, Swift;
 Python
 Dart;
 JavaScript,TypeScript;
 C#;
 Kotlin;
 HTML5, SCSS, CSS;
LE FRAMEWORK IONIC (PRESENTATION)

 Ionic Framework : est un logiciel qui dispose d’une large

bibliotèques de composants utilisés pour développer des
applications hybrides (Web Apps, Android et iOS);
 Max Lynch est le fondateur du Framework dont la création a été
initié en 2013 avec la première version Ionic 1;
 La récente version du framework est la version 6
 Actuellement la version 7 est en cours de développement. Elle
est à sa phase Alpha;
 Ionic utilise les technologies web (html, css, JavaScript) comme
fondation ;
 Ionic c’est aussi une large communauté de développeurs (+ 5M).
Avec + 5 millions d’applications créées.
LE FRAMEWORK IONIC (PRESENTATION)

 Ionic : propose également un service Cloud nommé « App Flow ».

Ce service permet de générer à la fois des livrables Android et iOS.
Il propose également des services pour implémenter CI/CD sur
PlayStore et Apps Store;
 Ionic propose également des solutions natives comme
l’Authentification(AWS, Azure Active Directory, Auth0, etc.), la
biométrie (reconnaissance faciale ou empreinte biométrique) –
« Identity Vault »;
 Ionic propose également une solution pour le stockage sécurisé
(pour sécuriser les données personnelles de vos utilisateurs). Il offre
également des fonctionnalités pour la fiabilité des données stockées.
 Ionic présente également une solution pour les paiements sécurisés
(Apple Pay, Google Pay, et d’autres méthodes de paiement);
 Ionic c’est aussi un ensemble de ressources telles que: EBook, des
articles, des cas d’utilisation).
LE FRAMEWORK IONIC (PRESENTATION)

 Ionic : propose également une plateforme pour Entreprise

« Ionic Enterprise ». Les entreprises comme NBC, IBM,
Verizon, Burger King utilisent ce service;
 La version « Entreprise » de Ionic propose également des
plugins et librairies pour le développement mobile;
 Cette version intègre les solutions natives: « Identity Vault »,
« Auth Connect », « Secure Data Storage ».
 Ainsi que l’intégration et le déploiement automatisé
(CI/CD)
LE FRAMEWORK IONIC (CAS D’UTILISATION)

 Banque : MasterCard, Banco General,

Cuscal, etc.;
 Santé : NHS, GE Healthcare, BMA, etc.;
 Education: Universités du Michigan,
Auckland, Person.
 Production: BMW, Porsche, CAT, etc.
LE FRAMEWORK IONIC (CAS D’UTILISATION)

 Sworkit est une application

conçue avec Ionic et compte
+5M de téléchargement
(millions d’utilisateurs) sur
PlayStore et bénéficie d’une
bonne note sur Apps Store 4.7
LE FRAMEWORK IONIC (RESSOURCES)

 Ionic Themes : est une plateforme où l’on peut retrouver des

thèmes Ionic et des tutoriels
 Ionic Market: où l’on peut également retrouver des thèmes et
plugins Ionic;
LE FRAMEWORK IONIC: UTILITE

 Ionic Framework : est un Framework dédié au développement

hybride. Il peut être utilisé pour développer des applications mobiles
et des applications web (Progressive Web apps);
 Pour les applications Android et iOS, Ionic intègre Capacitor.;
 Le Framework Capacitor inclut dans Ionic pour l’intégration des
plateformes natives (Android et iOS);
 Ionic utilisé pour le déploiement automatiques d’une mise à jour
sur les plateformes (Play Store et Apps Store) ;
LE FRAMEWORK IONIC: DEVELOPPEMENT MOBILE
(IMPLEMENTATION)

 La partie Implémentation de la solution consiste à dessiner la

solution du problème et utiliser les techniques programmation pour
en faire un logiciel;
 Le Dessin de la solution : durant cette phase, l’une des étapes
consiste à prototyper votre solution. L’un des outils qui sera utilisé
dans ce cours est « Figma »;
 Tout comme d’autres outils peuvent être utilisés ou soit un
prototypage sur papier.
LE FRAMEWORK IONIC: DEVELOPPEMENT MOBILE
(IMPLEMENTATION)
Ionic intègre divers Framework pour faciliter le développement;
 Angular
 React
 Vuejs;
 Tout comme le développeur ne voudra pas utilisé de Framework.
(les notions HTML, CSS (ou SCSS), JavaScript sont incontournable)
Ionic se focalise sur le UX/UI du Frontend indépendamment des
frameworks comme Angular, React,VueJS.

Pour faciliter le développement des applications, Ionic a

également introduit l’outil « Stencil » dans le but de concevoir
des composants web réutilisable quelque soit le projet
LE FRAMEWORK IONIC: ENVIRONNEMENT DE TRAVAIL

- Nodejs (version LTS 14.x)

- Android Studio (version Arctic Fox | 2020.3.1)
- Visual Studio Code (inclût l’installation des extensions ci-après)
 TSLint : https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-typescript-tslint-plugin
 Auto rename tag : https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
 Angular language service : https://marketplace.visualstudio.com/items?itemName=Angular.ng-template
 Angular snippets : https://marketplace.visualstudio.com/items?itemName=johnpapa.Angular2
 Ionic 4 snippets : https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-ionic-snippets
LE FRAMEWORK IONIC: ENVIRONNEMENT DE TRAVAIL

- L'utilisation de l'invite de commande sera nécessaire (Windows ou MacOS);

- Assurer d'avoir un compte Bitbucket;
- Git : Assurer vous que Git est installé sur votre ordinateur (Git Bash recommandé => https://git-
scm.com/ );
- L’utilisation des commandes Git est obligatoire;
- Un navigateur Chrome (recommandé) ou Safari (si vous utilisez un Mac OS)
LE FRAMEWORK IONIC: PREMIER PROJET(1)

- Avant la création d’un projet Ionic, nous allons installer le Framework Ionic (NB: l’installation se fait via
l’invite de commande);
- npm install -g @ionic/cli

- Si vous avez une ancienne version Ionic, procédez comme suit :

- npm uninstall -g ionic
- npm install -g @ionic/cli
LE FRAMEWORK IONIC: PREMIER PROJET(2)

Une fois Ionic installé, nous allons procéder comme suit pour créer notre 1er projet Ionic.Vous avez 2
choix ;
1er choix : $ ionic start (se laisser guider par l’assistant)
2e choix : $ ionic start <nom_projet> <template>, où template = blank, sidemenu ou tabs

Ensuite exécutez votre projet via la cmd: $ ionic serve (cette commande est executée à la racine du
projet)
LE FRAMEWORK IONIC: STRUCTURE DE VOTRE PROJET (ANGULAR)
Les dossier à ne pas toucher node_modules, e2e, et www;
Le fichier angular.json (définie les séquences nécessaire pour
l’execution d’un projet);
Le fichier capacitor.config.json (fichier qui définit les
préférences de votre application);
Le fichier package.json (il réunit l’ensemble des informations
sur la configuration de votre projet)
Le dossier src (c’est dans le dossier que nous allons le plus
travailler il contient l’ensemble des codes sources et assets)
Le dossier resources (il contient les icones de lancement de
l’application et les images splashscreen)
LE FRAMEWORK IONIC: STRUCTURE DE VOTRE PROJET (GENERER
UN APK)

Pour générer notre application Android, nous

allons définir les informations à propos de
l’application via la commande : Les plugins suivants sont essentiel pour le
$ npx cap init (ou ionic cap init) fonctionnement de votre App
$ npm install @capacitor/app

Ensuite nous allons ajouté une plateforme native
$ npm install @capacitor/android (ios)
$ npx cap add <platform>
(platform= android ou ios) – un dossier nommé (android ou
ios) est créé à la racine du projet
$ npm install @capacitor/haptics
$ npm install @capacitor/keyboard
$ npm install @capacitor/status-bar
LE FRAMEWORK IONIC: STRUCTURE DE VOTRE PROJET (GENERER
UN APK)
Compilation de notre projet Ionic
$ ionic build (mode debug)
Générer les ressources icône de lancement et
$ ionic build --prod (mode production)
Splashscreen
$ npm install -g cordova-res
Synchroniser les sources compilés avec le projet
(outils de génération des ressources)
$ npx cap sync

$ cordova-res ios --skip-config --copy

Ouvrir votre projet android
$ cordova-res android --skip-config --copy
$ npx cap open <platform> (android ou ios)
LE FRAMEWORK IONIC: STRUCTURE DE VOTRE PROJET (GENERER
UN APK)
LE FRAMEWORK IONIC: STRUCTURE DE VOTRE PROJET (GENERER
UN APK)

Ici vous avez la possibilité de générer

votre application soit par APK ou
Android App Bundle
LE FRAMEWORK IONIC: STRUCTURE DE VOTRE PROJET (GENERER
UN APK)

 En choisissant l’option release, votre application est

prête à être publiée sur PlayStore ou d’autres
plateforme d’hébergement (MboaStore).
THANK YOU
ARTHURPESSA@GMAIL.COM