BSD/BSDPlus

APPLICATIONNOTEHowtocreateaWebScadaPresentation

CRETechnologybelievesthatallinformationprovidedhereiniscorrectandreliableandreservestherighttoupdateatanytime.CRETechnologydoesnotassumeanyresponsibilityforitsuse.E&OE.

CRETechnology130AlleCharlesVictorNaudin

ZonedesTempliersSophiaAntipolis06410BIOTFRANCE

Phone:+33(0)4.92.38.86.82Fax:+33(0)4.92.38.86.83www.cretechnology.cominfo@cretechnology.com

SARLauCapitalde300.000EurosRCSAntibes:748862500015NTVAFR54488625583

A61Zx_en_HowtocreateaWebScadaPresentation 2/14

Date Version Comments By

Decemberr12th2009 1.0 Firstversioncreated MM

Youcandownload thisdocumentationand thedifferentdocumentationrelating totheBSD/BSDPlusonourwebsite:http://www.cretechnology.com/.

NOTE:

Read thisentiremanualandallotherpublicationspertaining to thework tobeperformedbeforeinstalling, operating, or servicing this equipment. Apply all plant and safety instructions andprecautions.Failuretofollowinstructionscancausepersonalinjuryand/orpropertydamage.

ContactyourCREdistributorforcoursetraining.

Trademarks:

Alltrademarksorregisteredmarksinthismanualbelongtotheirrespectivemanufacturers.

Term Extract Description

TCP/IP TransmissionControlProtocol/InternetProtocol

TCP (TransmissionControlProtocol) isa setof rulesusedalongwiththe InternetProtocol (IP) to senddata in the formofmessageunitsbetweencomputersovertheInternet.

HTTP HyperTextTransferProtocolHTTPisasetofrulesforexchangingfiles(text,graphicimages,sound,video,andothermultimediafiles)ontheWeb.

DHCP DynamicHostConfigurationProtocol

DHCPisastandardprotocolthatautomatestheprocessofconfiguringnetwork hosts by allowing hosts to obtain IP addresses andconfigurationparameters

Gateway Adevicethatmakes itpossibletotransferdatabetweennetworksofdifferentkind,e.g.Modbus/RTUandModbus/TCP.

Template Describes a Modbus slave device, as a collection of groups andparameters.

Device AModbusslaveunitthatisconnectedtotheBSDPlus.

Table1:Terminology

A61Zx_en_HowtocreateaWebScadaPresentation 3/14

Tableofcontents1 Introduction..........................................................................................................................4

2 Equipment............................................................................................................................4

3 Gettingstarted.....................................................................................................................5

4 Configuringserialsettings....................................................................................................6

5 Installorcreateadevicetemplate........................................................................................7

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

7 Configuringthepageforpresentingdatavalues..................................................................9

8 Configurethedatatobepresented......................................................................................10

9 References...........................................................................................................................14

A61Zx_en_HowtocreateaWebScadaPresentation 4/14

1 Introduction

Thisapplicationnotedescribeshowtocreateaconfigurationtopresent livedatavaluesthroughtheWebserver intheBSD/BSDPlusmodule.

TheBSD/BSDPlusmoduleactsasabridgefromModbusTCPtoModbusRTU,makingitpossibleforaModbusTCPbasedcontrollertoconnectwithModbusRTUbaseddevices.TheBSD/BSDPlusisadevicethatisnotonlydesignedtoprovidethebridgingfunction,buttoalsohandlealarmmanagement,dataloggingaswellasprovidingawebbaseduserinterfaceforaccessingdata.

The webbased userinterface can be used to present data of the instrument or system the BSD / BSD Plus isconnectedwith.Thisapplicationnotedescribeshowtocreatesuchaconfiguration.

TheBSD/BSDPlushasbeensuccessfullyconfigured formanyapplicationsandCREpublishesdevice templates forseveraldevices.PleasecontactCRETechnologyforfurtherinformationregardingavailabledevicetemplates.

2 Equipment

BSD/BSDPlusModbusversion3.0orlater

PersonalcomputerwithaWebbrowser

ModbusRTUcompatibledevice(includingmanualdescribingavailableModbusregisters)

Ethernetnetwork(includingconnectionsbetweentheBSD/BSDPlusandthePC)

A61Zx_en_HowtocreateaWebScadaPresentation 5/14

3 Gettingstarted

ThisapplicationnoteassumesthattheBSD/BSDPlusmodule isproperly installedandaccessibleovertheEthernetnetworkinterface.Ifthisisnotthecase,pleaserefertothestepbystepinstallationoftheBSD/BSDPlusforfurtherinstructions,whichdescribestherequiredstepstoinstallthisproperlyandaccesstheunitoveranEthernetnetwork.

Openyourwebbrowserandenter theaddresspath (IPaddressof themodule) toconnect to theBSD /BSDPlusmodule.

Login as administrator (default login andpassword areboth admin)by entering the correctuser andpasswordinformation.

Whenproperly logged in, the defaultwelcomepagewill be shown to you (asbelow in thepicture), ifno earlierconfigurationhasbeendone.Iftherealreadyisaconfigurationstoredinthemodule,apagepresentinginformationcorrespondingtothatconfigurationwillbeshown.

A61Zx_en_HowtocreateaWebScadaPresentation 6/14

4 Configuringserialsettings

Theserialcommunication linkbetween theBSD/BSDPlusmoduleand theequipmentconnected to itneed tobeconfiguredforthesameserialsettingstobeabletoproperlycommunicate.TomodifytheserialsettingsintheBSD/BSDPlus,selectSetupinthemenuandselectModbusinthesubmenu.

SelecttransmissionmodeRTUforModbusRTUorASCIIforModbusASCII.Thisneedstobeselectedaccordingtothecommunicationprotocolusedbytheconnecteddevice.

ThephysicalmediacanbeselectedtoeitherRS485orRS232.MakesuretheselectioncorrespondstothephysicalmediabeingusedbetweentheBSD/BSDPlusandtheconnectedequipment.

AlsoselecttheBaudrate,ParityandStopbit,accordinglywithwhatispreferredforthecommunication.Makesurealldevicesareconfiguredforthesamesettings.Ifthisisnotthecase,communicationwillnotworkproperly.

Oncewearedone,pressthesavesettingsbuttonatthebottomofthepagetostoretheconfiguration.

A61Zx_en_HowtocreateaWebScadaPresentation 7/14

5 Installorcreateadevicetemplate

The BSD / BSD Plus uses device templateswhen a configuration is created.A template stores information aboutavailableparameterswithinadeviceorasystem.Thisapplicationnotedoesnotdescribehowtocreateatemplate,butthisisdescribedinaseparatedocument(Howtocreateadevicetemplate).Thatapplicationnoteisavailablefordownloadathttp://www.cretechnology.com.

ThefirststepintheconfigurationistomakesurewehaveatemplateinstalledintheBSD/BSDPlusunit.Inthemenu,selectConfigurationandthenTemplatesinthesubmenu.Thisbringsuptheconfigurationpagefortemplates.Ifnotemplatesearlierhavebeeninstalledintheunit,thelistofavailabletemplateswillbeempty.Toinstallanexistingtemplate fromdisk,press the add templatebutton (or to createanew template, follow the instructions in theapplicationnotementionedabove),andthenclicktherestorebuttonforthenewtemplate.Thiswillbringupadialogwindowwhichisusedtobrowsetothetemplatefile.

Togettemplates,justclickthislink

1. ClickConfigurationinthemenu

2. SelectTemplatesinthesubmenu

3. Clickaddtemplate

4. Enteranameandclickok(Thisnamewillbechangedafterrestore)

5. Touploadtemplatefromdiskclickrestore

6. Browsethetemplatefileandclickrestore

InthisapplicationnotewewillbeusingatemplatefileforaModbusRTUbasedI/OnodecalledBSD/BSDPlusI/OExtender.Oncewehaveinstalledthetemplateforthisunitthepagelooksasthepicturebelow.

6 DefinetheDevice(s)connectedtoBSD/BSDPlus

A61Zx_en_HowtocreateaWebScadaPresentation 8/14

Nextweneedtodefinethedevice(s)thatwehaveconnectedtotheBSD/BSDPlus.ClickDevicesinthesubmenuandthenpressadddeviceatthebottomoftheconfigurationpagefordevices.

1. GotoDevices

2. Click"adddevice

Assignanametothedeviceinthefieldatthetopofthepageandselectthetemplatethatrepresentsthedevicefromthedropdownlist.AlsosettheModbusSlaveaddressofthedeviceintheeditfieldandpresssavesettings.

1.Assignanametothedevice

2.Selectdevicetemplate

3.SettheModbusaddress

4.Clicksavesettings

ThedeviceshallnowhavebeenaddedtotheDeviceConfigurationlist.

A61Zx_en_HowtocreateaWebScadaPresentation 9/14

7 ConfiguringthepageforpresentingdatavaluesTopresentequipmentdataonapagethroughawebbrowserweneedtoconfigurewhichdatashallbepresented.Todothis,startwithselectingPagesinthemenu.Pressthebuttoncalledaddpagetoaddapage.

1.ClickPages

2.Clickaddpage

AssignanametothepageintheeditfieldlabelledPageName.Thisisthenamethatwillappearasthetitleofthebrowserwindow.AlsoassignanamethatisdescribingthedatapresentedonthepageinthefieldlabelledOverviewName.Thisnamewillbepresentedinthemenuofthepage.

There is also a field labelledAdvancedOverview. Thispagehas restricted access and canonlybe accessedwhenlogged in as adminor super admin. Furtherdetails regarding the functionalityof theAdvancedOverviewpage isdescribed intheusermanualoftheBSD/BSDPlus. IftheAdvancedOverviewpagewillbeusedtopresentdata,anameisalsosethere.

1. Assignanametothepage

2. Setanametodescribethedataviewedonthepage

3. Clicksavesettings

A61Zx_en_HowtocreateaWebScadaPresentation 10/14

Whenthenameofthepagehasbeenset,pressthesavesettingsbuttontostorethe information intheBSD/BSDPlusunit.

Thepagethatpresentsdatacanalsoshowapicturedescribingtheinstallationortheequipmentcontainingthedata.Tostoreapicture inthemodule itneedstobeuploaded.This isdonebypressingtheBrowsebuttonnexttothenamefieldsatthetopofthepage.

1. ClickBrowsetoselectapicture

2. Clickuploadtosavethepicture

3. Previewofthepicture

Pressingthebrowsebuttonwillopenupadialogwindowwhichmakesitpossibletolocateapicturefileonthelocalharddrive.SelectthefileandpresstheOpenbuttonofthedialogwindow.Thepathtothefilewillappear inthetextfieldnexttotheBrowsebuttonaftertheOpenbuttonwaspressed.TostorethepictureintheBSD/BSDPlusunit,presstheuploadbuttonasshowninthepictureabove.

Asmallerpreviewofthepicturewillshow intherectangletothe leftoftheuploadbuttonwhenthepicturehasbeenstoredintheBSD/BSDPlusunit.

Thepicturecannotbewiderthen870px,largerthen50kanditneedstobein.gif,.pngor.jpgformat!

AdefaultwelcomepagewaspresentedwhenwestartedcreatingthisconfigurationandaccessedthewebinterfaceoftheBSD/BSDPlusunitafterloggingin.Itispossibletoreplacethatwelcomepagewithapagepresentingdataasthedefaultpagetobeloadedafterloggingin.Toselectthepagethatwearecreatingasthedefaultstartpage,pressthesetasstartpagebutton.

8 ConfigurethedatatobepresentedOncetheeditbuttonhasbeenpressed,apagewillbeshownwherewecanconfiguretheparameterthatwewanttopresentinthatdatafield.Startbyselectingthedevicewheretheparameterwillbestoredinthedropdownmenuatthetop(allconfigureddeviceswillbeavailablehere).Thenselecttheparametergroupthedatavalueisstoredin.In

A61Zx_en_HowtocreateaWebScadaPresentation 11/14

the example belowwe are configuring a temperature value stored in the parameter group named TemperatureInput.

Inthedescriptionfielditispossibletoenteranamedescribingthedatathatwillbeshownandinourcasewehaveatemperaturevalue.Assumethevaluerepresentsthetemperatureofaboiler.Thedescriptionfieldmakesitpossibletoenteranappropriatenamethatiseasierforausertorelateto,suchasBoilertemperature.Thebuttonwiththearrowcanalsobeusedtocopythedefaultnametotheparameterdescription.

1. Selectthedevicefromwherethedataparametershouldberead

2. Selectthegroupwherethedataparameteristobefound

3. Selecttheparameter

4. Enteranameforthepoint,orcopyusingdownarrowatendofparameterrow

5. Selecthowdatashouldbepresented

6. Clicksavesettings

A61Zx_en_HowtocreateaWebScadaPresentation 12/14

Repeatthestepsaboveandcreateasmanyparametersaspreferredforpresentationonthepage.Belowisapicturethatshowswhatitwouldlooklikewhenwehaveconfiguredsomemoreparametersforpresentationonthepage.

Toview thepagewehaveconfigured,select the titlenameof thepage thatwillbeavailable from thedropdownmenuatthetopleftofthewindowasshowninthepicturebelow.Selectthepageandpressthegobutton.

1. Selectthepageinthedropdownmenu

A61Zx_en_HowtocreateaWebScadaPresentation 13/14

Nowwearedone. Ifthedevicecontainingthedata isproperlyconnectedtotheBSD/BSDPlusandtheserialcommunicationproperlyconfigured,thedatavaluesforeachconfiguredparametershallshowinthedatatablesasshowninthepicturebelow.

A61Zx_en_HowtocreateaWebScadaPresentation 14/14

9 References

Object Publisher Version

BSD/BSDPlusTechnicalDoc. CRETechnology 1.2

BSD/BSDPlusQuickStartGuide CRETechnology 1.0

Howtocreateadevicetemplate CRETechnology 1.0

1 Introduction 2 Equipment3 Getting started4 Configuring serial settings5 Install or create a device template6 Define the Device(s) connected to BSD/BSD Plus7 Configuring the page for presenting data values8 Configure the data to be presented9 References