Você está na página 1de 11

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; . Controlos grficos utilizam animaes para controlar a forma como os dados so mostrados, e assim podermos seguir a evoluo do sistema em temporeal, duma forma intuitiva, directa eimediata. Nota: uma vez que o programa CXSupervisor usado foi a sua verso em ingls, utilizaremos amide esta lngua, nomeadamente para designar janelas, opes, botes, nomes de variveis etc.,dandoatraduoemportugussemprequesejustifique.

1.Introduo
Este captulo descreve como um simples sinal de trfego (semforo) desenhado utilizando o Editor Grfico e como animado atravs do Editor de Animao, de forma que ele mude de cor como se fosse um semforo real controlando o trfego de uma rua ou de uma passagem denvel. No final deste tutorial, dever j ter conhecimentos suficientes do CXSupervisor que lhe permitiro progredir para um segundo tutorial, j mais avanado, e que demonstrar algumas dacaractersticasessenciaismaisusadas.

2.OPrimeiroPasso
AbraoCXSupervisorDevelopmentapartirdobotoStart. QuandooCXSupervisoriniciar,oecrprincipalaparecereserigualousimilaraoseguinte:

3.ProjectosnoCXSupervisor
Umprojectoumconjuntodeobjectosassociadosaumaaplicao. IssoincluiPginas,Grficos,Relatrios,Alarmes,Animaes,ConfiguraodePonto,Valores dePonto,Receitas,etodaoutrainformao. Numdadomomento,apenasumprojectopodeser/estarabertoporumaaplicao. Teremos de criar um projecto para prosseguir este tutorial; por simplicidade, deve ser criado umsubdirectrio/pastaseparadoparacadanovoprojecto.

3.1.MenuFile>>NewProject>>MachineEditionproject

3.2.DigitecomonomedoprojectoTutor 3.3.UtilizeocampoNewProjectFolder:campoparadeterminarocaminhoparaodirectrio
donovoprojecto(porexemplo,destegnero:C:\Programas\Omron\CXSupervisor)

3.4. Especifique o nome do novo subdirectrio que o CXSupervisor criar; por exemplo
tutorial.

3.5. Clique no boto OK. O CXSupervisor criar um projecto chamado tutorial, no


subdirectrioquevocespecificou.Narealidadeeleteronomedetutor.scs Aparecer uma pgina branca no ecr. Se no aparecer, clique no boto ferramentasouemmenuFile>>NewPage. da barra de

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>>SaveAs...edumnomepgina,porexemplotutor.pag. 4.2. Quando lhe for pedido para acrescentar uma pgina ao projecto, clique no boto Yes.
Serlheapresentadaumanovapginavazia.

5.UtilizaodoEditorGrfico

Agora que o projecto existe com a sua pgina prpria, podemos construir os objectos grficos eadicionlospgina. O Editor Grfico utiliza uma barra Objecto Grfico/Graphic Object e uma janela flutuante conhecida como Palette, para construir e controlar os objectos da pgina. So ambos muito 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. Alguns dos objectos so figuras bsicas linhas rectas, elipses, rectngulos; outros so mais avanadostalcomooobjectogaugequetemumafuncionalidadeembebida.

5.1. Na barra de ferramentas Graphic Object, clique no boto

. Repare que quando o

cursor est sobre um cone uma palete de informao sobre ele aparece na barra de estado. Similarmente, se o cursor deixado parado sobre um boto ento uma mensagem tipo dica aparecedepoisdepoucotempo.

5.2.Asseguresequeacorseleccionadadapaletepreta,clicandonacorpreta. 5.3.DabarradeferramentasGraphicObject,cliquenoboto
.

5.4.Cliquecomoratoearrasteoparapertodocimodapgina,largandoobotodorato.
medida que isto acontece as fronteiras de um rectngulo de cantos arredondados aparece no ecr para formar a caixa de um semforo, como mostramos a seguir. Repare que a posio, altura e largura do objecto a ser editado so mostrados para seu conhecimento na barra de estado.

5.5. Da barra de ferramentas Graphic Object, clique no boto


suportedosemforo.

e desenhe a perna de

Agora que a estrutura principal do semforo estcompleta (apesar de ainda bsica), podemos comear o trabalho com as luzes de cor. Apenas precisamos de duas cores, uma vermelha e outraverde.

5.6. Da barra de ferramentas Graphic Object, clique no boto

e desenhe um crculo do

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

5.7.Seleccioneacorvermelhaedepoisposicionealmpadavermelhanotopodosemforo. 5.8.Repitaoprocessoparaalmpadaverdeeposicioneanapartedebaixodosemforo.

6.AdicionarumPonto
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 sada digital deste. Com excepo deste caso, o resto deste tutorial idntico a uma aplicao realdemonitorizao.

6.1. Na barra de ferramentas principal, clique no boto


Editor(EditordePontos).

. Abrese ento a janela Point

6.2.Cliquenoboto

.Abrirseajanela/caixadedilogo(AdicionarPonto)

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

6.4.NocampoPointName(NomedoPonto),digiteGO,comonomedoponto. 6.5. Verifique que o Point Type (Tipo do Ponto) Boolean e que a Memory est
seleccionadacomosendodotipoI/O

6.6.Clique nobotoOK.Opontoentoadicionadaautomaticamentebasededadosdos
pontos.

7.AdicionaroBotodeComutao
Como isto uma simulao para ver a aplicao em actividade, precisamos de uma forma de alterar o valor do nosso novo ponto GO. O mtodo mais simples usar um boto de comutao (Toggle Button), que um boto de dois estados que muda de um estado para outrocadavezqueobotopressionado.

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


desenheumbotodedimensesadequadasemrelaoaotamanhodosemforo.

7.2. D um clique duplo no recentemente criado boto de comutao para abrir a caixa de
dilogoToggleButtonWizard(AssistentedoBotodeComutao)

7.3. Para ligar a operao de comutao com o nosso novo ponto, clique no boto Browse
(Navegador).AbrirseacaixadedilogoSelectRequiredItem(EscolhaoArtigoPretendido).

7.4.SeleccioneonovopontoGO,ecliquenobotoOK. 7.5.CliquenobotoOKnacaixadedilogoToggleButtonWizard.

8.Animao
Este semforo simples tem apenas dois estados, STOP e GO. Se o sinal est STOP, ento a 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

Existem vrias aces disponveis para cada objecto particular. Com uma configurao adequada, cada uma dessas aces pode ser aplicada a cada objecto: por exemplo, podem ser dadasluzverdeasseguintesaces: .Piscar; .FecharPgina; .MudardeCor,etc.

8.3.DumduplocliqueeseleccioneColourChange(MudaraCor)Digital.
Seleccionando esta animao, a cor da luz verde (uma elipse) ser alterada de acordo com o valordeumadeterminadavarivel,ouexpresso,Booleana(Digital). AbrirseentoacaixadedilogoColourChange:

8.4.ParaanimaroPonto,cliquenobotoBrowsenacaixadedilogoColourChange.
AparecerentoacaixadedilogoSelectRequiredItem.

8.5.EscolhaonovopontoGOecliquenobotoOK.

8.6. Na caixa de dilogo Colour Change (Digital), assegurese que GO foi digitada como a
expressodigitalsolicitada.

8.7. A caixa de dilogo Colour Change mostra as duas cores entre as quais a luz alternar.
preciso seleccionar as cores, de modo a que quando o semforo estiver GO, a luz verde acender ( o valor por defeito), mas quando estiver STOP, isto , no estado 0, a cor verde (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. Acaixadedilogodeveragoraestarcomoesta:

8.8.CliquenobotoOK
Aanimaodalmpadaverdeestagoradefinida. Testeaaplicaoparagarantirquealuzestafuncionarcorrectamente.Apesardealmpada Vermelha poder ser animada tambm nesta fase, melhor executar antes um teste para ver comoelaopera.

9. Testar o Projecto
Vamosagoratestaroprojectonumambientedeexecuo

9.1. Clique no boto Run existente na barra de ferramentas. O CXSupervisor primeiro grava
oprojectoepedeconfirmaoparagravarasltimasalteraestutorpag.Cliquenoboto Yes.

9.2. Se esta for a primeira vez que a pgina gravada, serlhe proposto que a adicione ao
Projecto:seleccioneYes.

9.3.Como no h outras pginas para mostrar, serlhe proposto que Display the page on
Startup(Mostraapginaaoiniciaraexecuo),seleccioneYes.

9.4.SelheforpropostoparagravaroprojectoTutor.SCS,seleccioneYes. 9.5. O sistema de execuo comear com a pgina que crimos mostrada dentro de uma
janelaprpria.

9.6.CliquenobotoToggleeobserveobotoamudardeestado.Aluzverdedevermudar
de cor. Quando clicar de novo no boto, a lmpada verde reverter para a cor 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 acompanhar as mudanas. Verifique a cor da lmpada Verde. Muda correctamente entre os dois estados? Se no, verifique as definies das cores no ambiente de desenvolvimento do projecto.

10.RefinaroProjecto
Qualquerproblemaquesurjapoderserrectificado,refinandooprojectoevoltandoacorrera aplicao.

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


seleccioneExitdepoisdeumcliquedadireitadorato.

10.2.Noambientededesenvolvimento(development),seleccionealuzVerdeedepoisabra
acaixadedilogoAnimationEditor.

10.3.Denovo,abraacaixadedilogoColourChange(Digital).Asduascoressomostradas
no fundo dessa caixa de dilogo. Se necessrio, seleccione a cor e altere o seu tom usando a caixadedilogoColourPalette.

10.4.SeleccionealmpadaVermelhaeanimeadamesmaformaqueusaouparaalmpada
Verde. Relembrese que com o semforo, a lmpada vermelha precisa estar ON, isto , acesa/vermelhobrilhante, quando Verde falso (estado 0), e vermelhoescuro ou cinzento, quandoVerdeverdade(estado1),indicandoquealmpadaestapagada. Tentecorreroprogramadenovo.NabarradeferramentascliquenobotoRunetenteanova aplicao tutor; desta vez ambas as lmpadas devero mudar de cor sempre que o boto premido. Se ambas se apagarem e/ou acenderem em simultneo, ento verifique, e provavelmente,altereasdefiniesdascores,comodescritoacima.

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. Estejamatentos. Nota Final: Este tutorial uma traduo da verso original, que tambm pode ser encontrada abaixo. Apesar de termos procedido execuo prtica deste tutorial, utilizando, tambm, a verso 3.1.doCXSupervisor,comoditonooriginal,verificmosqueexistiamalgumasdiferenasde processamentoemrelaoaoqueditonotutorialoriginal(eaquitraduzido). Porisso,brevementepublicaremosumaoutraversodestetutorial,maisdeacordocomoque sepassounonossoPC. O vosso caso particular ser, certamente, muito prximo ou igual a uma destas verses... que afinalnemtmassimmuitasdiferenas...mastemalgumas:) Obrigadopelaateno.