Complint amb els requisits del client: Desenvolupament d un Frontend per a la logística d una terminal portuaria

Abstract

[CA] Aquest treball documenta el procés de desenvolupament del Front-End d’una aplicació software per als Terminal Tractors de la terminal CSP del Port de València. Els conductors d’aquests camions de contenidors de mercaderies necessiten tindre visibilitat constant de la informació relacionada amb el contenidor com el origen o destí (dins de la terminal) d’aquest a més d’altres dades rellevants com el tipus de contingut o el tamany. El frontend s’ha desenvolupat fent ús dels Frameworks de Ionic i Angular amb la finalitat de complir els requisits específics del client. Aquest treball subratlla la importància que ha tingut la fase de anàlisi del projecte a més de la comunicació efectiva que ha existit amb el client al llarg del procés de desenvolupament. Aquest procés es descriu en detall, incloent la selecció de les tecnologies apropiades, el disseny de la interfície d’usuari i el testeig i debugging del software. La memòria també mostra tots els reptes i complicacions sorgides al llarg del procés, com integrar el frontend al backend i a tots els serveis necessaris del port. En resum, aquesta memòria descriu els diversos punts clau del procés de desenvolupament d’una aplicació frontend per a un sistema de logística tan complexe com el de una terminal portuària, centrant-se en la comunicació efectiva amb el client i emfatitzant el impacte positiu que tindrà a la terminal per millorar l’eficiència i la seguretat a la terminal.

[ES] Este trabajo documenta el proceso de desarrollo del Front-End de una aplicación software para los Terminal Tractores de la terminal CSP del Puerto de Valencia. Los conductores de estos camiones de contenedores de mercancías necesitan tener visibilidad constante de la información relacionada con el contenedor como el origen o destino (dentro de la terminal) de éste además de otros datos relevantes como el tipo de contenido o el tamaño . El front-end se ha desarrollado utilizando los Frameworks de Ionic y Angular con el fin de cumplir los requisitos específicos del cliente. Este trabajo subraya la importancia que ha tenido la fase de análisis del proyecto, además de la comunicación efectiva que ha existido con el cliente a lo largo del proceso de desarrollo. Este proceso se describe detalladamente, incluyendo la selección de las tecnologías apropiadas, el diseño de la interfaz de usuario y el testeo y debugging del software. La memoria también muestra todos los retos y complicaciones surgidas a lo largo del proceso, como integrar el front-end en el back-end y en todos los servicios necesarios del puerto. En resumen, esta memoria describe los distintos puntos clave del proceso de desarrollo de una aplicación front-end para un sistema de logística tan complejo como el de una terminal portuaria, centrándose en la comunicación efectiva con el cliente y enfatizando el impacto positivo que tendrá en la terminal para mejorar la eficiencia y la seguridad en la terminal.

[EN] This work documents the development process of the Front-End of a software application for the Terminal Tractors of the terminal CSP of the Port of Valencia. The drivers of these shipping container trucks need to have constant visibility of the information related to the container, such as the origin or destination (within the terminal) of the container, in addition to other relevant data such as the type of content or size. The front-end has been developed using the Ionic and Angular Frameworks in order to meet specific customer requirements. This work underlines the importance of the analysis phase of the project, in addition to the effective communication that has existed with the client throughout the development process. This process is described in detail, including the selection of the appropriate technologies, the design of the user interface, and the testing and debugging of the software. The report also shows all the challenges and complications that arose throughout the process, such as integrating the front-end with the backend and with all the necessary port services. In summary, this report describes the different key points in the development process of a front-end application for a logistics system as complex as that of a port terminal, focusing on effective communication with the client and emphasizing the positive impact it will have on the terminal. to improve efficiency and safety at the terminal.