Universidad Complutense de Madrid
E-Prints Complutense

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

Downloads

Downloads per month over past year

62078

Impacto

Downloads

Downloads per month over past year



Caballero Sánchez, Ricardo and Díaz Jiménez, Adrián (2020) Diseño interactivo de interfaces gráficas de usuario para Progress. [Trabajo Fin de Grado]

[thumbnail of DIAZ_JIMENEZ_DISENO_INTERACTIVO_DE_INTERFACES_GRAFICAS_DE_USUARIO_PARA_PROGRESS_4398577_1917460284 (1).pdf]
Preview
PDF
Creative Commons Attribution Non-commercial.

998kB


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.

Resumen (otros idiomas)

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.

Item Type:Trabajo Fin de Grado
Additional Information:

Trabajo de Fin de Grado en Ingeniería Informática/Trabajo de Fin de Grado en Ingeniería del Software, Facultad de Informática UCM, Departamento de Sistemas Informáticos y Computación, Curso 2019/2020.

Directors:
Directors
Montenegro Montes, Manuel
Uncontrolled Keywords:Progress, Frames, Variable, Temp-table, Interfaz gráfica, Electrón, Interact.JS, Analizador sintáctico, PEG.JS.
Palabras clave (otros idiomas):Progress, Frames, Variable, Temp-table, Graphical user interface, Electron, Interact.JS, Parser, PEG.JS.
Subjects:Sciences > Computer science
Título de Grado:Grado en Ingeniería Informática/Grado en Ingeniería del Software
ID Code:62078
Deposited On:07 Oct 2020 16:02
Last Modified:07 Oct 2020 16:02

Origin of downloads

Repository Staff Only: item control page