SlideShare uma empresa Scribd logo
1 de 33
© Niji | 2020
Frameworks
XPlatform mobile
Est-ce la fin des technologies
javascript ?
Faut-il se convertir à flutter ou
passer au natif ?
Webinar
le 22 Octobre 2020
© Niji | 2020
Vos intervenants
Xavier Belet
Directeur Commercial
Gabriel Dupont
Manager Mobile
Digital Experience
© Niji | 2020
Conseil, Design &
Technologie.
NOTRE PROPOSITION DE VALEUR
Voice of customer
Business disruption
Digital Strategy
Technological opportunities
Un accompagnement depuis la stratégie en passant par l’idéation jusqu’à
la mise en œuvre opérationnelle et la maîtrise d’environnements technologiques
complexes. Une proposition de valeur équilibrée, intégrée et éprouvée.
130
CONSULTANTS
Customer & User eXperience
Brand & content design
Creative technology
Business performance
130
TALENTS
Mobile & web Factory
Labelized Test center
Agile & Scrum management
Smart technologies
570
EXPERTS
70 EXPERTS
SALESFORCE
Consulting, Integration,
Support…on all Clouds
Saleforce
© Niji | 2020
1. Les acteurs en place
2. Cartographie des technologies
3. Les solutions XPlatform : les avantages, les
contraintes
4. Les impacts d’une solution XPlatform sur l’usage
5. Conclusion
6. Vos questions - Nos réponses
Agenda
© Niji | 2020
Mobile Factory
2Notre Mobile Factory
5
Réalisation SCRUM
adaptée aux développements
mobiles et aux
engagements forfaitaires
Mise à disposition en 1 clic à tout
moment sur vos navigateurs et
smartphones pour test
Une chaine d’intégration continue
dédiée à la réalisation d’applications
et audits automatisés
Outillage renforcé dédié au
pilotage des projets
Multi expertise : Technologies
Mobile, PHP, Java, HTML,
CMS, eCommerce, Usines à
Sites…
Bibliothèque de composants
éprouvés, optimisés, réutilisables
et open source
Android
X-
Platform
iOS
© Niji | 2020
Les acteurs en place1
© Niji | 2020
Les acteurs
Positionnement
Constructeur et fournisseur
d'OS
Fournisseur d'OS
OS basé sur Harmony OS
2.0
Solution de
distribution
Crée ses propres
terminaux mobiles
Partenariat avec des
constructeurs (LG,
Samsung, etc.)
Propre Device
OS Partagé Non Oui Non
Possibilité de
surcouche de l'OS
Non Oui HMS
Maitrise son parc
Maitrise la version d’OS
Fragmentation dans les
versions des OS
Surcouche à Android
par les constructeurs
A suivre l’évolution du
marché
© Niji | 2020
Cartographie des technologies2
© Niji | 2020
Application Vs Web
Application Web
Se consulte via un navigateur web
(Chrome, Safari, …)
Site adaptatif et responsive s’adaptant à la
taille de l’écran (PC, Tablette, Mobile)
Se consulte essentiellement avec du réseau
S’installe sur le mobile et se lance à partir
du bureau du mobile
Présent dans les stores (Google Play et
App Store)
Respecte les spécificités de la plateforme
Fonctionnement sans réseau
© Niji | 2020
Les technologies
© Niji | 2020
Les solutions XPlatform : les
avantages, les contraintes3
© Niji | 202012
L’apparition du XPlatform
Application XPlatform
Mutualisation Développement
Le XPlatform répond à une problématique de mutualisation de développement
(en un seul développement être accessible sur plusieurs plateformes)
Mutualisation de compétence
L’hybride a également pour but de mutualiser avec les compétences Web et de
ne pas avoir d‘équipe dédiée au développement mobile
Reduction des charges
Réduction des charges de développement et du coût associé
© Niji | 202013
L’apparition du XPlatform
Application XPlatform
Quelques points de
vigilances
Utilisation d’une brique Framework (boite noire)
Vigilance sur l’utilisation des composants natif du mobile
Vigilance sur la performance des solutions XPlatform
Les Guidelines de chaque OS doivent être respectés (dans le monde B2B,
nous pouvons nous permettre de sorti un peu du cadre)
© Niji | 2020
UI iOS / Android
© Niji | 2020
L’impact de la performance sur l’expérience client
Selon une analyse réalisée en 2017 par Dynatrace (société spécialisée en gestion de la performance applicative)….
84%
34% 50%
11%
0 20 40 60
Moins susceptible d'utiliser l'application mobile
Choisi l’app. Mobile d’un concurrent
Parle autour de soi de sa mauvaise expérience
Moins susceptible d’acheter auprès de cette entreprise
Met une mauvaise note à l’app. mobile
A une perception globale négative de l’entreprise
Moins susceptible d’aller sur le site web de l’entreprise
Contacte le service client de l’entreprise
Irait sur le site web de l’entreprise
Publie leur expérience sur les réseaux sociaux
Ne ferait rien du tout (aucune action)
48%
34%
31%
31%
26%
24%
21%
17%
17%
11%
8%
La réaction des consommateur face à une mauvaise expérience
sur une application mobile
L’importance que les consommateurs portent à la
performance d’une application mobile
4%
50%
34%
11%
4%
1%
Très important
Un peu important
Neutre
Pas très important
Pas du tout important
84% des consommateurs portent une importance particulière à
la performance de l’application mobile
92% des consommateurs réagissent face à une mauvaise expérience
sur une application mobile
© Niji | 2020
Panorama des solutions Hybrides/XPlatform
Depuis plus de 10 ans
© Niji | 2020
Application X-Platform hybride
Navigateur intégré dans une application native
• Accès aux APIs système via des « ponts »
• Facilité de développement (pour un développeur Web)
• Publication dans les stores possible
• Impossibilité d’utiliser des composants UI natifs (pas d’AR,
de filtres…), limitée par les capacités du browser
• UI / UX identique entre les OS sauf à développer les
composants en double
17
Native
Application
JavaScriptCore
WebBrowser
Exécution
Application
© Niji | 2020
Application X-Platform native
Runtime JS (JavaScriptCore) embarqué dans une
application native
• Accès full aux APIs système
• UI / UX reposant sur des composants natifs
• Approche de développement basé sur le javascript
• Performances améliorées par rapport à l’utilisation de cordova
18
Native
Application
JavaScriptCore
Exécution
Application
© Niji | 2020
Application X-Platform native
Compilation dans le langage Binaire du support
• Accès full aux APIs système
• Performances très proches du full natif
• Développement en langage propriétaire (Dart pour Flutter et
.Net pour Xamarin)
• UI / UX basé sur des librairies propres pour Flutter
• UI / UX basé sur des librairies propres pour Xamarin Form et
sur le natif pour Xamarin native
19
Native
Application
Exécution
Application
© Niji | 2020
Application X-Platform
2 approches : Interface graphique Partagé
Dart
UI Partagé
© Niji | 2020
Application X-Platform
2 approches : Interface graphique personnalisée
© Niji | 2020
Un langage performant à toutes épreuves
Évaluation performance avec la Rapidité de Rendu.
L’analyse a été faite en Juin 2020 par Inverita (Société de développement de logiciels Web et
mobiles).
Pour cela, de lourdes fonctionnalités UI ont été testées exactement de la même manière sur une
application mobile native et une application mobile XPlatform.
Android FPS CPU (%) Memory Mb
Native Android 58 6,53 80
React Native 7 8,5 424
Flutter 19 10,28 168
iOS FPS CPU Memory
Native iOS 59 61 158
React Native 59 118,6 220
Flutter 59 69 191
Test réalisé sur iPhone 6S iOS 13.2.3 et Xiaomi Redmi Note 5 Android 9
© Niji | 2020
Importance de la communauté
Derrière des solutions XPlatform des grands acteurs….mais pas que
© Niji | 2020
Trend technologie XPlatform
Les briques XPlatform sont animées par des communautés. Il est important d’avoir la vue sur l’activité de la
communauté pour se faire une idée sur la pérennité de la solution
TODAY
© Niji | 2020
Il est important de maintenir les versions à jour :
• Correction de failles de sécurité / Mise en conformité avec votre politique de sécurité
• Correction / ajustement des recommandations Apple / Google (fonctionnalités deprecated)
• Amélioration de la gestion des données
• Amélioration de la gestion des composants avec certains matériels (Gestion des nouveaux devices
par exemple)
L’avenir des technologies XPlatform
Discours d’Apple :
• Nous voulons privilégier l’expérience utilisateur
• Nous voulons limiter les failles de sécurités
Cela Impact l’utilisation des PWA et des Frameworks basés sur l’hybride (Webview-
WKWebview / UIWebView)
© Niji | 2020
Les impacts d’une
solution XPlatform
sur l’usage
4
© Niji | 2020
2 types d’applications Mobiles
2 attentes différentes
Applications Professionnelles Applications grand Public
© Niji | 2020
Application Grand
Public
Toucher la plus grand population possible
Convaincre l’utilisateur de l’utilité de l’application
Offrir un service aux utilisateurs / clients
Se mettre en visibilité (marketing que sur les stores)
Adhésion des utilisateurs finaux
Jouer avec la proximité des clients
Offrir de nouveaux services
ApplicationsgrandPublic
© Niji | 2020
Applications professionnelles
Facilité la vie des employés / professionnels
Digitaliser et utiliser les outils entreprise sur Mobile
Application de gestion d’intervention : Application à destination des techniciens le plus souvent en
maintenance. Réseau ferrée, Réseau électrique, réseau Gaz, entretien des trains, des avions, entretien
des bâtiments, ….
Application force commerciale : Le but est d’augmenter la prise de commande et de faciliter la vente.
Via un outils de séduction, via la consultation des produits disponible en direct (comme la vente de
produit matériaux, retail, autre, etc…),
Application de sécurisation (protection du travailleur isolé, prévention, ….)
Application d’amélioration de la vie du salarié : Application interne dédiée au sein de l’entreprise : Nous
le voyons apparaître dans des grandes sociétés comme le groupe la Poste, EDF, RTE, Orange … afin
d’avoir des applications de vie et de partage (Echange d’information, disponibilité des salles
(réservation et en temps réelle), géolocalisation dans les bâtiments, menu de la cantine/self, afterwork,
...
ApplicationsProfessionnelles
© Niji | 2020
En conclusion5
© Niji | 2020
En résumé
Native Mobile Expérience - Fonctionnalités avancées - Performance de l’application
Portabilité – Mutualisation - Coût de développement
31
© Niji | 2020
Faire le bon choix technologique
Notre accompagnement
Avant le démarrage du projet, le choix de la technologie à utiliser est importante.
Afin :
• d’optimisation des coûts
• d’avoir une solution pérenne
• d’évaluer la complexité de la maintenance et de l’évolutivité de l’application
• de garantir la couverture de l’ensemble des fonctionnalités
• d’avoir le bon niveau de performance correspondant aux besoins utilisateurs
Un certain nombre de critères sont à prendre en compte :
• Roadmap fonctionnelle intégrant les besoins et attentes métier et utilisateurs finaux (notamment
sur les usages online vs offline), pour que le socle technique en tienne compte,
• Architecture global
• Contrainte technique et de sécurité
• Complexité de l’application
• Niveau de performance attendu
• Charge d’utilisation des ressources du device
• Connaissance technique des équipes de la DSI pour une réversibilité sortante
• …
32
© Niji | 2020
Vos contacts
www.niji.fr @Niji_DigitalParis Lille Nantes Rennes Lyon Bordeaux
Gabriel DUPONT
Manager Mobile Digital Experience
+33 6 28 94 64 53 - gabriel.dupont@niji.fr

Mais conteúdo relacionado

Mais procurados

Chapitre 1-introduction-plateforme-android
Chapitre 1-introduction-plateforme-androidChapitre 1-introduction-plateforme-android
Chapitre 1-introduction-plateforme-android
Salah Gharbi
 
Developpement mobile vs open source
Developpement mobile vs open sourceDeveloppement mobile vs open source
Developpement mobile vs open source
Korteby Farouk
 
Rendre accessible au mobile son application
Rendre accessible au mobile son applicationRendre accessible au mobile son application
Rendre accessible au mobile son application
ACPcef
 
Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...
Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...
Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...
UADF_CEF
 

Mais procurados (20)

Quel type de système d'exploitation mobile est-il préférable d'utiliser du po...
Quel type de système d'exploitation mobile est-il préférable d'utiliser du po...Quel type de système d'exploitation mobile est-il préférable d'utiliser du po...
Quel type de système d'exploitation mobile est-il préférable d'utiliser du po...
 
Android, historique et enjeux
Android, historique et enjeuxAndroid, historique et enjeux
Android, historique et enjeux
 
Intro Android
Intro AndroidIntro Android
Intro Android
 
Chapitre 1-introduction-plateforme-android
Chapitre 1-introduction-plateforme-androidChapitre 1-introduction-plateforme-android
Chapitre 1-introduction-plateforme-android
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutter
 
Mobiliteatime #2 - WatchKit, le framework de développement pour l’Apple Watch
Mobiliteatime #2 - WatchKit, le framework de développement pour l’Apple WatchMobiliteatime #2 - WatchKit, le framework de développement pour l’Apple Watch
Mobiliteatime #2 - WatchKit, le framework de développement pour l’Apple Watch
 
SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...
SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...
SophiaConf 2010 Présentation de la conférence du 05 Juillet - Android :Tout s...
 
Cahier Windows Phone 7 par Programmez
Cahier Windows Phone 7 par ProgrammezCahier Windows Phone 7 par Programmez
Cahier Windows Phone 7 par Programmez
 
Developpement mobile vs open source
Developpement mobile vs open sourceDeveloppement mobile vs open source
Developpement mobile vs open source
 
Rendre accessible au mobile son application
Rendre accessible au mobile son applicationRendre accessible au mobile son application
Rendre accessible au mobile son application
 
Les Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobileLes Systèmes d'exploitation mobile
Les Systèmes d'exploitation mobile
 
Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...
Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...
Etre présent sur mobiles_Patrice de Saint-Steban_13ème rencontre des Tisseran...
 
Mettre en valeur le patrimoine applicatif de son entreprise pour la mobilité
 Mettre en valeur le patrimoine applicatif de son entreprise pour la mobilité  Mettre en valeur le patrimoine applicatif de son entreprise pour la mobilité
Mettre en valeur le patrimoine applicatif de son entreprise pour la mobilité
 
Développement mobile hybride ou natif : quid du ROI ?
Développement mobile hybride ou natif : quid du ROI ?Développement mobile hybride ou natif : quid du ROI ?
Développement mobile hybride ou natif : quid du ROI ?
 
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)
 
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...Atelier T7 Développer un site ou une application  mobile - Salon e-tourisme V...
Atelier T7 Développer un site ou une application mobile - Salon e-tourisme V...
 
Les secrets du développement d'une application mobile
Les secrets du développement d'une application mobileLes secrets du développement d'une application mobile
Les secrets du développement d'une application mobile
 
Applications mobiles - quels choix ?
Applications mobiles  - quels choix ?Applications mobiles  - quels choix ?
Applications mobiles - quels choix ?
 
HTML 5, applications natives ou hybrides : comment choisir ?
HTML 5, applications natives ou hybrides :  comment choisir ?HTML 5, applications natives ou hybrides :  comment choisir ?
HTML 5, applications natives ou hybrides : comment choisir ?
 
CocoaHeads Toulouse - Présentation Windows Phone 7 - ClevLab
CocoaHeads Toulouse - Présentation Windows Phone 7 - ClevLabCocoaHeads Toulouse - Présentation Windows Phone 7 - ClevLab
CocoaHeads Toulouse - Présentation Windows Phone 7 - ClevLab
 

Semelhante a Framework XPlatform Mobile

Ibm technology day 2013 mobile first salle jp gremaud lake placid.pdf
Ibm technology day 2013 mobile first salle jp gremaud lake placid.pdfIbm technology day 2013 mobile first salle jp gremaud lake placid.pdf
Ibm technology day 2013 mobile first salle jp gremaud lake placid.pdf
IBM Switzerland
 
VMware - Plate-forme informatique pour l’utilisateur
VMware - Plate-forme informatique pour l’utilisateur VMware - Plate-forme informatique pour l’utilisateur
VMware - Plate-forme informatique pour l’utilisateur
Procontact Informatique
 

Semelhante a Framework XPlatform Mobile (20)

Le Lounge OCTO x Accenture - Offrir une expérience premium sur mobile
Le Lounge OCTO x Accenture - Offrir une expérience premium sur mobileLe Lounge OCTO x Accenture - Offrir une expérience premium sur mobile
Le Lounge OCTO x Accenture - Offrir une expérience premium sur mobile
 
OCTO Technologies - Mobile Monday Maroc: M-Banking & M-Payment
OCTO Technologies - Mobile Monday Maroc: M-Banking & M-PaymentOCTO Technologies - Mobile Monday Maroc: M-Banking & M-Payment
OCTO Technologies - Mobile Monday Maroc: M-Banking & M-Payment
 
Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)
 
La Duck Conf - "Quelle place pour le no code/low code dans les entreprises ?"
La Duck Conf - "Quelle place pour le no code/low code dans les entreprises ?"La Duck Conf - "Quelle place pour le no code/low code dans les entreprises ?"
La Duck Conf - "Quelle place pour le no code/low code dans les entreprises ?"
 
Applications Mobiles - Bonnes pratiques de conception et de développement de ...
Applications Mobiles - Bonnes pratiques de conception et de développement de ...Applications Mobiles - Bonnes pratiques de conception et de développement de ...
Applications Mobiles - Bonnes pratiques de conception et de développement de ...
 
OCTO Talks - State of the art Architecture dans les frontend web
OCTO Talks - State of the art Architecture dans les frontend webOCTO Talks - State of the art Architecture dans les frontend web
OCTO Talks - State of the art Architecture dans les frontend web
 
WygDay 2010
WygDay 2010WygDay 2010
WygDay 2010
 
02_Chapitre_1_.pdf
02_Chapitre_1_.pdf02_Chapitre_1_.pdf
02_Chapitre_1_.pdf
 
WygDay 2010 - session plénière
WygDay 2010 - session plénièreWygDay 2010 - session plénière
WygDay 2010 - session plénière
 
Ibm technology day 2013 mobile first salle jp gremaud lake placid.pdf
Ibm technology day 2013 mobile first salle jp gremaud lake placid.pdfIbm technology day 2013 mobile first salle jp gremaud lake placid.pdf
Ibm technology day 2013 mobile first salle jp gremaud lake placid.pdf
 
VMware - Plate-forme informatique pour l’utilisateur
VMware - Plate-forme informatique pour l’utilisateur VMware - Plate-forme informatique pour l’utilisateur
VMware - Plate-forme informatique pour l’utilisateur
 
Retour d’expérience de clients sur le développement d’applications métiers su...
Retour d’expérience de clients sur le développement d’applications métiers su...Retour d’expérience de clients sur le développement d’applications métiers su...
Retour d’expérience de clients sur le développement d’applications métiers su...
 
Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?
 
Etude Stardust
Etude StardustEtude Stardust
Etude Stardust
 
Présentation stardust
Présentation stardustPrésentation stardust
Présentation stardust
 
Competitic applications accessibles tablettes
Competitic   applications accessibles tablettesCompetitic   applications accessibles tablettes
Competitic applications accessibles tablettes
 
Parlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageParlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usage
 
Développement HTML5 : les enjeux et best practices
Développement HTML5 : les enjeux et best practicesDéveloppement HTML5 : les enjeux et best practices
Développement HTML5 : les enjeux et best practices
 
InfleXsys Créer une application mobile professionnelle : à quel prix et quel ...
InfleXsys Créer une application mobile professionnelle : à quel prix et quel ...InfleXsys Créer une application mobile professionnelle : à quel prix et quel ...
InfleXsys Créer une application mobile professionnelle : à quel prix et quel ...
 
Digitalisation de la societe et impact sur l'informatique d'entreprise
Digitalisation de la societe et impact sur l'informatique d'entrepriseDigitalisation de la societe et impact sur l'informatique d'entreprise
Digitalisation de la societe et impact sur l'informatique d'entreprise
 

Framework XPlatform Mobile

  • 1. © Niji | 2020 Frameworks XPlatform mobile Est-ce la fin des technologies javascript ? Faut-il se convertir à flutter ou passer au natif ? Webinar le 22 Octobre 2020
  • 2. © Niji | 2020 Vos intervenants Xavier Belet Directeur Commercial Gabriel Dupont Manager Mobile Digital Experience
  • 3. © Niji | 2020 Conseil, Design & Technologie. NOTRE PROPOSITION DE VALEUR Voice of customer Business disruption Digital Strategy Technological opportunities Un accompagnement depuis la stratégie en passant par l’idéation jusqu’à la mise en œuvre opérationnelle et la maîtrise d’environnements technologiques complexes. Une proposition de valeur équilibrée, intégrée et éprouvée. 130 CONSULTANTS Customer & User eXperience Brand & content design Creative technology Business performance 130 TALENTS Mobile & web Factory Labelized Test center Agile & Scrum management Smart technologies 570 EXPERTS 70 EXPERTS SALESFORCE Consulting, Integration, Support…on all Clouds Saleforce
  • 4. © Niji | 2020 1. Les acteurs en place 2. Cartographie des technologies 3. Les solutions XPlatform : les avantages, les contraintes 4. Les impacts d’une solution XPlatform sur l’usage 5. Conclusion 6. Vos questions - Nos réponses Agenda
  • 5. © Niji | 2020 Mobile Factory 2Notre Mobile Factory 5 Réalisation SCRUM adaptée aux développements mobiles et aux engagements forfaitaires Mise à disposition en 1 clic à tout moment sur vos navigateurs et smartphones pour test Une chaine d’intégration continue dédiée à la réalisation d’applications et audits automatisés Outillage renforcé dédié au pilotage des projets Multi expertise : Technologies Mobile, PHP, Java, HTML, CMS, eCommerce, Usines à Sites… Bibliothèque de composants éprouvés, optimisés, réutilisables et open source Android X- Platform iOS
  • 6. © Niji | 2020 Les acteurs en place1
  • 7. © Niji | 2020 Les acteurs Positionnement Constructeur et fournisseur d'OS Fournisseur d'OS OS basé sur Harmony OS 2.0 Solution de distribution Crée ses propres terminaux mobiles Partenariat avec des constructeurs (LG, Samsung, etc.) Propre Device OS Partagé Non Oui Non Possibilité de surcouche de l'OS Non Oui HMS Maitrise son parc Maitrise la version d’OS Fragmentation dans les versions des OS Surcouche à Android par les constructeurs A suivre l’évolution du marché
  • 8. © Niji | 2020 Cartographie des technologies2
  • 9. © Niji | 2020 Application Vs Web Application Web Se consulte via un navigateur web (Chrome, Safari, …) Site adaptatif et responsive s’adaptant à la taille de l’écran (PC, Tablette, Mobile) Se consulte essentiellement avec du réseau S’installe sur le mobile et se lance à partir du bureau du mobile Présent dans les stores (Google Play et App Store) Respecte les spécificités de la plateforme Fonctionnement sans réseau
  • 10. © Niji | 2020 Les technologies
  • 11. © Niji | 2020 Les solutions XPlatform : les avantages, les contraintes3
  • 12. © Niji | 202012 L’apparition du XPlatform Application XPlatform Mutualisation Développement Le XPlatform répond à une problématique de mutualisation de développement (en un seul développement être accessible sur plusieurs plateformes) Mutualisation de compétence L’hybride a également pour but de mutualiser avec les compétences Web et de ne pas avoir d‘équipe dédiée au développement mobile Reduction des charges Réduction des charges de développement et du coût associé
  • 13. © Niji | 202013 L’apparition du XPlatform Application XPlatform Quelques points de vigilances Utilisation d’une brique Framework (boite noire) Vigilance sur l’utilisation des composants natif du mobile Vigilance sur la performance des solutions XPlatform Les Guidelines de chaque OS doivent être respectés (dans le monde B2B, nous pouvons nous permettre de sorti un peu du cadre)
  • 14. © Niji | 2020 UI iOS / Android
  • 15. © Niji | 2020 L’impact de la performance sur l’expérience client Selon une analyse réalisée en 2017 par Dynatrace (société spécialisée en gestion de la performance applicative)…. 84% 34% 50% 11% 0 20 40 60 Moins susceptible d'utiliser l'application mobile Choisi l’app. Mobile d’un concurrent Parle autour de soi de sa mauvaise expérience Moins susceptible d’acheter auprès de cette entreprise Met une mauvaise note à l’app. mobile A une perception globale négative de l’entreprise Moins susceptible d’aller sur le site web de l’entreprise Contacte le service client de l’entreprise Irait sur le site web de l’entreprise Publie leur expérience sur les réseaux sociaux Ne ferait rien du tout (aucune action) 48% 34% 31% 31% 26% 24% 21% 17% 17% 11% 8% La réaction des consommateur face à une mauvaise expérience sur une application mobile L’importance que les consommateurs portent à la performance d’une application mobile 4% 50% 34% 11% 4% 1% Très important Un peu important Neutre Pas très important Pas du tout important 84% des consommateurs portent une importance particulière à la performance de l’application mobile 92% des consommateurs réagissent face à une mauvaise expérience sur une application mobile
  • 16. © Niji | 2020 Panorama des solutions Hybrides/XPlatform Depuis plus de 10 ans
  • 17. © Niji | 2020 Application X-Platform hybride Navigateur intégré dans une application native • Accès aux APIs système via des « ponts » • Facilité de développement (pour un développeur Web) • Publication dans les stores possible • Impossibilité d’utiliser des composants UI natifs (pas d’AR, de filtres…), limitée par les capacités du browser • UI / UX identique entre les OS sauf à développer les composants en double 17 Native Application JavaScriptCore WebBrowser Exécution Application
  • 18. © Niji | 2020 Application X-Platform native Runtime JS (JavaScriptCore) embarqué dans une application native • Accès full aux APIs système • UI / UX reposant sur des composants natifs • Approche de développement basé sur le javascript • Performances améliorées par rapport à l’utilisation de cordova 18 Native Application JavaScriptCore Exécution Application
  • 19. © Niji | 2020 Application X-Platform native Compilation dans le langage Binaire du support • Accès full aux APIs système • Performances très proches du full natif • Développement en langage propriétaire (Dart pour Flutter et .Net pour Xamarin) • UI / UX basé sur des librairies propres pour Flutter • UI / UX basé sur des librairies propres pour Xamarin Form et sur le natif pour Xamarin native 19 Native Application Exécution Application
  • 20. © Niji | 2020 Application X-Platform 2 approches : Interface graphique Partagé Dart UI Partagé
  • 21. © Niji | 2020 Application X-Platform 2 approches : Interface graphique personnalisée
  • 22. © Niji | 2020 Un langage performant à toutes épreuves Évaluation performance avec la Rapidité de Rendu. L’analyse a été faite en Juin 2020 par Inverita (Société de développement de logiciels Web et mobiles). Pour cela, de lourdes fonctionnalités UI ont été testées exactement de la même manière sur une application mobile native et une application mobile XPlatform. Android FPS CPU (%) Memory Mb Native Android 58 6,53 80 React Native 7 8,5 424 Flutter 19 10,28 168 iOS FPS CPU Memory Native iOS 59 61 158 React Native 59 118,6 220 Flutter 59 69 191 Test réalisé sur iPhone 6S iOS 13.2.3 et Xiaomi Redmi Note 5 Android 9
  • 23. © Niji | 2020 Importance de la communauté Derrière des solutions XPlatform des grands acteurs….mais pas que
  • 24. © Niji | 2020 Trend technologie XPlatform Les briques XPlatform sont animées par des communautés. Il est important d’avoir la vue sur l’activité de la communauté pour se faire une idée sur la pérennité de la solution TODAY
  • 25. © Niji | 2020 Il est important de maintenir les versions à jour : • Correction de failles de sécurité / Mise en conformité avec votre politique de sécurité • Correction / ajustement des recommandations Apple / Google (fonctionnalités deprecated) • Amélioration de la gestion des données • Amélioration de la gestion des composants avec certains matériels (Gestion des nouveaux devices par exemple) L’avenir des technologies XPlatform Discours d’Apple : • Nous voulons privilégier l’expérience utilisateur • Nous voulons limiter les failles de sécurités Cela Impact l’utilisation des PWA et des Frameworks basés sur l’hybride (Webview- WKWebview / UIWebView)
  • 26. © Niji | 2020 Les impacts d’une solution XPlatform sur l’usage 4
  • 27. © Niji | 2020 2 types d’applications Mobiles 2 attentes différentes Applications Professionnelles Applications grand Public
  • 28. © Niji | 2020 Application Grand Public Toucher la plus grand population possible Convaincre l’utilisateur de l’utilité de l’application Offrir un service aux utilisateurs / clients Se mettre en visibilité (marketing que sur les stores) Adhésion des utilisateurs finaux Jouer avec la proximité des clients Offrir de nouveaux services ApplicationsgrandPublic
  • 29. © Niji | 2020 Applications professionnelles Facilité la vie des employés / professionnels Digitaliser et utiliser les outils entreprise sur Mobile Application de gestion d’intervention : Application à destination des techniciens le plus souvent en maintenance. Réseau ferrée, Réseau électrique, réseau Gaz, entretien des trains, des avions, entretien des bâtiments, …. Application force commerciale : Le but est d’augmenter la prise de commande et de faciliter la vente. Via un outils de séduction, via la consultation des produits disponible en direct (comme la vente de produit matériaux, retail, autre, etc…), Application de sécurisation (protection du travailleur isolé, prévention, ….) Application d’amélioration de la vie du salarié : Application interne dédiée au sein de l’entreprise : Nous le voyons apparaître dans des grandes sociétés comme le groupe la Poste, EDF, RTE, Orange … afin d’avoir des applications de vie et de partage (Echange d’information, disponibilité des salles (réservation et en temps réelle), géolocalisation dans les bâtiments, menu de la cantine/self, afterwork, ... ApplicationsProfessionnelles
  • 30. © Niji | 2020 En conclusion5
  • 31. © Niji | 2020 En résumé Native Mobile Expérience - Fonctionnalités avancées - Performance de l’application Portabilité – Mutualisation - Coût de développement 31
  • 32. © Niji | 2020 Faire le bon choix technologique Notre accompagnement Avant le démarrage du projet, le choix de la technologie à utiliser est importante. Afin : • d’optimisation des coûts • d’avoir une solution pérenne • d’évaluer la complexité de la maintenance et de l’évolutivité de l’application • de garantir la couverture de l’ensemble des fonctionnalités • d’avoir le bon niveau de performance correspondant aux besoins utilisateurs Un certain nombre de critères sont à prendre en compte : • Roadmap fonctionnelle intégrant les besoins et attentes métier et utilisateurs finaux (notamment sur les usages online vs offline), pour que le socle technique en tienne compte, • Architecture global • Contrainte technique et de sécurité • Complexité de l’application • Niveau de performance attendu • Charge d’utilisation des ressources du device • Connaissance technique des équipes de la DSI pour une réversibilité sortante • … 32
  • 33. © Niji | 2020 Vos contacts www.niji.fr @Niji_DigitalParis Lille Nantes Rennes Lyon Bordeaux Gabriel DUPONT Manager Mobile Digital Experience +33 6 28 94 64 53 - gabriel.dupont@niji.fr

Notas do Editor

  1. Population de la salle ?
  2. Pouvoir délivrer cette proposition de valeur passe par la cohérence et l’articulation des différentes expertises : conseil, design, technologues, architectes, développeurs et experts sales force. Nous avons réussi a assurer cette cohérence grâce à un développement 100% organique. Ce qui garantit l’homogenité et la bonne intégration de chaque expertise dans la proposition de valeur, car le développement de l équipe s est fait en cohérence avec le développement de la proposition. Et ce qui est illustre par la taille de équipe : ce développement « naturel » a permis d avoir des taille d équipes cohérentes avec les poids d un projet digital : 15% sur du cadrage 15% sur du design et 60/70% sur du développement. Cette homogéneité, ce developpement naturel tire par la proposition de valeur et les besoin des clients est un atout et un differenciateur fort, garant d’une promesse One Niji aupres de nos clients
  3. Dev sur les différentes plateformes depuis plus de 10 ans (Apple iPhone, Google Android). Développe entre 20 et 30 applications par an que ce soit des applications Grand publique que des applis pros (On en reviendra)
  4. Question : Vous connaissez quoi du mobile ? Android-Google et iPhone-Apple avec la plateforme iOS Quelle est la répartition en France Android iOS ?
  5. Difficile de comparer IOS et Android dans le fond car un constructeur et un fournisseur de service Android Open Source. Couche Service de Google payante (Google Maps, GoogleTalk, Gmail, GooglePlay, …). Chacun peut rajouter ses couches (Samsung, HTC, ….) Par exemple la couche Google PlayStore, Google Maps, …sont des services payants. Harmony est entrain de mettre en place ses propres services -> par exemple carto chinoise que nous avons mis en place pour Parrot qui s’est vu refuser sur Playstore
  6. Quand je dis que conception est très important. La solution technique est quand même également une part importante. Mais cette conception nous permet justement de faire le bon technologique. Technologie, une histoire compliqué sur mobile. Avez-vous déjà entendu parlé de techno ?
  7. Application EDF&Moi / Application SNCF Réseau
  8. Et le XPlatform, le principal sujet de ce Webinar
  9. Des gens se sont demandé comment mutualiser les Devs. On ne va pas s’amuser à chaque fois à développer sur 2 plateformes. Et puis si on utilisait les compétences web pour développer des applications mobile….Tiens si on embarqué un site web dans une application-> Hyrbide Cordova ça vous parle ? Aujourd’hui X-Platform, car les nouveaux framework s’appuie soit sur des couches basse soit du transcodage. Beaucoup de framework XPlatform, donc il faut savoir faire le tri et savoir ce que cela vaut.
  10. Interet du X-Platform : Mutualisation des devs. Inconvénients : Utilisation d’une potentielle boite noir / vigilance sur l’utilisation des composants Natif du mobile. Quand on parle de Xplatform, on parle du coup de design mutualisé ? Attention au guideLine à respecter Jusqu’où devons nous essayer de mutualiser ? (surtout quand on sait que la couche graphique représente en moyenne 50% des développements d’une application mobile
  11. Quel sont les avantages et les freins de ces solutions ? Quelles sont les solutions de contournement à ces freins ? Material Design pour Android, FlatDesign pour iOS. Si on veut faire du Xplatform et mutualiser le plus possible mutualisons l’interface graphique. Mais on applique quel GuideLine ? iOS, Android ? Un mix ? Toutes les applications ne respecte pas cela. Par contre quelqu’un qui a un iPhone préfère avoir des applications iPhone et inversement. Exemple application SNCF qui respecte les guidLine (Installé les applis SNCF sur iPhone et Android) Cependant les utilisateurs sont de plus en plus habitué à avoir un design commun. Au tout début du mobile nous devions gérer à la main la taille des résolutions d’écran, des différents adaptation. Aujourd’hui c’est très bien géré
  12. En parlant de design parlons également de performance. Le critère performance est très important : On se rend compte que 50% des utilisateurs d’une application considère la performance d’une application très important. Quand un utilise installe une application, si il est déçu par celle-ci il la désinstalle et n’y retourne jamais. Une première version est donc très importante.
  13. L’iPhone et Android existent maintenant depuis plus de 10 ans. Dans le but d’optimiser et de simplifier le développement d’applications mobiles afin être présent sur les plateformes iOS et Android, des Frameworks ont émergés via des technologies hybrides et X-Platform. Certaines perdurent, d’autres ont disparu aussitôt… Je suis sur que plus de la moitié de tout ces frameworks ne vous parlent pas. Différence entre XPlatform et Hybride ?
  14. Les Progressive Web Apps sont des applications fonctionnant dans les navigateurs standards mais utilisant des fonctionnalités additionnelles. Pour reprendre la notion de performance évoqué tout à l’heure, on voit que l’exécution se passe dans un page web avec le temps de latence et la réactivité associé
  15. Runtime natif -> accès à toutes les ressources systèmes, y compris virtualisation & recyclage des composants. -> accès à toutes les possibilités systèmes, ré-utilisations de composants natifs déjà développés
  16. Les nouvelles solutions XPlatform comme flutter sont-elles des solutions d’avenir, performante, pérenne ? Le langage natif est-il le seul à pouvoir assurer une continuité ? Compilation en AOT pour Flutter Runtime natif -> accès à toutes les ressources systèmes, y compris virtualisation & recyclage des composants. -> accès à toutes les possibilités systèmes, ré-utilisations de composants natifs déjà développés
  17. UI Partagé : Material et Cupertino Flutter même design sur les 2 platformes. Flutter refait une couche design React utilise les composants natifs (reconnaitre des composants de l’OS)
  18. Il existe différents types de performances, par exemple : Interaction avec l'API du téléphone (accéder aux photos, au système de fichiers, obtenir la localisation GPS, etc.). Vitesse de rendu (fluidité de l'animation, images par seconde lorsque l'interface utilisateur est modifiée ou certains effets de l'interface utilisateur qui se produisent dans le temps). Logique métier (vitesse des calculs mathématiques et des manipulations de la mémoire / Récupération des données APIS distante, …). Ce type de performance est le plus important pour les applications à logique métier complexe). Revenons un instant sur les performances (test réalisé avec GameBench) On compare ici RN Flutter et les appli Native. L’appli de droite a été développé avec les différentes techno et mesuré ensuite sur Android et iOS Pour info Ionic se basant sur des couches Web très haute Des applications de redescente d’information comme on développe pour le Fil, pour des espaces clients que ce soit asssurance / mutuelle, application D’autre étude réalisé avec la réalisation d’algo métier, montrent également une perf sur le natif avec un flutter assez proche.
  19. Importance des communautés : Qu’est ce qui fait vivre les frameworks Xplatform, ce sont les communautés. Pour les bridges, les passerelles vers le natif entre autre. Risque pèse sur la commauté. Vs Natif qui a bien sur une communauté mais le développement des plateformes n’est pas basé sur une communauté
  20. Ce qui intéressant sur un trends c’est que ça montre l’évolution des technos d’un pts de vue communautaire mais également d’un pt de vue adhésion. Plus la communauté est grande, plus c’est actif, plus le framework est stressé, et plus nous sommes confiant sur la stabilité. Diagramme confirmé par Bitrise (CI)
  21. Quand on discute avec Apple ils nous disent clairement qu’ils n’ont pas d’interet à mettre des freins sur les techno XPlatform Les freins sont principalement créé par Apple de par ses restrictions limitation PWA concept lancé par Google en 2015…. PWA sur Apple : pas de push, gestion de données compliqué, pas possibilité d’avoir de luncher automatique, … impacté par le gestion des données d’Apple (suppression des données au bout de 7 jours si pas utilisé. ) Impact directement ionic Impact sur la gestion de la boite noire : MAJ régulier
  22. Design identique sur les 2 supports ? Adhésion de l’utilisateur donc performance. Natif ? Xplatform? Être présent sur le plus de support que possible. Le but d’une appli GP est de donner envie à l’utilisateur de l’installer et surtout qu’elle reste installé et que la personne y retourne. Une application se désintalle aussi vite qu’elle s’installe Combien d’application vous avez installé et supprimé aussitôt ? Une application qui n’accroche pas à la première utilisation est désinstallé. Contrainte par rapport aux problématiques : Doit être présent dans l’ensemble des stores Doit être intuitif et performant pour répondre au besoin de l’utilisateur Doit répondre aux besoins de l’utilisateur dans l’environnement de son utilisation ( Parrot à l’extérieur, Espace mutuel plutôt dans son canapé, Aéroport de Paris (dans un aéroport ou avant son vol), Recherche de borne de recharge de voiture électrique, plutôt en voiture ou avant son départ pour planifier son trajet,… Trouver un fort moyen d’adhésion. L’application doit avoir un message, une fonctionnalité principale, un but. Les applications à tout faire ne fonctionne pas. Une application, un usage : EDF&Moi : espace client Digiposte : coffre fort numérique YAQD : Voir les ingrédients des produits alimentaires pour les intolérences Drive U : faire ses courses Application transport : valider ses billets de transports et les renouveler Exemple la SNCF à plusieurs applications : OUiSNCF, SNCF, Inoui, …
  23. B2B, B2E, B2B2E, …. Appli est une extension du SI de l’entreprise (gestion des données, sécurisation, …) Flotte mobile / gestion du parc de mobile / intervention de prestataire extérieur ? Application Pro : est ce que ça vaut vraiment le coup de faire du XPlatform si on répond à une flotte précise de mobile ? Exemple d’application de santé avec la télémétrie (échange avec des objets connecté) Application Enedis pour accéder au transfo (être sur que la données est bonne) Application pour les agents d’ONF ou la gendarmerie, … Parrot pour les pro Dalkia, faire son rapport d’intervention facilement. Distribution de l’application ? Si flotte uniquement, l’utilisation d’une solution XPlatform peut être une contrainte. Obligation d’utiliser l’application comme un outils pour son métier. Est-ce qu’un site web peut répondre aux besoins ? Pas de validation Apple ou Google pour une diffusion de l’appli en mode restreint. Cible un seul smartphone ? Téléphone pro, téléphone perso BYOD ? Si tel perso : Distribution des applications - ne souhaite pas application accessible par tout le monde (application technicien->Faille de sécurité vers SI SNCF) sécurisation des données pro/perso / sécurisation des données -> Travail réalisé chez Thales sur le téléphone du président, des ministres et des DGs d’entreprise ? D’ailleurs quel est le téléphone le plus sécurisé ? Si tel pro : Gestion de la flotte de mobile ? Diffusion des applications professionnelles ? Sécurisation des données ? ….
  24. Un choix important est le choix de la techno. Important de prendre des critères en compte pour faire le bon choix. Nous reviendrons sur ce slide La sécurité !!!! Run : Maintenance / Appli Hybride – X-Platform refait tous les 3 ans