Top Banner
Tips and Tricks Webinar August 2017
20

Tips and Tricks for InduSoft Web Studio-August 2017

Jan 21, 2018

Download

Technology

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Tips and Tricks for InduSoft Web Studio-August 2017

Tips and Tricks Webinar

August 2017

Page 2: Tips and Tricks for InduSoft Web Studio-August 2017

Agenda

• InduSoft Introduction

• Graphics in Symbols

• Creating Scales for Symbols

• Custom Widgets

• DB Troubleshooting

Page 3: Tips and Tricks for InduSoft Web Studio-August 2017

Introduction

Page 4: Tips and Tricks for InduSoft Web Studio-August 2017

InduSoft Web Studio is an easy-to-use, powerful, and affordable HMI/SCADA software for PCs, industrial panels, embedded &

mobile devices

Design the applications in an integrated development environment and deploy/run it on multiple platforms, including any current Microsoft Operating

system - Windows CE/Mobile, Embedded, Desktop and Server Editions, Linux, VxWorks, among others.

Page 5: Tips and Tricks for InduSoft Web Studio-August 2017

Interoperability

Mobility

Portability

Open Architecture

Productivity Reliability Security

Page 6: Tips and Tricks for InduSoft Web Studio-August 2017

Graphics in Symbols

Page 7: Tips and Tricks for InduSoft Web Studio-August 2017

Graphics in Symbols

• Copy and paste

• Linked Picture

• Resources Folder

Page 8: Tips and Tricks for InduSoft Web Studio-August 2017

Creating Scales for

Symbols

Page 9: Tips and Tricks for InduSoft Web Studio-August 2017

Scales

• Techniques for creating Scales

Page 10: Tips and Tricks for InduSoft Web Studio-August 2017

Custom Widgets

Page 11: Tips and Tricks for InduSoft Web Studio-August 2017

Custom Widget Gage

• Allows 3rd party JavaScript/HTML

• Create your own interface

• Need to know JavaScript/HTML

Page 12: Tips and Tricks for InduSoft Web Studio-August 2017

HTML changes

<head>

<script src="../Resources/Apis/Proxy.js"></script>

<script src="./custom_widget.js"></script>

<script src="./raphael-2.1.4.min.js"></script>

<script src="./justgage.js"></script>

<title>Gauge1</title>

</head>

<div id="gauge" class="200x160px"></div>

<script>

var g = new JustGage({

id: "gauge",

value: 67,

min: 0,

max: 100,

title: "Temperature" });

</script>

Page 13: Tips and Tricks for InduSoft Web Studio-August 2017

JavaScript changes

• _proxy.on("Val1", _callback, this);

var _callback = function (info) {

if(info.propName === "Val1") {

g.refresh(parseInt(info.value))

}

};

Page 14: Tips and Tricks for InduSoft Web Studio-August 2017

Update Virtual Directory in IIS

Page 15: Tips and Tricks for InduSoft Web Studio-August 2017

DB Troubleshooting

Page 16: Tips and Tricks for InduSoft Web Studio-August 2017

DB Troubleshooting

• Output window

• Studio Database Gateway log

• Trace messages

• Query in SQL Management Studio

Page 17: Tips and Tricks for InduSoft Web Studio-August 2017

Questions?

Page 18: Tips and Tricks for InduSoft Web Studio-August 2017

How to contact

InduSoft

Page 19: Tips and Tricks for InduSoft Web Studio-August 2017

Email(US) [email protected](Brazil) [email protected](Germany) [email protected]

Support [email protected] site

(English) www.indusoft.com(Portuguese) www.indusoft.com.br(German) www.indusoft.com.de

Phone +1 (512) 349-0334 (US)+55 (11) 3293-9139 (Brazil)+49 (0) 6227-732510 (Germany)

Toll-Free 877-INDUSOFT (877-463-8763)Fax +1 (512) 349-0375

Contact InduSoft Today

Germany

USA

Brazil

Page 20: Tips and Tricks for InduSoft Web Studio-August 2017

Thank You!