[Webinar Niji] Frameworks XPlateform mobile - 2210

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

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)

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

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