How webgui works, Overview, Simulation mode – CUE WebGUI User Manual

Page 6: Gui w, Orks, Webgui

Advertising
background image

User Manual

Page 6

www.cuesystem.com
[email protected]

WebGUI

H

ow

w

eb

guI w

orks

Overview

WebGUI is XPL2 pre-programmed widget which allows to generate and run web pages stored in a touch

panel or in a controller.
WebGUI consists of following components

• Graphic collection WebGUIGraphicCollection
• Device driver WebGUIServer
• Module WebGUIInterface

Web pages are designed by the same way as touch panel layout using objects included in

WebGUIGraphicCollection. These objects are prepared to generate web pages automatically. The basic

object is window WebGUIBuilder. It isn’t included in target web pages, but it must be used for web pages

design and for communication during page simulation and generation. All other objects included in

graphic collection generate the same objects for web pages. Current WebGUI version includes following

objects

• Page
• PushButton
• Label
• TextBox
• InputTextForm.

Device driver WebGUIServer must be connected to CUEunit (controller or touch panel) where web

pages are automatically generated and stored. Module WebGUIInterface connects graphic collection and

WebGUIServer during page design and simulation.
Web pages are generated during debug of the application.
For more details about WebGUIComponents see approprite chapters.

Simulation Mode

In the Simulation Mode WebGUI touch panel

and controller are simulated in the PC using Cue

Visual Composer simulation mode.
Web pages are generated by WebGUI touch

panel and WebGUIserver creates web files to

filestorage of the controller. In this mode the

filestorage is temporary folder in the PC.

Internet browser running on the same PC

in localhost mode can be used for web page

preview.

PC

Cue Visual Composer

WebGUIGraphic

Collection

WebGUI

touch panel

WebGUIBuilder

Pages incl.

objects

Pages incl.

objects

Pages incl.

objects

Internet

browser

Controller

localhost

WebGUIServer

Filestorage

incl.

web page files

WebGUI

Interface

Module

User module

Advertising