Estndar para el desarrollo de despliegues, detallado por tipo de instalacin.

Aspectos Generales. 1 - Se utilizar un componente picture para poner la plantilla Galba y otro para la imagen del esttico. Estos dos componentes deben ser hijos del mmico y no uno del otro. 2 - Para la etiqueta del ttulo del despliegue, se utilizar un componente label con las siguientes caractersticas: !ont: "eja#u Sans $% &old !oreground: 'cti(e )aption *orizontal'lignment: + ,paque: desmarcado -a posici.n debe ser: / 0 +, 1 0 23 4idth: 2$5+, *eight: Pre6erred 3 - Se emplear un componente label para de6inir el ttulo de los paneles con las siguientes caractersticas: !ont: "eja#u Sans 2% &old ,paque: desmarcado 4idth: se ajusta seg7n el tama8o del te9to que se (a a poner, *eight: Pre6erred

En el caso de los descriptores e identi6icadores de objetos tambi:n se emplear un componente label con las mismas caractersticas que se emplean para de6inir el ttulo pero el (alor de la propiedad !ont ser "eja#u Sans 2$ &old.

4 - Para indicar el flujo se emplear el indicador de flecha, en el sentido que sea necesario. 6lecha;right.png 5 - -as bombas cambiarn de color a (erde . rojo, seg7n la animaci.n.

-as tuberas tendrn asociadas el indicador de <anual a la izquierda de la bomba. =>";'-'?<';<'>@'-;>EG?';3+.png -as tuberas tendrn asociadas el indicador de "isponible a la derecha de la bomba. =>";>,",SP,>=&-E;P.png

6 - -os =ndicadores de estado se pondrn con el tringulo hacia arriba, tienen animaci.n y cambiarn seg7n el estado a rojo o (erde.

7 - ' todos los meterE9, ya sean para 6echa u hora se les quita la propiedad 6ormat. -a hora se debe ubicar en la parte superior derecha y se utilizarn los siguientes componentes: En caso de mostrar solamente hora ?A@, se utilizar un componente label con las siguientes caractersticas: &acBground: lightGray &order: Etched&order !ont: "eja#u Sans 2+ &old ,paque: desmarcado Ae9t: *,?' ?E<,A' -a posici.n debe ser: / 022$+, 10 2+ 4idth: C+, *eight: $+ 'dems se utilizarn dos componentes meter, uno para la hora y otro para los minutos, en caso de ser especi6icado se emplear un tercer meter para mostrar los segundos. Estos meters deben tener las siguientes caractersticas: #alue!ont: "eja#u Sans 2% &old, en caso que por problemas de espacio no se pueda colocar ese (alor se colocar 2$. #alue!ore)olor: el que trae por de6ecto 4idth: %+, *eight: $+ -a posici.n debe ser: <eter*ora / 0 22$+, 1 0 D+ <eter<inutos / 0 225+, 1 0 D+ Para los dos puntos que separan la hora de los minutos, se utilizar un componente label con las siguientes caractersticas: &acBground: blacB !ont: "eja#u Sans 2$ &old !oreground: green *orizontal'lignment: + ,paque: marcado Ae9t: : -a posici.n debe ser: / 0223C, 10 D2 4idth: 2$, *eight: 2E Ejemplo de c.mo debe quedar la hora ?A@:

En caso de mostrar hora y 6echa se emplear un componente jPanel con las siguientes caractersticas:

&orderground: lightGray &order: Etched&order -a posici.n debe ser: / 0 2+$+, 1 0 $ 4idth: $$5, *eight: 3E "entro del panel deben ir los componentes necesarios para mostrar la *ora seg7n la especi6icaci.n dada anteriormente con las siguientes di6erencias: )omponente label del nombre: Ae9t: *,?' ?A@ !ont: "eja#u Sans 2$ &old -a posici.n debe ser: / 0 3, 1 0 E 4idth: $2E, *eight: $$ )omponente label de los dos puntos: -a posici.n debe ser: / 0 2%3, 1 0 2+ 4idth: 2+, *eight: 2E )omponentes meter: -a posici.n debe ser: <eter*ora / 0 E3, 1 0 2+ <eter<inutos / 0 233, 1 0 2+ 4idth: F3, *eight: 2E Para mostrar la 6echa se utilizar un componente label con las siguientes caractersticas: &acBground: lightGray &order: Etched&order !ont: "eja#u Sans 2$ &old ,paque: desmarcado Ae9t: !E)*' ?A@ -a posici.n debe ser: / 0 3, 1 0 D+ 4idth: $2E, *eight: $$ 'dems se utilizarn dos componentes meter, uno para el da y otro para el mes, en caso de ser especi6icado se emplear un tercer meter para mostrar el a8o. Estos meters deben tener las siguientes caractersticas:

#alue!ont: "eja#u Sans 2% &old #alue!ore)olor: el que trae por de6ecto 4idth: %+, *eight: $+ -a posici.n debe ser: <eter"a / 0 E3, 1 0 D$ <eter<es / 0 2D3, 1 0 D$ <eter'8o / 0 2E+, 1 0 D$ Para los dos puntos que separan el da, mes y a8o, se utilizar un componente label con las siguientes caractersticas: &acBground: blacB !ont: "eja#u Sans 2$ &old !oreground: green *orizontal'lignment: + ,paque: marcado Ae9t: : -a posici.n debe ser: "os puntos de da y mes / 02$3, 10 D$ "os puntos de mes y a8o / 025$, 10 D$ 4idth: 2+, *eight: 2E Ejemplo de c.mo debe quedar la hora y 6echaGesta en caso que tambi:n tenga el a8oH:

8 - El componente meter debe tener las siguientes caractersticas: 4idth: 2++, este es el tama8o estndar del componente, cuando sea necesario se ajustar esta propiedad teniendo como m9imo un (alor de 2$+ y como mnimo de E+. *eight: 2E @nit4idth: +, este ser el tama8o que tendr por de6ecto el componente. El (alor ideal para :l ser %+, de ser unidades combinadas el tama8o ser 33. #alue!ont: "eja#u Sans 2% &old, en caso que por problemas de espacio no se pueda colocar ese (alor se colocar 2$. #alue4idth: (ara. )uando un meter tiene acti(a la propiedad )aption y @nit, se deben sumar los (alores de @nit4idth y )aption4idth, el resultado se resta al (alor del 4idth y el n7mero que se optiene ser el tama8o real del campo #alue4idth.

- -os colores que se utilizarn para las tuberas en la unidad de e9plotaci.n sern los siguientes:

!lu"dos $nidad de E%plotacin )rudo Gas 'gua 'ire

#olor

Gris 'marillo #erde 'zul

1& - Para la con6iguraci.n de las alarmas GP'*, P'-, -'*, -'-H se emplear un componente meterE9 que debe tener las siguientes caractersticas: beha(ior<odel: Se de6ine la animaci.n que (a a tener el componente. En el estado de alarma (a a estar con6igurado de la siguiente 6orma: #isible: marcado !ondo: en la escala ?G& G$++, $++, $++H Ae9to: ser en correspondencia con la animaci.n <ensaje: marcado y con el mensaje en dependencia de la alarma que se est: representando En el estado normal no se marca la propiedad #isible. 11 - Para todas las alarmas de lmite de ni(el y presi.n se emplear un componente imageE9 y tendr asociada la siguiente imagen:

IND_LED_RO O_!".pn#

'ipo de (nstalacin) Estacin de !lu*o

+espliegue) General.

'u,er"a de gas) "ebe ser de color amarillo 'u,er"a de crudo) "ebe ser de color gris 'an-ue) Ser de color gris y tendr asociado indicadores de borde GledH que cambiarn seg7n la animaci.n a (erde o rojo. Estos indicadores deben ser de tama8o $3. =>";-E";&,?"E;?,I,;$3.png

A'>J@E;S=<P-E;S,P,?A'",.png .eparador) Ser de color gris y tendr asociado indicadores de borde GledH que cambiarn seg7n la animaci.n a (erde o rojo. Estos indicadores deben ser de tama8o $3. =>";-E";&,?"E;#E?"E;$3.png

SEP'?'",?;#E?A=)'-;PEJ@EK,.png -a imagen estado del separador ser representada de 6orma (ertical y cambiar seg7n la animaci.n a (erde, rojo, amarillo o morado.

=>";ESA'",;SEP'?'",?;G?=S.png /l0ula de control) )ambiar seg7n la animaci.n a amarillo, morado, (erde y rojo. #L-#@-';>,')A@'",?;G?=S;23.png #L-#@-';),>A?,-;G?=S;23.png +epurador) Ser de color gris y tendr asociado indicadores de borde GledH que cambiarn seg7n la animaci.n a (erde . rojo, estos deben ser de tama8o $3 como se especi6ic. anteriormente. SEP'?'",?;*,?=M,>A'-;2.png

1utton: Ser de color ?G& G$%F, $%F, $%3H sin borde, tipo de letra "eja#u Sans 2+ &old, el Nidth y height dependern del te9to a mostrar.

2e0el: "ebe tener en el Nidth 23 y el height podr (ariar seg7n el tama8o de la imagen donde se coloque el le(el. Se debe desmarcar el (ieN#alue.

3eter: "ebe estar sin borde GEmpty&orderH, el unit en letra 2+ "eja#u Sans &old. Para los meter de status del P-), el )aption debe estar en "eja#u Sans 2$ &old con el opaque desmarcado, con Etched&order, el #alue!ont "eja#u Sans 2% &old, en caso que por problemas de espacio no se pueda colocar ese (alor se colocar 2$ y el label "eja#u Sans 2% &old.

+espliegue) Au%iliar.

'u,er"a de gas) "ebe ser de color amarillo. 'u,er"a de crudo) "ebe ser de color gris. 3eter: "ebe estar sin borde GEmpty&orderH, y el unit en letra 2+ "eja#u Sans &old. -a propiedad ,rientation debe ser igual a 2, el *eigth %+, )aption*eigth en 2C, el caption,paque debe estar desmarcado, el #alue!ont "eja#u Sans 2% &old, en caso que por problemas de espacio no se pueda colocar ese (alor se colocar 2$ y la 6uente del )aption debe estar en 2$ "eja#u Sans &old.

/l0ula) Estas cambiarn seg7n la animaci.n a amarillo, morado, (erde o rojo. #L-#@-';>,')A@'",?;G?=S;23.png #L-#@-';),>A?,-;G?=S;23.png .eparador) Ser de color gris y tendr asociado indicadores de borde GledH que cambiarn seg7n la animaci.n a (erde . rojo, estos indicadores deben ser de tama8o $3 como se de6ini. anteriormente.

SEP'?'",?;#E?A=)'-;PEJ@EK,.png -a imagen estado del separador ser representada de 6orma (ertical y cambiar seg7n la animaci.n a (erde, rojo, amarillo o morado. )uando en un separador se encuentre un le(el y una mancha, se deben colocar de 6orma (ertical uno al lado del otro en paralelo.

=>";ESA'",;SEP'?'",?;G?=S.png 2e0el) "ebe tener en el Nidth 23 y el height puede (ariar seg7n el tama8o de la imagen donde se coloque el le(el. Se debe desmarcar el (ieN#alue.

4anel) El borde debe ser Etched&order, el ttulo del panel debe estar en 2% "eja#u Sans &old y el te9to contenido en los paneles debe tener letra 2$ "eja#u Sans &old.

1utton: Ser de color ?G& G$%F, $%F, $%3H sin borde. El Nidth ser de 3+ y el heigth de %+. En la proiedad de =con se colocar la imagen G=>";&,A,>;)@'"?=)@-'",;#E?"E;F+;&,?"E.pngH.

+espliegue) (n5eccin de 6u"7ica.

'u,er"a de crudo) "ebe ser de color gris. 'an-ue) Ser de color gris y tendr asociado indicadores GledH cambiarn seg7n la animaci.n a (erde . rojo, estos indicadores deben ser de tama8o %+. =>"=)'",?ESO=>";-E";?,I,;%+.png

A'>J@E;AE)*,),>=),;D#.png 3eter) "ebe ser sin borde GEmpty&orderH. )uando se encuentre dentro de un panel ser Etched&order, el caption estar en 2$ "eja#u Sans &old y el #alue!ont "eja#u Sans 2% &old, en caso que por problemas de espacio no se pueda colocar ese (alor se colocar 2$.

4anel) El borde debe ser &e(el&order y el ttulo del panel en 2% "eja#u Sans &old.

2e0el) "ebe tener en el Nidth D+ y el height puede (ariar seg7n el tama8o de la imagen donde se coloque el le(el. Se debe desmarcar el (ieN#alue.

/l0ula) -a (l(ula a utilizar debe ser la siguiente:

$%L$&L'_(RI)_*".pn#
3edidor) Se colocar de color gris y cambiar la animaci.n a (erde o rojo seg7n corresponda. PEJ;'>';#E?"E;),?A,.png

+espliegue) .eparadores de 4rue,a.

'u,er"a de gas) "ebe ser de color amarillo. 'u,er"a de crudo) "ebe ser de color gris. .eparador) Ser de color gris y tendr asociado indicadores de borde GledH que cambiarn seg7n la animaci.n a (erde o rojo, estos indicadores deben ser de tama8o %+ como se de6ini. anteriormente.

SEP'?'",?;#E?A=)'-.png /l0ula de control) Est representada de color gris pero cambiar seg7n la animaci.n a amarillo, morado, (erde o rojo. #L-#@-';,>,!!;'<'?=--';23.png 3edidor) El medidor que se debe utilizar es el siguiente: PEJ;'>';#E?"E;),?A,.png 4anel) El borde debe ser de &e(el&order y el ttulo en 2% "eja#u Sans &old, como se de6ini. anteriormente.

3eter) "ebe estar sin borde GEmpty&orderH. )uando se encuentre dentro de un panel es Etched&order, el )aption 2$ "eja#u Sans &old, el #alue!ont "eja#u Sans 2% &old, en caso que por problemas de espacio no se pueda colocar ese (alor se colocar 2$ y la separaci.n entre los meter debe ser de G1P$+H. El meter debe ser usado para con6ormar la hora y 6echa en las pantallas de los despliegues de acuerdo al tag que contienen esta in6ormaci.n.

2e0el) "ebe tener en el Nidth D+ y el height puede (ariar seg7n el tama8o de la imagen donde se coloque el le(el. Se debe desmarcar el (ieN#alue.

1utton: Ser de color ?G& G$%F, $%F, $%3H sin borde, tipo de letra "aje(u Sans 2+ &old, el Nidth y height dependern del te9to a mostrar.

8ota) "onde e9ista el punto 6alla de actuador, se debe utilizar la siguiente imagen. =>";'-'?<';!'--';F+.png 8ota) -os label y meter Gcon captionH agrupados Gno en panelH, deben estar en &e(el&order, en caso contrario, Gsin captionH, el label debe estar en &e(el&order y el meter en Empty&order.

+espliegue) +epuradores.

'u,er"a de gas) "ebe ser de color amarillo. 'u,er"a de crudo) "ebe ser de color gris. +epurador) El depurador que se utilizar debe ser el siguiente.

SEP'?'",?;#E?A=)'-;$#.png 4anel) El borde debe ser &e(el&order y el ttulo en 2% "eja#u Sans &old.

3eter) )uando se encuentre dentro de un panel debe ser Etched&order, el )aption 2$ "eja#u Sans &old y el #alue!ont "eja#u Sans 2% &old, en caso que por problemas de espacio no se pueda colocar ese (alor se colocar 2$, como se muestra en la imagen anterior. 3edidor) El medidor a utilizar debe ser el siguiente. PEJ;'>';#E?"E;),?A,.png /l0ula) -a (l(ula a utilizar debe ser de tama8o $+. #L-#@-';G?=S;$+.png

#L-#@-';>,')A@'",?;G?=S;23.png

+espliegue) .u7idero.

'u,er"a de crudo) "ebe ser de color gris. .u7idero) El sumidero que se debe utilizar es de color gris y tendr asociado indicadores de borde GledH que cambiarn seg7n la animaci.n a (erde o rojo, estos indicadores deben ser de tama8o $3 como se de6ini. anteriormente.

A'>J@E;ESPE)='-;$#.png 'an-ue) El tanque que se debe utilizar debe ser el siguiente.

A'>J@E;AE)*,),>=),;$#.png

3eter) )uando se encuentre dentro de un panel debe ser Etched&order y el )aption 2$ "eja#u Sans &old, de lo contrario debe estar sin borde GEmpty&orderH, el #alue!ont "eja#u Sans 2% &old, en caso que por problemas de espacio no se pueda colocar ese (alor se colocar 2$.

<eter dentro de un panel <eter 6uera de un panel 3edidor) El medidor a utilizar debe ser el siguiente. <E";'>';G?=SQ?;),?A,;2+.png /l0ula) -a (l(ula se debe utilizar de tama8o $+. #L-#@-';G?=S;$+.png

+espliegue) 'an-ue.

'u,er"a de crudo) "ebe ser de color gris. /l0ula) -a (l(ula a utilizar debe ser la siguiente. #L-#@-';G?=S;$+.png 3eter) )uando se encuentre dentro de un panel debe ser Etched&order y el )aption 2$ "eja#u Sans &old, de lo contrario sin borde GEmpty&orderH y el #alue!ont "eja#u Sans 2% &old, en caso que por problemas de espacio no se pueda colocar ese (alor se colocar 2$ como se de6ini. anteriormente. 3edidor) El medidor a utilizar debe ser el siguiente. <E";'>';G?=SQ?;),?A,;2+.png 4anel) El borde debe ser Etched&order y el ttulo 2% "eja#u Sans &old, como se de6ini. anteriormente. 'an-ue) Ser de color gris y tendr asociado indicadores GledH que cambiarn seg7n la animaci.n a (erde o rojo, estos indicadores deben ser de tama8o %+, como se de6ini. anteriormente.

A'>J@E;S=<P-E;2#.png

2e0el) "ebe tener en el Nidth D+ y el height puede (ariar seg7n el tama8o de la imagen donde se coloque el le(el. Se debe desmarcar el (ieN#alue.

+espliegue) (n9or7acin.

3eter) )uando se encuentre dentro de un panel debe ser Etched&order, el )aption 2$ "eja#u Sans &old y el #alue!ont "eja#u Sans 2% &old, en caso que por problemas de espacio no se pueda colocar ese (alor se colocar 2$, como se de6ini. anteriormente. 4anel) El borde debe ser &e(elborder y el ttulo del panel 2% "eja#u Sans &old, como se de6ini. anteriormente. 'rend) "ebe tener las siguientes carctersticas: Aranding<odel: se deben con6igurar los siguientes elementos:

General: Se deben seleccionar los checBbo9 <ostrar ?ejilla, <ostrar Eje de Escalas, <ostrar Eje del Aiempo y <ostrar Aabla de "atos, este 7ltimo no se debe marcar. Atulo: Se de6ine el ttulo de la tendencia, los colores de 6ondo y te9to Gse dejan los que (ienen por de6ectoH as como la 6uente que debe ser 'rial $$ >ormal. Eje Escala: Se establece la escala que tenga la tendencia. Serie: Se de6inen las (ariables que se (an a gra6icar.

)ursor: )ursor predeterminado 4idth: F++, *eight: D++ 1utton: Ser de color ?G& G$%F, $%F, $%3H sin borde, tipo de letra "eja#u Sans 2$ &old, el Nidth y height dependern del te9to a mostrar como se de6ini. anteriormente.

+espliegues) :0er0ie;.

4anel) El borde debe ser Etched&order y los ttulos del panel en 2% "eja#u Sans &old, como se de6ini. anteriormente. 3eter) )uando se encuentre dentro de un panel debe ser Etched&order, el )aption 2$ "eja#u Sans &old, como se de6ini. anteriormente y el #alue!ont "eja#u Sans 2% &old, en caso que por problemas de espacio no se pueda colocar ese (alor se colocar 2$. 1utton: Ser de color ?G& G$%F, $%F, $%3H sin borde, tipo de letra "eja#u Sans 2$ &old, el Nidth y height dependern del te9to a mostrar como se de6ini. anteriormente. -os botones se utilizarn para na(egar entre despliegues.

2e5enda de las instalaciones) Planta de compresi.n. <anejo de ?ecirculaci.n de Gas.O <ultiple de Gas -i6t. <7ltiple de &ombeo. Estaci.n de !lujo. Plata6orma de Empalme. <ultiple de Producci.n. <ini planta. <ini planta.

'ipo de (nstalacin) 3G2

+espliegue) General.

'u,er"a de gas) "ebe ser de color amarillo. 3eter) "eber estar en Empty&order, R@nit!ontS "eja#u Sans 2+ &old, R#alue!ontS "eja#u Sans 2% &old, en caso que por problemas de espacio no se pueda colocar ese (alor se colocar 2$, R*eigthS 23, R4idthS 2D+, R@nit4idthS 3+.

2a,el) El +idth , hei#ht dependern del te-to a mostrar, de.e estar sin opaque, /0ont1 Deja$u )ans 2*

3old.
1utton: Ser de color ?G& G$%F, $%F, $%3H sin borde, tipo de letra "eja#u Sans 2+ &old, el Nidth y height dependern del te9to a mostrar y se utilizarn para na(egar entre despliegues.

/l0ula) -a (l(ula a utilizar debe ser la siguiente. #L-#@-';G?=S;$+.png #L-#@-';),>A?,-;G?=S;23.png

+espliegue) Au%iliar.

4anel) El borde debe ser Etched&order.

3eter) )uando se encuentre dentro de un panel debe ser Etchedborder, el )aption 2$ "eja#u Sans &old, de lo contrario deben ser Empty&order, el #alue!ont "eja#u Sans 2% &old, en caso que por problemas de espacio no se pueda colocar ese (alor se colocar 2$. En la imagen anterior se puede (er un ejemplo de meter dentro de un panel, en la siguiente imagen se muestra un ejemplo de meter 6uera de un panel.

+espliegue) #a<on

'u,er"a de gas) "ebe ser de color amarillo. /l0ula) Esta cambiar seg7n la animaci.n a amarillo, morado, (erde o rojo. #L-#@-';G?=S;23.png #L-#@-';),>A?,-;G?=S;23.png (7agen de 9uga de gas) Se anima en dependencia Gsi hay 6uga de gasH, sobre la tuberia amarilla. !@G'.png 4anel) El borde debe ser Etched&order.

3eter) )uando se encuentre dentro de un panel debe ser Etched&order, el )aption 2$ "eja#u Sans &old, de lo contrario debe ser Empty&order y el #alue!ont "eja#u Sans 2% &old, en caso que por problemas de espacio no se pueda colocar ese (alor se colocar 2$. En la 6igura anterior se puede (er un ejemplo de meter dentro de un panel, a continuaci.n se muestra una imagen de un meter 6uera de un panel.

<eter con unidad

<eter sin unidad 1utton) Ser de color ?G&G$%F,$%F,$%3H sin borde, tipo de letra "eja#u Sans 2$ &old, el Nidth y height dependern del te9to a mostrar.

3edidor) Este cambiar seg7n la animaci.n a (erde y rojo. PEJ;'>';#E?"E;),?A,.png

+espliegue) (n9or7acin.

4anel) El borde debe ser &e(el&order. 3eter) )uando se encuentre dentro de un panel es Etched&order, el )aption 2$ "eja#u Sans &old y el #alue!ont "eja#u Sans 2% &old, en caso que por problemas de espacio no se pueda colocar ese (alor se colocar 2$.

+espliegue) /l0ula principal.

4anel) Para el panel P=" el borde debe ser &e(el&order y para los de Generales y !lujo 'cumulado debe ser Etched&order.

3eter) )uando se encuentre dentro de un panel debe ser Etchedborder, el )aption 2$ "eja#u Sans &old. de lo contrario debe ser Empty&order y el #alue!ont "eja#u Sans 2% &old, en caso que por problemas de espacio no se pueda colocar ese (alor se colocar 2$.En la 6igura anterior se puede (er un ejemplo de meter dentro de un panel, a continuaci.n se muestra una imagen de un meter 6uera de un panel. <eter con unidad <eter sin unidad 1utton: Ser de color ?G& G$%F, $%F, $%3H sin borde, tipo de letra "eja#u Sans 2+ &old, el Nidth y height dependern del te9to a mostrar y se utilizarn para na(egar entre despliegues.