martes, 12 de marzo de 2019

Interfaz grafica con MATLAB Parte 2

Esta vez comenzaremos con el diseño de una interfaz con App Designer como lo siguiente:


Primero comenzaremos arrastrando un Axes y 2 slider al área de diseño como se muestra:



Al añadir componentes en el área de diseño podemos visualizar que se añaden en el Component Browser y al seleccionarlo podemos modificar sus propiedades, lo primero a modificar será la orientación de horizontal a vertical.



Para poder personalizar todos los componentes de la App, se explican las diferentes modificaciones que se harán en este ejemplo:

Modificación de nombres: directamente desde el Component Browser dando doble clic sobre el componente, se iluminará el nombre del componente en color azul y podremos modificarlo.


Cambiando el tamaño del componente: podemos agrandar y/o disminuir el tamaño de cada componente arrastrando los puntos de su marco.

De esta forma modificamos los tamaños de cada uno de los componentes.

Valores del componente: en esta sección definimos los valores limite que puede tomar nuestro componente al estar en ejecución, el valor por default que toma el componente se define en la casilla señalada por la flecha.


Color de fondo del componente: es posible cambiar los colores del componente, para hacerlos nos vamos propiedades de los componentes>Color y transparencia>Color de Fondo


Una vez explicado lo anterior se reacomodan todos los componentes y se personalizan quedando de la siguiente manera:


Esto es todo por esta ocasión. Sigue al tanto de nuestro Blog, ya que en la siguiente entrada trabajaremos con la funcionalidad de App Designer.

¡Gracias!

Este blog es administrado por MultiON Consulting S.A. de C.V.

lunes, 11 de marzo de 2019

Interfaz grafica con MATLAB Parte 1

Esta vez comenzaremos con conocer la interfaz de App Designer

App Designer es un entorno de programación que se usa para crear aplicaciones de MATLAB, este entorno de trabajado es muy parecido a GUIDE, pero mejorado ya que simplifica el proceso de diseño de los componentes visuales de una interfaz de usuario gráfica.

Para abrir el entorno de App Designer, tenemos 2 formas, la primera es ejecutar en el command window el siguiente comando




Otra forma de iniciar App Designer es irnos a nuestra barra de herramientas (Toolstrip) y dar clic en New> App



Al dar clic se abrirá una ventana como la siguiente:



Esta ventana es el entorno de App Designer, el cual contiene componentes para la creación de interfaces de usuario, se enumeraron 5 secciones principales:


1.   Encontramos la barra de herramientas o Toolstrip: esta contiene herramientas como abrir, guardar o correr las apps con las que estamos trabajando.

2.   Paleta de componentes o Component Library: en esta sección se contienen componentes como indicadores, mandos, interruptores, lámparas, etc.
3.   Area de diseño o Desing area: las dimensiones de esta área definen el tamaño de nuestra app a crear, al ir añadiendo nuevos componentes podemos acomodarlos para personalizar nuestra interfaz según el gusto y/o necesidad que se quiera.
Además del diseño de la interfaz, si damos clic sobre el lienzo en Code View, podemos editar el código. (Observe que podemos cambiar de nuevo para editar el diseño de la interfaz dando clic en Desing View.) 



4.   Navegador de Componentes o Component Browser: en esta sección encontramos todos los componentes que se añaden al área de diseño.

Al seleccionar un componente en esta lista automáticamente se actualiza las propiedades de los componentes que es el siguiente punto. Además, podemos añadir funciones Callbacks para mandar a llamar dicho componente.

5.   Propiedades de los componentes Component Properties: aquí podemos modificar diferentes aspectos de los componentes como (nombre, valor, color, tamaño, posición, etc.)


Esto es todo por esta ocasión. Continúe al tanto de nuestro blog, ya que en la siguiente entrada comenzaremos con el diseño de una App Designer ¡Gracias!



Este blog es administrado por MultiON Consulting S.A. de C.V.

Obteniendo ayuda en MATLAB

En MATLAB todas las funciones tienen una ayuda y una documentación de respaldo que incluye:

  • Diversas formas de llamar a una función
  • El algoritmo implementado por una función
  • Ejemplos de cómo usar una función


Para mostrar la ayuda de una función en particular, escribimos el comando help y el nombre de la función que se desee conocer.



Al dar enter nos aparecerá una versión abreviada del texto de la documentación.




Para acceder a la documentación de la función, escribimos el comando doc y el nombre de la función




Al dar enter nos abrirá una nueva ventana con la documentación sobre esta función, esta ventana incluye diferentes ejemplos y además nos describe la sintaxis que debe de llevar para ser llamada.




Otra forma de acceder a la documentación es dando clic en el icono de ayuda que se encuentra en la barra de herramientas.




En este caso nos abrirá la ventana principal de la documentación don todos los productos de MATLAB, en esta ventana los productos están ordenados por área de aplicación.



Y de esta forma es cómo podemos obtener ayuda y ejemplos de aplicación desde MATLAB.

Esto es todo por esta ocasión. Te invitamos a seguir al pendiente de nuestro Blog, ¡Gracias!



Este blog es administrado por MultiON Consulting S.A. de C.V.