Design and creation of a drag-and-drop editor that allows the customization of a sales application in NFC payment terminals

Abstract

El objetivo de este proyecto es el diseño y creación de un editor drag & drop que permita la personalización de aplicaciones utilizadas en terminales móviles, como TPV (Terminales Punto de Venta). El editor será desarrollado tanto para entornos Android como para clientes web, y tiene como objetivo facilitar la personalización de sus aplicaciones de venta a los pequeños comerciantes que utilicen el sistema de pago de Avance Pay. En esta memoria primero se ofrece una visión general de los sistemas de pago móviles mediante la tecnología NFC y las ventajas de utilizar un terminal móvil como TPV. Luego se realiza un estudio del funcionamiento de los sistemas drag & drop, así como de los programas WYSIWYG. A su vez se hace una comparación de los distintos editores existentes para Android. Antes de crear el editor drag & drop se aborda el diseño de la aplicación TPV para entornos Android. Para ello se analizan las características de aplicaciones TPV ya existentes en el mercado, con el propósito de reunir los requerimientos oportunos. Además, se desarrolla un prototipo acorde al diseño propuesto. Una sección se dedica a la introducción a la programación web. Tanto del lado del cliente como del servidor, presentando algunas de las tecnologías existentes. Estos conocimientos serán necesarios para entender el diseño propuesto para la creación del editor, el cual es a su vez explicado en otra de las secciones, donde se explica el diseño y se detalla el desarrollo del código de los distintos elementos que integran el editor.

The main goal of this Project is the design and creation of a drag & drop editor that allows de customization of applications utilized in mobile terminals as POS (Points of Sale). The editor has been developed on Android and web-client environments, and its purpose is to facilitate the customization of Sales Applications to sales men who use the Avance Pay system. In this report firstly, a general overview of NFC-based Mobile Payments and the advantages of using a mobile terminal as a POS are given. Afterwards, a study about drag & drop editors and WYSIWYG programs functioning is made. Moreover, a comparison about the different existing editors for Android is done. Before creating the Drag & Drop Editor the design of the POS application is accomplished. For that purpose the POS applications already existing in the market are analyzed in order to gather the appropriate requirements. Furthermore, a functioning prototype consistent with the proposed layout is developed. One section is dedicated to show the state of the art regarding web programming. Both, client side and server side are explained, presenting some of the existing technologies. This knowledge will be necessary to understand the solutions proposed for the creation of the editor, which is as well explained in detail in other section, where the implementation of the design is explained as well as the code development of the various elements that integrate the drag & drop editor.