SlideShare una empresa de Scribd logo
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

Practica 8
Practica 8Practica 8
Practica 8
Manuel Gutierrez
 
Como crear un dvd, con menú.
Como crear un dvd, con menú.Como crear un dvd, con menú.
Como crear un dvd, con menú.
Rastriador
 
Para subir hoy
Para subir hoyPara subir hoy
Para subir hoytaniamabel
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
karlycalleja
 
Informe#17
Informe#17Informe#17
Informe#17
paulcuenca9
 

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)

Conociendo Visual Basic
Conociendo Visual BasicConociendo Visual Basic
Conociendo Visual Basic
Silvina Micheloud
 
Presentación de VisualBasic
Presentación de VisualBasicPresentación de VisualBasic
Presentación de VisualBasicSilvina Micheloud
 
Presentación_VisualBasic
Presentación_VisualBasicPresentación_VisualBasic
Presentación_VisualBasic
Silvina Micheloud
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
Lismirabal
 
Minimanual usuario gg cloud
Minimanual usuario gg cloudMinimanual usuario gg cloud
Minimanual usuario gg cloud
Agneta Gallardo
 
G) formularios 2
G) formularios 2G) formularios 2
G) formularios 2
Silvia Romera
 
Practicas De Windows
Practicas De WindowsPracticas De Windows
Practicas De Windows
aidaa
 
Eclipse
EclipseEclipse
Eclipse
Juan Reyes
 

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

Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Presentación1
Presentación1Presentación1
Presentación1
 
Conociendo Visual Basic
Conociendo Visual BasicConociendo Visual Basic
Conociendo Visual Basic
 
Presentación de VisualBasic
Presentación de VisualBasicPresentación de VisualBasic
Presentación de VisualBasic
 
Presentación_VisualBasic
Presentación_VisualBasicPresentación_VisualBasic
Presentación_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

proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
raquelariza02
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
Leidyfuentes19
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
rafaelsalazar0615
 
Robótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptxRobótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptx
44652726
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
JulyMuoz18
 
Inteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdfInteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdf
Emilio Casbas
 
Conceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación ProyectoConceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación Proyecto
cofferub
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Telefónica
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
ItsSofi
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
jjfch3110
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
DanielErazoMedina
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
PABLOCESARGARZONBENI
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
cj3806354
 
Alan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentaciónAlan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentación
JuanPrez962115
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
thomasdcroz38
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
ManuelCampos464987
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
AlejandraCasallas7
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
CrystalRomero18
 

Último (20)

proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
 
Robótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptxRobótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptx
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
 
Inteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdfInteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdf
 
Conceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación ProyectoConceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación Proyecto
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
Alan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentaciónAlan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentación
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
 

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.