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

ESCUELA DE INFORMTICA EDUCATIVA

NOMBRE DEL ALUMNO: ANDREA MELENDEZ

ASIGNATURA LENGUAJE DE PROGRAMACIN ORIENTADA A OBJETOS

TEMA DE INVESTIGACIN INTERFAZ GRAFICA DE USUARIOS

DOCENTE ING: HENRY ALBAN

CUARTO CICLO 2012 -2013

UNIVERSIDAD ESTATAL DE BOLVAR FACULTAD CIENCIAS DE LA EDUCACIN SOCIALES FILOSFICAS Y HUMANSTICAS 1. DATOS PERSONALES CUARTO CICLO DE INFORMTICA EDUCATIVA Nombre: ANDREA ESTEFANYA MELENDEZ CHILENO Fecha de Nacimiento: 22 de FEBRERO 1993 Edad: 19 aos Nacionalidad: ecuatoriana Estado civil: Soltera Direccin: Guaranda Telfono: 0986098940 E-mail. andreaestefanyam@gmail.com C. I: 0202286928 2. INFORMACIN ACADMICA Institucin Primaria Manuel de Echanda Institucin Secundaria Instituto Tecnolgicongel Polibio chaves Titulo Otorgado Administracin en Sistemas 3. UNIVERSITARIOS Universidad Estatal De Bolvar Especialidad Informtica Educativa (En Curso)

INTRODUCCIN

El origen de la GUI se podra decir que tuvo lugar gracias a las teoras de Vannevar Bush. En el cual propona una herramienta de informacin y administracin: Memex. Dicho sistema permita almacenar y hacerlos ms accesibles, vinculndolos entre ellos.Las interfaces

grficas surgen de la necesidad de hacer los ordenadores ms accesibles para el uso de los usuarios comunes. Es aquella parte de un programa que se comunica con el usuario mediante representaciones grficas. Programa informtico, utiliza un conjunto de imgenes y objetos grficos.Conjunto de elementos hardware y software de un ordenador que presentan informacin al usuario y le permiten interactuar con la informacin y con el ordenador. Grupo de elementos a travs de los cuales un usuario interacta con un objeto que realiza una determinada tarea. El ser humano interacta con los objetos que le rodean, y tiene unas expectativas de cmo deben comportarse, basado en experiencias anteriores con ellos. En la interaccin persona ordenador es el artefacto que posibilita trabajar con el computador.Los componentes del Software son elementos que el usuario ve, los que apunta o toca en la pantalla. Tipo de entorno que permite al usuario elegir comandos, iniciar programas, ver listas de archivos y otras opciones utilizando las representaciones. Mediante la Interfaz Grfica de Usuarios se hiso posible que las personas pudieran acceder a un ordenador sin tener que pasar por el tortuoso proceso de tener que aprender a manejar un entorno bajo lnea de rdenes. Una buena aplicacin GUI debe tener facilidad de uso para un ratonero o manejar el teclado sin ratn. DESARROLLO Componentes comunes de la GUI Paneles: Existen dos, uno arriba y otro abajo. Se utilizan para iniciar aplicaciones de una forma rpida y sencilla. El escritorio: Espacio entre los dos paneles, donde se pueden colocar los documentos y elementos que utilice ms frecuentemente. Men de aplicaciones: Con los principales programas de Gnome, agrupados segn su funcionalidad. Men de acciones: Algunas de las labores ms frecuentes.

Barra de botones: Podr colocar las aplicaciones que utilice ms frecuentemente para poder correrlas con un solo clic. Selector de ventanas: Es un pequeo cono a la derecha del reloj que permite seleccionar alguna de las aplicaciones en ejecucin. Botn minimizar todo: Esconde temporalmente las aplicaciones en ejecucin para dar acceso al escritorio. Espacios de trabajo: Si tiene muchas aplicaciones abiertas al mismo tiempo, puede distribuirlas en varios escritorios. conos: Representaciones grficas de programas, archivos, documentos o lugares de su computador. Indagan ser fciles de recordar. Equipo: Le permite examinar aquellos dispositivos del computador en los que pueden haber datos: su unidad de CD-ROM, su Flash. Papelera: Se puede arrastrar un archivo o una carpeta y soltarla sobre la papelera para eliminarla. En el escritorio: Tambin puede colocar sus propios archivos y carpetas y organizarlos segn sus preferencia.
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 o no 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 e el cuadro. JLis: 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

Controles de entrada Son elementos de la interfaz que el usuario interacta.

Cuadro de texto: Representacin similar a una caja en la que puede introducir texto o nmeros. Fecha selector: Muestra un calendario y permite al usuario seleccionar una fecha. Texto rea de la caja: Permite mltiples lneas de texto. Slider: 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 una barra vertical y hacia arriba y abajo teclas de direccin que el usuario utiliza para ajustar el valor en el cuadro de texto adyacente. Button: Se trata de una imagen con apariencia de botn se puede presionar haciendo clic sobre ella. Cuadro combinado o lista desplegable: Elementos entre los que elegir. Vista de rbol: Este control presenta una visin jerrquica de la informacin. Radio botn: Se trata de un botn, similar a la casilla de verificacin, excepto que slo un elemento de un grupo puede ser seleccionado. Datos rejilla o cuadrcula: Permite nmeros o texto que deber inscribirse en filas y columnas. En Gambas es 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. Controles de salida Label o textlabel: Funcin que despliega algn texto en el formulario. Tooltip: Funciona en conjunto con el cursor del ratn, cuando el usuario posa el cursor sobre un elemento, sin hacer clic sobre l, un pequeo recuadro aparece con informacin suplementario sobre el objeto. Progress bar: Control tipo barra que despliega el progreso de una tarea como cuando descargas un archivo en tu navegador de internet. Contenedores Obtencin de los controles en un formulario es la parte fcil. La organizacin de ellos para que crear una interfaz intuitiva y atractiva es un autntico desafo. Posibilidades de interfaz son casi infinitas. Hay controles que contiene otros controles contenedores llamados que hace posible optimizar el espacio. Gambas ofrece una coleccin de contenedores

HSplit: Divisor horizontal que distribuye sus widgets horizontalmente, y permite al usuario cambiar su tamao arrastrando el lmite entre ellos. Herramienta panel: Contenedor caja de herramientas con variadas barras de herramientas vertical desplazable HPanel: Contenedor que organiza sus componentes hijos, de arriba a abajo y luego de izquierda a derecha. Panel lateral: Recipiente que se puede ocultar o cambiar de tamao. HBox: Caja contenedora horizontal que organiza sus controles secundarios en una sola fila. VBox: Recipiente vertical, que organiza sus widgets en una sola columna Frame: Recipiente con un borde grabado y una etiqueta que le permite organizar los controles relacionados bajo la misma descripcin y el rea. Expander: Contenedor que puede reducir el tamao para ocultar su contenido o ampliar para mostrarlos. Asistente paneles: Recipiente de mltiples que proporciona una funcionalidad de tipo asistente. Controles personalizados Se pueden crear controles personalizados con la combinacin de otros controles y basndose en los ya existentes Informacin del bar: control ms utilizado en el navegador web Firefox y Internet Explorer para mostrar informacin no crtica para el usuario. Barra de estado: 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. Barras de herramientas con pestaas: Se relaciona bsicamente de la misma cinta, pero no estn destinadas a sustituir la barra de mens ni barras de herramientas Manzana globo de ayuda: Control que 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. Conclusiones

1. Puedo decir que este tema es de mucha importancia pues as seguimos obteniendo conocimientos bsicos. 2. Es un tema muy interesante porque es por donde el hombre interacta con el computador 3. Durante el transcurso del tiempo la GUI ha ido evolucionando. 4. Mejorando para que los usuarios tengan un mejor acceso a la mquina. Recomendaciones 1. Tomar en cuenta los elementos que puedo usar para crear controles personalizados. 2. Tener cuidado con cada uno de los componentes tanto de hardware como software pues un mal funcionamiento puede ocasionar errores. 3. Este tema es de gran importancia por lo que en la actualidad se debera poner en prctica. 4. Al momento de usar tener confianza en si mismo para interactuar con el computador. Bibliografa Interfaz Grafica. En H:\GUI\evin0258.htm Interfaz Grafica. En H:\GUI\interfaz-grafica-11298501.htm Gambas Elementos de la interfaz grfica de usuario. 28 de mayo de 2009. En http://es.wikibooks.org/w/index.php?title=Gambas/Elementos_de_la_GUI&oldid=118 586 Garca, Y. (2011, Noviembre 01). Interfaz grafica. Interfaz grafica. Descargado el 27 de Noviembre 11298501. de 2012, de http://www.slideshare.net/Yoleanny/interfaz-grafica-