User interfaces created in Wings Touch can be displayed on terminals with virtually any type of operating system, e.g. iOS or Android, using a browser. On the terminals, only a Browser supporting HMTL 5 and a network access must be available.
The actual user interface is first transferred to the Avio Service on a Windows computer where it is executed as an HTML project, i.e. the Windows computer is the web server. The HTML files are automatically generated during the transfer. After the execution of the HTML user interface on the web server, other terminals, the web clients, are able to display and use the website. Any type of network connection is possible, i.e. CAT5/6/7 cable, WLAN or Internet.
Due to this concept the user interface with its functions must only be generated once and operation is possible via any number of terminals. The user interface can therefore both be generated and modified in a highly efficient way.
Important pieces of information:
When a user interface is transferred to the Avio Service the HTML files are generated automatically. See also Transferring user interfaces to terminals and executing them.
Once a user interface has been started in Avio Service the HTML interface will automatically run on the web server, too.
To open the user interface in the Browser you need to know the IP address of the web server and the used port. Both can be found in the Avio Manager in a mouse-over window which pops up when you move the mouse over the user interface entry. See also Wings Avio Manager - An Overview.
In the Browser, enter the IP address and port separated by a colon, e.g. http://192.168.2.33:16003
Important note: To make sure that the user interface is always accessible via the same port you should define the web server port in the Project Settings. Otherwise the Avio system will always choose the next free port when starting the user interface. See also Defining display and start options.
For Apple devices, such as iPhone or iPad you can create a start icon for the home screen in the Safari Browser. When you start the user interface via the start icon it is displayed in full-screen mode without frame and the usual browser navigation elements.
Full-screen display in Safari requires the user interface to be designed with the same aspect ratio as the display. Otherwise the user interface is not fully visible.
For good performance, the interface resolution should not be higher than that of the used display. First-time opening of a page may take a little longer as the graphic elements must first be saved to the cache. The next time the user interface should open more quickly.
Due to the defined update interval and any possible limit in the network performance you should try not to use the sliders on the web interfaces as they might get “stuck”. The update interval is usually set to 500 milliseconds. This value can be changed in the properties of the user interface via Avio Service. See Defining display and start options.
Avio Service can execute several user interfaces simultaneously. They can be positioned next to each other or hidden display and then displayed on web clients. See Defining display and start options.
It is also possible to open an HTML interface in an IObox. See Graphic design of the touch interface.
Via a separate layer, interfaces in the web browser indicate when the connection to the server (IObox or Avio Service) has been lost. Message “Application offline”. Once the connection has been resumed, e.g. after restarting IObox or Avio Service, this layer and the message disappear again and the project can be used as usual.