Program Visualization

The visualization allows designing a graphical representation of project variables. In online mode, the graphical elements can change, for example, their color, size or position according to the actual variable status.

  1. Select the Visualizations register card.

    ⇒
    ../_images/460bc9ec233f5f290a33139000b6c5ce

  2. Insert a new Visualization Object

    From the Project menu, select Object ‣ Add.

    ⇒
    ../_images/395bb5d9bae29ef20a3313900170e2f4

  3. Under Name of the new Visualization, enter Visu_First_Program.

    ⇒
    ../_images/3242e09abae619300a3313900066ace8

    The new visualization object is inserted.

    ../_images/13696e90bae9ed5f0a33139001f45c8b

Create a Visualization Element for Digital Input 04

In the toolbar, graphical elements are available for designing the inputs and outputs of your program.

  1. Click on the Rectangle icon. Click and hold to draw a rectangle.

    ⇒
    ../_images/bc469fa9bc1c24cb0a33139001cbe7bd
    ../_images/3cf58b26c00595d30a331390019e617a

  2. Double-click on the rectangle.

  3. Insert Text

    Under Category, select Text. Under Content, enter Digital Input 04.

    Optional, you can change the position and font of the text.

    ⇒
    ../_images/92993f93bfeeb40c0a331390014cb4f9

  4. Define the Relation between the Rectangle and the Digital Input 04

    Under Category, select Input. Select the Toggle variable check box.

    ⇒
    ../_images/9853152bbff27a480a33139001872877

  5. Click in the Toggle variable’s text box. Press F2.

    ⇒

    The input assistant opens.

  6. Under OBIO_Module_Mapping, select DI04.

    ⇒
    ../_images/d67dc729bff6ddda0a331390009c6344

  7. Define Color Changing depending on the Input’s Status

    Under Category, select Variables. Click in the Change color’s text box. Press F2.

    ⇒

    The input assistant opens.

  8. Under OBIO_Module_Mapping, select DI04.

    ⇒

    The rectangle will change its color in online mode, depending on the status of the input.

  9. Define Colors for each Status (TRUE and FALSE)

    Under Category, select Colors.

    Color represents the FALSE status. Alarm color represents the TRUE status.

    ⇒
    ../_images/3ea20274c01245a20a3313900009a844

  10. Under Color, select Inside. Select a color for the status FALSE, for example white. Click OK.

    ⇒
    ../_images/d0d055d3c02e71250a33139000ded235

  11. Under Alarm color, select Inside. Select a color for the status TRUE, for example orange. Click OK.

    ⇒
    ../_images/eda75859c03008740a33139000f9c98f

  12. Click OK.

Create a Visualization Element for Digital Input 05

  1. Copy and paste the rectangle of Digital Input 04.

    Place the duplicated rectangle next to the rectangle of Digital Input 04.

    ⇒
    ../_images/6b9410022352d4880a3313900153d512

  2. Double-click on the duplicated rectangle.

  3. Under Category, select Text. Under Content, change the text into Digital Input 05.

  4. Under Category, select Input. In the Toggle variable’s text box, change the text into .DI05.

  5. Under Category, select Variables. In the Change color’s text box, change the text into .DI05.

    ⇒
    ../_images/084b3873c04f87540a33139000ba853e

Create a Visualization Element for Digital Output 00

The creation of the visualization element for a digital output is very similar to a digital input.

  1. Click on the Ellipse icon. Click and hold to draw an ellipse.

    ⇒
    ../_images/e506d1cac051abd40a33139001307bd3

  2. Double-click on the ellipse.

  3. Insert Text

    Under Category, select Text. Under Content, enter Digital Output 00.

    ⇒
    ../_images/63b749b2c053cb080a331390008e8fc6

  4. Define Color Changing depending on the Output’s Status

    Under Category, select Variables. Click in the Change color’s text box. Press F2.

    ⇒

    The input assistant opens.

  5. Under OBIO_Module_Mapping, select DO00.

    ⇒

    The ellipse will change its color in online mode, depending on the status of the output.

  6. Define Colors for each Status (TRUE and FALSE)

    Under Category, select Colors.

    Color represents the FALSE status. Alarm color represents the TRUE status.

    ⇒
    ../_images/3ea20274c01245a20a3313900009a844

  7. Under Color, select Inside. Select a color for the status FALSE, for example green.

    ⇒
    ../_images/27ae9e98c05aa2240a3313900191f6b0

  8. Under Alarm color, select Inside. Select a color for the status TRUE, for example orange.

    ⇒
    ../_images/eda75859c03008740a33139000f9c98f

Create a Visualization Element for Digital Output 01

  1. Copy and paste the ellipse of Digital Output 00.

    Place the duplicated ellipse next to the ellipse of Digital Output 00.

  2. Double-click on the duplicated rectangle.

  3. Under Category, select Text. Under Content, change the text into Digital Output 01.

  4. Under Category, select Variables. In the Change color’s text box, change the text into .DO01.

    ⇒
    ../_images/d2c49869c06ddaf00a331390013b7833

Test your Program in Simulation Mode

  1. Under Online, select Simulation Mode.

  2. Under Online, select Login.

  3. Under Online, select Run.

    ⇒

    Digital output 01 changes its color because the status has been changed.

    ../_images/684defbcc0b874820a3313900191821d

  4. Click Digital Input 04 or Digital Input 05 to change the status of the inputs.

    ⇒
    ../_images/357bf851c0bdc4e20a3313900160bf74

    Example: Digital Input 04 = TRUE, Digital Input 05 = FALSE.

    ../_images/8cccdb3cc0be254a0a33139001ebe7df

    Example: Digital Input 04 = TRUE, Digital Input 05 = TRUE.

  5. Stop Simulation Mode

    From the Online menu, select Logout.

  6. From the Online menu, select Simulation Mode.

    ⇒

    Simulation Mode is unchecked.

Use the Visualization while AC500-eCo CPU is connected

You can use visualization to show the status of the inputs and outputs of your AC500-eCo CPU during execution of the program on the AC500-eCo CPU.

  1. Run your program on the AC500-eCo CPU AC500-eCo Starter Kit.

    ⇒

    The visualization shows the status of the inputs and outputs of the AC500-eCo CPU.