Aller au contenu
PandaSuite Docs

Propriétés du projet

Retrouvez sur cette page les propriétés, événements, actions et données exposées par le projet dans PandaSuite Studio, avec les libellés actuellement affichés dans l’interface.

Comme n’importe quel composant, le projet possède ses propres propriétés, déclencheurs et actions. Il expose aussi un arbre de données via le data binding pour adapter le comportement de l’application au contexte d’utilisation.

Sélectionner le projet

  1. Ouvrez PandaSuite Studio et sélectionnez le projet pour lequel vous souhaitez modifier les propriétés.
  2. Via le fil d’Ariane, sélectionnez le Projet.
  3. Ouvrez le panneau Propriétés : il regroupe toutes les options disponibles au niveau du projet.
Fenêtre Propriétés

Propriétés du projet

Le panneau Propriétés du projet expose actuellement les sections suivantes.

Affichage et adaptation

  • Couleur : définit la couleur de remplissage affichée autour du projet lorsque le format de l’appareil ne correspond pas au ratio de l’application.
  • Responsive : active l’adaptation automatique de la mise en page aux différentes tailles d’écran. En savoir plus
  • Résolution d’image : permet de choisir entre Optimisée et Responsive pour le rendu des images à l’échelle du projet. En savoir plus
  • UI Système : contrôle l’affichage des barres système natives avec les valeurs Cachée, Par-dessus ou Visible. En savoir plus
  • Mode magazine : active la navigation horizontale entre écrans par glissement.
  • Nombre de doigts : apparaît quand Mode magazine est activé et permet de définir le nombre de doigts requis pour la navigation, de 1 à 5.
  • Mode présentation : masque le curseur et permet de piloter la navigation avec les flèches du clavier sur ordinateur.
  • Audio en arrière-plan : maintient la lecture audio lorsque l’application passe en arrière-plan.
  • Garder l’écran allumé : évite la mise en veille automatique de l’appareil pendant l’utilisation.
  • Textes sélectionnables (Web) : autorise la sélection de texte dans les publications Web et PWA.
  • Analytics automatique : active la collecte automatique d’événements liés à l’usage et au chargement des écrans. Cette option complète un outil d’analytics et un plan de tracking personnalisé.
  • Accessibilité & Attributs personnalisés : active les options d’accessibilité au niveau du projet et des objets. En savoir plus

Langues et modules

  • Langues : ajoutez les langues du projet, définissez la langue initiale et gérez la langue par défaut. En savoir plus
  • Modules : créez et gérez les modules téléchargeables utilisés avec le téléchargement partiel. En savoir plus

Paramètres avancés

  • Paramètre(s) Url : déclarez les paramètres transmis au lancement de l’application, par exemple lang, wid ou une valeur de personnalisation. En savoir plus
  • Paramètre(s) EMM (Enterprise Mobility Management) : stocke des paramètres structurés destinés aux contextes de déploiement entreprise.
  • Paramètre(s) SAML (Security Assertion Markup Language) : stocke des paramètres structurés liés à l’authentification SSO et aux contextes SAML. En savoir plus

Les valeurs déclarées dans Paramètre(s) Url, Paramètre(s) EMM et Paramètre(s) SAML deviennent ensuite exploitables dans le data binding du projet.

Déclencheurs du projet

Le projet expose actuellement trois déclencheurs :

  • Lancement : se produit à l’ouverture du projet. Utilisez-le pour initialiser des variables, évaluer des conditions ou charger un écran spécifique.
  • Gain de focus : se produit lorsque l’utilisateur revient dans l’application après l’avoir quittée ou après avoir basculé vers une autre app.
  • Perte de focus : se produit lorsque l’application passe en arrière-plan ou perd le focus.

Actions du projet

Le projet expose actuellement trois actions :

  • Demande d’autorisation de suivi (iOS) : lance la demande d’autorisation App Tracking Transparency sur iOS.
  • Mettre/Enlever Plein écran : bascule l’application en mode plein écran ou en sort.
  • Relancer : relance le projet.

Informations du projet

Via le data binding, le projet expose une arborescence de données contextuelles. Vous pouvez vous en servir pour personnaliser l’expérience, adapter l’interface, détecter le contexte de lancement ou exploiter des paramètres transmis au projet.

Informations projet

Voici l’arborescence exposée par le projet, regroupée par catégorie :

Contexte général

  • Projet > Contexte > locale
  • Projet > Contexte > userAgent
  • Projet > Contexte > timezone
  • Projet > Contexte > timestamp

Ecran et projet

  • Projet > Contexte > Ecran > width
  • Projet > Contexte > Ecran > height
  • Projet > Contexte > Ecran > density
  • Projet > Contexte > Ecran > breakpoint
  • Projet > Contexte > Projet > width
  • Projet > Contexte > Projet > height
  • Projet > Contexte > Projet > portrait

Viewer et environnement

  • Projet > Contexte > Viewer > type
  • Projet > Contexte > Viewer > uid
  • Projet > Contexte > Viewer > Web > isPWAInstalled
  • Projet > Contexte > Réseau > wifiSSID
  • Projet > Contexte > Permissions > tracking

Lancement

  • Projet > Contexte > Lancement > Paramètre(s) > ...
  • Projet > Contexte > Lancement > Url

Paramètres métier

  • Projet > Paramètre(s) EMM > ...
  • Projet > Paramètre(s) SAML > ...

Paramètre(s) > ..., Paramètre(s) EMM > ... et Paramètre(s) SAML > ... sont dynamiques : les clés disponibles dépendent des paramètres que vous avez déclarés dans les propriétés du projet.

Quelques usages courants :

  • Détecter la langue de l’appareil avec Projet > Contexte > locale
  • Adapter une mise en page à l’écran avec Projet > Contexte > Ecran > breakpoint
  • Contrôler un deep link avec Projet > Contexte > Lancement > Paramètre(s) > wid
  • Vérifier l’état du suivi iOS avec Projet > Contexte > Permissions > tracking

Ressources associées