Manual de Utilizacin - Portic 3.

ELEMENTOS QUE COMPONEN UN INTERFACE WINDOWS

El entorno Windows incluye una serie de elementos grficos que facilitan la comunicacin con el usuario. Estos elementos representan objetos reales tales como ventanas, botones, iconos, etc. con los que se puede interactuar por medio del puntero del ratn. En este captulo se pretende dar una descripcin general de los principales elementos grficos del entorno, de forma que cuando se haga referencia a ellos en captulos posteriores el lector tenga una idea clara de lo que se est tratando. VENTANAS Una ventana es una zona de la pantalla de forma rectangular que proporciona los medios necesarios para que se pueda establecer la intercomunicacin entre el usuario y la aplicacin que est empleando. En el entorno Windows pueden estar ejecutndose al mismo tiempo varias aplicaciones; cada una presenta una ventana propia o ventana principal que la diferencia de las dems. La mayora de las aplicaciones presentan otras ventanas secundarias dependientes de la primera. Una ventana puede ser mostrada de tres maneras diferentes: con su tamao y situacin normales, que pueden ser variados por el usuario; maximizada, de forma que ocupa la pantalla por completo (si es una ventana secundaria que aparece dentro de la principal de la que depende, ocupa el mximo espacio que sta permita); minimizada, cuando la ventana no aparece como tal, sino representada por un icono. Zonas de una ventana Una ventana est dividida en diferentes zonas, cada una con unas funciones especficas. En la figura (2.1) puede verse una ventana en la que se indica cules son estas partes y su localizacin.

Manual de Utilizacin - Portic 3.0

Botn de men de sistema

Barra de ttulos

Area de trabajo

Botones de control

Marco

Figura (2.1): Distintas partes de una ventana Marco de la ventana El marco indica el tamao que tiene la ventana; los bordes pueden ser utilizados para modificar este tamao. Para ello se pincha en ellos con el ratn y se arrastra hasta que la ventana tenga el tamao deseado. El cursor cambia de aspecto indicando la direccin en la que puede ser modificada la ventana dependiendo de la zona de borde que ha sido pinchada. Barra de ttulos Muestra un ttulo que identifica la ventana; si se trata de una ventana principal, aparece el nombre de la aplicacin y en el caso de que sta utilice ficheros, el nombre de aqul con el que se est trabajando. En ventanas secundarias aparece un ttulo relacionado con la tarea que desempea. Si se pulsa, sin soltarlo, con el puntero del ratn en la barra de ttulos, se puede arrastrar la ventana para situarla en otra posicin en la pantalla. As mismo, pulsando dos veces en ella, la ventana se maximiza en caso de no estarlo, o pasa a su tamao y posicin normales cuando se encuentra maximizada. Botn de men de sistema Est situado en la esquina superior izquierda y permite desplegar, cuando se pulsa sobre l, el men de sistema. Las opciones que ste presenta se ven en la figura (2.2)

Manual de Utilizacin - Portic 3.0

Figura (2.2): Men de sistema Las cinco primeras opciones permiten realizar distintas modificaciones en el tamao y posicin de la ventana. Si se elige la opcin Cerrar termina la ejecucin de la aplicacin. A esta opcin se puede acceder directamente pulsando doblemente sobre el botn del men de sistema. La opcin Siguiente en este ejemplo o Cambiar a ... permite pasar a otras aplicaciones. Botones de control Estos dos botones situados en la esquina superior derecha permiten maximizar, minimizar o restaurar la ventana como las opciones correspondientes del men de sistema (figuras (2.3) y (2.4) ). El botn izquierdo corresponde a la opcin de minimizar; el derecho hace posible maximizar o restaurar la ventana; dependiendo del caso su aspecto es diferente.

Maximizar Minimizar Figura (2.3): Botones de control

Restaurar Figura (2.4): Botones de control Area de trabajo Es la parte de la ventana en la que el usuario desarrolla la mayora de las tareas de la aplicacin. Por ejemplo en el programa PORTIC 3.0, en el rea de trabajo de la ventana asociada a cada prtico aparece la representacin de ste. Est contenida dentro del marco de la ventana y a su vez puede estar dividida en subreas; las tres principales y que aparecen en la mayora de las aplicaciones son:

Manual de Utilizacin - Portic 3.0 Barra de men

Aparece inmediatamente debajo de la barra de ttulo; contiene las distintas opciones del programa agrupadas por ttulos. El men puede ser desplegado para acceder a las diversas opciones como se ve en la figura (2.5). Barra de herramientas Se sitan debajo de la barra de men; est constituida por distintos botones, cada uno asociado a una determinada opcin del men. Esta opcin aparece simbolizada por medio de un icono representado sobre el botn. La barra de herramientas proporciona un acceso directo y rpido a las principales opciones del men. La figura (2.5) permite ver una parte de la barra de herramientas del programa PORTIC 3.0 Barra de estado Se halla en la parte inferior de la ventana y es la zona en la que la aplicacin muestra informacin acerca de la situacin en la que se encuentra. Asimismo puede ser utilizada para presentar mensajes que no precisan una respuesta inmediata por parte del usuario. Por ejemplo, en el programa PORTIC 3.0 la barra de estado est dividida en tres zonas: La primera muestra mensajes que indican cul es la accin que el programa espera que el usuario realice cuando ste elige las diversas opciones del men; la segunda indica la hiptesis que est seleccionada actualmente; la tercera muestra las coordenadas por las que se mueve el ratn durante la creacin de los elementos de un prtico. En la figura (2.5) se ve la barra de estado del programa PORTIC 3.0

Figura (2.5): Men, barra de herramientas y barra de estado

Manual de Utilizacin - Portic 3.0 CAJAS DE DILOGO

Una caja de dilogo es cualquier ventana que muestra o solicita informacin dentro de una aplicacin. La mayora de las cajas de dilogo toman el control de la aplicacin de forma que no puede ser realizada ninguna accin fuera de la caja hasta que sta no desaparece; a este tipo de cajas de dilogo se les llama modales. Una caja es no modal cuando no se pierde el acceso al resto de la aplicacin mientras la caja permanece abierta. Controles ms importantes dentro de una caja de dilogo Las cajas de dilogo disponen de diferentes controles grficos que facilitan la interaccin entre el usuario y la aplicacin que utiliza. Aunque alguno de estos controles, como por ejemplo las scroll bars, se utilizan tambin fuera de las cajas de dilogo. Se describen aqu porque normalmente aparecen como elementos de las cajas de dilogo. Botones Para utilizarlos hay que presionarlos por medio del ratn. Existen tres tipos de botones diferentes: Push Buttons Permiten realizar una determinada accin. Como puede observarse en la figura (2.6), estos botones estn formados por dos partes; una imagen que representa el botn, y una etiqueta o icono que describe la accin que ocurre si se pulsa el botn. En esta misma figura puede verse la apariencia del botn seleccionado por defecto y el que no lo est.

Figura (2.6): Push buttons Radio Buttons Siempre aparecen en grupos de dos o ms y permiten elegir entre diferentes opciones; stas se excluyen mutuamente de forma que slo puede elegirse una de ellas en cada momento. Estn formados por una imagen del botn y una etiqueta que indica la opcin que representa. En la figura (2.7) puede verse un conjunto de estos botones en el que el tercero ha sido seleccionado.

Manual de Utilizacin - Portic 3.0

Figura (2.7): Radio buttons Check Buttons Son similares a los radio buttons, pero en este caso las opciones que se presentan no so excluyentes; en la figura (2.8) puede verse un ejemplo en el que han sido seleccionadas la opcin segunda.

Figura (2.8): Check buttons Scroll bars Una scroll bar se utiliza normalmente para desplazarse a travs de la informacin que puede mostrar una ventana cuando no hay espacio suficiente para que aparezca toda de una vez; puede tambin servir para elegir el valor de una variable continua. La scroll bar aparece dispuesta en direccin horizontal o vertical segn la direccin del desplazamiento que vaya a permitir. En ellas se distinguen tres zonas diferentes: Botones de los extremos, elemento deslizante y zona de deslizamiento. La posicin relativa a los extremos del elemento deslizante indica la situacin de la ventana en relacin al rea total que puede mostrar. El usuario puede utilizarlas de tres maneras: Pulsando sucesivamente en los botones de los extremos consigue un pequeo incremento en la direccin indicada por la flecha del botn; pulsando sobre un punto de la zona por la que se mueve el elemento deslizante, ste se acerca rpidamente a dicho punto; el mayor avance se consigue arrastrando directamente el elemento deslizante hasta la posicin requerida.

Figura (2.9): Scroll bar vertical y horizontal

Manual de Utilizacin - Portic 3.0 Cajas Cajas de edicin

Se utilizan para que el usuario introduzca texto o valores numricos. Suelen ir acompaadas de una etiqueta en la que se indica cul es el dato que va a ser introducido. Cuando el texto no entra en el espacio que proporcionan se deslizan horizontalmente; tambin pueden tener ms de una lnea si es necesario. En la figura (2.10) puede verse un ejemplo del uso de las cajas de edicin para la introduccin de datos en un programa.

Figura (2.10): Cajas de edicin List boxes, Combo boxes Permiten elegir un elemento dentro de una lista larga y variable. Las combo boxes incorporan adems de la lista una caja de edicin. Consta de una zona rectangular en la que aparecen los elementos de la lista y scroll bars verticales y horizontales que permiten ver los elementos de la lista, basta con pulsar sobre l con el ratn. Su uso ms habitual es el de servir para seleccionar el nombre de un fichero. La figura (2.11) presenta un ejemplo de list box.

Figura (2.11): List box Cajas de mensaje Son cajas de dilogo por medio de las cuales la aplicacin comunica al usuario determinada informacin y le pide una respuesta. Se trata de cajas de dilogo modales. En la figura (2.12) puede verse una caja de mensaje que comunica una accin y pide confirmar o no la accin.

Manual de Utilizacin - Portic 3.0

Figura (2.12): Caja de mensaje La figura (2.13) muestra una caja de mensaje que informa de que se ha cometido un error que no permite continuar con determinada accin.

Figura (2.13): Caja de mensaje Cajas de dilogo estndares Una determinada aplicacin puede disponer de las ms diversas cajas de dilogo apropiadas para sus necesidades especficas. Sin embargo, existen muchas tareas que se repiten en la mayora de las aplicaciones y que resulta conveniente realizar de un modo anlogo en todas ellas. El ejemplo ms claro de este hecho est en el manejo de ficheros; las opciones de Abrir, Salvar, Imprimir un fichero aparecen en prcticamente todas las aplicaciones independientemente del trabajo especfico que realicen. En la figura (2.14) se ve la caja de dilogo estndar utilizada por casi todas las aplicaciones para la impresin; el resto de las citadas anteriormente para el manejo de ficheros son similares a sta.

Manual de Utilizacin - Portic 3.0

Figura (2.14): Caja de dilogo estndar para la impresin