2.Diseño de la Interfaz Gráfica con el Usuario. SQLWindows provee al usuario los objetos necesarios para diseñar la interface en el ambiente de Windows. Todos los objetos son ventanas. Las ventanas según su jerarquía se clasifican en Ventana Padre y Ventanas Hijas, las primeras contienen a las segundas. Básicamente 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 aplicación 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 interacción entre el usuario y la aplicación. La ventana del Bloc de notas (Notepad) es un ejemplo típico de Form Window. SQLWindows 14 2. su propósito es la de proveer un elemento de captura rápida. aunque estas son variaciones de a Form Window. SQLWindows 15 . SQLWindows las soporta. Dialog Box Parecidas a la Form Window.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. la ventana del tipo Dialog Box no posee Barra de Menú ni de Scroll. La ventana que aparece cuando se va a abrir un archivo es un Dialog Box.2. Pueden tener uno o más de los siguientes modos de operación: No Modal Modal System Modal El usuario puede cambiar a otra ventana de la aplicación (modeless) El usuario no puede cambiar a otra ventana de la aplicación hasta cerrar esta ventana.3. El usuario no puede cambiar a otra ventana de Windows hasta cerrar la ventana. SQLWindows 16 . 2. Top Level Table Window Estas ventanas son similares a las Forms Window pero contienen sólo un objeto para capturar y despliegue de información en forma tabular (parecida a una hoja de EXCEL). Por su parte las ventanas hijas son de una gran variedad y se emplean para diversos propósitos.4. Para colocarlos en una ventana Form Window o Dialog Box sólo se requiere seleccionar el objeto del Tool Palette y trazarlo en el área que va a 17 SQLWindows .2. Manipulación de Objetos. por ejemplo a un Pushbutton se le puede colocar un título. para el fondo. El Window Grabber selecciona un objeto. con la cual se pueden ajustar las propiedades del objeto a valores particulares. Paleta de Herramientas (Tool Palette). configurar el color para el texto.1. con el click del botón derecho se accede a las ventanas del Customizer. una imagen. es decir.4. Se puede seleccionar varios objetos a la vez cambiando la tecla Shift y haciendo Click con el Mouse. SQLWindows 18 . también se tienen dos elementos para manipular los objetos. moverlos o cambiar su tamaño o sus características. Selección de objetos. con un click del botón izquierdo se marca un objeto para moverlo o cambiar su tamaño.ocupar. 2. etc. Objeto Nombre Uso Background Text Para colocar textos en la ventana.El Object Selector permite seleccionar varios objetos. Data Field Pushbutton List Box Picture Group Box Se usa para capturar o desplegar un dato. por Combo Box ejemplo. es un minieditor.derecha. con la diferencia de que este es más rápido. Esta herramienta traza un rectángulo y todos los objetos contenidos en el son seleccionados de la misma forma que el método anterior. con este control se captura un dato (tecleado) o bien puede ser seleccionado desde una lista. 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. Permite incluir un gráfico en la interfaz de la aplicación. Crea un marco con un título. Se utiliza para la captura y despliegue de textos en la interface. el sexo de una persona. se emplea para agrupar Multiline Text Radio Button controles y separar dichos grupos. 19 . incrementa . Además del aspecto estético. Horizontal Scroll Se emplea para que el usuario indique un Bar Vertical Scroll cambio de valor (izquierda . Se emplea para que el usuario elija una (y sólo una) opción de un conjunto. Proporciona un mecanismo para que el usuario indique el inicio de una acción. Despliega una lista de valores.decrementa). Es la combinación de Data Field + List Box. sólo la primera letra de cada palabra debe ir en mayúsculas. Nombres Es importante utilizar una nomenclatura para asignación de nombres para identificar fácilmente el tipo de objeto y su función. No aplica cb Child Table Line Option Button tbl No aplica ob El prefijo se utiliza para asignar nombre al objeto. En general deben usarse minúsculas.decrementa). Ejemplos: dfNoEmpleado lbEstados tblComisionados SQLWindows 20 . Se emplea para despliegue y captura de información en forma tabular. Se utiliza para dar realce a la interface. Se utiliza para dar realce a la interfaz. Se emplea para crear barrar y paletas de herramientas. sin embargo en este caso el usuario puede seleccionar más de una opción. los nombres deben empezar con una letra y pueden tener una longitud de hasta 32 caracteres. debe tenerse cuidado en el uso de mayúsculas y minúsculas. pues SQLWindows hace distinción de ellas. la nomenclatura para asignación de nombres sigue dos reglas básicas: • • El nombre debe iniciar con el prefijo que identifica el tipo de objeto.Frame Check Box incrementa . Parecido al Radio Button. Modelo Entidad Relación (Esquema Lógico) para el catálogo de Clientes SQLWindows 21 . Consideraciones en el diseño.5. En muchas ocasiones una aplicación requiere de más de una ventana.Seguir una nomenclatura apropiada evitará muchos dolores de cabeza para depurar una aplicación. ¿ Que objetos utilizar ? y ¿ Como utilizar estos objetos ? Los objetos a utilizar deben elegirse en función de como se desea que la aplicación trabaje. así como el número de ventanas que va a necesitar. Al diseñar una aplicación 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 diseñar la ventana combinando los diferentes elementos de control de SQLWindows. ello implica necesariamente un análisis de la información que la aplicación va a utilizar para decidir los objetos necesarios que se van a utilizar en la interface. 2. Para el caso del Agente. por lo que en la forma de captura conviene utilizar Combo Box de tal forma que el usuario de un valor válido para los campos que relacionan la tabla Clientes con la tabla Tipo Cliente y Agente. sería deseable que el usuario capturara un agente existente en la Base de Datos. SQLWindows 22 . El caso del Tipo de cliente es parecido al Agente.La aplicación a desarrollar deberá alimentar renglones a la tabla Clientes. se puede ver como algunos valores deben existir en otras tablas (Llaves Foráneas). evitar que cometa error al teclear la clave o que tenga que memorizarlas. para tal caso se puede utilizar un Combo Box. Para las columnas que no estén restringidas se puede utilizar objetos Data Filed. sin embargo el número de claves es menor por lo que se puede utilizar un Radio Button. Para las columnas Descripción es conveniente utilizar un objeto del tipo Multiline por la longitud de la información. Modelo Entidad Relación (Esquema Físico) para el catálogo de Clientes SQLWindows 23 . modificar renglones ya existentes.La aplicación debe permitir realizar consultas. El usuario puede realizar estas acciones por medio de acciones de menú. pero es bueno utilizar Pushbuttons. insertar nuevos renglones. así como eliminar renglones. Radio Buttons.bmp. seleccione el archivo First. Combo. Multiline. Coloque un botón en el Tool Bar. máximo tamaño de caracteres. Utilice el duplicador de objetos para copiar el botón. En la región del Tool Bar ponga primero un Frame y configure sus propiedades: Border Style: Etched y Background Color: Al gusto. configure cada uno de ellos con sus propiedades características como nombre. y por separado iniciar con Yes Tool Bar Visible y Status Bar Visible). 10. Elija la opción Picture Contents. elija Accessories Enabled y seleccione Yes (en caso de que no aparezca el Tool Bar deberá configurar también la propiedad de Accessories. Abra el Customizer del botón. Si aparece la ventana de QuickForm oprima el botón Cancel. 6. Configure la forma haciendo click derecho para desplegar el customizer de la forma. SQLWindows 24 . luego la opción File Name. configure su tamaño. título (si es que lo tienen). 12. Cambie el título. 14. 2. Agregue Tool Bar y Status Bar a la ventana. aparecerá una ventana para la sección de archivo. 5. Presione la tecla F4 para desplegar el Tool Palette. elija Object Title y teclee Captura de Clientes. En la región de trabajo de la forma coloque los elementos de realce (Frame y Group Box). luego cambie el nombre y figura para cada uno de los botones del Tool Bar. 8. Ejecute SQLWindows. oprima Ok. 4. etc. Cree una nueva forma a partir del Tool Palette. 7. Coloque los demás objetos dentro de la forma Datafields. cambie el nombre: elija Object Title y teclee frmMain. 15. editable. 9. 11.Ejercicio. Backgroud Text. Antes de continuar borre el contenido de la sección Libraries. 1. si ya lo hizo oprima el botón Nuevo del Tool Bar. 13. haga click en Form. tipo de dato. 3. asígnele un nombre: Object Name = pbPrimero. 6. 2. 25 . utilice el botón de para adecuar el orden. Guarde la aplicación como Clientes. Indica que los elementos siguientes deben colocarse en otra línea. Agregar un menú a una aplicación SQLWindows es una tarea sencilla. Indica colocar un menú definido en la sección Named Menus. Indica colocar un menú.App. 17. Recuerde asignar el nombre de los objetos de acuerdo a la nomenclatura descrita. Codificando los Menús. Pruebe la captura de los campos pasando de uno a otro con el tabulador. para ello se debe editar la sección Menú de la ventana (solamente Form Window).16. ¿El orden es el correcto?. en esta sección se puede colocar los siguientes elementos: Menu Item Menu Row Named Menu Popup Menu SQLWindows Es una opción del menú. cuando el usuario de un Click en esta opción se ejecutará una acción. 18. Es la leyenda a desplegar al colocar el cursor en esta 26 SQLWindows . Status Text etc. Keyboard Acelerator Indica que secuencia de teclas accesará la opción en forma directa. Note el uso de & para definir la tecla de acceso rápido al menú.Window Menu Object Menu Indica colocar un menú para el control de ventanas MDI. Agrega el comando para editar un objeto de OLE. Menu Item Una opción de menú. Menu Separator Una opción de menú Popup Menu Coloca otro menú. pueden contener a su vez: Menu Column Indica que los siguientes elementos deben colocarse en otra columna. F1 a F12. Secciones de un Menu Item. Los Popup Menu y Window Menu. pueden ser Ctrl-x. Shift-F1. de igual forma en este apartado se coloca una expresión que regrese un valor booleano. seleccionar una opción equivale a hacer click en el botón. El ejercicio consiste ahora en agregar los menús de la aplicación. Contiene el código a ejecutar cuando el usuario seleccione la opción. SQLWindows 27 . Indica cuando esta habilitada o deshabilitada la opción (en gris). cada opción de menú tiene las secciones descritas en la imagen.Enabled when opción del menú. Indica en que condición la opción aparecerá con una marca . Ejercicio. Checked when Menu Actions Con la ayuda de las características de OOP es muy sencillo programar los menús. En el programa cada opción del menú se puede ligar con un botón y. En esta sección se coloca cualquier expresión que regrese un valor booleano. asigne el nombre y propiedades correspondientes al Menu Item.> o <Alt><Flecha Der. Evaluación. Cuide la identación de los menús si necesita cambiarla utilice las combinaciones de teclas: <Alt><Flecha Arriba>. 6. 2. 7. Marque Popup Menu en el asistente y presione Add Next Level . Abra la aplicación de captura de Clientes. Despliegue el asistente (F2). En el caso del Popup Menu Acciones recuerde colocar un Menu Separator. 3. De la ventana superior del asistente seleccione menuEdit y oprima el botón Add Same Level. <Alt><Flecha Izq. 4. 28 SQLWindows .1. 9. Agregue los menús Herramientas y Ayuda como agrego el de Acciones. 5.>. 8. Marque la sección Menu de la plantilla frmMain. <Alt><Flecha Abajo>. teclee &Acciones<Enter>. Incluya los Menu Items de cada menú: marque el Popup Menu en el asistente marque la opción Menu Item y presione el botón Add Next Level. 3. Cierto Falso hace uso de un ________________________________. 9. 2. Utilizando la nomenclatura propuesta cada objeto de SQLWindows se identifica porque su nombre inicia con un __________________. El objeto que sirve para capturar un dato se llama ______________________. _____________________. Las ventanas Dialog Box. 10. La elección de los objetos a utilizar se debe basar en Para agregar una opción en un menú se utiliza un ________________ que la aplicación va a utilizar. En el ambiente Windows existen ventanas ____________ y ventanas ____________. Los elementos para dar realce a una ventana son el ___________________ y ____________________. Se pueden modificar las propiedades de las ventanas con la ventana del _____________________________. Las ventanas Form Window tiene _______________ para que el usuario indique acciones. _______________ y _________________________. Cuando se desea que el usuario escoja un dato de una lista de valores se puede utilizar una _________________ o bien un _____________________. y barras de ________________ para ver el contenido de la ventana.1. 11. 12. 4. Cuando se desea que la barra del menú tenga más de una línea se Los Popup Menu no pueden contener otros Popup Menu. 8. SQLWindows 29 . 5. El objeto que se utiliza para colocar en la interface un mecanismo mediante el cual el usuario indique realizar una acción es el _______________________. 7. 13. 6. pueden tener tres modalidades de operación: Modal. 14. sección __________________________ la cual debe contener una expresión que de como resultado un valor booleano. SQLWindows 30 . 15. La sección _________________________________________ de Cuando se dese colocar una marca de a una opción de menú se utiliza la una opción de menú se utiliza para asignar una tecla de acceso rápido. ........5... DISEÑO DE LA INTERFAZ GRÁFICA CON EL USUARIO........................................................................1................2.................. Codificando los Menús......... Form Windows.......................2.....................................................................................................................1......................................................................... Top Level Table Window......................................................4..................................14 2.....................15 2.... Consideraciones en el diseño.......................................................25 SQLWindows 31 ..........21 2.....................6................................................................ Dialog Box.......... Paleta de Herramientas (Tool Palette)...16 2............................3.................4.................................................................17 2..................................................................................................................... Manipulación de Objetos.............18 2...............14 2..............................................