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

Ruta: Desarrollo>AppmlTipos de Interfaces Gráficos

Tipos de Interfaces Gráficos

Descripcion

Las Ventanas

  • Los interfaces gráficos más utilizados son las ventanas.
  • Las ventanas son contenedores de varios tipos de elementos, que a su vez también pueden ser ventanas.
  • Las ventanas contienen también datos e información que el usuario o el programador pueden manipular (o no).
  • Las ventanas se pueden:
    • Editar. Textos, gráficos, multimedia, etc.
    • Accionar. El usuario realiza una acción sobre esa ventana que produce un evento, pero no permite editar.
    • Leer. No permiten editar ni realizar una acción sobre su contenido.

  • En informática se suele considerar ventanas o pseudo-ventanas a los botones, iconos, barras de desplazamiento, áreas de edición (gráficos, textos, multimedia...), barras de título, etc.
  • A este tipo de elementos se les suele poner nombre, si es que sirven para algo específico.
  • Por ejemplo: El sistema operativo de Microsoft Windows se presenta al usuario en la pantalla mediante un ámbito de ventanas, en las que se distingue el 'Escritorio', que es la ventana principal que ocupa toda la pantalla, y el 'Panel de inicio' que suele estar situado en la parte inferior de la pantalla.

Tipos de ventanas

  • BOTÓN
    • Es una ventana gráfica de control, que sólo puede ser generada y ubicada por un programador.
    • El usuario puede realizar una acción sobre él, que producirá un evento, como abrir, cerrar un programa, etc. No se pueden editar.
    • Por ejemplo: El botón 'Inicio' del panel de inicio de Windows, sólo se puede pulsar o desplegar, pero el usuario no puede cambiarlo.

  • ICONO
    • Cumple las funciones de un botón, pero con la diferencia de que el usuario también puede modificarlo o ubicarlo donde quiera.
    • Por ejemplo: Junto al botón 'Inicio' del panel de Inicio de Windos, el usuario puede ubicar los iconos que quiera y que abrirán programas, como el Explorer, Frontpage o el Administrador de Archivos, etc.

  • ETIQUETA
    • Son lineas o áreas de texto que no se pueden editar, y que informan al usuario de algo (comentarios) o dan nombre a un elemento.
    • Por ejemplo: El botón de aceptar tiene escrita la palabra 'Aceptar', que es su etiqueta. O también las ventanas de mensaje de error.

  • TÍTULO
    • Sólo la tienen los programas, y no puede ser editada por el usuario.
    • Además de la etiqueta con el título del programa suele tener también una serie de botones para abrir, cerrar y minimizar o maximizar la ventana.

  • MENÚ
    • Al pulsar un botón como el de 'Inicio' de despliega un menú dinámico que permite seleccionar programas, archivos, etc.
    • Es una forma fácil de navegar por los directorios más utilizados por el usuario.

  • VENTANA GRÁFICA
    • Es una forma de denominar al área de trabajo del usuario, en donde edita la información, por ejemplo, con el programa Frontpage (texto, gráficos, multimedia, etc).
    • Es la más dinámica, y suele incorporar una barra de desplazamiento horizontal y otra vertical. Aunque a veces sólo permiten leer su contenido, como por ejemplo en algunas páginas web.

  • CONTROL
    • Los controles son ventanas especiales para el usuario, que permiten editar, seleccionar, activar... y están relacionados con la manipulación de datos.
    • Los encontramos en diálogos de configuración o instalación, en formularios, en páginas web, etc.
    • Los controles se pueden agrupar según su tipo y función.
    • Tipos de controles:
      • Casilla de verificación (check box). Cuadrado con signo 'V' activado.
        Ejemplo: (desactivado)


      • Casilla de opción (radio botton). Circulo con punto negro activado.
        Ejemplo: (desactivado)


      • Botón y etiqueta (botton). Botón con etiqueta de texto.
        Ejemplo:


      • Linea de edición (text line). Etiqueta y rectángulo para línea de texto.
        Ejemplo:


      • Área de texto (text area). Rectángulo grande para área grande de texto. Suele llevar barras desplazadoras a un lado.
        Ejemplo:


      • Lista desplegabe (combo box). En una línea de texto se despliega una lista cuando se pulsa un botón con una flecha hacia abajo, que significa desplegar.
        Ejemplo:


      • Ejemplo:
        • Se pueden agrupar los controles pertenecientes a un mismo tema, mediante una o varias pestañas que el usuario selecciona según su tema, y que abre cada una un panel dentro del mismo diálogo.
        • En este diálogo de propiedades tenemos:
        • Una pestaña con el nombre General, que abre el panel General.
        • Unos controles agrupados como los botones de Aceptar o Cancelar, o de opción como la casilla activada.
        • Unos campos de edición para introducir datos o parámetros.

Página generada automáticamente desde la Base de Datos: AppmlDoc/ el 15/6/2008 9:57:53