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'applicationmobile
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ériencesur 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