EL ENTORNO DE PROGRAMACIÓN EN VISUAL PROLOG OBJETIVOSLos objetivos de esta guía son: Inducir al alumno en la programación visual. Conocer los elementos necesarios para crear una aplicación en Visual Prolog. Introducir código nuevo y trabajar directamente con el experto de Visual Prolog. Diseñar una aplicación nueva representará una calculadora. que INTRODUCCION Las aplicaciones realizadas bajo un entorno visual nos da la facilidad de crear programas orientados a eventos bajo un sistema operativo Windows. Como la mayoría de los lenguajes visuales, Visual Prolog dispone de creación de programas en forma visual con lo cual el programador se preocupará solamente de especificar las tareas que llevara a cabo la aplicación en cuestión, ya que el código es generado automáticamente por el Experto del entorno de desarrollo. En las aplicaciones Windows las operaciones son producidas mediante eventos como por ejemplo, pulsar una tecla, mover el mouse, etc. Para cada evento debe existir un manejador, que contiene el código que se ha de ejecutar tras producirse un suceso al que se encuentra vinculado, si el programador no define un manejador propio para un evento cualquiera, dicho evento es tratado por defecto por el sistema. En esta guía se pretende entregar las herramientas necesarias para construir una aplicación sencilla en Visual Prolog, y así inicializar al alumno en el mundo de la programación Visual. 1 Facultad de Ingeniería del Software Ing. Saúl Pérez Vega una vez dentro realizamos lo siguiente : Presionamos la opción New Project del menú Project. Saúl Pérez Vega . nos dirigimos al menú inicio. El dialogo que aparece nos permite configurar el método de desarrollo de la aplicación en curso de una forma muy sencilla.EL ENTORNO DE PROGRAMACIÓN EN VISUAL PROLOG CREAR UNA APLICACIÓN DESDE CERO Cuando desarrollamos cualquier aplicación en Visual Prolog el proceso de generar los archivos que van a componer nuestros programas se realiza siempre de la misma forma. 2 Facultad de Ingeniería del Software Ing. Para ejecutar Visual Prolog. por ejemplo: MDI MODE: especifica si la ventana principal de nuestra aplicación es de modo MDI o no. Pestaña Target En esta pestaña se configura el tipo de plataforma donde se ejecutará el programa. Pestaña VPI Options En esta pestaña se especifican si se incluyen o no ciertas opciones que son propias de la interfaz VPI. la aplicación que se pretende generar por ejemplo un archivo exe o una dll y por último seleccionar el lenguaje de programación que se utilizara para generar el programa principal. 2. la configuración de ellas van directamente ligadas a como queremos representar nuestro programa. En el caso de nuestro ejemplo el nombre del proyecto será CalculadoraUTP y el directorio base será un directorio nuevo y vacío. Pestaña General En esta pestaña se identifican el nombre del proyecto y el directorio en el cual va a estar situada nuestra aplicación. Para todos nuestros ejemplos las opciones siempre serán las mismas. UI Strategy será de modo VPI de lo contrario el método de programación no será ni visual ni orientado a eventos y se comportara como una aplicación realizada para DOS. 3. en Target Type seleccionaremos exe ya que es de este tipo la aplicación que vamos a generar y en Main Program el lenguaje utilizado será Prolog. el tipo de plataforma deberá ser Windows32. 1. el tipo de estrategia de interfaz de usuario que se utilizará. Saúl Pérez Vega . es decir.EL ENTORNO DE PROGRAMACIÓN EN VISUAL PROLOG Figura: Aspecto de creación de ejemplo Calculadora En el cuadro de arriba se ven diferentes pestañas que pertenecen al dialogo de creación de la aplicación. para nuestro ejemplo no vamos a utilizar el modo MDI ya que 3 Facultad de Ingeniería del Software Ing. es recomendable tener cada proyecto con cada directorio distinto. A continuación se explican cada uno de los cuadros de la Figura de arriba. pro y otro llamado con el nombre del proyecto (en este caso Calculadora. Toolbar and Help Line: determina si la aplicación tendrá una barra de herramientas y una línea de ayuda en la parte superior de la ventana. En la parte central aparecen dos archivos uno que siempre será VPItools. Terminados estos pasos presionamos el botón Create momento en que nuestra aplicación ha sido creada exitosamente. así como también acceder a la ventana del código experto que nos permite insertar código fácilmente a nuestra aplicación. Message Windows: especifica si se incluirá o no el cuadro de mensaje. cuadros de edición. 4. DISEÑAR LA VENTANA PRINCIPAL Una vez terminados todos los pasos anteriores. etc. 1. botones de selección. nosotros no lo vamos a ocupar ya que lo que interesa es ocupar al cien por ciento las cualidades de la programación Visual y no escribir ni leer como si fuera por DOS. Saúl Pérez Vega . de inmediato deberá aparecer el siguiente dialogo: En la parte izquierda de la figura se pueden apreciar los botones que nos permiten crear nuevos componentes para nuestra aplicación. ya que son especificaciones para construir aplicaciones mas avanzadas como por ejemplo conectividad con base de datos. el nombre del autor. para eso vamos a utilizar la Task Windows como ventana única (esta ventana es creada por defecto y siempre estará presente en todos los programas).EL ENTORNO DE PROGRAMACIÓN EN VISUAL PROLOG la dificultad la tenemos al momento de agregar objetos a nuestra aplicación como botones. En la parte derecha aparecen los botones que nos permiten editar y eliminar componentes que fueron anteriormente añadidos. 3D Look for Controls: determina si los objetos que va a usar nuestra aplicación van a ser visto en modo tridimensional. Pestaña User Info Aquí se especifican datos como por ejemplo el nombre de la compañía.pro). lo que nos interesa es comenzar a diseñar nuestro programa. cambiar el generador de código. la versión de nuestra aplicación y una breve descripción de nuestro programa.. estos dos archivos nunca deberán ser borrados ya que verán afectado el normal funcionamiento de la aplicación. los pasos para poder construir de forma fácil y rápida será realizando los siguientes pasos: 4 Facultad de Ingeniería del Software Ing. Las pestañas restantes Other Options y Help Maker se deben dejar tal como están. etc. en cambio una ventana en modo normal puede contener cualquier tipo de elementos. EL ENTORNO DE PROGRAMACIÓN EN VISUAL PROLOG Dirigirse al botón situado en la parte izquierda llamado Window que nos mostrara todas las ventanas actuales que existen en el programa. Los controles que son identificados son aquellos que nos permitirán interactuar al usuario con el sistema y no aquellos que solamente cumplan con la función de proporcionar información como por ejemplo una etiqueta estática. CONTROLS nos proporciona un conjunto de controles que podemos pegar en la ventana LAYOUT provee herramientas para colocar los elementos dentro de la ventana La ventana principal de nuestra aplicación tendrá el siguiente aspecto tras haber pegado los controles adecuados. después de la figura de abajo se especifican los nombres con que fueron identificados para luego ocuparlos en el código principal. 5 Facultad de Ingeniería del Software Ing. Saúl Pérez Vega . para trabajar sobre ella. de inmediato aparece la ventana principal. Aparece la Ventana principal con un panel y una serie de componentes que podemos utilizar en el diseño de nuestras ventanas. cómo no se ha creado ninguna ventana aparece siempre la ventana principal o Task Window que es sobre la cual vamos a trabajar: Dar doble clic sobre el elemento Task Window en la parte central de la figura. EL ENTORNO DE PROGRAMACIÓN EN VISUAL PROLOG Edit Control Static Text Push Button Group Box La identificación de cada uno de los controles es la siguiente: El primer Group Box será llamado idc_ingreso_de_datos El segundo Group Box será llamado idc_resultados_obtenidos El primer Edit Control será llamado idc_numero1 El segundo Edit Control idc_numero2 El Edit Control que tendrá el resultado idc_resultado El Push Button Suma idc_suma El Push Button Resta idc_resta El Push Button Multiplicación idc_multiplicacion El Push Button División idc_division El Push Button Salir idc_salir El nombre de los controles es importante ya que los identifica en el código para poder diferenciarlos. 2. Saúl Pérez Vega . el código que se insertara deberá hacerse con mucho cuidado ya que sucederá que la aplicación no correrá y darse cuenta donde esta el error es algo realmente difícil de encontrar. INSERTAR CODIGO EN EL PROGRAMA Al momento de la creación de un programa Visual Prolog crea 2 archivos (como se dijo anteriormente). 6 Facultad de Ingeniería del Software Ing. cada uno de los cuales contiene código que sirve para le ejecución de un programa en particular. Cómo el botón Suma es un Control nos dirigimos al elemento Control del cuadro de lista Event Type situado en la parte inferior izquierda de la figura adyacente. 7 Facultad de Ingeniería del Software Ing.EL ENTORNO DE PROGRAMACIÓN EN VISUAL PROLOG Para insertar código nos dirigimos al Experto de Visual Prolog. el cual nos proporciona las herramientas para no perdernos en la edición. Para ellos presionamos el botón Code Expert situado en la parte derecha de la imagen del lado izquierdo. Pasos: Una vez presionado el botón Code Expert aparece un dialogo llamado Dialogo Experto que nos permite agregar el código que queramos en la posición que determinemos. Para editar el evento que llevara al presionar el botón presionamos el botón Add Clause. modificación e inserción de código. que es cual nos interesa. En la lista Event Or Item aparece el elemento idc_suma. Saúl Pérez Vega . Lo primero que vamos a hacer será habilitar el botón Suma para que una vez ingresados los dos números en los casilleros de edición aparezca el resultado en el Edit Control idc_resultado. Saúl Pérez Vega ._CtrlInfo) nos informa de que ha sido el botón el que ha producido el evento.e_Control(idc_suma. idc_suma _CtlInfo task_win_eh(_Win. Resultado=win_GetCtlHandle(_Win.idc_resultado). Se puede observar que hay dos cortes llamado Cut (!).0):-!. Este evento se va a tratar de dos maneras._CtrlType. idc_suma _CtlInfo task_win_eh(_Win.0):-!. %Aquí es dónde ingresaremos código para habilitar el botón sumar. Nro1=win_GetText(Nro1_Texto).e_Control(idc_suma. por tanto el Prolog buscará la siguiente cláusula para satisfacer que en este caso es la que visualiza un pequeño dialogo de error. idc_suma _CtlInfo La cabecera del evento ha sido generada por el sistema y el objeto e_Control(idc_suma._CtrlWin. sin embargo si se realiza con varias como va ser el caso de Dividir hay que eliminar el primer corte para permitir la búsqueda de nuevas soluciones a través del proceso de backtracking.EL ENTORNO DE PROGRAMACIÓN EN VISUAL PROLOG Después de presionado el botón Add Clause este cambia a ser llamado Edit Clause y lo presionamos para poder ingresar código al evento del botón Sumar._CtrlWin. !._CtrlWin. El código a ingresar para que el botón Suma haga lo que nosotros realmente queremos es el siguiente: %BEGIN Task Window._CtlInfo). 8 Facultad de Ingeniería del Software Ing._CtrlType. Esto debe dejarse así si el manejo de eventos se realiza con una sola cláusula.idc_numero2). Nos envía directamente al evento del botón idc_suma : %BEGIN Task Window. uno al principio y otro al final._CtrlType. Nro1_Texto=win_GetCtlHandle(_Win. si la primera falla es porque el programa no puede hacer los cálculos correctamente y alguna cláusula falla debido a un mal ingreso de los datos por parte del usuario. Nro2_Texto=win_GetCtlHandle(_Win. %END Task Window._CtlInfo).idc_numero1). se realiza la operación de lo contrario se obviaran los cálculos siguientes a la condición. por lo tanto iremos directamente a la edición de los eventos: %BEGIN Task Window. idc_division _CtlInfo En el caso de la división hay que controlar cuando el segundo numero es cero. win_SetText(Resultado.idc_numero1).idc_numero1). Nro2_Texto=win_GetCtlHandle(_Win. Quedará como ejercicio los botones de resta y multiplicación. Numero2<>0._CtrlType._CtlInfo). Nro1=win_GetText(Nro1_Texto). idc_division _CtlInfo task_win_eh(_Win._CtrlType.Numero1). %pasar Suma de entero a string llamado Suma _Texto win_SetText(Resultado. El código para el botón división debiera ser el siguiente: %BEGIN Task Window.Numero2). Si aún no se entiende que es un manejador. permite obtener lo que esta escrito en el cuadro de edición que tiene como manejador Nro1_Texto y lo almacena en una variable distinta. %Condición si Numero2 es distinto de cero 9 Facultad de Ingeniería del Software Ing. str_int(Nro1.0):-!. str_int(Nro2. Nro1_Texto=win_GetCtlHandle(_Win.Numero1)._CtlInfo).Suma_Texto). str_int(Suma_Texto. Para el botón de división será necesario controlar y validar una división entre cero. Saúl Pérez Vega . completar la codificación. Resultado=win_GetCtlHandle(_Win. permite escribir en el cuadro de texto que tiene como manejador Resultado. str_int(Nro1. %pasar Nro2 de string a entero llamado Numero2 Suma=Numero1+Numero2. idc_suma _CtlInfo La explicación de las instrucciones de arriba son las siguientes: win_GetCtlHandle(_Win. idc_division _CtlInfo task_win_eh(_Win._CtrlWin. para así poder leer lo que tiene el cuadro de mensaje.idc_numero2).EL ENTORNO DE PROGRAMACIÓN EN VISUAL PROLOG Nro2=win_GetText(Nro2_Texto).e_Control(idc_division. esta instrucción permite obtener el manejador del control llamado idc_numero1. lo que está almacenado en la variable Suma_Texto que tiene que ser string para poder mostrarla.Suma). si el numero es distinto de cero.Suma_Texto)._CtrlWin. para ello preguntamos en cada situación. %Punto para agregar código !. %END Task Window.0):-!. win_GetText(Nro1_Texto). Nro2=win_GetText(Nro2_Texto). %END Task Window. ese número se denomina manejador (handler) de la ventana o control.idc_resultado). hay que aclarar que cada ventana o control tiene un número que lo identifica dentro del sistema. !. %pasar Nro1 de string a entero llamado Numero1 str_int(Nro2.Numero2). El proceso de edición del código es exactamente igual que los botones anteriores en la primera parte.e_Control(idc_division. win_Destroy(_Win). Saúl Pérez Vega . %END Task Window. %END Task Window. ya que no se confunden los nuevos valores con los antiguos. por lo que se mostrara a continuación solamente el código editado : %BEGIN Task Window. %END Task Window.Divide_Texto). ya que son temas mas avanzados que serán utilizados mas adelante en otras guías._CtrlType. %Transforma se Real a String win_SetText(Resultado. idc_salir _CtlInfo task_win_eh(_Win. idc_salir _CtlInfo 3.0):-!. str_real(Divide_Texto.e_Control(idc_salir. El proceso de edición de la cláusula perteneciente al botón Salir es similar a la de los botones Sumar y Dividir. !. !._CtlInfo).EL ENTORNO DE PROGRAMACIÓN EN VISUAL PROLOG Divide=Numero1/Numero2.Divide)._CtrlType.e_Control(idc_salir. %Punto para agregar código al botón Salir !. EJECUTAR LA APLICACIÓN Y ELIMINAR COMPONENTES ADICIONALES Lo primero que vamos a hacer será eliminar los componentes que no son necesarios en la ejecución de la aplicación que estamos tratando. que recibe como parámetro el indicador de la ventana que esta siendo ejecutada.0):-!. idc_salir _CtlInfo task_win_eh(_Win. Eliminación de menú emergente Para la eliminación de los menús emergentes que no están siendo utilizados se realizan los siguientes pasos: 10 Facultad de Ingeniería del Software Ing. La reutilización de variables se puede hacer sin ninguna preocupación._CtrlWin. idc_division _CtlInfo Todas las instrucciones anteriores son las mismas que las anteriores por lo tanto no necesitan una nueva explicación. Por lo tanto el evento del botón Salir queda de la siguiente manera: %BEGIN Task Window._CtlInfo). Por último (en la etapa de inserción de código) queda implementar el botón Salir que como su nombre lo dice nos permitirá salir y cerrar por completo la aplicación que esta siendo ejecutada._CtrlWin. idc_salir _CtlInfo Las instrucciones para cerrar la aplicación es la siguiente: win_Destroy(_Win). En la parte central aparece una lista de elementos que pertenecen al menú principal. situado en la parte izquierda de la pantalla. 11 Facultad de Ingeniería del Software Ing. para ello presionamos el botón Code Expert. Por ejemplo el elemento llamado id_file_exit posee código ya que se habilitan los botones llamados Edit Clause y Delete Clause. teniendo que aparecer la siguiente ventana: Lo que queda es eliminar cada uno de los submenús situados en la parte central. ya que la tendremos que ir eliminando una por una. Se hace lo mismo con cada uno de los tres elementos situados en la parte central. Terminado el paso anterior nos queda eliminar por completo los submenú para ello hacemos doble clic en el elemento del experto llamado Task Menú. lo primero es dirigirnos al Event Type. Para eliminarlos presionamos solamente el botón Del. Aparece la figura situada en la parte izquierda de la pantalla. lo que nos interesa son aquellos que tienen Cláusula asignada por el sistema.EL ENTORNO DE PROGRAMACIÓN EN VISUAL PROLOG Nos dirigimos al botón menú situado en la parte izquierda de la pantalla. Saúl Pérez Vega . llamado Menú. Precisamente para borrar el código perteneciente al submenú presionamos el botón Delete Clause. Para borrar el menú tenemos que ir eliminando los submenú y el código introducido automáticamente por el sistema. Aparece un elemento llamado Task Menú en el centro del Experto. Así el aspecto de nuestra aplicación en modo usuario es de la siguiente manera: Ejecutar el archivo EXE. para ello nos dirigimos a la barra de herramientas y presionamos el botón Run o simplemente presionamos la tecla F9.EL ENTORNO DE PROGRAMACIÓN EN VISUAL PROLOG Terminados correctamente con los pasos anteriores estamos en condiciones de ejecutar nuestra aplicación. Saúl Pérez Vega . 12 Facultad de Ingeniería del Software Ing. 13 Facultad de Ingeniería del Software Ing.EL ENTORNO DE PROGRAMACIÓN EN VISUAL PROLOG Ejercicio propuesto: realizar otro proyecto GUI que pueda generar el siguiente formulario. Saúl Pérez Vega .