Yokogawa Centum VP Hmi (Graphics) Design

33
Company Logo <date> Olivier Suc Project Manager Good Manufacturing Practices, Inc Centum VP Graphics

description

Graphics building helps to develop SCADA in yokogawa centum vp helps the users to build graphics.Animation of the Scada can be done using this fileAllow the user to easily understand the raphics design using this file

Transcript of Yokogawa Centum VP Hmi (Graphics) Design

  • Company Logo

    Olivier SucProject ManagerGood Manufacturing Practices, Inc

    Centum VP Graphics

  • 2009 User Conference& Technology Fair2

    From Requirements to Delivery

    1. Customers Graphic Specifications2. R3.x standard parts and graphics3. Conversion process4. Additional work5. Summary

  • 2009 User Conference& Technology Fair3

    Customers Graphic Specifications

    Power Industry StandardsPiping Colors DodgerBlue (Feedwater) Salmon (Steam) Yellow (Gas) Brown (Fuel Oil)

  • 2009 User Conference& Technology Fair4

    Customers Graphic Specifications

    Graphic Requirements Valve Colors and Status Indications

    Mode StatusStatus Indication

    Traveling Indication

  • 2009 User Conference& Technology Fair5

    Customers Graphic Specifications

    Graphic Requirements Pumps Colors and Status Indications

    Mode Status (Manual/Auto)

    Status Indication (Stopped /Running)

    Permissives

  • 2009 User Conference& Technology Fair6

    R3.x standard parts and graphics

    New Project but re-use existing standardsCurrent Hardware/Software Standards Dell (Corporate Program) Windows XP and Windows 2003 Matrox Card, 4 LCD-screen configurations R3.08.10

    Graphic standards to re-use Multi-platform Corporate standards (Ovation, Centum) Operators Familiarity (behavior, look and feel)

  • 2009 User Conference& Technology Fair7

    R3.x standard parts and graphics

    Customer has Interest in the new Trend tool Interest in the new Alarm Management System Interest in the new graphic capabilities

  • 2009 User Conference& Technology Fair8

    R3.x standard parts and graphics

    Hardware/Software Dell (Corporate Program) T3400 PCI Slot-5 is

    not to be used for VI-701 card. Windows XP and Windows 2003 Matrox Card, 4 LCD-screen configurations Nvidia

    NVS 440 (4-screen) or NVS290 (2-screen) R3.08.10R4.01.03

    Graphic standards to re-use Multi-platform Corporate standards (Ovation, Centum) Operators Familiarity (behavior, look and feel)

  • 2009 User Conference& Technology Fair9

    R3.x standard parts and graphics

    Graphic standards to re-use Multi-platform Corporate standards (Ovation, Centum)

    Operators Familiarity (behavior, look and feel)

  • 2009 User Conference& Technology Fair10

    R3.x standard parts and graphics

  • 2009 User Conference& Technology Fair11

    Conversion Process

    Develop R3.08.x applications for existing customersDevelop R4.01.x applications for new customersVMWare

  • 2009 User Conference& Technology Fair12

    Conversion Process

  • 2009 User Conference& Technology Fair13

    Conversion Process

    R3.08 to R4.01 conversion Project Attribute Utility Registration System View

  • 2009 User Conference& Technology Fair14

    Conversion Process

    R3.08 to R4.01 conversion HIS Database Conversion Tool

    Unchecked Not much converts Checked All converts but ungrouped

  • 2009 User Conference& Technology Fair15

    Conversion Process

    R3.08 to R4.01 conversion

    Necessity to go to all link parts and formerly grouped entities and check all overlapping Z-order

    Necessity to re-group all link parts and formerly grouped entities. Most of the work for the conversion. Could be

    painstaking with animated parts.

  • 2009 User Conference& Technology Fair16

    Conversion Process

    System View looks the same

    Except for the (CENTUM VP) in the title bar.

  • 2009 User Conference& Technology Fair17

    Conversion Process (Before)

  • 2009 User Conference& Technology Fair18

    Conversion Process (After)

    1

    2

  • 2009 User Conference& Technology Fair19

    Additional Work

    1. Screen resolution seems offneed to customize the dimension

    2. Text alignment is off Rework the linkparts or apply 4.01.26 registry patch

  • 2009 User Conference& Technology Fair20

    Additional Work

    New Graphic Builder

  • 2009 User Conference& Technology Fair21

    Additional Work

    Graphic windowStencil (linkparts)

  • 2009 User Conference& Technology Fair22

    Additional Work

    Stencil Out-Of-The-Box parts

    Custom parts

  • 2009 User Conference& Technology Fair23

    Additional Work

    Stencil and parts edition

    Right Click

    Part tab

  • 2009 User Conference& Technology Fair24

    Additional Work

    Stencil and parts Make a collection of re-usable parts Stencil is saved in its own folder inside the project

    folder (Project folder\linkpartsVP) Stencil folder can be copied over to another project

    using Windows Explorer

  • 2009 User Conference& Technology Fair25

    Additional Work

    LayersInsert a picture of a P&ID

    Graphic Layers to separate different categories of data

  • 2009 User Conference& Technology Fair26

    Additional Work

    Controls Layer is active. All Layers are displayed.

  • 2009 User Conference& Technology Fair27

    Additional Work

    Oil Layer Layer is active. All Layers are hidden.

  • 2009 User Conference& Technology Fair28

    Additional Work

    Layers Simplify the management of complex graphics Separate elements of the graphics by categories Improve placement and edition accuracy

  • 2009 User Conference& Technology Fair29

    Additional Work

    Parts Placement / Position As originally defined the parts will be inserted with

    (X1,Y1) coordinates as a reference.

    X1

    Y1

    Overall length

    X1

    Y2

  • 2009 User Conference& Technology Fair30

    Additional Work

    Parts Placement / Position As the part get updated, Y2 > Y1. The graphic will see the newly updated pump drop

    from its former location to Y2-Y1 pixels below Similar behavior will occur if the X axis is changed.

  • 2009 User Conference& Technology Fair31

    Additional Work

    Universal Color Design Computers color coding

    Standardization of color schemes and conventions

    Name Area R G BLight Blue Raw Water, Treated Water and Feedwater 46 82 B4Grey Activated Carbon Filters 66 66 66Light Pink Cation & Anion FF C0 CBDark Blue Waste Neutralization 19 19 70Orange Sulfuric Acid FF A5 0Green Caustic 9A CD 32Light Pink Phosphate FF B5 FFOlive Green Re-Alkalization 80 80 0Yellow System Maintenance FF FF 55Dark Pink Emergency Eye Wash F4 0 7AWhite Electrical Information FF FF FF

  • 2009 User Conference& Technology Fair32

    Summary

    Still not converting the graphics 100%Unified Color DesignLayersStencilsXAMLWPF (Windows Presentation Foundation) .Net objects/components

  • 2009 User Conference& Technology Fair33

    Title: Tahoma Bold, 22 points(do not use an extremely different size).

    First Level: Tahoma, 28 pointsSecond Point: Tahoma, 28 pointsThird Point: Tahoma, 28 pointsFourth Point: Tahoma, 28 points Subpoint: Tahoma, 24 points

    Another Subpoint: Tahoma, 20 points Another Subpoint: Tahoma, 18 points

    Last Point: Tahoma, 16 points

    Centum VP GraphicsFrom Requirements to DeliveryCustomers Graphic SpecificationsCustomers Graphic SpecificationsCustomers Graphic SpecificationsR3.x standard parts and graphicsR3.x standard parts and graphicsR3.x standard parts and graphicsR3.x standard parts and graphicsR3.x standard parts and graphicsConversion ProcessConversion ProcessConversion ProcessConversion ProcessConversion ProcessConversion ProcessConversion Process (Before)Conversion Process (After)Additional WorkAdditional WorkAdditional WorkAdditional WorkAdditional WorkAdditional WorkAdditional WorkAdditional WorkAdditional WorkAdditional WorkAdditional WorkAdditional WorkAdditional WorkSummaryTitle: Tahoma Bold, 22 points (do not use an extremely different size).