Modelo de adecuación y arquitectura de aplicaciones utilizando patrones arquitectónicos modelo vista controlador en el frontend

Abstract

Con el avance de los navegadores modernos, la posibilidad de construir aplicaciones web completas en JavaScript se ha vuelto cada vez más popular, y con ello, las aplicaciones en el cliente no dejan de aumentar su complejidad. Cada vez más y más lógica termina siendo ejecutada en el navegador, por lo que escribir un código reusable y fácil de mantener es crucial en esta nueva era de la web. Para resolver este problema, los desarrolladores se han ido trasladando a diferentes propuestas MVC que prometen incrementar la productividad y la facilidad de mantenimiento del código. Este proyecto surge dentro del framework Dashboard de la sección “Infraestructura de Monitorización” del grupo “Soporte a la Computación Distribuida” del departamento IT del CERN. En él, se encuentran multitud de interfaces de usuario altamente interactivas, las cuales están enormemente basadas en JavaScript, y se quiere evaluar las distintas tecnologías actuales para ver si es posible obtener un beneficio en términos de reducir la carga de trabajo en el desarrollo y soporte de las aplicaciones. Uno de los objetivos de este trabajo es establecer unas métricas lo más atemporales posibles que permitan diferenciarlas y valorarlas, y que ayuden a determinar y elegir la más adecuada acorde a las necesidades de un proyecto. Asimismo, se demuestra el beneficio de estas soluciones para aplicaciones web JavaScript altamente escalables examinando el diseño y la arquitectura de la aplicación “Site Availability Monitoring” (SAM) dentro del Experimento Dashboard del CERN, mostrando el desarrollo de su arquitectura con una de estas tecnologías previamente seleccionada con el modelo propuesto y midiendo los resultados obtenidos al haber trabajado con la solución correcta.

With the progress of modern browsers, the possibility of building web applications using only JavaScript has became extremely popular, and with it, the client-side applications are much more complex than before. Application development requires collaboration from multiple developers and writing maintainable and reusable code is crucial in the new web app era. Due to this issue, developers have moved to different MVC technologies in order to increase their productivity and the maintainability of their code. This project starts within the Dashboard framework at CERN, where there are many highly interactive user interfaces that are heavily based on JavaScript and with the goal of evaluating these new technologies to see if we can benefit from them in terms of reducing our workload for developing and supporting our applications. We present timeless metrics that allow us to differentiate and rank the technologies, and help us to choose the right one for a specific project. At the same time, we analyze the structure of the large-scale JavaScript application SAM3 and show its development with one of these technologies.