English

Español

🎉 Bienvenue

Introduction Ă  Voltapp

POUR COMMENCER ⏱

DĂ©couvrir les templates

Créer son Airtable

Connecter ses données

Publier son app

APPRENDRE ****VOLTAPP ▶️

Explication de l’interface

Les noeuds

Noeuds

https://www.youtube.com/watch?v=jXRzUocUNTM

La puissance et la polyvalence de Voltapp reposent sur quelques concepts à comprendre pour créer une app.

Des nœuds pour tout

Voltapp permet de créer des apps de façon modulaire en combinant ce que l’on appelle des nœuds. Les nœuds sont des éléments hyper-personnalisables qui composent une app, comme par exemple un Texte, un Bouton, une Vidéo, voire même une connexion à une base de données Airtable (service de stockage des données en temps réel).

Lorsque vous sélectionnez un nœud dans l’arborescence du projet, vous pouvez éditer toute une liste d’attributs sur la droite dans l’inspecteur pour le personnaliser à votre envie.

Dans cet exemple, on modifie le contenu du texte ainsi que sa taille en changeant les valeurs de ses attributs.

Dans cet exemple, on modifie le contenu du texte ainsi que sa taille en changeant les valeurs de ses attributs.

L’arborescence

Au sein d’un projet les nœuds sont organisés sous la forme d’une arborescence avec pour nœud de base le nœud “App”. Autrement dit, tous les nœuds sont des descendants d’App et peuvent (ou non) avoir eux-mêmes des nœuds enfants.

Il est possible de réorganiser l’arborescence des nœuds en faisant un glisser-déposer.

Dans cet exemple, on prend le nœud Text enfant de App et on le déplace dans Section pour qu’il devienne un de ses nœuds enfant.

Dans cet exemple, on prend le nœud Text enfant de App et on le déplace dans Section pour qu’il devienne un de ses nœuds enfant.

L’ajout de nœuds

Pour ajouter un nœud, on peut utiliser le panel nœuds accessible depuis la barre d'outils. Il contient l’ensemble des nœuds disponibles dans Voltapp ainsi que leur description. Pour ajouter un nœud vous pouvez utiliser le bouton Insérer ou simplement le glisser à l’endroit désiré depuis la barre d’outils :

https://i.gyazo.com/e85a98d384d548ce5a0a0fce28112071.gif

Les types de nœuds

Voltapp propose différents types de nœuds classés en fonction d’un code couleur correspondant :

À noter que Voltapp évolue constamment et que de nouveaux nœuds sont ajoutés régulièrement. S’il vous manque un nœud ou que vous avez des suggestions, n’hésitez pas à nous le faire savoir !

Les noeuds en détail, c’est par ici !