SlideShare una empresa de Scribd logo
ESCUELA SUPERIOR POLITECNICA
DE CHIMBORAZO
FACULTAD DE MECANICA
ESCUELA DE INGENIERIA AUTOMOTRIZ
COMPUTACION II
INTERFAZ GRAFICA
GUIDE (GRAPHICAL USER INTERFASE DEVELOPMENT ENVIRONMENT)
INTEGRANTES:
GUILLERMO RODAS
EVELYN QUIMBITA
WILMER ALLAUCA
INTRODUCCION
 Es un juego de herramientas que se extiende por completo el soporte de MATLAB,
diseñadas para crear GUIs (Graphical User Interfaces) fácil y rápidamente dando
auxiliando en el diseño y presentacion de los controles de la interfaz, reduciendo la
labor al grado de seleccionar, tirar, arrastrar y personalizar propiedades.
 Permiten un control sencillo (con uso de ratón) de las aplicaciones de software, lo cual
elimina la necesidad de aprender un lenguaje y escribir comandos a fin de ejecutar una
aplicación.
 Las apps de MATLAB son programas autónomos de MATLAB con un frontal gráfico de
usuario GUI que automatizan una tarea o un cálculo. Por lo general, la GUI incluye
controles tales como menús, barras de herramientas, botones y controles deslizantes.
Muchos productos de MATLAB, como Curve Fitting Toolbox, Signal Processing Toolbox
y Control System Toolbox, incluyen apps con interfaces de usuario personalizadas
Creación de una GUI de MATLAB de
forma interactiva
 GUIDE (entorno de desarrollo de GUI) proporciona herramientas para diseñar
interfaces de usuario para Apps personalizadas. Mediante el editor de diseño de
GUIDE, es posible diseñar gráficamente la interfaz de usuario. GUIDE genera
entonces de manera automática el código de MATLAB para construir la interfaz,
el cual se puede modificar para programar el comportamiento de la app.
Creación de una GUI de MATLAB de
forma programática
 A fin de ejercer un mayor control sobre el diseño y el desarrollo, también se
puede crear código de MATLAB que defina las propiedades y los
comportamientos de todos los componentes. MATLAB contiene funcionalidad
integrada que le ayudará a crear la GUI para su app de forma programática.
Cabe la posibilidad de agregar cuadros de diálogo, controles de interfaz de
usuario (como botones y controles deslizantes) y contenedores (como paneles y
grupos de botones).
CONTROLES DE UNA INTERFAZ GRÁFICA
 Los controles de la interfaz con el usuario en MATLAB se especifican con la orden uicontrol.
Estos controles tienen mucho en común con los menús de la interfaz con el usuario, pero los
primeros tienen mucho estilos. La sintaxis de uicontrol es :
 donde ‘especificación de estilo’ es una de las siguientes cadenas:
popup
push
radio
checkbox
slider
edit (texto editable)
text (texto estático)
frame
 Las propiedades de iucontrol son similares a las de uimenu. las
propiedades que aparecen aquí por primera vez son:
a) ‘Value’, valor: especifica el valor por omisión de ajuste. En el caso de
interruptores de encendido/apagado, valor es 0 o 1. En el caso de un control
deslizante (slider), puede ser cualquier valor entre el mínimo y el máximo.
b) ‘Min’, Valor: establece el valor mínimo. Su significado difiere dependiendo
del estilo.
c) ‘Max’, Valor: establece el valor máximo. Su significado difiere dependiendo
del estilo.
 Texto estático. Un static text puede exhibir símbolos, mensajes o incluso
valores numéricos de una GUI, y puede colocarse en lugar deseado. El
texto estático no tiene cadenas de invocación.
 Menú desplegable. Los pop-up menús difieren de los menús de interfaz
con el usuario en que pueden aparecer en cualquier punto de la ventana
de figura, mientras que los menús de interfaz con el usuario solo se
localizan en la parte superior.
 Los Push button generan una acción cuando das click con el puntero del
ratón sobre ellos. Cuando usted da click en un push button, aparece
presionado; Cuando sueltas el botón del ratón, el botón aparece
levantado; y su rutina de llamada se ejecuta.
 Casilla de verificación. Las casillas de verificación están diseñadas para
realizar operaciones de encendido/apagado. La casilla activa o desactiva
aparición de los ejes. Las posiciones de encendido/apagado se registran
Value que puede examinarse con get(handle, ´value´). Los comandos axis
on y axis off se escriben en la cadena de invocación.
 Botón de radio. Cuando solo se usa un botón de radio, no existe
diferencia funcional alguna con respecto a una casilla de verificación
 Barra deslizadora. Los sliders aceptan datos de entrada numéricos con
un rango especifico. Los usuarios mueven la barra dejando presionado el
botón del mouse y arrastrándola, Dando click en el canal, en la flecha. La
posición de la barra indica un valor numerico.
 Texto editable. El dispositivo de texto editable permite al usuario teclear
una cadena de entrada. Se pueden escribir varios valores numéricos en
forma de vector o matriz como cadena mediante el mismo dispositivo;
esta cadena se convertirá posteriormente en valores numéricos con el
comando str2num.
 Marcos. El estilo marcos puede servir para agrupar dispositivos como lo
botones de radio o las casillas de verificación.
 Botón de palanca. El toggle button genera una acción que indica un
estado binario (on o off). Cuando das click en un toggle button , aparece
presionado y permanece así hasta que sueltes el boton de el mouse, y en
ese momento ejecuta la llamada. Un click del mouse subsecuente regresa
al toggle button a su estado original y vuelve a ejecutar la rutina de
llamada.
 Cajas de lista. El componente List Box muestra una lista de artículos y
permite a usuarios seleccionar unos o más artículos.
PROPIEDADES GENERALES DE LOS
CONTROLES
 Para entender las propiedades de un contol primero creamos un boton y
luego activamos el inspector de propiedades.
 Como se a mencionado las propiedades varian segun el control usado
Estos son los mas comunes:
 background color - Cambia el color del fondo del control
 Callback - La propiedad ma simportante del control, ya que le dice al
control que hacer cuando este se activa
 Enable - activa o desactiva un control
 String - En el caso de botones, cajas de texto, texto estatico; es el texto
que muestra el control.
 Tag - Otra de las propiedades mas importantes ya que con este es posible
posible regresar datos o identificar al control.
FUENTES:
 http://catarina.udlap.mx/u_dl_a/tales/documentos/lep/garcia_b_s/capitulo3
.pdf
 https://es.mathworks.com/discovery/matlab-gui.html
 ftp://ece.buap.mx/pub/profesor/academ12/IPDS/Matlab%20GUI/guide.pdf

Más contenido relacionado

PDF
2012 interfaz grafica en guide matlab
PPTX
GUI EN MATLAB MODULACION PULSO UNICO
PPSX
Graficas matlab
PPSX
PPTX
Presentación interfaz gráfica_matlab
PPTX
Gui interfaz gráfica de usuario javax.swing y java.awt
PDF
Programacion en JAVA 2
PDF
Sesion10 Interfaces Graficas Usuarios - java
2012 interfaz grafica en guide matlab
GUI EN MATLAB MODULACION PULSO UNICO
Graficas matlab
Presentación interfaz gráfica_matlab
Gui interfaz gráfica de usuario javax.swing y java.awt
Programacion en JAVA 2
Sesion10 Interfaces Graficas Usuarios - java

La actualidad más candente (11)

PPSX
Librería swing java
PPTX
Presentación interfaz gráfica Matlab
PDF
Layouts - Java
PDF
Guide
DOCX
Concepto de layout
PPT
Programación III (Java) - 06 Ventanas
PPT
PPTX
Confección de interfaces de usuario con JAVA - SWING
PPTX
Interfaz gráfica de usuario y eventos (introducción)
PDF
Dfd
Librería swing java
Presentación interfaz gráfica Matlab
Layouts - Java
Guide
Concepto de layout
Programación III (Java) - 06 Ventanas
Confección de interfaces de usuario con JAVA - SWING
Interfaz gráfica de usuario y eventos (introducción)
Dfd
Publicidad

Destacado (19)

PDF
Guide
PPTX
Trabajos
PPTX
Diagrama de bloques
PDF
Guia para usar matlab
PDF
Diagrama de bloque
PPTX
Solución de diagramas de bloques
PDF
Avanse de proyecto de calculo
PDF
UML. un analisis comparativo para la diagramación de software
PDF
diagramas de bloques
PPT
1.3 lenguajes de simulacion y simuladores
PDF
Mat lab circuitos electricos
DOCX
Lenguaje de simulación
PPTX
diagramas de bloque y funciones de transferencia
DOCX
Circuito electrico rl y rc , lrc todo en serie
PPTX
Simplificación de los diagramas de bloques
DOC
Ejercicios Resueltos de Circuitos RC
PPT
Funciones De Transferencia
PPT
Concepto salud enfermedad.
PPTX
Antecedentes Históricos de la Salud - Enfermedad
Guide
Trabajos
Diagrama de bloques
Guia para usar matlab
Diagrama de bloque
Solución de diagramas de bloques
Avanse de proyecto de calculo
UML. un analisis comparativo para la diagramación de software
diagramas de bloques
1.3 lenguajes de simulacion y simuladores
Mat lab circuitos electricos
Lenguaje de simulación
diagramas de bloque y funciones de transferencia
Circuito electrico rl y rc , lrc todo en serie
Simplificación de los diagramas de bloques
Ejercicios Resueltos de Circuitos RC
Funciones De Transferencia
Concepto salud enfermedad.
Antecedentes Históricos de la Salud - Enfermedad
Publicidad

Similar a Interfaz grafica matlab (20)

PPTX
interfaz grafica
PDF
Guide
PPSX
PDF
Livewire c01
DOCX
Visual basic
PDF
El entorno de trabajo de open office
PDF
El entorno de trabajo de open office
PPTX
Funciones y subrutinas
PPTX
Funciones y subrutinas
PDF
PPT
ELTECLADO
PPT
EL TECLADO
PPT
EL TECLADO
PPT
EL TECLADO
PPT
G presentación maríafernanda
PPTX
Topicos Avanzados de Programacion - Unidad 2 GUI Interfaz Grafica de Usuario
ODP
H diapositivas rodriguez_marcoant.
PPSX
Herramientas y Desarrollo de Software
PPTX
Windows 7
PPTX
Visual basic
interfaz grafica
Guide
Livewire c01
Visual basic
El entorno de trabajo de open office
El entorno de trabajo de open office
Funciones y subrutinas
Funciones y subrutinas
ELTECLADO
EL TECLADO
EL TECLADO
EL TECLADO
G presentación maríafernanda
Topicos Avanzados de Programacion - Unidad 2 GUI Interfaz Grafica de Usuario
H diapositivas rodriguez_marcoant.
Herramientas y Desarrollo de Software
Windows 7
Visual basic

Último (11)

PPTX
ORIGEN DE LA IA - GRADO 1102 INTELIGENCIA
PPTX
Tratará sobre Grafos_y_Arboles_Presentacion.pptx
PPTX
Conceptos basicos de Base de Datos y sus propiedades
PDF
Su punto de partida en la IA: Microsoft 365 Copilot Chat
PDF
Clase 3 - Presentación visual (Insertando objetos visuales) POWER POINT.pdf
DOCX
trabajo programacion.docxxdxxxddxdxxdxdxxxdxxdxdxd
PPTX
Implementación equipo monitor12.08.25.pptx
PDF
AutoCAD Herramientas para el futuro, Juan Fandiño
PPTX
sistemas de informacion.................
PPTX
Derechos_de_Autor_y_Creative_Commons.pptx
PPTX
Fundamentos de Python - Curso de Python dia 1
ORIGEN DE LA IA - GRADO 1102 INTELIGENCIA
Tratará sobre Grafos_y_Arboles_Presentacion.pptx
Conceptos basicos de Base de Datos y sus propiedades
Su punto de partida en la IA: Microsoft 365 Copilot Chat
Clase 3 - Presentación visual (Insertando objetos visuales) POWER POINT.pdf
trabajo programacion.docxxdxxxddxdxxdxdxxxdxxdxdxd
Implementación equipo monitor12.08.25.pptx
AutoCAD Herramientas para el futuro, Juan Fandiño
sistemas de informacion.................
Derechos_de_Autor_y_Creative_Commons.pptx
Fundamentos de Python - Curso de Python dia 1

Interfaz grafica matlab

  • 1. ESCUELA SUPERIOR POLITECNICA DE CHIMBORAZO FACULTAD DE MECANICA ESCUELA DE INGENIERIA AUTOMOTRIZ COMPUTACION II INTERFAZ GRAFICA GUIDE (GRAPHICAL USER INTERFASE DEVELOPMENT ENVIRONMENT) INTEGRANTES: GUILLERMO RODAS EVELYN QUIMBITA WILMER ALLAUCA
  • 2. INTRODUCCION  Es un juego de herramientas que se extiende por completo el soporte de MATLAB, diseñadas para crear GUIs (Graphical User Interfaces) fácil y rápidamente dando auxiliando en el diseño y presentacion de los controles de la interfaz, reduciendo la labor al grado de seleccionar, tirar, arrastrar y personalizar propiedades.  Permiten un control sencillo (con uso de ratón) de las aplicaciones de software, lo cual elimina la necesidad de aprender un lenguaje y escribir comandos a fin de ejecutar una aplicación.  Las apps de MATLAB son programas autónomos de MATLAB con un frontal gráfico de usuario GUI que automatizan una tarea o un cálculo. Por lo general, la GUI incluye controles tales como menús, barras de herramientas, botones y controles deslizantes. Muchos productos de MATLAB, como Curve Fitting Toolbox, Signal Processing Toolbox y Control System Toolbox, incluyen apps con interfaces de usuario personalizadas
  • 3. Creación de una GUI de MATLAB de forma interactiva  GUIDE (entorno de desarrollo de GUI) proporciona herramientas para diseñar interfaces de usuario para Apps personalizadas. Mediante el editor de diseño de GUIDE, es posible diseñar gráficamente la interfaz de usuario. GUIDE genera entonces de manera automática el código de MATLAB para construir la interfaz, el cual se puede modificar para programar el comportamiento de la app. Creación de una GUI de MATLAB de forma programática  A fin de ejercer un mayor control sobre el diseño y el desarrollo, también se puede crear código de MATLAB que defina las propiedades y los comportamientos de todos los componentes. MATLAB contiene funcionalidad integrada que le ayudará a crear la GUI para su app de forma programática. Cabe la posibilidad de agregar cuadros de diálogo, controles de interfaz de usuario (como botones y controles deslizantes) y contenedores (como paneles y grupos de botones).
  • 4. CONTROLES DE UNA INTERFAZ GRÁFICA
  • 5.  Los controles de la interfaz con el usuario en MATLAB se especifican con la orden uicontrol. Estos controles tienen mucho en común con los menús de la interfaz con el usuario, pero los primeros tienen mucho estilos. La sintaxis de uicontrol es :  donde ‘especificación de estilo’ es una de las siguientes cadenas: popup push radio checkbox slider edit (texto editable) text (texto estático) frame
  • 6.  Las propiedades de iucontrol son similares a las de uimenu. las propiedades que aparecen aquí por primera vez son: a) ‘Value’, valor: especifica el valor por omisión de ajuste. En el caso de interruptores de encendido/apagado, valor es 0 o 1. En el caso de un control deslizante (slider), puede ser cualquier valor entre el mínimo y el máximo. b) ‘Min’, Valor: establece el valor mínimo. Su significado difiere dependiendo del estilo. c) ‘Max’, Valor: establece el valor máximo. Su significado difiere dependiendo del estilo.
  • 7.  Texto estático. Un static text puede exhibir símbolos, mensajes o incluso valores numéricos de una GUI, y puede colocarse en lugar deseado. El texto estático no tiene cadenas de invocación.  Menú desplegable. Los pop-up menús difieren de los menús de interfaz con el usuario en que pueden aparecer en cualquier punto de la ventana de figura, mientras que los menús de interfaz con el usuario solo se localizan en la parte superior.
  • 8.  Los Push button generan una acción cuando das click con el puntero del ratón sobre ellos. Cuando usted da click en un push button, aparece presionado; Cuando sueltas el botón del ratón, el botón aparece levantado; y su rutina de llamada se ejecuta.  Casilla de verificación. Las casillas de verificación están diseñadas para realizar operaciones de encendido/apagado. La casilla activa o desactiva aparición de los ejes. Las posiciones de encendido/apagado se registran Value que puede examinarse con get(handle, ´value´). Los comandos axis on y axis off se escriben en la cadena de invocación.
  • 9.  Botón de radio. Cuando solo se usa un botón de radio, no existe diferencia funcional alguna con respecto a una casilla de verificación  Barra deslizadora. Los sliders aceptan datos de entrada numéricos con un rango especifico. Los usuarios mueven la barra dejando presionado el botón del mouse y arrastrándola, Dando click en el canal, en la flecha. La posición de la barra indica un valor numerico.
  • 10.  Texto editable. El dispositivo de texto editable permite al usuario teclear una cadena de entrada. Se pueden escribir varios valores numéricos en forma de vector o matriz como cadena mediante el mismo dispositivo; esta cadena se convertirá posteriormente en valores numéricos con el comando str2num.  Marcos. El estilo marcos puede servir para agrupar dispositivos como lo botones de radio o las casillas de verificación.
  • 11.  Botón de palanca. El toggle button genera una acción que indica un estado binario (on o off). Cuando das click en un toggle button , aparece presionado y permanece así hasta que sueltes el boton de el mouse, y en ese momento ejecuta la llamada. Un click del mouse subsecuente regresa al toggle button a su estado original y vuelve a ejecutar la rutina de llamada.  Cajas de lista. El componente List Box muestra una lista de artículos y permite a usuarios seleccionar unos o más artículos.
  • 12. PROPIEDADES GENERALES DE LOS CONTROLES
  • 13.  Para entender las propiedades de un contol primero creamos un boton y luego activamos el inspector de propiedades.  Como se a mencionado las propiedades varian segun el control usado
  • 14. Estos son los mas comunes:  background color - Cambia el color del fondo del control  Callback - La propiedad ma simportante del control, ya que le dice al control que hacer cuando este se activa  Enable - activa o desactiva un control  String - En el caso de botones, cajas de texto, texto estatico; es el texto que muestra el control.  Tag - Otra de las propiedades mas importantes ya que con este es posible posible regresar datos o identificar al control.