Equipos Programas Media Internet Telecomunicaciones Seguridad Base de Datos Programación Calidad Desarrollo Empresa

Ruta: >Equipos

Interfaz Gráfico

Descripcion Imagen
1 Interfaz gráfico

Antes los programas se usaban en forma textual. Tanto para invocar a un programa, como para dar los datos de entrada con los que operar, así como los resultados producidos por el programa; es decir, el interfaz entre el usuario y el ordenador, era textual.

Hoy se usa generalmente un interfaz gráfico, para interactual con el programa, lo cual ha facilitado enormemente el uso de los ordenadores

El interfaz gráfico está hecho con 'ventanas' de distinto tamaño y funcionalidad.

2 Ventana

Area rectangular de la pantalla, delimitada por un marco

Una ventana puede contener otras ventanas

Una ventana simple o compuesta, tiene una funcionalidad y según esta, asi recibe su nombre. A este tipo de ventanas se llaman controles o wigets.

Los controles elementales son: bóton, icono, caja de edición, lista de selección, lista combinada, cuadro de selección, botón de selección

Ventana.
Ventana.jpg

3 Controles
3.1 Botón

Ventana pequeña, rectangular o cuadrada, con un texto o imagen, que está asociada a una operación.

Los botones generalmente están asociados a ventanas de diálogo; los iconos están asociados a operaciones con ventanas de programa.

Botón.
Boton.jpg

3.2 Icono

Botón con una imagen.

Icono.
Icono.jpg

3.3 Caja editable

Area rectangular en la que se puede introducir una o varias lineas de texto.

Caja editable.
CajaEdi.jpg

3.4 Lista de selección

Lista de items en la que se puede seleccionar uno o varios

Ejemplos: Lista de menús de un programa

Lista de selección.
ListaSeleccion.jpg

3.5 Lista desplegable

Lista de items, que permanece oculta y solo se visualiza el item seleccionado

Cuando se pulsa el icono (flecha) de la derecha, se expande la lista para poder seleccionar el item.

Lista Desplegable.
ListaDesple.jpg

3.6 Cuadro de selección

Ventana muy pequeña donde se puede quitar o poner una marca, que indica que la opción especificada en el texto adjunto, está desactivada o activada respectivamente.

Generalmente suelen ponerse varios de estos controles, para seleccionar varias opciones entre varias

Cuadro de selección.
CuadroSele.jpg

3.7 Botón de selección

Circulo o rectángulo muy pequeño donde se puede quitar o poner una marca, que indica que la opción especificada en el texto adjunto, está desactivada o activada respectivamente.

Generalmente suelen ponerse varios de estos controles, para seleccionar una opción entre varias

Botón de selección.
BotonSele.jpg

4 Escritorio

Ventana que ocupa toda la pantalla y en la que aparece:

  • Area de iconos
  • Barra de Tareas:
    • Boton de Inicio
    • Iconos de acceso rápido a programas
    • Iconos de programas en ejecución, que han sido iconificados por el usuario
    • Iconos de programas en ejecución, que se iniciaron al encender el ordenador

Escritorio.
Escritorio.jpg

5 Ventana de programa

Se compone generalmente de:

  • Barra de título, con:
    • Icono del menú del Sistema
    • Título de programa
    • Icono de minimizar programa
    • Icono de máximizar programa
    • Icono de cerrar programa
  • Barra de menú
  • Barra de herramientas
  • Barra de menú secundario
  • Area de trabajo
  • Barra de estado

Ventana de Programa.
VentanaPgm.jpg

6 Ventanas componentes de programa
6.1 Barra de Título
6.1.1 Icono del Menú de Control o de Sistema

Icono del programa, situado en la parte izquierda de la barra de Titulo.

Cuando se pulsa aparece el menú de Control con items para realizar ciertas operaciones con la ventana del programa: Restaurar, Mover, Tamaño, Minimizar, Maximizar, Cerrar.

Icono Menú de control.
IconoControl.jpg

6.1.2 Título

Texto con el título de la ventana o del programa asociado a ésta.

Título.
Titulo.jpg

6.1.3 Iconos de Minimizar , Maximizar-Restaurar y Cerrar Ventana

Botones pequeños situado en la parte derecha de la barra de Titulo.

Cuando se pulsa el Icono de Minimizar (botón con raya abajo), la ventana desaparece del escritorio y aparece un Botón en la barra de Estado.

Cuando se pulsa el Icono de Maximizar-Restaurar (botón con uno o dos cuadrados), la ventana cambia de tamaño, se maximiza si está reducida, o se reduce si está maximizada.

Cuando se pulsa el Icono de Cerrar (botón con aspa), se cierra la ventana.

Iconos Minimizar, Maximizar y Cerrar.
IconosMinMaxCe.jpg

6.2 Barra de Menú Principal

Barra horizontal, donde aparecen los items correspondientes al primer nivel de los menús del programa o menú principal del programa.

Barra de menú.
BarraMenu.jpg

6.3 Menú Vertical

Barra vertical, donde aparecen los items correspondientes al segundo nivel de los menús del programa.

En la mayoria de los programas este menú se despliega cuando se selecciona un item del menú principal.

Menú vertical.
MenuVertical.jpg

6.4 Barra de Herramientas

Barra con los iconos y otros controles asociados a funcionalidades del programa

Un programa puede tener varias barras de herramientas

Barra herramientas.
BarraHerra.jpg

6.5 Area de Trabajo

Area de la ventana del programa donde el usuario interactua para introducir información o en la que el programa presenta los resultados obtenidos por una acción del usuario.

Area de trabajo.
AreaTrabajo.jpg

6.6 Barra de Estado

Barra donde el programa presenta información de ayuda o el estado de operaciones realizadas por el usuario.

La barra de estado, generalmente, se sitúa en la parte inferior de la ventana del programa.

Barra de estado.
BarraEstado.jpg

7 Diálogo

Ventana donde el usario entra información para que el programa pueda realizar ciertas operaciones

Ventana donde el programa presenta mensajes para el usuario

Una ventana de Diálogo suele tener una barra de título, pestañas y botones, entre ellos el botón Aceptar y Cancelar

Diálogo.
Dialogo.jpg

Página generada automáticamente desde la Base de Datos: Diccionario/ el 18/10/2008 11:34:26