PRCTICA08.GUIDECalculadora

MontorLscaresPedroAntonioOrtizRosasMario

ContenidoCaptulo1............................................................................................................................................2Introduccin....................................................................................................................................2

Captulo2............................................................................................................................................3MarcoTerico.................................................................................................................................32.2Matlab...................................................................................................................................32.3Guide.....................................................................................................................................3

Captulo3............................................................................................................................................5Desarrolloyresultados...................................................................................................................53.1ProgramacinenGUIDE........................................................................................................5

Captulo4..........................................................................................................................................15Conclusiones.................................................................................................................................15

Bibliografa........................................................................................................................................16

Captulo1IntroduccinLas interfacesgrficasdeusuario (GUIGraphicalUser Interfaceen ingls),es la formaenqueelusuariointeractaconelprogramaoelsistemaoperativodeunacomputadora.UnaGUIcontiendiferenteselementosgrficostalescomo:botones,camposdetexto,mens,grficos,etc.Existendiferentes lenguajesdeprogramacinquepermitencrearunaGUI talescomo:C,VisualBasic,TK,etc.Solopormencionaralgunos.TodosellosperimitenusarunamaneramuysencillausandoGUIDE(GraphicalUserInterfaceDevelopmetEnviroment).

Captulo2MarcoTerico

Aqu se presentar la teora de una manera reducida de los elementos queconforman nuestro sistema, para informacin ms detallada se puede consultar labibliografa.2.2Matlab

MATLABesunacrnimodeMatrixLaboratory.Actualmenteesunodelosentornosde programacin ms usados en el campo acadmico como en la industria para larealizacindeclculospoderososycreacindeinterfaces.

Ellenguajedeprogramacinproporcionaunsencilloaccesoaalgoritmosnumricosqueincluyenmatrices,consideradocomounlenguajedeprogramacinmatemticodealtonivelintegradoenunentornogrficoamigable,visualizacindedatos,funciones,grficas2Dy3D,procesamientosdeimgenes,video,computacinnumrica,etc.Particularmente,eningenieraesunaherramientamuypoderosapararealizaraplicacionesenmecatrnica,robtica,controlyautomatizacin.[2]

Figura2.1:LogodeMatlab

2.3GuideLa interfazgrficadeusuariodeMATLAB recibeelnombredeGraphicalUser InterfaceDevelopmentEnviroment(GUIDE),eslamaneraenqueelusuariopuedeinteractuarconunprogramadeformasencilla,detalformaquepermitetrabajarintuitivamente.Contienediferenteselementosgrficos tales como:botones,barrasdeslizantes, campode texto,mens,grficos,inspectordepropiedades,etc.Guideproporcionaunentornogrficoalusuarioquefacilitaeldiseodeaplicacionespormediodebloquespara representarenlacesdinmicosgenerandouna interfazgrficaalusuarioparainteractuarconelprograma.

Cuando se iniciaelambienteGUIDE seobtieneunaventana como laque semuestraacontinuacin,haydosopcionesdetrabajosobreestaventanainicial:unapuedeserparacrearunanuevaaplicacinGUIoabriralgunayaexistente.

Figura 2.2: Inicio del entorno GUIDE.

Figura 2.2: Sesin nueva en blanco.

Captulo3Desarrolloyresultados3.1ProgramacinenGUIDEParacrearunacalculadora,enestecasoseraunGUIenMatlabusamosGUIDEyaseaquetecleemosguideenlaventanadecomandosdeMatlaboloejecutemosdelmenprincipalFile>New>GUI.

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

UnavezhecholoanteriorMatLabnosmostrarunreadediseosimilaralafigura2.2.Enlapartesuperior se encuentran losmens y opciones deGUIDE, en la parte izquierda se aprecian losdiferentescontrolesyenlapartecentralelreadediseodondepondremosloscontrolesausar.Unavezabiertounnuevoproyecto,seprocedeconeldiseodelainterfaz.Paso1reasdetrabajo.Delaventanadecomponentesdelladoizquierdo,Seleccionarpanelysedibujancuatrocuadros,estosparadelimitarlasreas.

Paracambiarlaspropiedadesdecadapanelseselecciona>botnderecho>PropertyInspector,yenlaventanaqueaparecesemodificanestostresparmetros:

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

Deigualmanerasemodificanlosdemspanelesparaquedardelasiguienteforma:

Paso2Botonesdeoperacin.Delaventanadecomponentes,seleccionarPushButtoneinsertarcuatroenelreadeoperacin.

Paraeditarlaspropiedadesdelosbotonesenexactamentecomoenlaedicindelospaneles,enestecasosolosemodificaennombredelbotn,secambiaStringporelsmbolodecadaoperacinyeltamaodelsmbolo(FontSize).

Paso3Textodeidentificacin.SeleccionarelStaticTexteinsertardosenelreadeNmeros.Estossonparaidentificarlosnmerosaoperar,asquesoloseeditaenlaspropiedadeselStringporlaetiquetaNo.1yNo.2,quedandodelasiguienteforma.

Paso4Camposdenmeros.SeleccionarelEditTexteinsertardosenelreadeNmeros.Estoscamposserndondeelusuariopodrescribirlosnmerosaoperar.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 losbotones.

Unavezabiertoelcdigo,seleccionamoselPushButtonsuma>clickderecho>ViewCallbacks>Callback.EstospasosindicarenquepartedelcdigosepodrhacerlaprogramacindeestePushButton.

Unavezubicados,seprogramalafuncinsuma.

Nota:Ladefinicindeedit2yedit3sedefinecorroborandoelnombre,esdecir,enelcampodenmeros(Edittext),conlaventanadepropiedadesenladescripcinTagdiceelnombre,steeselqueseesribe.EncasodeAseriaelCampodesignadoparaelprimernmeromientrasqueelenBseraencampodesignadoparaelsegundonmeroaoperar.Enelcasodetext4,esteeselnombredelStaticTextdondesermostradoelresultado,paraellosecorroboraelnombreenpropiedadesenladescripcinTag.Elnombredelosbotonesdependerdelordenenquefuedibujadalainterfaz,porelloennecesariocorroborarelnombredecadacomponente.Yaqueseprogramlafuncinsuma,serdeigualformaparalasdems,solocambiandolaoperacin(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.

Captulo4ConclusionesMatlabesunsoftwarequepermiteeldesarrollodeprogramacinjuntoconunainterfazgrficalacual facilitaaunusuarioelusodeunprograma.ElambientedeprogramacinGUIDE facilita laedicindetextoycoloresparapersonalizaruna interfazyqueestaseaamigableconelusuario.Ademsdeserfcildeusaryprogramar.Estaprcticadecalculadoraesunejemplobsicoparacomprender y familiarizarse con esta funcin que te proporciona Matlab, esto permitir msadelantedesarrollar interfacesms completas y conmayes funciones, incluso laposibilidaddeejecutarlaconhardware.

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