SlideShare une entreprise Scribd logo
1  sur  19
Panorama des
Technologies mobiles
Juillet 2021
Abdoulaye Dieng 1
Objectifs
• Connaître les principales technologies utilisées pour
développer des applications mobiles
• Savoir quelle technologie est la mieux adaptée pour un
projet
2
Sommaire
1) Navigation Web : mobile vs ordi
2) Native
3) Web app
4) PWA
5) Hybride
6) Choix
3
Navigation Web : mobile vs ordi
4
Native
présentation
• Una application native est développée en utilisant les
technologies spécifiques à la plateforme (IOS, Androïd,
Windows) choisie
• Langages
oObjective-C et Swift pour IOS
oJava et Kotlin pour Androïd
oC# pour Windows Mobile
5
Native
avantages
• Accès total à toutes les fonctionnalités du téléphone
• Profiter de la puissance de calcul du téléphone
• Performances optimales
• Navigation fluide
• Utilisation offline
• Compatibilité avec des objets connectés
6
Native
inconvénients
• Plusieurs développements (1 dev par OS)
• Compétences rares
• Coûts de développement élevés
• Distribution soumise aux exigences des stores
• Difficulté à persuader les utilisateurs à installer l’app (taille,
permissions, …)
• Évolution et maintenance coûteuses
• Contenu non indexé par les moteurs de recherche et non
« backlinkable »
7
Web app
présentation
• Une Web app est développé avec les technologies Web dans
le but d’être consultable depuis un navigateur mobile
• Langages : HTML, CSS, JavaScript
8
Web app
avantages
• Accessibilité depuis tout type de mobile (androïd, iphone,
Windows phone)
• Facilité d’accès avec un navigateur
• Technos web maîtrisées par beaucoup de développeurs
• Coûts peu élevés
• Disponibilité immédiates des modifications de l’application
• Contenu indexé par les moteurs de recherche et
« backlinkable »
9
Web app
inconvénients
• Pas installable
• Moins « user friendly » (convivial)
• Pas accès à l’environnement de l’OS
• Connexion internet obligatoire
• Ne figure pas sur les stores
10
Progressive Web app
présentation
• Une PWA est moins une technologie qu’une amélioration
progressive (« progressive enhancement ») des Web app
• Une PWA profite des nouveautés sur les navigateurs
Web notamment avec les
 Services workers : gestion du cache pour l’accès hors-ligne,
notifications push, etc?
 les fichiers manifest : app installable avec icône, …
• PWA est créé et soutenu par Google
11
Progressive Web app
avantages
• Tous les avantages d’une Web app
• installation sur le terminal
• Accessible hors ligne
• Notifications push
12
Progressive Web app
inconvénients
• Moins « user friendly » (convivial)
• Accès réduit à l’environnement de l’OS mais en constante
amélioration
• Ne figure pas sur Apple Store
13
Hybride
présentation
• Une application hybride est une alliance entre Web app et
app native
• Après leur développement avec les technologies Web
 certaines sont intégrées dans une coquille vide appelée
WebView
 d’autres sont compilées en natif pour les différents
systèmes visés
• Langages : HTML, CSS, JavaScript
• Outils
oWebView : Ionic, Angular, React, …
onatifs : React Native, Flutter, …
14
Hybride
avantages
• Réutilisation du code : écrit une fois et déployé ensuite sur
toutes les plateformes mobiles.
• Réduction du temps et du coût de développement
• Optimisation des coûts de maintenance évolutives
15
Hybride
inconvénients
• Ergonomie unique pour tous les OS
• Exploitation partielle des fonctionnalités du terminal
16
Choix d’une technologie
17
Choix de la technologie
questions à se poser
• Accès aux fonctionnalités du terminal (caméra, GPS, contact, …)
• Compétences de l’équipe de développement ?
• Accessibilité de l’application en mode offline ?
• Notifications push ?
• Sur quelle plateforme sera-t-elle disponible ?
• …
18
Références
• https://www.inflexsys.com/choisir-technologie-mobile/
• https://fr.followanalytics.com/blog/definition-application-
mobile-native/
• https://www.blogdumoderateur.com/pwa-progressive-web-
apps-dev-web-mobile/
• https://www.inflexsys.com/push-notification-ce-quil-y-a-a-
savoir/
19

Contenu connexe

Tendances

Introduction to iOS Development
Introduction to iOS DevelopmentIntroduction to iOS Development
Introduction to iOS Development
Asim Rais Siddiqui
 

Tendances (20)

Rapport d'une application mobile de recommendation de livres
Rapport d'une application mobile de recommendation de livresRapport d'une application mobile de recommendation de livres
Rapport d'une application mobile de recommendation de livres
 
Développement web mobile avec IONIC 2
Développement web mobile avec IONIC 2Développement web mobile avec IONIC 2
Développement web mobile avec IONIC 2
 
Angular Framework présentation PPT LIGHT
Angular Framework présentation PPT LIGHTAngular Framework présentation PPT LIGHT
Angular Framework présentation PPT LIGHT
 
Modele mvc
Modele mvcModele mvc
Modele mvc
 
Mohamed -CV 2016
Mohamed -CV 2016 Mohamed -CV 2016
Mohamed -CV 2016
 
Introduction to iOS Development
Introduction to iOS DevelopmentIntroduction to iOS Development
Introduction to iOS Development
 
Reseau informatique
Reseau informatiqueReseau informatique
Reseau informatique
 
Rapport Pfe Application Web e-commerce Symfony2
Rapport Pfe Application Web e-commerce Symfony2Rapport Pfe Application Web e-commerce Symfony2
Rapport Pfe Application Web e-commerce Symfony2
 
Cahier des charges. système de pointage. meck moroni
Cahier des charges. système de pointage. meck moroniCahier des charges. système de pointage. meck moroni
Cahier des charges. système de pointage. meck moroni
 
Support developpement applications mobiles avec ionic v3 et v4
Support developpement applications mobiles avec ionic v3 et v4Support developpement applications mobiles avec ionic v3 et v4
Support developpement applications mobiles avec ionic v3 et v4
 
Odoo installation et configuration avancée
Odoo installation et configuration avancéeOdoo installation et configuration avancée
Odoo installation et configuration avancée
 
DART.pptx
DART.pptxDART.pptx
DART.pptx
 
Rapport de stage PFE - Mémoire master: Développement d'une application Android
Rapport de stage PFE - Mémoire master: Développement d'une application AndroidRapport de stage PFE - Mémoire master: Développement d'une application Android
Rapport de stage PFE - Mémoire master: Développement d'une application Android
 
Angular Avancé
Angular AvancéAngular Avancé
Angular Avancé
 
Etude et réalisation d'un dispositif de géolocalisation pour les malades d'Al...
Etude et réalisation d'un dispositif de géolocalisation pour les malades d'Al...Etude et réalisation d'un dispositif de géolocalisation pour les malades d'Al...
Etude et réalisation d'un dispositif de géolocalisation pour les malades d'Al...
 
Conception et developpement d'une application mobile Android e-location
Conception et developpement d'une application mobile Android e-locationConception et developpement d'une application mobile Android e-location
Conception et developpement d'une application mobile Android e-location
 
Introduction à itil v3
Introduction à itil v3Introduction à itil v3
Introduction à itil v3
 
Rapport: Robot supervisor
Rapport: Robot supervisorRapport: Robot supervisor
Rapport: Robot supervisor
 
Rapport Projet de fin d'etude sur le parc informatique
Rapport Projet  de fin d'etude sur le parc informatiqueRapport Projet  de fin d'etude sur le parc informatique
Rapport Projet de fin d'etude sur le parc informatique
 
Smart Parking: Stationnement intelligent État de l’art, Étude d’un exemple De...
Smart Parking: Stationnement intelligent État de l’art, Étude d’un exemple De...Smart Parking: Stationnement intelligent État de l’art, Étude d’un exemple De...
Smart Parking: Stationnement intelligent État de l’art, Étude d’un exemple De...
 

Similaire à Panorama des Technologies mobiles

Similaire à Panorama des Technologies mobiles (20)

Applications mobiles - quels choix ?
Applications mobiles  - quels choix ?Applications mobiles  - quels choix ?
Applications mobiles - quels choix ?
 
Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.Strategies et developpements mobiles multi-plates-formes.
Strategies et developpements mobiles multi-plates-formes.
 
Passage aux applications mobiles
Passage aux applications mobilesPassage aux applications mobiles
Passage aux applications mobiles
 
Ch1. Développement mobile
Ch1. Développement mobileCh1. Développement mobile
Ch1. Développement mobile
 
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
 
RIA
RIARIA
RIA
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutter
 
Le développement mobile multiplateforme avec cordova
Le développement mobile multiplateforme avec cordovaLe développement mobile multiplateforme avec cordova
Le développement mobile multiplateforme avec cordova
 
Tech conf1 développement_natif_applications_mobiles
Tech conf1 développement_natif_applications_mobilesTech conf1 développement_natif_applications_mobiles
Tech conf1 développement_natif_applications_mobiles
 
Tk04 Iphone Vs Android Fr
Tk04 Iphone Vs Android FrTk04 Iphone Vs Android Fr
Tk04 Iphone Vs Android Fr
 
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !
 
02_Chapitre_1_.pdf
02_Chapitre_1_.pdf02_Chapitre_1_.pdf
02_Chapitre_1_.pdf
 
Construire une PWA connectée à WordPress
Construire une PWA connectée à WordPressConstruire une PWA connectée à WordPress
Construire une PWA connectée à WordPress
 
developpement web framework cms developpement brute
developpement web framework cms developpement brutedeveloppement web framework cms developpement brute
developpement web framework cms developpement brute
 
Développement mobile cross-plateform
Développement mobile cross-plateformDéveloppement mobile cross-plateform
Développement mobile cross-plateform
 
Formation mobile-cross-platform
Formation mobile-cross-platformFormation mobile-cross-platform
Formation mobile-cross-platform
 
Calculus System Academy:Devenez un développeur Full stack
Calculus System Academy:Devenez un développeur Full stackCalculus System Academy:Devenez un développeur Full stack
Calculus System Academy:Devenez un développeur Full stack
 
Réaliser une application mobile pour un groupe de presse avec PhoneGap
Réaliser une application mobile pour un groupe de presse avec PhoneGapRéaliser une application mobile pour un groupe de presse avec PhoneGap
Réaliser une application mobile pour un groupe de presse avec PhoneGap
 
Programmation Web developpement dynamique
Programmation Web developpement dynamiqueProgrammation Web developpement dynamique
Programmation Web developpement dynamique
 
Introduction a Flutter
Introduction a FlutterIntroduction a Flutter
Introduction a Flutter
 

Plus de Abdoulaye Dieng

Plus de Abdoulaye Dieng (20)

Introduction à React
Introduction à ReactIntroduction à React
Introduction à React
 
Fondamentaux du Référencement naturel
Fondamentaux du Référencement naturelFondamentaux du Référencement naturel
Fondamentaux du Référencement naturel
 
Introduction à Symfony
Introduction à SymfonyIntroduction à Symfony
Introduction à Symfony
 
Prise en main de WordPress
Prise en main de WordPressPrise en main de WordPress
Prise en main de WordPress
 
Initiation à Bootstrap
Initiation à BootstrapInitiation à Bootstrap
Initiation à Bootstrap
 
Introduction à Laravel
Introduction à LaravelIntroduction à Laravel
Introduction à Laravel
 
Fondamentaux d’une API REST
Fondamentaux d’une API RESTFondamentaux d’une API REST
Fondamentaux d’une API REST
 
Introduction à Angular
Introduction à AngularIntroduction à Angular
Introduction à Angular
 
Introduction à JavaScript
Introduction à JavaScriptIntroduction à JavaScript
Introduction à JavaScript
 
Introduction à l’orienté objet en Python
Introduction à l’orienté objet en PythonIntroduction à l’orienté objet en Python
Introduction à l’orienté objet en Python
 
Introduction à Python
Introduction à PythonIntroduction à Python
Introduction à Python
 
Introduction à React JS
Introduction à React JSIntroduction à React JS
Introduction à React JS
 
Initiation à l'algorithmique
Initiation à l'algorithmiqueInitiation à l'algorithmique
Initiation à l'algorithmique
 
Introduction à Symfony
Introduction à SymfonyIntroduction à Symfony
Introduction à Symfony
 
Initiation à Bootstrap
Initiation à BootstrapInitiation à Bootstrap
Initiation à Bootstrap
 
Requêtes HTTP synchrones et asynchrones
Requêtes HTTPsynchrones et asynchronesRequêtes HTTPsynchrones et asynchrones
Requêtes HTTP synchrones et asynchrones
 
Introduction à jQuery
Introduction à jQueryIntroduction à jQuery
Introduction à jQuery
 
Introduction à JavaScript
Introduction à JavaScriptIntroduction à JavaScript
Introduction à JavaScript
 
Initiation à l'algorithmique
Initiation à l'algorithmiqueInitiation à l'algorithmique
Initiation à l'algorithmique
 
Introduction à HTML 5
Introduction à HTML 5Introduction à HTML 5
Introduction à HTML 5
 

Panorama des Technologies mobiles

  • 2. Objectifs • Connaître les principales technologies utilisées pour développer des applications mobiles • Savoir quelle technologie est la mieux adaptée pour un projet 2
  • 3. Sommaire 1) Navigation Web : mobile vs ordi 2) Native 3) Web app 4) PWA 5) Hybride 6) Choix 3
  • 4. Navigation Web : mobile vs ordi 4
  • 5. Native présentation • Una application native est développée en utilisant les technologies spécifiques à la plateforme (IOS, Androïd, Windows) choisie • Langages oObjective-C et Swift pour IOS oJava et Kotlin pour Androïd oC# pour Windows Mobile 5
  • 6. Native avantages • Accès total à toutes les fonctionnalités du téléphone • Profiter de la puissance de calcul du téléphone • Performances optimales • Navigation fluide • Utilisation offline • Compatibilité avec des objets connectés 6
  • 7. Native inconvénients • Plusieurs développements (1 dev par OS) • Compétences rares • Coûts de développement élevés • Distribution soumise aux exigences des stores • Difficulté à persuader les utilisateurs à installer l’app (taille, permissions, …) • Évolution et maintenance coûteuses • Contenu non indexé par les moteurs de recherche et non « backlinkable » 7
  • 8. Web app présentation • Une Web app est développé avec les technologies Web dans le but d’être consultable depuis un navigateur mobile • Langages : HTML, CSS, JavaScript 8
  • 9. Web app avantages • Accessibilité depuis tout type de mobile (androïd, iphone, Windows phone) • Facilité d’accès avec un navigateur • Technos web maîtrisées par beaucoup de développeurs • Coûts peu élevés • Disponibilité immédiates des modifications de l’application • Contenu indexé par les moteurs de recherche et « backlinkable » 9
  • 10. Web app inconvénients • Pas installable • Moins « user friendly » (convivial) • Pas accès à l’environnement de l’OS • Connexion internet obligatoire • Ne figure pas sur les stores 10
  • 11. Progressive Web app présentation • Une PWA est moins une technologie qu’une amélioration progressive (« progressive enhancement ») des Web app • Une PWA profite des nouveautés sur les navigateurs Web notamment avec les  Services workers : gestion du cache pour l’accès hors-ligne, notifications push, etc?  les fichiers manifest : app installable avec icône, … • PWA est créé et soutenu par Google 11
  • 12. Progressive Web app avantages • Tous les avantages d’une Web app • installation sur le terminal • Accessible hors ligne • Notifications push 12
  • 13. Progressive Web app inconvénients • Moins « user friendly » (convivial) • Accès réduit à l’environnement de l’OS mais en constante amélioration • Ne figure pas sur Apple Store 13
  • 14. Hybride présentation • Une application hybride est une alliance entre Web app et app native • Après leur développement avec les technologies Web  certaines sont intégrées dans une coquille vide appelée WebView  d’autres sont compilées en natif pour les différents systèmes visés • Langages : HTML, CSS, JavaScript • Outils oWebView : Ionic, Angular, React, … onatifs : React Native, Flutter, … 14
  • 15. Hybride avantages • Réutilisation du code : écrit une fois et déployé ensuite sur toutes les plateformes mobiles. • Réduction du temps et du coût de développement • Optimisation des coûts de maintenance évolutives 15
  • 16. Hybride inconvénients • Ergonomie unique pour tous les OS • Exploitation partielle des fonctionnalités du terminal 16
  • 18. Choix de la technologie questions à se poser • Accès aux fonctionnalités du terminal (caméra, GPS, contact, …) • Compétences de l’équipe de développement ? • Accessibilité de l’application en mode offline ? • Notifications push ? • Sur quelle plateforme sera-t-elle disponible ? • … 18
  • 19. Références • https://www.inflexsys.com/choisir-technologie-mobile/ • https://fr.followanalytics.com/blog/definition-application- mobile-native/ • https://www.blogdumoderateur.com/pwa-progressive-web- apps-dev-web-mobile/ • https://www.inflexsys.com/push-notification-ce-quil-y-a-a- savoir/ 19

Notes de l'éditeur

  1. https://www.inflexsys.com/choisir-technologie-mobile/ https://fr.followanalytics.com/blog/definition-application-mobile-native/
  2. La notification push est un message (généralement court) qui est envoyé depuis un serveur vers le terminal mobile (smartphone, tablette) des utilisateurs de l’application, qu’ils soient en train de l’utiliser ou pas. Elle a pour objectif de « déclencher une session utilisateur ou d’apporter une information instantanée* »
  3. https://www.blogdumoderateur.com/pwa-progressive-web-apps-dev-web-mobile/