Search

[CA] El treball present consisteix en desenvolupar una plataforma web tant per a escriptori com per a mòbil i que serveix per a gestionar els continguts d’una galeria digital. On no només hi ha visitants que contemplen les obres exposades sinó també un portal d’empleats perquè facin aquesta gestió. Per al seu desenvolupament s’ha seguit una planificació que va des de l’anàlisi de requisits i de mercat, passant pel disseny dels components de la web (’front-end’ i ’back-end’) i la corresponent implementació fins a arribar a un procés de validació per a aquesta, [ES] El trabajo presente consiste en el desarrollo de una plataforma web tanto para escritorio como para móvil y que sirve para gestionar los contenidos de una galería digital. Dónde no sólo hay visitantes que contemplan las obras expuestas sino también un portal de empleados para que realicen dicha gestión. Para su desarrollo se ha seguido una planificación que va desde el análisis de requisitos y de mercado, pasando por el diseño de los componentes de la web (’front-end’ y ’back-end’) y su correspondiente implementación hasta llegar a un proceso de validación para la solución lograda., [EN] The present work consists of the development of a web platform for both desktop and mobile and that serves to manage the contents of a digital gallery. Where there are not only visitors who contemplate the exhibited works but also a portal for employees to carry out said management. For its development, a planning has been followed that goes from the analysis of requirements and the market, going through the design of the web components (’front-end’ and ’back-end’) and their corresponding implementation until reaching a validation process for it.

[ES] En toda producción en cadena, surgen a menudo errores que resultan en un producto defectuoso. Llevar un seguimiento de estos defectos, es muy complicado, pero en caso de tratarse de conectores eléctricos, es posible llevar un seguimiento informatizado de todos ellos. En este proyecto, se ha llevado a cabo el desarrollo de mejoras para una aplicación de seguimiento de defectos eléctricos, utilizada por el departamento de eléctricos de la planta de montaje de Ford Almussafes. Dicha aplicación tiene como objetivo mejorar la eficiencia de la producción en cadena y detectar los lugares dónde se producen más errores., [EN] In all chain production, errors often arise that result in a defective product. Keeping track of these defects is very complicated, but if the components that fail are connectors, it is possible to carry out a computerized monitoring of all of them. In this project, the development of improvements for an electrical fault tracking application for the electrical department of the Ford Almussafes assembly plant has been carried out. This application aims to improve the efficiency of chain production and detect the places where errors frequently occur.

[ES] eSignaBox es una aplicación web para el intercambio seguro y firma de documentos y comunicaciones. Actualmente su front-end está desarrollada mediante GWT, lo cual está generando una serie de problemas derivados de su uso. En este trabajo se observan estos problemas y se propone una solución. Esta solución consiste en la selección de un nuevo stack tecnológico para el desarrollo de eSignaBox. Para ello se ha realizado la evaluación de diferentes frameworks de desarrollo con el fin de poder formar el stack que más beneficie a la aplicación. Para lograrlo se ha utilizado tres stacks tecnológicos, formados por un framework de JavaScript, de CSS y de test. Con cada uno de estos tres stacks se ha realizado el desarrollo de una pequeña aplicación con el fin de determinar qué frameworks son los elegidos finalmente para formar el nuevo stack de eSignaBox., [EN] eSignaBox is a web application for the secure exchange and signing of documents and communications. Currently its front-end is developed through GWT, which is generating a series of problems derived from its use. In this project, these problems are observed and a solution is proposed. This solution consists of the selection of a new technological stack for the development of eSignaBox. For this, the evaluation of different development frameworks has been carried out in order to be able to form the stack that most benefits the application. To achieve this, three technological stacks have been used, each of them formed by a JavaScript framework, a CSS framework and test framework. With each of these three stacks, a small application has been developed in order to determine which frameworks are finally chosen to form the new eSignaBox stack.

[ES] El tiempo es oro. Esta expresión que se ha usado a lo largo de muchísimos años se ha visto acentuada por la situación en la que nos encontramos hoy en día. Esta pandemia nos ha hecho darnos cuenta de que hay que dedicarles tiempo a las cosas que de verdad importan. Así que, con esa premisa en mente, mi compañero Álvaro Gómez Cuenca y yo hemos decidido sacar adelante este proyecto. Por ello, hemos decidido desarrollar esta aplicación de Android con la idea de poder ahorrar tiempo, tanto en el día a día, como en momentos más puntuales. Este ahorro se obtiene gracias a los diferentes mecanismos implementados y la idea base de la aplicación. La función principal de la aplicación es el almacenamiento de las diferentes prendas de ropa del usuario y la ordenación de estas por conjuntos. Este hecho nos aporta un ahorro de tiempo en una gran variedad de situaciones: lo primero es que no es necesario que cada mañana pensemos que prendas de ropa nos vamos a poner y cómo debemos combinarlas, sino que simplemente miramos en nuestra lista de conjuntos cual nos cuadra más para ese día. Además, en la acción de crear estos conjuntos también nos ahorramos tiempo, ya que, al tener las prendas ya guardadas y clasificadas en la aplicación, en lugar de ir buscando por el armario y los diferentes cajones qué prendas nos gustan más para formar el conjunto, simplemente deberemos deslizar el dedo por las diferentes pantallas de la aplicación. Pero si no queremos gastar tiempo ni siquiera creando nosotros mismos los conjuntos no hay de qué preocuparse, ya que la aplicación se puede encargar de ello, creando el conjunto óptimo para ese momento en base al clima y los eventos que haya ese día en tu calendario. Esto proporciona como beneficio adicional que a la gente que no le interesa la moda o cómo vestir pueda ir siempre de forma impecable. Pero la aplicación no solo nos permite ahorrar tiempo con la ropa que ya tenemos, sino también con la que vamos a tener en un futuro. Esto lo consegui, [EN] Time is precious. This expression has been used during many years, but due to the actual situation, now is more realistic. This pandemic has help us to realize that we need to dedicate time to the things that really care. With this premise in mind, my partner Álvaro Gómez Cuenca and I have decided to do this project. We decide to develop this Andoid application with the idea to save time, in daily situations or in more special moments. This save is achieve thanks to different mechanisms implemented and the basic idea of the application. The main functionality of the application is storage the different clothes of the users and organize this in outfits. This fact gave us the capability to save time in different situations: the first of them, we do not need to waste time every morning choosing what we need to wear and how to match it, because we only need to check the outfit list more appropriate for that day. In addition, creating this outfits we also save time, because is not necessary go to the closet, from the application when we have all our clothes, we can create the outfits selecting it. Also, if the user wants to save more time, they do not even need to choose an outfit, the application suggests three every day basing on the weather and the calendar events. This fact provides an extra benefit, the people that aren´t interested in fashion can always be well dressed. And the last way to save time is using the “Shops” part of the application, because instead of going to the mall or open a lot of browser tabs, we can buy the clothes faster thanks to the selection of shops that we found inside the application. This project is an entrepreneur project developed in the framework of Start.inf, the entrepreneur space of ETSInf, due to the similarities to work like a real StartUp. Also, work of this way, gave us the possibility to work in different parts of the project. In my case I develop the front-end part of the application. This part encompasses task like desig

[ES] Este proyecto tiene como objetivo la implementación de un videojuego en el entorno de desarrollo Unity. El videojuego se ha realizado con un enfoque de emprendimiento dentro del marco de Start.inf, con proyección para una posible futura salida al mercado. Su desarrollo ha seguido una metodología ágil. El TFG abarca desde la concepción de la idea de negocio hasta la finalización del segundo MVP. El proyecto, con título Blitz Party, es un videojuego multijugador para dispositivos móviles que pertenece al género de los juegos basados en minijuegos. Se trata de una aplicación free-to-play que dispone de contenido extra adquirible mediante micropagos. Consta también de funciones sin conexión y personalización de personajes, entre otros. El proyecto se ha desarrollado por un equipo compuesto por cuatro alumnos, en el marco del desarrollo de sus TFG, donde cada uno se ha centrado en un área del proyecto. La implementación del front-end es la parte principal de este trabajo, centrado en la programación de la lógica visible por el usuario. De esta forma, se muestra detalladamente los procesos desarrollados que interpretan las acciones del usuario y ayudan a abstraer su interacción en la capa de presentación, separándola de las capas de lógica de negocio y persistencia. Para ello, se ha prestado especial atención al diseño de la interfaz gráfica, siguiendo una serie de principios que ayudan al usuario a entender el funcionamiento de la interfaz independientemente de cómo se haya implementado internamente., [EN] This project aims to create a videogame using the Unity Game Engine. The video game has been made with an entrepreneurial approach within the framework of Start.inf, with a projection for a possible future release to the market. Its development has followed an agile methodology. This end-of-degree project spans from the conception of the business idea until the ending of the second MVP. The project, titled Blitz Party, is a multiplayer video game for mobile devices that belongs to the genre of games based on minigames. It is a free-to-play application that includes extra content that can be purchased with microtransactions. It also contains offline features and character customization, among many others. The project has been developed by a team of four students, within the framework of the development of their TFG, where each one has focused on one área of the project. The main part of this work is the implementation of the front-end, focused on programming the logic that the user interacts with. This way, we show in detail the developed processes that interpret user actions and help to abstract user interaction in the presentation layer, separating it from the business logic and persistence layers. This has been done by paying special attention to the design of the graphic interface, following a list of principles that help the user to understand the behaviour of the interface independently of its internal implementation., [CA] Aquest projecte té com a objectiu l’implementació d’un videojoc en l’entorn de desenvolupament Unity. El videojoc s’ha realitzat amb un enfocament d’emprenedoria dins del marc de Start.inf, amb projecció per a una possible eixida al mercat. El seu desenvolupament ha seguit una metodologia àgil. El TFG comprén des de la concepció de la idea de negoci fins l’acabament del segon MVP. El projecte, amb títol Blitz Party, és un videojoc multijugador per a dispositius mòbils que perteneix al gènere dels jocs basats en minijocs. Es tracta d’una aplicació free-to-play que compta amb contingut adicional adquirible mitjançant micropagaments. Compta també amb funcions sense connexió i personalització de personatges, entre altres. El projecte s’ha desenvolupat per un equip format per quatre alumnes, en el marc del desenvolupament dels seus TFG, on cada un s’ha centrat en un área del projecte. L’implementació del front-end és la part principal d’aquest treball, centrat en la programació de la lògica visible per l’usuari. Així, es mostra detalladament els processos desenvolupats que interpreten les acciones de l’usuari i ajuden a abstreure la seua interacció en la capa de presentació, separant-la de les capes de lògica de negoci i persistència. Per això, s’ha posat especial atenció al diseny de la interfície gràfica, seguint una serie de principis que ajuden l’usuari a entendre el funcionament de l’interífice independentment de com s’haja implementat internament

[ES] El proyecto es para una PYME francesa que se dedica a ofrecer clases particulares y necesita una aplicación web para vender su producto (landing page) y una zona de usuarios para la gestión de varios procesos internos (empleados) y externos (clientes). Esta zona de gestión dispondrá de tres tipos de usuarios: usuario alumno, usuario profesor y usuario administrador. Cada uno de estos usuarios dispondrá de unas herramientas diferentes. Estas herramientas vienen definidas en la especificación de requisitos del cliente. El objetivo es desarrollar un producto que cumpla los requisitos propuestos por el cliente y además ofrecer una aplicación web segura, desacoplada, eficiente, fácil de mantener y con una interfaz atractiva y de uso sencillo., [EN] The project is for a French SME that is dedicated to offering private classes and needs a web application to sell its product (landing page) and a user area to manage various internal processes (employees) and external processes (customers). This management area will have three types of user: student user, teacher user and administrator user. Each of these users will have different tools. These tools are defined in my client's requirements specification. The objective is to offer a product that meets the requirements proposed by the client and to offer a secure, decoupled, efficient, easy to maintain web application and an attractive and user-friendly interface.

[ES] El proyecto es para una PYME francesa que se dedica a ofrecer clases particulares y necesita una aplicación web para vender su producto (landing page) y una zona de usuarios para la gestión de varios procesos internos (empleados) y externos (clientes). Esta zona de gestión dispondrá de tres tipos de usuarios: usuario alumno, usuario profesor y usuario administrador. Cada uno de estos usuarios dispondrá de unas herramientas diferentes. Estas herramientas vienen definidas en la especificación de requisitos del cliente. El objetivo es desarrollar un producto que cumpla los requisitos propuestos por el cliente y además ofrecer una aplicación web segura, desacoplada, eficiente, fácil de mantener y con una interfaz atractiva y de uso sencillo., [EN] The project is for a French SME that is dedicated to offering private classes and needs a web application to sell its product (landing page) and a user area to manage various internal processes (employees) and external processes (customers). This management area will have three types of user: student user, teacher user and administrator user. Each of these users will have different tools. These tools are defined in my client's requirements specification. The objective is to offer a product that meets the requirements proposed by the client and to offer a secure, decoupled, efficient, easy to maintain web application and an attractive and user-friendly interface.

[ES] En toda producción en cadena, surgen a menudo errores que resultan en un producto defectuoso. Llevar un seguimiento de estos defectos, es muy complicado, pero en caso de tratarse de conectores eléctricos, es posible llevar un seguimiento informatizado de todos ellos. En este proyecto, se ha llevado a cabo el desarrollo de mejoras para una aplicación de seguimiento de defectos eléctricos, utilizada por el departamento de eléctricos de la planta de montaje de Ford Almussafes. Dicha aplicación tiene como objetivo mejorar la eficiencia de la producción en cadena y detectar los lugares dónde se producen más errores., [EN] In all chain production, errors often arise that result in a defective product. Keeping track of these defects is very complicated, but if the components that fail are connectors, it is possible to carry out a computerized monitoring of all of them. In this project, the development of improvements for an electrical fault tracking application for the electrical department of the Ford Almussafes assembly plant has been carried out. This application aims to improve the efficiency of chain production and detect the places where errors frequently occur.

[ES] Este proyecto tiene como objetivo la implementación de un videojuego en el entorno de desarrollo Unity. El videojuego se ha realizado con un enfoque de emprendimiento dentro del marco de Start.inf, con proyección para una posible futura salida al mercado. Su desarrollo ha seguido una metodología ágil. El TFG abarca desde la concepción de la idea de negocio hasta la finalización del segundo MVP. El proyecto, con título Blitz Party, es un videojuego multijugador para dispositivos móviles que pertenece al género de los juegos basados en minijuegos. Se trata de una aplicación free-to-play que dispone de contenido extra adquirible mediante micropagos. Consta también de funciones sin conexión y personalización de personajes, entre otros. El proyecto se ha desarrollado por un equipo compuesto por cuatro alumnos, en el marco del desarrollo de sus TFG, donde cada uno se ha centrado en un área del proyecto. La implementación del front-end es la parte principal de este trabajo, centrado en la programación de la lógica visible por el usuario. De esta forma, se muestra detalladamente los procesos desarrollados que interpretan las acciones del usuario y ayudan a abstraer su interacción en la capa de presentación, separándola de las capas de lógica de negocio y persistencia. Para ello, se ha prestado especial atención al diseño de la interfaz gráfica, siguiendo una serie de principios que ayudan al usuario a entender el funcionamiento de la interfaz independientemente de cómo se haya implementado internamente., [EN] This project aims to create a videogame using the Unity Game Engine. The video game has been made with an entrepreneurial approach within the framework of Start.inf, with a projection for a possible future release to the market. Its development has followed an agile methodology. This end-of-degree project spans from the conception of the business idea until the ending of the second MVP. The project, titled Blitz Party, is a multiplayer video game for mobile devices that belongs to the genre of games based on minigames. It is a free-to-play application that includes extra content that can be purchased with microtransactions. It also contains offline features and character customization, among many others. The project has been developed by a team of four students, within the framework of the development of their TFG, where each one has focused on one área of the project. The main part of this work is the implementation of the front-end, focused on programming the logic that the user interacts with. This way, we show in detail the developed processes that interpret user actions and help to abstract user interaction in the presentation layer, separating it from the business logic and persistence layers. This has been done by paying special attention to the design of the graphic interface, following a list of principles that help the user to understand the behaviour of the interface independently of its internal implementation., [CA] Aquest projecte té com a objectiu l’implementació d’un videojoc en l’entorn de desenvolupament Unity. El videojoc s’ha realitzat amb un enfocament d’emprenedoria dins del marc de Start.inf, amb projecció per a una possible eixida al mercat. El seu desenvolupament ha seguit una metodologia àgil. El TFG comprén des de la concepció de la idea de negoci fins l’acabament del segon MVP. El projecte, amb títol Blitz Party, és un videojoc multijugador per a dispositius mòbils que perteneix al gènere dels jocs basats en minijocs. Es tracta d’una aplicació free-to-play que compta amb contingut adicional adquirible mitjançant micropagaments. Compta també amb funcions sense connexió i personalització de personatges, entre altres. El projecte s’ha desenvolupat per un equip format per quatre alumnes, en el marc del desenvolupament dels seus TFG, on cada un s’ha centrat en un área del projecte. L’implementació del front-end és la part principal d’aquest treball, centrat en la programació de la lògica visible per l’usuari. Així, es mostra detalladament els processos desenvolupats que interpreten les acciones de l’usuari i ajuden a abstreure la seua interacció en la capa de presentació, separant-la de les capes de lògica de negoci i persistència. Per això, s’ha posat especial atenció al diseny de la interfície gràfica, seguint una serie de principis que ajuden l’usuari a entendre el funcionament de l’interífice independentment de com s’haja implementat internament

[ES] El tiempo es oro. Esta expresión que se ha usado a lo largo de muchísimos años se ha visto acentuada por la situación en la que nos encontramos hoy en día. Esta pandemia nos ha hecho darnos cuenta de que hay que dedicarles tiempo a las cosas que de verdad importan. Así que, con esa premisa en mente, mi compañero Álvaro Gómez Cuenca y yo hemos decidido sacar adelante este proyecto. Por ello, hemos decidido desarrollar esta aplicación de Android con la idea de poder ahorrar tiempo, tanto en el día a día, como en momentos más puntuales. Este ahorro se obtiene gracias a los diferentes mecanismos implementados y la idea base de la aplicación. La función principal de la aplicación es el almacenamiento de las diferentes prendas de ropa del usuario y la ordenación de estas por conjuntos. Este hecho nos aporta un ahorro de tiempo en una gran variedad de situaciones: lo primero es que no es necesario que cada mañana pensemos que prendas de ropa nos vamos a poner y cómo debemos combinarlas, sino que simplemente miramos en nuestra lista de conjuntos cual nos cuadra más para ese día. Además, en la acción de crear estos conjuntos también nos ahorramos tiempo, ya que, al tener las prendas ya guardadas y clasificadas en la aplicación, en lugar de ir buscando por el armario y los diferentes cajones qué prendas nos gustan más para formar el conjunto, simplemente deberemos deslizar el dedo por las diferentes pantallas de la aplicación. Pero si no queremos gastar tiempo ni siquiera creando nosotros mismos los conjuntos no hay de qué preocuparse, ya que la aplicación se puede encargar de ello, creando el conjunto óptimo para ese momento en base al clima y los eventos que haya ese día en tu calendario. Esto proporciona como beneficio adicional que a la gente que no le interesa la moda o cómo vestir pueda ir siempre de forma impecable. Pero la aplicación no solo nos permite ahorrar tiempo con la ropa que ya tenemos, sino también con la que vamos a tener en un futuro. Esto lo consegui, [EN] Time is precious. This expression has been used during many years, but due to the actual situation, now is more realistic. This pandemic has help us to realize that we need to dedicate time to the things that really care. With this premise in mind, my partner Álvaro Gómez Cuenca and I have decided to do this project. We decide to develop this Andoid application with the idea to save time, in daily situations or in more special moments. This save is achieve thanks to different mechanisms implemented and the basic idea of the application. The main functionality of the application is storage the different clothes of the users and organize this in outfits. This fact gave us the capability to save time in different situations: the first of them, we do not need to waste time every morning choosing what we need to wear and how to match it, because we only need to check the outfit list more appropriate for that day. In addition, creating this outfits we also save time, because is not necessary go to the closet, from the application when we have all our clothes, we can create the outfits selecting it. Also, if the user wants to save more time, they do not even need to choose an outfit, the application suggests three every day basing on the weather and the calendar events. This fact provides an extra benefit, the people that aren´t interested in fashion can always be well dressed. And the last way to save time is using the “Shops” part of the application, because instead of going to the mall or open a lot of browser tabs, we can buy the clothes faster thanks to the selection of shops that we found inside the application. This project is an entrepreneur project developed in the framework of Start.inf, the entrepreneur space of ETSInf, due to the similarities to work like a real StartUp. Also, work of this way, gave us the possibility to work in different parts of the project. In my case I develop the front-end part of the application. This part encompasses task like desig

[ES] eSignaBox es una aplicación web para el intercambio seguro y firma de documentos y comunicaciones. Actualmente su front-end está desarrollada mediante GWT, lo cual está generando una serie de problemas derivados de su uso. En este trabajo se observan estos problemas y se propone una solución. Esta solución consiste en la selección de un nuevo stack tecnológico para el desarrollo de eSignaBox. Para ello se ha realizado la evaluación de diferentes frameworks de desarrollo con el fin de poder formar el stack que más beneficie a la aplicación. Para lograrlo se ha utilizado tres stacks tecnológicos, formados por un framework de JavaScript, de CSS y de test. Con cada uno de estos tres stacks se ha realizado el desarrollo de una pequeña aplicación con el fin de determinar qué frameworks son los elegidos finalmente para formar el nuevo stack de eSignaBox., [EN] eSignaBox is a web application for the secure exchange and signing of documents and communications. Currently its front-end is developed through GWT, which is generating a series of problems derived from its use. In this project, these problems are observed and a solution is proposed. This solution consists of the selection of a new technological stack for the development of eSignaBox. For this, the evaluation of different development frameworks has been carried out in order to be able to form the stack that most benefits the application. To achieve this, three technological stacks have been used, each of them formed by a JavaScript framework, a CSS framework and test framework. With each of these three stacks, a small application has been developed in order to determine which frameworks are finally chosen to form the new eSignaBox stack.

[ES] En toda producción en cadena, surgen a menudo errores que resultan en un producto defectuoso. Llevar un seguimiento de estos defectos, es muy complicado, pero en caso de tratarse de conectores eléctricos, es posible llevar un seguimiento informatizado de todos ellos. En este proyecto, se ha llevado a cabo el desarrollo de mejoras para una aplicación de seguimiento de defectos eléctricos, utilizada por el departamento de eléctricos de la planta de montaje de Ford Almussafes. Dicha aplicación tiene como objetivo mejorar la eficiencia de la producción en cadena y detectar los lugares dónde se producen más errores., [EN] In all chain production, errors often arise that result in a defective product. Keeping track of these defects is very complicated, but if the components that fail are connectors, it is possible to carry out a computerized monitoring of all of them. In this project, the development of improvements for an electrical fault tracking application for the electrical department of the Ford Almussafes assembly plant has been carried out. This application aims to improve the efficiency of chain production and detect the places where errors frequently occur.

[ES] El proyecto es para una PYME francesa que se dedica a ofrecer clases particulares y necesita una aplicación web para vender su producto (landing page) y una zona de usuarios para la gestión de varios procesos internos (empleados) y externos (clientes). Esta zona de gestión dispondrá de tres tipos de usuarios: usuario alumno, usuario profesor y usuario administrador. Cada uno de estos usuarios dispondrá de unas herramientas diferentes. Estas herramientas vienen definidas en la especificación de requisitos del cliente. El objetivo es desarrollar un producto que cumpla los requisitos propuestos por el cliente y además ofrecer una aplicación web segura, desacoplada, eficiente, fácil de mantener y con una interfaz atractiva y de uso sencillo., [EN] The project is for a French SME that is dedicated to offering private classes and needs a web application to sell its product (landing page) and a user area to manage various internal processes (employees) and external processes (customers). This management area will have three types of user: student user, teacher user and administrator user. Each of these users will have different tools. These tools are defined in my client's requirements specification. The objective is to offer a product that meets the requirements proposed by the client and to offer a secure, decoupled, efficient, easy to maintain web application and an attractive and user-friendly interface.

[ES] El tiempo es oro. Esta expresión que se ha usado a lo largo de muchísimos años se ha visto acentuada por la situación en la que nos encontramos hoy en día. Esta pandemia nos ha hecho darnos cuenta de que hay que dedicarles tiempo a las cosas que de verdad importan. Así que, con esa premisa en mente, mi compañero Álvaro Gómez Cuenca y yo hemos decidido sacar adelante este proyecto. Por ello, hemos decidido desarrollar esta aplicación de Android con la idea de poder ahorrar tiempo, tanto en el día a día, como en momentos más puntuales. Este ahorro se obtiene gracias a los diferentes mecanismos implementados y la idea base de la aplicación. La función principal de la aplicación es el almacenamiento de las diferentes prendas de ropa del usuario y la ordenación de estas por conjuntos. Este hecho nos aporta un ahorro de tiempo en una gran variedad de situaciones: lo primero es que no es necesario que cada mañana pensemos que prendas de ropa nos vamos a poner y cómo debemos combinarlas, sino que simplemente miramos en nuestra lista de conjuntos cual nos cuadra más para ese día. Además, en la acción de crear estos conjuntos también nos ahorramos tiempo, ya que, al tener las prendas ya guardadas y clasificadas en la aplicación, en lugar de ir buscando por el armario y los diferentes cajones qué prendas nos gustan más para formar el conjunto, simplemente deberemos deslizar el dedo por las diferentes pantallas de la aplicación. Pero si no queremos gastar tiempo ni siquiera creando nosotros mismos los conjuntos no hay de qué preocuparse, ya que la aplicación se puede encargar de ello, creando el conjunto óptimo para ese momento en base al clima y los eventos que haya ese día en tu calendario. Esto proporciona como beneficio adicional que a la gente que no le interesa la moda o cómo vestir pueda ir siempre de forma impecable. Pero la aplicación no solo nos permite ahorrar tiempo con la ropa que ya tenemos, sino también con la que vamos a tener en un futuro. Esto lo consegui, [EN] Time is precious. This expression has been used during many years, but due to the actual situation, now is more realistic. This pandemic has help us to realize that we need to dedicate time to the things that really care. With this premise in mind, my partner Álvaro Gómez Cuenca and I have decided to do this project. We decide to develop this Andoid application with the idea to save time, in daily situations or in more special moments. This save is achieve thanks to different mechanisms implemented and the basic idea of the application. The main functionality of the application is storage the different clothes of the users and organize this in outfits. This fact gave us the capability to save time in different situations: the first of them, we do not need to waste time every morning choosing what we need to wear and how to match it, because we only need to check the outfit list more appropriate for that day. In addition, creating this outfits we also save time, because is not necessary go to the closet, from the application when we have all our clothes, we can create the outfits selecting it. Also, if the user wants to save more time, they do not even need to choose an outfit, the application suggests three every day basing on the weather and the calendar events. This fact provides an extra benefit, the people that aren´t interested in fashion can always be well dressed. And the last way to save time is using the “Shops” part of the application, because instead of going to the mall or open a lot of browser tabs, we can buy the clothes faster thanks to the selection of shops that we found inside the application. This project is an entrepreneur project developed in the framework of Start.inf, the entrepreneur space of ETSInf, due to the similarities to work like a real StartUp. Also, work of this way, gave us the possibility to work in different parts of the project. In my case I develop the front-end part of the application. This part encompasses task like desig

[ES] Este proyecto tiene como objetivo la implementación de un videojuego en el entorno de desarrollo Unity. El videojuego se ha realizado con un enfoque de emprendimiento dentro del marco de Start.inf, con proyección para una posible futura salida al mercado. Su desarrollo ha seguido una metodología ágil. El TFG abarca desde la concepción de la idea de negocio hasta la finalización del segundo MVP. El proyecto, con título Blitz Party, es un videojuego multijugador para dispositivos móviles que pertenece al género de los juegos basados en minijuegos. Se trata de una aplicación free-to-play que dispone de contenido extra adquirible mediante micropagos. Consta también de funciones sin conexión y personalización de personajes, entre otros. El proyecto se ha desarrollado por un equipo compuesto por cuatro alumnos, en el marco del desarrollo de sus TFG, donde cada uno se ha centrado en un área del proyecto. La implementación del front-end es la parte principal de este trabajo, centrado en la programación de la lógica visible por el usuario. De esta forma, se muestra detalladamente los procesos desarrollados que interpretan las acciones del usuario y ayudan a abstraer su interacción en la capa de presentación, separándola de las capas de lógica de negocio y persistencia. Para ello, se ha prestado especial atención al diseño de la interfaz gráfica, siguiendo una serie de principios que ayudan al usuario a entender el funcionamiento de la interfaz independientemente de cómo se haya implementado internamente., [EN] This project aims to create a videogame using the Unity Game Engine. The video game has been made with an entrepreneurial approach within the framework of Start.inf, with a projection for a possible future release to the market. Its development has followed an agile methodology. This end-of-degree project spans from the conception of the business idea until the ending of the second MVP. The project, titled Blitz Party, is a multiplayer video game for mobile devices that belongs to the genre of games based on minigames. It is a free-to-play application that includes extra content that can be purchased with microtransactions. It also contains offline features and character customization, among many others. The project has been developed by a team of four students, within the framework of the development of their TFG, where each one has focused on one área of the project. The main part of this work is the implementation of the front-end, focused on programming the logic that the user interacts with. This way, we show in detail the developed processes that interpret user actions and help to abstract user interaction in the presentation layer, separating it from the business logic and persistence layers. This has been done by paying special attention to the design of the graphic interface, following a list of principles that help the user to understand the behaviour of the interface independently of its internal implementation., [CA] Aquest projecte té com a objectiu l’implementació d’un videojoc en l’entorn de desenvolupament Unity. El videojoc s’ha realitzat amb un enfocament d’emprenedoria dins del marc de Start.inf, amb projecció per a una possible eixida al mercat. El seu desenvolupament ha seguit una metodologia àgil. El TFG comprén des de la concepció de la idea de negoci fins l’acabament del segon MVP. El projecte, amb títol Blitz Party, és un videojoc multijugador per a dispositius mòbils que perteneix al gènere dels jocs basats en minijocs. Es tracta d’una aplicació free-to-play que compta amb contingut adicional adquirible mitjançant micropagaments. Compta també amb funcions sense connexió i personalització de personatges, entre altres. El projecte s’ha desenvolupat per un equip format per quatre alumnes, en el marc del desenvolupament dels seus TFG, on cada un s’ha centrat en un área del projecte. L’implementació del front-end és la part principal d’aquest treball, centrat en la programació de la lògica visible per l’usuari. Així, es mostra detalladament els processos desenvolupats que interpreten les acciones de l’usuari i ajuden a abstreure la seua interacció en la capa de presentació, separant-la de les capes de lògica de negoci i persistència. Per això, s’ha posat especial atenció al diseny de la interfície gràfica, seguint una serie de principis que ajuden l’usuari a entendre el funcionament de l’interífice independentment de com s’haja implementat internament

[ES] Actualmente, la población empieza a concienciarse de la importancia de la salud, por ello, mucha gente sale a la calle a realizar ejercicio físico ya sea en gimnasios, polideportivos o parques. En esta última opción es donde nace la calistenia, un tipo de entrenamiento basado en el propio peso corporal siguiendo un estilo de vida saludable. Esta disciplina está fundada sobre valores positivos como el respeto, la educación, la igualdad, la integración social y la ayuda entre sus miembros. Sin contextualidades políticas, religiosas o económicas, el Street Workout es para todos, independientemente de la edad, el sexo, la etnia o el nivel físico de las personas. Esta aplicación móvil pretende cubrir la necesidad de muchos calisténicos con el propósito de llevar un registro de sus actividades y ejercicios con el objetivo de progresar y realizar un seguimiento de su evolución, además, de la incorporación de nuevos usuarios que quieren mejorar su condición física y empezar en este deporte el cual se encuentra en auge en estos momentos. Este proyecto es un TFG de emprendimiento realizado en el ámbito de la StartInf con la colaboración del alumno Javier Contrí González el cual se centrará en el desarrollo de la arquitectura y persistencia de la aplicación «AllThenics, aplicación móvil para calistenia: arquitectura y persistencia», mientras que este trabajo se focalizará en la especificación e implementación del front-end de la aplicación móvil AllThenics., [EN] Nowadays, the population is beginning to become aware of the importance of health, so many people go out on the streets to do physical exercise, whether in gyms, sports centres or parks. This last option is where calisthenics are born, a type of training based on one's own body weight following a healthy lifestyle. This discipline is based on positive values such as respect, education, equality, social integration and support among its members. Without political, religious or economic contexts, street workout is for everyone, regardless of age, sex, ethnicity or physical level. This application aims to cover the needs of many calisthenics with the purpose of keeping track of their activities and exercises in order to progress and monitor their evolution, as well as the incorporation of new users who want to improve their physical condition and start in this sport, which is booming now. This project is an entrepreneurship TFG carried out in the area of StartInf with the collaboration of the student Javier Contrí González which will focus on the development of the architecture and persistence of the application "AllThenics, mobile application for calisthenics: architecture and persistence", while this work will focus on the implementation of the front-end of AllThenics.

[ES] En este Trabajo Fin de Grado se diseña y desarrolla una interfaz web de una sóla página (SPA), destinada a ser la parte visual de un simulador de procesadores superescalares para uso docente. Mediante la interfaz, el usuario puede modificar los parámetros de ejecución de dicho simulador, además de cargar y ejecutar sus propios ficheros de código ensamblador, para, una vez ejecutado el código, visualizar los diferentes datos proporcionados por la salida del simulador. Estos datos son procesados e incluidos en diferentes tablas que representan el estado del procesador en cada ciclo. El diseño de la interfaz es extensible para facilitar que, en un futuro, se añadan más tablas con mínimas modificaciones en el código. La implementación de la interfaz se ha realizado utilizando exclusivamente tecnologías front-end, concretamente JavaScript, HTML y CSS. También se han utilizado algunas funcionalidades del framework Material Design, Materialize CSS y el editor de código embebido CodeMirror. Para la implantación de interfaz y simulador se ha utilizado la tecnología Emscripten, que permite compilar el código en C del simulador y traducirlo a JavaScript. Mediante esta tecnología, tanto interfaz como simulador pueden ejecutarse sin necesidad de soporte dinámico en el back-end, lo que facilita la implantación en plataformas como PoliformaT., [EN] In this Final Degree Project a single page web interface (SPA) is designed and developed, aimed to be the visual part of a superscalar processors simulator for teaching purposes. With the application, the user can modify the simulator execution parameters, in addition to loading and executing assembly code files. Once the code has been executed the user can visualize the different data provided by the simulator output. Output data is processed and included in different tables that represent the state of the processor in each execution cycle. The interface design is extensible to facilitate adding more data tables with minimal source code modifications. The interface implementation has been done using specific front-end technologies, specifically JavaScript, HTML and CSS. Some functionalities of the Material Design framework, Materialize CSS, and the CodeMirror embedded code editor have also been leveraged. Emscripten technology has been used too, which allows the original simulator's C code to be compiled and translated into JavaScript. Using this technology, both the interface and the simulator can be run without the need of dynamic support in the back-end, which makes it easier the deployment of the application on platforms such as PoliformaT.

[ES] El proyecto aborda la realización de una aplicación dentro de la planta Ford en Almussafes. El diseño e implementación de la aplicación tiene como objetivo la mejora de los procesos productivos mediante la integración, análisis y visualización de una cantidad masiva de datos, permitiendo a los empleados obtener información de manera sencilla, mejorando, por tanto, la toma de decisiones del personal implicado. En el presente proyecto se abordará su desarrollo íntegro, mostrando no sólo el diseño de la interfaz gráfica y su funcionalidad, sino también el tratamiento realizado a los datos desde que son recogidos de la base de datos hasta que son enviados a la interfaz del usuario, por lo que se tendrá una visión íntegra del proceso seguido para transformar cantidades masivas de datos en información., [EN] The project is about developing an application within the Ford plant in Almussafes. The design and implementation of the application seeks to improve production processes, through the integration, analysis and visualization of a large amount of data, allowing employees to easily get information, improving decision making. In this project will show its complete development, showing not only the design of the graphic interface and its functionality, but also the treatment of the data since they are collected from database until they are sending to the user interface, therefore the vision of the process to transform massive amounts of data into information, will be complete

[ES] En este Trabajo Fin de Grado se diseña y desarrolla una interfaz web de una sóla página (SPA), destinada a ser la parte visual de un simulador de procesadores superescalares para uso docente. Mediante la interfaz, el usuario puede modificar los parámetros de ejecución de dicho simulador, además de cargar y ejecutar sus propios ficheros de código ensamblador, para, una vez ejecutado el código, visualizar los diferentes datos proporcionados por la salida del simulador. Estos datos son procesados e incluidos en diferentes tablas que representan el estado del procesador en cada ciclo. El diseño de la interfaz es extensible para facilitar que, en un futuro, se añadan más tablas con mínimas modificaciones en el código. La implementación de la interfaz se ha realizado utilizando exclusivamente tecnologías front-end, concretamente JavaScript, HTML y CSS. También se han utilizado algunas funcionalidades del framework Material Design, Materialize CSS y el editor de código embebido CodeMirror. Para la implantación de interfaz y simulador se ha utilizado la tecnología Emscripten, que permite compilar el código en C del simulador y traducirlo a JavaScript. Mediante esta tecnología, tanto interfaz como simulador pueden ejecutarse sin necesidad de soporte dinámico en el back-end, lo que facilita la implantación en plataformas como PoliformaT., [EN] In this Final Degree Project a single page web interface (SPA) is designed and developed, aimed to be the visual part of a superscalar processors simulator for teaching purposes. With the application, the user can modify the simulator execution parameters, in addition to loading and executing assembly code files. Once the code has been executed the user can visualize the different data provided by the simulator output. Output data is processed and included in different tables that represent the state of the processor in each execution cycle. The interface design is extensible to facilitate adding more data tables with minimal source code modifications. The interface implementation has been done using specific front-end technologies, specifically JavaScript, HTML and CSS. Some functionalities of the Material Design framework, Materialize CSS, and the CodeMirror embedded code editor have also been leveraged. Emscripten technology has been used too, which allows the original simulator's C code to be compiled and translated into JavaScript. Using this technology, both the interface and the simulator can be run without the need of dynamic support in the back-end, which makes it easier the deployment of the application on platforms such as PoliformaT.

[ES] El proyecto aborda la realización de una aplicación dentro de la planta Ford en Almussafes. El diseño e implementación de la aplicación tiene como objetivo la mejora de los procesos productivos mediante la integración, análisis y visualización de una cantidad masiva de datos, permitiendo a los empleados obtener información de manera sencilla, mejorando, por tanto, la toma de decisiones del personal implicado. En el presente proyecto se abordará su desarrollo íntegro, mostrando no sólo el diseño de la interfaz gráfica y su funcionalidad, sino también el tratamiento realizado a los datos desde que son recogidos de la base de datos hasta que son enviados a la interfaz del usuario, por lo que se tendrá una visión íntegra del proceso seguido para transformar cantidades masivas de datos en información., [EN] The project is about developing an application within the Ford plant in Almussafes. The design and implementation of the application seeks to improve production processes, through the integration, analysis and visualization of a large amount of data, allowing employees to easily get information, improving decision making. In this project will show its complete development, showing not only the design of the graphic interface and its functionality, but also the treatment of the data since they are collected from database until they are sending to the user interface, therefore the vision of the process to transform massive amounts of data into information, will be complete

[ES] La Universitat Polite¿cnica de Vale¿ncia (UPV) ocupa, an¿os tras an¿os, puestos destacados en los principales rankings nacionales e internacionales de educacio¿n superior. Mucha gente busca, di¿a a di¿a, informacio¿n sobre los grados que oferta y las distintas oportunidades que ofrece y hoy en di¿a, uno de los principales canales de difusio¿n son las pa¿ginas web. Una buena relacio¿n entre la web y el usuario es indispensable para crear una buena experiencia de usuario. Por esta razo¿n el planteamiento de un nuevo disen¿o y organizacio¿n de datos para la web principal de la Universitat Polite¿cnica de Vale¿ncia deberi¿a ser algo esencial para continuar con su crecimiento y difusio¿n. Se analizara¿ la actual web de la UPV asi¿ como otras webs universitarias a nivel europeo para agrupar aquellos elementos que se consideran indispensables en las webs acade¿micas para implementarlos en la pa¿gina online mediante un nuevo redisen¿o partiendo de una nueva estructuracio¿n de datos., [EN] The Polytechnic University of Valencia has established her place for a long time in the main nation and international rankings around the world in higher education. The university offers opportunities and new degrees which people, day by day, search information about. Nowadays, web pages are the main channels of communication. A good relationship between web page and user is crucial to create a good user experience. Consequently, the proposal of a new design and data organization for the main Polytechnic University of Valencia should be something important to continue with the rise and dissemination of any academic centre. I will analyse the actual UPV web as I will analyse other European university webs to group up together all the elements that are essential in the academic webs to implement them in the new page by a new design on the basis of a new data structure.

[ES] La Universitat Polite¿cnica de Vale¿ncia (UPV) ocupa, an¿os tras an¿os, puestos destacados en los principales rankings nacionales e internacionales de educacio¿n superior. Mucha gente busca, di¿a a di¿a, informacio¿n sobre los grados que oferta y las distintas oportunidades que ofrece y hoy en di¿a, uno de los principales canales de difusio¿n son las pa¿ginas web. Una buena relacio¿n entre la web y el usuario es indispensable para crear una buena experiencia de usuario. Por esta razo¿n el planteamiento de un nuevo disen¿o y organizacio¿n de datos para la web principal de la Universitat Polite¿cnica de Vale¿ncia deberi¿a ser algo esencial para continuar con su crecimiento y difusio¿n. Se analizara¿ la actual web de la UPV asi¿ como otras webs universitarias a nivel europeo para agrupar aquellos elementos que se consideran indispensables en las webs acade¿micas para implementarlos en la pa¿gina online mediante un nuevo redisen¿o partiendo de una nueva estructuracio¿n de datos., [EN] The Polytechnic University of Valencia has established her place for a long time in the main nation and international rankings around the world in higher education. The university offers opportunities and new degrees which people, day by day, search information about. Nowadays, web pages are the main channels of communication. A good relationship between web page and user is crucial to create a good user experience. Consequently, the proposal of a new design and data organization for the main Polytechnic University of Valencia should be something important to continue with the rise and dissemination of any academic centre. I will analyse the actual UPV web as I will analyse other European university webs to group up together all the elements that are essential in the academic webs to implement them in the new page by a new design on the basis of a new data structure.

[ES] El proyecto aborda la realización de una aplicación dentro de la planta Ford en Almussafes. El diseño e implementación de la aplicación tiene como objetivo la mejora de los procesos productivos mediante la integración, análisis y visualización de una cantidad masiva de datos, permitiendo a los empleados obtener información de manera sencilla, mejorando, por tanto, la toma de decisiones del personal implicado. En el presente proyecto se abordará su desarrollo íntegro, mostrando no sólo el diseño de la interfaz gráfica y su funcionalidad, sino también el tratamiento realizado a los datos desde que son recogidos de la base de datos hasta que son enviados a la interfaz del usuario, por lo que se tendrá una visión íntegra del proceso seguido para transformar cantidades masivas de datos en información., [EN] The project is about developing an application within the Ford plant in Almussafes. The design and implementation of the application seeks to improve production processes, through the integration, analysis and visualization of a large amount of data, allowing employees to easily get information, improving decision making. In this project will show its complete development, showing not only the design of the graphic interface and its functionality, but also the treatment of the data since they are collected from database until they are sending to the user interface, therefore the vision of the process to transform massive amounts of data into information, will be complete

[ES] Actualmente, la población empieza a concienciarse de la importancia de la salud, por ello, mucha gente sale a la calle a realizar ejercicio físico ya sea en gimnasios, polideportivos o parques. En esta última opción es donde nace la calistenia, un tipo de entrenamiento basado en el propio peso corporal siguiendo un estilo de vida saludable. Esta disciplina está fundada sobre valores positivos como el respeto, la educación, la igualdad, la integración social y la ayuda entre sus miembros. Sin contextualidades políticas, religiosas o económicas, el Street Workout es para todos, independientemente de la edad, el sexo, la etnia o el nivel físico de las personas. Esta aplicación móvil pretende cubrir la necesidad de muchos calisténicos con el propósito de llevar un registro de sus actividades y ejercicios con el objetivo de progresar y realizar un seguimiento de su evolución, además, de la incorporación de nuevos usuarios que quieren mejorar su condición física y empezar en este deporte el cual se encuentra en auge en estos momentos. Este proyecto es un TFG de emprendimiento realizado en el ámbito de la StartInf con la colaboración del alumno Javier Contrí González el cual se centrará en el desarrollo de la arquitectura y persistencia de la aplicación «AllThenics, aplicación móvil para calistenia: arquitectura y persistencia», mientras que este trabajo se focalizará en la especificación e implementación del front-end de la aplicación móvil AllThenics., [EN] Nowadays, the population is beginning to become aware of the importance of health, so many people go out on the streets to do physical exercise, whether in gyms, sports centres or parks. This last option is where calisthenics are born, a type of training based on one's own body weight following a healthy lifestyle. This discipline is based on positive values such as respect, education, equality, social integration and support among its members. Without political, religious or economic contexts, street workout is for everyone, regardless of age, sex, ethnicity or physical level. This application aims to cover the needs of many calisthenics with the purpose of keeping track of their activities and exercises in order to progress and monitor their evolution, as well as the incorporation of new users who want to improve their physical condition and start in this sport, which is booming now. This project is an entrepreneurship TFG carried out in the area of StartInf with the collaboration of the student Javier Contrí González which will focus on the development of the architecture and persistence of the application "AllThenics, mobile application for calisthenics: architecture and persistence", while this work will focus on the implementation of the front-end of AllThenics.

[ES] La Universitat Polite¿cnica de Vale¿ncia (UPV) ocupa, an¿os tras an¿os, puestos destacados en los principales rankings nacionales e internacionales de educacio¿n superior. Mucha gente busca, di¿a a di¿a, informacio¿n sobre los grados que oferta y las distintas oportunidades que ofrece y hoy en di¿a, uno de los principales canales de difusio¿n son las pa¿ginas web. Una buena relacio¿n entre la web y el usuario es indispensable para crear una buena experiencia de usuario. Por esta razo¿n el planteamiento de un nuevo disen¿o y organizacio¿n de datos para la web principal de la Universitat Polite¿cnica de Vale¿ncia deberi¿a ser algo esencial para continuar con su crecimiento y difusio¿n. Se analizara¿ la actual web de la UPV asi¿ como otras webs universitarias a nivel europeo para agrupar aquellos elementos que se consideran indispensables en las webs acade¿micas para implementarlos en la pa¿gina online mediante un nuevo redisen¿o partiendo de una nueva estructuracio¿n de datos., [EN] The Polytechnic University of Valencia has established her place for a long time in the main nation and international rankings around the world in higher education. The university offers opportunities and new degrees which people, day by day, search information about. Nowadays, web pages are the main channels of communication. A good relationship between web page and user is crucial to create a good user experience. Consequently, the proposal of a new design and data organization for the main Polytechnic University of Valencia should be something important to continue with the rise and dissemination of any academic centre. I will analyse the actual UPV web as I will analyse other European university webs to group up together all the elements that are essential in the academic webs to implement them in the new page by a new design on the basis of a new data structure.

[ES] Actualmente, la población empieza a concienciarse de la importancia de la salud, por ello, mucha gente sale a la calle a realizar ejercicio físico ya sea en gimnasios, polideportivos o parques. En esta última opción es donde nace la calistenia, un tipo de entrenamiento basado en el propio peso corporal siguiendo un estilo de vida saludable. Esta disciplina está fundada sobre valores positivos como el respeto, la educación, la igualdad, la integración social y la ayuda entre sus miembros. Sin contextualidades políticas, religiosas o económicas, el Street Workout es para todos, independientemente de la edad, el sexo, la etnia o el nivel físico de las personas. Esta aplicación móvil pretende cubrir la necesidad de muchos calisténicos con el propósito de llevar un registro de sus actividades y ejercicios con el objetivo de progresar y realizar un seguimiento de su evolución, además, de la incorporación de nuevos usuarios que quieren mejorar su condición física y empezar en este deporte el cual se encuentra en auge en estos momentos. Este proyecto es un TFG de emprendimiento realizado en el ámbito de la StartInf con la colaboración del alumno Javier Contrí González el cual se centrará en el desarrollo de la arquitectura y persistencia de la aplicación «AllThenics, aplicación móvil para calistenia: arquitectura y persistencia», mientras que este trabajo se focalizará en la especificación e implementación del front-end de la aplicación móvil AllThenics., [EN] Nowadays, the population is beginning to become aware of the importance of health, so many people go out on the streets to do physical exercise, whether in gyms, sports centres or parks. This last option is where calisthenics are born, a type of training based on one's own body weight following a healthy lifestyle. This discipline is based on positive values such as respect, education, equality, social integration and support among its members. Without political, religious or economic contexts, street workout is for everyone, regardless of age, sex, ethnicity or physical level. This application aims to cover the needs of many calisthenics with the purpose of keeping track of their activities and exercises in order to progress and monitor their evolution, as well as the incorporation of new users who want to improve their physical condition and start in this sport, which is booming now. This project is an entrepreneurship TFG carried out in the area of StartInf with the collaboration of the student Javier Contrí González which will focus on the development of the architecture and persistence of the application "AllThenics, mobile application for calisthenics: architecture and persistence", while this work will focus on the implementation of the front-end of AllThenics.

[ES] La Universitat Polite¿cnica de Vale¿ncia (UPV) ocupa, an¿os tras an¿os, puestos destacados en los principales rankings nacionales e internacionales de educacio¿n superior. Mucha gente busca, di¿a a di¿a, informacio¿n sobre los grados que oferta y las distintas oportunidades que ofrece y hoy en di¿a, uno de los principales canales de difusio¿n son las pa¿ginas web. Una buena relacio¿n entre la web y el usuario es indispensable para crear una buena experiencia de usuario. Por esta razo¿n el planteamiento de un nuevo disen¿o y organizacio¿n de datos para la web principal de la Universitat Polite¿cnica de Vale¿ncia deberi¿a ser algo esencial para continuar con su crecimiento y difusio¿n. Se analizara¿ la actual web de la UPV asi¿ como otras webs universitarias a nivel europeo para agrupar aquellos elementos que se consideran indispensables en las webs acade¿micas para implementarlos en la pa¿gina online mediante un nuevo redisen¿o partiendo de una nueva estructuracio¿n de datos., [EN] The Polytechnic University of Valencia has established her place for a long time in the main nation and international rankings around the world in higher education. The university offers opportunities and new degrees which people, day by day, search information about. Nowadays, web pages are the main channels of communication. A good relationship between web page and user is crucial to create a good user experience. Consequently, the proposal of a new design and data organization for the main Polytechnic University of Valencia should be something important to continue with the rise and dissemination of any academic centre. I will analyse the actual UPV web as I will analyse other European university webs to group up together all the elements that are essential in the academic webs to implement them in the new page by a new design on the basis of a new data structure.

[ES] La Universitat Polite¿cnica de Vale¿ncia (UPV) ocupa, an¿os tras an¿os, puestos destacados en los principales rankings nacionales e internacionales de educacio¿n superior. Mucha gente busca, di¿a a di¿a, informacio¿n sobre los grados que oferta y las distintas oportunidades que ofrece y hoy en di¿a, uno de los principales canales de difusio¿n son las pa¿ginas web. Una buena relacio¿n entre la web y el usuario es indispensable para crear una buena experiencia de usuario. Por esta razo¿n el planteamiento de un nuevo disen¿o y organizacio¿n de datos para la web principal de la Universitat Polite¿cnica de Vale¿ncia deberi¿a ser algo esencial para continuar con su crecimiento y difusio¿n. Se analizara¿ la actual web de la UPV asi¿ como otras webs universitarias a nivel europeo para agrupar aquellos elementos que se consideran indispensables en las webs acade¿micas para implementarlos en la pa¿gina online mediante un nuevo redisen¿o partiendo de una nueva estructuracio¿n de datos., [EN] The Polytechnic University of Valencia has established her place for a long time in the main nation and international rankings around the world in higher education. The university offers opportunities and new degrees which people, day by day, search information about. Nowadays, web pages are the main channels of communication. A good relationship between web page and user is crucial to create a good user experience. Consequently, the proposal of a new design and data organization for the main Polytechnic University of Valencia should be something important to continue with the rise and dissemination of any academic centre. I will analyse the actual UPV web as I will analyse other European university webs to group up together all the elements that are essential in the academic webs to implement them in the new page by a new design on the basis of a new data structure.

[ES] El trabajo que se propone consiste en realizar el diseño e implementación de una aplicación web donde los usuarios puedan elaborar y/o modificar documentos, en este caso rúbricas, de manera colaborativa y conjunta. Los elementos fundamentales que componen el proyecto es la gestión de usuarios (gestión y administración de usuarios) que serán dados de alta mediante un sencillo registro. El otro elemento principal es la elaboración/modificación de documentos colaborativos en el que los usuarios registrados tendrán la opción de ser los administradores de una o de varias rúbricas y podrán otorgar permisos de escritura o sugerencias de modificación a otros usuarios registrados. El presente proyecto abordará tanto la parte frontend como la parte backend de la aplicación web., [EN] Web application with the main features: 1-Management of users who can access the application 2-Creation / modification of documents between different users

[ES] El trabajo que se propone consiste en realizar el diseño e implementación de una aplicación web donde los usuarios puedan elaborar y/o modificar documentos, en este caso rúbricas, de manera colaborativa y conjunta. Los elementos fundamentales que componen el proyecto es la gestión de usuarios (gestión y administración de usuarios) que serán dados de alta mediante un sencillo registro. El otro elemento principal es la elaboración/modificación de documentos colaborativos en el que los usuarios registrados tendrán la opción de ser los administradores de una o de varias rúbricas y podrán otorgar permisos de escritura o sugerencias de modificación a otros usuarios registrados. El presente proyecto abordará tanto la parte frontend como la parte backend de la aplicación web., [EN] Web application with the main features: 1-Management of users who can access the application 2-Creation / modification of documents between different users

[ES] El trabajo que se propone consiste en realizar el diseño e implementación de una aplicación web donde los usuarios puedan elaborar y/o modificar documentos, en este caso rúbricas, de manera colaborativa y conjunta. Los elementos fundamentales que componen el proyecto es la gestión de usuarios (gestión y administración de usuarios) que serán dados de alta mediante un sencillo registro. El otro elemento principal es la elaboración/modificación de documentos colaborativos en el que los usuarios registrados tendrán la opción de ser los administradores de una o de varias rúbricas y podrán otorgar permisos de escritura o sugerencias de modificación a otros usuarios registrados. El presente proyecto abordará tanto la parte frontend como la parte backend de la aplicación web., [EN] Web application with the main features: 1-Management of users who can access the application 2-Creation / modification of documents between different users

[EN] The main objective of this essay is to study the technologies and design methodologies used today in (inglés) web development, and develop guidelines to help web developers to implement this technologies., [ES] El objetivo del TFM es estudiar la tecnología y diseño actualmente utilizados en desarrollo web para el (español) front-end para así establecer pautas de diseño e implementación que ayuden al desarrollador Web

[EN] The main objective of this essay is to study the technologies and design methodologies used today in (inglés) web development, and develop guidelines to help web developers to implement this technologies., [ES] El objetivo del TFM es estudiar la tecnología y diseño actualmente utilizados en desarrollo web para el (español) front-end para así establecer pautas de diseño e implementación que ayuden al desarrollador Web

[EN] The main objective of this essay is to study the technologies and design methodologies used today in (inglés) web development, and develop guidelines to help web developers to implement this technologies., [ES] El objetivo del TFM es estudiar la tecnología y diseño actualmente utilizados en desarrollo web para el (español) front-end para así establecer pautas de diseño e implementación que ayuden al desarrollador Web

[ES] Mediante este proyecto, intentamos facilitar a los alumnos el aprendizaje de las operaciones bitwise u operaciones bit a bit, mediante una serie de ejercicios de las operaciones “and”, “or”, “xor”, “not” y desplazamientos a la izquierda y a la derecha de los números binarios de 8 bits. Para ello se ha desarrollado una aplicación web utilizando JavaScript, CSS, PHP, HTML y MySQL que permite al usuario resolver ejercicios y comprobar la solución. Además, tanto el profesor como el usuario pueden disponer de un registro de los aciertos y fallos del alumno., [EN] Throught this project, we are trying to make easy the learning of the bitwise operations to the students, by doing a group of an 8-bit binary exercices of the bitwise operators “and”, “or”, “xor”, “not” and the bit shifts (left and right shifts). This is why an application web has been created using JavaScript, CSS, PHP, HTML and MySQL. This application will allow the user to do exercices and validate the solution. In addition, the teacher and user can visualize a register of successes and mistakes.

[ES] Mediante este proyecto, intentamos facilitar a los alumnos el aprendizaje de las operaciones bitwise u operaciones bit a bit, mediante una serie de ejercicios de las operaciones “and”, “or”, “xor”, “not” y desplazamientos a la izquierda y a la derecha de los números binarios de 8 bits. Para ello se ha desarrollado una aplicación web utilizando JavaScript, CSS, PHP, HTML y MySQL que permite al usuario resolver ejercicios y comprobar la solución. Además, tanto el profesor como el usuario pueden disponer de un registro de los aciertos y fallos del alumno., [EN] Throught this project, we are trying to make easy the learning of the bitwise operations to the students, by doing a group of an 8-bit binary exercices of the bitwise operators “and”, “or”, “xor”, “not” and the bit shifts (left and right shifts). This is why an application web has been created using JavaScript, CSS, PHP, HTML and MySQL. This application will allow the user to do exercices and validate the solution. In addition, the teacher and user can visualize a register of successes and mistakes.

[EN] The main objective of this essay is to study the technologies and design methodologies used today in (inglés) web development, and develop guidelines to help web developers to implement this technologies., [ES] El objetivo del TFM es estudiar la tecnología y diseño actualmente utilizados en desarrollo web para el (español) front-end para así establecer pautas de diseño e implementación que ayuden al desarrollador Web

[ES] Este proyecto tiene como objetivo la creación de una aplicación web, que permita la gestión, administración y facturación de una comunidad de regantes, sociedad de regantes o sociedad limitada dedicada al suministro de agua. Se ha aplicado la Metodología Centrada en el Usuario para el desarrollo de esta aplicación. La Metodología Centrada en el Usuario permitirá resolver las necesidades, ajustarse a las capacidades, expectativas y motivaciones del usuario final., [EN] This project aims to create a web application that allows the management, administration and billing of a community of irrigators, Irrigation Company or limited partnership dedicated to water supply. It has been applied user-centered methodology for developing this application. The user-centered methodology help resolve the needs, meet the capabilities, expectations and motivations of the end user

[ES] Este proyecto tiene como objetivo la creación de una aplicación web, que permita la gestión, administración y facturación de una comunidad de regantes, sociedad de regantes o sociedad limitada dedicada al suministro de agua. Se ha aplicado la Metodología Centrada en el Usuario para el desarrollo de esta aplicación. La Metodología Centrada en el Usuario permitirá resolver las necesidades, ajustarse a las capacidades, expectativas y motivaciones del usuario final., [EN] This project aims to create a web application that allows the management, administration and billing of a community of irrigators, Irrigation Company or limited partnership dedicated to water supply. It has been applied user-centered methodology for developing this application. The user-centered methodology help resolve the needs, meet the capabilities, expectations and motivations of the end user