Author Topic: Controlling PLC via Web Browser  (Read 66343 times)

support

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 3174
    • View Profile
    • Internet Programmable PLCs
Controlling PLC via Web Browser
« on: July 08, 2014, 01:05:09 AM »
The second generation of Web control application is now available free for any TRi PLC user to download and install into their PLC.  Simply transfer via FTP client (e.g. Filezilla) the web page 0-xxx-xx.htm into your PLC's file space and you can immediately use the web browser on your PC, tablet or smart phone as HMI to control your equipment.

This new version makes use of newer Jquery UI and accept up to: 16 I/O buttons linked to Relay #128 to #144; 16 floating point FP[] variables; 16 DM[] variables, and 8 sliders that can be attached to display and/or control any of the FP[1] to FP[16] or DM[1] to DM[16] variables. Any of these control elements can be selectively displayed and their position, size and color are all user customizable using a simple text editor, with no programming required at all.

Click on the following link to download this new web application.

http://www.tri-plc.com/download/webapp/webapp02a.zip

[updated 2015-3-4 - sliders now will not disable continuous refresh]

The zip file contains 4 sample designs to demonstrate the many possible variations of UI that you can configure to suit your application. There is also a TRiLOGI file that you can transfer into the PLC for a quick test of web control as well as animation of the slider bar. The next few post shows the screen display for each file.

The user guide describing how you can modify the control webpage can be downloaded from:

http://www.triplc.com/documents/WebApp_UserGuide.pdf
« Last Edit: March 04, 2015, 01:40:35 PM by support »
Email: support@triplc.com
Tel: 1-877-TRI-PLCS

support

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 3174
    • View Profile
    • Internet Programmable PLCs
Re:Controlling PLC via Web Browser
« Reply #1 on: July 08, 2014, 01:08:53 AM »
This design shows a panel with brushed anodized aluminium finish. There are 14 buttons, 8 FP[], 4 DM[] and 3 sliders:


The user guide for modification of the control webpage can be downloaded from:

http://www.triplc.com/documents/WebApp_UserGuide.pdf
« Last Edit: September 03, 2014, 02:44:08 PM by support »
Email: support@triplc.com
Tel: 1-877-TRI-PLCS

support

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 3174
    • View Profile
    • Internet Programmable PLCs
Re:Controlling PLC via Web Browser
« Reply #2 on: July 08, 2014, 01:10:03 AM »
This design is similar to the last one except the LCD panel is turned OFF.

Email: support@triplc.com
Tel: 1-877-TRI-PLCS

support

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 3174
    • View Profile
    • Internet Programmable PLCs
Re:Controlling PLC via Web Browser
« Reply #3 on: July 08, 2014, 01:16:28 AM »
This is the simple but clean control panel that display 16 I/O buttons, 4 FP[], 4 DM[] and 4 sliders.

« Last Edit: July 08, 2014, 01:17:08 AM by support »
Email: support@triplc.com
Tel: 1-877-TRI-PLCS

support

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 3174
    • View Profile
    • Internet Programmable PLCs
Re:Controlling PLC via Web Browser
« Reply #4 on: July 08, 2014, 01:19:29 AM »
If you want something more fanciful such as a graphical picture of the process you are controlling, it can also be done very easily by modifying from the same 0-xxx-xx.htm file. The following shows an example of a colorful HMI.

« Last Edit: July 08, 2014, 09:49:19 AM by support »
Email: support@triplc.com
Tel: 1-877-TRI-PLCS

support

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 3174
    • View Profile
    • Internet Programmable PLCs
Re:Controlling PLC via Web Browser
« Reply #5 on: July 08, 2014, 12:23:00 PM »
Note that the buttons and text field in the free web app are fixed and tied to RELAY #128 to #144, and the variables FP[1] to FP[16] and DM[1] to DM[16].

For those who require greater customization, or would like to develop a  proprietary,  fully customized mobile app to run on IPhone or Android, TRi has partnership with "My Mobile HMI" to offer OEM such possibility. Please visit: http://www.triplc.com/rsp_dg.htm  to find out the full range of mobile HMI development services and contact information. The following is a snapshot of one of the mobile app developed by our partner:

« Last Edit: July 08, 2014, 12:28:01 PM by support »
Email: support@triplc.com
Tel: 1-877-TRI-PLCS