By networking the device to your development environment (a PC with Unifinity Studio installed), you can see how your Unifinity application will render on the device. This feature is called "real-time preview.

During real-time preview, selecting a screen name in the screen definition list displays that screen on the device. If the screen in the development environment is edited or changed in this state, the device side will also change in tandem (screen synchronization occurs at 3-second intervals).

To enable real-time preview, follow the steps below.

Configuration required for development environment connection

This section describes the settings required for the development environment connection.

Connection Information Settings

Set the following information on both the development environment side and the device side.

• pairing code
• port number

The above settings are made in the [Preferences] tab on the development environment side and in the settings screen on the device side.

• Development environment side
  TOP menu [Properties] ⇒ [Preferences] tab ⇒ [Communication Settings]
• device-side
  Windows version: [Settings] on the TOP menu ⇒ [Preferences] tab ⇒ [Communication Settings]
  Android version: [Settings] in the menu ⇒ [Pairing code], [Port number].
  iOS version: [Settings] in the menu ⇒ [Pairing code], [Port number].

For details on the setting items, see "Checking/Modifying Properties" in3. preferences tab (Unifinity Studio)" or "Preferences tab (Unifinity Application Player)See "The following is a brief description of the newest version of the product.

[Attention.Characters that can be used to set the pairing code

Only one-byte alphabetic characters can be used to set the pairing code. Numbers or symbols cannot be used for the pairing code.

Proxy Connection Settings

When a proxy connection is required, it is set in the "Preferences" tab on the development environment side and in the "Settings" menu on the device side, respectively.

Please contact your own network administrator for configuration information.

Connecting to Devices

This section describes the connection to the device.

device standby

To start device standby on the development environment side, click the menu icon "Connect to Device Wi-Fi" in the screen design. In DB design and processing design(device standby).

When the device is in standby mode, a check mark will appear next to Connect to [Device Wi-Fi].

ReferenceWhen you start device standby for the first time

Depending on your environment, you may receive a Windows Defender Firewall warning message. If such a screen appears, please click "Allow Access" on the screen or perform some other operation to allow communication.

Development environment connection

Once the development environment side is in the standby state, "development environment connection" is made on the device side.

The device is connected to a development environment in standby mode running on a PC on the same network (with the same network address as the device side) whose pairing code and port number match, and the currently displayed screen appears on the device.

For Windows

On the launcher screen on the device side, select "Development Environment Connection" from the menu.

ReferenceThe first time you make a development environment connection

Depending on your environment, you may receive a Windows Defender Firewall warning message. If such a screen appears, please click "Allow Access" on the screen or perform some other operation to allow communication.

For Android

Tap [︙] in the upper right corner of the launcher screen on the device side, then tap [Develop Environment Connection].

For iOS

Tap [MENU] in the upper right corner of the launcher screen on the device side (①), then tap [Development Environment Connection] in the menu (②).