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

ESCUELA DE INFORMTICA EDUCATIVA NOMBRE: DARWIN PATRCIO PILCO SORIA ASIGNATURA LENGUAJE DE PROGRAMACIN ORIENTADA A OBJETOS

TEMA DE INVESTIGACIN INTERFAZ GRAFICA DE USUARIOS DOCENTE ING: HENRY ALBAN

CUARTO CICLO 2012 -2013

INTRODUCCION En esta introduccin se trataran temas o ideas referentes a la interfaz grfica de usuario dando una breve explicacin sobre el concepto bsico de la GUI su evolucin y ventajas, en detalle es una manera de interactuar con la computadora y el usuario, creando un entorno sociable a travs de la manipulacin directa del escritorio del sistema operativo iconos, paneles o ventanas, adems tomemos en cuenta la gran evolucin que ha tenido en los ltimos tiempos, recordemos que anteriormente se usaban un sin nmero de cdigos para emitir ordenes bsicas y su legibilidad no era agradable, pero por medio de la GUI obtenemos un entorno visual sencillo para permitir la comunicacin con el sistema operativo de una mquina o computador. Esto ha beneficiado a los usuarios de manera considerable puesto que fcilmente acceden a la informacin necesitada. Esta accin es ayudada por un dispositivo llamado mouse (ratn). Tambin se menciona los elementos de la GUI tales como los componentes comunes, controles de entrada, controles de salida, contenedores y controles personalizados esto consiste en la entrada y salida de informacin por medio controladores ms conocidos como botones permitindonos la utilizacin de contenedores para mejorar la interfaz de una aplicacin informtica rigindonos bajo un estndar organizado, adems nos permite crear nuestros propios controladores basndonos en los estndares ya existentes y acogindolos como un modelo, no sin poder mejorarlos , siempre y cuando anteponiendo las necesidades del usuario, nos hemos enfocado en un determinado lenguaje de programacin Gambas ya que es una plataforma grfica que nos permite el estudio de esta unidad.

Componentes comunes de la interfaz grafica de usuario Tipos de escritorios Por razones histricas, Linux posee varios tipos de escritorio. Los dos ms conocidos son: KDE Gnome Este curso se centrar en el escritorio Gnome el ms fcil de usar y el ms comn entre los usuarios que estn comenzando a conocer Linux. Elementos de la interfaz grfica Componentes principales: Paneles: son dos, uno arriba y otro abajo. Se utilizan para iniciar aplicaciones de una forma rpida y sencilla. Tambin ofrecen informacin importante para el usuario. El escritorio: espacio entre los dos paneles, donde se pueden colocar los documentos y elementos que utilice ms frecuentemente. Similar a Windows. En el panel superior encontramos: 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: all podr colocar las aplicaciones que utilice ms frecuentemente para poder correrlas con un solo click. Reloj: Con la fecha, hora y un pequeo calendario. conos de estado: algunas aplicaciones colocan sus conos all para indicar que estn en ejecucin. Selector de ventanas: un pequeo cono a la derecha del reloj que permite seleccionar alguna de las aplicaciones en ejecucin. En el panel inferior se encuentran:

La lista de tareas: al igual que en Windows permite conocer qu aplicaciones se estn ejecutando. 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 Los conos son representaciones grficas de programas, archivos, documentos o lugares de su computador. Buscan ser fciles de recordar. Usted podr asociarlos con cosas familiares de su da a da. Los conos pueden ser ligeramente diferentes de equipo en equipo. En todo escritorio usted podr encontrar: Equipo: le permite examinar aquellos dispositivos del computador en los que pueden haber datos: su unidad de CD-ROM, su pen drive, su unidad de diskettes, su disco duro, la red, etc. Carpeta de inicio: cada uno de los usuarios del computador tiene una carpeta de inicio en la que podr guardar toda su informacin. Est separada de las carpetas de inicio de los otros usuarios. Papelera: usted puede arrastrar un archivo o una carpeta y soltarla sobre la papelera para eliminarla. Al igual que la papelera de su oficina, esta papelera no elimina los archivos inmediatamente; se quedan en la papelera hasta que usted le haga click con el botn derecho y seleccione la opcin vaciar la papelera En el escritorio usted tambin puede colocar sus propios archivos y carpetas y organizarlos segn sus preferencias por ejemplo, puede crear una carpeta para los documentos de su trabajo y otro para sus tareas de la universidad. Tambin puede colocar conos de los programas que usted utiliza ms frecuentemente. A los conos (y a casi cualquier elemento de la interfaz de Gnome) usted puede hacerles click con el botn derecho para desplegar un men con opciones y propiedades para ese cono Controles de Entrada

Los controles o widgets son los elementos de la interfaz que el usuario interacta. En Gambas encontrar los componentes de entrada siguientes: Forma y ventana. A estas alturas, usted est familiarizado con el concepto de ventana y la forma. Del cursor del ratn. Usted tambin estn familiarizados con este concepto. Cuadro de texto. 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 bar aa 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. Controles de salida En una lista separada estan los controles de salida que no tienen interactividad alguna: Label o text label. Esta funcin despliega algn texto en el formulario.

Tool tip. Funciona en conjuto con el cursor del raton, cuando el usuario posa el cursor sobre un elemento, sin hacer click sobre el, 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. 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 el verdadero reto. Posibilidades de interfaz son casi infinitas, as que no puedo decir cmo disear cualquier interfaz dada. Hay controles que contiene otros controles contenedores llamados que hace posible optimizar el 'espacio' (si tal palabra es aplicable al mundo del diseo GUI) del formulario. Gambas ofrece una rica coleccin de contenedores, an se pueden ver algunas de ellas en el IDE de Gambas en s mismo. HBox. Se trata de una caja contenedora horizontal que organiza sus controles secundarios en una sola fila. VBox. Es recipiente vertical, que organiza sus widgets hijos en una sola columna. HPanel. Se trata de un contenedor que organiza sus componentes hijos, de arriba a abajo y luego de izquierda a derecha. VPanel. Se trata de un contenedor que organiza sus hijos, de izquierda a derecha, y de arriba abajo.

HSplit. Es un divisor horizontal que distribuye sus widgets hijos horizontalmente, y permite al usuario cambiar su tamao arrastrando el lmite entre ellos. Vsplit. Es un divisor vertical que distribuye sus hijos verticalmente, y que permite al usuario cambiar su tamao arrastrando el lmite entre ellos. Panel. Se trata de un recipiente con un borde cambiante que le permite organiza los componentes relacionados bajo la misma rea. Frame. Se trata de un recipiente con un borde grabado y una etiqueta que le permite organizar los controles relacionados bajo la misma descripcin y el rea. Tab tira. Se trata de un recipiente de mltiples con una pequea caja rectangular que contiene una etiqueta de texto o icono grfico asociado con un panel de vista. Cuando se activa el panel de visualizacin muestra los controles asociados a esa pestaa, grupos de pestaas permiten al usuario cambiar rpidamente entre los diferentes widgets. Desplcese vista. Se trata de un recipiente rectangular que permite desplazarse de su contenido muestra automticamente barras de desplazamiento cuando algunos de sus controles hijos no son completamente visibles. Expander. Se trata de un contenedor que puede reducir el tamao para ocultar su contenido o ampliar para mostrarlos. Panel lateral. Es un recipiente que se puede ocultar o cambiar de tamao. Este recipiente debe ser puesto a un lado de su padre. Herramienta panel. Se trata de un contenedor caja de herramientas con mltiples barra de herramientas vertical desplazable Asistente paneles. Se trata de un recipiente de mltiples que proporciona una funcionalidad de tipo asistente. 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. Yyou ver este control sobre los navegadores web y suites de software de oficina. 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, se est adoptando cada vez ms en lugar de los cuadros de dilogo Informacin que usted sabe tambin como cajas de informacin del mensaje aqu en Gambas. Mediante el uso de contenedores de paneles, cuadros de imagen, etiquetas de texto y botones. 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. Cintas forman parte de la interfaz de usuario ha introducido recientemente fluidez de Microsoft y reemplaza los mens, barras de herramientas y paneles de tareas con otras fichas contextuales y galeras. Suena ms elegante y complicado de lo que realmente es, en realidad se trata de una barra de men de un grupo de fichas que contiene cajas de herramientas y desplegables cajas de herramientas denominadas galeras. 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 como las cuatro reivindicaciones de color logotipo de la empresa. Obviamente, se pueden crear propios controles basados en otros ya existentes. Conclusiones 1. GUI contiene la ventana sobre la pantalla el apuntador mens iconos que permiten realizar las actividades con rapidez. 2. Nos permite la interaccin hombre mquina de una forma sencilla. 3. La intervencin de la de GUI nos permite una mejor comunicacin con la mquina. 4. Que el tema de la interfaz grfica es muy importante para el usuario

Recomendaciones 1. 2. 3. 4. Mejorar el manejo o utilizacin del entorno grfico. Estudiar ms a fondo el tema Saber cules son los principales controles y como aplicarlos. Se debera publicar ms informacin sobre el tema tratado.

BIBLIOGRAFA

Telco, & Jorolo, & Golthiryus, & Mpescador. (2010, Julio 07). Controles de entrada. Descargado el 27 de noviembre de 2012, de /GUI/Controles_de_entrada.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=118586