Le Mendix 8 annonces à Mendix World 2019 a eu un impact considérable, comme en témoignent les nombreuses réactions positives que nous avons reçues de nos clients, partenaires et collègues. Aujourd'hui, je suis très heureux d'annoncer la sortie de la version bêta publique de Mendix Studio Pro 8!
Le Mendix La sortie de la version 8 marque la première de plusieurs annonces qui mettront de nouvelles fonctionnalités entre vos mains. Mendix Studio Pro (anciennement connu sous le nom de Desktop Modeler), le logiciel le plus sophistiqué au monde environnement de développement low-code qui donne aux développeurs le contrôle tout en étant hautement extensible. De plus, Mendix Studio (anciennement connu sous le nom de Web Modeler) voit désormais le jour. En tant qu'environnement de développement sans code le plus puissant au monde, Mendix Studio permet aux professionnels de créer facilement leur toute première application. Nous vous en dirons plus sur Mendix Studio dans un prochain article de blog !
Aujourd'hui, je vais vous expliquer comment, avec le low-code, Mendix Studio Pro 8 vous permet de créer des applications mobiles véritablement natives offrant une expérience grand public. Il ne s'agit pas seulement d'une fonctionnalité, mais d'une nouvelle capacité importante. Traditionnellement, le développement mobile natif est très complexe et coûteux, mais nous le rendons accessible grâce à une approche low-code. Et ce, pour plusieurs plates-formes à partir d'un seul modèle.
Nous sommes également les premiers à le faire.
Pourquoi le mobile natif ?
Ces dernières années, les attentes en matière d'expérience utilisateur ont augmenté, les appareils mobiles sont devenus plus puissants et le mobile est devenu un canal dominant. Par exemple, en matière de services bancaires, de nombreux utilisateurs utilisent une application mobile plutôt qu'un site Web, en raison de la facilité d'utilisation et des options de paiement par simple empreinte digitale. L'expérience utilisateur est essentielle lors de la création d'applications destinées aux consommateurs, car une mauvaise expérience utilisateur peut entraîner une atteinte à la marque, une baisse de la conversion et le passage des utilisateurs à la concurrence.
Une expérience utilisateur de qualité n’est pas seulement importante pour les applications grand public. Nous voyons également de nombreux cas d’utilisation d’applications B2B où l’expérience utilisateur est essentielle et où de nouveaux modèles commerciaux (innovants) sont rendus possibles grâce à la technologie mobile native. Pensez à une entreprise qui vend des chaudières et qui dépend d’autres entreprises qui les installent et les entretiennent. Cette entreprise peut fournir aux mécaniciens une excellente application native qui se connecte aux chaudières (pour une installation et une inspection rapides) et qui peut être utilisée pour commander de nouvelles pièces ou vendre de nouvelles chaudières. En rendant les mécaniciens plus efficaces, l’adoption de la marque peut augmenter, ce qui conduit à une augmentation des ventes.
Les applications mobiles natives sont également très utiles dans les scénarios de communication entre entreprises et employés, car elles peuvent rendre les employés plus efficaces. Tout cela va de pair avec l’exploitation des fonctionnalités natives des appareils, la possibilité de communiquer avec d’autres appareils et objets, et l’exécution de tâches sans connexion. Imaginez un ingénieur de service sur le terrain qui doit effectuer des inspections dans des sites distants dans des usines où il n’y a pas de connexion ou où aucune connexion n’est autorisée. Une application hors ligne capable de se connecter aux machines, de lire les données des capteurs et de fournir des instructions sur la marche à suivre permet à l’ingénieur d’être beaucoup plus efficace et moins sujet aux erreurs sans aucune connexion.
Le mobile natif est la voie à suivre pour offrir à vos clients et employés l’expérience qu’ils souhaitent et méritent.
Pour créer la prochaine génération d'applications mobiles, nous, chez Mendix considérez les aspects ci-dessous comme très importants.
- Une expérience utilisateur de premier ordre grâce à une technologie véritablement native
Grâce à la technologie mobile native, les développeurs peuvent créer des applications véritablement natives qui se comportent comme les utilisateurs l'attendent en termes de performances, de rapidité, de navigation et de gestes (comme le glissement pour revenir en arrière). Cela s'accompagne de l'exploitation des puissantes fonctionnalités que les appareils offrent aujourd'hui, telles que l'authentification biométrique, la fonctionnalité de caméra, le Bluetooth et les nouvelles technologies comme la réalité augmentée. Seule la technologie native permet d'obtenir ce niveau élevé d'expérience utilisateur et d'exploiter toutes les capacités de ces appareils.
2. Fiable et rapide grâce à une approche hors ligne
Une expérience utilisateur de qualité ne se fait pas uniquement avec une technologie native. Il est très important que l’utilisateur puisse toujours effectuer ses tâches, même lorsqu’il n’y a pas ou peu de connexion (ce qui arrive plus souvent qu’on ne le pense). Imaginez que vous avez eu un accident de voiture et que vous ne pouvez pas utiliser l’application de votre assureur, ou qu’un ingénieur doit inspecter un lieu mais ne peut pas le faire car il n’y a pas de connexion. Il existe de nombreux autres exemples où l’absence de connexion entraîne une mauvaise expérience utilisateur.
Il est important de se rappeler que lorsque l'utilisateur dépend constamment d'une connexion et que cette connexion est lente, l'application se comportera également lentement. Cela conduit, encore une fois, à une expérience utilisateur médiocre.
Nous constatons une forte demande pour la création d'applications qui fonctionnent toujours, quel que soit l'état de la connexion. C'est pourquoi nous avons adopté une approche hors ligne. Cela ne repose pas sur une connexion, mais une connexion peut être utilisée lorsqu'elle existe. Pour plus d'informations sur la priorité hors ligne, continuez à lire.
3. Des expériences de développement formidables et puissantes
C'est pourquoi nous avons ajouté des fonctionnalités natives axées sur le mobile qui vous permettent de créer rapidement de belles applications et de tirer facilement parti des puissantes capacités des appareils.
De plus, la technologie native permet d'améliorer l'expérience des développeurs par rapport à l'utilisation de technologies hybrides/Web. En effet, les développeurs n'ont pas besoin de passer du temps à imiter le comportement natif ou à gérer les problèmes mobiles liés à la technologie Web.
4. Technologie de pointe et évolutive : React Native
Pour la technologie sous-jacente que nous utilisons Réagir Native, un framework open source largement adopté et très populaire lancé par Facebook. Il existe de superbes vitrines d'applications créées à l'aide de React Native, et nous utilisons cette même technologie !
Pour plus de superbes vitrines, voir Qui utilise React Native ?.
Un autre avantage de React Native est qu'il dispose d'une grande communauté de développeurs qui créent des composants pour de superbes visualisations et des composants qui exploitent les capacités des appareils qui peuvent être facilement intégrés à votre Mendix applications. En raison de cette grande communauté et de la large adoption de React Native, ce sont des composants de haute qualité qui sont activement maintenus.
Comment ça marche?
Pour rendre tout cela possible, nous avons ajouté plusieurs nouvelles fonctionnalités et capacités à la plateforme qui vous permettent de créer de superbes applications mobiles natives.
Nouveau profil de navigation natif
Une force de Mendix est que vous pouvez exposer des fonctionnalités via différents canaux à partir d'une seule application en utilisant des profils de navigation. Le mobile natif a été ajouté en tant que nouveau profil de navigation, ce qui signifie que vous pouvez ajouter une application mobile native à côté de vos canaux existants (par exemple, des applications Web et hybrides).
Expérience de développeur similaire
Vous pouvez construire Mendix applications mobiles natives de la même manière que vous créez des applications mobiles Web et hybrides. Vous pouvez utiliser tous les Mendix composants — tels que des pages, des widgets, des nanoflux, des actions JavaScript et des microflux — pour créer votre application native.
Il existe cependant quelques différences entre la création d'applications natives et la création d'applications hybrides. Par exemple, l'ensemble des widgets (et leurs propriétés disponibles) est légèrement différent, afin d'optimiser l'utilisation mobile. Pour être plus précis, vous pouvez désormais sélectionner une action déroulante sur une vue de liste pour effectuer une actualisation.
Nous accordons une grande importance à la collaboration chez Mendix, donc chacun Mendix L'application mobile native est livrée avec un widget de commentaires qui permet aux utilisateurs de donner leur avis sur l'application.
Une autre nouvelle fonctionnalité intéressante est la possibilité de modéliser entièrement le processus de connexion de votre application. Cela permet aux développeurs de créer une expérience d'authentification optimale. Pour faciliter cette tâche, une page de connexion standard et une authentification biométrique sont disponibles dès la sortie de la boîte.
Pour résumer, vous n'avez pas besoin d'être un génie du mobile pour créer de superbes applications mobiles. Mendix la connaissance suffit.
Application Make It Native
Vous pouvez rapidement prévisualiser et tester vos applications mobiles sur un appareil à l'aide de l'application mobile Make It Native (disponible pour Android et iOS). Lorsque vous apportez une modification à votre application, appuyez sur le bouton de lecture et l'application sera automatiquement rechargée, ce qui rendra vos modifications visibles tout en conservant l'état d'origine afin que vous soyez toujours sur la même page avec les mêmes données. Cela crée un cycle de rétroaction très court. À côté de cela, vous pouvez utiliser un simple onglet à trois doigts pour recharger l'application, par exemple, après avoir apporté des modifications au style.
Application mobile native de démarrage rapide
Nous avons publié le Démarrage rapide du mobile natif app dans le Mendix App Store est une application de démarrage qui vous permet de créer rapidement une application mobile native. Elle est prête à l'emploi et contient tous les widgets et actions natifs qui exploitent les capacités de l'appareil.
Thématique et style
Atlas UI contient désormais un magnifique thème prêt à l'emploi pour les appareils mobiles natifs. Il s'agit d'un thème complet avec des styles et des variantes pour tous les widgets en plus des modèles de page. D'autres modèles de page seront ajoutés à l'avenir.
Mendix les widgets incluent des propriétés de conception qui vous permettent de configurer facilement des options de style courantes (qui affectent l'apparence du widget) en plus de nombreuses autres options utiles (comme l'espacement autour du widget).
La thématisation et le style sont basés sur JavaScript au lieu de SASS/CSS, et ils sont optimisés pour les cas d'utilisation mobiles. L'époque où il fallait appliquer des astuces CSS pour une bonne UX est révolue avec ce style optimisé pour les mobiles ! Il est bon de savoir que cela ressemble à CSS, mais il existe également de nombreuses différences. Pour plus d'informations, consultez Style natif et Comment créer et tester une application mobile native dans le Mendix Documentation.
Comme le style est basé sur JavaScript, des fonctions et des variables JavaScript peuvent être utilisées, ce qui peut s'avérer très puissant. Vous pouvez inverser une seule variable et obtenir un thème sombre. C'est génial, non ?
Nouvelles actions nanoflow
Avec cette version, nous avons ajouté plus de 50 nouvelles activités nanoflow ! Nous les avons incluses dans l'application Native Mobile Quickstart, mais vous pouvez également les télécharger via deux modules dans le Mendix Magasin d'applications.
Le Ressources mobiles natives Le module contient des activités nanoflow natives liées au mobile qui exploitent les capacités natives de l'appareil telles que l'appareil photo, la localisation, l'empreinte digitale et le stockage, en plus d'autres fonctionnalités de l'appareil telles que la navigation, le partage de données, l'affichage des notifications, etc.
Outre les ressources mobiles natives, il existe le NanoflowCommons module, qui contient des actions plus génériques qui peuvent non seulement être utilisées pour les applications natives, mais également pour les applications Web et hybrides.
Enfin, nous avons ajouté les actions nanoflow suivantes directement à Studio Pro : opérations de liste, agrégation de liste et afficher un message.
Actions JavaScript avec un éditeur intégré
Une autre grande fonctionnalité dans Mendix 8 est qu'il est désormais possible de créer vos propres actions nanoflow à l'aide de JavaScript. Ces actions nanoflow enfichables, appelées actions JavaScript dans Studio Pro, peuvent être utilisées pour exploiter les capacités des appareils ou exécuter tout type de logique. Les actions JavaScript devraient déjà être assez familières à Mendix développeurs, car elles sont similaires aux actions Java. Et vous trouverez les fonctionnalités les plus appréciées des actions Java disponibles : différents types de paramètres, exposition en tant qu'activité nanoflow dans la boîte à outils Studio Pro, et packaging et distribution via les réseaux public ou privé Mendix Magasin d'applications.
Ce qui distingue vraiment les actions JavaScript, c'est que vous pouvez les modifier sans quitter Mendix Studio Pro. Il existe un puissant éditeur intégré directement dans l'onglet Code du document d'action JavaScript. Il est basé sur le Editeur monégasque, qui est l'éditeur qui alimente l'IDE le plus populaire, Visual Studio CodeCet éditeur offre une expérience formidable, car il prend en charge la saisie semi-automatique intelligente en fonction du contexte, la documentation intégrée sur le Web et Mendix API, indentation correcte et raccourcis adaptés au code.
Les actions JavaScript ouvrent un monde de nouvelles possibilités et améliorent l'expérience du développeur, car il existe une meilleure séparation entre les composants de l'interface utilisateur et les actions. Pour plus de détails sur la création de votre propre action JavaScript, consultez Comment écrire des actions JavaScript.
Widgets natifs
Avec cette version, nous avons inclus un excellent ensemble de widgets pour que vous puissiez commencer à créer des applications riches dès la sortie de la boîte. De nombreux widgets de base sont disponibles, comme du texte, des types de saisie, des boutons, des listes, des conteneurs et des conteneurs d'onglets. Et maintenant, il existe un widget de cartes, une barre de progression, un cercle de progression, un curseur, un bouton d'action flottant, un badge, un indicateur de chargement et une vue Web. Notez que ces widgets sont optimisés pour les appareils mobiles. Par exemple, les entrées utilisent des commandes natives et le type de clavier approprié, les onglets s'animent bien et le balayage fonctionne sans problème.
Ici vous pouvez voir des exemples de widgets avec quelques variantes :
Vous pouvez trouver tous ces widgets dans l'application Native Mobile Quickstart ou les télécharger séparément dans le module Native Mobile Resources à partir du Mendix Magasin d'applications.
Créez vos propres widgets
En plus de tous les widgets disponibles prêts à l'emploi, nous avons simplifié la création de vos propres widgets. Ceux-ci sont appelés widgets enfichables et utilisent des technologies modernes et populaires. La création d'un widget pour mobile natif est fondamentalement la même que la création d'un composant React (natif), de sorte que les compétences de développement JavaScript existantes peuvent facilement être exploitées.
Pour vous aider encore plus, nous avons publié un générateur Yeoman qui peut être utilisé pour générer facilement un projet de widget. Cela vous permettra de démarrer rapidement et de créer un flux de développement rapide et facile pour vous. Vous pouvez utiliser ce générateur pour créer des widgets pour des applications mobiles natives ainsi que pour des applications Web et hybrides, basées sur JavaScript ou TypeScript. Le générateur comprend diverses options, telles que la création d'un projet vide basé sur un modèle et la génération de cas de test.
Il existe de nombreux composants React Native open source que vous pouvez intégrer facilement, car une autre fonctionnalité puissante est la possibilité d'utiliser des dépendances externes et de les installer via NPM.
Si vous souhaitez créer votre propre widget enfichable après avoir lu ceci, consultez notre Créer un widget enfichable documents pratiques.
Hors ligne d'abord
Comme mentionné ci-dessus, il est important d’avoir une approche hors ligne en premier pour offrir aux utilisateurs une excellente expérience et une application fiable. Mendix 8 contient quelques nouvelles fonctionnalités qui rendent cette opération plus facile que jamais.
Par défaut, Mendix analyse automatiquement le modèle de données de votre application pour déterminer quelles entités doivent être synchronisées en fonction des pages et des nanoflows utilisés dans votre profil de navigation hors ligne. Dans cette version, nous avons ajouté une synchronisation configurable pour optimiser la configuration de synchronisation par défaut. Il est possible de limiter ce qui est téléchargé en utilisant des contraintes XPath. De plus, il est possible de désactiver les téléchargements pour une entité, ce qui peut être très utile dans les cas où les objets doivent uniquement être téléchargés (par exemple, une entité « feedback »). Cette configuration se trouve dans votre profil de navigation.
Nous avons ajouté d'autres fonctionnalités utiles pour faciliter la création d'applications hors ligne : la prise en charge des expressions XPath dans l'activité de récupération dans les nanoflows, la possibilité d'utiliser un nanoflow comme source de données pour une vue de données et la prise en charge des activités nanoflow Opérations de liste, Agrégation de liste et Afficher un message.
Pour plus d'informations sur le fonctionnement de notre fonctionnalité hors ligne, consultez Hors ligne en premier dans le Mendix Documentation.
Et après
Pendant la période bêta, nous travaillerons activement avec nos clients et partenaires pour recueillir leurs commentaires, que nous utiliserons pour améliorer le produit. Voici quelques-uns des sujets sur lesquels nous travaillerons pour les prochaines versions :
- Publication sur l'App Store qui permet de créer les binaires (APK et IPA) en fonction de paramètres tels que l'ID, le nom, l'icône et l'écran de démarrage de votre application
- Sub-nanoflows, c'est-à-dire la réutilisation de nanoflows à l'intérieur d'autres nanoflows
- Appel d'un microflow à partir de nanoflow, qui est une fonctionnalité importante pour les applications hors ligne qui vous permet d'appeler des microflows sur le serveur pour exécuter une logique sur le serveur ou synchroniser des données
- Plus de modèles de pages natifs, de widgets, de fonctionnalités et de flexibilité dans les mises en page comme le menu hamburger
Prise en charge des extraits et des blocs de construction
Que faire si j'ai déjà une application mobile hybride ?
Comme mentionné ci-dessus, le mobile natif est disponible en tant que nouveau canal (via un profil de navigation), qui peut être ajouté à côté des profils hybrides. Cela vous permet de créer une application mobile native juste à côté de votre application mobile hybride à partir d'un seul modèle.
Vous pouvez réutiliser différentes parties de vos applications hybrides dans vos applications mobiles natives, telles que le modèle de domaine, les nanoflows, les microflows et les intégrations. Les pages pour mobiles natives ont une mise en page différente, ce qui vous permet de convertir une page en page native en modifiant la mise en page. Cependant, comme les pages natives ont un ensemble différent de widgets et de propriétés, vous obtiendrez des erreurs de cohérence que vous devrez résoudre.
Le style doit être créé spécifiquement pour les applications mobiles natives, car il est basé sur JavaScript et optimisé pour une utilisation mobile. Vous souhaiterez probablement le faire de toute façon, afin de fournir cette excellente expérience utilisateur.
Pour les nouvelles applications, nous vous recommandons d'utiliser ces fonctionnalités mobiles natives. Cependant, la décision de migrer votre application mobile hybride vers une application native ou non est une décision que vous devez prendre en fonction de votre situation spécifique et de votre cas d'entreprise. Pendant la période bêta, vous pouvez vous faire une première idée afin de voir comment et quand vous pouvez commencer à utiliser la technologie mobile native.
Comment puis-je commencer?
Vous avez hâte de commencer ? Vous trouverez ici un guide rapide ici qui vous guide dans la création de votre première application mobile native en quelques minutes. Bientôt, il y aura également un module de formation, dans le cadre de Mendix Academy.
Mendix Studio Pro 8.0.0 (bêta) peut être téléchargé à partir du Mendix App Store et vous pouvez trouver les notes de publication ici. Pour plus d'informations sur les versions bêta, consultez Quels sont Mendix Fonctionnalités bêta ?.
Allez le rendre natif !
Vous êtes tous des créateurs et nous avons hâte de voir les applications mobiles créatives et innovantes que vous allez créer ! Nous aimerions connaître votre avis et en savoir plus sur les cas d'utilisation que vous avez Mendix applications mobiles natives. N'hésitez pas à me contacter au [email protected]Pour les problèmes liés aux produits, veuillez contacter Mendix Assistance ou postez votre question sur le Forum.
