PRCTICA08.

GUIDE
Calculadora
MontorLscaresPedroAntonio
OrtizRosasMario

Contenido
Captulo1............................................................................................................................................2
Introduccin....................................................................................................................................2
Captulo2............................................................................................................................................3
MarcoTerico.................................................................................................................................3
2.2Matlab...................................................................................................................................3
2.3Guide.....................................................................................................................................3
Captulo3............................................................................................................................................5
Desarrolloyresultados...................................................................................................................5
3.1ProgramacinenGUIDE........................................................................................................5
Captulo4..........................................................................................................................................15
Conclusiones.................................................................................................................................15
Bibliografa........................................................................................................................................16

Captulo1
Introduccin

Lasinterfacesgrficasde usuario(GUIGraphicalUserInterface eningls),eslaformaen queel

usuariointeractaconelprogramaoelsistemaoperativodeunacomputadora.UnaGUIcontien
diferenteselementosgrficostalescomo:botones,camposdetexto,mens,grficos,etc.
Existen diferentes lenguajes de programacin que permiten crear una GUI tales como: C, Visual
Basic, TK, etc. Solo por mencionar algunos. Todos ellos perimiten usar una manera muy sencilla
usandoGUIDE(GraphicalUserInterfaceDevelopmetEnviroment).

Captulo2
MarcoTerico

Aqu se presentar la teora de una manera reducida de los elementos que

conforman nuestro sistema, para informacin ms detallada se puede consultar la
bibliografa.

2.2Matlab

MATLABesunacrnimodeMatrixLaboratory.Actualmenteesunodelosentornos
de programacin ms usados en el campo acadmico como en la industria para la
realizacindeclculospoderososycreacindeinterfaces.

Ellenguajedeprogramacinproporcionaunsencilloaccesoaalgoritmosnumricos
queincluyenmatrices,consideradocomounlenguajedeprogramacinmatemticodealto
nivelintegradoenunentornogrficoamigable,visualizacindedatos,funciones,grficas
2Dy3D,procesamientosdeimgenes,video,computacinnumrica,etc.Particularmente,
eningenieraesunaherramientamuypoderosapararealizaraplicacionesenmecatrnica,
robtica,controlyautomatizacin.[2]

Figura2.1:LogodeMatlab

2.3Guide

La interfaz grfica de usuario de MATLAB recibe el nombre de Graphical User Interface

DevelopmentEnviroment(GUIDE),eslamaneraenqueelusuariopuedeinteractuarcon
unprogramadeformasencilla,detalformaquepermitetrabajarintuitivamente.Contiene
diferentes elementos grficos tales como: botones, barras deslizantes, campo de texto,
mens,grficos,inspectordepropiedades,etc.

Guideproporcionaunentornogrficoalusuarioquefacilitaeldiseodeaplicacionespor
medio de bloques para representar enlaces dinmicos generando una interfaz grfica al
usuarioparainteractuarconelprograma.

Cuando se inicia el ambiente GUIDE se obtiene una ventana como la que se muestra a
continuacin,haydosopcionesdetrabajosobreestaventanainicial:unapuedeserpara
crearunanuevaaplicacinGUIoabriralgunayaexistente.

Figura 2.2: Inicio del entorno GUIDE.

Figura 2.2: Sesin nueva en blanco.

Captulo3
Desarrolloyresultados

3.1ProgramacinenGUIDE

Paracrearunacalculadora,enestecasoseraunGUIenMatlabusamosGUIDEyaseaquetecleemos
guideenlaventanadecomandosdeMatlaboloejecutemosdelmenprincipalFile>New>GUI.

Figura 3.1: Ejecucin de GUIDE usando el men principal o la ventana de comandos.

UnavezhecholoanteriorMatLabnosmostrarunreadediseosimilaralafigura2.2.Enlaparte
superior se encuentran los mens y opciones de GUIDE, en la parte izquierda se aprecian los
diferentescontrolesyenlapartecentralelreadediseodondepondremosloscontrolesausar.
Unavezabiertounnuevoproyecto,seprocedeconeldiseodelainterfaz.
Paso1reasdetrabajo.Delaventanadecomponentesdelladoizquierdo,Seleccionarpanelyse
dibujancuatrocuadros,estosparadelimitarlasreas.

Paracambiarlaspropiedadesdecadapanelseselecciona>botnderecho>PropertyInspector,
yenlaventanaqueaparecesemodificanestostresparmetros:

BackgroundColor:Cambiodecolor(Grisoscuro).
Title:Nombredelpanel(Calculadora).
FontSize:Tamaodelentra(16).

Deigualmanerasemodificanlosdemspanelesparaquedardelasiguienteforma:

Paso2Botonesdeoperacin.Delaventanadecomponentes,seleccionarPushButtoneinsertar
cuatroenelreadeoperacin.

Paraeditarlaspropiedadesdelosbotonesenexactamentecomoenlaedicindelospaneles,en
estecasosolosemodificaennombredelbotn,secambiaStringporelsmbolodecadaoperacin
yeltamaodelsmbolo(FontSize).


Paso3Textodeidentificacin.SeleccionarelStaticTexteinsertardosenelreadeNmeros.
Estossonparaidentificarlosnmerosaoperar,asquesoloseeditaenlaspropiedadeselString
porlaetiquetaNo.1yNo.2,quedandodelasiguienteforma.

Paso4Camposdenmeros.SeleccionarelEditTexteinsertardosenelreadeNmeros.Estos
camposserndondeelusuariopodrescribirlosnmerosaoperar.
EnpropiedadessetienequeborrareltextopordefaultenelString.

Paso 5 Muestra de resultado. Se selecciona Static Text y se inserta en el rea de resultado,

modificandolaspropiedadesparaborrareltextodedefault(String).

Paso 6 Programacin de botones. Se guarda el proyecto con el nombre de Calculadora,

automticamente se abre el archivo con extensin .m donde se programar la funcin de los
botones.

Unavezabiertoelcdigo,seleccionamoselPushButtonsuma>clickderecho>ViewCallbacks>
Callback.EstospasosindicarenquepartedelcdigosepodrhacerlaprogramacindeestePush
Button.


Unavezubicados,seprogramalafuncinsuma.

Nota:Ladefinicindeedit2yedit3sedefinecorroborandoelnombre,esdecir,enelcampode
nmeros(Edittext),conlaventanadepropiedadesenladescripcinTagdiceelnombre,steesel
queseesribe.EncasodeAseriaelCampodesignadoparaelprimernmeromientrasqueelenB
seraencampodesignadoparaelsegundonmeroaoperar.

Enelcasodetext4,esteeselnombredelStaticTextdondesermostradoelresultado,paraello
secorroboraelnombreenpropiedadesenladescripcinTag.
Elnombredelosbotonesdependerdelordenenquefuedibujadalainterfaz,porelloen
necesariocorroborarelnombredecadacomponente.

Yaqueseprogramlafuncinsuma,serdeigualformaparalasdems,solocambiandola
operacin(Inclusosepuedehacersolouncopypasteysolocambiarlaoperacin).


Solobastaguardarelproyectoylacalculadorasepuedeoperar.

Paso7Prueba.Seejecutalainterfazysepruebanvalores.

Figura 3.1.7.1: Prueba suma.

Figura 3.1.7.2: Prueba resta.


Figura 3.1.7.3: Prueba multiplicacin.

Figura 3.1.7.4: Prueba divisin.

Captulo4
Conclusiones

Matlabesunsoftwarequepermiteeldesarrollodeprogramacinjuntoconunainterfazgrficala
cual facilita a un usuario el uso de un programa. El ambiente de programacin GUIDE facilita la
edicindetextoycoloresparapersonalizarunainterfazyqueestaseaamigableconelusuario.
Ademsdeserfcildeusaryprogramar.Estaprcticadecalculadoraesunejemplobsicopara
comprender y familiarizarse con esta funcin que te proporciona Matlab, esto permitir ms
adelante desarrollar interfaces ms completas y con mayes funciones, incluso la posibilidad de
ejecutarlaconhardware.

Bibliografa

[1]Ogata,Katsuhiko(1996).SistemasdeControlenTiempodiscreto.2da.Edicin.Editorial
PrenticeHallHispanoamericanaS.A.
[2]ReyesCorts,F.;CidMonjaraz,J.&VargasSoto,E.(2013).Mecatrnica,Controly
Automatizacin.Alfaomega:Mxico.
[3]ReyesCorts,F.(2012).MATLABAplicadoaRobticayMecatrnica.Alfaomega:
Mxico.