Graphics Objectives Upon completion of this module, you should be able to: 1 Windows desl6 ropes Overview Grophies displays in CIMPLCIT ore called Sereens, Screens are created and configured tsing CimEt. You run a screen using CimView -a tuntime appleation for displaying ‘graphics cimedit CCimeeit comes with on abundance of features to give you maximum ease and flexibility ‘when you configure the screens for your project. Some ofthese features ore: ‘An Interactive, dynamic configuration allows you to add or meeky pint configuration data from anyihere within Cimedi. ‘A Point Browser dialog box gives you the abilty to access any CIMPLICITY paint on the entire network and use this point to enimate an object. Star bjs ope owe ny rer nding squeal cee es, pes, and cords. Postion, style cor, and rotation are Screens a snap. The CIMPLICITY Object Explorer allows you to easily drag and drop the symbols and SmartObjects into the screens you are creating. You can also add othe library by creating your own set of SmartObjects. SmarrObjects are osiy cr sanbe used. A variable can be replaced wit string or nurneré vale. The substitution ofa variable can take place at et runtime. Movement and Rotation animations that can be applied to graphic objects to provide enhanced vial cues forthe aparator onal fils 0 unique feature t Configure a singe ject which en fn two dectons roma ce bipolar bor grophs. Interior and Border Animat 10 animate the internal and outing ond pattern changes. BorderGraphics S Events con be configured to handle: bapression High pression Update + Key Down, Key Up. Mouse Down, Mouse Up. Object Inserted, Object Removed jodi. Screen Close, Screen Open smanObject + While Key Down, Hold Lost Value features that conbe defined ona pr configure the system tohold the last known value Points go inta an Unavaiadle State. Text points in [determined fr the entire project. Metafile Import o support Windows Metofle objacts produced by progroms such os images ean be decomposed into CIMPLICTY. fuide the obilty to change the size of on object based onthe value of| ‘point. The object canbe scaled independently in the x and ¥ directions, ‘Undo/Redo helps users to undo and redo 0 series of modificalions to graphic sereens, Visibility Animations to modify abject visibility in response to. conditional expression Online Help to provide comprehensive indexed documentation, ect Hp catia can be configure fo ary objecton the screen. The operator ight mouse button, st screen-ecting changesin ciméaft without ‘yusing the Test button on the standard menu bax, you can ‘outomatically star a Cimview window to view your edits without committing to them. ore ‘Some ofthe stirs ead here not ove wn he ope oth couse manta Eller lates iba rang Sn uN@ Graphics CimView Cimiviewis the powerful graphics runtime portion of CIMPUCITY where the features you configure in CimEit come to if. Pawerul animation techniques prove smooth icker- free cnimatin to your graphic screens. With CimVview, you willsee your process information disployedin bath textuol and graphic format. Alarms, video clips, Pop-Up ‘windows, ond the large selection of animation features help you transform your pracess ‘data into pracessinforrnation llowing you to improve your quality, productivity, and + View powerful graphic and text information + Access powerful scripts by pressing a key or clicking on an object, + Geta description ofthe animation and actions associated with an object with a clickof the mouse Display Help text witha click ofthe mouse. Display screens frm other applications vio OLE Automation Using Cimdit Dynamic Screen Testing, you can review what CimView will isploy 05 frequently as you want “cess2at snligat ators Gla Tea ssOpen a new Cimédit Screen ‘Through the Workbench Select Project > Screens inthe Workbench left-pane. Doone ofthe following falsetto ‘opens when you use ony method. 5 nig Petr Gobo tng Sani Fa. 200Anew sven ved he cunen ren, ‘A now screen opens in 2 new nndon Sl el al A men screen opens na new wndon cerca tigen etree tening SenieesSrophies S ‘pen on existing Cimedt Sereen Trough the Workbench ‘tect Project > Sereensin te left pore ofthe Workbench Select sereoninthe Worbench rght-pone. one ofthe falling: Result: The CimEdlt window you selected opens when you ‘any of the tee methods. . Lien ofr ~Gita Trang Sa wonS Graphics Incimeait (0 one of the folowing _—sa-cson_____stnaligen orn: bal Taina Senecee Sg‘rophies CJ Configuration Steps \With Cimedit you can add one simple element to another until you create what can be an it screens will provide your plant with unprecedented them i a systematic process. Each step is sel-contcined, so ‘you can jump around as much as you want. \When you begin ta plon haw CimView will monitor, evaluate, and report onthe status of {your system's processes, there are some bask factors to corkider. They include: Information requirements for CimView + Choose doto sources. ‘+ Determine user interaction needs melt configuration choices + Estimote the number ‘+ Select Cimesit objects that wll convey the + choose + (Optional) Add Activex and third party objects Cimview Requirements Point Date Sources for Cimview Point Configuration appication through Cimedit, ‘+ Device Point vlues from PLCs or other devices provide the CnView viewer with the obiity o monitor a process represented by several points + Virtual Points provide a flexible way to create calculated values. ‘Two common uses for point are: + Setpoint to offect a process + Alone er in expressions to cspoy information about a process. Expressions as Data Sources for CimView Bapressions provide e valuable and information gathered by points or le way to hep you evaluate, compare, and use the les bah, a Finger Pala Gaba Tea es. 0308o Graphics ‘An expression includes points, variables, or both along wth any of the folowing Cimédit ‘operations: + artnet Logica. Alain functions. Bitwse. vides you with an easy to use Expression dialog boxwhere you build Complicated expressions with justo few cleks ofthe mouse Other Data Sources for CimView ‘Although points variables, and expressions are sources CCimiview, you may need to view logged, historic, or values can come from vast numberof sources, including; + Logged fies. + Textiles + other database type files. Nore “Toso daa soucee ar aie ough ees, such a Tenn, or sels, Determine User Interaction with CimView Sereens ‘Cimiview provides you wit the framework to take full edvantage ofthe powerful setpoint Ccopobiiies of cIMPLICIY. ‘These copabiites include enabling CimView users to change device point volues inc PLC to processes will function, Determine where Runtime Information will be Used I you have mote than one Ciriview viewer needs to be displayed and what type of number and type of loctions may be am effective 0 EligentPaorme. lol Trainng Soni 2Graphics @ For example, locations can be s disparate os being on: + On.one or more Viewers in the network. + Remote, ith a user accessing the CIMPLICIY peeectthveugh WebView. + Remote, with a user accessing the CIMPLICITY project through Pecketview on @ handheld PC. ‘CimEdit Configuration Choices Estimote the Number of Screens fora Project \when you have determined your information requirements, you con estimate the numberof scieens that naed tobe designed, ‘The number willbe influenced by the: + Anticipated eurbser of viewer destinations that require iffeent screens ‘+ Type and number of monitoring and regulating tasks that con be divided into logical units. + Atnount of information to be displayed, keeping in mind that displays need to be clear to view in a runtime environment Nore sig tomas ante eyut orton you have several certs ona s0en fat hangs ‘hg rinie basa or sara ofeondons Select Objects to Convey CimView Data Cimédit provides you with e huge variety of o user oct on the data flowing to, rom, ord wit Objects include: osc graphic shapes thot you create Text object Wide variety of SmartObjects from CimElis Object Explorer OLE objects + Petureabjects (Metals) converted by youlnto to CimEsit objects. + Entre AutoCAD drawings Imported as a set of CIMPLICTY objects ‘ActiveX controls incudng the CIMPLICITY Alarm Viewer and Trend chart. 1s to contain, dsplay ard let the CiView t 2 tig atom Glo tring Sevens ofs304"Bo Graphics ‘Those objects moy be: + Single elements, such os text messooes. + Pre-confgured groups of objecs, such os mast objects in cies Object + Groups of objects combined by you. Cimedit ols provides you wth a huge variety of to's as toolbar buttons and menu items to change the object appearance. This includes changing its: + Sie + Shope. + Angie of rottion. + Color and i Another timesaving feature provided by CimEitis the ality to create linked objects. Linked objects save you valuable time by providing you with the ability te change asngle task. As each configuration is composed of a series of smal steas, you con eosily change your mind even after you begin configuration Unloash the Power of CimView .2dy to make them work for yo ing the screen, con be involved in actions that occur within ‘Another screen can be opened. + Amachi ‘The process strcightforward,vohing 0: Trigger An event triggers a procedure or calls a script. CimEut provides «long lst of events from \which to choose. Result + process can be turned on and off or regulated | procedure is one or more actions that are triggered inthe specified order when an event rovides several actions tromGrophies s ‘A sript which s usualy writen by @ system administrator, uses the same Edtor and Basic language os the Bosc Control Engine. Anything you can do in arma script, you con do in ‘a Cimtait spt Cimédt provides addtional tensions ta give you o wider range of screen {development choices. However, CimEdlt scripts are any accessible from the screen in which {you create them, Objects con also be used to monitor plant processes, including: + Noxmal operations. + Alarm stots. + Teonds. Iti in this phase of configuration that you wilinvolve vasous types of data. What you want ‘each object to represent and do wll determine which type you use You may hove placed some of the objects on your CimEdt sereen to promate one or more coctions Animations Cimedit provides several choices to create activity on your screens that make if easy fora Cimiview user to quickly determine the status ofa point or expression, tems con: + Hove. + Rotate. + Change in size FL + Change color and tent through enimation, tems can be: + Groups. + objets + Text + Unes end hopes. ach configuration involves afew simple arithmetic cleulotions, Combining or nesting ‘ctivities requires only te simple cont ‘Your options depend anyon the requirements for your projec, your awn personal ingenuity, and system resources.& ___rphies Cimedit Screen Configuration Example Step 1. Determine the Information Sources ‘There are three PLCs, ow to Tak Step 2. Determine any Required User Interaction On Viewer Users need he valve piston opening through PLC2. Step 3. Determine the Information Destinations Thece oe two Viewers. CimView users need to: (on Viewer 1: SERGEGrophies S + View aTank 1 temperature trend, ‘+ Monitor the rate of flow out ofthe Tank 1 vavefinto Tank On Viewer 2: + View the percent level in Tank 2 + View the rate offlw to Tank ‘Step 4. Estimate the Number of Screens. In sponse to the information requirements, three CinWiew screens wil be designed, ‘ereen 2wil ‘+ Display 2s the main screen on Viewer 1 + Receive device data fram PLC 1 and PLC 2 1+ Send setpoint input to PLC 2 Sereen 2 wil: + Gisploy.on Viewer 3 + Beopened through Screen 1 + Receive device data from PLE 1 Sereen 3 wil: + splay on Viewer 2 + Receive data from Screen 1 (Tank 1 fowl + Receive device date from PLC 3 Tank 2 Now! 5s tig etn tal Taine Senne ge.anouStep 5. Select and Layout Objects Objects that wil effectively display the information requirements include o: ed copy ofthe Cit SmorObject. splay willbe the same on Screen 3 ‘+ Textbuttons to open Screens ond 2. ston retention lating Senses SgGraphics S trend object. ‘+ Tank 1 evel trends are the result of + The reserved place for a copy: reflect Tank 2. +The reserved place fora nk container on Sereen 3 displays the rk to the SmortOpject gauge on Screen 1 + Buttons toopen each screen are activated by @ Mouse up event. 4 Ialiget aoe salto cients Toro ef Pad SP Bsa one _tov Hera 5 Rotaon nied ee 9 Mouse up event pen een ston scone ce nligene torn lal ining Sanieas ngGrophies S 1. CimEdit Toolbars Standard toolbar SSAA inaligent ladon bal Ting Sen NOONCrete ar objects. AAA ATTA TR) Open a selected fame cont TR Lockuseoftho curant too! ar an abject is coated TE set eynamic made fr adding Figures. TeosTeelbar Format toolbarGraphics S Layout toolbar IE am ign seca obj ah Te ese TE) ese secs Tie ene secs igure 5.12 Layout oar OLE toolbar ‘The OLE tolbor buttons pce te following ActiveX controls onthe Cimedit screen, [E> Sinisica Process Carta (SPC) TE) Asem viewer [E> Historical Alarm Viewer TE) Proficy Portal gure 5.18 018 Teabar ager cone haat ting Sener sonsSelect toolbars to display Click Tools > Options onthe Ciméelt menu bar Select the Toolbars tb, Select any ofthe fllowing options. srophies ‘checkbox | Deseription HYoobars __[ checked _| oisplays the toolbar. color buttons toolbar buttons onthe Standard, Tools, Islay in coor. buttons, except the Ole buttons, slay ind white le buttons alwaye display in Unchecked| ‘Show tooltips. [checked | oisplays a description ofc button when you mave your cursor over ‘Tobie 5-1. Teatbar Display OptionsGraphics & 2.Cim€dit Screen Display Size Cima offers you several methods to magnify cr reduce your Cimesit sisplay sie during configuration. |When you have zoomed the screen, you can fit the window tothe zoom, “Tose mates aro pay h CA. To change they of he Cnew2z80n oer ‘ne ctean amorlns on he Gaomety lab the Preps dig 8. ‘anor senzev Quit 200M Toots Toolbar Use any ofthe folowing: 2 100 oom oF “Table 5.2. Tear Quick Z20m Toole 6 laliges Basarma Goble® conti Menu options Click View on the CimEelit menu bor. ‘The CimEdit View menu enables you to quickly zoom the screen, Sellinet Pans lebeLroeng Seniees 85Graphics & Popup options Aight-cck he Cimédit screen, Full Screens avilate onthe Popup menu. gute 5-16 Manu Quick Z0em Tole Precise cimeit Screen Zoom Toal ‘Cck Vlew onthe cimealt menu bar, Select Zoom. taller fre ba Tacing San& ropes The Zoom llog box opens The options are as flows soso snl lone Gta Tsing Seen 8aGraphics 3. Horizontal and Vertical Grid Cima provides you with the option to display a grid on your CimEéit screen and features ofthe disploy. The gids one of many tools that help you place and align objects exactly ‘where you wont ther, Grid Options lick Tools > Options on the men ber. ‘The Options dialog box opens. Select the General ta Grid options areas follows: rid CContiguration for the grid includes the folowing. Feature | Deserigtion Ssaop togrié | checked leer Horie units Vert. unitsS Graphics Grid display ‘Check ane ofthe Grid dlsplay options. Radio button | bescristion ‘You can select tn display {lick Tools > options cr Select the General to. Check Display mouse location in status bor 1920.07 5. Undo Stack Size for a CimEdit Screen You con specify how much information CimEélt should keep in on undo stock before the mation is discarded. Tis stack size determines how much you can undo in your (nigent Plato: Glabliing Seniese 0rophies & ‘The Options dialog box opens. Select the Edit ab, Flin the Stack size limit (8). 6. Screen Compile and Thumbnails for Viewers ‘You can select to compie the screen and, i compiled, splay preview thumbnails on @ Viewer Click Tools > options on the Cid mens bar, ‘The Options clog box opens,6 Graphics Description Checked [cimEct compe the screen for Windows NT, 2000. Clear fooes nat comple the screen to be aval snd xP Befout_Ehecked Table comple Options oor ysroon ith Ct Excrt tear Come, you loption escrption [include checked fnables the preview thumbnail for inview in CIMPLICTY [thumbnail [0 ond highe | Clear foisobies the preview thumbnail is useful f you need to save space on the View. Defautt_Khecked Table 5-7. Include Thumbnol Options Configure Groups of Objects in CimEdit Create Group Hold down the Shift key 4 the objects objectsis created as eS ‘gure 5-22. Multiple objects Selectedcm 8 fete the group: + Cickthe Group onthe Format toolbar, + Click FormatsGroup an the ‘Agroup is created ‘heen round the group a ey do oe bjt Figures-24, objects Grouped \When the group is created, handles fr th objects, 9 display instead of handles forthe separate ‘At anytime, you can spit the group ita ts individual abject When you create a group, you can sil configure properties for ts individual object, Select Objects through the Group Tab log box co andicon be expanded to display its tee of objects, ‘The Group tab inthe objects re groups wit ‘You can ceview what objects object through this tab {Group tab inthe Prope xpard the treein the Objects box Select what objects arein the group af he group ond open the Properties 19 box of any Sele 5 - Group diolag box. Ifitis nt eisplaying) select the Group tab ies clog box. Click the + to expand nested groups. Click the - to colopse nested groups. “5.32 ___entaigent tone — hol rong Senioge ero& Graphics Review the objects, which may include: gure 5-25. objet Properties Group Tab Work with Objects in Group Edit Mode Group Edt mode enables you towork with abjects ina group asf they were not grouped, ‘You simply put the group in Group Edit made and select any object inthe group for configuration. Put the group in Group Edt mode os flows. Select the group. 5-26, roupad Objet Slats — Ge algae Satara Gla Tang SentemeGraphics s ‘open Group Eat modeusing one of the following methods: 1.ciekthe Grouped buton il ont meat cob 2. Use the popup menu forte group righccktne gun Select Open Group rom the popup menu,Bo Graphics ‘nly he sled up in Group Et made. You cannot sale her pou oon. on she mestscees Configure on abject inthe group os follows Select an object inthe group. Figure 5.29. Object thin Group Slated Double-click the object. “The Properties - Object dalag box opens. Configure the object's properties gure 5-30, select Click OK whan you have completed the configuration, The object properties are changed, M gue 5-5 objet Popetie changed Continue configuration uni properties of te objects inthe group are what you want Ciick the Close Group button Bl onthe Continer toolbar Result The group contins the configuration. eves a {Se naliger Patonne- Gls Trainag Sanicer————cy Grophies Now that the group +c Isligen lagoons Gbal ring Seniess hugo a eT& copie Lab Exercises Lab objective: ‘ond grouped obj i designed to show how to create and configure graphical objects this exercise you wil create the main screen for your project. 1 f your project isnot running, start it by clicking on the run button on the workbench toolbar. ‘You will develop screens with the project running so that they can be tested os you develop. Double-click on the Sereens icon inthe workbench. ‘Anew screen flewillopenGraphics CJ 3, Begin by saving the new fein order to give taname, ‘On the Filemenu, lect Save As10, Next select Options11. Neat, st the Et tab optionsGrophice s 14, Click on the Save icon, w 00m yo cn spl cick on he Savio fon is tote as ca] De tall i PRUTERE mt pecaeeoreenegorgangeonenoon H—“csv.cson ction seine lobe ing Sendeet fag20, Next, hold the fet mouse button ond drag around the tonkto selectit.& Grophies 21. With the tonk and cutaway selected lick the right mouse button ond select Group from the menu. max Ialigant lator cial tainng Sanna —Grophies & 22, Next, double-click onthe tank to access its properties. Click an the Group tab and you will se thot you have access ta the individual cbjectsin the group. 23, Right-click on the con that represents the cutaway and select Rename form the menu 5s cttiger tetra —caberanng Senders orS Grophice the OK button. A clog box appears informing you the OK button on the diag box to complete the 25, The name now appears next to sont tian eons lob raining Sandee500 nig ato clbe ren$8 Eintaigat etioma—hablrinng Senves eave& 31. Nex, ploce buttons onthe rectangle using the button tol erase Now select the Text sting obj —Gtinsigent laorne-Glba Traine Seen 8Graphics 39, Mocify the rest ofthe buttons os follows: Button olor sT0P ec | sta Lime = | ote Up Rate own Tank Inlet Control Intet Valve ip Down $56 et reget etorme Go hing eves e300 —S ropes 40, Next drag around the en items Inlet Vaive 4, Next, ightctick and select Group from the mer Nore ae set you onset he ane ong wh he bute. aoptics 42, once youve grouped he objects tog tank ond select Paste, ide esc 5-50 ct tigar oor —ceblronng Sarvees—————6F-630‘You nay reed rez tetnc obec, ‘bo, eto teh of te tank moc to pond ttn at ont tr the reree 45, Next, double-click on the grouped object tothe lef ofthe tank to access the properties ‘and select the Group tab. Label each ofthe buttons inthe group as shown, We ‘Yur btn may at bein the sors shonn sok ithe ou abe em Tank Inlet Control Inlet Vaive-Graphics S Configuring Events and Actions 1. Nes, configure the Inlt Valve button as flows, (Open the Properties dialog box for the button and click on the Events tab Select MouseUp os the event type 2. Cleon pees ms st ligenltorne~clebortranne se peso& Graphics 13 Select New Procedure from the menu, 4, Name the procedtre osGrophies & 5. Next, select 5, Clickon the butter7, Select TANKLINLET_VALVE fromGraphics 8 ‘The stop and star buttons need tobe configured as eementry puchbuttons, This wil becccomplshed by configuring 2 events on each bution. ‘9. Configure a Mouse Down event forthe Inlet Stop button and then select New Procedure, th ainnigrt atone Giang Garvise ——————ga.gngyS ties15, On the Events tab, click onthe New button to configure o 20 event onthe inlet Stop button,vaso aligertatome Glabal traning Seuicer ——— eeSrophies & 16. Next, configure the Inlet Start button, Use the following table. button | Point Event | Procedure start InstartDown start Instartip 117. Next inthe properties ofthe In Rate Up button select the While Mouse Down event. 5 satigent aterm ~clabtranng saveer 64-930819, Set the event Time Period to 100 miliseconds IMs). Nore when yu on is bso atu mean Rol he rose atone vt oto ZTANCIIN (LET_RATE pot wil oincroasay tery 100 saconds ou, liga lalorneGabal Ting Sass 8.‘rophies & 20, Configure the in Rate Down button inthe some manner. The only exceptions that you ter an Offset vlue of negative one 1 inorder to decrease the point’ value 21. Now you need to madty the group of buttons that were copie tothe right side of the Foup and then change the text object ond the text onthe valve contol button os shown, 510 sate aera ~iobelainng sovees esosBo Graphics 22, Configure the outet control buttons using the following table os a quid. Button | Point Event [Time [Procedure | Action | value’ Period to set ‘Outiet_| TavkLOUTLET_VALVE Mouse|NA | Outvalvecontat | Teggie | NA valve up Setpoint stop [TavKLourier_pump stop | Mouse|Na | outstepdown | absolute | 2 Down Setpoint Stop | TANKLOUTLET_PUMP_sTOP | Mouse|NA [Outstopup | Absolute 0 Uo Setpoint Start | TANKLOUTLET_PUMP_START| Mouse| NA [OutStenDown | Absolute | 2 Down start | TANKLOUTLET_PuMP_sTART| Mouse| Na | outstartup ° up Rote | TaNKaOUTUET_RATE wie |100 | outrateup 1 Up Mouse | Ms Down ote | TANKLOUTLET RATE. write [100 [outratedown | eiatve |-2 Down Mouse | Ms Setpoint own ——srvotoy ce ntti forme Ghibelrainng Suess Sm26, Close the test sereen and return the edit serean, 52 stntaligo doane~habtrinng enices gayCreating @ Temperature Disploy 1L._Ftst go into the properties of the tank screen ond: saLaxon_ Se nlgen Platsems- lbal Trang 5onaparpqr sino et JOD! OOO 3YI6OI0“y OLULLLOEboEsDVIERREEeeD! ae a ca i z 2 i 8 g i g : i z Ero)5. Next, add text objects os shown below, “Temperature: TanGrophies CJ 7. Add 2 more text objects atthe bottom as shown,