Minicurso CONEIMERA GUI MATLAB

USO DE INTERFACES GRAFICAS DE USUARIO DE MATLAB
PARA EL CÁLCULO CIENTÍFICO
Junior Lino Mera Carrasco
juniormera@icloud.com
∗
Universidad Nacional Pedro Ruiz Gallo
Universidad Católica Santo Toribio de Mogrovejo
25 de septiembre de 2018
Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 1 / 45

Contenido
1 Introducción
¿Que es MATLAB?
¿Que es GUIDE?
2 Conceptos previos
Inicializando
3 Desarrollo
Elaboración de una Interfaz Gráfica
4 Aplicaciones
Dinámica Vibracional
Métodos Numéricos
5 Referencias

Introducción ¿Que es MATLAB?
¿Qué es MATLAB?
MATLAB es un lenguaje de alto nivel y un entorno interactivo para el cálculo

numérico, la visualización y la programación. Mediante MATLAB, es posible
analizar datos, desarrollar algoritmos y crear modelos o aplicaciones. El
lenguaje, las herramientas y las funciones matemáticas incorporadas permiten
explorar diversos enfoques y llegar a una solución antes que con hojas de cálculo
o lenguajes de programación tradicionales, como pueden ser C/C++ o Java.
MATLAB se puede utilizar en una gran variedad de aplicaciones, tales como

procesamiento de señales y comunicaciones, procesamiento de imagen y vı́deo,
sistemas de control, pruebas y medidas, finanzas computacionales y biologı́a
computacional. Más de un millón de ingenieros y cientı́ficos de la industria y la
educación utilizan MATLAB, el lenguaje del cálculo técnico.

¿Qué es MATLAB?



¿Qué es MATLAB?



Introducción ¿Que es GUIDE?
¿Qué es GUIDE?
Guide es un entorno de programación grafica que ofrece Matlab para poder

realizar y ejecutar programas de Simulación a medida de forma simple, tiene las
caracterı́sticas básicas de todos los programas visuales como Visual Basic o
Visual C++.
Una interfaz gráfica de usuario (GUI) es una visualización gráfica en una o más
ventanas que contienen controles, denominados componentes , que permiten a
un usuario realizar tareas interactivas. El usuario de la interfaz gráfica de
usuario no tiene que crear un script o escribir comandos en la lı́nea de comandos
para realizar las tareas. A diferencia de los programas de codificación para
realizar las tareas, el usuario de una interfaz gráfica de usuario no necesita
entender los detalles de cómo se realizan las tareas.

¿Qué es GUIDE?

Visual C++.

¿Qué es GUIDE?

Visual C++.

Conceptos previos Inicializando
Inicializando
Debemos tener claro las siguientes caracterı́sticas:

Handles: Estructura general de una GUI.

Inicializando

Callback: Subrutina que se ejecuta debido a un evento.

Inicializando

Evento: Cualquier interacción con usuario o programa que sea de interés especial.

Inicializando

Variables: Locales y globales.

Inicializando


Inicializando


Inicializando
Para ingresar al entorno de la interfaz gráfica hacemos clic en o digitamos guide

desde la linea de comandos.
Aparece una ventana que nos permite acceder a una serie de plantillas de
formulario. Aceptaremos la opción por defecto, es decir, el formulario en blanco
(Haga clic en OK)

Inicializando

(Haga clic en OK)

Inicializando

(Haga clic en OK)

Inicializando
Aparece una nueva ventana que presenta un área gris en modo de rejas. Esta
área es la denominada layout o formulario de la interfaz gráfica. es la zona en
donde diseñaremos la presentación agregando los controles o botones que se
seleccionaran desde la paleta del lado izquierdo.

Inicializando
Aparece una nueva ventana que presenta un área gris en modo de rejas. Esta
área es la denominada layout o formulario de la interfaz gráfica. es la zona en
donde diseñaremos la presentación agregando los controles o botones que se
seleccionaran desde la paleta del lado izquierdo.

Tipos de Control
Botones simples
Botones de selección
Botones de opción
Barras de desplazamiento
Cajas de selección desplegable
Cajas de texto

Tipos de Control
Push Button (Botón de presión)

Este botón genera una acción cuando el usuario hace un clic sobre el. Para
acceder a las propiedades dar doble clic sobre el.

Tipos de Control
Las principales propiedades de Push Button son:

String: Esta propiedad posee la cadena de caracteres que se mostrará sobre el
botón.
Tag: Es el nombre que identifica al controlador en la subfunción del archivo m o
callback. Debe ser un nombre descriptivo.

Tipos de Control
Slider Bar (Barra deslizante):
Los deslizadores o barras de desplazamiento permiten explorar una larga lista de

elementos, acepta la entrada numérica dentro de un rango especı́fico,
permitiéndole al usuario mover una barra corrediza.
Existen 2 propiedades que controlan el rango y el tamaño de paso del deslizador:
Value: Contiene el valor actual del deslizador.

Max: Define el valor máximo del deslizador, el valor por defecto es 1.
Min: Define el valor mı́nimo del deslizador, el valor por defecto es 0.
SliderStep: Especifica el tamaño de un paso del deslizador
con respecto al rango, el valor por defecto es [0.01 0.10]

Tipos de Control
Slider Bar (Barra deslizante):

Tipos de Control
Radio Button (Botón circular):
Este control se utiliza para seleccionar una opción de un grupo de opciones.

(es decir, solo un botón puede estar seleccionado).
Los radiobutton tienen 2 estados:
Value=Max=1, el botón está seleccionado.
Value=Min=0, el botón no esta seleccionado.

Tipos de Control
Check Box (Caja de selección):
Se utilizan para proporcionar al usuario varias opciones de las que se puede

elegir una o más cuando se pulsa sobre la casilla de verificación.
Value=Max=1, la casilla está verificada.
Value=Min=0, la casilla no está verificada.

Tipos de Control
Edit Text (Texto editable):
Se utiliza para ingresar o modificar cadenas de texto.

String: es la propiedad que contienen el texto ingresado por el usuario. El texto
se devuelve como una cadena de caracteres.
Si el usuario desea ingresar valores numéricos, debe convertir previamente los
caracteres a números, usando el comando strdouble.

Tipos de Control
Static Text (Texto no editable):
Se utiliza para mostrar texto que el usuario no puede modificar directamente.

Tipos de Control
Pop-up menu (Menú desplegable):
Permite visualizar una lista de opciones cuando los usuarios presionan la flecha.
String: Contiene la lista de cadenas desplegadas en el popmenu.
Value: Contiene el ı́ndice del ı́tem seleccionado de la lista de cadenas. El primer
item en la lista tiene el ı́ndice 1.

Tipos de Control
Listbox (Caja de listas):
Muestra una lista de ı́tems entre los cuales el usuario puede seleccionar uno o
más.
String: Contiene la lista de cadenas visualizadas en el listbox.
Value: Contiene el ı́ndice del ı́tem seleccionado de la lista de cadenas. El primer
ı́tem en la lista tiene el ı́ndice 1. Si el usuario selecciona múltiples ı́tems,
entonces el value es un vector de ı́ndices.
Min-Max>1, se permite la selección múltiple.
Min-Max<=1, no se permite la selección múltiple.
ListboxTop: Es un ı́ndice en la serie de cadenas definida por la
propiedad string y debe tener un valor entre 1
y el número de cadenas.

Tipos de Control
Listbox (Caja de listas):

Tipos de Control
Toggle Button (Botón de estado):
Genera una acción e indica un estado binario (on u off). Cuando se pulsa el
botón toggle button aparece oprimido y se ejecuta las órdenes programadas
dentro de su callback. El botón permanece oprimido aún cuando se suelta el
botón del mouse. Solo cuando se vuelve a hacer clic sobre el botón deja de estar
oprimido.
Value=Max=1, el botón está oprimido.
Value=Min=0, el botón no está oprimido.

Tipos de Control
Toggle Button (Botón de estado):

Tipos de Control
Axes (Gráficos):
Permite visualizar los gráficos.

El siguiente código construye los ejes cuya propiedad tag es axes1.
axes(handles.axes1).

Tipos de Control
Panel (Panel de botones):
Proporciona agrupamiento identificable para los controles y les da una jerarquı́a.

Desarrollo

Desarrollo Elaboración de una Interfaz Gráfica
Hacemos Clic en el Boton STATIC TEXT y formamos un rectangulo en nuestro

formulario, no se preocupe por el tamaño todas esas opciones son editables

Hacemos Clic en el Boton STATIC TEXT y formamos un rectangulo en nuestro

formulario, no se preocupe por el tamaño todas esas opciones son editables

Elaboracion de una Interfaz Grafica
Hacemos anticlic en nuestro texto y vamos a sus propiedades, buscamos

STRING y editamos. De la misma manera editamos el alto y ancho de nuestro
cuadro, tamaño y tipo de letra, y posición.

Hacemos anticlic en nuestro texto y vamos a sus propiedades, buscamos

STRING y editamos. De la misma manera editamos el alto y ancho de nuestro
cuadro, tamaño y tipo de letra, y posición.

Agregamos botones, Edit Text, Panel, Axes(gráficas) y los distribuimos de la

manera que creamos más adecuada.
Como ven nuestra Interfaz ha tomado forma ahora tenemos que programarla.


Lo siguiente es ingresar a las propiedades de nuestros elementos y asignarles un

TAG (etiqueta) para nuestro ejemplo son las siguientes:

Lo siguiente es ingresar a las propiedades de nuestros elementos y asignarles un

TAG (etiqueta) para nuestro ejemplo son las siguientes:

Iniciamos a programar el boton LIMPIAR (pushbutton1):

function pushbutton1 Callback(hObject, eventdata, handles)
set(handles.TT,’string’,”)
set(handles.RAX,’string’,”)
set(handles.RAY,’string’,”)
set(handles.DH,’string’,”)
set(handles.AH,’string’,”)
set(handles.edit2,’string’,”)

Iniciamos a programar el boton LIMPIAR (pushbutton1):

set(handles.TT,’string’,”)
set(handles.RAX,’string’,”)
set(handles.RAY,’string’,”)
set(handles.DH,’string’,”)
set(handles.AH,’string’,”)


axes(handles.grafica)
vi = str2double(get(handles.edit2,’string’));
an = str2double(get(handles.edit3,’string’));
ang = an*pi/180;
vix = vi*cos(ang);
viy = vi*sin(ang);
txmax=2*viy/9.81;
vy = viy - 9.81*txmax;
xmax= vix*txmax;
ymax=(vy∧2)/(2*9.81);
x=0:1/1000:xmax;
y=(-9.81/(2*vix∧2))*x.∧2+tan(ang)*x;

set(handles.TT,’string’,txmax)
set(handles.RAX,’string’,vix)
set(handles.RAY,’string’,vy)
set(handles.DH,’string’,xmax)
set(handles.AH,’string’,ymax)
plot(x,y)
grid
title(’Tiro Parabolico’)
xlabel (’x [m]’)
ylabel (’y [m]’)


close(gcbf)

Concluida la programación, lo único que nos resta es ejecutar y probar:

Concluida la programación, lo único que nos resta es ejecutar y probar:

Aplicaciones
APLICACIONES DE LAS GUIs

Aplicaciones Dinámica Vibracional
Resolveremos un problema del Libro ”Dinámica estructural”:
Lo primero que debemos hacer es llevarlo al modelo básico,

ya que tenemos todos los datos a excepción del coeficiente de rigidez





12EI 12×2×106 ×6000

K1 = L3
= 10003
= 144Kgf /cm
3EI 3×2×106 ×18000

K2 = L3
= 10003
= 192Kgf /cm
Keq = 336Kgf /cm

Tenemos todos los datos asi que ingresaremos en nuestro programa:
Hacemos clic en CALCULAR, ingresamos nuestro tiempo y GRAFICAR

Tenemos todos los datos asi que ingresaremos en nuestro programa:
Hacemos clic en CALCULAR, ingresamos nuestro tiempo y GRAFICAR

Aplicaciones Métodos Numéricos
Me piden hallar la solución a la ecuación: log(x) − x + 2, entre 1 y 4 con una

tolerancia de 10−5

Me piden hallar la solución a la ecuación: log(x) − x + 2, entre 1 y 4 con una

tolerancia de 10−5

Si tengo los siguientes puntos [1 3 5 7 9 11] en X y [2 1 4 6 8 12] en Y, calcular el

valor de X=6 con el Método de Lagrange

Si tengo los siguientes puntos [1 3 5 7 9 11] en X y [2 1 4 6 8 12] en Y, calcular el

valor de X=6 con el Método de Lagrange

Métodos Númericos
Mediante el Método del Trapecio, calcular la integral numerica de

−x3 + 2 × x + 5 entre 0 y 2, con N=2

Métodos Númericos
Mediante el Método del Trapecio, calcular la integral numerica de

−x3 + 2 × x + 5 entre 0 y 2, con N=2

GRACIAS

Referencias
Referencias
Buhmann, M. D. (2004).
Radial Basis Functions: Theory and Implementations.
Cambridge University Press. United Kingdom.
Aleman M.; Álvarez L.; Sánchez J.
Análisis Numérico[en lı́nea].
[consulta 2012].
Burden R.L; Faires J.D . (2001).
Numerical Analysis.
Cengage Learning Latin America.
Comer E.(2009)
Instituto Tecnologico de Tijuana.
Mathews J.; Fink K.(2000)
Métodos Numéricos con MATLAB.
Prentice Hall, Madrid.

Referencias
Referencias
Mora W.F.(2010)
Introducción a los Métodos Numéricos.
Instituto Tecnologico de Costa Rica.
Müller H. (1996)
Una Introducción al Análisi Numérico.
Universidad Mayor de San Simón.
Cochabamba, Bolivia.
Nakamura, S. (1992).
Metódos Numericos Aplicados con Software.
Pearson Educación.
A. Quarteroni, F. Saleri. (2006).
Cálculo Cientifico con MATLAB y Octave.
Springer-Verlag, Italia, Milano.
Velásquez J.(2007)
Análisis Numérico.
Ediciones Uninorte.

Referencias
Referencias
Won Y. Yang , Wenwu Cao , Tae-Sang Chung , John Morris(2005)

Applied Numerical Methods Using MATLAB.
John Wiley Sons.
Carrasco V.(2011)
Métodos Numericos Aplicados a la Ingenierı́a Problemas en Polymath y Matlab.
MACRO
Morales M.(2010)
Matlab R2010a Métodos Numéricos con Visualización Gráfica.
MACRO
Amancio R., Orbegoso G., Muñoz G., Villalta R. (2010)
Matlab 2010 - Software para ciencia e ingenierı́a.
MACRO
Moler, C. (2004)
Numerical computing with Matlab.
SIAM

Referencias
Referencias
J. Cooper
A Matlab Companior for Multivariable Calculus
Chavil M.
Sistema experto en Maple Para el análisis de Curvas y superficies en R3
Gonzáles M., Sánchez R.
Gráficas de curvas y superficies usando Matlab
Vera A.(2002)
Dinámica estructural.
MACRO.
Mejı́a C.(2002)
Invitación al Análisis Numérico.
Universidad Nacional de Colombia, Medellı́n.

Minicurso CONEIMERA GUI MATLAB

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Minicurso CONEIMERA GUI MATLAB

Hochgeladen von

Copyright:

Verfügbare Formate

USO DE INTERFACES GRAFICAS DE USUARIO DE MATLAB

PARA EL CÁLCULO CIENTÍFICO

Junior Lino Mera Carrasco

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 1 / 45

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 2 / 45

MATLAB es un lenguaje de alto nivel y un entorno interactivo para el cálculo

MATLAB se puede utilizar en una gran variedad de aplicaciones, tales como

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 3 / 45

MATLAB es un lenguaje de alto nivel y un entorno interactivo para el cálculo

MATLAB se puede utilizar en una gran variedad de aplicaciones, tales como

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 3 / 45

MATLAB es un lenguaje de alto nivel y un entorno interactivo para el cálculo

MATLAB se puede utilizar en una gran variedad de aplicaciones, tales como

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 3 / 45

Guide es un entorno de programación grafica que ofrece Matlab para poder

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 4 / 45

Guide es un entorno de programación grafica que ofrece Matlab para poder

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 4 / 45

Guide es un entorno de programación grafica que ofrece Matlab para poder

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 4 / 45

Debemos tener claro las siguientes caracterı́sticas:

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 5 / 45

Debemos tener claro las siguientes caracterı́sticas:

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 5 / 45

Debemos tener claro las siguientes caracterı́sticas:

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 5 / 45

Debemos tener claro las siguientes caracterı́sticas:

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 5 / 45

Debemos tener claro las siguientes caracterı́sticas:

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 5 / 45

Debemos tener claro las siguientes caracterı́sticas:

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 5 / 45

Para ingresar al entorno de la interfaz gráfica hacemos clic en o digitamos guide

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 6 / 45

Para ingresar al entorno de la interfaz gráfica hacemos clic en o digitamos guide

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 6 / 45

Para ingresar al entorno de la interfaz gráfica hacemos clic en o digitamos guide

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 6 / 45

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 7 / 45

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 7 / 45

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 8 / 45

Push Button (Botón de presión)

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 9 / 45

Las principales propiedades de Push Button son:

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 10 / 45

Slider Bar (Barra deslizante):

Los deslizadores o barras de desplazamiento permiten explorar una larga lista de

Existen 2 propiedades que controlan el rango y el tamaño de paso del deslizador:

Value: Contiene el valor actual del deslizador.

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 11 / 45

Slider Bar (Barra deslizante):

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 12 / 45

Radio Button (Botón circular):

Este control se utiliza para seleccionar una opción de un grupo de opciones.

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 13 / 45

Check Box (Caja de selección):

Se utilizan para proporcionar al usuario varias opciones de las que se puede

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 14 / 45

Edit Text (Texto editable):

Se utiliza para ingresar o modificar cadenas de texto.

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 15 / 45

Static Text (Texto no editable):

Se utiliza para mostrar texto que el usuario no puede modificar directamente.

Junior Lino Mera Carrasco Uso de Interfases Graficas . . . 25 de septiembre de 2018 16 / 45