Universidad Autnoma de Nuevo Len

Facultad de Ingeniera Mecnica y

Elctrica

Interfaces Grficas
Reporte:
Proyecto Final

Alumnos:
Roberto Domnguez Guerra 1567751
Oscar Bernardo Czares Salazar 1546733
Aula: 2 203

Hora: jueves N4 N6

Maestra:
M.C. Laura Patricia del Bosque Vega

viernes, 11 de noviembre de 2016

INTERFACES GRFICAS

ndice
Tabla de contenido
ndice ................................................................................................................................................... 1
Resumen.............................................................................................................................................. 2
Introduccin ........................................................................................................................................ 2
Marco Terico ..................................................................................................................................... 2
LabVIEW .......................................................................................................................................... 2
Cmo trabaja LabVIEW? ................................................................................................................ 3
Panel frontal ................................................................................................................................ 3
Diagramas de Bloque .................................................................................................................. 4
Paletas ......................................................................................................................................... 5
Procedimiento ..................................................................................................................................... 8
Explicacin del proyecto ................................................................................................................... 10
Conclusiones ..................................................................................................................................... 12
Referencias ........................................................................................................................................ 12

INTERFACES GRFICAS

Resumen
En este proyecto se presenta un caso de diseo de una interfaz grfica con la cual se busca desarrollar cada uno de los temas vistos en el aula de clase, en este caso se usara el software de desarrollo
de sistemas llamado LabView, se desarroll una interfaz de control de temperatura de una mini
planta de procesamiento de caf en la cual se expone la temperatura de los contenedores y el control, as mismo se determin la programacin correcta y sin errores para este caso, cabe sealar que
la interfaz y programacin realizada es totalmente funcional en un sistema fsico, aunque aqu se
hacen pruebas a modo virtual.

Introduccin
Se desea disear una interfaz grfica que contenga en donde se desarrolle los temas vistos en la
clase de interfaces grficas, dicho proyecto ser entregado como proyecto final de la mencionada
clase. Para elaborar la interfaz va a emplearse un software de diseo de sistemas llamado LabVIEW.
LabVIEW constituye un revolucionario sistema de programacin grfica para aplicaciones que involucren adquisicin, control, anlisis y presentacin de datos. Las ventajas
que proporciona el empleo de LabVIEW se resumen en las siguientes:

Se reduce el tiempo de desarrollo de las aplicaciones al menos de 4 a 10 veces, ya que es

muy intuitivo y fcil de aprender.
Dota de gran flexibilidad al sistema, permitiendo cambios y actualizaciones tanto de hardware como del software.
Da la posibilidad a los usuarios de crear soluciones completas y complejas.
Con un nico sistema de desarrollo se integran las funciones de adquisicin, anlisis y presentacin de datos.
El sistema est dotado de un compilador grfico para lograr la mxima velocidad de ejecucin posible.
Tiene la posibilidad de incorporar aplicaciones escritas en otros lenguajes.

Marco Terico
LabVIEW
LabVIEW es un entorno de programacin destinado al desarrollo de aplicaciones, similar a los sistemas de desarrollo comerciales que utilizan el lenguaje C o BASIC. Sin embargo, LabVIEW se diferencia de dichos programas en un importante aspecto: los citados lenguajes de programacin se basan
en lneas de texto para crear el cdigo fuente del programa, mientras que LabVIEW emplea la programacin grfica o lenguaje G para crear programas basados en diagramas de bloques. Para el
empleo de LabVIEW no se requiere gran experiencia en programacin, ya que se emplean iconos,
trminos e ideas familiares a cientficos e ingenieros, y se apoya sobre smbolos grficos en lugar de
lenguaje escrito para construir las aplicaciones. Por ello resulta mucho ms intuitivo que el resto de
lenguajes de programacin convencionales. LabVIEW posee extensas libreras de funciones y subrutinas. Adems de las funciones bsicas de todo lenguaje de programacin, LabVIEW incluye libreras
2

INTERFACES GRFICAS
especficas para la adquisicin de datos, control de instrumentacin VXI, GPIB y comunicacin serie,
anlisis presentacin y guardado de datos. LabVIEW tambin proporciona potentes herramientas
que facilitan la depuracin de los programas.

Cmo trabaja LabVIEW?

Los programas desarrollados mediante LabVIEW se denominan Instrumentos Virtuales (VIs), porque
su apariencia y funcionamiento imitan los de un instrumento real. Sin embargo, son anlogos a las
funciones creadas con los lenguajes de programacin convencionales. Los VIs tienen una parte interactiva con el usuario y otra parte de cdigo fuente, y aceptan parmetros procedentes de otros
VIs. Todos los VIs tienen un panel frontal y un diagrama de bloques. Las paletas contienen las opciones que se emplean para crear y modificar los VIs. A continuacin, se proceder a realizar una somera descripcin de estos conceptos.

Panel frontal
Se trata de la interfaz grfica del VI con el usuario. Esta interfaz recoge las entradas procedentes del
usuario y representa las salidas proporcionadas por el programa. Un panel frontal est formado por
una serie de botones, pulsadores, potencimetros, grficos, etc. Cada uno de ellos puede estar definido como un control (a) o un indicador (b). Los primeros sirven para introducir parmetros al VI,
mientras que los indicadores se emplean para mostrar los resultados producidos, ya sean datos adquiridos o resultados de alguna operacin. (figura 1)

Figura 1

INTERFACES GRFICAS

Diagramas de Bloque
El diagrama de bloques constituye el cdigo fuente del VI. En el diagrama de bloques es donde se
realiza la implementacin del programa del VI para controlar o realizar cualquier procesado de las
entradas y salidas que se crearon en el panel frontal.
El diagrama de bloques incluye funciones y estructuras integradas en las libreras que incorpora
LabVIEW. En el lenguaje G las funciones y las estructuras son nodos elementales. Son anlogas a los
operadores o libreras de funciones de los lenguajes convencionales.
Los controles e indicadores que se colocaron previamente en el Panel Frontal, se materializan en el
diagrama de bloques mediante los terminales. A continuacin, se presenta un ejemplo de lo recin
citado (figura 2):

Figura 2

a) Funcin.
b) Terminales (control e indicador)
c) Estructura

El diagrama de bloques se construye conectando los distintos objetos entre s, como si de un circuito
se tratara. Los cables unen terminales de entrada y salida con los objetos correspondientes, y por
ellos fluyen los datos. LabVIEW posee una extensa biblioteca de funciones, entre ellas, aritmticas,
comparaciones, conversiones, funciones de entrada/salida, de anlisis, etc.
Las estructuras, similares a las declaraciones causales y a los bucles en lenguajes convencionales,
ejecutan el cdigo que contienen de forma condicional o repetitiva (bucle for, while, case, ...).
4

INTERFACES GRFICAS
Los cables son las trayectorias que siguen los datos desde su origen hasta su destino, ya sea una
funcin, una estructura, un terminal, etc. Cada cable tiene un color o un estilo diferente, lo que
diferencia unos tipos de datos de otros.

Paletas
Las paletas de LabVIEW proporcionan las herramientas que se requieren para crear y modificar
tanto el panel frontal como el diagrama de bloques. Existen las siguientes paletas:
Paleta de herramientas (Tools palette)
Se emplea tanto en el panel frontal como en el diagrama de bloques. Contiene las herramientas
necesarias para editar y depurar los objetos tanto del panel frontal como del diagrama de bloques
(figura 3).

Figura 3

Las opciones que presenta esta paleta se muestran en la tabla 1:

Tabla 1

Icono

Nombre
Operating tool

Funcin
Cambia el valor de los controles

Labeling tool

Desplaza, cambia de tamao y selecciona los

objetos
Edita texto y crea etiquetas

Wiring tool

Une los objetos en el diagrama de bloques.

Positioning tool

Object Pop-up Menu tool

Scroll tool
Breakpoint tool

Probe tool
Color Copy tool
Color tool

Abre el men desplegable de un objeto

Desplaza la pantalla sin necesidad de emplear las barras de desplazamiento.
Fija puntos de interrupcin de la ejecucin
del programa en VIs, funciones y estructuras.
Crea puntos de prueba en los cables, en los
que se puede visualizar el valor del dato que
fluya por dicho cable en cada instante
Copia el color para despus establecerlo mediante la siguiente herramienta.
Establece el color de fondo y el de los objetos
5

INTERFACES GRFICAS
Paleta de controles (Controls palette)
Se utiliza nicamente en el panel frontal. Contiene todos los controles e indicadores que se emplearn para crear la interfaz del VI con el usuario (figura 4).

Figura 4

El men Controls de la ventana correspondiente al panel frontal contiene las siguientes opciones,
mostradas en la tabla 2:
Tabla 2

Icono

Nombre
Numeric
Boolean
String & Table
List & Ring
Array & Cluster
Graph
Path & RefNum
Decorations
User Controls
ActiveX
Select a Control

Funcin
Para la introduccin y visualizacin de cantidades numricas
Para la entrada y visualizacin de valores booleanos.
Para la entrada y visualizacin de texto.
Para visualizar y/o seleccionar una lista de opciones.
Para agrupar elementos.
Para representar grficamente los datos.
Para gestin de archivos
Para introducir decoraciones en el panel frontal. No visualizan datos.
Para elegir un control creado por el propio usuario.
Para transferir datos y programas de unas aplicaciones
a otras dentro de Windows.
Para seleccionar cualquier control.

INTERFACES GRFICAS

Al seleccionar objetos desde el men Controls estos aparecen sobre el panel frontal, pueden colocarse donde convenga, y adems tienen su propio men desplegable que permite la configuracin
de algunos parmetros especficos de cada tipo de control.

Paleta de funciones (functions palette)

Se emplea en el diseo del diagrama de bloques. La paleta de funciones (figura 5) contiene todos
los objetos que se emplean en la implementacin del programa del VI, ya sean funciones aritmticas, de entrada/salida de seales, entrada/salida de datos a fichero, adquisicin de seales, temporizacin de la ejecucin del programa.

Figura 5

Para seleccionar una funcin o estructura concretas, se debe desplegar el men Functions y elegir
entre las opciones que aparecen. A continuacin, en la tabla 3, se enumeran todas ellas, junto con
una pequea definicin.
Structures
Numeric
Boolean
String
Array
Cluster

Comparison
Time & Dialog

Muestra las estructuras de control del programa,

junto con las variables locales y globales.
Muestra funciones aritmticas y constantes numricas.
Muestra funciones y constantes lgicas.
Muestra funciones para manipular cadenas de caracteres, as como constantes de caracteres.
Contiene funciones tiles para procesar datos en
forma de vectores, as como constantes de vectores.
Contiene funciones tiles para procesar datos procedentes de grficas y destinados a ser representados
en ellas, as como las correspondientes constantes.
Muestra funciones que sirven para comparar nmeros, valores booleanos o cadenas de caracteres.
Contiene funciones para trabajar con cuadros de dilogo, introducir contadores y retardos, etc.
7

INTERFACES GRFICAS
File I/O
Communication

Instrument I/O

Data Acquisition

Analysis

Tutorial
Advanced

Instrument drivers
User Libraries

Aplication control
Select a VI

Muestra funciones para operar con ficheros.

Muestra diversas funciones que sirven para comunicar varios ordenadores entre s, o para permitir la comunicacin entra distintos programas.
Muestra un submen de VIs, que facilita la comunicacin con instrumentos perifricos que siguen la norma
ANSI/IEEE 488.2-1987, y el control del puerto serie.
Contiene a su vez un submen donde puede elegirse
entre distintas libreras referentes a la adquisicin de
datos.
Contiene un submen en el que se puede elegir entre
una amplia gama de funciones matemticas de anlisis.
Incluye un men de VIs que se utilizan en el manual
LabVIEW Tutorial
Contiene diversos submens que permiten el control
de la ayuda, de los VIs, manipulacin de datos, procesado de eventos, control de la memoria, empleo de
programas ejecutables o incluidos en libreras DLL,
etc.
En l se muestran los drivers disponibles de distintos
instrumentos.
Muestra as libreras definidas por el usuario. En este
caso, la librera mostrada contiene los drivers de la
tarjeta de adquisicin de datos de Advantech.
Contiene varias funciones que regulan el funcionamiento de la propia aplicacin en ejecucin.
Permite seleccionar cualquier VI para emplearlo como
subVI.

Procedimiento
Para realizar la interfaz se sigui la siguiente metodologa en la ventana de Block Diagram, al mismo
tiempo que se colocan los bloques en la ventana de block Diagram aparecen los grficos correspondientes en la ventana de Front Panel, ya solo resta acomodar conforme a nuestro diseo.

1. Coloque un control numrico en el panel frontal.

a. Haga clic derecho en el panel frontal para abrir la paleta Controls y seleccione ModernNumericNumeric Control
b. Haga clic izquierdo en el panel frontal
2. Coloque un indicador numrico en el panel frontal.
a. Haga clic derecho en el panel frontal para abrir la paleta Controls y seleccione ModernNumericNumeric Indicator
8

INTERFACES GRFICAS
b. Haga clic izquierdo en el panel frontal
3. Conecte el control numrico al indicador numrico en el diagrama de bloques.
4. Coloque un control deslizante de apuntador horizontal en el panel frontal.
a. Haga clic derecho en el panel frontal para abrir la paleta Controls y seleccione ModernNumericHorizontal Pointer Slide
b. Haga clic izquierdo en el panel frontal
5. Coloque un indicador manmetro en el panel frontal.
a. Haga clic derecho en el panel frontal para abrir la paleta Controls y seleccione ModernNumericGauge
b. Haga clic izquierdo en el panel frontal
6. Coloque un indicador termmetro en el panel frontal.
a. Haga clic derecho en el panel frontal para abrir la paleta Controls y seleccione ModernNumericNumeric Control
b. Haga clic izquierdo en el panel frontal
7. Conecte el control deslizante de apuntador a los indicadores manmetro y termmetro en
el diagrama de bloques.
8. Coloque un interruptor de encendido horizontal en el panel frontal.
a. Haga clic derecho en el panel frontal para abrir la paleta Controls y seleccione ModernBooleanHorizontal Toggle Switch
b. Haga clic izquierdo en el panel frontal
9. Coloque un indicador LED cuadrado en el panel frontal.
a. Haga clic derecho en el panel frontal para abrir la paleta Controls y seleccione ModernBooleanSquare LED
b. Haga clic izquierdo en el panel frontal
10. Conecte el control del interruptor de encendido al indicador LED cuadrado en el diagrama
de bloques.
11. Coloque un contenedor de pestaas en el panel frontal.
a. Haga clic derecho en el panel frontal para abrir la paleta Controls y seleccione Modern ContainersTab Control
b. Haga clic izquierdo en el panel frontal
c. Cambie el tamao para contar todos los objetos del panel frontal
12. Coloque los controles e indicadores en el tabulador.
a. Arrastre el indicador grfico de forma de onda en el panel de pestaas Page 1 del
tabulador
b. Vaya a la Page 2 del tabulador al dar clic izquierdo en la pestaa Page 2
c. Arrastre los controles e indicadores restantes al panel de pestaas Page 2
13. Ejecute el VI y vaya de una pestaa a otra durante el tiempo de ejecucin para observar los
resultados
14. Vaya a la Page 2 del tabulador
15. Abra la paleta de Tools.
a. Vaya a ViewTools Palette
9

INTERFACES GRFICAS
16. Cambie el color del indicador LED cuadrado a color rojo.
a.
b.
c.
d.

En la paleta Tools, seleccione la herramienta Coloring

Haga clic izquierdo en las muestras de color de fondo
Haga clic izquierdo en el color rojo
Haga clic izquierdo en el indicador LED cuadrado

17. Cambie el color de la palanca de control del interruptor de encendido, el color del fondo del
indicador termmetro y el contorno del indicador manmetro a color azul.
a. En la paleta Tools, seleccione la herramienta Coloring
b. Haga clic izquierdo en las muestras de color de fondo
c. Haga clic izquierdo en el color azul
d. Haga clic izquierdo en la palanca de control del interruptor de encendido
e. Haga clic izquierdo en el fondo del indicador termmetro
f.

Haga clic izquierdo en el contorno del indicador manmetro

18. En la paleta Tools, seleccione Automatic Tool Selector

Explicacin del proyecto

El proyecto es la interfaz grfica bsica del control de una industria alimenticia, por ejemplo, dentro
de las industrias alimenticias dependiendo del alimento que produzcan tienen distintos contenedores con la materia prima con la que van a trabajar.
En este caso se tienen 4 contenedores uno con agua destilada destinada para propsitos hermticos
del producto final. Tambin se cuenta con caf concentrado, leche y una mezcla de granos para
diversos fines.
La idea principal del proyecto es tener una interfaz que nos ayude a controlar los niveles y temperatura de las mezclas, en esos casos se tiene escalada la temperatura en grados Celsius y los niveles
de los tanques escalados del 0% al 100%. A lado de los indicadores de niveles en una escala numrica
est grficamente representado el estatus del contenedor expresado en colores, en donde el verde
es el color de un estatus adecuado, el rojo es un estatus de sobrecarga y el amarillo es un color de
estatus de chequeo de nivel bajo.
En las perillas de control se tiene tambin una escala de colores que le dicen al que trabaja con la
interfaz las posiciones de las perillas para mantener a los contenedores dentro del nivel esperado.
La interfaz tambin cuenta con unas imgenes de los contenedores con un indicador de nivel de
cuanta materia prima le resta en tiempo real y le muestra al usuario un estatus en formato string
del problema que se est presentando en los contenedores. Ya sea checar niveles o checar temperatura de los tanques.

10

INTERFACES GRFICAS

Figura 6 Front Panel.

Figura 7 Block Diagram.

Dentro del cdigo orientado a objetos se tienen bien definidos los objetos de los tanques y sus funciones, as como las caractersticas y los mtodos de cada uno, para diferentes objetos el mismo
mtodo arroja diferentes resultados.

11

INTERFACES GRFICAS

Conclusiones
NI LabVIEW lo ltimo en software de diseo de sistemas usado por ingenieros y cientficos para
disear, generar prototipos y desplegar aplicaciones embebidas de control y monitoreo de manera
eficiente. Por esta razn fue que se us LabVIEW para hacer un diseo de interfaz, adems que este
software es ampliamente usado en el mbito de ingeniera y saber programar en esta plataforma,
as tambin como implementar software es de mucha utilidad para nuestra carrera puesto que es
el cimiento de estudio de una de las ramas de la ingeniera mecatrnica.

Del proyecto se tiene que una buena interfaz grfica es aquella que a primera instancia nos dice cul
es el problema y en donde se encuentra, pero sobre todo qu tenemos que hacer para corregir ese
problema.

Referencias
1.
2.
3.
4.

http://www.esi2.us.es/~asun/LCPC06/TutorialLabview.pdf
ftp://ftp.ni.com/pub/devzone/tut/abril-junio_2009.pdf
http://www.ni.com/labview/applications/embedded/esa/
http://www.ni.com/academic/students/learnlabview/esa/ui.htm

12