Création d'applications

Construire une application dans Tulip peut sembler intimidant au début, mais une fois que l'on comprend les éléments de base, ce n'est pas si compliqué. Les applications combinent les principes suivants pour créer un nouveau logiciel : Conception de l'interface utilisateur, logique conditionnelle et fonctions, données et bases de données, analyse et connexions à d'autres systèmes, appareils et machines. Dans ce guide, nous aborderons les concepts clés et les outils d'interface dont vous avez besoin pour créer des applications avec succès. N'oubliez pas que Tulip est une plateforme sans code, nous nous concentrerons donc sur les fonctionnalités dont vous avez besoin pour concevoir des applications prêtes à être produites, quelle que soit votre expérience en matière de codage.

Nous commencerons par passer en revue l'interface principale pour visualiser vos applications.

Création et organisation des applications

Pour voir toutes les applications dans votre instance, naviguez vers la page des applications dans votre instance Tulip en allant à : [votre-instance].tulip.co/group. Vous pouvez également survoler l'onglet Apps dans la barre de navigation supérieure et cliquer sur Apps.

Cette page vous permet de visualiser les applications que vous avez créées dans votre instance, séparées en groupes d'applications, des dossiers permettant d'organiser une collection d'applications. Vous pouvez également visualiser chaque application au sein des groupes d'applications et d'autres dossiers, tels que les applications récentes et favorites, dans le panneau de navigation de gauche.

Sélectionnez une application existante dans un groupe pour afficher et modifier ses informations. Vous pouvez également afficher les données suivantes sur les applications :

• Étapes
• Analyses
• Versions
• Achèvements
• {{glossaire.Permission}}s
• {{glossaire.Approbation}}s

Pour modifier l'application, cliquez sur le bouton bleu "Modifier" dans le coin supérieur droit ou cliquez directement sur une étape.

Pour créer une nouvelle application, accédez à l'écran Apps et cliquez sur le bouton bleu "Créer une application" dans le coin supérieur droit. Vous pouvez également cliquer sur la petite flèche à côté du bouton pour créer un nouveau groupe d'applications.

Sélectionnez un modèle vierge ou une application vedette préconçue et cliquez sur "Créer" en bas à gauche de la fenêtre. Ces modèles ont été conçus par d'autres utilisateurs de Tulip afin que d'autres puissent avoir des solutions rapides à des problèmes s'ils ne veulent pas créer une application à partir de zéro. Vous pouvez également éditer ces modèles pour les adapter à vos besoins.

Une fois redirigé vers l'écran d'information sur l'application, nommez votre application et donnez une description. Il est utile d'étiqueter ces informations pour que vous puissiez garder une trace de l'application, quelle que soit l'étape du processus.

Cliquez sur le bouton bleu "Edit" dans le coin supérieur droit pour accéder à l'interface de l'éditeur d'application.

Éditeur d'applications

L'éditeur d'application est l'endroit où vous construisez et éditez votre application. Le diagramme suivant montre les différentes parties qui composent l'éditeur d'application :

1. Ajouter une étape/groupe d'étapes - Ajouter une nouvelle étape ou un nouveau groupe d'étapes.
2. Panneau Etapes/Enregistrements - Visualisez vos étapes via l'onglet Etapes ou passez à l'onglet Enregistrements pour visualiser les tables utilisées.
3. Espace de travail - L'espace pour créer l'interface de votre application
4. Ajouter un widget Asset - Ajoutez une forme, une icône ou un logo à votre application.
5. Ajouter un widget bouton - Ajouter un bouton à votre application.
6. Ajouter un widget de saisie - Ajoutez un champ de saisie à votre application.
7. Ajouter un widget texte - Ajoutez une zone de texte à votre application.
8. Incorporer un widget - Incorporer une variété de widgets, tels que des images, des analyses, des attributs de machine, etc.
9. Ajouter un widget de caméra - Ajoutez une caméra ordinaire ou une caméra à code-barres.
10. Traduire - Le lecteur Tulip traduira automatiquement l'application dans la langue sélectionnée via votre profil Tulip.
11. Créer un instantané - Sauvegardez une version actuelle de votre application, en créant un duplicata afin que vous puissiez tester plusieurs versions sans risque d'erreur.
12. Test - Testez votre application en mode développeur.
13. Run - Exécuter votre application dans le lecteur Tulip
14. Publier - Publier votre application
15. Avancer/reculer - Déplacer un élément dans l'espace de travail vers l'avant ou derrière d'autres éléments.
16. Panneau de déclenchement - Définir les déclencheurs, les éléments stylistiques et les informations au niveau de l'application

Pour une présentation approfondie de l'éditeur d 'application, visitez Intro to the Tulip App Editor.

Les étapes

Les étapes sont les "pages" de votre application, les différents écrans qui affichent le contenu. Pour ajouter une étape, cliquez sur le bouton "Ajouter une étape" qui propose quatre options :

• Etapes - Une étape normale qui peut être personnalisée en fonction de vos besoins ou en utilisant des widgets.
• Étapes de formulaire et formulaires de signature - Ces options ont été désactivées pour les nouvelles instances après la version 235.
• Groupes d'étapes - Un dossier d'étapes pour aider à organiser votre application et effectuer des opérations de masse, telles que la réorganisation ou la duplication d'étapes.

Les étapes peuvent être linéaires ou non, en ce sens qu'elles n'ont pas besoin de se suivre consécutivement dans l'ordre dans lequel vous les organisez. La logique que vous ajoutez à votre application déterminera la transition des étapes.

Pour un guide approfondi sur l'utilisation des étapes, consultez une collection d'articles ici : Étapes.

Modèle de base

La présentation de base est le modèle qui s'applique à chaque étape que vous créez. La création d'une présentation de base facilite la construction de votre application, les éléments fondamentaux étant automatiquement ajoutés à chaque étape, et garantit un style cohérent dans l'ensemble de l'application.

Pour accéder au modèle de base, cliquez sur le bouton "Modèle de base" en bas du panneau de l'étape ou de l'enregistrement.

Lorsque vous êtes dans la disposition de base, tout ce que vous placez dans l'espace de travail apparaît sur toutes vos étapes. Ce processus permet de configurer rapidement et facilement la présentation de votre application, en éliminant la tâche de construire individuellement chaque étape à partir de zéro.

Pour obtenir un guide détaillé sur la création d'une présentation de base, voir Comment utiliser la présentation de base.

Widgets

Les widgets sont les éléments constitutifs des applications. Ils peuvent afficher des informations, collecter des données, exécuter une logique de déclenchement, etc.

Widgets d'icônes

Placez des formes, des icônes ou des logos dans l'espace de travail et configurez la logique pour concevoir l'aspect et la marque de votre application.

Widgets boutons

Choisissez parmi une variété de boutons, l'un avec une logique préprogrammée ou des boutons personnalisés vierges, à utiliser dans votre application.

Pour en savoir plus sur les widgets boutons , cliquez ici.

Widgets d'entrée

Collectez des données auprès des utilisateurs de l'application à l'aide de Input Widgets, chaque type d'entrée représentant une variable de données différente.

Pour en savoir plus sur les widgets de saisie , cliquez ici.

Widget texte

Affichez du texte statique ou dynamique, y compris les valeurs des variables, du texte statique simple et des champs d'enregistrement entiers.

Widgets intégrés

Intégrez des vidéos, des images, des documents CAO, des lecteurs de codes-barres et bien d'autres choses encore dans votre application.

Pour en savoir plus sur les widgets intégrés , cliquez ici.

Widgets de caméra

Affichez votre flux de caméra Tulip Vision ou scannez un code-barres avec la caméra de votre appareil.

Pour en savoir plus sur les widgets caméra , cliquez ici.

Widgets personnalisés

Si aucun des widgets ci-dessus ne répond à vos besoins, vous pouvez créer votre propre widget en utilisant HTML, CSS et Javascript pour étendre les capacités de la plateforme.

Pour en savoir plus sur les widgets personnalisés , cliquez ici.

Déclencheurs

Les déclencheurs vous permettent d'ajouter de la logique à votre application.

Sans déclencheurs, votre application n'est qu'un écran plat ; les déclencheurs permettent à votre application de faire quelque chose. Les déclencheurs peuvent être ajoutés aux widgets, ainsi qu'aux étapes (déclencheurs au niveau de l'étape) et aux applications (déclencheurs au niveau de l'application), et à certains événements tels que le déclenchement d'un appareil. Pour un widget, sélectionnez celui auquel vous souhaitez ajouter un déclencheur et, dans le panneau des déclencheurs, cliquez sur le signe plus à côté de "Déclencheur".

Pour ajouter un déclencheur à une étape, assurez-vous d'être sur l'étape à laquelle vous souhaitez ajouter un déclencheur. Naviguez jusqu'à l'onglet Étape dans le panneau des déclencheurs et sélectionnez-en un dans la liste d'options en cliquant sur le signe plus.

Tous les déclencheurs suivent le même format de base : lorsqu' une action se produit, l'action et/ou la transition suivante est exécutée. Les déclencheurs peuvent être aussi simples ou compliqués que vous le souhaitez, avec la possibilité d'ajouter plusieurs actions. Vous pouvez également ajouter des instructions "si", qui ajoutent une condition à l'action exécutée, si le critère est rempli.

Avec une instruction If, vous définissez les conditions qui permettent aux actions de suivre.

Les instructionsThen sont soit une action, soit une transition. Une action est une modification de l'application qui n'est pas liée à la modification des étapes. Une transition consiste à modifier les étapes ou à terminer l'application.

Enfin, pour coïncider avec les déclarations if, il existe des déclarations else if qui déterminent l'action alternative à entreprendre lorsque la déclaration if s'avère fausse.

Pour un guide plus détaillé sur les déclencheurs, voir Déclencheurs.

Variables

Les variables sont des types de données stockées dans Tulip Cloud qui sont utilisées lors de la création de Tables et d'Analyses. Il existe de nombreux types de données dans Tulip, chacun ayant son propre but :

• Booléen - Oui/Non
• Couleur - Couleur dynamique pour définir le statut du widget
• Datetime - Horodatage de la date et de l'heure
• Fichier - Lien vers un fichier stocké dans Tulip
• Image - Lien vers une image stockée dans Tulip
• Integer - Nombre entier
• Intervalle - Temps affiché en secondes
• Machine - Objet machine dans Tulip
• Number - Un nombre réel
• Objet - Structure d'objet configurable avec des attributs enfants qui ont leur propre type de données.
• Station - Objet station dans Tulip provenant de l'atelier.
• Texte - Séquence de caractères
• Utilisateur - Objet Utilisateur dans Tulip à partir des paramètres du Compte/Espace de travail.

Pour ajouter une variable dans votre application, naviguez jusqu'à l'onglet App dans le panneau des déclencheurs et sélectionnez le X à côté de "Variables".

La fenêtre des variables s'ouvre, affichant toutes les variables utilisées dans votre application. Pour créer une nouvelle variable, cliquez sur le bouton bleu "Créer une variable" dans le coin supérieur droit.

Dans la fenêtre qui s'ouvre, saisissez le nom de la variable et le type de données, et activez deux interrupteurs : si la variable s'efface ou non à la fin de l'application et si elle peut être sauvegardée ou non pour l'analyse.

Une fois votre variable créée, vous la verrez apparaître dans la fenêtre des variables.

Vous pouvez également créer des variables à partir de l'éditeur de déclencheurs. Par exemple, si vous souhaitez créer une nouvelle entrée lorsque vous cliquez sur un bouton Soumettre, cliquez sur le bouton auquel vous souhaitez ajouter le déclencheur et ouvrez l'éditeur de déclencheurs.

Ajoutez une nouvelle action qui suit la logique ci-dessus, nommez votre variable de manière à pouvoir l'identifier et sélectionnez la table dans laquelle vous voulez qu'elle écrive. Cette action crée un enregistrement via une variable qui sauvegarde dans la table désignée. Nous en apprendrons plus sur les tables dans un autre guide, mais pour l'instant, rappelez-vous que les tables contiennent des données.

Pour en savoir plus sur les variables, voir Variables.

Construire une application avec Tulip

Construisez une simple application Hello World avec un membre de Tulip. Ce cours est également proposé par l'Université Tulip.

Meilleures pratiques de conception de l'interface utilisateur

Lors de la conception de votre application, la navigabilité et l'accessibilité sont deux notions importantes à garder à l'esprit. Il est important que les utilisateurs puissent naviguer dans l'application sans se perdre et que les widgets interactifs soient clairs dans leur utilisation. Si vous êtes novice en matière de création d'applications, vous vous demandez peut-être comment optimiser la convivialité de votre interface utilisateur. Pour des guides sur la conception d'interfaces d'applications, voir Conception d'applications.

Ressources complémentaires

Université Tulip

L'Université Tulip est une ressource gratuite et à la demande pour apprendre Tulip. L'Université Tulip contient des dizaines de cours, de certifications et de défis de construction d'applications pour vous aider à passer au niveau supérieur. Faites vos premiers pas en vous inscrivant aux Essentiels de Tulip, pratiquez vos compétences avec les Défis de Tulip, et partagez vos réalisations en devenant un App Builder Certifié de Tulip.

Bibliothèque Tulip

La bibliothèque Tulip est une collection de contenus prêts à l'emploi développés par les experts Tulip. Vous trouverez de nombreux contenus pour vous aider à démarrer, allant d'applications complètes et de suites d'applications à des modèles, des widgets personnalisés et des connecteurs.

Communauté Tulip

Vous avez des questions mais vous ne trouvez pas la réponse dans la Base de Connaissances ou l'Université ? Vous avez une idée de fonctionnalité qui vous rendrait la vie 100 fois plus facile ? Vous avez besoin d'un moyen de vous tenir au courant des dernières nouveautés de Tuliverse ? Jetez un coup d'oeil à la Communauté Tulip.

La Communauté Tulip est un forum en ligne actif pour les utilisateurs qui posent des questions, discutent et s'aident mutuellement à utiliser Tulip pour résoudre leurs problèmes.