App-to-App

Connectez plusieurs appareils entre eux et contrôlez un ou plusieurs écrans à distance grâce au composant App-to-App qui fonctionne via un serveur (en ligne ou local). 

Il existe plusieurs manières de connecter des appareils entre eux (notamment le Bluetooth Low Energy ou le webhook PandaSuite). Néanmoins, la méthode la plus réactive et la plus puissante est via le composant App-to-App pour envoyer et recevoir des informations entre les appareils.

Dans l'exemple ci-dessous, un smartphone Android contrôle un iPad Pro pour afficher des vignettes vidéos : 

Par défaut, le composant App-to-App s'appuie par défaut sur un serveur qui est accessible via les serveurs PandaSuite. Son utilisation requiert donc une connexion Internet des appareils. Il est toutefois possible de récupérer le code ou même un exécutable pour l'héberger soit-même, ce qui peut être très pratique dans un fonctionnement hors connexion, pour un musée ou un événement.

Récupérer le code du serveur local (usage hors ligne)

Si vous souhaitez faire fonctionner le composant App-to-App hors ligne, voici comment récupérer et configurer le serveur local. Sinon vous pouvez passer directement à l'étape suivante de configuration du composant.

Voici le lien pour configurer et lancer le serveur local : https://github.com/pandasuite/shared-schema/releases

Téléchargez la version qui correspond à votre appareil (Windows, MacOS ou Linux) : 

Ouvrez l'application Shared schema et récupérez les URLs qui vous seront utiles pour configurer le composant et vos actions.

Tous les appareils doivent être sur le même réseau. Vous avez la possibilité de construire votre schéma librement. 

Configurer le composant App-to-App

Pour avoir deux affichages différents entre l'appareil qui contrôle et celui qui affiche, nous vous recommandons de créer 2 projets distincts. Le composant App-to-App sera utilisé dans les deux projets. 

Depuis l'app qui contrôle (controller)

Insérez le composant App-to-App. 

Dans les propriétés, une URL est automatiquement affichée. Pour configurer le composant : 

• Option 1 : vous passez par les serveurs de PandaSuite, ne changez pas l'URL et choisissez un identifiant unique pour la Room.
• Option 2 : vous utilisez un serveur local, saisissez l'URL du serveur.

Ensuite, choisissez l'événement qui va déclencher l'action. 

Dans notre exemple, nous souhaitons associer une donnée (de 1 à 6) pour connaître la vidéo sur laquelle l'utilisateur a cliqué. Au clic sur chaque vignette, le numéro de la vidéo est associée à la donnée video. Cette donnée sera réutilisée dans l'autre app pour afficher la bonne vidéo.

Choisissez l'action Interagir sur un composant, ciblez le composant App-to-App et l'action Modifier la donnée.

Dans le champ Cible, définissez le nom de votre donnée avec la fonction By key, par exemple  video. Choisissez la fonction Définir et comme Valeur le nombre 1. En effet, il s'agit d'un schéma libre et la donnée se crée dès que vous la définissez.

Depuis l'app qui affiche

Ajoutez un nouveau composant App-to-App au niveau du projet.

Pour configurer le composant : 

• Option 1 : vous passez par les serveurs de PandaSuite, ne changez pas l'URL et pour Room, indiquez le même identifiant que dans l'autre projet. 
• Option 2 : vous utilisez un serveur local, saisissez l'URL du serveur, déjà utilisée pour l'autre projet. 

Ajoutez un composant Conditions et définissez les conditions associées.

Ajoutez les actions correspondantes.