Yokogawa Centum VP Hmi (Graphics) Design
description
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).