Вы находитесь на странице: 1из 9

UNIVERSIDAD ESTATAL DE BOLVAR FACULTAD DE CIENCIAS DE LA EDUCACIN SOCIALES, FILOSFICAS Y HUMANSTICAS

ESCUELA CIENCIAS DE LA INFORMTICA ESTUDIANTE: JHONY OCHOA

ASIGNATURA: LENGUAJE DE PROGRAMACIN (II) TEMA DE INVESTIGACIN: ELEMENTOS DE LA (GUI) DOCENTE: ING: HENRY ALBAN CURSO: CUARTO CICLO AO LECTIVO: 2012 -2013

UNIVERSIDAD ESTATAL DE BOLVAR FACULTAD CIENCIAS DE LA EDUCACIN SOCIALES FILOSFICAS Y HUMANSTICAS

1. DATOS PERSONALES CUARTO CICLO DE INFORMTICA EDUCATIVA Nombre: Jhony Paul Ochoa Taris Fecha de Nacimiento: 28 de abril de 1989 Edad: 21 aos Nacionalidad: Ecuatoriano Estado civil: Soltero Direccin: Guaranda Telfono: 089362024 E-mail. colin_7@hotmail.es C. I: 0202082707 2. INFORMACIN ACADMICA Institucin Primaria Alberto Flores Gonzlez Institucin Secundaria Instituto Tecnolgico Superior Guaranda Titulo Otorgado Electromecnica automotriz Cursos Realizados Secap (Quito-Ecuador) Mantenimiento y Reparacin del Motor a Gasolina 3. UNIVERSITARIOS Universidad Estatal De Bolvar Especialidad Informtica Educativa (En Curso)

ELEMENTOS DE LA GUI INTRODUCCIN GUI significa Interfaz Grfica de Usuario y por tanto es un conjunto de formas y mtodos que posibilitan la interaccin de un sistema con los usuarios utilizando formas grficas e imgenes,

adems la GUI permite a los usuarios navegar e interactuar con las pantalla informaciones en la de su ordenador

utilizando un ratn para sealar, pulsar y desplazarse por los iconos y otros datos de la

pantalla, en lugar de escribir palabras y frases, los sistemas operativos de Windows y

Macintosh son ejemplos de GUI. El World Wide Web es un ejemplo de un GUI diseado para facilitar la navegacin en Internet. Habitualmente las acciones se realizan mediante manipulacin directa, para facilitar la interaccin del usuario con la computadora ya que esto surge como evolucin de las interfaces de lnea de comandos que se usaban para operar los primeros sistemas operativos y es pieza fundamental en un entorno grfico. Como ejemplos de interfaz grfica de usuario, cabe citar los entornos de escritorio Windows, el X-Window de GNU/Linux o el de Mac OS X, Aqua. En el contexto del proceso de interaccin persona-ordenador, la interfaz grfica de usuario es el artefacto tecnolgico de un sistema interactivo que posibilita, a travs del uso y la representacin del lenguaje visual, una interaccin amigable con un sistema informtico, su principal uso, consiste en proporcionar un entorno visual sencillo para permitir la comunicacin con el sistema operativo de una mquina o computador, actualmente todos o la gran mayora de sistemas operativos cuentan con una interfaz grfica de usuario mientras que antes se usaba solo lneas de comandos.

DESARROLLO 2.1. Componentes comunes de la GUI Una interfaz grfica de usuario (GUI) presenta un mecanismo amigable al usuario para interactuar con una aplicacin. Las GUI se crean a partir de componentes de la GUI, a estos se les conoce tambin como controles o widgets (accesorios de ventana) en otros lenguajes. Un componente de la GUI es un objeto con el cual interacta el usuario mediante el ratn, el teclado u otra forma de entrada como el reconocimiento de voz. El componente mas comn pero al mismo tiempo el ms ignorado es el: Apuntador o cursor.- El cursor es la imagen grfica sobre la pantalla que indica la localizacin de algo y puede ser usado para seleccionar y arrastrar objetos o indicar comandos sobre la pantalla. Mientras que el apuntador es una flecha inclinada, pero puede variar segn los diferentes estatus, operaciones, programas o sistemas operativos. La mayora de las operaciones con el cursor son disparadas al presionar los botones del ratn, tarea que es conocida como hacer click. El click que se hace con el botn izquierdo es llamado solamente click. Componentes bsicos de la GUI JLabel.- Muestra texto que no puede editarse, o iconos JTextField.- Permite al usuario introducir datos mediante el teclado. Tambin se puede utilizar para mostrar texto que puede o no editarse JButton.- Activa un evento cuando se oprime mediante el ratn JCheckBox.- Especifica una opcin que puede seleccionarse.

JComboBox.- Proporciona una lista desplegable de elementos, a partir de los cuales el usuario puede realizar una seleccin, haciendo clic en un elemento o posiblemente escribiendo en el cuadro. JList.- Proporciona una lista de elementos a partir de los cuales el usuario puede realizar una seleccin, haciendo clic en cualquier elemento en la lista. Pueden seleccionarse varios elementos. JPanel.- Proporciona un rea en la que pueden colocarse y organizarse los componentes, tambin puede utilizarse como un rea de dibujo para grficos. 2.2 Controles de entrada Los controles o widgets son los elementos de la interfaz que el usuario interacta en Gambas encontrar los siguientes componentes de entrada: Forma y ventana A estas alturas, usted est familiarizado con el concepto de ventana y la forma. Del cursor del ratn. Usted tambin est familiarizado con este concepto. Cuadro de texto y. Es una representacin similar a una caja en la que puede introducir texto o nmeros. Gambas ofrece el control de cuadro de valores que slo permite entradas numricas Fecha selector Es una ventana que muestra un calendario y permite al usuario seleccionar una fecha. Texto rea de la caja Es igual que el cuadro de texto, slo difiere en que el rea de la caja de texto permite mltiples lneas de texto. Slider Se trata de una barra con un indicador que permite al usuario configurar un valor arrastrando el indicador o haciendo clic en un punto de la barra. Spinner o cuadro de nmero Comnmente es barra vertical y hacia arriba y abajo teclas de direccin que el usuario utiliza para ajustar el valor en el cuadro de texto adyacente.

El valor puede ser aumentado o disminuido dependiendo de qu botn se hace clic. Button Se trata de una imagen con apariencia de botn se puede presionar haciendo clic sobre ella. Cuadro combinado o lista desplegable. Una lista de elementos entre los que elegir. La lista slo muestra los elementos cuando se hace clic en el indicador. Cuadro de lista Una lista de elementos entre los que seleccionar uno o ms. La diferencia con la lista desplegable es que el cuadro de lista utiliza varias lneas y permite selecciones mltiples. Vista de rbol Este control presenta una visin jerrquica de la informacin. Cada elemento o nodo puede tener uno o ms sub-elementos que se pueden ampliar a contenidos mostrados Ms subtemas, y se derrumb para ocultarlos. Marque la casilla Una caja que indica un estado de verdadero o falso a travs de una marca de verificacin. En Gambas encontrar tambin el botn de alternar. Radio botn Se trata de un botn, similar a la casilla de verificacin, excepto que slo un elemento de un grupo puede ser seleccionado. Seleccin de un nuevo elemento en el conjunto de opciones tambin se anula la seleccin del botn seleccionado anteriormente. Datos rejilla o cuadrcula Se trata de una cuadrcula de hoja de clculo que muestra o permite nmeros o texto que deber inscribirse en filas y columnas. En Gambas no es ms que un control de este tipo de datos orientada a: ver columna, vista de cuadrcula, vista de tabla, fuente de datos y la vista de datos.

2.3 Controles de salida Label o text label.- Esta funcin despliega algn texto en el formulario. Tool tip.- Funciona en conjunto con el cursor del ratn, cuando el usuario posa el cursor sobre un elemento, sin hacer click sobre l, un pequeo recuadro aparece con informacin suplementario sobre el objeto. Progress bar.- Es un control tipo barra que despliega el progreso de una tarea como cuando descargas un archivo en tu navegador de internet. 2.4 Contenedores Ventana Acorden Ribbon Disclosure widget (expansor o Combutcon) Cuadro (frame/fieldset) Barra de men (menubar) Panel Panel lateral Pestaa (tab) Barra de herramientas 2.5 Controles personalizados Hay otros controles que no estn incluidos en la caja de herramientas Gambas, pero se pueden crear fcilmente usando una combinacin de controles, en realidad, muchos de los componentes GUI ya descritos son de hecho la combinacin de otros controles. Barra de estado.- Es un control que normalmente se encuentra en la parte inferior de las ventanas para mostrar informacin sobre el estado actual de la ventana o de la aplicacin. Usted puede construir este control utilizando contenedores de panel, etiquetas de texto, barras de progreso y otros controles de salida.

Informacin del bar.- Es un control ms utilizado en el navegador web Firefox y Internet Explorer para mostrar informacin no crtica para el usuario. Desde barra de informacin le permite al usuario leer informacin adicional en su tiempo libre sin interrumpir cualquier actividad del usuario. Manzana globo de ayuda.- Este control muestra el texto de ayuda en los "globos", como los usados en los libros de historietas para mostrar los cuadros de dilogo y funciona muy parecido a los tooltips, pero orientadas a proporcionar ayuda al usuario. Microsoft Office 2007 Ribbon.- Forman parte de la interfaz de usuario ha introducido recientemente fluidez de Microsoft y reemplaza los mens. Barras de herramientas con pestaas.- Se trata bsicamente de la misma cinta, pero no estn destinadas a sustituir la barra de mens ni barras de herramientas. Por cierto, t puedes crear tus propios controles basados en otros ya existentes. CONCLUSIONES 1. De esta forma puedo concluir que la interfaz grfica de usuario sirve como medio para la comunicacin con un sistema y por ende debe proporcionar utilizabilidad. 2. Es un medio sumamente til para todo aquel usuario que lo necesite especialmente para los estudiantes. 3. Se puede lograr que sta sea eficaz, de fcil uso y memorizacin y que incluso provoque emociones en el usuario y en beneficio directo del mismo ya que la interfaz grfica es el punto de comunicacin entre lo que se quiere ensear y el estudiante; el apoyo del contenido del curso, por lo tanto, debe disearse teniendo un conocimiento profundo de las caractersticas del estudiante, no slo para guiarlo, sino para estimularlo a que lo estudie, lo revise y lo explore, y avance en la construccin de su conocimiento.

4. Hoy en la actualidad, las interfaces ms usadas son sin duda las de Microsoft Windows XP, KDE, Aqua y Gnome, esta ltima en menor medida y por ende de buena utilidad. RECOMENDACIONES 1. Que tiene Control y libertad para que el usuario interacte con la computadora de manera fcil. 2. Hoy en la actualidad ya no se usan lneas de comandos y les sugiero trabajar de manera rpida y sencilla con el mouse. 3. Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de los errores. 4. Que los usuarios lo lleven a un buen estudio de este sistema y que no desaprovechen la tecnologa. BIBLIOGRAFA ASTD. (s.f.). Interface. [Documento en lnea]. Disponible: http://www.ahciet.net/si/educacion/glosario/glosario.asp[consulta 02/26/2001]. http://es.wikipedia.org/wiki/Interfaz_gr%C3%A1fica_de_usuario http://www.monografias.com/trabajos67/diagramas-uml/diagramasuml2.shtml http://www.alegsa.com.ar/Dic/gui.php http://www.pergaminovirtual.com.ar/definicion/GUI.html http://es.wikibooks.org/wiki/Gambas/Elementos_de_la_GUI