Low-Code en 30 minutes : créer de superbes applications multicanaux

Apprener comment MendixLa plateforme low-code de vous permet de créer de superbes applications multicanaux.

Transcription

[00: 00: 07.580]
salut et bienvenue dans ce low code en xxx

[00: 00: 10.290]
webinaire Je suis Craig White de la

[00: 00: 12.450]
équipe d'évangélistes chez mendax et je serai

[00: 00: 14.370]
je vous accompagne tout au long du webinaire d'aujourd'hui

[00: 00: 15.990]
en regardant les applications multicanaux afin que chaque

[00: 00: 22.529]
mois, nous examinons un sujet différent

[00: 00: 25.019]
et le mois dernier, mon collègue Sam et

[00: 00: 26.939]
visuel collaboratif recouvert de noir

[00: 00: 28.590]
développement et vous pouvez trouver ceci

[00: 00: 31.019]
webinaire si vous allez à Minh Dexcom et

[00: 00: 33.120]
cliquez sur les démos en haut à droite

[00: 00: 38.579]
alors comme nous en avons ici un autre vient de dire

[00: 00: 41.620]
nous couvrons les applications multicanaux

[00: 00: 43.539]
ce mois-ci le mois prochain expériences mobiles

[00: 00: 46.809]
donc des applications mobiles en ligne et hors ligne et

[00: 00: 50.800]
puis en août, en regardant l'intégration

[00: 00: 52.839]
applications intelligentes, donc en regardant l'intégration

[00: 00: 56.019]
avec d'autres services pour créer une approche proactive

[00: 00: 58.449]
applications sensibles au contexte, donc la structure de

[00: 01: 01.390]
aujourd'hui je vais juste continuer avec

[00: 01: 02.829]
cette présentation se transforme en une démonstration de la

[00: 01: 05.770]
produit et le modeleur Web, puis

[00: 01: 07.960]
nous avons un peu de temps à la fin pour certains

[00: 01: 09.940]
des questions donc si vous avez des questions

[00: 01: 12.399]
alors demandez-leur pendant l'appel et

[00: 01: 15.009]
Je répondrai à ces questions à la fin, alors mendax

[00: 01: 18.280]
est une plate-forme low code qui aide

[00: 01: 21.119]
les entreprises collaborent entre entreprises

[00: 01: 24.009]
et nous le faisons en ayant un faible

[00: 01: 26.649]
plate-forme de code qui couvre l'ensemble

[00: 01: 28.000]
cycle de vie des applications que vous pouvez créer

[00: 01: 31.000]
applications dix fois plus rapides et utilisant 70%

[00: 01: 33.880]
moins de ressources par rapport aux méthodes traditionnelles

[00: 01: 35.770]
méthodes de développement donc j'ai trouvé ça

[00: 01: 39.490]
citation de Gartner les États-Unis

[00: 01: 41.429]
les entreprises ne se concentrent pas sur l'UX et

[00: 01: 44.160]
n'apportent pas vraiment de valeur à

[00: 01: 46.149]
clients alors j'ai pensé bien comment faire

[00: 01: 50.050]
nous avons surmonté ce défi UX donc tout d'abord

[00: 01: 54.520]
Je pense que nous devons innover rapidement et

[00: 01: 56.770]
tester de nouvelles idées et en faisant cela, nous pouvons

[00: 02: 00.129]
donc en adoptant un cadre agile scrum

[00: 02: 02.459]
vous pouvez livrer rapidement et toujours

[00: 02: 05.770]
assurez-vous d'avoir un minimum de travail

[00: 02: 07.629]
Produit viable à la fin de chaque sprint

[00: 02: 09.640]
vous pouvez surmonter la fatigue des applications avec un

[00: 02: 14.530]
une excellente expérience utilisateur, vous en avez donc vraiment besoin

[00: 02: 17.379]
pour offrir à vos clients une très bonne

[00: 02: 19.209]
raison d'utiliser votre application et s'il s'agit d'une

[00: 02: 22.030]
application mobile, une très bonne raison de

[00: 02: 23.709]
téléchargez-le et gardez-le à jour

[00: 02: 25.269]
appareil et puis troisièmement

[00: 02: 29.790]
pour offrir à vos clients un choix de

[00: 02: 31.799]
canal afin qu'ils puissent accéder et s'engager

[00: 02: 35.760]
avec vous via leur ordinateur, tablette, mobile

[00: 02: 37.950]
et rendre l'expérience pratique pour

[00: 02: 40.500]
eux qui m'amènent au multi-canal

[00: 02: 43.790]
donc le multi-canal comme je le dis concerne

[00: 02: 46.739]
le rendre pratique pour votre client

[00: 02: 48.560]
Pensez à ce dont votre client a besoin

[00: 02: 50.700]
de l'interaction avec votre entreprise

[00: 02: 52.980]
et offrez-leur la meilleure expérience possible

[00: 02: 55.079]
je peux et j'ai mentionné donner votre

[00: 02: 58.109]
le choix des clients afin que vous puissiez avoir

[00: 03: 00.480]
des pages réactives qui s'adapteront à la

[00: 03: 02.400]
taille de l'écran automatiquement, vous pourriez avoir

[00: 03: 05.370]
pages spécialement conçues pour un

[00: 03: 07.919]
certain type d'appareil et vous pourriez également

[00: 03: 10.680]
avoir une application mobile native pour Android et

[00: 03: 13.409]
iOS et toutes ces choses se déroulent comme prévu

[00: 03: 18.239]
dans une expérience utilisateur continue afin

[00: 03: 21.569]
s'assurer que votre marque est positive

[00: 03: 23.609]
représentés sur tous ces canaux, nous

[00: 03: 25.859]
je veux m'assurer que cette conception et

[00: 03: 27.510]
l'expérience est cohérente et a la

[00: 03: 29.730]
même apparence et même sensation, et puis avoir aussi

[00: 03: 32.370]
une plate-forme unique aide évidemment donc

[00: 03: 35.220]
il y a des entreprises qui peuvent déjà

[00: 03: 37.739]
être multicanal et avoir un site Web et

[00: 03: 40.379]
une application iOS et une application Android, mais chacune

[00: 03: 43.199]
l'un est probablement développé séparément

[00: 03: 44.760]
mis à jour et maintenu séparément et chacun

[00: 03: 47.310]
avec leur propre back-end séparé

[00: 03: 48.690]
infrastructure et donc si vous voulez

[00: 03: 51.599]
faire un changement, alors vous devrez probablement le faire

[00: 03: 53.879]
le mettre à jour à plusieurs endroits différents

[00: 03: 56.190]
et peut-être que des équipes différentes gèrent cela

[00: 03: 59.069]
ainsi j'ai trouvé cette image qui

[00: 04: 02.340]
donne un bon exemple de multi-canal

[00: 04: 04.650]
expérience que vous avez avec votre client sur le

[00: 04: 08.609]
côté droit avec un téléphone et ils

[00: 04: 12.060]
peut faire une demande via le téléphone

[00: 04: 14.970]
qu'il s'agisse d'une application Web ou d'un

[00: 04: 17.220]
application mobile native qui demande ensuite

[00: 04: 20.669]
va à vos agendas vos agendas sont

[00: 04: 23.220]
en utilisant un site de bureau, puis ils passent

[00: 04: 25.860]
ces rendez-vous sur votre terrain

[00: 04: 27.630]
ingénieur et ensuite ils peuvent évidemment aller

[00: 04: 30.060]
et répondre à la demande du client et à la

[00: 04: 32.820]
les ingénieurs de terrain regardent sur une tablette

[00: 04: 34.620]
alors ici vous savez que vous en avez trois

[00: 04: 37.409]
il y a trois chaînes différentes

[00: 04: 39.479]
différentes manières de visualiser votre application mais

[00: 04: 41.400]
l'application que vous créez

[00: 04: 43.439]
si vous utilisez la plateforme mendax loco ou

[00: 04: 46.139]
ont le même back-end et votre

[00: 04: 48.839]
le front-end peut réutiliser de nombreux composants

[00: 04: 51.209]
mais vous allez l'optimiser pour que cela fonctionne

[00: 04: 53.849]
parfaitement à travers ces trois différents

[00: 04: 56.159]
chaînes donc cette image ici aide à

[00: 04: 59.519]
montrez-moi comment cela fonctionnerait et j'irai

[00: 05: 03.479]
dans un exemple de ceci dans ma démo donc

[00: 05: 06.110]
encore une fois, j'ai ces différentes chaînes

[00: 05: 08.189]
là et vous pouvez voir que le bureau

[00: 05: 10.439]
par exemple montre une image et quelques

[00: 05: 12.449]
écrivant dans les colonnes la tablette est

[00: 05: 16.349]
montrant que comme une image dans une image et

[00: 05: 20.789]
écrire en lignes puis le téléphone

[00: 05: 23.369]
les affiche les uns sur les autres

[00: 05: 24.989]
et sur le côté gauche ici je viens de

[00: 05: 27.929]
j'ai quelques points que je vais aborder dans

[00: 05: 29.699]
démo d'aujourd'hui

[00: 05: 40.990]
ok, alors tout d'abord je vais juste aller à

[00: 05: 44.550]
hommes Dexcom et vous pouvez trouver l'application

[00: 05: 47.500]
galerie en allant dans solutions et application

[00: 05: 49.960]
galerie maintenant l'application galerie est construite par

[00: 05: 53.650]
l'équipe évangéliste et nous avons fait ici

[00: 05: 56.110]
neuf applications qui présentent différentes

[00: 05: 58.900]
industries différents cas d'utilisation qui

[00: 06: 00.910]
j'espère que cela vous inspirera dans la construction

[00: 06: 03.490]
votre prochaine application, mais la raison pour laquelle j'ai

[00: 06: 06.550]
J'ai soulevé ce point parce que je voulais

[00: 06: 08.260]
je vais vous montrer un exemple, alors ici je vais

[00: 06: 10.900]
Regardez le portail de réclamations que nous avons créé

[00: 06: 16.650]
et là

[00: 06: 20.100]
quelques blogs et quelques vidéos sur cette application

[00: 06: 23.010]
mais le point principal ici est que je veux

[00: 06: 25.290]
prévisualisez cette application et voici moi-même

[00: 06: 29.190]
aider quelqu'un avec une réclamation afin qu'un

[00: 06: 31.950]
réclamation d'assurance et ici nous utilisons réellement

[00: 06: 34.650]
une interface utilisateur conversationnelle pour que vous

[00: 06: 36.960]
accompagner quelqu'un dans un parcours de réclamation

[00: 06: 38.540]
maintenant encore la raison pour laquelle je voulais y aller

[00: 06: 40.950]
c'est d'abord parce que je montre ici

[00: 06: 42.390]
ok, que voudrais-tu réclamer ?

[00: 06: 43.560]
et j'ai ici deux articles différents que je

[00: 06: 46.680]
je peux cocher cette case, passer à la suivante, la suivante

[00: 06: 49.500]
partie

[00: 06: 50.220]
Je suis également ici et je peux voir la même chose

[00: 06: 52.830]
application sur un téléphone donc c'est maintenant

[00: 06: 57.030]
simuler un téléphone et donc maintenant nous avons

[00: 06: 59.270]
Chris, nos autres évangélistes et ceci

[00: 07: 05.310]
vous guidera à travers exactement la même chose

[00: 07: 06.570]
voyage donc nous n'avons pas eu à construire

[00: 07: 09.960]
quelque chose de différent et nous avons peut-être

[00: 07: 13.500]
mentionné que nous avons peut-être dit que le

[00: 07: 15.480]
la barre d'outils en haut ressemblera à

[00: 07: 18.210]
légèrement différent et quand il descend

[00: 07: 20.250]
vers une taille d'appareil plus petite et ce que nous avons

[00: 07: 23.070]
nous avons également fait cela, plutôt que de le dire

[00: 07: 24.750]
en affichant l'image sur un téléphone, nous

[00: 07: 27.840]
je veux juste montrer les catégories mais dans

[00: 07: 31.080]
mais ça te donne tu sais ça te donne

[00: 07: 33.180]
une expérience utilisateur cohérente qu'elle permet

[00: 07: 35.610]
votre client à s'engager avec cela

[00: 07: 37.740]
entreprise afin qu'elle leur permette de s'engager

[00: 07: 40.620]
avec le même le même processus et et

[00: 07: 44.360]
ils peuvent encore, tu sais qu'ils peuvent encore

[00: 07: 47.490]
faire valoir leur réclamation et c'était un gros

[00: 07: 51.690]
exemple de présentation multi-canal ici donc

[00: 07: 57.810]
cela utilise en fait le framework Atlas

[00: 08: 02.850]
donc l'interface utilisateur d'Atlas qui est la conception

[00: 08: 06.000]
langue construite par mendax et c'est

[00: 08: 09.150]
ce que vous obtiendrez lorsque vous verrez

[00: 08: 10.920]
allez dans le modèle web de peu de temps et vous

[00: 08: 13.770]
obtenez un certain nombre de modèles de téléphone et

[00: 08: 16.040]
les modèles réactifs incluent également

[00: 08: 19.560]
fonctionnalités mobiles natives et nous en parlerons

[00: 08: 22.380]
à propos de celui-ci dans le mobile

[00: 08: 24.800]
webinaire le mois prochain mais nous avons aussi

[00: 08: 28.919]
en haut ici les modèles

[00: 08: 31.930]
que vous pouvez utiliser et cela vous donne un

[00: 08: 35.600]
bon exemple de et les différents types

[00: 08: 37.700]
des cas d'utilisation et quand les utiliser et

[00: 08: 40.669]
quels sont les éléments constitutifs de chacun d'entre eux

[00: 08: 43.100]
modèles utilisés pour que vous puissiez voir sur ceci

[00: 08: 46.370]
tableau de bord par exemple, il utilise une valeur par défaut

[00: 08: 49.460]
en-tête de page et il utilise les métriques de la carte

[00: 08: 52.160]
bloc de construction donc il y en a plusieurs

[00: 08: 56.000]
différents modèles de téléphone là-bas nous aussi

[00: 08: 59.600]
avoir des modèles réactifs pour que vous puissiez voir

[00: 09: 02.810]
nous avons des tableaux de bord et des tableaux de bord

[00: 09: 04.400]
des graphiques, ce qui facilite vraiment la tâche

[00: 09: 06.560]
vous avez un excellent point de départ et

[00: 09: 09.290]
alors si tu veux tu peux personnaliser

[00: 09: 11.060]
ceux-ci plus loin et tout cela est basé sur

[00: 09: 13.460]
normes ouvertes telles que CSS sass et

[00: 09: 16.340]
bootstrap pour que vous puissiez changer

[00: 09: 18.680]
ceux-ci comme vous le souhaitez et personnalisez-les

[00: 09: 20.990]
à votre entreprise, mais la chose importante

[00: 09: 24.230]
ces blocs de construction sont-ils ici comme vous pouvez

[00: 09: 25.700]
voyez, ils sont faits pour que vous puissiez simplement les faire glisser

[00: 09: 29.060]
les dans votre application et comme je l'ai dit

[00: 09: 31.640]
cela vous donne un très bon départ

[00: 09: 32.900]
point pour construire cette application et ensuite vous

[00: 09: 34.760]
peut itérer là-dessus donc une fois que vous avez construit

[00: 09: 36.320]
la première version vous permet de voir quelles parties

[00: 09: 38.840]
vous voudrez peut-être vous améliorer et changer et

[00: 09: 41.870]
puis enfin nous avons des widgets donc des widgets

[00: 09: 47.360]
vous donne à nouveau la possibilité d'introduire

[00: 09: 50.900]
quelques boutons et options de calendrier et

[00: 09: 54.500]
graphiques, carrousels d'images et peut-être plus

[00: 09: 59.840]
cases à cocher personnalisées et il y en a

[00: 10: 03.740]
descriptions ici de la manière de procéder

[00: 10: 05.720]
utilisez-les également si vous allez également dans le

[00: 10: 08.120]
documentation sur laquelle vous pouvez cliquer

[00: 10: 09.980]
documentation et cela vous donne quelques

[00: 10: 11.990]
exemples d'utilisation de cette fonctionnalité

[00: 10: 16.690]
Je vais utiliser le MINIX

[00: 10: 19.280]
plateforme maintenant et je vais créer un

[00: 10: 21.170]
toute nouvelle application donc il y en a quelques-unes

[00: 10: 25.440]
Artur s'enroule ici et je le ferais en fait

[00: 10: 27.120]
je te suggère de faire l'introduction

[00: 10: 29.610]
visite, elle vous donne un bon aperçu de la

[00: 10: 31.440]
plateforme et comment créer votre application à partir de

[00: 10: 33.450]
depuis le début euh donc je vais

[00: 10: 36.960]
entre ici et je vais effectivement

[00: 10: 38.220]
choisir une application vide même s'il y en a

[00: 10: 39.750]
quelques applications de démarrage ici telles que

[00: 10: 41.610]
créer une application événementielle ou un asset

[00: 10: 43.380]
manager et je vais juste choisir

[00: 10: 45.900]
application vierge et appelez ceci en localisant 30 appels

[00: 10: 53.190]
il est multi-canal donc cela crée maintenant

[00: 10: 58.560]
votre application en arrière-plan c'est aussi

[00: 11: 00.900]
créer un environnement et un

[00: 11: 02.250]
espace de collaboration où votre équipe peut

[00: 11: 05.400]
travailler ensemble sur une application c'est aussi

[00: 11: 08.090]
mettre en place un environnement sandbox où

[00: 11: 12.030]
vous pouvez pousser votre application dans un

[00: 11: 15.510]
environnement sandbox pour que vous puissiez visualiser votre

[00: 11: 18.210]
application et voyez à quoi elle ressemble et

[00: 11: 20.900]
n'importe qui peut alors consulter cette URL pour voir comment

[00: 11: 25.170]
votre application progresse et peut-être

[00: 11: 28.380]
je teste également, alors donnez cette URL à

[00: 11: 30.750]
quelqu'un d'autre dans votre entreprise et demandez

[00: 11: 32.490]
pour qu'ils jettent un oeil et testent votre application

[00: 11: 34.050]
de nouvelles idées et aussi obtenir des commentaires, donc

[00: 11: 39.080]
Je vais aller dans l'édition de mon application et

[00: 11: 42.650]
nous avons un Web Muddler que nous visons

[00: 11: 47.790]
vers les développeurs citoyens ou moins

[00: 11: 51.330]
développeurs techniques ou devinez l'autre

[00: 11: 53.760]
le cas d'utilisation est qu'un développeur peut s'asseoir avec un

[00: 11: 57.720]
utilisateur professionnel et conception de l'utilisateur

[00: 12: 00.330]
interface pour vraiment les aider à comprendre

[00: 12: 03.300]
à quoi cette application va ressembler et

[00: 12: 06.450]
ils peuvent ensuite synchroniser ces modifications dans

[00: 12: 08.490]
le modeleur de bureau qui est pour notre

[00: 12: 11.070]
plus de développeurs techniques et ils peuvent

[00: 12: 13.140]
ajouter des choses comme l'intégration avec

[00: 12: 16.980]
autres services utilisant le modeleur de bureau

[00: 12: 20.510]
je vais donc commencer par faire glisser un

[00: 12: 23.339]
nouvel en-tête et je vais supprimer le

[00: 12: 26.310]
il en existe un ici donc un nouvel en-tête ici

[00: 12: 31.500]
je peux juste voir le nom de ceci et comme vous pouvez

[00: 12: 40.710]
je vois que je peux maintenant éditer en ligne, donc

[00: 12: 45.650]
des applications multicanaux pour que je puisse réellement

[00: 12: 49.710]
il suffit de double-cliquer sur la zone de texte que vous faites

[00: 12: 51.720]
avoir la possibilité ici de changer le

[00: 12: 53.790]
légende vous pouvez en changer la taille

[00: 12: 56.940]
ici, donc très facilement, changez cela

[00: 13: 02.190]
changez son apparence et vous pouvez également ajouter

[00: 13: 05.810]
des propriétés de conception ici aussi

[00: 13: 09.030]
vous pouvez modifier l'espacement et l'alignement

[00: 13: 12.080]
sans avoir à connaître aucun CSS donc je suis

[00: 13: 15.810]
je vais juste partir, je vais changer le

[00: 13: 17.340]
titre et laissez le reste tel quel

[00: 13: 20.000]
si je vais dans la boîte à outils maintenant et que j'ai

[00: 13: 23.400]
j'ai déjà utilisé un de ces en-têtes de

[00: 13: 24.750]
cette liste d'en-tête et je voudrais

[00: 13: 27.510]
en fait, utilisez une grille de mise en page, donc dans le

[00: 13: 32.430]
section de mise en page, je peux simplement la faire glisser

[00: 13: 34.920]
grille et vous pouvez voir maintenant que j'ai des

[00: 13: 39.300]
options ici sur le côté droit comme

[00: 13: 41.070]
à quoi j'aimerais que cette grille de mise en page ressemble

[00: 13: 44.339]
un appareil différent donc si je dis que j'aimerais

[00: 13: 48.570]
4 colonnes je peux voir que ça donne maintenant

[00: 13: 52.050]
moi une option pour les afficher sur un

[00: 13: 54.150]
tablette et sur un téléphone donc pour le moment

[00: 13: 58.080]
Je regarde la vue du téléphone, je peux

[00: 14: 00.420]
basculez facilement ici vers une tablette

[00: 14: 02.820]
vue ou vers une vue réactive donc quand je

[00: 14: 07.620]
ajouter mes cartes que je vais faire ensuite

[00: 14: 10.470]
donc ici je vais ajouter une carte

[00: 14: 12.270]
action donc très simplement peut ajouter ces

[00: 14: 16.110]
cartes dans chacune de ces colonnes et

[00: 14: 19.580]
comme je l'ai dit avant, cela va maintenant s'ajuster

[00: 14: 23.339]
J'ai maintenant 4 par 4 sur la tablette et

[00: 14: 28.710]
vue mobile qui était vraiment utile juste

[00: 14: 32.040]
pour vous donner une indication très rapide de

[00: 14: 34.140]
à quoi cela va ressembler, alors j'aimerais

[00: 14: 37.230]
changer certaines de ces icônes donc je suis juste

[00: 14: 41.040]
je vais en faire un plus car

[00: 14: 44.120]
je vais ajouter un client, dis ajouter un client

[00: 14: 58.180]
et ici je vais montrer un

[00: 15: 01.790]
liste de clients, donc une fois que vous les avez ajoutés

[00: 15: 03.920]
clients, montrons aux utilisateurs qu'il y a aussi

[00: 15: 10.310]
une liste qui est aussi un joli daikon

[00: 15: 15.550]
client clients donc cela va

[00: 15: 19.850]
montre-moi une liste de clients lorsque je clique

[00: 15: 21.620]
dessus et juste pour être complet

[00: 15: 23.660]
complétude je vais nommer ces bas

[00: 15: 26.330]
deux et changeons simplement cette icône comme

[00: 15: 31.910]
ainsi que

[00: 15: 40.750]
J'aimerais ajouter un nouveau client maintenant

[00: 15: 43.000]
avant de faire ça, nous avons donc créé une page

[00: 15: 46.960]
déjà et ce que j'aimerais faire maintenant

[00: 15: 49.300]
est de créer le modèle de domaine donc ceci

[00: 15: 52.270]
c'est là que les données vont être stockées

[00: 15: 53.860]
en arrière-plan donc ici j'ai besoin de

[00: 15: 57.850]
créer une nouvelle entité et je vais

[00: 16: 00.820]
appelez ce client et dans le client je

[00: 16: 04.360]
il faut créer des attributs donc les attributs

[00: 16: 07.090]
sont vos champs essentiellement donc j'ai besoin d'un

[00: 16: 11.230]
un nouveau s'appelle nom et j'en ai besoin d'un

[00: 16: 16.870]
appelé email et vous pouvez également le modifier

[00: 16: 21.970]
le type ici aussi donc je vais

[00: 16: 24.250]
utilisez une chaîne ici mais vous pouvez sélectionner une

[00: 16: 27.330]
booléen ou devise date heure et tout

[00: 16: 31.240]
les choses auxquelles vous vous attendriez si vous étiez

[00: 16: 34.260]
de la même manière que lorsque vous utilisez

[00: 16: 36.310]
Excel vous permet de formater les données dans un certain format

[00: 16: 38.650]
alors je vais demander un numéro de téléphone

[00: 16: 46.089]
et je pense que je vais demander l'emplacement

[00: 16: 49.120]
aussi parce que je vais ajouter une carte

[00: 16: 50.440]
d'accord, donc maintenant j'ai un client et maintenant

[00: 16: 55.930]
J'ai quatre attributs que je vais

[00: 16: 58.000]
stocker à propos de ce client maintenant si j'y vais

[00: 17: 00.760]
retour à ma page c'est dans ma page d'accueil je suis

[00: 17: 04.689]
je vais ajouter une logique de micro-flux à cela

[00: 17: 07.600]
bouton ici maintenant un micro flux est comme je

[00: 17: 11.560]
a dit la logique dans mendax et donc ceci

[00: 17: 14.890]
effectuera une certaine action lorsque je

[00: 17: 16.930]
cliquez sur ce bouton pour que je puisse créer un

[00: 17: 21.040]
nouveau micro flux je vais appeler ça

[00: 17: 24.280]
ajouter un client car lorsque nous cliquons sur

[00: 17: 28.150]
le bouton c'est exactement ce que c'est

[00: 17: 30.250]
je vais le faire, je vais ajouter un nouveau

[00: 17: 31.570]
client, donc la première chose que nous devons faire

[00: 17: 33.700]
faire est de créer un objet donc créer un

[00: 17: 35.710]
objet client sur lequel je vais cliquer

[00: 17: 38.710]
les propriétés ici et sélectionnez le

[00: 17: 41.230]
entité client que nous venons de créer

[00: 17: 54.420]
alors maintenant ça va créer comme il est dit

[00: 17: 57.010]
il y a un nouveau client maintenant la prochaine chose

[00: 17: 59.830]
Ce que j'avais besoin de faire, c'est de montrer un nouveau

[00: 18: 01.300]
page donc ici en bas Handley nous avons un spectacle

[00: 18: 06.040]
activité du bouton de page donc je fais glisser le

[00: 18: 09.940]
affichez l'activité de la page ici et je définirai

[00: 18: 14.140]
la page donc en fait avant de faire ça je

[00: 18: 17.410]
sélectionnera l'objet à transmettre afin que le

[00: 18: 19.270]
l'objet est ce nouveau client donc je vais

[00: 18: 22.390]
pour sélectionner le nouveau client et ainsi

[00: 18: 25.330]
quand il ira sur cette nouvelle page, il va

[00: 18: 27.250]
avoir un objet client vide pour travailler

[00: 18: 30.070]
avec ça je vais créer une nouvelle page et

[00: 18: 34.690]
c'est là que cela me donne des options et

[00: 18: 36.400]
Je l'ai mentionné plus tôt lorsque je montrais

[00: 18: 37.330]
vous la conception de l'interface utilisateur d'Atlas et la

[00: 18: 40.300]
modèles les blocs de construction donc ceux-ci

[00: 18: 42.850]
il y a des modèles de pages ici que vous pouvez

[00: 18: 45.310]
sélectionnez parmi afin d'avoir un certain nombre de

[00: 18: 48.190]
tableaux de bord listes formulaires maintenant je suis là

[00: 18: 53.020]
va sélectionner le contenu de la page pré-rempli

[00: 18: 55.060]
en fonction de l'entité cliente, sachez ceci

[00: 18: 57.700]
va en fait me limiter maintenant – juste

[00: 18: 59.500]
les formulaires mais ce n'est pas grave parce que je veux

[00: 19: 01.720]
pour ajouter un nouveau client et c'est ce que je

[00: 19: 04.480]
je veux ajouter ici le titre appelé

[00: 19: 08.970]
ajoutez un client et créez ceci et maintenant nous

[00: 19: 13.930]
j'ai une page je clique sur ce bouton ici

[00: 19: 16.270]
ça va en fait juste m'amener à

[00: 19: 17.620]
cette page que nous venons de créer et comme

[00: 19: 19.720]
vous pouvez voir qu'il est déjà mis dans les quatre

[00: 19: 22.090]
champs de texte pour me donner les champs de saisie

[00: 19: 28.450]
requis pour ces quatre attributs, c'est

[00: 19: 31.270]
j'ai également créé un bouton Enregistrer et un bouton Annuler

[00: 19: 33.250]
bouton automatiquement donc un bouton d'annulation

[00: 19: 35.560]
nous allons simplement revenir à la première page et

[00: 19: 38.020]
le bouton Enregistrer validera les données

[00: 19: 41.110]
que vous entrez dans ce modèle de données le

[00: 19: 43.360]
modèle de domaine et encore une fois cela fonctionnera

[00: 19: 47.980]
sur différents appareils, nous pouvons

[00: 19: 51.070]
personnalisez à quoi cela ressemble une autre fois alors

[00: 19: 56.080]
maintenant j'aimerais retourner à la maison

[00: 20: 00.430]
un peu et donc je voudrais montrer une liste

[00: 20: 03.640]
des clients donc si je clique dessus

[00: 20: 06.340]
bouton ici je ne vais pas

[00: 20: 10.119]
micro donc je vais juste cliquer dessus

[00: 20: 11.829]
afficher un bouton de page car je n'en ai pas besoin

[00: 20: 15.759]
pour créer l'objet, il me suffit de montrer

[00: 20: 17.529]
la nouvelle page donc celle-ci va être

[00: 20: 20.319]
appelé liste de clients et je vais utiliser

[00: 20: 26.529]
listes Je vais utiliser ces blocs de liste

[00: 20: 28.209]
ici donc ce que je peux faire ici c'est regarder

[00: 20: 33.819]
et donc en fait, je dois d'abord sélectionner

[00: 20: 36.459]
ma source de données pour cette liste donc c'est

[00: 20: 40.449]
je vais être client donc maintenant quand je clique

[00: 20: 46.029]
sur le titre ici, je peux réellement taper un

[00: 20: 50.099]
ouvrez les accolades et sélectionnez un nom pour

[00: 20: 58.539]
ce texte ici je vais faire la même chose

[00: 21: 01.599]
chose et cela va me demander

[00: 21: 03.219]
email et ensuite la même chose pour le téléphone

[00: 21: 08.289]
numéro donc vraiment facile d'y accéder

[00: 21: 11.799]
ces attributs dans le modèle de domaine donc

[00: 21: 15.849]
ça va les tirer vers un

[00: 21: 17.019]
liste maintenant une vue de liste répétera ces

[00: 21: 19.419]
objets, nous n'avons donc qu'à modifier ceci

[00: 21: 22.359]
le premier ici et comme vous pouvez le voir c'est

[00: 21: 24.309]
montrant la répétition plus bas et

[00: 21: 28.349]
je ne pense pas que je vais utiliser ce bouton

[00: 21: 30.189]
en fait, je vais juste afficher

[00: 21: 34.779]
le nom, l'email, le numéro de téléphone et allons-y

[00: 21: 38.169]
refaire cet en-tête pour qu'il corresponde au dernier

[00: 21: 51.910]
il est

[00: 21: 53.410]
Je suis ici aussi pour le rendre un peu plus agréable.

[00: 21: 55.360]
différent ok

[00: 21: 59.680]
maintenant, la dernière chose que j'aimerais faire est

[00: 22: 01.860]
ce n'est tout simplement pas publier cela maintenant et

[00: 22: 08.740]
juste pour que nous n'ayons pas à attendre un peu

[00: 22: 10.900]
et donc je vais obtenir un Google Maps

[00: 22: 15.090]
widget je vais juste mettre ça

[00: 22: 18.040]
en dessous ici donc la première chose c'est

[00: 22: 22.030]
ce qui me dit c'est qu'il faut une source donc

[00: 22: 26.470]
dans les paramètres ici je vais sélectionner

[00: 22: 32.040]
aux contextes

[00: 22: 39.520]
et sélectionnez l'attribut d'adresse donc j'ai

[00: 22: 42.580]
j'ai un emplacement ici, je vais le sélectionner

[00: 22: 45.340]
et il sera par défaut à ou après

[00: 22: 48.670]
putain et en fait comme je l'ai dit plus tôt tu

[00: 22: 51.790]
je peux ajouter un peu d'espacement ici, donc juste

[00: 22: 54.940]
je vais mettre l'espacement moyen ici et

[00: 22: 57.340]
encore une fois, sans connaître aucun CSS, je peux simplement

[00: 22: 59.890]
sélectionnez le support et il va mettre

[00: 23: 01.210]
un peu d'espacement entre ces objets ici

[00: 23: 03.820]
ces éléments sont-ils corrects, alors je pense que oui

[00: 23: 11.410]
vous êtes sur la page d'accueil, nous avons donc

[00: 23: 13.059]
ajouter un client, nous pouvons ajouter ceux-là

[00: 23: 15.429]
détails du client, y compris un emplacement

[00: 23: 17.650]
vous avez une page client ou nous pouvons voir

[00: 23: 20.830]
et donc c'est déjà publié mais

[00: 23: 24.400]
Je vais juste mettre à jour ces derniers

[00: 23: 25.630]
quelques changements donc cela se déploie

[00: 23: 29.650]
à l'environnement sandbox et j'ai

[00: 23: 33.520]
quelques options ici pour que je puisse voir

[00: 23: 36.130]
l'application en tant qu'aperçu de bureau ou en tant que

[00: 23: 38.890]
bon aperçu alors passons d'abord au téléphone

[00: 23: 41.230]
aperçu donc c'est un téléphone simulé

[00: 23: 45.580]
voir pour que je puisse ajouter un client ici donc

[00: 23: 49.620]
ajoutons-moi ici et

[00: 23: 59.500]
je me suis blessé à Londres je vais créer un

[00: 24: 03.309]
quelques autres juste pour qu'il s'affiche et

[00: 24: 06.070]
bien sur ouï-dire j'en ajouterai quelques autres

[00: 24: 08.380]
les évangélistes et Simon sont souvent dans ce

[00: 24: 18.340]
Bureau de Boston, donc j'ajouterai différents

[00: 24: 20.559]
emplacement là-dedans et je sais que Chris était

[00: 24: 23.590]
à Rotterdam la semaine dernière, j'ai dit que je mettrais

[00: 24: 27.520]
Chris est là et ok super alors maintenant quand je

[00: 24: 43.120]
cliquez sur les clients que nous allons voir

[00: 24: 45.039]
ces informations affichées dans notre application

[00: 24: 47.230]
maintenant la raison est sur cette carte Google est

[00: 24: 52.150]
parce que nous n'avons pas au moins réglé le zoom

[00: 24: 54.190]
niveau donc si je fais un zoom arrière, je dirai que je suis dedans

[00: 24: 57.309]
Londres Boston et Rotterdam alors qu'est-ce que je suis

[00: 25: 04.630]
ce que je vais réellement faire, c'est revenir

[00: 25: 06.070]
et je fais un changement rapide donc si je pars

[00: 25: 09.730]
je vais ici et je clique sur le widget

[00: 25: 16.470]
Je vais modifier le niveau de zoom

[00: 25: 26.799]
croire 15 et je vais tourner cette voiture

[00: 25: 29.650]
zoom arrière pour que je puisse voir que c'est déjà le cas

[00: 25: 32.440]
changé là-bas et je vais juste mettre à jour à nouveau

[00: 25: 37.049]
donc encore une fois, cela va juste mettre à jour mon

[00: 25: 39.370]
modèle en ligne parfait voyons ça

[00: 25: 43.000]
encore une fois et je clique sur les clients parfaits donc

[00: 25: 47.950]
J'ai moi-même Simon et Chris trois

[00: 25: 51.280]
différents emplacements affichant nos

[00: 25: 53.140]
informations maintenant comme je l'ai dit avant vous

[00: 25: 56.409]
avoir une option ici pour regarder cela dans

[00: 25: 58.720]
le bureau et il fonctionnera de la même manière

[00: 26: 01.990]
la façon dont vous avez obtenu votre client publicitaire

[00: 26: 06.310]
et puis vous avez vos clients mais

[00: 26: 09.220]
c'est parti maintenant il y en a plus maintenant

[00: 26: 11.500]
de la place pour jouer avec, c'est mis en travers

[00: 26: 13.620]
et cela montre simplement que l'interface utilisateur d'Atlas

[00: 26: 17.350]
et les éléments de base et vous permettent de

[00: 26: 20.080]
construire quelque chose qui va fonctionner

[00: 26: 21.400]
sur différents types d'appareils et

[00: 26: 27.700]
la dernière chose que je vais réellement faire est

[00: 26: 29.200]
je te montre la dernière chose sur le web

[00: 26: 31.000]
le modélisateur vous montre le personnalisateur de thème

[00: 26: 33.480]
alors je peux ici changer les couleurs que je peux

[00: 26: 37.840]
ajouter un logo différent donc en haut à gauche

[00: 26: 40.240]
il y avait un logo mendax, je vais juste

[00: 26: 42.730]
pour ajouter le logo Atlas et vous pouvez

[00: 26: 45.790]
en fait, allez ici et changez votre

[00: 26: 49.510]
différentes couleurs de marque maintenant nous avons

[00: 26: 52.150]
quelques boutons de couleurs de marque prédéfinis

[00: 26: 54.250]
depuis que j'ai téléchargé ce logo, c'est

[00: 26: 56.500]
en fait, j'ai changé ma palette de couleurs vers le bas

[00: 26: 58.270]
voilà donc ce sont les couleurs de mon logo

[00: 27: 00.490]
il est tiré de ceci donc si vous mettez à jour

[00: 27: 02.590]
votre marque votre logo pour votre marque alors

[00: 27: 06.100]
vous verrez les couleurs de votre logo ici donc

[00: 27: 08.050]
tu peux très facilement dire que j'aimerais choisir

[00: 27: 10.120]
mes couleurs primaires et secondaires de

[00: 27: 12.970]
votre propre logo

[00: 27: 15.090]
donc une fois que j'ai appliqué ce style

[00: 27: 19.560]
nous verrons cette mise à jour dans la barre d'outils à

[00: 27: 23.140]
le haut donc je l'ai là maintenant et

[00: 27: 24.930]
Je vais juste faire une dernière mise à jour et nous pourrons

[00: 27: 28.000]
regarde ce changement

[00: 27: 37.790]
donc si je clique sur l'aperçu du téléphone maintenant, nous

[00: 27: 40.580]
on peut voir que le logo a changé maintenant

[00: 27: 46.160]
l'autre chose que vous verrez tous ici

[00: 27: 47.630]
c'est une vue sur un appareil mobile donc je vais

[00: 27: 50.150]
pour essayer ça maintenant, alors je vais juste

[00: 27: 53.510]
pour connecter mon téléphone et alors

[00: 27: 55.730]
vous verrez que c'est un miroir de mon téléphone et

[00: 28: 00.400]
il suffit de se connecter à cela maintenant, donc j'ai

[00: 28: 05.090]
j'ai déjà ouvert l'App Store iOS et

[00: 28: 10.540]
je recherche mendax

[00: 28: 13.300]
donc ici je vais cliquer sur ouvrir et

[00: 28: 17.320]
voici l'application mendax et si je clique sur

[00: 28: 20.990]
en haut à gauche, j'ai une option pour scanner le QR

[00: 28: 26.390]
code donc je vais scanner ce code sur

[00: 28: 29.600]
l'écran maintenant et cela va se charger

[00: 28: 32.060]
l'application que je viens de créer donc

[00: 28: 34.880]
ce qui est vraiment bien avec ça, c'est que vous pouvez

[00: 28: 36.290]
en fait, testez-le sur un appareil mobile, donc

[00: 28: 38.780]
nous venons de voir l'aperçu et le téléphone

[00: 28: 41.120]
aperçu sur le navigateur maintenant je peux

[00: 28: 44.570]
montrez réellement l'application fonctionnant sur mon

[00: 28: 47.600]
téléphone donc maintenant je peux aller chez un collègue

[00: 28: 50.900]
bureau

[00: 28: 51.350]
montre-leur l'application que je viens de créer

[00: 28: 53.330]
et je peux leur montrer comment ça marche

[00: 28: 55.370]
mobile et nous avons un menu de navigation

[00: 28: 57.880]
ici aussi, ce que nous n'avons pas regardé

[00: 29: 00.500]
cette fois, mais vous pourriez en ajouter davantage

[00: 29: 02.150]
la navigation y est aussi pour vous déplacer

[00: 29: 04.070]
autour de l'application donc si vous téléchargez le

[00: 29: 07.610]
application mobile mendax vous pourrez faire

[00: 29: 09.710]
et montrez aux gens l'application qui

[00: 29: 12.050]
vous facturez

[00: 29: 17.220]
donc en fin de compte, vous devez fournir le

[00: 29: 20.110]
bonne expérience pour votre client vous

[00: 29: 22.510]
devrait donner à votre client le choix de

[00: 29: 23.590]
interagir avec vous de différentes manières afin

[00: 29: 25.150]
que ce soit via un site Web réactif

[00: 29: 26.740]
application qui peut être visualisée sur n'importe quel

[00: 29: 28.240]
appareil ou une application mobile native qui peut

[00: 29: 30.520]
être téléchargé depuis l'App Store et

[00: 29: 32.550]
qui vous donne accès à l'appareil natif

[00: 29: 35.260]
des fonctionnalités telles que le balayage ou l'utilisation

[00: 29: 37.780]
la caméra et l'autre chose c'est si

[00: 29: 41.050]
tu n'es pas sûr du meilleur, quel est le meilleur

[00: 29: 43.030]
la voie est alors d'innover rapidement en utilisant un faible

[00: 29: 46.510]
plate-forme de code pour tester vos idées et

[00: 29: 48.520]
itérez dessus pour que vous ayez vu très

[00: 29: 51.340]
rapidement j'ai pu construire une idée et

[00: 29: 53.580]
créer une application simple pour stocker les clients

[00: 29: 57.340]
et nous pourrions ensuite itérer sur ceci pour

[00: 29: 59.920]
ajouter des notes dans la semaine ajouter des notes à propos de

[00: 30: 02.410]
chaque client mais en améliorant votre application

[00: 30: 05.590]
après chaque sprint de développement et ce que je

[00: 30: 09.400]
j'aime vraiment aussi bien que comme je l'ai dit le

[00: 30: 11.260]
mobile l'application mobile MINIX où vous

[00: 30: 12.940]
peut scanner ce code QR et afficher l'application

[00: 30: 15.850]
et le rend vraiment tangible non seulement

[00: 30: 19.630]
pas seulement vous et votre équipe de développement

[00: 30: 21.730]
mais aussi aux principales parties prenantes de l’entreprise afin

[00: 30: 26.830]
J'espère que cet aperçu de la façon dont vous pouvez

[00: 30: 28.510]
créez des applications multicanaux avec mendax

[00: 30: 30.340]
La plateforme low code vous a donné quelques

[00: 30: 31.900]
idées d'applications que vous pouvez créer vous-même

[00: 30: 34.050]
veuillez consulter la galerie d'applications et

[00: 30: 36.780]
rejoignez-nous pour le prochain webinaire Merci