Unidad III Diseo y

Programacin de
Interfaces HMI
M.C. Juan Carlos Olivares Rojas
1

Agenda
3.1 Conceptos generales y elementos de
desarrollo.
3.2 Herramientas
interfaces HMI.

para

el

diseo

de

Agenda
3.3Sistemas de alarmas y eventos.
3.4Configuracin de alarmas y eventos.
3.5
Modelos
de
reconocimientos
desplegado de alarmas.

y
3

3.1 Conceptos generales y

elementos de desarrollo.
Desde el punto de vista del usuario. La
interfaz es el sistema.
Las Interfaces Hombre Mquina (HMI) son
el estudio de las relaciones de interaccin
entre los hombres y las mquinas (que
pueden ser computadoras)
4

Introduccin
La HMI es un rea interdisciplinaria ya que toma
de base a ciencias como filosofa, psicologa,
lingstica, arte, computacin, etc.
Antes de disear una interfaz se deben tomar en
cuenta
los
factores
humanos,
ya
que
dependiendo del agrado que tengan los usuarios
por las interfaces depende el xito del sistema.
5

Factores Humanos
Algunos factores humanos son:
La percepcin visual
Las formas de pensamiento
El comportamiento del usuario

Desafortunadamente estos factores son

variables de persona en persona, aun
teniendo caractersticas similares.

Estilos de HMI
Los estilos de HMI son la forma de realizar
interfaces.
Las
interfaces
no
necesariamente son externas tambin
pueden estar a nivel interno de
arquitectura del software.
Los estilos de interaccin han evolucionado
con el paso del tiempo.
7

Estilos HMI
En las primeras generaciones el humano
tena que conocer el lenguaje de la
mquina.
Con la aparicin del lenguaje ensamblador
y los sistemas de procesamiento por lotes,
se simplific un poco.
8

Estilos HMI
El primer estilo real de interaccin entre
un hombre y una computadora fue el modo
texto.
En este estilo, el usuario tiene que
aprenderse una serie de comandos, los
cuales son difciles de aprender y muy
propensos a errores.
9

Estilos de HMI
Este tipo de estilo aun sigue utilizando en
shells de Sistemas Operativos, en intrpretes
de Base de Datos, etc.
Despus apareci el estilo de mens en donde
se simplifica la ejecucin de rdenes pero
puede ser muy molesto al tener opciones muy
anidadas. Se sigue utilizando en muchos
sistemas.
10

Estilos de HMI
Las Interfaces orientadas a Ventanas o
Modo Grfico quizs es el estilo de interfaz
ms utilizado actualmente. Generalmente
se basa en un esquema o filosofa de
escritorio. Dado que nos permite un
aprendizaje ms intuitivo y libre de errores
ya que se dispone de un lenguaje
iconogrfico til.
11

Estilos de HMI
El siguiente paso es el uso de Hipertexto como
en los sistemas Web, en los cuales se tienen
documentos que ligan a otros documentos.
Los estilos de interaccin no viven aislados, se
pueden encontrar combinados, as en modo
texto ponemos tener hipertexto y mens de
opciones.
12

Estilos HMI
Otro estilo de HMI es la multimedia que nos
permite combinar diversos tipos de
elementos en un solo canal. Para lograrlo
se necesita que el sistema pueda ejecutar
muchas
tareas
concurrentemente
(multitarea).

13

Estilos de HMI
Existen otros estilos como Realidad Virtual
y de Inteligencia Artificial que aun no estn
desarrollados del todo.

14

Estilos HMI
A continuacin se describe de manera ms
amplia el estilo HMI de modo grfico en
sistemas operativos.
La metfora del escritorio trata de hacer una
analoga con lo que es una oficina fsica y
tratar de implementarla en la computadora,
pero por qu este paradigma y no otro?

Metfora del Escritorio

Metfora del Escritorio

17

Estilos HMI

Estilos de HMI

Metfora del Escritorio

2005

Ejemplos de otras metforas

Documentos: libros, captulos, marcadores,
figuras; peridicos, secciones; revistas,
artculos; cartas; formularios.
Msica:
disco
compacto,
grabaciones, pistas, jukeboxes.

cassette,

Ejemplos de otras metforas

Despus se deben seleccionar los verbos
que van a representar las acciones a
realizar en el sistema.

Diseo de la Interfaz
Las interfaces deben ser fciles de
aprender, simples de utilizar, no restrictivas
y directas.
Antes de comenzar con el diseo, se deben
realizar preguntas como: Quin es el
usuario?, Cmo aprende el usuario?, Qu
espera el usuario del sistema?

Diseo de la Interfaz
Diseo de Interfaces no es poner pantallas
bonitas (aunque si importa).

El verdadero diseo de HMI se debe centrar

en el humano ya que este es el que realiza
la interaccin, pero existen otros modelos
como el de vista del diseador.
24

Directrices para el Diseo de

Interfaces
Por este motivo se deben
factores de los usuarios como:

considerar

habilidades fsicas, sensoriales y cognitivas,

diferencias de personalidad y de cultura,
etc.

Directrices para el Diseo de

Interfaces
Se pueden utilizar herramientas para modelar
el diseo de interfaces o bien herramientas de
prototipado para su rpida implementacin.
Cualquier sistema de interfaz debe estar
basado en reglas ECA (Evento Condicin y
Accin).

Directrices para el Diseo de

Interfaces

La principal directriz a tomar en cuenta es la

usabilidad, que es la capacidad de que la
interfaz pueda ser manejada por los usuarios.

Otra directriz a tomar en cuenta es la

accesibilidad, en donde se pretende que la
interfaz pueda ser accedida por usuarios sin
importar sus limitaciones.

Estndares de Interfaz
Los estndares nos sirven para tener un
mejor diseo de nuestras interfaces.
Los estndares dependen del tipo de
aplicacin que se est desarrollando, por
ejemplo Web, aplicacin en Windows,
Macintosh, aplicaciones en dispositivos
mviles, etc.

HMI en Mecatrnica
Tiene ms relacin en el diseo de
hardware y de instrumentos virtuales que
con el software.
Diseo de la Interfaz para cambiar la hora
a un reloj despertador.
29

HMI en Mecatrnica
Esquemas de colores en instrumentos de
medicin.
Diseo de aviones resistentes: el problema
de la caja negra.
Diseo de interfaces de instrumentos como
osciloscopios y radios de automviles.

30

Actividad
Uno de los principales problemas de
accidentes automovilsticos ocurre cuando
una persona se distrae por tratar de
manipular algn objeto dentro del carro
como un autoestereo dado que tiene que
manipular una serie de controles a su
alrededor.
31

Actividad
Para resolver este problema en los
accidentes se piensa que con una nueva
interfaz y modo de acceso a las opciones
del autoestereo el conductor se puede
distraer menos.
En equipos de tres personas deben disear
esta nueva interface y demostrar que sirve.
32

3.2 Herramientas para el diseo

de interfaces HMI.
Existen muchas herramientas para
programacin de interfaces, tales como:

la

Herramientas de Diagramacin (Visio)

IDEs de programacin (Visual Basic, Java)
Herramientas de Instrumentacin (LabVIEW,
HMI Intouch, Mdraw Dessigner, etc.)
33

Referencias
Ferreira, R. (2008) Curso de Ambientes
Grficos, ltima consulta: marzo de 2008,
http://antares.itmorelia.edu.mx/~kaos

Preguntas, dudas y
comentarios?

35