Generador de páginas web a partir del reconocimiento de patrones de wireframes

Abstract

En la actualidad, las empresas requieren tener una mayor presencia en internet para publicitar e informar sus productos o servicios utilizando páginas web. Sin embargo, el desarrollo supone costos y tiempos elevados, así como personal especializado. Por este motivo, se propone la implementación de una solución que permita a los usuarios generar una página web a partir de dibujos hechos a mano, más conocidos como wireframes, reduciendo el tiempo y costo de inversión. En esta investigación, se realizó el entrenamiento de un modelo basado en la nomenclatura estándar de wireframes básicos de una página web y el desarrollo de un algoritmo basado en árboles para la transformación de wireframes a código HTML y CSS. Los resultados evidencian la aceptación de los usuarios que no tienen conocimiento en programación, ya que encuentran en la herramienta una manera sencilla de generar páginas web. Además, se muestra una reducción del tiempo invertido por los desarrolladores en el proceso de transformación de wireframe a código fuente.

Nowadays, companies need to have a greater presence on the Internet to advertise and inform their products or services using web pages. However, development involves high costs and time, as well as specialized staff. For this reason, we propose the implementation of a solution that allows users to generate a web page from hand-drawn drawings, better known as wireframes, reducing the time and cost of investment. In this research, a model based on the standard nomenclature of basic wireframes of a web page and the development of a tree-based algorithm for the transformation of wireframes to HTML and CSS code were made. The results show the acceptance of users who have no programming knowledge, since they find in the tool a simple way to generate web pages. In addition, it shows a reduction in the time invested by developers in the process of transforming wireframes to source code.