SlideShare uma empresa Scribd logo
1 de 23
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 ?

Mais conteúdo relacionado

Mais procurados

[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 ?Chambé-Carnet
 
Développement Cross-Platform avec Titanium Mobile
Développement Cross-Platform avec Titanium MobileDéveloppement Cross-Platform avec Titanium Mobile
Développement Cross-Platform avec Titanium MobileXavier Lacot
 
Framework XPlatform Mobile
Framework XPlatform MobileFramework XPlatform Mobile
Framework XPlatform MobileGabriel DUPONT
 
Plateformes de développement d’applications mobiles
Plateformes de développement d’applications mobilesPlateformes de développement d’applications mobiles
Plateformes de développement d’applications mobilesEric Toguem
 
10 conseils pour developper vos applications mobiles - 2017
10 conseils pour developper vos applications mobiles -  201710 conseils pour developper vos applications mobiles -  2017
10 conseils pour developper vos applications mobiles - 2017Franck Deville
 
[FR] Présentation de PhoneGap
[FR] Présentation de PhoneGap[FR] Présentation de PhoneGap
[FR] Présentation de PhoneGapThomas Bassetto
 
Réussir son projet mobile (Livre blanc)
Réussir son projet mobile (Livre blanc)Réussir son projet mobile (Livre blanc)
Réussir son projet mobile (Livre blanc)Olivier Robé
 
Responsive web design new14
Responsive web design new14Responsive web design new14
Responsive web design new14FullSIX Group
 
Débuter avec phonegap (APACHE CORDOVA) dans eclipse pour android
Débuter avec phonegap (APACHE CORDOVA) dans eclipse pour androidDébuter avec phonegap (APACHE CORDOVA) dans eclipse pour android
Débuter avec phonegap (APACHE CORDOVA) dans eclipse pour androidBosco Basabana
 
eLearning - Strategies de développement multi-périphériques
eLearning - Strategies de développement multi-périphériqueseLearning - Strategies de développement multi-périphériques
eLearning - Strategies de développement multi-périphériquesGoogle
 
Windows Phone: Migrez de Silverlight vers Universal App, Préparez vous à Wind...
Windows Phone: Migrez de Silverlight vers Universal App, Préparez vous à Wind...Windows Phone: Migrez de Silverlight vers Universal App, Préparez vous à Wind...
Windows Phone: Migrez de Silverlight vers Universal App, Préparez vous à Wind...Microsoft
 
Réussir son lancement mobile
Réussir son lancement mobileRéussir son lancement mobile
Réussir son lancement mobileJérémie Clévy
 
Les applications mobiles, sites mobiles et web apps
Les applications mobiles, sites mobiles et web appsLes applications mobiles, sites mobiles et web apps
Les applications mobiles, sites mobiles et web appsNeedeo
 
Livre Blanc : l’importance de la maintenance d’une application mobile selon H...
Livre Blanc : l’importance de la maintenance d’une application mobile selon H...Livre Blanc : l’importance de la maintenance d’une application mobile selon H...
Livre Blanc : l’importance de la maintenance d’une application mobile selon H...Thierry Pires
 
Information google apps
Information google appsInformation google apps
Information google appsinovallee
 
Niji rapport de prévention 2021 - android 12
Niji   rapport de prévention 2021 - android 12Niji   rapport de prévention 2021 - android 12
Niji rapport de prévention 2021 - android 12Gabriel DUPONT
 
jQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-sidejQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-sidemaru.maru
 
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 cordovaSébastien Ollivier
 
Passage aux applications mobiles
Passage aux applications mobilesPassage aux applications mobiles
Passage aux applications mobilesneuros
 

Mais procurados (20)

[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 ?
 
Développement Cross-Platform avec Titanium Mobile
Développement Cross-Platform avec Titanium MobileDéveloppement Cross-Platform avec Titanium Mobile
Développement Cross-Platform avec Titanium Mobile
 
Framework XPlatform Mobile
Framework XPlatform MobileFramework XPlatform Mobile
Framework XPlatform Mobile
 
Plateformes de développement d’applications mobiles
Plateformes de développement d’applications mobilesPlateformes de développement d’applications mobiles
Plateformes de développement d’applications mobiles
 
10 conseils pour developper vos applications mobiles - 2017
10 conseils pour developper vos applications mobiles -  201710 conseils pour developper vos applications mobiles -  2017
10 conseils pour developper vos applications mobiles - 2017
 
[FR] Présentation de PhoneGap
[FR] Présentation de PhoneGap[FR] Présentation de PhoneGap
[FR] Présentation de PhoneGap
 
Réussir son projet mobile (Livre blanc)
Réussir son projet mobile (Livre blanc)Réussir son projet mobile (Livre blanc)
Réussir son projet mobile (Livre blanc)
 
Responsive web design new14
Responsive web design new14Responsive web design new14
Responsive web design new14
 
Débuter avec phonegap (APACHE CORDOVA) dans eclipse pour android
Débuter avec phonegap (APACHE CORDOVA) dans eclipse pour androidDébuter avec phonegap (APACHE CORDOVA) dans eclipse pour android
Débuter avec phonegap (APACHE CORDOVA) dans eclipse pour android
 
eLearning - Strategies de développement multi-périphériques
eLearning - Strategies de développement multi-périphériqueseLearning - Strategies de développement multi-périphériques
eLearning - Strategies de développement multi-périphériques
 
Windows Phone: Migrez de Silverlight vers Universal App, Préparez vous à Wind...
Windows Phone: Migrez de Silverlight vers Universal App, Préparez vous à Wind...Windows Phone: Migrez de Silverlight vers Universal App, Préparez vous à Wind...
Windows Phone: Migrez de Silverlight vers Universal App, Préparez vous à Wind...
 
Réussir son lancement mobile
Réussir son lancement mobileRéussir son lancement mobile
Réussir son lancement mobile
 
Les applications mobiles, sites mobiles et web apps
Les applications mobiles, sites mobiles et web appsLes applications mobiles, sites mobiles et web apps
Les applications mobiles, sites mobiles et web apps
 
Livre Blanc : l’importance de la maintenance d’une application mobile selon H...
Livre Blanc : l’importance de la maintenance d’une application mobile selon H...Livre Blanc : l’importance de la maintenance d’une application mobile selon H...
Livre Blanc : l’importance de la maintenance d’une application mobile selon H...
 
Information google apps
Information google appsInformation google apps
Information google apps
 
Niji rapport de prévention 2021 - android 12
Niji   rapport de prévention 2021 - android 12Niji   rapport de prévention 2021 - android 12
Niji rapport de prévention 2021 - android 12
 
jQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-sidejQuery mobile / PhoneGap : contenus dynamiques client-side
jQuery mobile / PhoneGap : contenus dynamiques client-side
 
Business Plan d’une application mobile
Business Plan d’une application mobileBusiness Plan d’une application mobile
Business Plan d’une application mobile
 
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
 
Passage aux applications mobiles
Passage aux applications mobilesPassage aux applications mobiles
Passage aux applications mobiles
 

Destaque

Présentation Musée des beaux arts de Montréal
Présentation Musée des beaux arts de MontréalPrésentation Musée des beaux arts de Montréal
Présentation Musée des beaux arts de MontréalStephanieLaurin
 
Mission Shopping - Comment booster vos ventes en ligne en fin d'année
Mission Shopping - Comment booster vos ventes en ligne en fin d'annéeMission Shopping - Comment booster vos ventes en ligne en fin d'année
Mission Shopping - Comment booster vos ventes en ligne en fin d'annéeStefanie Keller
 
Réunion publique - 6 mai 2011
Réunion publique - 6 mai 2011Réunion publique - 6 mai 2011
Réunion publique - 6 mai 2011webmaster87
 
Javier Diaz_La labor tutorial desde un e-learning Contact Center
Javier Diaz_La labor tutorial desde un e-learning Contact CenterJavier Diaz_La labor tutorial desde un e-learning Contact Center
Javier Diaz_La labor tutorial desde un e-learning Contact CenterJavier Díaz Sánchez
 
Présentation de Clear Smile
Présentation de Clear SmilePrésentation de Clear Smile
Présentation de Clear SmileClear Smile
 
Video A Blog
Video A BlogVideo A Blog
Video A Blogvicente
 
Confianza en la utilización de servicios de banca electrónica
Confianza en la utilización de servicios de banca electrónicaConfianza en la utilización de servicios de banca electrónica
Confianza en la utilización de servicios de banca electrónicaMiguel Guinalíu
 
Les employeurs des salariés intermittents du spectacle au 3e trimestre 2014
Les employeurs des salariés intermittents du spectacle au 3e trimestre 2014Les employeurs des salariés intermittents du spectacle au 3e trimestre 2014
Les employeurs des salariés intermittents du spectacle au 3e trimestre 2014France Travail
 
Experto Redes Sociales. Una introducción 'desenfocada'
Experto Redes Sociales.  Una introducción 'desenfocada'Experto Redes Sociales.  Una introducción 'desenfocada'
Experto Redes Sociales. Una introducción 'desenfocada'Fernando Tricas García
 
Td 10 powerpoint
Td 10 powerpointTd 10 powerpoint
Td 10 powerpointMarine
 
Isbs slides 2010
Isbs slides 2010Isbs slides 2010
Isbs slides 2010RMwebsite
 
Document
DocumentDocument
DocumentViewOn
 
Crear una cuenta en Gmail
Crear una cuenta en GmailCrear una cuenta en Gmail
Crear una cuenta en GmailCarlos Ollero
 
2011 centros de excelencia en enferemedades crónicas
2011 centros de excelencia en enferemedades crónicas2011 centros de excelencia en enferemedades crónicas
2011 centros de excelencia en enferemedades crónicasRafael Ospina
 

Destaque (20)

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

Semelhante a Applications mobiles - quels choix ?

Panorama des Technologies mobiles
Panorama des Technologies mobilesPanorama des Technologies mobiles
Panorama des Technologies mobilesAbdoulaye Dieng
 
Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)SCALA
 
Ch1. Développement mobile
Ch1. Développement mobileCh1. Développement mobile
Ch1. Développement mobileHaifa Chorfi
 
02_Chapitre_1_.pdf
02_Chapitre_1_.pdf02_Chapitre_1_.pdf
02_Chapitre_1_.pdfallagahamza
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutterJulien Saumande
 
[Webinar Niji] Frameworks XPlateform mobile - 2210
[Webinar Niji] Frameworks XPlateform mobile - 2210 [Webinar Niji] Frameworks XPlateform mobile - 2210
[Webinar Niji] Frameworks XPlateform mobile - 2210 Niji
 
Les Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobileLes Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobileMohamed BOURAOUI
 
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogyGtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogySacha Leprêtre
 
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 !Rossi Oddet
 
Ionic, react native, native script
Ionic, react native, native scriptIonic, react native, native script
Ionic, react native, native scriptStéphanie MOALLIC
 
Introduction à web assembly
Introduction à web assemblyIntroduction à web assembly
Introduction à web assemblyJérémy Buget
 
Scénarios de déploiement d’applications multiplateformes avec Citrix/Microsof...
Scénarios de déploiement d’applications multiplateformes avec Citrix/Microsof...Scénarios de déploiement d’applications multiplateformes avec Citrix/Microsof...
Scénarios de déploiement d’applications multiplateformes avec Citrix/Microsof...Microsoft Technet France
 
JavaScript Open Day - Migration Web To App
JavaScript Open Day - Migration Web To AppJavaScript Open Day - Migration Web To App
JavaScript Open Day - Migration Web To AppSébastien Ollivier
 
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernesLes Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernesTristan Nitot
 
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - AlloyMeetup Mobile Montpellier
 
Introduction_Android_-_Complet.pdf
Introduction_Android_-_Complet.pdfIntroduction_Android_-_Complet.pdf
Introduction_Android_-_Complet.pdfmed_univ78
 

Semelhante a Applications mobiles - quels choix ? (20)

Panorama des Technologies mobiles
Panorama des Technologies mobilesPanorama des Technologies mobiles
Panorama des Technologies mobiles
 
Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)
 
Ch1. Développement mobile
Ch1. Développement mobileCh1. Développement mobile
Ch1. Développement mobile
 
02_Chapitre_1_.pdf
02_Chapitre_1_.pdf02_Chapitre_1_.pdf
02_Chapitre_1_.pdf
 
Programmation sous Android
Programmation sous AndroidProgrammation sous Android
Programmation sous Android
 
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
 
Introduction a Android
Introduction a AndroidIntroduction a Android
Introduction a Android
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutter
 
[Webinar Niji] Frameworks XPlateform mobile - 2210
[Webinar Niji] Frameworks XPlateform mobile - 2210 [Webinar Niji] Frameworks XPlateform mobile - 2210
[Webinar Niji] Frameworks XPlateform mobile - 2210
 
Silverlight
SilverlightSilverlight
Silverlight
 
Les Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobileLes Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobile
 
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogyGtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
 
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 !
 
Ionic, react native, native script
Ionic, react native, native scriptIonic, react native, native script
Ionic, react native, native script
 
Introduction à web assembly
Introduction à web assemblyIntroduction à web assembly
Introduction à web assembly
 
Scénarios de déploiement d’applications multiplateformes avec Citrix/Microsof...
Scénarios de déploiement d’applications multiplateformes avec Citrix/Microsof...Scénarios de déploiement d’applications multiplateformes avec Citrix/Microsof...
Scénarios de déploiement d’applications multiplateformes avec Citrix/Microsof...
 
JavaScript Open Day - Migration Web To App
JavaScript Open Day - Migration Web To AppJavaScript Open Day - Migration Web To App
JavaScript Open Day - Migration Web To App
 
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernesLes Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
 
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
1er Meetup Mobile Montpellier - Présentation Appcelerator Titanium - Alloy
 
Introduction_Android_-_Complet.pdf
Introduction_Android_-_Complet.pdfIntroduction_Android_-_Complet.pdf
Introduction_Android_-_Complet.pdf
 

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 ?

Notas do Editor

  1. 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...