Professional Documents
Culture Documents
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
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
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