BARIX Streaming Client Installation Guide download pdf (Page 22)

4 WEB User interface

4.1 User Interface Development Kit

With the “User Interface Development Kit” you can design your own web pages

(skin) and modify the answers to your needs.

The “UI Development Kit” is included in the “Streaming Client Update Kit” which is

available on www.barix.com.

Change to the contained folder uidevkit.

The folder streamapp holds the original HTML files you need for the web pages,

the answer text files, lookup files (ini), graphics and sounds as well as the default

configuration file config.bin.

You can simply edit these files and/or add new ones.

Note: Filenames must not start with rc.cgi or setup.cgi.

Web2cob tool

To generate the streamapp.cob file start the batch streamapp.bat which uses

the packaging tool web2cob.exe.

Only .cob files up to 192 kilobytes are supported by the Streaming Client.

For the upload of the .cob file to the device, go to the configuration page of the

device and click on the button ”Update”.

After the device has rebooted and the update page appears, click on “Advanced

Update”.

Enter the correct Target (check the flash memory usage table) in upper case letters.

Select the cob file you want to upload and hit the “OK” button.

Click on the “Upload” button.

Rules:

• If you upload a .cob file to already used pages the current content will be

overwritten

• The web server in the device sees all the targets (.cob files) as one directory

• If two files in different .cob files have the same name then the one from the lower

page is chosen.

After the upload reboot the device and reload the modified page in the browser to

see the changes.

Depending on the browser's cache strategy, sometimes it's needed to close and

reopen the browser to see the changes.

Original UI Files

The web interface (and the firmware) need at least the following files (more

example files might be included):

Type Filename.extension Description

Styles

CSS basic.css

Generic font settings for defaults, reboot, update

and status pages

CSS help.css Styles for the help column (right hand column)

CSS menu.css

Styles for the configuration menu (left hand

column)

CSS settings.css

Styles for the configuration forms (middle

column)

BARIX AG | 22/63

1 2 ... 17 18 19 20 21 22 23 24 25 26 27 ... 62 63

Comments to this Manuals

No comments

BARIX Streaming Client Installation Guide Page 22

Comments to this Manuals