Search

[CA] Aquest Treball Fi de Grau (TFG) té com a finalitat estendre dedicada a l'organització, publicació i partici El TFG estendrà Buzzer Beater Buzzer Beater , una xarxa social pació d'esdeveniments esportius a nivell aficionat. amb funcionalitats extra orientades a fomentar l'aspecte més social d'aquesta xarxa. Les extensions plantejades en aquest TFG inclouen el disseny i desenvolupament de 1) una timeline des d'on els usuaris podran compartir publicacions amb la finalitat de fer partícips a altres usuaris de moments, experiències o records relacionats amb l'esport, 2) un sistema de missatges directes denominats " Buzzers " els quals serviran per a posar en contacte de manera directa a diferents usuaris i 3) el perfil de l'usuari en el qual es mostrarà la informació més rellevant de l'activitat d'aquest en la xarxa social. El desenvolupament d'aquestes extensions s'abordarà com una aplicació w eb responsive a la qual es puga accedir tant des d'ordinadors (escriptori i portàtils) com des de dispositius mòbils. La tecnologia per a utilitzar serà WordPress per al frontend llenguatges HTML i SA , on es desenvoluparà un tema des de zero utilitzant els SS (CSS) per a dur a terme la maquetació de totes les pàgines i JQuery (JavaScript) per als aspectes més interactius de la interfície. Quant al , s'emprarà PHP per a realitzar la connexió entre el servidor i la interfície i SQL com a llenguatge de c backend sobre la base de dades relacional, [ES] Este T rabajo F in de G rado (TFG) tiene como finalidad extender Buzzer Beater , una red social dedicada a la organización, publicación y participación de eventos deportivos a nivel aficionado. El TFG extenderá Buzzer Beater timeline con funcionalidade s extra orientadas a fomentar el aspecto más social de esta red. Las extensiones planteadas en este TFG incluyen el diseño y desarrollo de 1) una desde donde los usuarios podrán compartir publicaciones con la finalidad de hacer partícipes a otros usuarios de momentos, experiencias o recuerdos relacionados con el deporte, 2) un sistema de mensajes directos denominados " Buzzers contacto de forma directa a distintos usuarios y 3) " los cuales servirán para poner en el perfil del usuario en el que se mo información más relevante de la actividad de este en la red social . strará la El desarrollo de dichas extensiones se abordará como una aplicación web responsive a la que se pueda acceder tanto desde ordenadores (escritorio y portátiles) como desde disposit ivos móviles. utilizar La tecnología para será WordPress para el frontend, donde se desarrollará un tema desde cero utilizando los lenguajes HTML y SASS (CSS) para llevar a cabo la maquetación de todas las páginas y JQuery (JavaScript) para los aspectos má s interactivos del interfaz. En cuanto al backend, se empleará PHP para realizar la conexión entre el servidor y la interfaz y SQL como lenguaje de consulta sobre la base de datos relacional., [EN] This Final Degree Project aims to extend Buzzer Beater, a social network dedicated to the organisation, publication and participation of amateur sporting events. The project will extend Buzzer Beater with extra functionalities aimed at promoting the more s ocial aspect of this network. The extensions proposed in this project include the design and development of 1) a timeline from where users can share publications in order to share moments, experiences or memories related to sport with other users, 2) a sys tem of direct messages called "Buzzers" which will serve to directly contact different users and 3) the user profile which will show the most relevant information of the user's activity on the social network. The development of these extensions will be app roached as a responsive web application that can be accessed from both computers (desktop and laptops) and mobile devices. The technology to be used will be WordPress for the frontend, where a theme will be developed from scratch using HTML and SASS (CSS) languages to carry out the layout of all pages and JQuery (JavaScript) for the more interactive aspects of the interface. As for the backend, PHP will be used to make the connection between the server and the interface and SQL as a query language on the re lational database

El presente trabajo final de Grado de Ingeniería en Informática, se desarrolla en el campo de desarrollo web, con el objetivo final de controlar experimentalmente mediante un navegador web, cuatro semáforos de tres luces cada uno (rojo, amarillo y verde), en un cruce de cuatro calles. Como servidor web se ha escogido el famoso minicomputador Raspberry Pi 3 modelo B, debido a que se emplea su conector de expansión conocido como GPIO, para conectar físicamente los cuatro semáforos. Para facilitar el montaje eléctrico, se ha empleado el sombrero PiTraffic de SB Components, puesto que permite incorporar dichos semáforos simplemente enchufando esta tarjeta encima de la RPi, añadiendo además un zumbador y un pulsador. El zumbador se emplea para avisar de que los semáforos se han puesto en amarillo y van a pasar a rojo, y el pulsador se usa para que un peatón pueda pulsar y poner todos los semáforos en rojo unos instantes. Este sistema posee tres modos, el manual, el automático y el modo emergencia. En modo manual podemos encender a voluntad las lámparas de todos los semáforos independientemente, el modo automático realiza sin parar un ciclo semafórico apropiado para la calle en estudio, y el modo emergencia hace parpadear sin fin todos los semáforos en amarillo, sonando el zumbador a cada encendido. Los tiempos de encendido cuando trabaja en el modo automático, son modificables por parte del usuario por medio de selects. Además, tiene un control para resetear el sistema, otro para poner la calle este-oeste en prioridad (dando a esta dirección el doble de tiempo que a la calle norte-sur), y la posibilidad de poner el zumbador en mute, para que no moleste. This final work of Computer Engineering Degree, is developed in the field of web development, with the ultimate goal of controlling experimentally through a web browser, four traffic lights of three lights each (red, yellow and green), at an intersection of four streets. The famous Raspberry Pi 3 model B minicomputer has been chosen as web server, because its expansion connector known as GPIO is used to physically connect the four traffic lights. To facilitate the electrical assembly, the SB Components PiTraffic hat has been used, since it allows to incorporate these traffic lights by simply plugging this card on top of the RPi, also adding a buzzer and a pushbutton. The buzzer is used to warn that the traffic lights have turned yellow and are about to turn red, and the push button is used so that a pedestrian can press and turn all the traffic lights red for a few moments. This system has three modes, manual, automatic and emergency mode. In manual mode we can turn on the lamps of all the traffic lights independently at will, the automatic mode performs without stopping a traffic light cycle appropriate for the street under study, and the emergency mode makes all the traffic lights blink yellow without end, sounding the buzzer at each ignition. The on times, when working in automatic mode, can be modified by the user by means of selects. In addition, it has a control to reset the system, another to set the east-west street in priority (giving this direction twice as much time as the north-south street), and the possibility to set the buzzer on mute, so that it does not disturb. El present treball final de Grau d'Enginyeria en Informàtica, es desenvolupa en el camp de desenvolupament web, amb l'objectiu final de controlar experimentalment mitjançant un navegador web, quatre semàfors de tres llums cadascun (vermell, groc i verd), en un encreuament de quatre carrers. Com a servidor web s'ha triat el famós minicomputador Raspberry Pi 3 model B, pel fet que s'empra el seu connector d'expansió conegut com GPIO, per a connectar físicament els quatre semàfors. Per a facilitar el muntatge elèctric, s'ha emprat el barret PiTraffic de SB Components, ja que permet incorporar aquests semàfors simplement endollant aquesta targeta damunt de la RPi, afegint a més un brunzidor i un polsador. El brunzidor s'empra per a avisar que els semàfors s'han posat en groc i passaran a vermell, i el polsador s'usa perquè un vianant pugui prémer i posar tots els semàfors en vermell uns instants. Aquest sistema posseeix tres maneres, el manual, l'automàtic i la manera emergència. En manera manual podem encendre a voluntat els llums de tots els semàfors independentment, la manera automàtica realitza sense parar un cicle semafòric apropiat per al carrer en estudi, i la manera emergència fa parpellejar sense fi tots els semàfors en groc, sonant el brunzidor a cada encesa. Els temps d'encesa quan treballa en la manera automàtica, són modificables per part de l'usuari per mitjà de selects. A més, té un control per a reinicialitzar el sistema, un altre per a posar el carrer aquest-oest en prioritat (donant a aquesta adreça el doble de temps que al carrer nord-sud), i la possibilitat de posar el brunzidor en muti, perquè no molesti.

Aplicación web para la gestión de información de títulos de películas que nos permitirá buscar y mostrar títulos con información (Título, Título Original, comentarios, las más populares). Aplicació web per a la gestió d'informació de títols de pel·lícules que ens permetrà buscar i mostrar títols amb informació (Títol, Títol Original, comentaris, les més populars). Web application for the management of movie titles information that will allow us to search and display titles with information (Title, Original Title, comments, most popular).

En la actualidad muchos locales de España siguen gestionando las reservas de forma tradicional, ya sea con una agenda o un papel y boli. Muchos de ellos son reacios a la digitalización de este proceso debido a que los sistemas para gestionarlo generalmente son caros y no específicos. Esta manera tradicional, es a veces bastante engorrosa para las personas encargadas de su gestión y no permite sacar datos estadísticos de una manera rápida y visual. Además los clientes de los locales cada vez prefieren tener más facilidades a la hora de concertar una cita o poder administrarla. Este Trabajo de Fin de Máster se basa en la creación de una plataforma que a bases de suscripciones mensuales, cualquier tipo de local (Desde dentistas hasta restaurantes) puedan gestionar su agenda de citas de manera eficiente, extraer estadísticas, y facilitar al cliente la gestión de esta, en un sistema web. Este sistema será web ya que da muchas más facilidades y puede ser accedido desde cualquier dispositivo con conexión internet. Las tecnologías utilizadas en su desarrollo van a ser tecnologías actuales como React, Node o Firebase. Nowadays, lots of premises in Spain continue managing reservations in a traditional way, either with a diary or a paper and pen. Many of them are reluctant to digitize this process because the systems to manage it are generally expensive and not specific. This traditional way is sometimes quite cumbersome for the people in management charges and does not allow statistical data to be obtained quickly and visually. In addition, the clients of the premises increasingly prefer to have more facilities when they make an appointment or being able to manage it. This Master's Thesis is based on the creation of a platform that, based on monthly subscriptions, any type of premises (From dentists to restaurants) can manage their appointment schedule efficiently, extract statistics, and facilitate customer management of this, in a web system. This system will be web as it provides much more facilities and can be accessed from any device with an internet connection. The technologies used in its development are going to be the current technologies such as React, Node or Firebase. En l'actualitat molts locals d'Espanya continuen gestionant les reserves de manera tradicional, ja sigui amb una agenda o un paper i boli. Molts d'ells són poc inclinats a la digitalització d'aquest procés pel fet que els sistemes per a gestionar-lo generalment són cars i no específics. Aquesta manera tradicional, és a vegades bastant enutjosa per a les persones encarregades de la seva gestió i no permet treure dades estadístiques d'una manera ràpida i visual. A més els clients dels locals cada vegada prefereixen tenir més facilitats a l'hora de concertar una cita o poder administrar-la. Aquest Treball de Fi de Màster es basa en la creació d'una plataforma que a bases de subscripcions mensuals, qualsevol tipus de local (Des de dentistes fins a restaurants) puguin gestionar la seva agenda de cites de manera eficient, extreure estadístiques, i facilitar al client la gestió d'aquesta, en un sistema web. Aquest sistema serà web ja que dona moltes més facilitats i pot ser accedit des de qualsevol dispositiu amb connexió internet. Les tecnologies utilitzades en el seu desenvolupament seran tecnologies actuals com React, Node o Firebase.

L'objectiu d'aquest treball és començar la transició informàtica d'un taller de planxa i pintura. Aquest taller, d'organització familiar, es va fundar a principis dels anys 80 i sempre ha tingut una gestió manual, pràcticament sense ús d'ordinadors. Es vol aprofitar que aviat hi haurà un canvi de titularitat al taller per informatitzar-lo. Anteriorment s'havia intentat aquesta informatització amb eines gratuïtes i altres ofertes pels mateixos proveïdors del negoci, però mai es va arribar a bon port. El resultat final hauria de ser el disseny, desenvolupament i implementació d'un ERP fet a mida per al control de tot el negoci, però la limitació temporal d'aquest treball fa que això sigui totalment inviable. Per tant, s'ha reduït l'abast d'aquesta primera versió de l'aplicació a una gestió de pressupostos, fulles de treball i ordres de reparació per tal de poder veure les desviacions de feina treballada respecte a les pressupostades. La implementació del projecte es basa en una aplicació web de tres capes, utilitzant el marc de treball Symfony com a eina principal i una base de dades MySQL per a l'emmagatzematge. També s'empra Bootstrap 5 per tal de fer la interfície d'usuari més atractiva. El resultat final del treball ha complert els objectius definits inicialment i s'inclouen totes les funcionalitats definides. Tanmateix, aquesta aplicació queda oberta, a l'espera d'afegir-hi les funcionalitats necessàries per a gestionar el taller mecànic. El objetivo de este trabajo es empezar la transición informática de un taller de plancha y pintura. Este taller, de organización familiar, se fundó a principios de los años 80 y siempre ha tenido una gestión manual, prácticamente sin uso de ordenadores. Se quiere aprovechar que pronto habrá un cambio de titularidad al taller para informatizarlo. Anteriormente se había intentado esta informatización con herramientas gratuitas y otras ofertas por los mismos proveedores del negocio, pero nunca se llegó a buen puerto. El resultado final tendría que ser el diseño, desarrollo e implementación de un ERP hecho a medida para el control de todo el negocio, pero la limitación temporal de este trabajo hace que esto sea totalmente inviable. Por lo tanto, se ha reducido el alcance de esta primera versión de la aplicación a una gestión de presupuestos, hojas de trabajo y órdenes de reparación para poder ver las desviaciones de trabajo trabajado respecto a las presupuestadas. La implementación del proyecto se basa en una aplicación web de tres capas, utilizando el marco de trabajo Symfony como herramienta principal y una base de datos MySQL para el almacenamiento. También se emplea Bootstrap 5 para hacer la interfaz de usuario más atractiva. El resultado final del trabajo ha cumplido los objetivos definidos inicialmente y se incluyen todas las funcionalidades definidas. Aun así, esta aplicación queda abierta, a la espera de añadir las funcionalidades necesarias para gestionar el taller mecánico. The objective of this work is to start the computerized transition of an iron and paint shop. This family-run workshop was founded in the early 1980s and has always been managed manually, with practically no use of computers. We want to take advantage of the fact that there will soon be a change of ownership of the workshop to computerize it. Previously this computerization had been tried with free tools and other offers by the same suppliers of the business, but it never came to fruition. The end result would have to be the design, development and implementation of a custom-made ERP for the control of the entire business, but the time constraint of this work makes this totally unfeasible. Therefore, the scope of this first version of the application has been reduced to a management of budgets, worksheets and repair orders in order to be able to see the deviations of work done with respect to the budgeted ones. The project implementation is based on a three-tier web application, using the Symfony framework as the main tool and a MySQL database for storage. Bootstrap 5 is also used to make the user interface more attractive. The final result of the work has met the initially defined objectives and all the defined functionalities are included. Even so, this application remains open, waiting to add the necessary functionalities to manage the mechanic workshop.

Identificar un nicho de mercado abre muchas posibilidades en internet pero muchas veces se ven frustradas por la falta de infraestructura, capacidad de negocio, tiempo o riesgo del proyecto. Tecnologías que permiten un desarrollo rápido y reutilizable y modelos de datos sencillos, junto con la posibilidad de retribución económica que presentan los modelos de enlace de afiliado, consiguen la oportunidad de crear páginas de venta sin la necesidad de tener stock y gestionar el proceso de compra, sumándose al proceso de venta de terceros. Este tipo de proyectos carecen de escalabilidad sin asumir la venta directa del producto; por este motivo la mejor estrategia de negocio es generar una red de páginas nicho en torno a diferentes productos. Esta inquietud se ha traducido en la generación de una plantilla React para páginas web con diseño y desarrollo estructurado en componentes reutilizables, librería propia de estilos CSS y un sencillo modelo de datos mediante documento JSON que permite reutilizar y/o modificar la web y el contenido de manera rápida. A su vez, se hace especial hincapié en la accesibilidad y performance web para llegar a todo el público y obtener un buen posicionamiento en buscadores. De esta manera se aprovecha todo el tiempo invertido en la creación de la primera web nicho para poder generar nuevas, sin tener que repetir todo el proceso y esfuerzo. Para su diseño, desarrollo, testeo y presentación se ha creado un proyecto de página nicho focalizada en la venta de cafeteras AeroPress. Identificar un nínxol de mercat obre moltes possibilitats en internet però moltes vegades es veuen frustrades per la falta d'infraestructura, capacitat de negoci, temps o risc del projecte. Tecnologies que permeten un desenvolupament ràpid i reutilitzable i models de dades senzilles, juntament amb la possibilitat de retribució econòmica que presenten els models d'enllaç d'afiliat, aconsegueixen l'oportunitat de crear pàgines de venda sense la necessitat de tenir estoc i gestionar el procés de compra, sumant-se al procés de venda de tercers. Aquest tipus de projectes manquen d'escalabilitat sense assumir la venda directa del producte; per aquest motiu la millor estratègia de negoci és generar una xarxa de pàgines nínxol entorn de diferents productes. Aquesta inquietud s'ha traduït en la generació d'una plantilla React per a pàgines web amb disseny i desenvolupament estructurat en components reutilitzables, llibreria pròpia d'estils CSS i un senzill model de dades mitjançant document JSON que permet reutilitzar i/o modificar la web i el contingut de manera ràpida. Al seu torn, es posa l'accent principalment en l'accessibilitat i performance web per a arribar a tot el públic i obtenir un bon posicionament en cercadors. D'aquesta manera s'aprofita tot el temps invertit en la creació de la primera web nínxol per a poder generar noves, sense haver de repetir tot el procés i esforç. Per al seu disseny, desenvolupament, testatge i presentació s'ha creat un projecte de pàgina nínxol focalitzada en la venda de cafeteres AeroPress. Identify a market niche provides opportunities on the internet but many times can find themselves fruitless due to a lack of infrastructure, ability to manage business, time, or the project's risks themselves. Technologies that allow a fast and reusable development, simple data model, in conjunction with the possibility of an economical reward given by the affiliate link offer, gets the opportunity of create new sale sites without the need of having stock, managing the buying funnel, joining to the third party sales. Such projects lack scalability without accept responsibility of direct selling of the product, for this reason the best business strategy is to generate a net of niche websites around different products. This inquisitiveness has turn into the generation of a React template for web pages with a design and development structured in reusable components developed by React, an own CSS style library and a simple data model by a JSON document allowing reuse and to modify the website and its content quickly. In turn, special emphasis is placed on accessibility and web performance to reach all consumers and get a good search engine optimization as well. In this way, takes advantage of all the time spent in the first niche web creation to allow the generation of new ones, without repeating all the process and effort. For its design, development, testing and presentation, has been created a niche web's project focused on Aeropress coffee maker selling.

Eina per a recomanar a quines assignatures s'ha de matricular un alumne basant-se en la seva disponibilitat. Desenvolupat com a PWA (Progressive Web App) amb una estructura de dades que permeti utilitzar-ho en diferents estudis, tot i que es tractarà sobre el Grau d'Enginyeria Informàtica. Permetrà desar les convalidacions i les assignatures matriculades i els resultats de cada semestre i l'itinerari escollit i generarà un calendari de matriculació proposat segons les hores disponibles per als següents semestres. Tool to recommend subjects enrollment based on Student availability. Developed as a PWA (Progressive Web App) with a data structure to be used in diferent studies, although it will be used in the Degree in Computer Engineering. It will Store validations and results of enrolled subjects for each semestre, and the chosen itinerary, and it will generate proposed enrollment calendars according to the students' availability. Herramienta para recomendar a qué asignaturas debe matricularse un alumno basándose en su disponibilidad. Desarrollado a modo de PWA (Progressive Web App) con una estructura de datos que permita usarlo en diferentes estudios, aunque el trabajo se centra en el Grado de Ingeniería Informática. Permite guardar las convalidaciones y asignaturas matriculadas y sus resultados para cada semestre, así como la preferencia de itinerarios, y genera un calendario de matriculación propuesto según las horas disponibles para los próximos semestres.

La finalitat d'aquest treball ha estat l'obtenció d'una eina de gestió de formacions enfocada a cobrir les necessitats específiques del centre on treballo. Per portar a terme el projecte he optat per fer ús del sistema de gestió de continguts Drupal. Això m'ha permès aprofitar les diferents funcionalitats que ja aporten tant el seu nucli com alguns mòduls contribuïts i centrar el meus esforços en el desenvolupament d'un mòdul a mida per afegir-li cadascuna de les funcionalitats addicionals. L'abast del projecte ha inclòs des de la fase inicial de preparar els servidors on està allotjada l'aplicació fins a la seva posada en producció que ha comportat integrar Drupal amb un servidor de directori actiu per validar l'accés dels usuaris així com la integració amb pentaho per poder extreure'n informes i mantenir la sincronització amb la base de dades de recursos humans. Per fer realitat el projecte he escollit la metodologia en cascada, dividint el projecte en les següents etapes: pla de treball, anàlisi i disseny, implementació, verificació i redacció de la memòria. S'ha pogut seguir la planificació establerta i el resultat obtingut ha estat satisfactori tant pel producte resultant com a nivell personal pels coneixements adquirits. El resultat es una eina que permet simplificar significativament tots els processos relacionats amb la gestió de les formacions que es porten a terme al Centre de Recerca en Agrigenòmica. El objetivo de este trabajo ha sido la obtención de una herramienta de gestión de formaciones enfocada a cubrir las necesidades específicas del centro en el que trabajo. Para llevar a cabo el proyecto he optado por hacer uso del sistema de gestión de contenidos Drupal. Esto me ha permitido aprovechar las diferentes funcionalidades que ya aportan tanto su núcleo como algunos módulos contribuidos y centrar mis esfuerzos en el desarrollo de un módulo a medida para añadir cada una de las funcionalidades adicionales. El alcance del proyecto ha incluido desde la fase inicial de preparar los servidores donde está alojada la aplicación hasta su puesta en producción que ha comportado integrar a Drupal con un servidor de directorio activo para validar el acceso de los usuarios así como la integración con pentaho para poder extraer informes y mantener la sincronización con la base de datos de recursos humanos. Para hacer realidad el proyecto, he escogido la metodología en cascada, dividiendo el proyecto en las siguientes etapas: plan de trabajo, análisis y diseño, implementación, verificación y redacción de la memoria. Se ha podido seguir la planificación establecida y el resultado obtenido ha sido satisfactorio tanto por el producto resultante como a nivel personal por los conocimientos adquiridos. El resultado es una herramienta que permite simplificar significativamente todos los procesos relacionados con la gestión de las formaciones que se llevan a cabo en el Centro de Investigación en Agrigenómica. The aim of this work has been to obtain a training management tool focused on covering the specific needs of the center where I work. To carry out the project I chose to use the Drupal content management system. This has allowed me to take advantage of the various features already provided by both its core and some contributed modules and focus my efforts on developing a custom module to add each of the additional features. The scope of the project has included from the initial phase of preparing the servers where the application is hosted to its implementation which has involved integrating Drupal with an active directory server to validate user access as well as the integration with pentaho to be able to extract reports and maintain synchronization with the human resources database. To make the project a reality I chose the cascading methodology, dividing the project into the following stages: work plan, analysis and design, implementation, verification and writing of the report. The established planning has been followed and the result obtained has been satisfactory both for the resulting product and on a personal level for the knowledge acquired. The result is a tool that significantly simplifies all the processes related to the management of the training carried out at the Center for Research in Agricultural Genomics.

El producte resultant d'aquest projecte és una eina web que facilita a petites i mitjanes empreses la transformació digital dels seus negocis. Aquesta eina disposa d'un entorn totalment responsive, dividit en 3 aplicacions: una eina per gestionar les tasques del treball diari, d'altres departaments (Enterprise Service Management) i clients; un portal d'autoservei intuïtiu per usuaris finals que només volen obrir i veure l'estat de les seves incidències i peticions; i un chatbot per interactuar i fer servir comandes que facilitin la creació i consulta dels seus tiquets. El producto resultante de este proyecto es una herramienta web que facilita a pequeñas y medianas empresas la transformación digital de sus negocios. Esta herramienta dispone de un entorno totalmente responsive, dividido en 3 aplicaciones: una herramienta para gestionar las tareas del trabajo diario, otros departamentos (Enterprise Service Management) y clientes; un portal de autoservicio intuitivo para usuarios finales que sólo desean abrir y ver el estado de sus incidencias y peticiones; y un chatbot para interactuar y utilizar pedidos que faciliten la creación y consulta de sus tickets. The product of this project is a web tool that makes it easy for small and medium-sized businesses to digitally transform their businesses. This tool has a fully responsive environment, divided into 3 applications: a tool to manage the tasks of daily work, other departments (Enterprise Service Management) and customers; an intuitive self-service portal for end users who just want to open and see the status of their incidents and requests; and a chatbot to interact and use commands that make it easy to create and view your tickets.

Este TFG desarrolla un prototipo semi funcional de un website de comercio electrónico. Este es el primer paso de cara a satisfacer el requerimiento de un cliente real que regenta una tienda física y desea vender sus productos y servicios a través de internet. El desarrollo se orienta a la puesta en práctica de competencias de full stack development, con un frontend basado en Next.js/React, una API REST basada en node.js/Expres.js, testing basado en Jest, Supertest y Puppertee y el despliegue en un servidor Linux mediante una instancia EC2 en Amazon AWS. El resultado final del prototipo difiere de la versión final de la aplicación en el uso de una plataforma de pago real y de la conexión a base de datos real de un proveedor externo de dropshipping. This TFG develops a semi-functional ecommerce website prototype. This is the first step to satisfy the requirement of a real client who runs a physical store and wants to sell their products and services through the internet. The development seeks the implementation of full stack development skills, with a frontend based on Next.js / React, a REST API based on Node.js / Expres.js, testing based on Jest, Supertest and Puppertee and the deployment on a Linux server using an EC2 instance on Amazon AWS. The result of the prototype differs from the final version of the application in the use of a real payment platform and the connection to a real database of an external dropshipping provider. Aquest TFG desenvolupa un prototip semifuncional d'un web de comerç electrònic. Aquest és el primer pas amb vista a satisfer el requeriment d'un client real que regenta una botiga física i vol vendre els seus productes i serveis a través d'internet. El desenvolupament s'orienta a la posada en pràctica de competències de full stack development, amb un frontend basat en Next.js/React, una API REST basada en Node.js/Expres.js, testing basat en Jest, Supertest i Puppertee i el desplegament en un servidor Linux mitjançant una instància EC2 a Amazon AWS. El resultat final del prototip difereix de la versió final de laplicació en lús duna plataforma de pagament real i de la connexió a base de dades real d'un proveïdor extern de dropshipping.

El propósito principal de este proyecto es el de desarrollar un sitio web para los socios y entidades que trabajan en defensa del paisaje de la comarca del Priorat, así como la integración de una herramienta de trabajo colaborativo que suponga una mejora en la organización del día a día de los socios. Además, veremos el proceso de incorporación de un framework JavaScript moderno para ciertos componentes de un sitio web que ha sido construido con tecnologías web tradicionales como PHP. The main purpose of this project is to develop a website for the partners and entities that work in defense of the landscape of the Priorat region, as well as the integration of a collaborative work tool that supposes an improvement in the organization of the partners day to day. Additionally, we will go through the process of incorporating a modern JavaScript framework for certain components of a website that has been built using traditional web technologies such as PHP. El propòsit principal d'aquest projecte és desenvolupar un lloc web per als socis i entitats que treballen en defensa del paisatge de la comarca del Priorat, així com la integració d'una eina de treball col·laboratiu que suposi una millora en l'organització del dia a dia dels socis. A més, veurem el procés d'incorporació d'un framework JavaScript modern per a certs components d'un lloc web que ha estat construït amb tecnologies web tradicionals com PHP.

Aquest projecte vol ajudar a detectar valors d'ansietat i depressió dels alumnes, així com ajudar a relacionar la quantitat d'abandonaments amb aquests estats. Una vegada detectats els valors, la intenció es donar feedback per ajudar a l'alumne a millorar el seu estat si ho necessita i evitar que abandoni els estudis. El projecte es divideix en un entorn web acadèmic on es contesten els qüestionaris, una API Rest que gestiona les peticions web i consulta la base de dades a més d'enviar els correus amb feedback a l'alumne, una base de dades que desa les dades dels qüestionaris contestats i els expedients dels alumnes i finalment una eina amb la que es fa l'explotació de dades que permet visualitzar els resultats dels qüestionaris i agrupar per l'estat d'expedient dels alumnes, així com més filtres. This project aims to help detect values of anxiety and depression in students, as well as to help relate the number of dropouts to these conditions. Once the values have been detected, the intention is to give feedback to help students to improve their condition if necessary and prevent them from dropping out of school. The project is divided into an academic web environment where the tests are answered, an API Rest that handles web requests and retrieves data from the database as well as providing feedback via email to the student, a database that stores the data of the answered tests and the students' records, and finally a tool to extract and visualise data of the tests allowing to filter them according to the students' record status, among other filters. Este proyecto quiere ayudar a detectar valores de ansiedad y depresión de los alumnos, así como ayudar a relacionar la cantidad de abandonos con dichos estados. Una vez se detecten los valores, la intención es dar feedback para ayudar al alumno a mejorar su estado si lo necesita y evitar que llegue a abandonar los estudios. El proyecto se divide en un entorno web académico donde se contestan los cuestionarios, una API Rest que gestiona las peticiones que hace la web y consulta la base de datos además de enviar los correos con el feedback al alumno, una base de datos que guarda los resultados de los cuestionarios contestados y de los expedientes de los alumnos i finalmente una herramienta con la que hacer explotación de datos que nos permite visualizar los resultados de los cuestionarios y agruparlos por el estado de los expedientes de los alumnos, así como más filtros.

Web application based on microservices and serverless architecture. It uses AWS and CI/CD for the deployment of the entire infrastructure. These microservices are developed in ReactJS, NodeJS and Python. The app allows its administrators to create surveys that can be completed by anonymous users afterwards. Aplicación web basada en una arquitectura de microservicios y serverless. Utiliza AWS para hacer el despliegue de la infraestructura con CI/CD y los distintos microservicios están desarrollados con ReactJS, NodeJS y Python. El aplicativo permite a sus administradores crear cuestionarios para ser contestados más tarde por usuarios anónimos. Aplicació web basada en una arquitectura de microserveis i serverless. Utilitza AWS per fer el desplegament de la infraestructura amb CI/CD i els diferents microserveis estan desenvolupats amb ReactJS, NodeJS i Python. L'aplicatiu permet als administradors crear qüestionaris per ser contestats més tard per usuaris anònims.

Aquest treball té com a objectiu principal la realització d’una interfície web que permeti donar suport a la campanya participativa “Dona el teu mòbil a la ciència” realitzada dins del marc del projecte Biometallum de la UPC. Per a aquest fi s’han desenvolupat, a partir de l’ús de la plataforma Genweb com a eix principal, un conjunt de vistes web dins del marc institucional UPC que han d’aportar informació complementària sobre el context de la campanya, la ubicació dels punts de recollida emprats i el desenvolupament de tecnologies complementàries que ajudin als usuaris que visitin la web a prendre consciència activa del projecte. Este trabajo tiene como principal objetivo la realización de una interfaz web que permita apoyar a la campaña participativa "Dona el teu mòbil a la ciència" realizada dentro del marco del proyecto Biometallum de la UPC. Para este fin, se han desarrollado, a partir del uso de la plataforma Genweb como eje principal, un conjunto de vistas web enmarcadas dentro del marco institucional UPC que deben aportar información complementaria sobre el contexto de la campaña, la ubicación de los puntos de recogida usados, y el desarrollo de tecnologías complementarias que ayuden a los usuarios a tomar consciencia del proyecto. The main goal of this project is to create a web interface to complement the campaign “Dona el teu mòbil a la ciència” carried out within the context of the UPC’s Biometallum project. For this purpose, a set of web views based upon the UPC institutional framework have been developed by using the Genweb platform as main axis. In order for this premise to work, the developed web views must provide, among other aspects, complementary information about the campaign background, geographic location of the collection points deployed, and the development of technologies that might help the web visitors to become increasingly more aware of the project.

En todos los trabajos se necesita una coordinación de equipo y para esto es necesario poder llevar a cabo una gestión del equipo y las tareas que se realizan de forma fácil y rápida para que la información esté actualizada al momento. La propuesta de este proyecto para solucionar el problema es una aplicación Web o WebApp accesible desde cualquier dispositivo que permita ver toda la información relevante de las tareas de un solo vistazo, además de integrar una gestión de los trabajadores de la empresa. La aplicación resultante del proyecto es una WebApp funcional con diferentes opciones para visualizar las tareas, además de incluir funcionalidades para la gestión de usuarios y personal de la empresa y un sistema de roles con distintas funcionalidades que varían según el usuario que accede a la aplicación. In every workplace, team coordination is needed. To achieve this, the team and task management must be easily and quickly done so the information about them is always up to date. This project's approach to the mentioned problem is a web application or WebApp accessible from any device which allows to quickly see all the relevant information about the tasks at a glance, besides integrating an easy management of the company staff. The resulting app from this project is a completely functional WebApp with different views for task information and user/staff management, including a role system which changes the app functionality depending on which user logs in. En tots els treballs es necessita una coordinació d'equip i per això és necessari poder portar a terme una gestió de l'equip i les tasques que realitzen de forma fàcil i ràpida per a que la informació estigui actualitzada al moment. La proposta d'aquest projecte per tal de solucionar el problema és una aplicació Web o WebApp accessible desde qualsevol dispositiu que permeti veure tota la informació rellevant de les tasques d'un sol cop d'ull, a més d'integrar una gestió dels treballadors de l'empresa. L'aplicació resultant del projecte és una WebApp funcional amb diferents opcions per a visualitzar tasqes, a mes d'incloure funcionalitats de gestió d'usuaris i personal de l'empresa i un sistema de rols amb diferents funcionalitats que varien segons l'usuari que accedeix a l'aplicació.

Durante la nueva situación provocada por el COVID-19 escuelas, institutos y universidades se han visto obligadas a modificar de manera excepcional su sistema docente a un modelo telemático, impartiendo las clases a través de herramientas virtuales que, sin previa preparación, provocaban una desconexión entre alumnos y profesores disminuyendo su rendimiento y perdiendo la interacción a la que estábamos acostumbrados en una docencia presencial. Si bien es cierto que durante 2021 y 2022 la adaptación al modelo telemático ha ido en evolución, aún hay bastante margen de mejora. Este proyecto consiste en la creación de un prototipo web que ofrece un espacio de trabajo cómodo, sencillo e intuitivo que permite aproximarse a los niveles de calidad de la docencia presencial con funcionalidades tales como realizar videoconferencias, chats entre usuarios, muros para cada asignatura con foros, material didáctico y un apartado de calificaciones. During the new situation caused by COVID-19, schools, institutes and universities have been forced to exceptionally modify their teaching system to a telematic model, teaching classes through virtual tools that, without previous preparation, caused a disconnection between students and teachers decreasing their performance and losing the interaction to which we were accustomed in face-to-face teaching. Although it is true that during 2021 and 2022 the adaptation to the telematics model has been evolving, there is still plenty of room for improvement. This project consists of the creation of a web prototype that offers a comfortable, simple and intuitive workspace that allows approaching the quality levels of face-to-face teaching with functionalities such as videoconferences, chats between users, walls for each subject with forums, didactic material and a qualifications section. Durant la nova situació provocada per la COVID-19 escoles, instituts i universitats s'han vist obligades a modificar de manera excepcional el seu sistema docent a un model telemàtic, impartint les classes a través d'eines virtuals que, sense preparació prèvia, provocaven una desconnexió entre alumnes i professors disminuint el rendiment i perdent la interacció a la què estàvem acostumats en una docència presencial. Si bé és cert que durant el 2021 i el 2022 l'adaptació al model telemàtic ha anat en evolució, encara hi ha força marge de millora. Aquest projecte consisteix en la creació d'un prototip web que ofereix un espai de treball còmode, senzill i intuïtiu que permet aproximar-se als nivells de qualitat de la docència presencial amb funcionalitats com fer videoconferències, xats entre usuaris, murs per a cada assignatura amb fòrums, material didàctic i un apartat de qualificacions.

El objetivo de este trabajo es desarrollar una aplicación web para compartir información de carácter gastronómico entre un grupo de personas con intereses comunes. Esta aplicación permite interactuar a usuarios con intereses comunes. Los usuarios pertenecen a grupos y la información compartida en un grupo sólo es visible por los miembros del grupo. Es una aplicación RESTful con el backend API desarrollado con Laravel y el frontal con React. L'objectiu d'aquest treball és desenvolupar una aplicació web per a compartir informació de caràcter gastronòmic entre un grup de persones amb interessos comuns. Aquesta aplicació permet interactuar a usuaris amb interessos comuns. Els usuaris pertanyen a grups i la informació compartida en un grup només és visible pels membres del grup. És una aplicació RESTful amb el backend API desenvolupat amb Laravel i el frontal amb React. The aim of this work is to develop a web application to share gastronomic information among a group of people with gastronomic information among a group of people with common interests. common interests. This application allows users with common interests to common interests. The users belong to groups and the information shared in a group is only visible to the members of the group. It is a RESTful application with the backend API developed with Laravel and the frontend with React.

En aquest projecte el que es vol assolir com a resultat final és la implementació d’un laboratori remot per la programació de FPGAs. L'accés es du a terme via web, per tant una part molt important en aquest projecte és la del desenvolupament web per tal de crear una interfície d’usuari adequada. L’estructura d’aquesta pàgina web ha estat creada amb “HTML” i “PHP”, sent aquest últim el llenguatge que ens proporciona les eines adequades per la comunicació que busquem en el nostre disseny. També veurem que, degut a la gran diversitat de característiques que presenta el “backend”, ens hem ajudat d’altres llenguatges com “Python”, “Javascript”, “Bash” o “SQL”. Inicialment es va treballar per a la implementació d’un sol lloc de treball. El sistema estava format per una màquina Linux (on està el “backend”) connectat a una Raspberry Pi via Ethernet que és la que tindrà comunicació directa a la FPGA. La comunicació entre Raspberry Pi i FPGA s’ha dut a terme mitjançant els ports GPIO de la Raspberry Pi que connecten aquest dispositiu amb el JTAG de la FPGA i amb els seus diferents botons i interruptors. Les funcionalitats bàsiques que s'han de proporcionar a l’usuari amb la interacció amb la FPGA són les de carregar arxius a la FPGA, modificar els estats dels seus interruptors/botons i la visualització dels canvis que aquests provoquen. Això últim s’ha realitzat amb l’emissió en directe d’una càmera de vídeo que està enfocant contínuament a la FPGA assignada. Un cop es va aconseguir realitzar tota aquesta sèrie de objectius, s’ha implementat aquest mateix sistema però amb la capacitat de treballar sobre diverses FPGAs, és a dir, un laboratori remot amb varis llocs de treball amb les mateixes especificacions explicades anteriorment. Per tal de gestionar-ho tot correctament, s’ha implementat una base de dades que emmagatzema la informació que identifica cada lloc de treball i a més a més s’han creat una sèrie de noms d’usuari i contrasenyes per poder-hi accedir. En este proyecto lo que se quiere conseguir como resultado final es la implementación de un laboratorio remoto para la programación de FPGAs. El acceso se lleva a cabo vía web, por tanto una parte muy importante en este proyecto es la del desarrollo web para crear una interfaz de usuario adecuada. La estructura de esta página web ha sido creada con “HTML” y “PHP”, siendo éste último el lenguaje que nos proporciona las herramientas adecuadas para la comunicación que buscamos en nuestro diseño. También veremos que, debido a la gran diversidad de características que presenta el “backend”, nos hemos ayudado de otros lenguajes como “Python”, “Javascript”, “Bash” o “SQL”. Inicialmente se trabajó para la implementación de un solo puesto de trabajo. El sistema estaba formado por una máquina Linux (donde está el "backend") conectado a una Raspberry Pi vía Ethernet que es la que tendrá comunicación directa a la FPGA. La comunicación entre Raspberry Pi y FPGA se ha llevado a cabo mediante los puertos GPIO de la Raspberry Pi que conectan este dispositivo con el JTAG de la FPGA y los distintos botones e interruptores. Las funcionalidades básicas que deben proporcionarse al usuario con la interacción con la FPGA son las de cargar archivos a la FPGA, modificar los estados de sus interruptores/botones y la visualización de los cambios que éstos provoquen. Esto último se ha realizado con la emisión en directo de una videocámara que está enfocando continuamente a la FPGA asignada. Una vez se logró realizar toda esta serie de objetivos, se implementó este mismo sistema pero con la capacidad de trabajar sobre diversas FPGAs, es decir, un laboratorio remoto con varios puestos de trabajo con las mismas especificaciones explicadas anteriormente. Para gestionarlo todo correctamente, se ha implementado una base de datos que almacena la información que identifica cada puesto de trabajo y se han creado una serie de nombres de usuario y contraseñas para poder acceder a ellos. In this project, the result that we want to achieve is an implementation of a remote laboratory for programming FPGAs. Its access is done via web, which means that a very important part in this project is the one regarding web development with the creation of a suitable user’s interface. The main structure of this web page has been created with “HTML” and “PHP”, being this last language the one that will provide us the appropriate tools for the communication we are looking for in our design. Nevertheless, we will also see that, due to the diversity of characteristics found in the backend, we will need help from other languages as “Python”, “Javascript”, “Bash” or “SQL”. Initially we worked for the implementation of a single remote workspace, meaning that only one FPGA was accessible. The system was formed by a Linux computer (backend is hosted) connected to via Ethernet to a Raspberry Pi that has direct communication with the FPGA. This communication between the Raspberry Pi and the FPGA was implemented with the GPIOS from the Raspberry Pi, that connected this device to the FPGA’s JTAG ports, and to its different buttons and switches. The basic functionalities that this system should be able to offer to the user regarding the communication with the FPGA are: loading files to the FPGA, modifying the state of the buttons/switches and seeing the changes that these produce. This last thing has been implemented with a video camera, that will always be focused on the FPGA assigned to work. Once all of this was done, we extended the concept to work with multiple FPGAs, that meaning that we transformed our system into a laboratory capable of working with several workspaces at a time, respecting the specifications told above. To manage this system, we created a database that has all the information from the workspaces and also some username-password combinations in order to access the webpage and its services.

Aquest treball consisteix en la incorporació d'un front-end i un back-end que permetin comercialitzar un servei d'ad-blocking. Aquest servei consta d'un servidor DNS al qual s'accedeix a través d'un encaminador programable que genera un servidor VPN. La pàgina web es desenvolupa amb React.js i Node.js, juntament amb altres llibreries, per aconseguir generar certificats de la xarxa VPN de forma automàtica i permetre realitzar subscripcions al servei a través de passarel·les de pagament. Per finalitzar, s'analitza l'efectivitat del servei que es proporciona fent proves a diferents pàgines web. Este trabajo consiste en la incorporación de un front-end y un back-end que permitan comercializar un servicio de ad-blocking. Este servicio consta de un servidor DNS al que se accede a través de un router programable que genera un servidor VPN. La página web se desarrolla con React.js y Node.js, junto con otras librerías, para conseguir generar certificados de la red VPN de forma automática y permitir realizar suscripciones al servicio a través de pasarelas de pago. Para finalizar, se analiza la efectividad del servicio que se proporciona realizando pruebas en diferentes páginas web. This work consists of the incorporation of a front-end and a back-end that allow to commercialize an ad-blocking service. This service consists of a DNS server that is accessed through a programmable router that generates a VPN server. The website is developed with React.js and Node.js, along with other libraries, to generate VPN network certificates automatically and allow subscriptions to the service through payment gateways. Finally, the effectiveness of the service provided is analyzed by testing different web pages.

Este trabajo consiste en la creación de un portal web donde los ciudadanos puedan acceder fácilmente a los trámites de carácter burocrático que son indispensables realizar a través del Ayuntamiento, tales como el censo o inscripciones a eventos entre otros. También será una guía o manual por parte de los trabajadores del Ayuntamiento encargados de tramitar dichos documentos, ya que, son trámites complejos en los que se necesita tiempo para formar al personal y, por el momento, no es posible debido a la gran cantidad de trámites y el poco personal del que se cuenta. Por otro lado, al ser un generador de formularios, puede facilitar la tarea al personal de este Ayuntamiento que se encarga de generar dichos documentos. Del mismo modo, se pueden encontrar funcionalidades extras para dar una mayor calidad al citado portal web, como, por ejemplo, la consulta de bandos, noticias y novedades, un área de deportes, área multimedia o datos de contacto entre otros. Con ello se pretende que la página web no solo sea una página de gestiones tanto para el ciudadano como para los trabajadores, si no que, se pretende que pueda proporcionar al ciudadano todo tipo de facilitades sobre actividades que gestiona o realiza el Ayuntamiento UOC. Para conseguir el desarrollo de esta página web se han utilizado programas como XAMPP, Visual Studio Code, PHPMyAdmin, así como que ha sido programada en HTML, PHP y SQL. This work consists of the creation of a web portal where citizens can easily access the bureaucratic procedures that are essential to carry out through the City Council, such as the census or registration for events among others. It will also be a guide or manual for the City Council workers in charge of processing these documents, since they are complex procedures in which time is needed to train the staff and, for the moment, it is not possible due to the large number of procedures and the little staff that is counted. On the other hand, being a generator of forms, it can facilitate the task of the staff of this City Council who is in charge of generating said documents. In the same way, you can find extra functionalities to give a higher quality to the aforementioned web portal, such as, for example, the consultation of factions, news and novelties, a sports area, another multimedia área or contact data among others. This is intended to make the website not only a management page for both citizens and workers, but also to provide citizens with all kinds of facilities on activities managed or carried out by the UOC City Council. To achieve the development of this web page, programs such as XAMPP, Visual Studio Code, PHPMyAdmin have been used, as well as programming in HTML, PHP and SQL. Aquest treball consisteix en la creació d'un portal web on els ciutadans puguin accedir fàcilment als tràmits de caràcter burocràtic que són indispensables realitzar a través de l'Ajuntament, com ara el cens o inscripcions a esdeveniments entre altres. També serà una guia o manual per part dels treballadors de l'Ajuntament encarregats de tramitar aquests documents, ja que, són tràmits complexos en els quals es necessita temps per a formar al personal i, de moment, no és possible a causa de la gran quantitat de tràmits i el poc personal del qual es compta. D'altra banda, a l'ésser un generador de formularis, pot facilitar la tasca al personal d'aquest Ajuntament que s'encarrega de generar aquests documents. De la mateixa manera, es poden trobar funcionalitats extres per a donar una major qualitat al citat portal web, com, per exemple, la consulta de bàndols, notícies i novetats, una àrea d'esports, àrea multimèdia o dades de contacte entre altres. Amb això es pretén que la pàgina web no sols sigui una pàgina de gestions tant per al ciutadà com per als treballadors, si no que, es pretén que pugui proporcionar al ciutadà tot tipus de facilitades sobre activitats que gestiona o realitza l'Ajuntament UOC. Per a aconseguir el desenvolupament d'aquesta pàgina web s'han utilitzat programes com XAMPP, Visual Studio Code, PHPMyAdmin, així com que ha estat programada en HTML, PHP i SQL.

Aquest treball consisteix en l'anàlisi, disseny i implementació d'una aplicació web dirigida a tallers tèxtils o de confecció amb una digitalització molt escassa o nul·la i amb el principal objectiu de proporcionar una eina senzilla que permeti realitzar processos bàsics com la gestió d'estoc, de proveïdors i d'escandalls. La implementació del projecte es basa en un patró del tipus MVC utilitzant Java com a tecnologia principal, MySQL com a base de dades relacional i Spring Boot com a framework principal degut al seu abast pel que fa a la gestió de tasques i integració entre capes. També s'han utilitzat altres eines com Maven, per facilitar la gestió del projecte i les dependències, així com Thymeleaf per a la informació de les vistes i Bootstrap per tal de fer el projecte visualment atractiu i adaptable a qualsevol dispositiu. Este trabajo consiste en el análisis, diseño e implementación de una aplicación web dirigida a talleres textiles o de confección con una digitalización muy escasa o nula y con el principal objetivo de proporcionar una herramienta sencilla que permita realizar procesos básicos como la gestión de stock, de proveedores y de sondas. La implementación del proyecto se basa en un patrón del tipo MVC utilizando Java como tecnología principal, MySQL como base de datos relacional y Spring Boot como framework principal debido a su alcance en cuanto a la gestión de tareas e integración entre capas. También se han utilizado otras herramientas como Maven, para facilitar la gestión del proyecto y las dependencias, así como Thymeleaf para la información de las vistas y Bootstrap para hacer el proyecto visualmente atractivo y adaptable a cualquier dispositivo. This work consists of the analysis, design and implementation of a web application aimed at textile or garment workshops with little or no digitalization and with the main objective of providing a simple tool to perform basic processes such as stock management, suppliers and probes. The implementation of the project is based on an MVC type pattern using Java as the main technology, MySQL as relational database and Spring Boot as the main framework due to its scope in terms of task management and integration between layers. Other tools have also been used such as Maven, to facilitate the project management and dependencies, as well as Thymeleaf for the views information and Bootstrap to make the project visually attractive and adaptable to any device.

Entre los aspectos que marcan la sociedad actual hay dos que están adquiriendo cada vez más relevancia: la presencia digital y la concienciación ecológica. Estos conceptos, que podrían parecer lejanos entre sí o incluso contrapuestos, se aúnan en este proyecto: una empresa de asesoramiento para modernizar y digitalizar modelos de negocio de forma sostenible. Para ello se ha analizado el modelo de mercado actual, el público objetivo y la puesta en práctica de esta empresa. A continuación, se ha conceptualizado y desarrollado un sitio web que ofrezca esos servicios de la forma más realista posible, planteando su ejecución según lo aprendido en el Máster Universitario de Aplicaciones Multimedia. Así mismo, se han planteado unos objetivos de rendimiento, accesibilidad y posicionamiento para el proyecto, para garantizar que el sitio desarrollado sería competitivo en un entorno real. El análisis de mercado llevado a cabo junto con los resultados obtenidos en este trabajo arroja cifras muy positivas, que permiten imaginar un posible desarrollo de negocio en este ámbito. Among the aspects that set today's society there are two that are gaining more and more relevance: digital presence and ecological awareness. These concepts, which might seem distant from each other or even opposing, are brought together in this project: an advisory company to modernize and digitize business models in a sustainable way. The current market model, the target audience, and the implementation of this company have been analyzed. Then, a website has been conceptualized and developed to offer these services in the most realistic way possible, proposing its execution according to what was learned in the University Master's Degree in Multimedia Applications. Likewise, performance, accessibility and positioning objectives have been set for the project, to guarantee that the developed site would be competitive in a real environment. The market analysis carried out together with the results obtained in this work shows very positive figures, which allow us to imagine a possible business development in this area. Entre els aspectes que marquen la societat actual n'hi ha dos que estan adquirint cada cop més rellevància: la presència digital i la conscienciació ecològica. Aquests conceptes, que podrien semblar llunyans entre si o fins i tot contraposats, s'uneixen en aquest projecte: una empresa d'assessorament per modernitzar i digitalitzar models de negoci de manera sostenible. Per això s'ha analitzat el model de mercat actual, el públic objectiu i la posada en pràctica d'aquesta empresa. A continuació, s'ha conceptualitzat i desenvolupat un lloc web que ofereixi aquests serveis de la manera més realista possible, plantejant-ne l'execució segons el que s'ha après al Màster Universitari d'Aplicacions Multimèdia. Així mateix, s'han plantejat uns objectius de rendiment, accessibilitat i posicionament per al projecte per garantir que el lloc desenvolupat seria competitiu en un entorn real. L'anàlisi de mercat que s'ha portat a terme juntament amb els resultats obtinguts en aquest treball dóna xifres molt positives, que permeten imaginar un possible desenvolupament de negoci en aquest àmbit.

[CA] L’arribada del nou brot de malaltia per coronavirus (COVID-19) al març de 2020 afectà l’estructura del clúster tèxtil valencià i la seua forma de comunicació amb els clients que d’ell es nodreixen. D’aquest canvi de paradigma sorgí la necessitat d’una ferramenta que centrara totes les produccions específiques que es desenvoluparen en aquest moment, aconseguint abastir així la demanda de productes sanitaris d’una manera més efectiva. Una vegada implantada, el seu ús va ser extensiu a nivell nacional i, així, moltes de les empreses que reconvertiren la seua producció cap al material sanitari aconseguiren, a través d’aquesta nova ferramenta, una nova cartera de clients. Veient el bon funcionament d’aquest sistema, l’Associació d’Empresaris del Tèxtil de la Comunitat Valenciana, ATEVAL, proposà la generació d’una ferramenta similar per als seus socis, però dins de l’àmbit general del tèxtil, per aconseguir una major difusió de la oferta del clúster i donar així valor als socis que la conformen. Aquest treball abordarà aquesta tasca. Així, especificarà tot el procés de creació del servei mencionat, passant per totes les etapes per al desenvolupament de solucions d’enginyeria de sistemes i de control sobre la funcionalitat i usabilitat d’aquesta, amb la col·laboració d’ATEVAL com a principal client de la solució proposada., [EN] The arrival of the new outbreak of coronavirus disease (COVID-19) in March 2020 affected the structure of the Valencian textile cluster and the way it communicated with its customers. From this paradigm shift arose the need for a tool that would focus all the specific productions that were being developed at the time, thus meeting the demand for healthcare products in a more effective way. Once it was implemented, its use became widespread at a national level and, as a result, many of the companies that reconverted their production to health material achieved, through this new tool, a new portfolio of clients. Considering the good performance of this system, the Associació d'Empresaris del Tèxtil de la Comunitat Valenciana, ATEVAL, proposed the creation of a similar tool for its members, but within the general field of textiles, in order to achieve a better dissemination of the cluster's offer and therefore give value to the members that make up the cluster. This work will address this task. In this way, it will specify the whole process of creation of the mentioned service, going through all the stages of the development of software engineering solutions and the control of its functionality and usability, with the collaboration of ATEVAL as the main client of the proposed solution.

Aquest projecte i treball de final de grau consisteix en fer un estudi de les aplicacions de web progressives i al mateix temps en la realització d’una d'elles per entendre les funcionalitats que proporcionen i els usos que poden tenir en relació en l’àmbit de l’e-learning i acadèmic.

La internet ha esdevingut l'eina més útil en la comunicació i ofereix tot tipus d'informació. És vital que aquesta informació arribi a qui la cerca. Per això, les webs han d'evitar limitacions que les fagin inaccessibles a certs grups. No és la persona qui és incapaç d'obtenir la informació, sinó que és l'entorn el que crea les barreres. Fa unes dècades, diferents guies i iniciatives van començar a estandarditzar la manera en què les webs d'han de desenvolupar per a ser accessibles a tothom. En aquest període de temps, uns quants països han adoptat algunes d'aquestes lleis i les han convertit en llei. Des de 2018, el Web de la Universitat de Lleida està afectat per la llei que estableix el nivell d'accessibilitat que han d'assolir les institucions públiques. L'avaluació del Web de la Universitat de Lleida va mostrar diferents problemes que fan referència a l'accessibilitat d'aquest lloc web. L'objectiu d'aquest Treball de Final de Grau ha estat analitzar, dissenyar solucions i resoldre aquests problemes. L'anàlisi va assenyalar que els problemes principals estaven relacionats amb l'estructura i la pobre navegabilitat del Web. Així, que els Encapçalaments, Landmarks i Errors de Validació van ser els problemes fonamentals a esmenar. Un obstacle que es va trobar al treballar amb els problemes va ser que el Servidor de probes del Web institucional no estava dissenyat per a acceptar canvis d'aquesta magnitud. El funcionament normal del web no es podia comprometre. Per aquesta raó el projecte va adaptar-se i totes les modi cacions es van acabar realitzant en una còpia local. L'eina WAVE es va utilitzar per comparar les dues versions del Web, l'original i la modi cada. Els errors es van retallar en un 61% dels del web original i les alertes es van reduir ns un 36% a algunes pàgines. La navegabilitat va millorar fent més fàcil navegar el web amb un Lector de Pantalla. Internet has become the most useful tool for communication and it o ers all kinds of information. It's vital that this information reaches anyone seeking for it. So, the web has to avoid the limitations that make it inaccessible to certain groups. It's not the person who is unable to reach the information, it's the environment that creates the barriers. A few decades ago, some guidelines and initiatives began to standardize the way the webs had to be developed in order to become accessible to everyone. During this period a few countries have adopted some of this guidelines and turned them into laws. Since 2018, the web of the University of Lleida is a ected by the law that stablishes the level of accessibility that public institution have to achieve. The evaluation of the web of the university of Lleida showed many issues corresponding to the accessibility of the site. The purpose of this End of Degree Project was to analyze, design the solutions and x these errors. The analysis showed that the main issues were related to the structure and the poor navigability of the site. Thus, the Headings, Landmarks and Validation Errors, were the fundamental problems. One obstacle encountered when solving the issues was that the institutional test server was not designed to accept changes of this magnitude. The normal behaviour of the web could not be threatened. That's the reason why the project changed and all the modi cations were implemented on a mirror of the website stored locally. The WAVE tool was used to compare both websites, the original one and the modi ed one. The errors were trimmed to 61% from the original web and the alerts were cut down to 36% in certain pages of the web. The navigability has improved as it is easier to navigate the web with a Voice Narrator Tool.

El que es veurà en aquest treball són els elements que s’utilitzen per a integrar dades a la web semàntica i una de les parts concretes del processament del llenguatge natural que s’ha utilitzat per a donar-li un significat a les paraules que es proporcionen, per a posteriorment integrar-les en la web perquè cada investigador les pugui utilitzar en qualsevol moment.

En 2019, entró en vigor la normativa de control horario, según la cual, las empresas deben registrar el inicio y fin de la jornada laboral, además de conservar estos datos durante, al menos, cuatro años. La infracción de esta normativa puede acarrear sanciones graves. Además, debido a la relación que tiene el control de la jornada horaria con otras tareas asociadas a los recursos humanos de cualquier empresa como son la solicitud y registro de vacaciones, ausencias médicas y consulta de nóminas se plantea este TFG, el cual tiene como objetivo desarrollar una aplicación web que permita a las empresas realizar este cometido. La aplicación web se ha desarrollado siguiendo una arquitectura de microservicios, intentando modularizar la aplicación para poder otorgar mayor escalabilidad e independencia. Además, se trata de una web SPA, es decir, recarga y muestra su contenido en respuesta a acciones propias de la navegación sin tener que realizar nuevas peticiones al servidor. In 2019, the time control regulations came into force, according to which companies must record the start and end of the working day, in addition to keeping this data for at least four years. Violation of this regulation can lead to serious penalties. In addition, due to the relationship that control of the working day has with other tasks associated with the human resources of any company such as the request and registration of vacations, medical absences and payroll consultation, this TFG is proposed, which aims develop a web application that allows companies to carry out this task. The web application has been developed following a microservices architecture, trying to modularize the application in order to grant greater scalability and independence. In addition, it is a SPA (Single Page Application) website, which means that it recharges and displays its content in response to browsing actions without having to make new requests to the server. En 2019, va entrar en vigor la normativa de control horari, segons la qual, les empreses han de registrar l'inici i fi de la jornada laboral, a més de conservar aquestes dades durant, al menys, quatre anys. La infracció d'aquesta normativa pot comportar sancions greus. A més, a causa de la relació que té el control de la jornada horària amb altres tasques associades als recursos humans de qualsevol empresa com són la sol·licitud i registre de vacances, absències mèdiques i consulta de nòmines es planteja aquest TFG, el qual té com a objectiu desenvolupar una aplicació web que permeti a les empreses realitzar aquesta comesa. L'aplicació web s'ha desenvolupat seguint una arquitectura de microservicios, intentant modularitzar l'aplicació per poder atorgar major escalabilitat i independència. A més, es tracta d'una web SPA, és a dir, recàrrega i mostra el seu contingut en resposta a accions pròpies de la navegació sense haver de realitzar noves peticions a servidor.

Se estima que en España, en el año 2019, casi 43 millones de personas o el 93% de la población hacían uso de internet de manera regular. No es descabellado afirmar que internet se ha vuelto un fenómeno permanente que influencia nuestras vidas a diario. No solo las personas se ven influenciadas. Hoy en día poseer una página web o un dominio o incluso tener presencia en las redes sociales es casi un requisito obligatorio para las empresas y comercios, pues la falta de ellos puede suponer una gran desventaja frente a sus competidores. La guardería El Segon Cau es consciente de ello y por eso ha decidido que es un buen momento para modernizarse, contando con una nueva aplicación web que permita al centro publicitarse de manera sencilla, que facilite el contacto con clientes potenciales y que sirva a la guardería como plataforma para la comunicación familias-escuela, mostrando los eventos y acontecimientos que se vayan desarrollando a lo largo del curso con el alumnado. En este proyecto se desarrollará dicha aplicación mediante el framework Django que contará con una página principal, página de contacto, diversas páginas para informar sobre el centro y un blog, teniendo en cuenta en todo momento las necesidades y peticiones del centro escolar. It is estimated that in Spain, in the year 2019, almost 43 million people or 93% of the population made use of the Internet on a regular basis. It is not unreasonable to say that the Internet has become a permanent phenomenon that influences our lives on the daily. It is not only people who are influenced. Nowadays, owning a website or domain or even having presence in social networks is almost a mandatory requirement for companies and businesses, because the lack of them can be a great disadvantage compared to their competitors. The nursery school El Segon Cau is aware of this and that is why it has decided that it is a good moment to modernize itself, counting with a new web application that allows the center to advertise in a simple way, that facilitates the contact with potential clients and that serves the nursery school as a platform for the communication between families and the school, showing the events and happenings that develop along the course in which the students participate. In this project, this new web app will be developed using the Django framework. The web will have a home page, contact page, several pages to inform about the school and a blog, taking into account at all times the needs and requests of the school.

Futbol Pro Manager surge de la unión de aquellos conocimientos adquiridos a lo largo del grado y de varias de las aficiones personales como son; los videojuegos y el fútbol. Así pues, el objetivo del trabajo será facilitar una nueva herramienta con fines recreativos a aquellos usuarios que disfruten también de estos 'hobbies' y desean complementar el visionado común de partidos de fines de semana con una nueva motivación, o desde otra perspectiva. Así pues, la aplicación propone a los usuarios gestionar de forma virtual una plantilla de fútbol con jugadores pertenecientes a la 1ª división española. El objetivo es conformar una plantilla competitiva jornada tras jornada con el fin de superar a tus rivales en base al desempeño de cada jugador de la liga en sus partidos oficiales. Es decir, se añade todavía más emoción a esos fines de semana futboleros. Para ello, se facilitará la posibilidad de inscribirse en una comunidad existente donde competir, o bien, crear una propia y privada con tus amigos donde pasarás a elegir la táctica más adecuada en base a los jugadores de los qué dispones, entre otros factores. Además del reparto aleatorio de jugadores que obtendrá el usuario inicialmente, se dispondrá de un mercado de fichajes donde pondrás a prueba tu capacidad de ojeo para hacerte con buenas gangas. En definitiva, se busca una experiencia que combinará la estrategia y el azar, pero especialmente tratará de añadir algo de ocio y competición a tu día a día. Futbol Pro Manager sorgeix de la unió d'aquells coneixements adquirits al llarg del grau i de diverses de les aficions personals com són; els videojocs i el futbol. Així doncs, l'objectiu del treball serà facilitar una nova eina amb finalitats recreatives a aquells usuaris que gaudisquen també d'aquests 'entreteniments' i desitgen complementar el visionat comú de partits de caps de setmana amb una nova motivació, o des d'una altra perspectiva. Així doncs, l'aplicació proposa als usuaris gestionar de manera virtual una plantilla de futbol amb jugadors pertanyents a la 1a divisió espanyola. L'objectiu és conformar una plantilla competitiva jornada rere jornada amb la finalitat de superar als teus rivals a partir dels punts obtinguts per cada jugador de la lliga en els seus partits oficials. És a dir, s'afig encara més emoció a aqueixos caps de setmana futbolers. Per a això, es facilitarà la possibilitat d'inscriure's en una comunitat existent on competir, o bé, crear una pròpia i privada amb els teus amics on passaràs a triar la tàctica més adequada sobre la base dels jugadors dels què disposes, entre altres factors. A més del repartiment aleatori de jugadors que obtindrà l'usuari inicialment, es disposarà d'un mercat de fitxatges on posaràs a prova la teua capacitat de llambregue per a fer-te amb bones gangues. En definitiva, es busca una experiència que combinarà l'estratègia i l'atzar, però especialment tractarà d'afegir una mica d'oci i competició al teu dia a dia. Futbol Pro Manager arises from the union of the knowledge acquired throughout the degree and several of the personal hobbies such as; video games and football. Thus, the aim of the work will be to provide a new tool for recreational purposes to those users who also enjoy these hobbies and wish to complement the common viewing of weekend matches with a new motivation, or from another perspective. Thus, the application proposes to users to virtually manage a football squad with players belonging to the Spanish 1st division. The aim is to build a competitive squad day after day in order to beat your rivals based on the performance of each player in the league in their official matches. In other words, even more excitement will be added to those football weekends. To do this, you will be able to join an existing community where you can compete, or create your own private community with your friends where you will choose the most appropriate tactics based on the players you have available, among other factors. In addition to the random distribution of players that the user will initially get, there will be a transfer market where you will test your scouting skills to get good bargains. In short, we are looking for an experience that will combine strategy and randomness, but will especially try to add some leisure and competition to your day-to-day life.