BSD/BSDPlus

APPLICATIONNOTE
HowtocreateaWebScadaPresentation

CRETechnologybelievesthatallinformationprovidedhereiniscorrectandreliableandreservestherighttoupdateatanytime.
CRETechnologydoesnotassumeanyresponsibilityforitsuse.E&OE.

CRETechnology
130AlleCharlesVictorNaudin
ZonedesTempliersSophiaAntipolis
06410BIOTFRANCE
Phone:+33(0)4.92.38.86.82Fax:+33(0)4.92.38.86.83
www.cretechnology.cominfo@cretechnology.com
SARLauCapitalde300.000EurosRCSAntibes:748862500015NTVAFR54488625583

Date

Version

Decemberr12th2009

1.0

Comments

By

Firstversioncreated

MM

You can download thisdocumentationand thedifferentdocumentation relating tothe BSD/BSDPlus on our web
site:http://www.cretechnology.com/.

NOTE:
Read this entire manual and all other publications pertaining to the work to be performed before
installing, operating, or servicing this equipment. Apply all plant and safety instructions and
precautions.Failuretofollowinstructionscancausepersonalinjuryand/orpropertydamage.

ContactyourCREdistributorforcoursetraining.

Trademarks:
Alltrademarksorregisteredmarksinthismanualbelongtotheirrespectivemanufacturers.

Term
TCP/IP

Extract

Description

TCP (Transmission Control Protocol) is a set of rules used along with

TransmissionControl
the Internet Protocol (IP) to send data in the form of message units
Protocol/InternetProtocol
betweencomputersovertheInternet.

HTTP

HyperTextTransfer
Protocol

HTTPisasetofrulesforexchangingfiles(text,graphicimages,sound,
video,andothermultimediafiles)ontheWeb.

DHCP

DynamicHost
ConfigurationProtocol

DHCPisastandardprotocolthatautomatestheprocessofconfiguring
network hosts by allowing hosts to obtain IP addresses and
configurationparameters

Gateway

Adevicethatmakesitpossibletotransferdatabetweennetworksof
differentkind,e.g.Modbus/RTUandModbus/TCP.

Template

Describes a Modbus slave device, as a collection of groups and

parameters.

Device

AModbusslaveunitthatisconnectedtotheBSDPlus.
Table1:Terminology

A61Zx_en_HowtocreateaWebScadaPresentation

2/14

Tableofcontents
1

Introduction..........................................................................................................................4

Equipment............................................................................................................................4

Gettingstarted.....................................................................................................................5

Configuringserialsettings....................................................................................................6

Installorcreateadevicetemplate........................................................................................7

DefinetheDevice(s)connectedtoBSD/BSDPlus...................................................................7

Configuringthepageforpresentingdatavalues..................................................................9

Configurethedatatobepresented......................................................................................10

References...........................................................................................................................14

A61Zx_en_HowtocreateaWebScadaPresentation

3/14

1 Introduction

ThisapplicationnotedescribeshowtocreateaconfigurationtopresentlivedatavaluesthroughtheWebserverin
theBSD/BSDPlusmodule.
TheBSD/BSDPlusmoduleactsasabridgefromModbusTCPtoModbusRTU,makingitpossibleforaModbusTCP
basedcontrollertoconnectwithModbusRTUbaseddevices.TheBSD/BSDPlusisadevicethatisnotonlydesigned
toprovidethebridgingfunction,buttoalsohandlealarmmanagement,dataloggingaswellasprovidingawebbased
userinterfaceforaccessingdata.
The webbased userinterface can be used to present data of the instrument or system the BSD / BSD Plus is
connectedwith.Thisapplicationnotedescribeshowtocreatesuchaconfiguration.
The BSD/ BSD Plus has been successfully configured formany applications and CREpublishes device templates for
severaldevices.PleasecontactCRETechnologyforfurtherinformationregardingavailabledevicetemplates.

2 Equipment

BSD/BSDPlusModbusversion3.0orlater

PersonalcomputerwithaWebbrowser

ModbusRTUcompatibledevice(includingmanualdescribingavailableModbusregisters)

Ethernetnetwork(includingconnectionsbetweentheBSD/BSDPlusandthePC)

A61Zx_en_HowtocreateaWebScadaPresentation

4/14

3 Gettingstarted

ThisapplicationnoteassumesthattheBSD/BSDPlusmoduleisproperlyinstalledandaccessibleovertheEthernet
networkinterface.Ifthisisnotthecase,pleaserefertothestepbystepinstallationoftheBSD/BSDPlusforfurther
instructions,whichdescribestherequiredstepstoinstallthisproperlyandaccesstheunitoveranEthernetnetwork.
Open your web browser and enter the address path (IP address of the module) to connect to the BSD / BSD Plus
module.
Login as administrator (default login and password are both admin) by entering the correct user and password
information.
When properly logged in, the default welcome page will be shown to you (as below in the picture), if no earlier
configurationhasbeendone.Iftherealreadyisaconfigurationstoredinthemodule,apagepresentinginformation
correspondingtothatconfigurationwillbeshown.

A61Zx_en_HowtocreateaWebScadaPresentation

5/14

4 Configuringserialsettings

The serial communication link between the BSD / BSD Plus module and the equipment connected to it need to be
configuredforthesameserialsettingstobeabletoproperlycommunicate.TomodifytheserialsettingsintheBSD/
BSDPlus,selectSetupinthemenuandselectModbusinthesubmenu.
SelecttransmissionmodeRTUforModbusRTUorASCIIforModbusASCII.Thisneedstobeselectedaccordingto
thecommunicationprotocolusedbytheconnecteddevice.
ThephysicalmediacanbeselectedtoeitherRS485orRS232.Makesuretheselectioncorrespondstothephysical
mediabeingusedbetweentheBSD/BSDPlusandtheconnectedequipment.
AlsoselecttheBaudrate,ParityandStopbit,accordinglywithwhatispreferredforthecommunication.Make
surealldevicesareconfiguredforthesamesettings.Ifthisisnotthecase,communicationwillnotworkproperly.
Oncewearedone,pressthesavesettingsbuttonatthebottomofthepagetostoretheconfiguration.

A61Zx_en_HowtocreateaWebScadaPresentation

6/14

5 Installorcreateadevicetemplate

The BSD / BSD Plus uses device templates when a configuration is created. A template stores information about
availableparameterswithinadeviceorasystem.Thisapplicationnotedoesnotdescribehowtocreateatemplate,
butthisisdescribedinaseparatedocument(Howtocreateadevicetemplate).Thatapplicationnoteisavailablefor
downloadathttp://www.cretechnology.com.
ThefirststepintheconfigurationistomakesurewehaveatemplateinstalledintheBSD/BSDPlusunit.Inthemenu,
selectConfigurationandthenTemplatesinthesubmenu.Thisbringsuptheconfigurationpagefortemplates.If
notemplatesearlierhavebeeninstalledintheunit,thelistofavailabletemplateswillbeempty.Toinstallanexisting
template from disk, press the add template button (or to create a new template, follow the instructions in the
applicationnotementionedabove),andthenclicktherestorebuttonforthenewtemplate.Thiswillbringupadialog
windowwhichisusedtobrowsetothetemplatefile.

Togettemplates,justclickthislink

1. ClickConfigurationinthemenu
2. SelectTemplatesinthesubmenu
3. Clickaddtemplate
4. Enteranameandclickok(Thisnamewillbechangedafterrestore)
5. Touploadtemplatefromdiskclickrestore
6. Browsethetemplatefileandclickrestore

InthisapplicationnotewewillbeusingatemplatefileforaModbusRTUbasedI/OnodecalledBSD/BSDPlusI/O
Extender.Oncewehaveinstalledthetemplateforthisunitthepagelooksasthepicturebelow.

6 DefinetheDevice(s)connectedtoBSD/BSDPlus

A61Zx_en_HowtocreateaWebScadaPresentation

7/14

Nextweneedtodefinethedevice(s)thatwehaveconnectedtotheBSD/BSDPlus.ClickDevicesinthesubmenu
andthenpressadddeviceatthebottomoftheconfigurationpagefordevices.

1. GotoDevices
2. Click"adddevice
Assignanametothedeviceinthefieldatthetopofthepageandselectthetemplatethatrepresentsthedevicefrom
thedropdownlist.AlsosettheModbusSlaveaddressofthedeviceintheeditfieldandpresssavesettings.

1.Assignanametothedevice
2.Selectdevicetemplate
3.SettheModbusaddress
4.Clicksavesettings
ThedeviceshallnowhavebeenaddedtotheDeviceConfigurationlist.

A61Zx_en_HowtocreateaWebScadaPresentation

8/14

7 Configuringthepageforpresentingdatavalues
Topresentequipmentdataonapagethroughawebbrowserweneedtoconfigurewhichdatashallbepresented.To
dothis,startwithselectingPagesinthemenu.Pressthebuttoncalledaddpagetoaddapage.

1.ClickPages
2.Clickaddpage
AssignanametothepageintheeditfieldlabelledPageName.Thisisthenamethatwillappearasthetitleofthe
browserwindow.AlsoassignanamethatisdescribingthedatapresentedonthepageinthefieldlabelledOverview
Name.Thisnamewillbepresentedinthemenuofthepage.
There is also a field labelled Advanced Overview. This page has restricted access and can only be accessed when
logged in as admin or super admin. Further details regarding the functionality of the Advanced Overview page is
describedintheusermanualoftheBSD/BSDPlus.IftheAdvancedOverviewpagewillbeusedtopresentdata,a
nameisalsosethere.

1. Assignanametothepage
2. Setanametodescribethedataviewedonthepage
3. Clicksavesettings
A61Zx_en_HowtocreateaWebScadaPresentation

9/14

Whenthenameofthepagehasbeenset,pressthesavesettingsbuttontostoretheinformationintheBSD/BSD
Plusunit.
Thepagethatpresentsdatacanalsoshowapicturedescribingtheinstallationortheequipmentcontainingthedata.
Tostoreapictureinthemoduleitneedstobeuploaded.ThisisdonebypressingtheBrowsebuttonnexttothe
namefieldsatthetopofthepage.

1. ClickBrowsetoselectapicture
2. Clickuploadtosavethepicture
3. Previewofthepicture

Pressingthebrowsebuttonwillopenupadialogwindowwhichmakesitpossibletolocateapicturefileonthelocal
harddrive.SelectthefileandpresstheOpenbuttonofthedialogwindow.Thepathtothefilewillappearinthe
textfieldnexttotheBrowsebuttonaftertheOpenbuttonwaspressed.TostorethepictureintheBSD/BSDPlus
unit,presstheuploadbuttonasshowninthepictureabove.
Asmallerpreviewofthepicturewillshowintherectangletotheleftoftheuploadbuttonwhenthepicturehas
beenstoredintheBSD/BSDPlusunit.
Thepicturecannotbewiderthen870px,largerthen50kanditneedstobein.gif,.pngor.jpgformat!
Adefaultwelcomepagewaspresentedwhenwestartedcreatingthisconfigurationandaccessedthewebinterfaceof
theBSD/BSDPlusunitafterloggingin.Itispossibletoreplacethatwelcomepagewithapagepresentingdataasthe
defaultpagetobeloadedafterloggingin.Toselectthepagethatwearecreatingasthedefaultstartpage,pressthe
setasstartpagebutton.

8 Configurethedatatobepresented
Oncetheeditbuttonhasbeenpressed,apagewillbeshownwherewecanconfiguretheparameterthatwewantto
presentinthatdatafield.Startbyselectingthedevicewheretheparameterwillbestoredinthedropdownmenuat
thetop(allconfigureddeviceswillbeavailablehere).Thenselecttheparametergroupthedatavalueisstoredin.In
A61Zx_en_HowtocreateaWebScadaPresentation

10/14

the example below we are configuring a temperature value stored in the parameter group named Temperature
Input.
Inthedescriptionfielditispossibletoenteranamedescribingthedatathatwillbeshownandinourcasewehavea
temperaturevalue.Assumethevaluerepresentsthetemperatureofaboiler.Thedescriptionfieldmakesitpossible
toenteranappropriatenamethatiseasierforausertorelateto,suchasBoilertemperature.Thebuttonwiththe
arrowcanalsobeusedtocopythedefaultnametotheparameterdescription.

1. Selectthedevicefromwherethedataparametershouldberead
2. Selectthegroupwherethedataparameteristobefound
3. Selecttheparameter
4. Enteranameforthepoint,orcopyusingdownarrowatendofparameterrow
5. Selecthowdatashouldbepresented
6. Clicksavesettings

A61Zx_en_HowtocreateaWebScadaPresentation

11/14

Repeatthestepsaboveandcreateasmanyparametersaspreferredforpresentationonthepage.Belowisapicture
thatshowswhatitwouldlooklikewhenwehaveconfiguredsomemoreparametersforpresentationonthepage.

To view the page we have configured, select the title name of the page that will be available from the drop down
menuatthetopleftofthewindowasshowninthepicturebelow.Selectthepageandpressthegobutton.

1. Selectthepageinthedropdownmenu

A61Zx_en_HowtocreateaWebScadaPresentation

12/14

Nowwearedone.IfthedevicecontainingthedataisproperlyconnectedtotheBSD/BSDPlusandtheserial
communicationproperlyconfigured,thedatavaluesforeachconfiguredparametershallshowinthedatatables
asshowninthepicturebelow.

A61Zx_en_HowtocreateaWebScadaPresentation

13/14

9 References

Object

Publisher

Version

BSD/BSDPlusTechnicalDoc.

CRETechnology

1.2

BSD/BSDPlusQuickStartGuide

CRETechnology

1.0

Howtocreateadevicetemplate

CRETechnology

1.0

A61Zx_en_HowtocreateaWebScadaPresentation

14/14