SlideShare una empresa de Scribd logo
1 de 25
Creación de una Interfaz Gráfica del Usuario(GUI) Versión 7 Marzo 2006 Autor: Arturo Salinas C.
Para crear una interfaz gráfica proceda a seleccionar en MATLAB: FILE, NEW GUI
Aparece la siguiente ventana:  Haga clic sobre el botón OK con el botón izquierdo del ratón
Aparece la siguiente ventana:
Si los controles de la izquierda de la ventana anterior no tienen visibles sus nombres, proceda a seleccionar  de la barra menú la opción FILE, PREFERENCES y obtendrá la ventana:
Active la casilla de verificación SHOW NAMES IN COMPONENTS PALETTE como se aprecia en la siguiente ventana:
La ventana quedará como se aprecia a continuación:
Proceda a guardar este GUI yendo a FILE, SAVE AS dando nombre EJEMPLO1 y pulsar botón del ratón sobre el botón GUARDAR como se aprecia a continuación.
Ahora bien, procederemos a insertar tres BOTONES DE COMANDO(PUSH BUTTOM). Para ello haga clic sobre el botón PUSH BUTTOM y arrastre hacia el área de gráficos como se aprecia en la ventana siguiente:
Ubique cursor del ratón sobre el botón recién creado y pulse el botón derecho del ratón y obtendrá el menú contextual siguiente:
Elija la opción DUPLICATE y le creará una copia de ese botón. Repita la acción y tendrá la siguiente ventana:
Arrastre los botones de modo que queden como se ve en la siguiente ventana:
Ubíquese sobre el primer botón y pulse botón izquierdo del ratón y le aparecerá una ventana cuyo título es PROPERTY INSPECTOR vaya a la propiedad  STRING y ponga el texto Grafico 1 como se observa en la siguiente ventana:
Ahora cierre el cuadro de diálogo PROPERTY INSPECTOR y realice la misma acción anterior sobre el segundo botón de comando y en la propiedad STRING digite Grafico 2 como se aprecia a continuación:
Ahora cierre el cuadro de diálogo PROPERTY INSPECTOR y realice la misma acción anterior sobre el tercer botón de comando y en la propiedad STRING digite Grafico 3 como se aprecia a continuación:
A continuación, procederemos a guardar el GUI nuevamente y nos aparecerá la siguiente ventana. Ubique la función pushbuttom1_Callback que se encuentra casi al final del archivo
Inserte las siguientes instrucciones en esa función y en la posición que se indica en la siguiente ventana:
Haga lo mismo con la función pushbuttom2_Callback y agregue las instrucciones que se indican a continuación:
Finalmente proceda a agregar las siguientes instrucciones en la función pushbuttom3_Callback
Con lo anterior tenemos nuestro GUI completo por lo tanto lo guardaremos: Después salimos desde ese GUI
Probaremos el GUI recién terminado para lo cual desde la ventana de comandos de MATLAB digite ejemplo1 y aparecerá la siguiente pantalla:
Damos un clic sobre el botón con nombre Grafico 1 y vemos la siguiente pantalla:
Bueno, ahora hacemos un clic sobre el botón con nombre Grafico 2 y vemos la siguiente pantalla:
Bueno, ahora hacemos un clic sobre el botón con nombre Grafico 3 y vemos la siguiente pantalla:
Si obtenemos los resultados anteriores, significa que nuestro GUI está perfecto por lo que lo podremos utilizar en el futuro o modificarlo para agregarle otros objetos. Hemos logrado confeccionar rápidamente una demostración bastante simple pero que nos ilustra la facilidad de esta herramienta para producir material de apoyo.

Más contenido relacionado

La actualidad más candente (20)

Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Practica 8
Practica 8Practica 8
Practica 8
 
Como crear un dvd, con menú.
Como crear un dvd, con menú.Como crear un dvd, con menú.
Como crear un dvd, con menú.
 
Unidad 4 de gaem
Unidad 4 de gaemUnidad 4 de gaem
Unidad 4 de gaem
 
2 crear dvd
2 crear dvd2 crear dvd
2 crear dvd
 
Todas las apps
Todas las appsTodas las apps
Todas las apps
 
Para subir hoy
Para subir hoyPara subir hoy
Para subir hoy
 
Practica 16
Practica 16Practica 16
Practica 16
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Como se hacen los gif animados
Como se hacen los gif animadosComo se hacen los gif animados
Como se hacen los gif animados
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4 de gaem
Unidad 4 de gaemUnidad 4 de gaem
Unidad 4 de gaem
 
Practica7
Practica7Practica7
Practica7
 
Practica16
Practica16Practica16
Practica16
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
17 por
17 por17 por
17 por
 
Informe#17
Informe#17Informe#17
Informe#17
 

Similar a CreacióN De Una Interfaz GráFica Del Usuario(Gui) (20)

Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Conociendo Visual Basic
Conociendo Visual BasicConociendo Visual Basic
Conociendo Visual Basic
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación_VisualBasic
Presentación_VisualBasicPresentación_VisualBasic
Presentación_VisualBasic
 
Presentación de VisualBasic
Presentación de VisualBasicPresentación de VisualBasic
Presentación de VisualBasic
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Unidad 4 "Manipular botones"
Unidad 4 "Manipular botones"Unidad 4 "Manipular botones"
Unidad 4 "Manipular botones"
 
Minimanual usuario gg cloud
Minimanual usuario gg cloudMinimanual usuario gg cloud
Minimanual usuario gg cloud
 
G) formularios 2
G) formularios 2G) formularios 2
G) formularios 2
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Practica 16
Practica 16Practica 16
Practica 16
 
Practica 16
Practica 16Practica 16
Practica 16
 
Practica 16
Practica 16Practica 16
Practica 16
 
Practicas De Windows
Practicas De WindowsPracticas De Windows
Practicas De Windows
 
Práctica 16
Práctica 16Práctica 16
Práctica 16
 
Practica 16
Practica 16Practica 16
Practica 16
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Eclipse
EclipseEclipse
Eclipse
 

Último

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 

Último (15)

Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Presentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilPresentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmeril
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
presentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxpresentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptx
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 

CreacióN De Una Interfaz GráFica Del Usuario(Gui)

  • 1. Creación de una Interfaz Gráfica del Usuario(GUI) Versión 7 Marzo 2006 Autor: Arturo Salinas C.
  • 2. Para crear una interfaz gráfica proceda a seleccionar en MATLAB: FILE, NEW GUI
  • 3. Aparece la siguiente ventana: Haga clic sobre el botón OK con el botón izquierdo del ratón
  • 5. Si los controles de la izquierda de la ventana anterior no tienen visibles sus nombres, proceda a seleccionar de la barra menú la opción FILE, PREFERENCES y obtendrá la ventana:
  • 6. Active la casilla de verificación SHOW NAMES IN COMPONENTS PALETTE como se aprecia en la siguiente ventana:
  • 7. La ventana quedará como se aprecia a continuación:
  • 8. Proceda a guardar este GUI yendo a FILE, SAVE AS dando nombre EJEMPLO1 y pulsar botón del ratón sobre el botón GUARDAR como se aprecia a continuación.
  • 9. Ahora bien, procederemos a insertar tres BOTONES DE COMANDO(PUSH BUTTOM). Para ello haga clic sobre el botón PUSH BUTTOM y arrastre hacia el área de gráficos como se aprecia en la ventana siguiente:
  • 10. Ubique cursor del ratón sobre el botón recién creado y pulse el botón derecho del ratón y obtendrá el menú contextual siguiente:
  • 11. Elija la opción DUPLICATE y le creará una copia de ese botón. Repita la acción y tendrá la siguiente ventana:
  • 12. Arrastre los botones de modo que queden como se ve en la siguiente ventana:
  • 13. Ubíquese sobre el primer botón y pulse botón izquierdo del ratón y le aparecerá una ventana cuyo título es PROPERTY INSPECTOR vaya a la propiedad STRING y ponga el texto Grafico 1 como se observa en la siguiente ventana:
  • 14. Ahora cierre el cuadro de diálogo PROPERTY INSPECTOR y realice la misma acción anterior sobre el segundo botón de comando y en la propiedad STRING digite Grafico 2 como se aprecia a continuación:
  • 15. Ahora cierre el cuadro de diálogo PROPERTY INSPECTOR y realice la misma acción anterior sobre el tercer botón de comando y en la propiedad STRING digite Grafico 3 como se aprecia a continuación:
  • 16. A continuación, procederemos a guardar el GUI nuevamente y nos aparecerá la siguiente ventana. Ubique la función pushbuttom1_Callback que se encuentra casi al final del archivo
  • 17. Inserte las siguientes instrucciones en esa función y en la posición que se indica en la siguiente ventana:
  • 18. Haga lo mismo con la función pushbuttom2_Callback y agregue las instrucciones que se indican a continuación:
  • 19. Finalmente proceda a agregar las siguientes instrucciones en la función pushbuttom3_Callback
  • 20. Con lo anterior tenemos nuestro GUI completo por lo tanto lo guardaremos: Después salimos desde ese GUI
  • 21. Probaremos el GUI recién terminado para lo cual desde la ventana de comandos de MATLAB digite ejemplo1 y aparecerá la siguiente pantalla:
  • 22. Damos un clic sobre el botón con nombre Grafico 1 y vemos la siguiente pantalla:
  • 23. Bueno, ahora hacemos un clic sobre el botón con nombre Grafico 2 y vemos la siguiente pantalla:
  • 24. Bueno, ahora hacemos un clic sobre el botón con nombre Grafico 3 y vemos la siguiente pantalla:
  • 25. Si obtenemos los resultados anteriores, significa que nuestro GUI está perfecto por lo que lo podremos utilizar en el futuro o modificarlo para agregarle otros objetos. Hemos logrado confeccionar rápidamente una demostración bastante simple pero que nos ilustra la facilidad de esta herramienta para producir material de apoyo.