Sample Application

1. Run Sync-Server

First of all, make sure that the Sync Server is alive and the inbound port is open.

2. Open Agent page

First, you need to open the agent page on the desktop. You can use HTML5 or ActiveX viewer on the desktop, However, please note that the ActiveX viewer only works with the IE browser.

• HTML5 viewer with any browser

  agent-html.html

• Enter the client User ID and click the Connect button.

• When the connection is successful, it should be in listening status.

3. Open Client page

Open the client page with a desktop or mobile browser. You can use:

• HTML5 viewer with a desktop or mobile browser.

  client-html.html

• Enter the same client User ID and click the Connect button.

• When the connection is successful, it should be in listening status.

4. Start Synchronization

The agent user clicks the Start Sync button and then the same form will be shown to both the agent and client viewer.

Agent menus

Button	Description
Connect	Join the chat room
Start Sync	Open forms on both agent and client viewers and start synchronization
Enable Input	Allow the client to enter data
Disable Input	Disallow the client to enter data
Submit	In this example, show the input data in JSON and save the form as a PDF on the client. You will need to send the data and PDF back to the server in real situations.
Stop Sync	Close the viewer on the client
Disconnect	Leave the chat room

5. Help the client user fill out forms

Guide mode

• Focusing on the target component

• Activating the target component

  • OZ Mobile App client: All component types will be activated

  • Browser client: SignPad will be activated

Comment mode

• Set background-color of the target component

• Draw shapes on the forms with the Pen or Highlighter

Hand Mode

• Allow the agent user to enter data