SlideShare une entreprise Scribd logo
Applications mobile
Quels choix ?
27/01/2015
Olivier Demarez
Nantes DC
AGENDA
Les plateformes mobiles d’aujourd’hui
Applications web
Applications hybrides
Le meilleur choix ?
Applications natives
Les plateformes mobiles d’aujourd’hui
● Hétérogénéité des OS
● Hétérogénéité du matériel
● Cas particulier de Windows 8 que l’on trouve également sur des
tablettes
Octobre 2014 Netmarketshare
Différents types d’application
Mobile
browser
WEB PAGE
/
WEB CODE
MOBILE WEB
Container
natif
WEB CODE
Plugins
Device APIs
HYBRIDE
Application
native
Device APIs
NATIF
Backend
HTML
REST
JSON HTML
REST
JSON
REST
JSON
SOAP
XML
AGENDA
Les plateformes mobiles d’aujourd’hui
Applications web
Applications hybrides
Le meilleur choix ?
Applications natives
Web mobile
+ +
Build
Deploy
Technologies web
server side (jsp..)
Web browsers
Single page
application
Web mobile
Technologies / Frameworks
Client Serveur
MV
C
Foundation
Web mobile
● Avantages:
○ Technologies traditionnelles du web donc compétences largement
disponibles.
○ Directement accessible dans un navigateur (pas de store).
● Inconvénients:
○ Accès limité au matériel.
○ Pas totalement optimisé pour un usage tactile.
○ Impossible de respecter parfaitement le design spécifique de chaque
plateforme.
○ Peut poser des problèmes de performances.
● Contraintes / bonnes pratiques:
○ Design adapté à une utilisation sur smartphone ou tablette.
○ Implémentation Responsive Design / Adaptative Design.
○ Nouvelle génération d’application de type SPA. Evolution facile vers
l’hybride.
AGENDA
Les plateformes mobiles d’aujourd’hui
Applications web
Applications hybrides
Le meilleur choix ?
Applications natives
Applications hybrides
+ Codenatif
(plugins)
+ +
Build
Deploy
Single page
application
Applications hybrides
Code natif
Package natif
Applications hybrides
Technologies / Frameworks
Client Serveur
MV
C
Foundation
Plugins
Natifs
Applications hybrides
● Avantages:
○ Technologies traditionnelles du web donc compétences largement
disponibles.
○ Possibilité d’étendre le container natif par un système de plugin natif
permettant d’accéder à toutes les APIs natives.
○ Coût du multiplateforme relativement faible si peu de plugins à
développer.
● Inconvénients:
○ Nécessite de multiple compétences.
○ Un peu usine à gaz.
○ Pas totalement optimisé pour un usage tactile.
○ Impossible de respecter parfaitement le design spécifique de chaque
plateforme.
○ Peut poser des problèmes de performances.
● Contraintes / bonnes pratiques:
○ Design adapté à une utilisation sur smartphone ou tablette.
Applications hybrides
● Focus infra / déploiement
○ Le résultat d’une application hydride est une application packagée
pour chaque plateforme.
○ Cela impose d’avoir à disposition du matériel et un système pour
chaque plateforme cible.
Window 8
SDK .Net / Visual studio
Souscription programme développeur
ou entreprise
SDK Android
Android Studio
Mac OS X
Xcode
Souscription programme développeur
ou entreprise
AGENDA
Les plateformes mobiles d’aujourd’hui
Applications web
Applications hybrides
Le meilleur choix ?
Applications natives
Applications natives
Build
Deploy
C# Java
Objective-c
Swift
Applications natives
Technologies / Frameworks
Client Serveur
MV
C
Applications natives
● Avantages:
○ Permet de développer avec design respectant chaque plateforme.
○ Accès total et performant au gestures.
○ Permet d’accéder facilement au dernières nouveautés des SDK /
matériel.
● Inconvénients:
○ Nécessite de multiples compétences.
○ Nécessite autant de développements que de plateformes cibles.
○ Maintenance plus compliquée.
○ Nécessite de multiples environnements.
Synthèse comparative
Natif Web Hybride
Expérience utilisateur Excellente Bonne Bonne
Performance Excellente Moyen à bonne Moyen à bonne
Coût de développement Moyen Moyen Moyen
Coût du multiplateforme Elevé Faible Moyen
Compétences disponibles Moyen Elevé Moyen
Distribution via AppStore Oui Non Oui
Accès au matériel / au système Complet Très partiel Complet
Accès aux nouveautés des plateformes Simple Impossible Possible
Intégration dans usine de développement Compliqué Simple Compliqué
Cas particulier
70% de code commun
30% de code spécifique (l’interface utilisateur)
En C#
AGENDA
Les plateformes mobiles d’aujourd’hui
Applications web
Applications hybrides
Le meilleur choix ?
Applications natives
Le meilleur choix ?
● Il n’y a pas de meilleur choix, le choix dépend clairement du
contexte.
● les questions à se poser:
○ Application grand public ?
○ Application de gestion interne ?
○ Comment va se faire la mise à disposition ?
○ La performance est-il un critère important ?
Merci.
Des questions ?

Contenu connexe

PDF
HTML 5, applications natives ou hybrides : comment choisir ?
PDF
Developpement mobile hybride avec Visual Studio, Apache Cordova
PDF
Développement mobile hybride ou natif : quid du ROI ?
PDF
Réaliser une application mobile pour un groupe de presse avec PhoneGap
PDF
RapportProjetLibre-CrossplateformeMobiledev (1)
PPT
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
PPTX
Les secrets du développement d'une application mobile
PDF
Développement d'applications mobiles
HTML 5, applications natives ou hybrides : comment choisir ?
Developpement mobile hybride avec Visual Studio, Apache Cordova
Développement mobile hybride ou natif : quid du ROI ?
Réaliser une application mobile pour un groupe de presse avec PhoneGap
RapportProjetLibre-CrossplateformeMobiledev (1)
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
Les secrets du développement d'une application mobile
Développement d'applications mobiles

Tendances (20)

PDF
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
PDF
Développement Cross-Platform avec Titanium Mobile
PPTX
Framework XPlatform Mobile
PDF
Plateformes de développement d’applications mobiles
PDF
10 conseils pour developper vos applications mobiles - 2017
PDF
[FR] Présentation de PhoneGap
PDF
Réussir son projet mobile (Livre blanc)
PDF
Responsive web design new14
PDF
Débuter avec phonegap (APACHE CORDOVA) dans eclipse pour android
PDF
eLearning - Strategies de développement multi-périphériques
PDF
Windows Phone: Migrez de Silverlight vers Universal App, Préparez vous à Wind...
PDF
Réussir son lancement mobile
PDF
Les applications mobiles, sites mobiles et web apps
PDF
Livre Blanc : l’importance de la maintenance d’une application mobile selon H...
PDF
Information google apps
PDF
Niji rapport de prévention 2021 - android 12
PPTX
jQuery mobile / PhoneGap : contenus dynamiques client-side
PPTX
Business Plan d’une application mobile
PPTX
Le développement mobile multiplateforme avec cordova
PDF
Passage aux applications mobiles
[Chambé-Carnet] Web Mobile : quelles opportunités, quels moyens ?
Développement Cross-Platform avec Titanium Mobile
Framework XPlatform Mobile
Plateformes de développement d’applications mobiles
10 conseils pour developper vos applications mobiles - 2017
[FR] Présentation de PhoneGap
Réussir son projet mobile (Livre blanc)
Responsive web design new14
Débuter avec phonegap (APACHE CORDOVA) dans eclipse pour android
eLearning - Strategies de développement multi-périphériques
Windows Phone: Migrez de Silverlight vers Universal App, Préparez vous à Wind...
Réussir son lancement mobile
Les applications mobiles, sites mobiles et web apps
Livre Blanc : l’importance de la maintenance d’une application mobile selon H...
Information google apps
Niji rapport de prévention 2021 - android 12
jQuery mobile / PhoneGap : contenus dynamiques client-side
Business Plan d’une application mobile
Le développement mobile multiplateforme avec cordova
Passage aux applications mobiles
Publicité

En vedette (20)

PPT
Présentation Musée des beaux arts de Montréal
PPS
San Martin
PDF
Mission Shopping - Comment booster vos ventes en ligne en fin d'année
PPT
Réunion publique - 6 mai 2011
PDF
pictures
PPS
Javier Diaz_La labor tutorial desde un e-learning Contact Center
PDF
Présentation de Clear Smile
PPT
Video A Blog
PPTX
Avisos Parroquiales Oct. 16 16
PDF
Confianza en la utilización de servicios de banca electrónica
PDF
Les employeurs des salariés intermittents du spectacle au 3e trimestre 2014
PPTX
Atelier de préparation au MAEP
PDF
Experto Redes Sociales. Una introducción 'desenfocada'
ODP
Td 10 powerpoint
PDF
Isbs slides 2010
DOC
Document
ODP
Crear una cuenta en Gmail
PPTX
2011 centros de excelencia en enferemedades crónicas
PPS
Corso fleuri
PPT
Présentation Musée des beaux arts de Montréal
San Martin
Mission Shopping - Comment booster vos ventes en ligne en fin d'année
Réunion publique - 6 mai 2011
pictures
Javier Diaz_La labor tutorial desde un e-learning Contact Center
Présentation de Clear Smile
Video A Blog
Avisos Parroquiales Oct. 16 16
Confianza en la utilización de servicios de banca electrónica
Les employeurs des salariés intermittents du spectacle au 3e trimestre 2014
Atelier de préparation au MAEP
Experto Redes Sociales. Una introducción 'desenfocada'
Td 10 powerpoint
Isbs slides 2010
Document
Crear una cuenta en Gmail
2011 centros de excelencia en enferemedades crónicas
Corso fleuri
Publicité

Similaire à Applications mobiles - quels choix ? (20)

PDF
02_Chapitre_1_.pdf
PDF
Andy-Christen_bachelor-2015
PDF
Strategies et developpements mobiles multi-plates-formes.
PDF
Ch1. Développement mobile
PPTX
Panorama des solutions mobile hybrides
PPTX
Coding : Kit de survie pour les futurs entrepreneurs (Session 1)
PPTX
Développement mobile cross-plateform
PDF
Support developpement applications mobiles avec ionic v3 et v4
PPTX
Les Systèmes d'exploitation mobile
PDF
1semobile-160926100031xcwcwxcwcwsdqcqs.pdf
PPTX
Developpement mobile vs open source
PDF
Choisir sa plateforme de développement mobile
PPT
Présentation Ionic Framework
PDF
Tirer parti des périphériques mobiles dans une application web : qui a dit qu...
PDF
Ionic, react native, native script
PPTX
Panorama des Technologies mobiles
PDF
PhoneGap VS Appcelerator
PPT
Smartphone et Web : pourquoi, comment ?
PDF
[Webinar Niji] Frameworks XPlateform mobile - 2210
PDF
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !
02_Chapitre_1_.pdf
Andy-Christen_bachelor-2015
Strategies et developpements mobiles multi-plates-formes.
Ch1. Développement mobile
Panorama des solutions mobile hybrides
Coding : Kit de survie pour les futurs entrepreneurs (Session 1)
Développement mobile cross-plateform
Support developpement applications mobiles avec ionic v3 et v4
Les Systèmes d'exploitation mobile
1semobile-160926100031xcwcwxcwcwsdqcqs.pdf
Developpement mobile vs open source
Choisir sa plateforme de développement mobile
Présentation Ionic Framework
Tirer parti des périphériques mobiles dans une application web : qui a dit qu...
Ionic, react native, native script
Panorama des Technologies mobiles
PhoneGap VS Appcelerator
Smartphone et Web : pourquoi, comment ?
[Webinar Niji] Frameworks XPlateform mobile - 2210
JCertif Tunisie 2015 - Le Web sur Mobile, Faisons le point !

Applications mobiles - quels choix ?

  • 1. Applications mobile Quels choix ? 27/01/2015 Olivier Demarez Nantes DC
  • 2. AGENDA Les plateformes mobiles d’aujourd’hui Applications web Applications hybrides Le meilleur choix ? Applications natives
  • 3. Les plateformes mobiles d’aujourd’hui ● Hétérogénéité des OS ● Hétérogénéité du matériel ● Cas particulier de Windows 8 que l’on trouve également sur des tablettes Octobre 2014 Netmarketshare
  • 4. Différents types d’application Mobile browser WEB PAGE / WEB CODE MOBILE WEB Container natif WEB CODE Plugins Device APIs HYBRIDE Application native Device APIs NATIF Backend HTML REST JSON HTML REST JSON REST JSON SOAP XML
  • 5. AGENDA Les plateformes mobiles d’aujourd’hui Applications web Applications hybrides Le meilleur choix ? Applications natives
  • 6. Web mobile + + Build Deploy Technologies web server side (jsp..) Web browsers Single page application
  • 7. Web mobile Technologies / Frameworks Client Serveur MV C Foundation
  • 8. Web mobile ● Avantages: ○ Technologies traditionnelles du web donc compétences largement disponibles. ○ Directement accessible dans un navigateur (pas de store). ● Inconvénients: ○ Accès limité au matériel. ○ Pas totalement optimisé pour un usage tactile. ○ Impossible de respecter parfaitement le design spécifique de chaque plateforme. ○ Peut poser des problèmes de performances. ● Contraintes / bonnes pratiques: ○ Design adapté à une utilisation sur smartphone ou tablette. ○ Implémentation Responsive Design / Adaptative Design. ○ Nouvelle génération d’application de type SPA. Evolution facile vers l’hybride.
  • 9. AGENDA Les plateformes mobiles d’aujourd’hui Applications web Applications hybrides Le meilleur choix ? Applications natives
  • 10. Applications hybrides + Codenatif (plugins) + + Build Deploy Single page application
  • 12. Applications hybrides Technologies / Frameworks Client Serveur MV C Foundation Plugins Natifs
  • 13. Applications hybrides ● Avantages: ○ Technologies traditionnelles du web donc compétences largement disponibles. ○ Possibilité d’étendre le container natif par un système de plugin natif permettant d’accéder à toutes les APIs natives. ○ Coût du multiplateforme relativement faible si peu de plugins à développer. ● Inconvénients: ○ Nécessite de multiple compétences. ○ Un peu usine à gaz. ○ Pas totalement optimisé pour un usage tactile. ○ Impossible de respecter parfaitement le design spécifique de chaque plateforme. ○ Peut poser des problèmes de performances. ● Contraintes / bonnes pratiques: ○ Design adapté à une utilisation sur smartphone ou tablette.
  • 14. Applications hybrides ● Focus infra / déploiement ○ Le résultat d’une application hydride est une application packagée pour chaque plateforme. ○ Cela impose d’avoir à disposition du matériel et un système pour chaque plateforme cible. Window 8 SDK .Net / Visual studio Souscription programme développeur ou entreprise SDK Android Android Studio Mac OS X Xcode Souscription programme développeur ou entreprise
  • 15. AGENDA Les plateformes mobiles d’aujourd’hui Applications web Applications hybrides Le meilleur choix ? Applications natives
  • 17. Applications natives Technologies / Frameworks Client Serveur MV C
  • 18. Applications natives ● Avantages: ○ Permet de développer avec design respectant chaque plateforme. ○ Accès total et performant au gestures. ○ Permet d’accéder facilement au dernières nouveautés des SDK / matériel. ● Inconvénients: ○ Nécessite de multiples compétences. ○ Nécessite autant de développements que de plateformes cibles. ○ Maintenance plus compliquée. ○ Nécessite de multiples environnements.
  • 19. Synthèse comparative Natif Web Hybride Expérience utilisateur Excellente Bonne Bonne Performance Excellente Moyen à bonne Moyen à bonne Coût de développement Moyen Moyen Moyen Coût du multiplateforme Elevé Faible Moyen Compétences disponibles Moyen Elevé Moyen Distribution via AppStore Oui Non Oui Accès au matériel / au système Complet Très partiel Complet Accès aux nouveautés des plateformes Simple Impossible Possible Intégration dans usine de développement Compliqué Simple Compliqué
  • 20. Cas particulier 70% de code commun 30% de code spécifique (l’interface utilisateur) En C#
  • 21. AGENDA Les plateformes mobiles d’aujourd’hui Applications web Applications hybrides Le meilleur choix ? Applications natives
  • 22. Le meilleur choix ? ● Il n’y a pas de meilleur choix, le choix dépend clairement du contexte. ● les questions à se poser: ○ Application grand public ? ○ Application de gestion interne ? ○ Comment va se faire la mise à disposition ? ○ La performance est-il un critère important ?

Notes de l'éditeur

  • #23: Par exemple si l’application doit passer par les stores publiques, il faut être attentif au design La mise à dispo MAM u store l’hybride peut poser des problèmes de perf Est-il nécessaire d’utiliser la plateforme de manière intensive, NFC, finder print...