App-to-App

Connect multiple devices and control one or more screens remotely using the App-to-App component, which works via a server that can be online or offline.

Bluetooth Low Energy (BLE) and PandaSuite webhook are two options for connecting devices. However, the App-to-App component is the most reactive and powerful to send and receive information between devices.

For example, an Android smartphone can be used to control an iPad Pro to display video thumbnails:

By default, the App-to-App component relies on a server that is accessible via the PandaSuite servers. Its use therefore requires an Internet connection on the devices. However, it is possible to retrieve the code or even an executable to host it yourself, which can be very practical in offline operation, for a museum or an event.

Get the code of the local server

If you want to run the App-to-App component offline, here's how to retrieve and configure the local server. Otherwise, you can go straight to configuring the component.

To configure and start the local server, download the version that corresponds to your device (Windows, MacOS or Linux) from https://github.com/pandasuite/shared-schema/releases.

Open the Shared schema application and retrieve the URLs that will be useful for configuring the component and your actions.

All devices must be on the same network. You are free to build your own scheme.

Configuring the App-to-App Component

If you have two different displays between the controlling device and the displaying one, we recommend creating two separate projects. The App-to-App component will be used in both projects.

From the Controlling App

Insert the App-to-App component. A URL is automatically displayed in the properties. 

To configure the component: 
  • Option 1: if you use the PandaSuite servers, leave the URL unchanged and choose a unique identifier for the Room.
  • Option 2: If you use a local server, enter the Server URL.

Next, choose the event that will trigger the action.

In our example, we want to associate a data (from 1 to 6) to know which video the user has clicked on. When clicking on each thumbnail, the video number is associated with the video data. This data will be reused in the other app to display the correct video.
Choose the Interact with a component action, target the App-to-App component and the Modify the data action.
In the Target field, define the name of your data, for example video. Choose the Set function and as Value the number 1. Indeed, this is a free schema and the data gets created as soon as you define it.

From the display app

Add a new App-to-App component to the project. 

To configure the component: 
  • Option 1: If you're using PandaSuite's servers, leave the URL unchanged and enter the same Room as in the other project. 
  • Option 2: If you use a local server, enter the Server URL already used for the other project.

Add a Conditions component and define the associated conditions. When the conditions are met, the action will be triggered. For example, when a user clicks on the thumbnail, the video number is associated with the data video. This data will be reused in the other app to display the right video.

Create the associated actions.

⚡️ TEMPLATE AVAILABLE : App-to-App Controller
Add this template to your account in just a few clicks. Modify and personalize it freely.

⚡️ TEMPLATE AVAILABLE : App-to-App Display
Add this template to your account in just a few clicks. Modify and personalize it freely.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.