Aller au contenu
PandaSuite Docs

Découvrir l'interface de PandaSuite Studio

Bienvenue dans PandaSuite Studio ! Cet éditeur visuel vous permet de créer votre interface utilisateur, d’ajouter des fonctionnalités grâce aux composants et de personnaliser le parcours utilisateur grâce aux actions.

Image représentant l'interface PandaSuite

  1. Le header : Accédez facilement aux principales fonctionnalités de création : ajoutez un bloc de texte, une forme vectorielle, importez un media ou insérez une base de données. Personnalisez votre espace de travail (zoom, onglet, grille etc…).

  2. La navigation : Votre application est constituée d’écrans. Créez des écrans et sélectionnez celui sur lequel vous souhaitez travailler. Sélectionnez un écran pour accéder à ses états.

  3. La zone de création : c’est la zone visible dans laquelle vous créez l’interface de votre application. Vous pouvez placer des objets hors champ, notamment pour créer des transitions et des animations.

  4. Les objets : retrouvez tous les objets, graphiques ou non, qui se trouvent à ce niveau. Les objets graphiques (texte, image, pop-up…) sont en haut de la liste et isolés des objets système (capteur Beacon..) par un séparateur. Leur ordre dans la liste indique leur position en termes de profondeur : ceux du haut de la liste sont situés au-dessus.

  5. Les propriétés / actions : accédez aux propriétés de l’objet sélectionné et ajoutez une action depuis l’onglet dédié.

  6. Le fil d’Ariane : utilisez ce repère pour savoir à quel niveau vous vous situez. Pour accéder à un niveau supérieur, cliquez dessus dans le fil d’Ariane. Accédez à l’avant-plan et arrière-plan de votre application pour créer des éléments globaux à votre application.

  7. Le projet : retrouvez les propriétés du projet, ses déclencheurs et les composants qui définissent des comportements globaux de votre application (minuteur d’inactivité, base de données…).

  8. Prévisualiser, partager et publier : cliquez sur Aperçu pour voir la version web de votre application. En cliquant sur Partager, vous obtenez l’URL de partage de votre application. Pensez à sauvegarder régulièrement votre projet : il n’y a pas de sauvegarde automatique.