Diseño interactivo de interfaces gráficas de usuario para Progress

Abstract

Este proyecto se centra en la creación de una aplicación de escritorio que, mediante tecnologías web, nos permite crear, de manera visual, interfaces gráficas. El proyecto nace de la necesidad de crear interfaces gráficas con un lenguaje que no está muy preparado para ello: Progress. Progress es un lenguaje de programación utilizado para el mantenimiento y uso de bases de datos. Es por ello que la creación de la capa visual con este lenguaje es una tarea tediosa y el resultado es difícil de mantener. En este proyecto hemos desarrollado un programa que nos permite elegir una serie de características que tendrá la interfaz y las variables mostradas en ella con el objetivo de generar el código Progress correspondiente. Además, se crean los componentes visuales que pueden ser arrastrados y movidos a la zona de la pantalla donde finalmente se verán al ejecutar el código Progress. De esta forma, se simplifica mucho la elaboración y modificación de estas pantallas, viendo en todo momento el resultado visual final que tendrá este código al ser ejecutado. También nos permite ver en tiempo real el código Progress que se genera automáticamente con cada acción y guardar este código en un fichero. Los ficheros que se generan con la aplicación pueden ser cargados de nuevo para realizar modificaciones. Enlace a proyecto GitHub.This project is focused on the creation of a desktop application that, using web technologies, allows us to create graphical interfaces in a visual way. The project is born from the need to create graphical interfaces with a language that is not prepared for it, Progress. Progress is a programming language used for the maintenance and use of databases. That is why the creation of the visual layer with this language is a tedious task, and the resulting views are difficult to maintain. In this project we have developed a program that allows us to choose a series of properties in the interface and a series of variables shown in it in order to generate the corresponding Progress code. Additionally, visual components created can be dragged and moved to the area of the screen where they will finally be displayed when the corresponding Progress code is run. In this way, this tool greatly simplifies the elaboration of these screens and allows us to modify them quickly, and to see at all times the final visual result this code will have when executed. It also allows us to see in real time the Progress code that is automatically generated with each action and save this code in a file. The files that have been generated with the application can be reloaded to make modifications. Link to GitHub project.