Diseño e implementación de una aplicación web para la gestión de anillamiento de aves

Abstract

Este TFM pretende ser una primera aproximación a una aplicación web dedicada al anillamiento de aves y dirigida a anilladores profesionales. Aunque incompleta, la aplicación web desarrollada contiene los principales elementos de que constaría su versión final, y hace especial incidencia en la integración del back-end y el front-end en determinados núcleos de funcionalidad, también reutilizables en futuros proyectos. Se trata, dicho de otro modo, de un ejercicio de integración de las tecnologías Django (back-end) y Angular 4 (front-end) de forma que los servicios web desarrollados puedan ser utilizados en un futuro por aplicaciones nativas de las distintas plataformas móviles. También se ha realizado una importante labor de despliegue de las distintas partes de que consta el sistema, así como de las medidas de seguridad correspondientes para la correcta configuración de la restricción CORS, o la encriptación correcta de los datos intercambiados con el servidor, entre otras tareas de despliegue. Todo el trabajo realizado ha puesto de manifiesto la gran complejidad que supone el desarrollo de un sistema de este calibre, en el cual el front-end es la parte visible desde el punto de vista del usuario. De todos modos, la línea metodológica propuesta en este TFM permite apreciar la complejidad de todos los pasos dados, desde el diseño a alto nivel del producto final mediante mock-ups, pasando después al diseño del back-end y los servicios web, para finalizar con el desarrollo del front-end.

This project aims to be a first approach to a bird ringing web application used by professional banders. Although unfinished, the developed web application contains all the major elements that a final version would have, and focuses especially on the the back-end and front-end integration of certain core areas, which could potentially be used in future projects. It is, in other words, an integration exercise of different technologies, Django (back-end) and Angular 4 (front-end), in such a way that the implemented web services could be used by potential mobile applications in different mobile platforms. Also, this project implies a great effort in terms of the deployment of the different system elements, including all security measures to implement the CORS restriction, or even the correct encryption of the data exchanged between the different parties, among other tasks. The development process highlights the complexity of the system behind the front-end element (which is the only visible element from a user's perspective), taking as a start point a high-level design of the application using mock-ups, defining and implementing the back-end functionalities and web services as a second step, and finally implementing the front-end elements which will interact with the user and the back-end.

Aquest TFM pretén ser una primera aproximació a una aplicació web dedicada a l'anellament d'ocells i dirigida a anilladores professionals. Encara que incompleta, l'aplicació web desenvolupada conté els principals elements de què constaria la seva versió final, i fa especial incidència en la integració del back-end i el front-end en determinats nuclis de funcionalitat, també reutilitzables en futurs projectes. Es tracta, dit d'una altra manera, d'un exercici d'integració de les tecnologies Django (back-end) i Angular 4 (front-end) de manera que els serveis web desenvolupats puguin ser utilitzats en un futur per aplicacions natives de les diferents plataformes mòbils. També s'ha realitzat una important labor de desplegament de les diferents parts de què consta el sistema, així com de les mesures de seguretat corresponents per a la correcta configuració de la restricció CORS, o l'encriptació correcta de les dades intercanviades amb el servidor, entre altres tasques de desplegament. Tot el treball realitzat ha posat de manifest la gran complexitat que suposa el desenvolupament d'un sistema d'aquest calibre, en el qual el front-end és la part visible des del punt de vista de l'usuari. De totes maneres, la línia metodològica proposada en aquest TFM permet apreciar la complexitat de tots els passos donats, des del disseny a alt nivell del producte final mitjançant mock-ups, passant després al disseny del back-end i els serveis web, per a finalitzar amb el desenvolupament del front-end.