cx supervisor tutorial 2

8/4/2019 CX Supervisor Tutorial 2

1/19

CXSupervisor

TutorialI(Bsico)

EstetutorialmostracomocriarumaaplicaosimplesutilizandooCxSupervisor.

Dever demorar apenas cerca de 20 minutos a executar na prtica, e dever ficar a saber

algunsdosconceitoschave:

.AdiferenaentreaplicaesnoestadodeDesenvolvimento(Development)eemTempoReal

/Execuo(Runtime);

.OsistematotalmentecontroladopordadosnosPontos,querestesestejamnamemriado

computador,quernumPLC(autmatoprogramvel);

.Controlos,porexemplobotesdepresso,podemconfigurar/alteraressesdados;

.Controlosgrficosutilizamanimaesparacontrolaraformacomoosdadossomostrados,

eassimpodermosseguiraevoluodosistemaemtemporeal,dumaformaintuitiva,directa

eimediata.

Nota:umavezqueoprogramaCXSupervisorusadofoiasuaversoem ingls,utilizaremos

amideestalngua,nomeadamenteparadesignarjanelas,opes,botes,nomesdevariveis

etc.,dandoatraduoemportugussemprequesejustifique.

1.Introduo

Estecaptulodescrevecomoumsimplessinaldetrfego(semforo)desenhadoutilizandoo

EditorGrficoecomoanimadoatravsdoEditordeAnimao,deformaqueelemudede

corcomosefosseumsemfororealcontrolandootrfegodeumaruaoudeumapassagem

denvel.

No final deste tutorial, deverj ter conhecimentos suficientes do CXSupervisor que lhe

permitiroprogredirparaumsegundotutorial,jmaisavanado,equedemonstraralgumas

dacaractersticasessenciaismaisusadas.

2.OPrimeiroPasso

AbraoCXSupervisorDevelopment.

QuandooCXSupervisoriniciar,oecrprincipalaparecereserigualousimilaraoseguinte:


2/19

3.ProjectosnoCXSupervisor

Umprojectoumconjuntodeobjectosassociadosaumaaplicao.

IssoincluiPginas,Grficos,Relatrios,Alarmes,Animaes,ConfiguraodePonto,ValoresdePonto,Receitas,etodaoutrainformao.Numdadomomento,apenasumprojectopodeser/estarabertoporumaaplicao.

Teremosdecriarumprojectoparaprosseguirestetutorial;porsimplicidade,devesercriado

um subdirectrio/pasta separado para cada novo projecto. No meu caso, criei a

pasta/subdirectriotutorialBasico,nodirectrioAmbientedeTrabalho,paraondemedirigirei

paracriaregravaroprojecto,comoverjdeseguida.

3.1.MenuFile>>NewProject>>MachineEditionproject


3/19

3.2.DirijaseparaapastatutorialBasicoanteriormentecriada

3.3.Digiteonomedoprojecto,nestecasoTutoredepoiscliquenobotoGuardarparagravaroprojecto.

Clique nobotoOK. OCXSupervisorcriarum projecto chamado Tutor,nosubdirectrio

quevocespecificou.NarealidadeeleteronomedeTutor.SCS

Aparecerumapginabrancanoecr,comoesta:


4/19

Senoaparecer,cliquenoboto dabarradeferramentasouemmenuFile>>NewPage.4.PginasnoCXSupervisor

Um projecto no CXSupervisor consiste habitualmente num conjunto de pginas separadas.

Cada pgina apresenta normalmente informao relacionada com um tpico particular, um

dado processo, ou determinada actividade. O projectista da aplicao usa as facilidades do

editorgrficoparadesenhareanimarobjectosnapgina.

Esteprojecto/tutorialformadoapenasporumapgina.

4.1.MenuFile>>SavePageAs...edumnomepgina,porexemplotutor.pag.

4.2. Quando lhe for pedido para acrescentar uma pgina ao projecto, clique no botoSim/Yes.Serlheapresentadaumanovapginavazia.

Selheforperguntadosequervisualizarestapginaquandoiniciaoprojecto,respondaSimde

novo.


5/19

5.UtilizaodoEditorGrficoAgoraqueoprojectoexistecomasuapginaprpria,podemosconstruirosobjectosgrficos

eadicionlospgina.

O

Editor

Grfico

utiliza

uma

barra

Objecto

Grfico/GraphicObject e

uma

janela

flutuante

conhecidacomoPalette,paraconstruirecontrolarosobjectosdapgina.Soambosmuito

fceisdeusar.

EditorGrfico

Vrios pequenos cones so visveis na barra de ferramentas Graphic Object cada qual

representando

um

dos

objectos

grficos

com

os

quais

uma

aplicao

pode

ser

construda.


6/19

Algunsdosobjectosso figurasbsicas linhas rectas,elipses,rectngulos;outrossomais

avanadostalcomooobjectogaugequetemumafuncionalidadeembebida.

5.1.Nabarrade ferramentasGraphicObject,cliquenoboto .Reparequequandoo

cursorestsobreumconeumapaletedeinformaosobreeleaparecenabarradeestado.

Similarmente,seocursordeixadoparadosobreumbotoentoumamensagemtipodica

aparecedepoisdepoucotempo.

5.2.Asseguresequeacorseleccionadadapaletepreta,clicandonacorpreta.

5.3.DabarradeferramentasGraphicObject,cliquenoboto .

5.4.Cliquecomoratoearrasteoparapertodocimodapgina,largandoobotodorato.medidaqueistoaconteceasfronteirasdeumrectngulodecantosarredondadosapareceno

ecrparaformaracaixadeumsemforo,comomostramosaseguir.Reparequeaposio,

alturae larguradoobjectoasereditadosomostradosparaseuconhecimentonabarrade

estado.

5.5. Da barra de ferramentas Graphic Object, clique no boto e desenhe a perna desuportedosemforo.


7/19

Agoraqueaestruturaprincipaldosemforoestcompleta(apesardeaindabsica),podemos

comearotrabalhocomas luzesdecor.Apenasprecisamosdeduascores,umavermelhae

outraverde.

5.6.DabarradeferramentasGraphicObject,cliquenoboto edesenheumcrculodotamanhoapropriadopararepresentaralmpada.

Premindo a tecla CTRL enquanto desenha uma elipse asseguralhe que desenhado um

verdadeirocrculo.

5.7.Seleccioneacorvermelhaedepoisposicionealmpadavermelhanotopodosemforo.

5.8.Repitaoprocessoparaalmpadaverdeeposicioneanapartedebaixodosemforo.


8/19

6.AdicionarumPonto/Varivel

Deseguidaprecisamosdedefinirumavarivelatravsdaqualcontrolamososemforo.

Comoshdoisestados,isto,GOeSTOP,utilizaremosumavariveldigitaloubooleana.

Por

uma

questo

de

simplicidade,

este

Ponto

ou

varivel,

ser

um

ponto

na

memria

local.

Numa aplicao real, estaramos ligados a um autmato programvel (PLC) e lerseia uma

sadadigitaldeste.Comexcepodestecaso,orestodestetutorialidnticoaumaaplicao

realdemonitorizao.

6.1.Nabarradeferramentasprincipal,cliquenoboto .AbreseentoajanelaPointEditor(EditordePontos).

6.2.Cliquenoboto .Abrirseajanela/caixadedilogo(AdicionarPonto)


9/19

6.3. Aqui podemos definir a varivel, ou Point, que ir controlar o semforo; neste casousaremosumasimplesvarivelbooleana.

6.4.

No

campo

Point

Name

(Nome

do

Ponto),

digite

GO,

como

nome

do

ponto.

6.5. Verifique que o Point Type (Tipo do Ponto) Boolean e que a Memory estseleccionadacomosendodotipoI/O


10/19

6.6.CliquenobotoOK.Opontoentoadicionadaautomaticamentebasededadosdospontos.

7.AdicionaroBotodeComutao

Comoistoumasimulaoparaveraaplicaoemactividade,precisamosdeumaformade

alterar o valor do nosso novo ponto GO. O mtodo mais simples usar um boto de

comutao(ToggleButton),queumbotodedoisestadosquemudadeumestadopara

outrocadavezqueobotopressionado.

7.1. Na barra de ferramentas Graphic Object (Objecto Grfico), clique no boto e

desenhe

um

boto

de

dimenses

adequadas

em

relao

ao

tamanho

do

semforo.


11/19

7.2.DumcliqueduplonorecentementecriadobotodecomutaoparaabriracaixadedilogoToggleButtonWizard(AssistentedoBotodeComutao)

7.3.Para ligaraoperaodecomutaocomonossonovoponto,cliquenobotoBrowse(Navegador).AbrirseacaixadedilogoSelectRequiredItem(EscolhaoArtigoPretendido).


12/19

7.4.SeleccioneonovopontoGO,ecliquenobotoOK.

7.5.CliquenobotoOKnacaixadedilogoToggleButtonWizard.

8.Animao

Estesemforosimplestemapenasdoisestados,STOPeGO.SeosinalestSTOP,entoa

luz vermelha dever acender. Se o sinal est GO, ento a luz verde dever acender. O

Animation Editor (Editor de Animao) a pea chave para definir como um objecto

animadodependendodosvaloresdospontos.Paraconfigurarasanimaes:

8.1.Porsimplicidade,seleccioneoobjectoquerepresentaaLuzVerde.

8.2.Nabarradeferramentas,cliquenoboto


13/19

Existem vrias aces disponveis para cada objecto particular. Com uma configurao

adequada,cadaumadessasacespodeseraplicadaacadaobjecto:porexemplo,podemser

dadasluzverdeasseguintesaces:

.

Piscar;

.FecharPgina;

.MudardeCor,etc.

8.3.DumduplocliqueeseleccioneColourChange(MudaraCor)Digital.Seleccionandoestaanimao,acorda luzverde(umaelipse)seralteradadeacordocomo

valordeumadeterminadavarivel,ouexpresso,Booleana(Digital).

AbrirseentoacaixadedilogoColourChange:

8.4.ParaanimaroPonto,cliquenobotoBrowsenacaixadedilogoColourChange.AparecerentoacaixadedilogoSelectRequiredItem.


14/19

8.5.EscolhaonovopontoGOecliquenobotoOK.

8.6.NacaixadedilogoColourChange(Digital),assegureseque GO foidigitadacomoaexpressodigitalsolicitada.


15/19

8.7.AcaixadedilogoColourChangemostraasduascoresentreasquaisaluzalternar.preciso seleccionar as cores, de modo a que quando o semforo estiver GO, a luz verde

acender(ovalorpordefeito),masquandoestiverSTOP,isto,noestado0,acorverde

(verdeescuro ou cinzento) indicar que a luz no est acesa. As cores podem ser mudadas

clicandonacaixaprvercores(colourpreview),eutilizandoacaixadedilogopaletedecores

(Colour Palette) que aparecer subsequentemente, para seleccionar os tons de cor

adequados.

Vamosescolheroverdeescuro.

Acaixadedilogodeveragoraestarcomoesta:

8.8.CliquenobotoOKAanimaodalmpadaverdeestagoradefinida.

Testeaaplicaoparagarantirquealuzestafuncionarcorrectamente.

Apesar de a lmpada Vermelha poder ser animada tambm nesta fase, melhor executar

antesumtesteparavercomoelaopera.

9. Testar o ProjectoVamosagoratestaroprojectonumambientedeexecuo


16/19

9.1.CliquenobotoRunexistentenabarradeferramentas.OCXSupervisorprimeirogravaoprojectoepedeconfirmaoparagravarasltimasalteraestutorpag.Cliquenoboto

Yes/Sim.

9.2.Seestaforaprimeiravezqueapginagravada,serlhepropostoqueaadicioneao

Projecto:seleccioneYes/Sim.

9.3.Comonohoutraspginasparamostrar,serlhepropostoqueDisplaythepageonStartup(Mostraapginaaoiniciaraexecuo),seleccioneYes/Sim.

9.4.SelheforpropostoparagravaroprojectoTutor.SCS,seleccioneYes/Sim.

9.5.Osistemadeexecuocomearcomapginaquecrimosmostradadentrodeumajanelaprpria.

Lmpadaverdeacesa

9.6.CliquenobotoToggleeobserveobotoamudardeestado.Aluzverdedevermudardecor.Quandoclicardenovonoboto,a lmpadaverdereverterparaacor inicial.Repita

este teste mais algumas vezes para observar a aplicao em actividade. Repare que no

importa se o boto accionado duma forma rpida ou lenta; A luz conseguir sempre

acompanharasmudanas.Verifiqueacorda lmpadaVerde.Mudacorrectamenteentreos

doisestados?Seno,verifiqueasdefiniesdascoresnoambientededesenvolvimentodo

projecto.


17/19

Lmpadaverdeapagada

10.RefinaroProjecto

Qualquerproblemaquesurjapoderserrectificado,refinandooprojectoevoltandoacorrera

aplicao.

10.1. Feche o ambiente de execuo (Runtime). No menu Control, seleccione Close, ouseleccioneExitdepoisdeumcliquedadireitadorato.

10.2.Noambientededesenvolvimento(development),seleccionealuzVerdeedepoisabraacaixadedilogoAnimationEditor.

10.3.

De

novo,

abra

a

caixa

de

dilogo

Colour

Change

(Digital).

As

duas

cores

so

mostradas

nofundodessacaixadedilogo.Senecessrio,seleccioneacorealtereoseutomusandoa

caixadedilogoColourPalette.

10.4.SeleccionealmpadaVermelhaeanimeadamesmaformaqueusouparaalmpadaVerde.

Relembrese que com o semforo, a lmpada vermelha precisa estar ON, isto ,

acesa/vermelhobrilhante,quandoVerdefalso(estado0),evermelhoescurooucinzento,

quandoVerdeverdade(estado1),indicandoquealmpadaestapagada.


18/19

Tentecorreroprogramadenovo.NabarradeferramentascliquenobotoRunetenteanova

aplicao tutor;destavezambasas lmpadasdeveromudardecorsemprequeoboto

premido. Se ambas se apagarem e/ou acenderem em simultneo, ento verifique, e

provavelmente,altereasdefiniesdascores,comodescritoacima.

Semforonumestadolmpada/sinalverdeapagado,sinalvermelhoaceso:STOP

(verposiodoboto)


19/19

Semforonumestadolmpada/sinalverdeaceso,sinalvermelhoapagado:GO

(verposiodoboto,quediferentedaanterior)

Admitimos

que

esta

aplicao

muito

simples,

mas

ela

demonstra

alguns

dos

conceitos

essenciaisqueseutilizamemtodasasaplicaes:

.AdiferenaentreaplicaesemDesenvolvimentoeExecuo(DevelopmenteRuntime);

. Todo o sistema controlado pelos dados existentes nos Pontos, quer em memria do

computadorquerusandoumPLC;

.Controlos(comoporexemploobotodecomutaoToggle )podemconfigurarosdados.

.ControlosGrficosutilizamanimaesparacontrolaraformacomoosdadossomostrados.

Eassimterminamosestetutorialbsico.

Seguirseumtutorialmaisavanado,eeventualmenteestetutorialemvdeoscreencast.

Estejamatentos.

cx supervisor tutorial 2

Documents