Elementos tipicos de las interfaces gráficas (flor)

949 views

Published on

Trabajo practico con la definicion de los elementos de las interfaces graficas.
Creado por: Florencia Caminata

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
949
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Elementos tipicos de las interfaces gráficas (flor)

  1. 1. Barra de desplazamiento. La barra de desplazamiento constan de una barra horizontal o vertical que permiten desplazar el contenido del cuadro hacia un lado u otro.
  2. 2. Barra de estado. <ul><li>Permite mostrar información acerca del estado actual de la ventana. Generalmente las barras de estado se ubican en la parte inferior de las ventanas. </li></ul>
  3. 3. Barra de herramientas. <ul><li>Agrupación de íconos con los cuales es posible acceder a determinadas herramientas o funciones en una aplicación. </li></ul>
  4. 4. Barra de progreso. <ul><li>Permiten mostrar de forma gráfica el estado de avance de una tarea o proceso. </li></ul><ul><li>Por ejemplo, con estas barras puede verse el progreso en la descarga o transferencia de un archivo. </li></ul>
  5. 5. Barra de titulo. <ul><li>Se encuentra en la parte más superior de una ventana, donde aparece un título que se corresponde con el contenido de la misma. </li></ul>
  6. 6. Botón. <ul><li>Permiten al usuario comenzar un evento, como buscar, aceptar una tarea, interactuar con un cuadro de diálogo, etc. </li></ul>
  7. 7. Botón de opción. <ul><li>Permite elegir sólo una opción de un conjunto predefinido de opciones. </li></ul>
  8. 8. Casillero de verificación. <ul><li>Permite al usuario marcar múltiples selección es de un número de opciones. </li></ul>
  9. 9. Cuadro de diálogo. <ul><li>Un cuadro de diálogo es una ventana especial que permite una especie de diálogo entre el sistema y el usuario. </li></ul><ul><li>El más simple es el tipo &quot;alerta&quot;, que solamente muestra un mensaje y el usuario sólo tiene que presionar un botón (generalmente &quot;OK&quot;). </li></ul>
  10. 10. Cuadro de texto. <ul><li>Los cuadros de texto suelen ser rectangulares, generalmente tienen un fondo blanco y están vacíos de texto, para que el usuario pueda escribir en éstos. </li></ul>
  11. 11. Icono. <ul><li>Se utilizan para identificar archivos, accesos directos, programas y herramientas del sistema operativo. </li></ul>
  12. 12. Lista. <ul><li>listado de los sistemas operativos desarrollados por Microsoft, incluyendo DOS y Windows. </li></ul>
  13. 13. Lista despegable. <ul><li>Permite al usuario escribir sobre un campo de texto mientras se muestra una lista de opciones. Esa lista de opciones puede depender textos que escribió el usuario anteriormente, o también pueden ser sugerencias que se muestran con respecto a lo que está escribiendo el usuario. </li></ul>
  14. 14. Menú. <ul><li>Menú es una herramienta gráfica en la interfaz de páginas web y aplicaciones que consiste de una lista de opciones que puede desplegarse para mostrar más opciones o funciones y acceder así a las distintas herramientas de la aplicación. </li></ul>
  15. 15. Menú contextual. <ul><li>El menú contextual permite un acceso rápido a las funciones básicas relacionadas al elemento, con un clic derecho sobre el elemento en la pantalla. </li></ul>
  16. 16. Menú desplegable. <ul><li>Permite a un usuario seleccionar de una lista desplegable una opción. </li></ul>
  17. 17. Panel lateral. <ul><li>Elemento usado en las interfaces gráficas que permiten mostrar diferentes formas de información en un lado de una aplicación o el escritorio. </li></ul>
  18. 18. Pestaña. <ul><li>Permite cambiar entre distintos documentos o secciones de forma rápida. </li></ul>
  19. 19. Slider. <ul><li>Permiten seleccionar un valor moviendo un indicador o, en algunos casos, el usuario puede hacer clic sobre algún punto del slider para cambiar hacia ese valor. </li></ul>
  20. 20. Spinner. <ul><li>Permite al usuario ajustar un valor dentro de un cuadro de texto adjunto a dos flechas que apuntan en direcciones opuestas. </li></ul>
  21. 21. Tooltip. <ul><li>Cuando un usuario posiciona su cursor sobre un elemento (sin hacer clic sobre este) un pequeño rectángulo aparece para brindar información relacionada a ese elemento. </li></ul>
  22. 22. Ventana. <ul><li>Parte delimitada de la pantalla en un sistema operativo gráfico que suele ser rectangular y que contiene elementos afines entre sí en ella. </li></ul>

×