background image

14

Chapter 3  Screen Creation

www.IDEC.com/software

3 Creating Screens

[Operating Screen]

Set Up

1.

Enter [Title]. 

(optional)

In this example, select  Base Screen  for 
[Screen Type], and enter  1  in [No.].

If you wish to change the above settings, 
double-click the screen to display the 

Screen Properties  window. 

2.

Click [OK].

The [Operating Screen] setup is com-
plete, and  1 Operating Screen Base 
Screen  is displayed.

Creating screen text

1.

Click the 

  (Text) icon, and then 

click on the screen where you 
want the text to be.

The  Properties of Text  window is dis-
played.

Summary of Contents for HG2F

Page 1: ...ck Chapter 5 Appendix Chapter 6 www IDEC com usa OI Touchscreen Basic Tutorial This Tutorial describes the basic procedures for programming a screen using WindO I NV2 software It is intended for users who are trying IDEC OI Touchscreens for the first time and for those who wish to master the fundamentals of WindO I NV2 software ...

Page 2: ... I NV2 Creating New Projects 12 Starting WindO I NV2 12 Creating a New Project 12 3 Creating Screens 14 Operating Screen 14 Numerical Target Setting Screen 28 Saving 33 Chapter 4 Download 1 Downloading the Project 34 Chapter 5 Verify Operation 1 Simulation Mode 36 Starting Simulation Mode 36 Simulating 37 2 Debug Mode 38 Start Debug Mode 38 Verify Operation with the Screen Monitor 39 End Debugging...

Page 3: ... such as Japanese Chi nese simplified and traditional Chinese characters Korean and European lan guages Up to 16 types of display languages can be switched to during operation Bright Legible Display Brignt LCD Wide view angle Connects to Peripheral Equipment 1 RS232C RS 485 RS 422 Ethernet port CF card slot Conforms to International Standards Conforming to UL c UL standards EN standards and EU dir...

Page 4: ...isplayed screens Enter data with a numeric keypad Operator Interface Advantages Conventional Control Panel Large size Complicated wiring Many components Adding and modifing components is difficult Operator Interface Small size Cable wiring is reduced Applicable to multiple items Easy to add and modify components Multifunction flexibility in expansion ...

Page 5: ...are Part Number HG9Y ZSS2W 2 PC 1 To use a PC that does not have a COM port use a commercially available USB RS232C converter Part Number FC4A USB 1 For PC system requirements refer to page 44 back cover 3 Programming Cable for the OI Touchscreen Part Number HG9Z XCM1A or FC2A KC4C 4 Operator Interface 2 Example Part Number HG2F SS22VCF 2 To supply power to the Operator Interface a 24 V DC power s...

Page 6: ...n page 7 Refer to Chapter 4 on page 34 Refer to Chapter 5 on page 36 Refer to Chapter 3 on page 10 MicroSmart Software WindO I NV2 PC Cable 1 Software installation 2 Creating a screen on the PC 3 Downloading the project to the OI 4 Simulation operation verification Operator Interface ...

Page 7: ... WindO I NV2 CD ROM into the CD ROM drive of the PC 2 The WindO I NV2 setup program will automatically start If the setup program does not start 1 Double click the My Computer icon on the desktop 2 Double click NV2lande exe in the CD drive 3 Click the WindO I NV2 Install button 4 Make sure that English is selected and click OK InstallShield Wizard will start 5 Click Next ...

Page 8: ...iew the contents of the license agreement If you accept the terms of the agreement click Yes 7 Enter User Name and Company Name and click Next In this example User and IDEC are entered in User Name and Company Name respectively 8 Click Next 9 Click Next ...

Page 9: ...9 2 Installation Chapter 2 Installation www IDEC com software 10 Click Next 11 Review the settings and click Next Installation will start 12 Click Yes 13 After installation is completed click Finish ...

Page 10: ...g the SET the results button increments the value displayed in Results by one Numerical Target Setting Screen Operating Screen Text Text to be displayed on the screen Rectangle SET UP button Pressing this button switches the screen to Numerical Target Setting Screen Target A value entered in the numerical input field is displayed Results An actual result count is dis played SET the results button ...

Page 11: ...umerical input field and Target display 0 1 1 Press the START button 2 Bit 1 is written in device Q 0 Device Q 0 Device Q 0 3 Pilot Lamp lights up 0 1 2 The value of device D 10 is incremented by one Device D 10 Device D 10 1 Press the SET the results button 3 The value of device D 10 is displayed 0 10 1 Press the SET UP button 2 Enter a numerical value 3 The entered value is written in device D 2...

Page 12: ... icon on the desktop 2 Select HG1F 2F 2S 3F 4F 3 Click Yes WindO I NV2 will start Creating a New Project 4 Click the New Project icon 5 Enter the file name of a project and click Next Enter sample for File name 6 Select the type and model of the Operator Interface being used and click Next Select HG2F for O I Type and select HG2F SS22V for Model HG2F SS22VF ...

Page 13: ... Project Settings window will be displayed 8 Click OK The Project Settings window enables common settings for all screens of a project However you may keep the same settings as shown in this window If you wish to change the settings later select Set up Project Settings menu Creation of a new project is complete The Screen Properties window will be displayed and you can proceed to cre ate a screen ...

Page 14: ... and enter 1 in No If you wish to change the above settings double click the screen to display the Screen Properties window 2 Click OK The Operating Screen setup is com plete and 1 Operating Screen Base Screen is displayed Creating screen text 1 Click the Text icon and then click on the screen where you want the text to be The Properties of Text window is dis played ...

Page 15: ...t will be displayed on the screen To move the text use the Drag Drop function START and STOP buttons Create a START button and STOP button to turn a Pilot Lamp on off 1 To create the START and STOP buttons select Part tab on work space Click for the parts list and select Bit Button 2 Click for shape and select Picture Rectangle ...

Page 16: ...he Properties of Bit Button window is displayed 5 Click for Action Mode and select Set If Set is selected for Action Mode 1 will be written in the specified device when this button is pressed 6 Enter Q 0 in Destination Device Insert a space between the letter Q and the number 0 In this example 1 will be written in PLC device Q 0 7 Select the Registration Text tab and enter the text that will appea...

Page 17: ... START button will appear on the screen 10 Create a STOP button by follow ing the previous steps 1 to 8 as shown below In Step 1 place Bit Button sq03_r on the screen In Step 5 select Reset If Reset is selected for Action Mode 0 will be written in a specified device when this button is pressed In Step 6 enter Q 0 In Step 7 enter STOP The STOP button will appear on the screen ...

Page 18: ...Circle 3 Click the Snap to Grid icon The icon is reset shown as and the Snap to Grid setting is disabled Disabling Snap to Grid allows you to place the object part anywhere on the screen 4 Select the desired part and place the part on 1 Operating Screen Base Screen using drag drop operations In this example select Pilot Lamp dm13_s 5 Click the Snap to Grid icon The Snap to Grid shown as setting be...

Page 19: ... Lamp window is displayed 7 Select the Trigger Condition tab and click for Trigger Type Select While ON If While ON is selected for Trigger Type the lamp will remain lit when the specified device is ON 8 Enter Q 0 in Device Insert a space between Q and 0 In this example the lamp will be switched ON OFF by the PLC device Q 0 9 Click OK Q ...

Page 20: ...on select the Goto Screen Button Click for the parts list and select Goto Screen Button 2 Click for shape and select Picture Rectangle 3 Select the desired part and place the part on 1 Operating Screen Base Screen using the drag drop function In this example select the Goto Screen Button sq81_y 4 Double click the part placed on the screen The Properties of Goto Screen Button window will be display...

Page 21: ...oto Screen set Screen No to 2 The screen No is set to 2 7 Select the Registration Text tab and specify the text to be shown on the button In this example enter SET UP in the text box 8 Click the Color selection button to change the text color In this example select 000 black 9 Click OK The Set Up button will appear on the screen ...

Page 22: ...the Target display select Numerical Display Click for the parts list and select Numerical Display 2 Select the desired part and place it on 1 Operating Screen Base Screen using the drag drop function In this example select Numerical Display F0004 3 Double click the part placed on the screen The Properties of Numerical Display window will be displayed 4 Enter D 10 in Display Device Insert a space b...

Page 23: ...cate icon The numerical display will be copied 7 Drag and drop the copied numeri cal display below the Target numerical display 8 Double click the duplicated numerical display and change the setting of the Display Device to D 20 Insert a space between D and 20 In this example the value of the PLC device D 20 will be read and displayed in Results ...

Page 24: ...2 Click the Snap to Grid icon The icon is reset shown as and the Snap to Grid setting is disabled Disabling Snap to Grid allows you to place the object part anywhere on the screen 3 Click on the screen to start draw ing a rectangle 4 Use the click drag function to resize the rectangle if necessary ...

Page 25: ... to change the foreground color In this example select 012 gray 7 Click the Palette selection but ton to change the Pattern Palette In this example select Fore 100 8 Click OK The completed rectangle will appear on the screen 9 Place text Target and Results on the object following the proce dure for Creating text to be dis played on the screen on page 14 For the text color select 000 black ...

Page 26: ...results but ton select Word Button Click for the parts list and select Word Button 2 Click for shape and select Rectangle 3 Select the desired part and place it on 1 Operating Screen Base Screen using the drag drop function In this example select Word Button B0001 4 Change the size of the part using the drag drop function 5 Double click the part placed on the screen The Properties of Word Button w...

Page 27: ...lue so that the displayed value will increment by one 8 Enter D 20 for both Source 1 and Destination Device Insert a space between D and 20 In this example the value of the PLC device D 20 which is used for the Results display setting will be read The read value will be inceased by one and written in D 20 9 Select the Registration Text tab and specify the text to be shown on the button In this exa...

Page 28: ...reen 11 Click the Snap to Grid icon The icon is set shown as and the Snap to Grid setting becomes active Numerical Target Setting Screen Create a Numerical Target Setting Screen to display a screen when the SET UP button is pressed Set Up 1 Click the New Screen icon The Screen Properties window will be displayed ...

Page 29: ... 3 Click OK Numerical Target Setting Screen set up is complete and 2 Numerical Target Setting Screen Base Screen will be dis played Creating screen text 1 Create text for Numerical Target Setting Screen and Numerical Target according to the proce dure for Creating screen text as described on page 14 For the text color select 255 white ...

Page 30: ...st and select Numerical Input 2 Select the desired part and place it on 2 Numerical Target Setting Screen Base Screen using the drag drop function In this example select Numerical Input F0006 3 Double click the part placed on the screen The Properties of Numerical Input win dow will be displayed 4 Enter D 10 in Destination Device Insert a space between D and 10 In this example the entered value wi...

Page 31: ... Color 6 Click OK The numerical input field for the Numer ical Target will be displayed on the screen Back to the Operating Screen button Create a Back to the Operating Screen button that will switch from the Numerical Target Setting Screen to the Operating Screen when pressed 1 To create the Back to the Operat ing Screen button select Goto Screen Button Click for the parts list and select Goto Sc...

Page 32: ...xample select Goto Screen But ton B0055 Fixed Flange W 4 Change the size of the part using the click drag function 5 Double click the part placed on the screen The Properties of Goto Screen Button window will be displayed 6 Click for Action Mode and select Switch Base Screen 7 In Goto Screen set Screen No to 1 In this example set the screen No to 1 because the Opeating Screen No or the screen to b...

Page 33: ...ton in OFF to change the foreground color In this example select 022 yellow for OFF Fg Color 9 Select the Registration Text tab and enter the text to be shown on the button In this example enter Back to the Oper ating Screen 10 Click OK Back to the Operating Screen button is will be displayed Saving Click the Save Project icon ...

Page 34: ... the OI screen 1 Connect the Operator Interface to a PC with a cable 2 Click the Download Project icon 3 Click Download The Operator Interface starts download ing the project 4 After the download confirmation message appears click Yes Cable for connecting PC to Operator Interface HG9Z XCM1A or FC2A KC4C Connect the cable to the maintenance communication interface Connect the cable to the RS232C po...

Page 35: ...other application then the port is not available for download Host Communication Error Once a project is downloaded to the Operator Interface the Operator Interface may display a Host Communication Err message after approx 10 seconds This error is caused by improper connection between the Operator Interface and the PLC that the Operator Interface is to communicate with Even if the Host Communicati...

Page 36: ...and top left corners on the screen for 3 seconds The Maintenance screen appears 2 Press the System Mode button The Main Menu screen appears 3 Press the Debug button The Debug screen appears 4 Press the Simulat n button 5 Press the Start button The project Operating Screen is dis played and simulation is enabled Simulation Mode will blink at the bot tom left of the screen Host Communication err 0DL...

Page 37: ...P button The Numerical Target Setting Screen appears 4 Press the Numerical input The numeric keypad appears 5 Enter 100 and press the ENT key 100 is set in Numerical Target 6 Press the Back to the Operating Screen button The Operating Screen appears and 100 is displayed in Target 7 Press the SET the results button Every time this button is pressed the value displayed in Results increments by one ...

Page 38: ... Debug WindO I NV2 software provides a debug function debugger 1 Connect the Operator Interface to a PC with a cable 2 Click the Online menu 3 Click the Start Debug menu The Operator Interface displays the screen monitor window and the debug tool bar and starts debugging In this step the monitor window displays information on the Operating Screen Connect the cable to the RS232C port Connect the ca...

Page 39: ...iew the data values or change the data value of each device used If the screen monitor is not dis played click the Screen Monitor icon Checking pilot lamp operation on Operating Screen 1 Double click Value for device address Q 0 Up and down buttons are displayed 2 Click to set the value to 1 and press Enter The pilot lamp on the Operator Interface will turn on If the pilot lamp does not turn on ch...

Page 40: ...perator Interface 3 Repeat Steps 1 and 2 to check device address D 20 The value will be displayed in the Results display on the Operator Inter face If the value is not shown in each numerical display check the device for the numerical display Target or Results Refer to Target Results Displays on page 22 Verifying Numerical Target on Numerical Target Setting Screen 1 Click Next Screen button Screen...

Page 41: ...er In this example the value is 5 The value will be displayed in the Numerical Target numerical input field on the Operator Interface If the value does not display in the numerical input field check the devices for the Numerical Target numerical input field Refer to Numerical Target input field on page 30 End Debugging Mode Once debugging is complete exit debug mode Click the Stop Debug ging icon ...

Page 42: ...and objects that have been placed on a screen You can easily change the properties of the listed parts Displaying an object list Click the Object button at the bot tom of the workspace Snap to Grid F8 Download F9 Edit Undo Ctrl Z Redo Ctrl Y Cut Ctrl X Copy Ctrl C Paste Ctrl V Duplicate Ctrl D Screen New Screen Ctrl N Open Screen Ctrl O Open Previous Screen Ctrl R Open Next Screen Ctrl E Save Scre...

Page 43: ...rect input on the keyboard Changing properties Double click the No Name or Type cell The Properties window appears Project List The Project List enables overall project management It displays a list of screens and related settings that have been saved for a particular project allowing you to easily change their properties Displaying a project list Click the Project button at the bottom of the work...

Page 44: ...Small CC Pendant Type HG4F HG3F HG2F Color HG2F Monochrome HG2S Color HG2S Monochrome Screen Size 12 1 inches 10 4 inches 5 7 inches 5 7 inches HG1F Monochrome 4 6 inches 5 7 inches 5 7 inches Appearance LCD Pixels Display Color User Memory Size Memory Card CF Ethernet Port O I Link USB RS232C RS485 422 UL CSA c UL CE 2 V N I O d n i W Design Tool TFT 800 600 256 colors 6 MB Yes Yes Yes Yes Yes Ye...

Reviews: