2.

Diseo de la Interfaz Grfica con el Usuario.

SQLWindows provee al usuario los objetos necesarios para disear la

interface en el ambiente de Windows. Todos los objetos son ventanas. Las ventanas segn su jerarqua se clasifican en Ventana Padre y Ventanas Hijas, las primeras contienen a las segundas. Bsicamente existen tres tipos de Ventanas Padre ( o Madre) : Form Windows Dialog Box Top Level Table Window

2.1. Form Windows

Es la ventana general de toda aplicacin en ambiente Windows, se caracteriza por tener un men de sistema, una barra de men y barras para hacer Scroll vertical u horizontal. En este tipo de ventana se da la mayor interaccin entre el usuario y la aplicacin. La ventana del Bloc de notas (Notepad) es un ejemplo tpico de Form Window.

SQLWindows

14

System Menu

Botones para Maximizar y Minimizar

Barra de Men

Scroll Horizontal y Vertical

Se ha puesto de moda que adicionalmente las formas incluyan un Tool Bar y un Status Bar, aunque estas son variaciones de a Form Window, SQLWindows las soporta.

2.2. Dialog Box

Parecidas a la Form Window, la ventana del tipo Dialog Box no posee Barra de Men ni de Scroll, su propsito es la de proveer un elemento de captura rpida. La ventana que aparece cuando se va a abrir un archivo es un Dialog Box.

SQLWindows

15

Pueden tener uno o ms de los siguientes modos de operacin:

No Modal Modal System Modal

El usuario puede cambiar a otra ventana de la aplicacin (modeless) El usuario no puede cambiar a otra ventana de la aplicacin hasta cerrar esta ventana. El usuario no puede cambiar a otra ventana de Windows hasta cerrar la ventana.

2.3. Top Level Table Window

Estas ventanas son similares a las Forms Window pero contienen slo un objeto para capturar y despliegue de informacin en forma tabular (parecida a una hoja de EXCEL).

SQLWindows

16

2.4. Manipulacin de Objetos.

Por su parte las ventanas hijas son de una gran variedad y se emplean para diversos propsitos.

Para colocarlos en una ventana Form Window o Dialog Box slo se requiere seleccionar el objeto del Tool Palette y trazarlo en el rea que va a
17

SQLWindows

ocupar, tambin se tienen dos elementos para manipular los objetos, es decir, moverlos o cambiar su tamao o sus caractersticas.

2.4.1. Paleta de Herramientas (Tool Palette).

El

Window Grabber selecciona un objeto; con un click del botn

izquierdo se marca un objeto para moverlo o cambiar su tamao, con el click del botn derecho se accede a las ventanas del Customizer, con la cual se pueden ajustar las propiedades del objeto a valores particulares, por ejemplo a un Pushbutton se le puede colocar un ttulo, una imagen, configurar el color para el texto, para el fondo, etc.

Seleccin de objetos. Se puede seleccionar varios objetos a la vez cambiando la tecla Shift y haciendo Click con el Mouse.
SQLWindows 18

El

Object Selector permite seleccionar varios objetos.

Esta

herramienta traza un rectngulo y todos los objetos contenidos en el son seleccionados de la misma forma que el mtodo anterior, con la diferencia de que este es ms rpido.
Objeto Nombre Uso Background Text Para colocar textos en la ventana. Data Field Pushbutton List Box Picture Group Box Se usa para capturar o desplegar un dato. Proporciona un mecanismo para que el usuario indique el inicio de una accin. Despliega una lista de valores. Permite incluir un grfico en la interfaz de la aplicacin. Crea un marco con un ttulo. Adems del aspecto esttico, se emplea para agrupar Multiline Text Radio Button controles y separar dichos grupos. Se utiliza para la captura y despliegue de textos en la interface, es un minieditor. Se emplea para que el usuario elija una (y slo una) opcin de un conjunto, por Combo Box ejemplo, el sexo de una persona. Es la combinacin de Data Field + List Box, con este control se captura un dato (tecleado) o bien puede ser seleccionado desde una lista. Horizontal Scroll Se emplea para que el usuario indique un Bar Vertical Scroll cambio de valor (izquierda - derecha, incrementa - decrementa). Se emplea para que el usuario indique un cambio
SQLWindows

Prefijo No aplica df pb lb pic gb

ml rb

cmb

sb

sb

de

valor

(arriba

abajo,
19

Frame Check Box

incrementa - decrementa). Se utiliza para dar realce a la interface. Parecido al Radio Button, sin embargo en este caso el usuario puede seleccionar ms de una opcin. Se emplea para despliegue y captura de informacin en forma tabular. Se utiliza para dar realce a la interfaz. Se emplea para crear barrar y paletas de herramientas.

No aplica cb

Child Table Line Option Button

tbl No aplica ob

El prefijo se utiliza para asignar nombre al objeto, los nombres deben empezar con una letra y pueden tener una longitud de hasta 32 caracteres, debe tenerse cuidado en el uso de maysculas y minsculas, pues SQLWindows hace distincin de ellas. Nombres Es importante utilizar una nomenclatura para asignacin de nombres para identificar fcilmente el tipo de objeto y su funcin, la nomenclatura para asignacin de nombres sigue dos reglas bsicas: El nombre debe iniciar con el prefijo que identifica el tipo de objeto. En general deben usarse minsculas, slo la primera letra de cada

palabra debe ir en maysculas. Ejemplos: dfNoEmpleado lbEstados tblComisionados

SQLWindows 20

Seguir una nomenclatura apropiada evitar muchos dolores de cabeza para depurar una aplicacin. Que objetos utilizar ? y Como utilizar estos objetos ? Los objetos a utilizar deben elegirse en funcin de como se desea que la aplicacin trabaje, ello implica necesariamente un anlisis de la informacin que la aplicacin va a utilizar para decidir los objetos necesarios que se van a utilizar en la interface, as como el nmero de ventanas que va a necesitar. En muchas ocasiones una aplicacin requiere de ms de una ventana.

2.5. Consideraciones en el diseo.

Al disear una aplicacin lo primero que debe hacerse es analizar el tipo de datos que se van a capturar y desplegar dentro de la ventana, con base en ello se puede disear la ventana combinando los diferentes elementos de control de SQLWindows.

Modelo Entidad Relacin (Esquema Lgico) para el catlogo de Clientes

SQLWindows

21

La aplicacin a desarrollar deber alimentar renglones a la tabla Clientes, se puede ver como algunos valores deben existir en otras tablas (Llaves Forneas), por lo que en la forma de captura conviene utilizar Combo Box de tal forma que el usuario de un valor vlido para los campos que relacionan la tabla Clientes con la tabla Tipo Cliente y Agente. Para las columnas que no estn restringidas se puede utilizar objetos Data Filed. Para las columnas Descripcin es conveniente utilizar un objeto del tipo Multiline por la longitud de la informacin. Para el caso del Agente, sera deseable que el usuario capturara un agente existente en la Base de Datos, evitar que cometa error al teclear la clave o que tenga que memorizarlas, para tal caso se puede utilizar un Combo Box. El caso del Tipo de cliente es parecido al Agente, sin embargo el nmero de claves es menor por lo que se puede utilizar un Radio Button.
SQLWindows 22

La aplicacin debe permitir realizar consultas, insertar nuevos renglones, modificar renglones ya existentes, as como eliminar renglones. El usuario puede realizar estas acciones por medio de acciones de men, pero es bueno utilizar Pushbuttons.

Modelo Entidad Relacin (Esquema Fsico) para el catlogo de Clientes

SQLWindows

23

Ejercicio.
1. Ejecute SQLWindows, si ya lo hizo oprima el botn Nuevo del Tool Bar. 2. Si aparece la ventana de QuickForm oprima el botn Cancel. 3. Antes de continuar borre el contenido de la seccin Libraries. 4. Presione la tecla F4 para desplegar el Tool Palette. 5. Cree una nueva forma a partir del Tool Palette, haga click en Form. 6. Configure la forma haciendo click derecho para desplegar el customizer de la forma, cambie el nombre: elija Object Title y teclee frmMain. 7. Cambie el ttulo, elija Object Title y teclee Captura de Clientes. 8. Agregue Tool Bar y Status Bar a la ventana, elija Accessories Enabled y seleccione Yes (en caso de que no aparezca el Tool Bar deber configurar tambin la propiedad de Accessories, y por separado iniciar con Yes Tool Bar Visible y Status Bar Visible). 9. En la regin del Tool Bar ponga primero un Frame y configure sus propiedades: Border Style: Etched y Background Color: Al gusto. 10. Coloque un botn en el Tool Bar, configure su tamao. 11. Abra el Customizer del botn, asgnele un nombre: Object Name = pbPrimero. 12. Elija la opcin Picture Contents, luego la opcin File Name, aparecer una ventana para la seccin de archivo, seleccione el archivo First.bmp, oprima Ok. 13. Utilice el duplicador de objetos para copiar el botn, luego cambie el nombre y figura para cada uno de los botones del Tool Bar. 14. En la regin de trabajo de la forma coloque los elementos de realce (Frame y Group Box). 15. Coloque los dems objetos dentro de la forma Datafields, Combo, Radio Buttons, Multiline, Backgroud Text, configure cada uno de ellos con sus propiedades caractersticas como nombre, ttulo (si es que lo tienen), tipo de dato, mximo tamao de caracteres, editable, etc.

SQLWindows

24

16. Recuerde asignar el nombre de los objetos de acuerdo a la nomenclatura descrita. 17. Pruebe la captura de los campos pasando de uno a otro con el tabulador, El orden es el correcto?, utilice el botn de para adecuar el orden. 18. Guarde la aplicacin como Clientes.App.

2.6. Codificando los Mens.

Agregar un men a una aplicacin SQLWindows es una tarea sencilla, para ello se debe editar la seccin Men de la ventana (solamente Form Window), en esta seccin se puede colocar los siguientes elementos:

Menu Item Menu Row Named Menu Popup Menu

SQLWindows

Es una opcin del men, cuando el usuario de un Click en esta opcin se ejecutar una accin. Indica que los elementos siguientes deben colocarse en otra lnea. Indica colocar un men definido en la seccin Named Menus. Indica colocar un men.
25

Window Menu Object Menu

Indica colocar un men para el control de ventanas MDI. Agrega el comando para editar un objeto de OLE.

Note el uso de & para definir la tecla de acceso rpido al men. Los Popup Menu y Window Menu, pueden contener a su vez: Menu Column Indica que los siguientes elementos deben colocarse en

otra columna. Menu Item Una opcin de men. Menu Separator Una opcin de men Popup Menu Coloca otro men.

Secciones de un Menu Item. Keyboard Acelerator Indica que secuencia de teclas accesar la opcin en forma directa, pueden ser Ctrl-x, F1 a F12, Shift-F1, Status Text etc. Es la leyenda a desplegar al colocar el cursor en esta
26

SQLWindows

Enabled when

opcin del men. Indica cuando esta habilitada o deshabilitada la opcin (en gris). En esta seccin se coloca cualquier expresin que regrese un valor booleano. Indica en que condicin la opcin aparecer con una marca , de igual forma en este apartado se coloca una expresin que regrese un valor booleano. Contiene el cdigo a ejecutar cuando el usuario seleccione la opcin.

Checked when

Menu Actions

Con la ayuda de las caractersticas de OOP es muy sencillo programar los mens, cada opcin de men tiene las secciones descritas en la imagen. En el programa cada opcin del men se puede ligar con un botn y, seleccionar una opcin equivale a hacer click en el botn.

Ejercicio. El ejercicio consiste ahora en agregar los mens de la aplicacin.

SQLWindows

27

1. Abra la aplicacin de captura de Clientes.

2. 3. 4.

Marque la seccin Menu de la plantilla frmMain. Despliegue el asistente (F2). Marque Popup Menu en el asistente y presione Add Next Level , teclee &Acciones<Enter>. De la ventana superior del asistente seleccione menuEdit y oprima el botn Add Same Level.

5.

6. Agregue los mens Herramientas y Ayuda como agrego el de Acciones.

7.

Incluya los Menu Items de cada men: marque el Popup Menu en el asistente marque la opcin Menu Item y presione el botn Add Next Level, asigne el nombre y propiedades correspondientes al Menu Item.

8.

En el caso del Popup Menu Acciones recuerde colocar un Menu Separator.

9. Cuide la identacin de los mens si necesita cambiarla utilice las combinaciones de teclas: <Alt><Flecha Arriba>, <Alt><Flecha Abajo>, <Alt><Flecha Izq.> o <Alt><Flecha Der.>.

Evaluacin.
28

SQLWindows

1. En el ambiente Windows existen ventanas ____________ y ventanas ____________.

2.

Las ventanas Form Window tiene _______________ para que el usuario indique acciones, y barras de ________________ para ver el contenido de la ventana.

3.

Las ventanas Dialog Box, pueden tener tres modalidades de operacin: Modal, _______________ y _________________________.

4. Se pueden modificar las propiedades de las ventanas con la ventana del _____________________________. 5. Utilizando la nomenclatura propuesta cada objeto de SQLWindows se identifica porque su nombre inicia con un __________________. 6. El objeto que sirve para capturar un dato se llama ______________________. 7. El objeto que se utiliza para colocar en la interface un mecanismo mediante el cual el usuario indique realizar una accin es el _______________________. 8. Cuando se desea que el usuario escoja un dato de una lista de valores se puede utilizar una _________________ o bien un _____________________. 9. Los elementos para dar realce a una ventana son el ___________________ y ____________________. 10. 11. 12.
13.

La eleccin de los objetos a utilizar se debe basar en Para agregar una opcin en un men se utiliza un

________________ que la aplicacin va a utilizar. _____________________. Cuando se desea que la barra del men tenga ms de una lnea se Los Popup Menu no pueden contener otros Popup Menu. Cierto Falso hace uso de un ________________________________.

SQLWindows

29

14.
15.

La seccin _________________________________________ de Cuando se dese colocar una marca de a una opcin de men se utiliza la

una opcin de men se utiliza para asignar una tecla de acceso rpido. seccin __________________________ la cual debe contener una expresin que de como resultado un valor booleano.

SQLWindows

30

2. DISEO DE LA INTERFAZ GRFICA CON EL USUARIO..............................14

2.1. Form Windows............................................................................................................................................14 2.2. Dialog Box....................................................................................................................................................15 2.3. Top Level Table Window..........................................................................................................................16 2.4. Manipulacin de Objetos..........................................................................................................................17 2.4.1. Paleta de Herramientas (Tool Palette)...............................................................................................18 2.5. Consideraciones en el diseo....................................................................................................................21 2.6. Codificando los Mens..............................................................................................................................25

SQLWindows

31