Objetivo de aprendizaje

- Identificar y utilizar la paleta de herramientas para modificar front panel de Vis existentes.
- Modificar propiedades básicas de controles e indicadores.
- Reconocer las herramientas de alineación.

Resultados de aprendizaje

- Utilizar correctamente la herramienta tools de Labview para modificar un Vi, cambiando el

look & feel de la aplicación.
- Utilizar las opciones de alineación de controles e indicadores correctamente.
- Cambiar partes del programa en el block diagram.

Requerimientos del cliente:

Para desarrollar esta práctica vamos a suponer que un cliente tiene un vi trabajando en su compañía
que registra las mediciones de la presión en un tanque utilizado en un proceso industrial, el cliente
desea modernizar el aspecto de su aplicación desarrollada hace algunos años y quiere que se vea
más moderna.
La aplicación tendrá un pequeño cambio en el back-end que se describirá más adelante, se pretende
cambiar el front-end modificando y actualizando los controles e indicadores de la antigua
aplicación a una nueva versión que luzca más moderna.
La aplicación actual permite al usuario seleccionar el número de muestras a visualizar entre 0
muestras y 10 muestras (presión de trabajo se encuentra entre 45PSI y 50PSI), adicionalmente le
permite al usuario seleccionar el tiempo entre muestras entre 1 y 5 segundos las cuales se
registrarán en una gráfica.
Para la nueva versión el cliente desea que se puedan seleccionar de 0 a 5 muestras y el tiempo.Para
este ejercicio esa medida actual de presión la vamos a suponer con un bloque que genera un número
aleatorio entre 45PSI y 50PSI.

* (este tipo de tareas podrían ser a las que como desarrollador asociado de labview tengas que
enfrentarte dado que hay muchas aplicaciones que han venido trabajando con versiones de labview
antiguas y requieren una actualización, en otras palabras este tipo de trabajos son para mejorar el
look and feel y front end de aplicaciones existentes).
Recuerda que antes de empezar es bueno listar todo, como desarrolladores esto nos permite
identificar y organizar el trabajo, en la siguiente tabla resumimos los cambios.

CAMBIOS Front -- End Back--End

Antiguo Nuevo Antiguo Nuevo
Controles Modernizar
todos- cambiar
knob de 1-5
Indicadores Modernizar
todos
Numero de 1-10 1-5
muestras
Desarrollo

1. Abre el proyecto “updatingVI.lvproj”.

2. Abre el VI llamado pressureTank.VI
3. Lo primero será modernizar los controles número de muestras y tiempo entre muestras
para ello da click derecho en control num de muestras, selecciona
Replace>>Silver>>Ring & enum>>Enum(Silver).

4. Ahora selecciona el control tiempo entre muestras y dale click derecho selecciona
Replace>>Silver>>Numeric>>Knob(Silver)

Cambiar el tamaño del knob utilizando la paleta de herramientas, esto porque en la versión
anterior estaba muy reducido el tamaño del knob con respecto al espacio disponible, recuerda que
en el diseño todo debe ir orientado al usuario, que el usuario se sienta cómodo y le sea fácil
utilizar la interfaz, click derecho propiedades y en rango cambiar de 1-5 segundos.

5. Selecciona el indicador de la gráfica y dale click derecho Replace>>Silver>>Graph>>

Waveform Chart

En la nueva gráfica, dale click derecho propiedades, cambie el label del eje Y por presión (PSI).
Cambia el tamaño aumentando el tamaño de la gráfica, se veía muy chica comparada con el
espacio disponible.
Deberá lucir similar a la siguiente imagen.
5. Es hora de empezar a trabajar con herramientas de alineación para distribuir mejor los elementos
de front panel, para ello selecciona solo el knob y la gráfica bajo la misma área (Deberán quedar
sombreados solo estos dos elementos).

Ahora utiliza la herramienta de alineación, las encuentras en el menú superior hay varias opciones
gráficamente identifica las diferencias de cada uno.

Al terminar deberas observar que queda como en la imagen inferior

Con herramientas de alineación se puede mejorar la distribución visual y orden de los elementos
que conforman el front panel.
 6. Ahora agrega algunos elementos para que tu VI se vea mas atractivo para ellos ve al panel de
controles

Deberás hacer un cuadro que cubra toda la área de trabajo, no importa que se oculten los elementos,
más adelante los traeremos de vuelta a la parte frontal. Deberás ver algo como lo que muestra la
pantalla siguiente

7. Selecciona el cuadro y ahora en el menú superior selecciona el icono de flecha azul y amarilla

y en las opciones elije “Move to back”.

8. Utiliza las herramientas decoración para lograr un resultado similar al mostrado en la siguiente
imagen.
9. Ya modificaste el front-End, hora de modificar el back-End. De acuerdo a nuestra tabla de
cambios tenemos solo dos de back end relacionado al número de muestras y el tiempo entre
muestras.

CAMBIOS Front -- End Back--End

Antiguo Nuevo Antiguo Nuevo
Numero de 1-10 1-5
muestras

Vamos a empezar cambiando el rango del número de muestras, es muy fácil.

10. Lo podrás hacer en el front panel o en el block diagram, posiciónate encima del control número
de muestras y dale click derecho>>properties>>Edit Items

Borra las muestras 10, 9 , 8 , 7 y 6 seleccionándolas y oprimiendo el botón Delete que aparece en
las opciones debajo del botón Insert. Luego que tengas solo hasta el 5 da click en OK. Primer
cambio realizado.
11. Terminaste este ejercicio, has cambiado la apariencia de un VI existente y has modificado
algunos parámetros del programa. Actualizaste un VI.
Fin de la lección.