Search

Des de l'Observatori Tecnològic dels Estudis d'Informàtica, Multimèdia i Telecomunicació en col·laboració amb l'eLearn Center, es realitza una tasca d'observació de novetats a nivell tecnològic i educatiu i la posterior redacció d'un informe. L'informe examina previsions externes efectuades per consultores, notícies i papers de diferents mitjans i altres fonts per tal d'analitzar-ne el contingut i extreure'n conclusions i recomanacions. El document conté capítols corresponents a les actes de les reunions efectuades pels membres de l'observatori reestructurades per temes: les previsions externes amb el recull de les tendències tecnològiques publicades a principis de 2018 per part d'organismes i agències diverses, les tecnologies destacades de 2018, amb un recull de notícies i comentaris que han aparegut al llarg de les reunions i que donen una idea del que ha estat el 2018 pel que fa a notícies tecnològiques i les conclusions. Desde el Observatorio Tecnológico de los Estudios de Informática, Multimedia y Telecomunicación en colaboración con el eLearn Center, se realiza una tarea de observación de novedades a nivel tecnológico y educativo y la posterior redacción de un informe. El informe examina previsiones externas efectuadas por consultoras, noticias y papeles de diferentes medios y otras fuentes para analizar su contenido y extraer conclusiones y recomendaciones. El documento contiene capítulos correspondientes a las actas de las reuniones efectuadas por los miembros del observatorio reestructuradas por temas: las previsiones externas con la recopilación de las tendencias tecnológicas publicadas a principios de 2018 por parte de organismos y agencias diversas, las tecnologías destacadas de 2018, con una recopilación de noticias y comentarios que han aparecido a lo largo de las reuniones y que dan una idea de lo que ha sido en 2018 en cuanto a noticias tecnológicas y las conclusiones. From the Technological Observatory of Computer, Multimedia and Telecommunication Studies in collaboration with the eLearn Center, a task of observation of technological and educational innovations is carried out and the subsequent writing of a report. The report examines external projections made by consultants, news and papers from different media and other sources to analyze the content and extract conclusions and recommendations. The document contains chapters corresponding to the minutes of meetings carried out by members of the restructured observatory by topic: external forecasts with the collection of technological trends published by the beginning of 2018 by different agencies and agencies, the outstanding technologies of 2018, with a collection of news and comments that have appeared throughout the meetings and which give an idea of what it was in 2018 with regard to technological news and conclusions.

Si haguéssim de triar un titular per al 2017, pel que fa a la tecnologia, aquest seria el d'intel·ligència artificial (IA). Aquest tema ja va estar entre els més importants el 2016 i apareix a molts àmbits de la nostra vida quotidiana: des dels sistemes recomanadors per al màrqueting, que ens suggereixen productes per comprar, fins als vehicles, on la IA està jugant un paper clau en el cotxe autònom. Però el 2017 també hem vist força experiències en educació superior en què sistemes d'IA atenen automàticament estudiants, donant així una resposta inmediata i adequada als estudiants, mentre el professorat pot centrar-se en tasques de valor afegit per a l'estudiant. La segona tendència que ha estat clau és la realitat virtual (VR) i augmentada (AR). Ja des de 2016, VR i AR van apareixent com a temes clau. El 2017 ha vist l'aparició d'ulleres més assequibles que van portant aquesta tecnologia al gran públic. Tanmateix, és encara una tecnologia cara, que necessita acabar de madurar i per a la qual encara no trobem la killer application. Un altre punt important ha estat la robòtica, i la infinitat de notícies alarmants sobre com els robots prendran la feina a milions de treballadors. 2017 ha estat l'any de les gràfiques amb les professions de risc. El resum d'aquestes gràfiques és que com més repetitiva sigui una feina, més fàcil serà que un robot la substituteixi. Tot i així, hi ha notícies esperançadores sobre les noves professions de l'era post-robòtica. També relacionat amb l'impacte social de la tecnologia, els problemes de seguretat han cridat l'atenció de la població pel que fa a la seguretat de les pròpies dades. També ha fet prendre rellevància als aspectes ètics de la tecnologia, especialment pel que fa a accessibilitat, privadesa i seguretat. En aquest context, un àmbit especialment important ha estat el de les smart cities. Finalment, en l'àmbit de l'educació, tecnologies com la intel·ligència artificial o la realitat virtual estan començant a entrar a les aules i hem pogut veure algunes notícies que parlen de revolució en l'educació. Tot i així, no es pot parlar encara de canvis generalitzables. Si tuviéramos que elegir un titular para el 2017, en cuanto a la tecnología, este sería el de inteligencia artificial (IA). Este tema ya estuvo entre los más importantes el 2016 y aparece a muchos ámbitos de nuestra vida cotidiana: desde los sistemas recomanadors para el marketing, que nos sugieren productos para comprar, hasta los vehículos, donde la IA está jugando un papel clave en el coche autónomo. Pero el 2017 también hemos visto bastantes experiencias en educación superior en que sistemas de IA atienen automáticamente estudiantes, dando así una respuesta inmediata y adecuada a los estudiantes, mientras el profesorado puede centrarse en tareas de valor añadido para el estudiante. La segunda tendencia que ha sido clave es la realidad virtual (VR) y aumentada (AR). Ya desde 2016, VR y AR van apareciendo como temas clave. El 2017 ha visto la aparición de ojeras más asequibles que van trayendo esta tecnología al gran público. Aun así, es todavía una tecnología cara, que necesita acabar de madurar y para la cual todavía no encontramos la killer application. Otro punto importante ha sido la robótica, y la infinidad de noticias alarmantes sobre como los robots tomarán el trabajo a millones de trabajadores. 2017 ha sido el año de las gráficas con las profesiones de riesgo. El resumen de estas gráficas es que cuanto más repetitiva sea un trabajo, más fácil será que un robot la substituteixi. Aún así, hay noticias esperanzadoras sobre las nuevas profesiones de lo era tabla-robótica. También relacionado con el impacto social de la tecnología, los problemas de seguridad han llamado la atención de la población en cuanto a la seguridad de los propios datos. También ha hecho tomar relevancia a los aspectos éticos de la tecnología, especialmente en cuanto a accesibilidad, privacidad y seguridad. En este contexto, un ámbito especialmente importante ha sido lo de las smart cities. Finalmente, en el ámbito de la educación, tecnologías como la inteligencia artificial o la realidad virtual están empezando a entrar a las aulas y hemos podido ver algunas noticias que hablan de revolución en la educación. Aún así, no se puede hablar todavía de cambios generalizables. If we had to choose a headline for 2017, in terms of technology, this would be artificial intelligence (AI). This theme was already among the most important in 2016 and appears in many areas of our daily life: from the recomanadors systems for marketing, which suggest products to buy, to vehicles, where the AI ¿¿is playing a key role in the car autonomous. But in 2017 we have also seen many experiences in higher education in which AI systems automatically attend students, giving an immediate and adequate response to students, while teachers can focus on tasks of added value for the student. The second trend that has been key is virtual reality (VR) and augmented (AR). Since 2016, VR and AR are emerging as key issues. 2017 has seen the appearance of more affordable dark circles that are bringing this technology to the general public. Even so, it is still an expensive technology, which needs to finish maturing and for which we still do not find the killer application. Another important point has been robotics, and the infinity of alarming news about how robots will take jobs to millions of workers. 2017 has been the year of the graphics with the risk professions. The summary of these graphs is that the more repetitive a job, the easier it will be for a robot to substitute it. Even so, there is hopeful news about the new professions of the table-robotics era. Also related to the social impact of technology, security problems have attracted the attention of the population regarding the security of their own data. It has also made relevance to the ethical aspects of technology, especially in terms of accessibility, privacy and security. In this context, a particularly important area has been the smart cities. Finally, in the field of education, technologies such as artificial intelligence or virtual reality are beginning to enter the classroom and we have seen some news that speak of revolution in education. Still, we can not talk about generalizable changes yet.

El taller presenta les característiques funcionals de les eines i n'explica el seu funcionament. Es planteja com fer-les servir a les aules i quines circumstàncies en faciliten l'ús. Finalment, en discuteixen llurs límits i problemes potencials. El taller presenta las características funcionales de las herramientas y explica su funcionamiento. Se plantea cómo pueden utilizarse en el aula y qué circunstancias facilitan su uso. Finalmente, se discuten los límites y los problemas potenciales que plantean. The workshop presents the functional characteristics of the tools and explains how they work. It arises how you can use them in the classroom and what circumstances facilitate its use. Finally, we discuss the limitations and potential problems they pose.

Peer-reviewed In this presentation we shall discuss the main technologies and pedagogical issues related to that new way of learning and how we can use them to improve the acquisition of competences and new knowledge. We will also present some experiences of social network tools supporting e-learning at UXX. En esta presentación discutiremos las principales tecnologías y las cuestiones pedagógicas relacionadas con esa nueva forma de aprender, y cómo podemos utilizarlos para mejorar la adquisición de las competencias y nuevos conocimientos. También vamos a presentar algunas experiencias de herramientas de redes sociales que apoyan el aprendizaje electrónico en UXX. En aquesta presentació discutirem les principals tecnologies i les qüestions pedagògiques relacionades amb aquesta nova forma d'aprendre, i com podem utilitzar-los per millorar l'adquisició de les competències i nous coneixements. També presentarem algunes experiències d'eines de xarxes socials que donen suport a l'aprenentatge electrònic en UXX.

Entre els anys 2005 i 2007, una comunitat d'interès de més de 600 membres de més de la meitat dels 193 estats membres de la UNESCO van prendre part en unes discussions en línia sobre recursos educatius oberts (OER) - Contingut obert per a l'educació. Aquest document és un testament del poder de les deliberacions col·lectives en una comunitat virtual vibrant. Presenta la manera d'avançar per als OER basada en l'opinió informada d'una comunitat internacional, i exposa prioritats per a l'acció futura. Entre los años 2005 y 2007, una comunidad de interés de más de 600 miembros de más de la mitad de los 193 estados miembros de la UNESCO tomaron parte en unas discusiones en línea sobre recursos educativos abiertos (OER) - Contenido abierto para la educación. Este documento es un testamento del poder de las deliberaciones colectivas en una comunidad virtual vibrante. Presenta la manera de avanzar para los OER basada en la opinión informada de una comunidad internacional, y expone prioridades para la acción futura. Between 2005 and 2007, a community of interest of over 600 members from more than half of the 193 Member States of UNESCO took part in some online discussions about open educational resources (OER) - open content for the education. This document is a testament to the power of collective deliberation in an online community vibrant. It presents a way forward for OER based on the informed opinion of an international community, and sets priorities for future action.

The Universitat Oberta de Catalunya (UOC, Open University of Catalonia) is involved in several research projects and educational activities related to the use of Open Educational Resources (OER). Some of the discussed issues in the concept of OER are research issues which are being tackled in two EC projects (OLCOS and SELF). Besides the research part, the UOC aims at developing a virtual centre for analysing and promoting the concept of OER in Europe in the sector of Higher and Further Education. The objectives are to make information and learning services available to provide university management staff, eLearning support centres, faculty and learners with practical information required to create, share and re-use such interoperable digital content, tools and licensing schemes. In the realisation of these objectives, the main activities are the following: to provide organisational and individual e-learning end-users with orientation; to develop perspectives and useful recommendations in the form of a medium-term Roadmap 2010 for OER in Higher and Further Education in Europe; to offer practical information and support services about how to create, share and re-use open educational content by means of tutorials, guidelines, best practices, and specimen of exemplary open e-learning content; to establish a larger group of committed experts throughout Europe and other continents who not only share their expertise but also steer networking, workshops, and clustering efforts; and to foster and support a community of practice in open e-learning content know-how and experiences. La Universitat Oberta de Catalunya (UOC, Universitat Oberta de Catalunya) està involucrada en diversos projectes d'investigació i activitats educatives relacionades amb l'ús dels recursos educatius oberts (OER). Alguns dels temes tractats en el concepte de OER són els temes de recerca que s'estan abordant en dos projectes de la CE (OLCOS i SELF). A més de la part de recerca, la UOC té com a objectiu desenvolupar un centre virtual per a l'anàlisi i la promoció del concepte dels OER a Europa en el sector de l'Educació Superior. Els objectius són facilitar l'accés a la informació i els serveis d'aprenentatge disponibles per proporcionar al personal de gestió universitària, els centres de suport d'e-learning, professors i alumnes la informació pràctica necessària per a crear, compartir i reutilitzar aquests continguts interoperables en format digital, eines i esquemes de llicències. En la realització d'aquests objectius, les activitats principals són les següents: proporcionar a l'organització i usuaris finals de l'e-learning l'orientació, el desenvolupament de perspectives i recomanacions útils en la forma d'un pla de treball 2010 a mitjà termini per als OER en l'Educació Superior a Europa, per a oferir informació pràctica i serveis de suport sobre com crear, compartir i reutilitzar continguts educatius per mitjà de tutorials, guies, millors pràctiques, i la mostra d'exemplars de continguts d'e-learning, establir un grup més gran d'experts compromesos a tot Europa i d¿altres continents no només per a compartir els seus coneixements, sinó també per dirigir els esforços de xarxes, tallers, i l'agrupació, i per fomentar i donar suport a una comunitat de pràctica de continguts d'e-learning, coneixements i experiències. La Universitat Oberta de Catalunya (UOC, Universitat Oberta de Catalunya) está involucrada en varios proyectos de investigación y actividades educativas relacionadas con el uso de los recursos educativos abiertos (OER). Algunos de los temas tratados en el concepto de OER son los temas de investigación que se están abordando en dos proyectos de la CE (OLCOS y SELF). Además de la parte de investigación, la UOC tiene como objetivo desarrollar un centro virtual para el análisis y la promoción del concepto de los OER en Europa en el sector de la Educación Superior. Los objetivos son facilitar el acceso a la información y los servicios de aprendizaje disponibles para proporcionarlos al personal de gestión universitaria, los centros de apoyo de e-learning, profesores y alumnos con información práctica necesaria para crear, compartir y reutilizar estos contenidos interoperables en formato digital, herramientas y esquemas de licencias. En la realización de estos objetivos, las actividades principales son las siguientes: proporcionar a la organización y usuarios finales del e-learning la orientación, el desarrollo de perspectivas y recomendaciones útiles en la forma de un plan de trabajo 2010 a medio plazo para los OER en la Educación Superior en Europa, para ofrecer información práctica y servicios de apoyo acerca de cómo crear, compartir y reutilizar contenidos educativos por medio de tutoriales, guías, mejores prácticas, y la muestra de ejemplares de contenidos de e-learning, establecer un grupo más grande de expertos comprometidos en toda Europa y otros continentes no sólo para compartir sus conocimientos, sino también para dirigir los esfuerzos de redes, talleres, y la agrupación, y para fomentar y apoyar una comunidad de práctica de contenidos de e-learning, conocimientos y experiencias.

Open Access Document

LORs, addressing content management and preservation, have the positive collaterals of institutional positioning and dissemination, but their main benefit is the empowerment of in terest-centred learning communities, as we recognise that learning is much more than content, which becomes infrastructure: the LOR provides the learner interaction with the LOs, but also with other learners and teachers.

Este proyecto busca crear una comunidad de usuarios que tengan en común el gusto por la cocina y el uso de procesadores de alimentos para elaborar recetas. Se pretende recoger las recetas que vayan creando los usuarios según el robot utilizado, categorizar dichas recetas y ofrecer la posibilidad de crear un listado de ingredientes con el objetivo de tener una lista de la compra exacta a las recetas que se vayan a preparar. Se podrá dar feedback a las aportaciones y se incentivará el uso de la aplicación mediante diversas estrategias como la creación de secciones o una pequeña página de producto con un blog. Esta pequeña comunidad conseguirá concentrar a personas que utilizan diariamente los procesadores de alimentos. Para su desarrollo utilizaremos un stack MERN con un diseño basado en la técnica Mobile First y servicios escalables. This project seeks to build a community of users who have in common a love for cooking and using food processors to prepare recipes. It is intended to store the recipes created by users according to the processor used, categorize these recipes and offer the possibility of adding a list of ingredients in order to have an exact shopping list for the recipes to be prepared. It will be possible to give feedback to the contributions and the use of the application will be encouraged through various strategies such as the creation of sections or a small product page with a blog. This small community will bring together people who use food processors on a daily basis. For its development we will use a MERN stack with a design based on the Mobile First technique and scalable services. Aquest projecte busca crear una comunitat d'usuaris que tinguin en comú el gust per la cuina i l'ús de processadors d'aliments per a elaborar receptes. Es pretén recollir les receptes que vagin creant els usuaris segons el robot utilitzat, categoritzar aquestes receptes i oferir la possibilitat de crear un llistat d'ingredients amb l'objectiu de tenir una llista de la compra exacta a les receptes que es vagin a preparar. Es podrà donar feedback a les aportacions i s'incentivarà l'ús de l'aplicació mitjançant diverses estratègies com la creació de seccions o una petita pàgina de producte amb un blog. Aquesta petita comunitat aconseguirà concentrar a persones que utilitzen diàriament els processadors d'aliments. Per al seu desenvolupament utilitzarem un stack MERN amb un disseny basat en la tècnica Mobile First i serveis escalables.

El presente documento justifica y describe los detalles del proceso de desarrollo de Mushroom Webapp, una aplicación web capaz de proporcionar información sobre la posible salida de setas en un conjunto de municipios de la provincia de Castellón y Aragón. Las fuentes de datos sobre las que se cimenta la aplicación provienen principalmente de tres organismos especializados en información meteorológica: AEMET, AVAMET o Meteoclimatic. Un proceso servidor será el encargado de hacer la recogida de datos para las distintas estaciones meteorológicas a diario. Las bases de datos mantendrán un conjunto de datos relativos a precipitación, temperaturas, humedad relativa o viento de hasta 30 días por estación. Sobre el conjunto de datos, un algoritmo evaluará la posibilidad de hallar setas en un determinado punto de interés, en función de los valores meteorológicos de los que dispone. Cualquier dispositivo dotado de conectividad y un navegador podrá acceder previo proceso de autenticación a un mapa de Google Maps donde la iconografía superpuesta ofrecerá indicaciones sobre la salida de setas. Complementariamente, se contará con un catálogo de setas capaz de proporcionar información detallada de cada especie. Adicionalmente podrán consultarse registros diarios, mensuales o anuales relativos a cada estación objeto de estudio. El stack tecnológico se compone de un conjunto de scripts de Node.js para la recogida de datos programada mediante el demonio cron, la base de datos Nosql Firebase, la cual almacenará los registros meteorológicos diarios y la información relativa a las setas y Angular de la parte frontend. El present document justifica i descriu els detalls del procés de desenvolupament de Mushroom Webapp, una aplicació web capaç de proporcionar informació sobre la possible sortida de bolets en un conjunt de municipis de la província de Castelló i Aragó. Les fonts de dades sobre les quals es consolida l'aplicació provenen principalment de tres organismes especialitzats en informació meteorològica: AEMET, AVAMET o Meteoclimatic. Un procés servidor serà l'encarregat de fer la recollida de dades per a les diferents estacions meteorològiques diàriament. Les bases de dades mantindran un conjunt de dades relatives a precipitació, temperatures, humitat relativa o vent de fins a 30 dies per estació. Sobre el conjunt de dades, un algorisme avaluarà la possibilitat de trobar bolets en un determinat punt d'interès, en funció dels valors meteorològics dels quals disposa. Qualsevol dispositiu dotat de connectivitat i un navegador podrà accedir previ procés d'autenticació a un mapa de Google Maps on la iconografia superposada oferirà indicacions sobre la sortida de bolets. Complementàriament, es comptarà amb un catàleg de bolets capaç de proporcionar informació detallada de cada espècie. Addicionalment podran consultar-se registres diaris, mensuals o anuals relatius a cada estació objecte d'estudi. El stack tecnològic es compon d'un conjunt de scripts de Node.js per a la recollida de dades programada mitjançant el dimoni cron, la base de dades Nosql Firebase, la qual emmagatzemarà els registres meteorològics diaris i la informació relativa als bolets i Angular de la part frontend. The present document justifies and describes the details of the development's process of Mushroom Webapp, a web application capable of providing information about the possibility of mushroom grown in a group of towns of the provinces Castellón and Aragón. The data sources that form the basis of the application are coming mainly from three organizations specialized in meteorological information: AEMET, AVAMET and Meteoclimatic. A server process will be in charge of gathering all the data from the meteorological stations daily. The databases will store a set of data relative to raining, temperature, humidity or wind till 30 days per station. Over the data set an algorithm will evaluate the possibility of fetching mushrooms in a specific location, according to the meteorological registers that are available. Any device provided with connectivity and a browser will be able to access before an authentication process to a customized Google Maps in which the iconography layered will offer indications about mushrooms grown. Additionally, the web app is having a mushroom’s catalog ready to provide detailed information of a set of species enabled to the system. Furthermore daily, monthly and annual registers attached to the stations will be able to be consulted. The technological stack is composed of a set of Node.js scripts for the data gathering programmed through a cron daemon, the Nosql Firebase database, which will store the meteorological registers and mushroom info and Angular at the front-end side.

This project has been made having in mind to give back control over their portfolios and stores to artists and small artisans. It's not intended to be, at least at this moment, a substitute for other similar software like Wordpress, but to have in a simple way a portfolio and a store available to whoever may need it, using technologies, including the pay platforms, that could minimize costs to those, artists and authors, who are just starting. This project also tries to give some independence, although it can't be absolute, to these people when we are referring to big companies (including social media ones) with which the creators do not always need to agree. Different technologies have been used to complete the development of this project. A headless cms, Directus, used as backend, from which all the data is read. And as frontend, Nuxt, generating a totally static web based on HTML, CSS and JavaScript, but also, at the same time, which could act as a full store, minimizing hosting costs. All this based and shared, as free and open source software. Este proyecto ha tratado, desde un principio, de devolver el control sobre sus portfolios y tiendas a los artistas y pequeños artesanos. No pretende ser, todavía, un sustitutivo de otros softwares similares como Wordpress, pero sí tener de una forma sencilla una cartera de trabajos y una tienda a disposición de quien pueda necesitarla, utilizando tecnologías, entre ellas la pasarela de pago, que minimicen los gastos a aquellos artistas que autores que están empezando. Este proyecto también intenta dar algo de independencia, aunque no pueda ser total, a estas personas con respecto a corporaciones y redes sociales con las que los creadores no siempre tienen por qué estar de acuerdo. Para el desarrollo del mismo se han utilizado diferentes tecnologías. Un headless cms, Directus, como backend, del que se leen todos los datos. Y como frontend, Nuxt, generando una web totalmente estática basada en HTML, CSS y JavaScript, pero que, a la misma vez, puede actuar como tienda, minimizando gastos en hosting. Todo ello basado y compartido, como software libre y gratuito. Aquest projecte ha tractat, des d'un principi, de retornar el control sobre els seus portfolios i botigues als artistes i petits artesans. No pretén ser, encara, un substitutiu d'uns altres softwares similars com Wordpress, però sí que tenir d'una forma senzilla una cartera de treballs i una botiga a la disposició de qui pugui necessitar-la, utilitzant tecnologies, entre elles la passarel·la de pagament, que minimitzin les despeses a aquells artistes que autors que estan començant. Aquest projecte també intenta donar una mica d'independència, encara que no pugui ser total, a aquestes persones respecte a corporacions i xarxes socials amb les quals els creadors no sempre tenen per què estar d'acord. Per al desenvolupament del mateix s'han utilitzat diferents tecnologies. Un headless cms, Directus, com backend, del qual es llegeixen totes les dades. I com frontend, Nuxt, generant una web totalment estàtica basada en HTML, CSS i JavaScript, però que, a la mateixa vegada, pot actuar com a botiga, minimitzant despeses en hosting. Tot això basat i compartit, com a programari lliure i gratuït.

El presente proyecto nace por la necesidad que tienen los profesionales de buscar cursos de especialización o máster a nivel universitario para crecer profesionalmente, debido a que no es tan fácil buscar esta información de una manera rápida y con las características importantes que el profesional necesita, tal sea como son créditos, duración, modalidad, idioma(s) de impartición, entre otros. El present projecte neix per la necessitat que tenen els professionals de buscar cursos d'especialització o màster a nivell universitari per a créixer professionalment, pel fet que no és tan fàcil buscar aquesta informació d'una manera ràpida i amb les característiques importants que el professional necessita, tal sigui com són crèdits, durada, modalitat, idioma(s) d'impartició, entre altres. This project was born due to the need of professionals to look for specialization or master courses at university level to grow professionally, because it is not so easy to look for this information in a fast way and with the important characteristics that the professional needs, such as credits, duration, modality, language(s) of instruction, among others.

La aplicación web diseñada, permitirá a usuarios del ámbito del diseño gráfico compartir sus trabajos con otros miembros de la comunidad y obtener opiniones y preguntas acerca las obras. Además, también permitirá realizar consultas y obtener respuestas de otros usuarios del foro. Para poder interactuar y hacer uso de la plataforma, será requisito indispensable estar registrado ya que, en caso contrario, solo se podrá visualizar el contenido en modo lectura. En el mercado no existen soluciones similares ya que, solo existen foros donde usuarios realizan consultas o comunidades dispersas donde diseñadores publican solo algunas de sus obras. Con esta aplicación, se unificará todo en un solo lugar, facilitando la interacción entre usuarios. Para poder utilizar la aplicación se deberá tener una máquina en la nube con una base de datos MongoDB y un servidor ExpressJS. La interfaz de usuario estará desarrollada con Angular y se adaptará a dispositivos móviles, tabletas y dispositivos de escritorio y funcionará en la mayoría de los navegadores modernos actuales. Para poder lanzar la parte de la se deberá disponer de una máquina en la nube con un servidor tipo Apache o Nginx. The designed web application will allow graphic design users to share their work with other members of the community and obtain opinions and questions about the works. In addition, it will also allow users to ask questions and get answers from other forum users. In order to interact and make use of the platform, it is essential to be registered, otherwise the content can only be viewed in read mode. There are no similar solutions in the market, since there are only forums where users make queries or scattered communities where designers publish only some of their works. With this application, everything will be unified in one place, facilitating interaction between users. In order to use the application, you must have a machine in the cloud with a MongoDB database and an ExpressJS server. The user interface will be developed with Angular and will be adapted to mobile, tablet and desktop devices and will work on most current modern browsers. In order to be able to launch the UI part, a cloud machine with an Apache or Nginx server will be required. L'aplicació web dissenyada permetrà a usuaris de l'àmbit del disseny gràfic compartir els seus treballs amb altres membres de la comunitat i obtenir opinions i preguntes acosta les obres. A més, també permetrà realitzar consultes i aconseguir respostes d'altres usuaris del fòrum. Per a poder interactuar i fer ús de la plataforma, serà requisit indispensable estar registrat, ja que, en cas contrari, només es podrà visualitzar el contingut en manera lectura. En el mercat no existeixen solucions similars, ja que, només existeixen fòrums on usuaris fan consultes o comunitats disperses on dissenyadors publiquen només algunes de les seves obres. Amb aquesta aplicació, s'unificarà tot en un sol lloc, facilitant la interacció entre usuaris. Per a poder utilitzar l'aplicació s'haurà de tenir una màquina en el núvol amb una base de dades MongoDB i un servidor ExpressJS. La interfície d'usuari estarà desenvolupada amb Angular i s'adaptarà a dispositius mòbils, tauletes i dispositius d'escriptori i funcionarà en la majoria dels navegadors moderns actuals. Per a poder llançar la part de la s'haurà de disposar d'una màquina en el núvol amb un servidor tipus Apatxe o Nginx.

En aquest projecte es desenvolupa una aplicació destinada al sector logístic amb la finalitat que sigui un sistema de gestió de magatzem, que al sector es coneix com a SGM o, en castellà, SGA (Sistema de Gestión de Almacén). Més concretament, es destinarà a la gestió de l'emmagatzematge de mercaderies de palet sencer. Aquest software té com a objectiu ser l'eina de treball del dia a dia d'un magatzem logístic. L'aplicació s'encarrega de contenir les dades dels diferents clients, les referències entrades de cada producte i les ubicacions on s'emmagatzemarà la mercaderia. Mitjançant lectors de codis de barres es llegeixen les etiquetes dels palets que entren i surten del magatzem i s'introdueixen totes les seves dades al sistema; això permet saber, en temps real, la quantitat de palets que hi ha de cada referència i client, així com obtenir informació sobre els lots, les dates de caducitat, els SSCC, etc. Si és necessari, també es poden fer les lectures manualment. Amb aquesta aplicació es podrà mantenir la traçabilitat del magatzem en temps real i es podrà donar un servei essencial als clients, ja que la traçabilitat del producte actualment és imprescindible en termes de qualitat i logística. L'aplicació es desenvoluparà amb Angular com a front-end, amb Laravel com a back-end i amb MySQL per a la base de dades. A més, s'utilitzarà WebSockets per mantenir els usuaris informats dels canvis en temps real. En conclusió, el resultat és una aplicació intuïtiva, fàcil d'utilitzar i d'instal·lar; a més, es pot fer servir en qualsevol dispositiu amb connexió a internet. En este proyecto se desarrolla una aplicación destinada al sector logístico con la finalidad de que sea un sistema de gestión de almacén, que en el sector se conoce como SGA (Sistema de Gestión de Almacén). Más concretamente, se destinará a la gestión del almacenaje de mercancías de palet entero. Este software tiene como objetivo ser la herramienta de trabajo del día a día de un almacén logístico. La aplicación se encarga de contener los datos de los diferentes clientes, las referencias entradas de cada producto y las ubicaciones donde se almacenará la mercancía. Mediante lectores de códigos de barras se leen las etiquetas de los palets que entran i salen del almacén y se introducen todos sus datos al sistema; esto permite saber, en tiempo real, la cantidad de palets que hay de cada referencia y cliente, así como obtener información sobre los lotes, las fechas de caducidad, los SSCC, etc. Si es necesario, también se pueden hacer las lecturas manualmente. Con esta aplicación se podrá mantener la trazabilidad del almacén en tiempo real y se podrá dar un servicio esencial a los clientes, ya que la trazabilidad del producto actualmente es imprescindible en términos de calidad y logística. La aplicación se desarrollará en Angular como front-end, con Laravel como back-end y con MySQL para la base de datos. Además, se utilizará WebSockets para mantener a los usuarios informados de los cambios en tiempo real. En conclusión, el resultado es una aplicación intuitiva, fácil de utilizar y de instalar; además, se puede utilizar en cualquier dispositivo con conexión a internet. In this project, an application is developed for the logistics industry so that it is a Warehouse Management System (WMS). More specifically, the application will be used for the warehouse management of a full pallet system. The aim of this software is to become the day-to-day software for a logistic warehouse. The application will include client information, the input references of each product and the locations where the merchandise will be stored. Each pallet label is read through barcode readers, which allows us to know, in real time, the actual number of pallets for each reference and client, as well as information about production batches, expiration dates, SSCC codes, etc. If needed, it is also possible to read labels manually. This application will allow to keep the traceability of a warehouse in real time and will provide customers with an essential service, since product traceability is currently essential in terms of quality and logistics. The application will be developed using Angular as a front-end, Laravel as a back-end and MySQL for the database. In addition, WebSockets will be used to keep users up to date with changes in real time. In conclusion, the result is an intuitive application that is easy to use and install. In addition, it can be used in any device with an Internet connection.

El objetivo de este proyecto es el desarrollo y documentación de una aplicación web que permita a pequeñas empresas disponer de una herramienta con la que sus clientes puedan reservar cita con los profesionales de la misma de una forma rápida y cómoda. La persona administradora de la herramienta puede gestionar los perfiles y horarios de sus trabajadores mientras que estos últimos pueden consultar sus agendas con facilidad. La aplicación es una SPA realizada con Angular en el Front-end y Laravel en el Back-end. Dispone de un diseño responsive lo que permite adaptarse a los distintos tipos de pantalla que hay actualmente en el mercado. L'objectiu d'aquest projecte és el desenvolupament i documentació d'una aplicació web que permeti a petites empreses disposar d'una eina amb la qual els seus clients puguin reservar cita amb els professionals de la mateixa d'una forma ràpida i còmoda. La persona administradora de l'eina pot gestionar els perfils i horaris dels seus treballadors mentre que aquests últims poden consultar les seves agendes amb facilitat. L'aplicació és una SPA realitzada amb Angular en el Front-end i Laravel en el Back-end. Disposa d'un disseny responsive el que permet adaptar-se als diferents tipus de pantalla que hi ha actualment en el mercat. The objective of this project is the development and documentation of a web application that allows small companies to have a tool with which their customers can book appointments with their professionals in a fast and comfortable way. The administrator of the tool can manage the profiles and schedules of their employees while the latter can easily consult their agendas. The application is a SPA made with Angular in the Front-end and Laravel in the Back-end. It has a responsive design which allows it to adapt to the different types of screens that are currently on the market.

Este proyecto busca ayudar a pequeñas empresas a vender sus productos directamente a usuarios sin tener que incurrir en grandes gastos para la creación de una tienda en línea propia y sin utilizar como intermediarios a los gigantes del comercio electrónico. A su vez busca ayudar a los usuarios a encontrar productos de tiendas de proximidad y poder realizar compras en línea de manera local y sostenible. Este marketplace viene a llenar el vacío que existe actualmente en el comercio electrónico con un enfoque de proximidad y sostenibilidad. Para su desarrollo se utilizará el stack MEAN y técnicas de maquetación web responsivas modernas. Aquest projecte busca ajudar petites empreses a vendre els seus productes directament a usuaris sense haver d'incórrer en grans despeses per a la creació d'una botiga en línia pròpia i sense utilitzar com a intermediaris als gegants del comerç electrònic. Al seu torn busca ajudar els usuaris a trobar productes de botigues de proximitat i poder realitzar compres en línia de manera local i sostenible. Aquest marketplace ve a omplir el buit que existeix actualment en el comerç electrònic amb un enfocament de proximitat i sostenibilitat. Per al seu desenvolupament s'usarà el stack PIXEN i tècniques de maquetació web responsives modernes. Este proyecto busca ayudar a pequeñas empresas a vender sus productos directamente a usuarios sin tener que incurrir en grandes gastos para la creación de una tienda en línea propia y sin utilizar como intermediarios a los gigantes del comercio electrónico. A su vez busca ayudar a los usuarios a encontrar productos de tiendas de proximidad y poder realizar compras en línea de manera local y sostenible. Este marketplace viene a llenar el vacío que existe actualmente en el comercio electrónico con un enfoque de proximidad y sostenibilidad. Para su desarrollo se utilizará el stack MEAN y técnicas de maquetación web responsivas modernas.

Aplicación web para iniciar el procedimiento sancionador por infracciones a ordenanzas municipales. La aplicación web debe ejecutarse en un entorno seguro, proporcionar información necesaria sobre personas y empresas para iniciar procedimientos sancionadores y permitir la imposición de nuevas sanciones. Las nuevas sanciones se podrán geolocalizar, fotografiar, pagar por TPV virtual y se imprimirán para su entrega a los sancionados con la inclusión de código de barras CSB60 modalidad 2 para su pago en banco. Web application to initiate sanctioning procedure. The web application must run in a secure environment, provide necessary information about individuals and companies to initiate sanctioning procedures and allow the imposition of new sanctions. The new sanctions can be geolocated, photographed, paid by virtual POS and will be printed for delivery to those sanctioned with the inclusion of the CSB60 modality 2 barcode for bank payment. Aplicació web per a iniciar el procediment sancionador per infraccions a ordenances municipals. L'aplicació web ha d'executar-se en un entorn segur, proporcionar informació necessària sobre persones i empreses per a iniciar procediments sancionadors i permetre la imposició de noves sancions. Les noves sancions es podran geolocalitzar, fotografiar, pagar per TPV virtual i s'imprimiran per al seu lliurament als sancionats amb la inclusió de codi de barres CSB60 modalitat 2 per al seu pagament en banc.

El proyecto surge con la idea de crear una plataforma que pueda poner en contacto a personas dispuestas a cocinar para los demás (y vender porciones) con potenciales consumidores de táperes, a los que les gusta la comida hecha en casa, pero no tienen el tiempo o la habilidad necesaria para hacerla. Será pues, un sistema de intercambio comercial de un producto específico que pueda proporcionar una fuente de ingresos a algunas personas (productores) y pueda ayudar a otras (consumidores) en dos necesidades especialmente presentes en la juventud: comer bien y ahorrar tiempo. El projecte sorgeix amb la idea de crear una plataforma que pugui posar en contacte a persones disposades a cuinar per als altres (i vendre porcions) amb potencials consumidors de tàperes, als quals els agrada el menjar fet a casa, però no tenen el temps o l'habilitat necessària per a fer-la. Serà doncs, un sistema d'intercanvi comercial d'un producte específic que pugui proporcionar una font d'ingressos a algunes persones (productors) i pugui ajudar altres (consumidors) en dues necessitats especialment presents en la joventut: menjar bé i estalviar temps. The project comes up with the idea of creating a platform that can put people willing to cook for others (and sell portions) in contact with potential consumers of tuppers, who like home-made food, but don't have the time or the skill needed to do it. It will therefore be a system of commercial exchange of a specific product that can provide a source of income for some people (producers) and can help others (consumers) with two needs especially present in youth: eating well and saving time.

NDT-Link is a web based cloud service that provides a complete suit of productivity tools to companies that own instruments and systems manufactured by Innerspec Technologies 1 , a US based company leader in NDT 2 solutions. Innerspec products are used in a wide range of applications, including defect detection in manufacturing processes and measurement of material properties such as thickness and residual stress. Innerspec customers usually own several instruments and systems which they need to configure and manage individually. Also, Innerspec customers don't have a tool that centralizes the data generated by all their instruments and systems. NDT-Link will provide a centralized location from where Innerspec customers can manage all their instruments and systems. NDT-Link will also serve as a hub where Innerspec customers can upload, review and share data generated by the instruments and systems they own. NDT-Link es un servicio en la nube basado en la web que proporciona un conjunto completo de herramientas de productividad a las empresas que poseen instrumentos y sistemas fabricados por Innerspec Technologies 1, una empresa con sede en EE. UU. Líder en soluciones NDT 2. Los productos Innerspec se utilizan en una amplia gama de aplicaciones, incluida la detección de defectos en los procesos de fabricación y la medición de las propiedades del material, como el espesor y la tensión residual. Los clientes de Innerspec generalmente poseen varios instrumentos y sistemas que necesitan configurar y administrar individualmente. Además, los clientes de Innerspec no cuentan con una herramienta que centralice los datos generados por todos sus instrumentos y sistemas. NDT-Link proporcionará una ubicación centralizada desde donde los clientes de Innerspec pueden administrar todos sus instrumentos y sistemas. NDT-Link también servirá como un centro donde los clientes de Innerspec pueden cargar, revisar y compartir datos generados por los instrumentos y sistemas que poseen. NDT-Link és un servei en el núvol basat en la web que proporciona un conjunt complet d'eines de productivitat a les empreses que posseeixen instruments i sistemes fabricats per Innerspec Technologies 1, una empresa amb seu als EUA Líder en solucions NDT 2. Els productes Innerspec s'utilitzen en una àmplia gamma d'aplicacions, inclosa la detecció de defectes en els processos de fabricació i el mesurament de les propietats del material, com el gruix i la tensió residual. Els clients de Innerspec generalment posseeixen diversos instruments i sistemes que necessiten configurar i administrar individualment. A més, els clients de Innerspec no compten amb una eina que centralitzi les dades generades per tots els seus instruments i sistemes. NDT-Link proporcionarà una ubicació centralitzada des d'on els clients de Innerspec poden administrar tots els seus instruments i sistemes. NDT-Link també servirà com un centre on els clients de Innerspec poden carregar, revisar i compartir dades generades pels instruments i sistemes que posseeixen.

The experience of a researcher is equivalent to the amount of documents he has published and that helps him to become known and find new job opportunities; for that reason, it is important to have a good CV. There are services out there that perform this action, but sometimes can be limited in the type and form of the information that they can contain. The idea of ResearcherZone is to offer a space to researchers who do not have a place for sharing their scientific production so they can publish their work, having a bit more control over the type of information they decide to show. For making the project, I develop an application written in Typescript/Javascript executed with Deno, using React.js on the frontend, with a database in MongoDB Atlas and published as a Docker container in Cloud Run (Google Cloud Platform). La producción científica de una persona investigadora es la que marca su experiencia y le sirve para darse a conocer y conseguir nuevas oportunidades de trabajo; así pues, resulta importante reflejarlo en su CV. Existen servicios muy conocidos que realizan está acción pero que a veces se pueden ver limitados en el tipo de información que pueden albergar, así como en su forma. ResearcherZone nace con la idea de ofrecer un espacio a investigadores que no poseen todavía un lugar donde tener reflejada su producción científica para que publiquen su trabajo teniendo un poco más de control sobre el tipo de información que deciden mostrar. Para llevar a cabo el proyecto se desarrolla una aplicación escrita en Typescript/Javascript ejecutada con Deno, usando React.js en el frontend, con base de datos en MongoDB Atlas y publicada en forma de contenedor Docker en Cloud Run (Google Cloud Platform). La producció científica d'una persona investigadora és la que marca la seva experiència i li serveix per donar-se a conèixer i aconseguir noves oportunitats de treball; així doncs, resulta important reflectir-ho en el seu CV. Existeixen serveis molt coneguts que realitzen està acció però que de vegades es poden veure limitats en el tipus d'informació que tenen capacitat, així com en la seva forma. ResearcherZone neix amb la idea d'oferir un espai a investigadors que no posseeixen encara un lloc on tenir reflectida la seva producció científica perquè publiquin el seu treball tenint una mica més de control sobre el tipus d'informació que decideixen mostrar. Per dur a terme el projecte es desenvolupa una aplicació escrita en Typescript / Javascript executada amb Denominació d, usant React.js al frontend, amb base de dades en MongoDB Atles i publicada en forma de contenidor Docker en Cloud Run (Google Cloud Platform).

El auge en los últimos años de la disciplina de investigación UX se ha visto notablemente reforzada por la rápida necesidad de digitalización causada por la pandemia del Covid-19, cuyo impacto incremental en las formas de trabajo remoto han intensificado la necesidad de los equipos de investigación de trabajar de forma colaborativa asíncronamente (Balboni, 2021). Bucle.App pretende cubrir esta necesidad en el ámbito de la investigación UX cuantitativa, ofreciendo una herramienta en línea en la que poder crear, administrar, analizar y compartir los resultados de encuestas y tests especializados. Usando la metodología 'Design Sprint' hemos prototipado un interfaz de usuario validado por usuarios potenciales, en base a los cuales hemos desarrollado la aplicación compuesta por una API en un entorno node.js, conectada a una base de datos no relacional y un interfaz de usuario basado en el framework Angular. El resultado ha sido la creación de una plataforma usable y colaborativa que responde a las necesidades reales del mercado actual en el sector de la experiencia de usuario. The growth of the UX Research discipline in the last few years has been notably reinforced by the sudden digitalisation need caused by the Covid-19 pandemic, whose incremental impact on the offer of remote ways of working has intensified the UX Research teams need to work collaboratively in an asynchronous way (Balboni, 2021). Bucle.App intends to fulfill this need in the quantitative UX Research field, offering an online tool that will allow creating, administering, analysing and sharing the results of surveys and specialised UX tests. Using the Design Sprint methodology we have prototyped a user interface validated by potential users, which we have used to develop the Bucle.App application composed by an API in a node.js environment, connected to a non-relational database and a user interface based on Angular framework. The result has been the creation of a usable and collaborative platform that meets the real needs of the current user experience sector. El creixement de la disciplina de la investigació UX en els darrers anys ha estat notablement reforçat per necessitat de digitalització causada per la pandèmia Covid-19, l'impacte incremental de la qual en la l'oferta de formes de treball remotes ha intensificat la necessitat dels equips de recerca UX de treballar col·laborativament de manera asíncrona (Balboni, 2021). Bucle.App té la intenció de satisfer aquesta necessitat al camp quantitatiu de la investigació UX, oferint una eina en línia que permetrà crear, administrar, analitzar i compartir els resultats de les enquestes i proves UX especialitzades. Utilitzant la metodologia d'Sprints de disseny hem prototipat una interfície d'usuari validada per usuaris potencials, que hem utilitzat per desenvolupar l'aplicació Bucle.App composta per una API en un entorn node.js, connectat a una base de dades no relacional i a una interfície d'usuari basada en el framework Angular. Com a resultat hem creat una plataforma col·laborativa i fàcil d'utilitzar que satisfaci les necessitats reals de sector de l'experiència d'usuari actual.

El objetivo de este proyecto es el aprendizaje, documentación y desarrollo de una aplicación web orientada a la gestión de academias, centrándonos en el desarrollo de la parte de Backend, profundizando en diferentes herramientas y aplicaciones, con el propósito de crear un entorno de desarrollo y testeo de back ágil, así como una base sobre la que beberá otra aplicación Front, de modo que se pueda demostrar el funcionamiento de todas herramientas utilizas. L'objectiu d'aquest projecte és l'aprenentatge, documentació i desenvolupament d'una aplicació web orientada a la gestió d'acadèmies, centrant-nos en el desenvolupament de la part de Backend, aprofundint en diferents eines i aplicacions, amb el propòsit de crear un entorn de desenvolupament i testatge de back àgil, així com una base sobre la qual beurà una altra aplicació Front, de manera que es pugui demostrar el funcionament de totes eines utilitzes. The objective of this project is the learning, documentation and development of a web application oriented to the management of academies, focusing on the development of the Backend side, delving into different tools and applications, with the purpose of creating a development environment and agile back testing, as well as a base on which another Front application will get data, so that the correct operation of all the tools used can be shown.

El objetivo de este proyecto es el desarrollo y documentación de una plataforma de aprendizaje basada en tarjetas de memoria. Esta aplicación web permitirá publicar un temario y un conjunto de tarjetas de tipo pregunta/respuesta asociado. Los alumnos realizarán sesiones de aprendizaje mediante el método de repetición espaciada (Leitner), hasta conseguir una determinad tasa de acierto para poder completar todo el temario. The objective of this project is the development and documentation of a learning platform based on memory cards. This web application will allow to publish a syllabus and a set of associated question / answer cards. The students will carry out learning sessions using the spaced repetition method (Leitner), until they achieve a certain rate of success to be able to complete the entire syllabus. L'objectiu d'aquest projecte és el desenvolupament i documentació d'una plataforma d'aprenentatge basada en targetes de memòria. Aquesta aplicació web permetrà publicar un temari i un conjunt de targetes de tipus pregunta/resposta associat. Els alumnes realitzaran sessions d'aprenentatge mitjançant el mètode de repetició espaiada (Leitner), fins a aconseguir una determineu taxa d'encert per a poder completar tot el temari.

El objetivo de este proyecto es el desarrollo y documentación de una aplicación web que sea capaz de responder a una pregunta muy común entre todos: ¿Qué hago hoy de comer? A partir de una serie de datos recogidos, como recetas consumidas en los últimos días o ingredientes disponibles en un momento determinado, la aplicación podrá recomendar una lista de recetas entre las que el usuario podrá filtrar la que le apetece o puede preparar con los recursos de los que dispone. The aim of this project is the development and documentation of a web application that can answer a very common question: What should I eat today? Based on a series of data collected, such as recipes consumed in the last few days or ingredients available at a given time, the application will be able to recommend a list of recipes among which the user can filter the one they want or can prepare with the resources available to them. L'objectiu d'aquest projecte és el desenvolupament i documentació d'una aplicació web que sigui capaç de respondre a una pregunta molt comuna entre tots: Què faig avui de menjar? A partir d'una sèrie de dades recollides, com a receptes consumides en els últims dies o ingredients disponibles en un moment determinat, l'aplicació podrà recomanar una llista de receptes entre les quals l'usuari podrà filtrar la que li ve de gust o pot preparar amb els recursos dels quals disposa.

Este proyecto consiste en el desarrollo de un escritorio web para unificar en una única plataforma todas las tareas que actualmente se realizan de forma descoordinada y mediante diversos archivos desestructurados distribuidos en carpetas, que impiden la organización y la compartición de la información de forma automática. Adicionalmente se desarrollará la primera de las tareas que estarán incluídas en este escritorio que consiste en una aplicación web para la gestión de las llamadas estacionadas para recordar diversos eventos a los usuarios del servicio, como la toma de medicamentos, por ejemplo. En su desarrollo se utilizará Angular como framework web para el frontend de la aplicación y Typescript como lenguaje de programación, y .Net Core con el lenguaje C# para los servicios web de backend. Aquest projecte consisteix en el desenvolupament d'un escriptori web per unificar en una única plataforma totes les tasques que actualment es realitzen de forma descoordinada i mitjançant diversos arxius desestructurats distribuïts en carpetes, que impedeixen l'organització i la compartició de la informació de forma automàtica. A més a es desenvoluparà la primera de les tasques que estaran incloses en aquest escriptori que consisteix en una aplicació web per a la gestió de les trucades estacionades per recordar diversos esdeveniments als usuaris de el servei, com la presa de medicaments, per exemple. en el seu desenvolupament s'utilitzarà Angular com framework web per al frontend de la aplicació i Typescript com a llenguatge de programació, i .Net Core amb el llenguatge C # per als serveis web de backend. This project consists of the development of a web desktop for unifying in a single platform all the tasks that are performed in a disorganized way and via several unstructured files distributed in folders, which hinder information structuring and sharing on an automated way. Additionally, the first of such tasks will be developed, which consists on a web application for managing periodic calls to the users of the service to remind them of several events like taking medications, for example. Angular framework and the Typescript language will be used for the development of the frontend, and .Net Core with C# as the language for the development of the backend services.

La present Memòria de Projecte Final de Màster planteja el desenvolupament d'una Aplicació Web Progessiva (PWA) que facilitarà la gestió de les Associacions de Mares i Pares d'Alumnes (AMPA) a més a més de fomentar la participació dels propis pares, propiciar la sol·licitud de serveis de manera online, així com facilitar la comunicació al sí de l'associació. Per a això usarem Quasar framework (VueJS) per al frontend i Hasura (GraphQL) per al backend. This Final Master's Thesis proposes the development of a Progessive Web App (PWA) that will facilitate the management of Parents Associations in addition to encouraging the participation of parents themselves, promote the request for services online, as well as facilitate communication within the association. To accomplish that we are going to use Quasar framework (VueJS) for the frontend and Hasura (GraphQL) for the backend. La presente Memoria de Proyecto Fin de Master plantea el desarrollo de una Aplicación Web Progesiva (PWA) que facilitará la gestión de las Asociaciones de Madres y Padres de Alumnos (AMPA) además de fomentar la participación de los propios padres, propiciar la solicitud de servicios de manera online, así como facilitar la comunicación en el seno de la asociación. Para ello usaremos Quasar framework (VueJS) para el frontend y Hasura (GraphQL) para el backend.

Este trabajo evalúa si el framework de desarrollo de frontends WEB Angular es adecuado para su uso en aplicaciones que necesitan un alto rendimiento y una alta fiabilidad, como es el caso de los SCADAs industriales. Aquest treball avalua si el framework de desenvolupament WEB Angular és adequat pel seu ús en aplicacions que requereixen un alt rendiment i una alta fiabilitar, tal i com és el cas dels SCADAs industrials. This work assesses if the WEB framework Angular is suitable for the development of applications requesting high performances and a high reliability, as it is the case of an industrial SCADA.

El presente documento, refleja la memoria del trabajo de fin de máster en el que se especifica las fases del desarrollo de una aplicación web para el cálculo de prefactibilidad de construcción de vivienda para la empresa de arquitectura y construcción WETCH. El desarrollo de la aplicación está basado en una arquitectura SPA (Single Page Application) utilizando como plataforma de desarrollo el framework Angular y la utilización de las guías de diseño, usabilidad y experiencia de usuario adquiridas en el máster. Es así que, previo a la codificación del software con la ayuda de la aplicación de métodos y técnicas de investigación científica, se introdujo en el contexto del cálculo de prefactibilidad en el área de la arquitectura, proceso que es desarrollado en la fase preliminar de la construcción de cualquier proyecto de inversión arquitectónico de vivienda y que permitió determinar los requerimientos de software necesarios. Luego, para la construcción del sistema, se aplicó las fases de análisis, diseño, implementación y pruebas, así como la utilización de determinados artefactos propios de cada fase como: prototipos, diagramas, pruebas, etc. Finalmente, se realiza una discusión y socialización de los resultados obtenidos, frente a los objetivos planteados, y con ello, la formulación de premisas a modo de conclusiones y oportunidades de proyectos futuros. This document reflects the report of the master's thesis in which the phases of the development of a web application are specified for calculating the budget and pre-feasibility of housing construction for the architecture and construction company WETCH. The development of the application is based on a SPA (Single Page Application) architecture using the Angular framework as a development platform and the use of the design, usability and user experience guides acquired in the master. Thus, prior to the coding of the software with the help of the application of scientific research methods and techniques, it was introduced in the context of the calculation of budget and pre-feasibility in the area of architecture, a process that is developed in the preliminary phase of the construction of any architectural investment project of housing and that allowed to determine the necessary software requirements. Then, for the construction of the system, the analysis, design, implementation and testing phases were applied, as well as the use of certain artifacts typical of each phase such as: prototypes, diagrams, tests, etc. Finally, a discussion and socialization of the results obtained is carried out, against the objectives set, and with it, the formulation of premises as conclusions and opportunities for future projects. El present document, reflecteix la memòria de el treball de fi de màster en el qual s'especifica les fases de desenvolupament d'una aplicació web per al càlcul de prefactibilitat de construcció d'habitatge per a l'empresa d'arquitectura i construcció WETCH. El desenvolupament de l'aplicació està basat en una arquitectura SPA (Single Page Application) utilitzant com a plataforma de desenvolupament el framework Angular i la utilització de les guies de disseny, usabilitat i experiència d'usuari adquirides en el màster. És així que, previ a la codificació de programari amb l'ajuda de l'aplicació de mètodes i tècniques d'investigació científica, es va introduir en el context de el càlcul de prefactibilitat en l'àrea de l'arquitectura, procés que es desenvolupa en la fase preliminar de la construcció de qualsevol projecte d'inversió arquitectònic d'habitatge i que va permetre determinar els requeriments de programari necessaris. Després, per a la construcció de el sistema, es va aplicar les fases d'anàlisi, disseny, implementació i proves, així com la utilització de determinats artefactes propis de cada fase com: prototips, diagrames, proves, etc. Finalment, es realitza una discussió i socialització dels resultats obtinguts, davant els objectius plantejats, i amb això, la formulació de premisses a manera de conclusions i oportunitats de projectes futurs.

Este proyecto surge por la continua difusión de imágenes a través de redes sociales y páginas web que hay pidiendo acogida para animales. Buscando información no se encuentra mucho al respecto. Las protectoras contactan con sus voluntarios para poder encontrar una casa de acogida, pero si eres voluntario de otra protectora no lo saben y el animal está perdiendo la oportunidad de ser acogido. Aquí nace la necesidad de que exista un sitio dónde estén recogidos los datos de las personas que quieren ayudar y así los refugios, protectoras y perreras pueden buscarle más fácilmente una acogida. Acogeunamascota es una plataforma web que recoge los datos de las personas que desean ser casa de acogida independientemente de ser voluntario en alguna protectora. Esto hace que una protectora pueda disponer en cualquier momento de las personas que pueden prestar esta ayuda y no ser el particular el que tenga que estar pendiente de las publicaciones por diferentes medios de la protectora para poder ayudar. Esta aplicación tiene un diseño responsive para adaptarse a cualquier tamaño de pantalla. This project arises from the continuous dissemination of images on social networks and web pages that are asking for shelter for animals. Looking for information is not much about it. The protectors contact their volunteers to find a shelter, but if you volunteer for another protector they do not know and the animal is missing the opportunity to be welcomed. Here the need born that there is a place where the data of people who want to help are collected and thus shelters, protectors and kennels can more easy find a welcome. Acogeunamascotal is a web platform that collects the data of people who want to be a shelter regardless of volunteering in a shelter. This means that a protector can have at any time the people who can provide this help and it is not the person who has to be aware of the publications by different means of the protector in order to help. Aquest projecte sorgeix per la contínua difusió d'imatges a través de xarxes socials i pàgines web que hi ha demanant acollida per a animals. Buscant informació no es troba molt sobre aquest tema. Les protectores contacten amb els seus voluntaris per a poder trobar una casa d'acolliment, però si ets voluntari d'una altra protectora no ho saben i l'animal està perdent l'oportunitat de ser acollit. Aquí neix la necessitat que existeixi un lloc on estiguin recollits les dades de les persones que volen ajudar i així els refugis, protectores i gosseres poden buscar-li més fàcilment un acolliment. Acogeunamascota és una plataforma web que recull les dades de les persones que desitgen ser casa d'acolliment independentment de ser voluntari en alguna protectora. Això fa que una protectora pugui disposar en qualsevol moment de les persones que poden prestar aquesta ajuda i no ser el particular el que hagi d'estar pendent de les publicacions per diferents mitjans de la protectora per a poder ajudar. Aquesta aplicació té un disseny responsive per a adaptar-se a qualsevol grandària de pantalla.

Este proyecto consiste en la creación de una aplicación web para administrar y gestionar los ingresos y gastos propios de cada usuario. En dicha aplicación, los usuarios pueden añadir todo tipo de gastos y ganancias que reciben, y a cambio la aplicación le proporciona recordatorios de pagos, estadísticas y la visualización de los ahorros acumulados y el dinero disponible para afrontar cada mes. PiggyBank ayuda al usuario a poder ahorrar, ya que le permite establecer metas de ahorro y gestiona la distribución de la economía de cada mes junto al aporte de consejos y buenas prácticas para poder obtener beneficios. Esta aplicación cuenta con un diseño responsivo y adaptable a cualquier tamaño de pantalla permitiendo acceder desde cualquier dispositivo. La aplicación se ha implementado utilizando Angular como framework JavaScript para el front-end y Laravel como framework PHP para el back-end. Aquest projecte consisteix en la creació d'una aplicació web per a administrar i gestionar els ingressos i despeses pròpies de cada usuari. En aquesta aplicació, els usuaris poden afegir tot tipus de despeses i guanys que reben, i a canvi l'aplicació li proporciona recordatoris de pagaments, estadístiques i la visualització dels estalvis acumulats i els diners disponibles per a afrontar cada mes. PiggyBank ajuda a l'usuari a poder estalviar, ja que li permet establir metes d'estalvi i gestiona la distribució de l'economia de cada mes al costat de l'aportació de consells i bones pràctiques per a poder obtenir beneficis. Aquesta aplicació compta amb un disseny responsive i adaptable a qualsevol grandària de pantalla permetent accedir des de qualsevol dispositiu. L'aplicació s'ha implementat utilitzant Angular com framework Javascript per al front-end i Laravel com framework PHP per al back-end. This project consists of the creation of a web application to administer and manage the income and expenses of each user. In this application, users can add all kinds of expenses and earnings they receive, and in return the application provides payment reminders, statistics and the visualization of accumulated savings and money available to face each month. PiggyBank helps users to save by allowing them to set savings goals and manage the distribution of each month's savings along with advice and best practices to help them make a profit. This application has a responsive design and can be adapted to any screen size allowing access from any device. The application has been implemented using Angular as a JavaScript framework for the front-end and Laravel as a PHP framework for the back-end.

Proyecto basado en un sistema centralizado que permite la elaboración de presupuestos online por parte de los clientes de una empresa. The project is based on a centralized system that allows the preparation of online budget by customers of a company. Projecte basat en un sistema centralitzat que permet l'elaboració de pressupostos en línia per part dels clients d'una empresa.

El presente proyecto se basa en la creación de una aplicación web para presupuestar todo tipo de eventos, ya sean de ámbito familiar como bodas, comuniones, bautizos, etc, como de ámbito profesional. En ella, los usuarios podrán solicitar presupuestos a profesionales de la zona, recibir presupuestos y aceptarlos o rechazarlos. Además, los profesionales podrán darse de alta en la aplicación creando su propio perfil como escaparate hacia los clientes, podrán recibir solicitudes de clientes y enviar sus presupuestos, además tendrán un panel donde se listarán los presupuestos aceptados y rechazados. Esta aplicación contiene un diseño responsive adaptable a cualquier dispositivo, por lo tanto, los usuarios se podrán conectar desde cualquier dispositivo móvil, tabletas u ordenadores. Para el desarrollo de la aplicación se ha optado por el uso de HTML5, SASS para el CSS , NGXBootstrap y Angular para la parte de Frontend y Meteor para la parte de Backend junto con MongoDB como base de datos. Aquest projecte es basa en la creació d'una aplicació web per pressupostar tot tipus d'esdeveniments, ja siguin d'àmbit familiar com casaments, comunions, batejos, etc, com d'àmbit professional. En aquesta, els usuaris podran sol·licitar pressupostos a professionals de la zona, rebre pressupostos i acceptar-los o rebutjar-los. A més, els professionals podran donar-se d'alta en l'aplicació creant el seu propi perfil public cap als clients, podran rebre sol·licituds de clients i enviar els seus pressupostos, a més de tindre un panell on es llistaran els pressupostos acceptats i rebutjats. Aquesta aplicació conté un disseny responsive adaptable a qualsevol dispositiu, per tant, els usuaris es podran connectar des de qualsevol dispositiu mòbil, tauletes o ordinadors. Per al desenvolupament de l'aplicació s'ha optat per l'ús d'HTML5, SASS per al CSS, NGXBootstrap i Angular per la part de Frontend i Meteor per la part de Backend juntament amb MongoDB com a base de dades. This project represents the creation of a website to provide budgets for all kind of events, both familiar (as weddings, christenings and communions) and professional events (product presentations, workers events or executives meetings). In this website, users can require budgets to professionals in their area, and accept or decline them. Professionals that use our platform can create a profile and a portfolio to show previous jobs. Professionals will have a control panel where they will find a list of accepted or declined budgets. This website has a responsive design, adaptive to all devices, so users will be able to access from both computers and mobile devices. For this development, has been used HTML5, SASS for CSS, NGX-Bootstrap and Angular for frontend and Meteor for Backend. MongoDB has been used for database.

Este documento describe la aplicación web desarrollada para facilitar la sincronización de los artículos (posts) de un portal web, con los existentes en otro portal web. Ambos sitios están desarrollados con WordPress, y se pretende utilizar la API REST que incorpora el propio WordPress en su núcleo como herramienta para el acceso y modificación de los datos. El supuesto práctico del que se parte es la existencia de un portal web principal, en producción, y un portal web en construcción, que pasará a sustituir al primero cuando finalice su desarrollo. La herramienta desarrollada permitirá al portal web en fase beta mantener una copia de los posts del portal web principal para la elaboración del front-end de la herramienta desarrollada se ha decidido incorporar React, como uno de las librerías javascript más importantes en la actualidad. Además se utilizará jQuery, ya incorporada por WordPress. This document describes the web application developed to facilitate the synchronization of posts from two web sites. Both sites are developed with WordPress. I want to use the WordPress REST API as a tool for accessing and modifying data. The practical case of which it is based, is the existence of a main web site, in production, and a web site under construction, which will replace the first one when its development ends. The tool developed will allow the beta web site to keep a copy of the main web site posts react has been used to build the front-end, as one of the most important JavaScript libraries today. In addition, jQuery will be used, already incorporated by WordPress. Aquest document descriu l'aplicació web desenvolupada per a facilitar la sincronització dels articles (posts) d'un portal web, amb els existents en un altre portal web. Tots dos llocs estan desenvolupats amb WordPress, i es pretén utilitzar la API REST que incorpora el propi WordPress en el seu nucli com a eina per a l'accés i modificació de les dades. El supòsit pràctic del qual es parteix és l'existència d'un portal web principal, en producció, i un portal web en construcció, que passarà a substituir al primer quan finalitzi el seu desenvolupament. L'eina desenvolupada permetrà al portal web en fase beta mantenir una còpia dels posts del portal web principal Per a l'elaboració del front-end de l'eina desenvolupada s'ha decidit incorporar React, com un de les llibreries javascript més importants en l'actualitat. A més s'utilitzarà jQuery, ja incorporada per WordPress.

Desarrollo de una aplicación web, donde los usuarios que se registren podrán cumplimentar cuestionarios para evaluar sus conocimientos. Los cuestionarios están formados por preguntas de tipo test, agrupadas por materias y grupos. En función del perfil asignado, el usuario podrá proponer preguntas, que una vez revisadas formarán parte de los cuestionarios que se generen. El objetivo de la aplicación es que pueda ser utilizada en el aula por el alumnado, trabajando de forma colaborativa, para afianzar sus conocimientos. La aplicación se ha desarrollado con el framework de código abierto Laravel, que utiliza PHP para la implementación del código y MySQL como gestor de base de datos. The project consists in the development of a web application, where register users can fill in questionnaires to evaluate their knowledge. The questionnaires are made up of test questions, grouped by subjects and units. Depending on the assigned profile, the user may propose questions, which once reviewed will be part of the generated questionnaires. The purpose of the application is that it can be used in the classroom by students, working collaboratively, to strengthen their knowledge. The application has been developed with the Laravel open source framework, which uses PHP for code implementation and MySQL as database manager. Desenvolupament d'una aplicació web, on els usuaris que es registrin podran emplenar qüestionaris per a avaluar els seus coneixements. Els qüestionaris estan formats per preguntes de tipus test, agrupades per matèries i grups. En funció del perfil assignat, l'usuari podrà proposar preguntes, que una vegada revisades formaran part dels qüestionaris que es generin. L'objectiu de l'aplicació és que pugui ser utilitzada a l'aula per l'alumnat, treballant de manera col·laborativa, per a afermar els seus coneixements. L'aplicació s'ha desenvolupat amb el framework de codi obert Laravel, que utilitza PHP per a la implementació del codi i MySQL com a gestor de base de dades.

El objetivo de este proyecto es el desarrollo y documentación de una aplicación web a través de la que calcular el índice de calidad de vida de una manera más útil para el usuario, a través de ofrecer diversos parámetros de interés, que cada usuario puede decidir agregrar al cálculo de dicho índice o no. Esto permite que cada usuario pueda, según sus preferencias conocer cual es la calidad de vida de otras regiones del mundo y compararla con la suya. Esta aplicación trata también de contar con un diseño responsive, para que se pueda adaptar a todos los tamaños de pantalla disponibles en ordenadores, móviles o tabletas. En el desarrollo, se ha utilizado fundamentalmente Laravel como framework en Back-end y Angular como framework en Front-end. L'objectiu d'aquest projecte és el desenvolupament i documentació d'una aplicació web a través de la que calcular l'índex de qualitat de vida d'una manera més útil per a l'usuari, a través d'oferir diversos paràmetres d'interès, que cada usuari pot decidir agregrar al càlcul d'aquest índex o no. Això permet que cada usuari pugui, segons les seves preferències conèixer com és la qualitat de vida d'altres regions del món i comparar-la amb la seva. Aquesta aplicació tracta també de comptar amb un disseny responsive, perquè es pugui adaptar a totes les grandàries de pantalla disponibles en ordinadors, mòbils o tauletes. En el desenvolupament, s'ha utilitzat fonamentalment Laravel com framework en Back-end i Angular com framework en Front-end. The objective of this project is the development and documentation of a web application through which to calculate the quality of life index in a more useful way for the user, through offering various parameters of interest, which each user can decide to add when calculating said index or not. This allows each user to know, according to their preferences, to know the quality of life of other regions of the world and compare it with their own. This application also tries to have a responsive design, so that it can be adapted to all screen sizes availableon computers, mobiles or tablets. In development, Laravel has been used primarily as a Back-end framework and Angular as a Front-end framework.

Continuous integration systems allow for easy identification of build and test failures in software projects. However, in projects with many developers and deliverables, where the same code is used with different configurations for many different products, it is not easy to identify what changes in the code caused the failures. This usually results on involving a team to make sure that the failures are identified as soon as possible so the broken code can get reverted, and it does not affect future rounds. Early failure detection prevents the products which are going to be released to be faulty, and helps developers work with a stable codebase that will help them identifying the result of their modifications without the noise generated by other developers' issues. A way to solve this problem is developing a strategy that allows the build and test failures, and their root causes, to be identified automatically. The strategy must be based on the identification of possible candidates for the broken builds/tests, evaluating the changes between the last successful integration and the failing one. Furthermore, a strategy to evaluate if the offending commit (the one which caused the failure) should be automatically reverted or not could be developed, as well. The state of this project after the development phase demonstrates the possibility of developing a system capable of automating failure detection on a complex integration system, where manually finding the responsible changes of the failures can take from a few minutes from a few hours, meaning that the figure of a full time system integrator is needed. With the automated failure detection tool, finding the offending commits takes just a few seconds, making it much easier for the system integrator to revert the changes that caused the failure. Los sistemas de integración continua permiten identificar fácilmente los fallos de construcción y de prueba en los proyectos de software. Sin embargo, en los proyectos con muchos desarrolladores y entregables, en los que se utiliza el mismo código con diferentes configuraciones para muchos productos diferentes, no es fácil identificar qué cambios en el código causaron los fallos. Esto suele resultar en la participación de un equipo para asegurarse de que los fallos se identifiquen lo antes posible para que el código roto pueda revertirse, y no afecte a las futuras rondas. La detección temprana de fallos evita que los productos que se van a lanzar al mercado sean defectuosos, y ayuda a los desarrolladores a trabajar con una base de código estable que les ayudará a identificar el resultado de sus modificaciones sin el ruido generado por los problemas de otros desarrolladores. Una forma de resolver este problema es desarrollar una estrategia que permita identificar automáticamente los fallos de construcción y prueba, y sus causas fundamentales. La estrategia debe basarse en la identificación de posibles candidatos para las construcciones/pruebas fallidas, evaluando los cambios entre la última integración exitosa y la fallida. Además, también podría desarrollarse una estrategia para evaluar si el compromiso infractor (el que causó el fallo) debe revertirse automáticamente o no. El estado de este proyecto después de la fase de desarrollo demuestra la posibilidad de desarrollar un sistema capaz de automatizar la detección de fallos en un sistema de integración complejo, en el que la búsqueda manual de los cambios responsables de los fallos puede llevar desde unos minutos hasta unas horas, lo que significa que se necesita la figura de un integrador de sistemas a tiempo completo. Con la herramienta de detección automatizada de fallos, encontrar los responsables de estos lleva sólo unos pocos segundos, lo que hace mucho más fácil para el integrador de sistemas revertir los cambios que lo causaron. Traducción realizada con la versión gratuita del traductor www.DeepL.com/Translator Els sistemes d'integració contínua permeten identificar fàcilment les fallades de construcció i de prova en els projectes de programari. No obstant això, en els projectes amb molts desenvolupadors i lliurables, en els quals s'utilitza el mateix codi amb diferents configuracions per a molts productes diferents, no és fàcil identificar quins canvis en el codi van causar les fallades. Això sol resultar en la participació d'un equip per a assegurar-se que les fallades s'identifiquin al més aviat possible perquè el codi trencat pugui revertir-se, i no afecti les futures rondes. La detecció precoç de fallades evita que els productes que es llançaran al mercat siguin defectuosos, i ajuda als desenvolupadors a treballar amb una base de codi estable que els ajudarà a identificar el resultat de les seves modificacions sense el soroll generat pels problemes d'altres desenvolupadors. Una manera de resoldre aquest problema és desenvolupar una estratègia que permeti identificar automàticament les fallades de construcció i prova, i les seves causes fonamentals. L'estratègia ha de basar-se en la identificació de possibles candidats per a les construccions/proves fallides, avaluant els canvis entre l'última integració reeixida i la fallida. A més, també podria desenvolupar-se una estratègia per a avaluar si el compromís infractor (el que va causar la fallada) ha de revertir-se automàticament o no. L'estat d'aquest projecte després de la fase de desenvolupament demostra la possibilitat de desenvolupar un sistema capaç d'automatitzar la detecció de fallades en un sistema d'integració complex, en el qual la cerca manual dels canvis responsables de les fallades pot portar des d'uns minuts fins a unes hores, la qual cosa significa que es necessita la figura d'un integrador de sistemes a temps complet. Amb l'eina de detecció automatitzada de fallades, trobar els responsables d'aquests porta només uns pocs segons, la qual cosa fa molt més fàcil per a l'integrador de sistemes revertir els canvis que ho van causar.

Este proyecto consiste en el desarrollo de una aplicación web para profesionales del sector musical, con el objetivo de facilitar la búsqueda de empleo en este ámbito y la conexión entre distintos músicos para crear proyectos musicales. Surge de la necesidad de una plataforma en la que instrumentistas, cantantes, compositores y otros profesionales cubran sus necesidades, como encontrar compañeros para un proyecto musical o un empleo en el sector. Para su desarrollo se utiliza el framework de JavaScript Angular, aportando agilidad por tratarse de una SPA (Aplicación de una sola página). Se adapta a cualquier tamaño de pantalla y, al ser una PWA (Progressive Web App), se puede instalar en el dispositivo y utilizar algunas funciones sin conexión a Internet, lo que ofrece una mejor experiencia de usuario. El back-end está desarrollado en TypeScript y utiliza Express, una infraestructura de aplicaciones web Node.js. Puppeteer es la biblioteca encargada del web scraping. Se puede ver en https://musicjobs.es/ This project consists in the development of a web application for professionals in the music sector, with the aim of facilitating the job search in this area and the connection between different musicians to create musical projects. It arises from the need for a platform in which instrumentalists, singers, composers and other professionals cover their needs, such as finding partners for a musical project or a job in the sector. The Angular JavaScript framework is used for its development, providing agility because it is a SPA (Single Page Application). It adapts to any screen size and, being a PWA (Progressive Web App), it can be installed on the device and use some functions without an Internet connection, which offers a better user experience. The backend is developed in TypeScript and uses Express, a web application infrastructure Node.js. Puppeteer is the library in charge of the web scraping for the search of job offers. It can be seen at https://musicjobs.es/ Aquest projecte consisteix en el desenvolupament d'una aplicació web per a professionals de sector musical, amb l'objectiu de facilitar la recerca de feina en aquest àmbit i la connexió entre diferents músics per crear projectes musicals. Sorgeix de la necessitat d'una plataforma en la qual instrumentistes, cantants, compositors i altres professionals cobreixin les seves necessitats, com trobar companys per a un projecte musical o una ocupació en el sector. Per al seu desenvolupament s'utilitza el framework de JavaScript Angular, aportant agilitat per tractar-se d'una SPA (Single Page Application). S'adapta a qualsevol mida de pantalla i, a l'èsser una PWA (Progressive Web App), es pot instal·lar al dispositiu i utilitzar algunes funcions sense connexió a Internet, el que ofereix una millor experiència d'usuari. El back-end està desenvolupat en TypeScript i utilitza Express, una infraestructura d'aplicacions web Node.js. Puppeteer és la biblioteca encarregada de l'web scraping per a la recerca d'ofertes de feina. Es pot veure en https://musicjobs.es/

La gestión de un restaurante es una tarea compleja en la que participan diferentes actores que intervienen en distintas actividades según la responsabilidad que tiene asignada el rol que desempeña cada uno de ellos. En numerosas ocasiones se pierde información valiosa durante el desarrollo de estas actividades, bien por utilizar herramientas diferentes no conectadas entre sí o directamente por carecer de ellas. La integración en una única aplicación web que permita desarrollar las distintas actividades es lo que se pretende desarrollar con este trabajo. The management of a restaurant is a complex task in which different actors participate in different activities according to the responsibility assigned to each of them. On many occasions valuable information is lost during the development of these activities, either by using different tools not connected to each other or directly because they lack them. The integration into a single web application that allows to develop the different activities is what is intended to be developed with this work. La gestió d'un restaurant és una tasca complexa en la qual participen diferents actors que intervenen en diferents activitats segons la responsabilitat que té assignada el paper que desenvolupa cada un d'ells. En nombroses ocasions es perd informació valuosa durant el desenvolupament d'aquestes activitats, bé per utilitzar eines diferents no connectades entre si o directament per no tenir d'elles. La integració en una única aplicació web que permeti desenvolupar les diferents activitats és el que es pretén desenvolupar amb aquest treball.

El objetivo del presente proyecto es el desarrollo de una aplicación web para gestionar un viñedo, permitiendo la introducción de muestras tomadas a lo largo del proceso de producción del vino, de los parámetros de la cosecha (kg recolectados, fecha, etc.) y del producto final (acidez, grados alcohólicos, litros obtenidos, etc.). A partir de los datos recogidos, la aplicación podría sugerir las actuaciones necesarias para obtener un producto de más calidad, así como crear gráficos que mostrasen la evolución de la cosecha. Esta aplicación cuenta con un diseño adaptable a cualquier tamaño de pantalla para facilitar la toma de datos sobre el terreno con dispositivos portátiles como móviles o tabletas. La aplicación se ha estructurado usando HTML5 y se ha maquetado mediante CSS3 y para su desarrollo se han usado los frameworks Laravel para el back-end y Angular para front-end. L'objectiu del present projecte és el desenvolupament d'una aplicació web per a gestionar una vinya, permetent la introducció de mostres preses al llarg del procés de producció del vi, dels paràmetres de la collita (kg recol·lectats, data, etc.) i del producte final (acidesa, graus alcohòlics, litres obtinguts, etc.). A partir de les dades recollides, l'aplicació podria suggerir les actuacions necessàries per a obtenir un producte de més qualitat, així com crear gràfics que mostressin l'evolució de la collita. Aquesta aplicació compta amb un disseny adaptable a qualsevol grandària de pantalla per a facilitar la presa de dades sobre el terreny amb dispositius portàtils com a mòbils o tauletes. L'aplicació s'ha estructurat usant HTML5 i s'ha maquetat mitjançant CSS3 i per al seu desenvolupament s'han usat els frameworks Laravel per al back-end i Angular per a front-end. The aim of this project is the development of a web application to manage a vineyard, allowing the introduction of samples taken throughout the wine production process, the parameters of the harvest (kg harvested, date, etc.) and the final product (acidity, alcoholic content, litres obtained, etc.). Based on the data collected, the application could suggest the actions needed to obtain a higher quality product, as well as create graphs showing the evolution of the harvest. This application has a design that can be adapted to any screen size to facilitate data collection in the field with portable devices such as mobile phones or tablets. The application has been structured using HTML5 and has been laid out using CSS3 and for its development the Laravel framework has been used for the back-end and Angular for the front-end.

Actualment amb la gran quantitat d'informació publicada a Internet és probable que tinguem infoxicació (information overload), és a dir, un excés d'informació que incapacita a la persona usuària a comprendre i assimilar les dades, prendre una decisió o simplement estar ben informat sobre un tema que li interessi. S'ha identificat una dificultat per obtenir informació de forma clara i ordenada de tots els esdeveniments que poden celebrar-se a Barcelona en particular i d'altres ciutats, com París o Londres, en general. Sovint la informació d'una activitat ens arriba un cop celebrada o massa tard per poder assistir-hi. Events BCN neix d'aquesta necessitat personal. És un lloc web amb l'objectiu de centralitzar tota la informació relativa als esdeveniments de Barcelona. Un cop definida la idea, establerts els objectius i valorats els resultats s'ha detectat també un possible nínxol de mercat. El projecte del lloc web es realitzarà amb WordPress i es podrà consultar tota l'activitat de Barcelona segons la seva categoria o matèria. Actualmente con la gran cantidad de información publicada en Internet es probable que tengamos infoxicación (information overload), es decir, un exceso de información que incapacita a la persona usuaria a comprender y asimilar los datos, tomar una decisión o simplemente estar bien informada sobre un tema que le interese. Se ha identificado una dificultad para obtener información de forma clara y ordenada de todos los eventos que pueden celebrarse en Barcelona en particular y de otras ciudades, como París o Londres, en general. A menudo la información de una actividad nos llega una vez celebrada o demasiado tarde para poder asistir. Events BCN nace de esta necesidad personal. Es un sitio web con el objetivo de centralizar toda la información relativa a los eventos de Barcelona. Una vez definida la idea, establecidos los objetivos y valorados los resultados se ha detectado también un posible nicho de mercado. El proyecto del sitio web se realizará con WordPress y se podrá consultar toda la actividad de Barcelona según su categoría o materia. Nowadays, there is a lot of information published on the Internet, maybe we have information overload. This excess information impairs the user to understand and assimilate the data, to make a decision or simply to be well informed about a topic that interests him/her. A difficulty has been identified to obtain clear and orderly information of all events that they can be celebrated in Barcelona in particular and in other cities, like Paris or London, in general. Sometimes we find out about an activity that we are it interested when it has been held or it's too late to be able to attend. Events BCN is born from this personal need. It's a website with the aim of centralizing all information related to events in Barcelona. When the idea has been defined, the goals set and the results evaluated, a possible market niche has also been detected. The website project will be done with Wordpress and you could consult all the activity of Barcelona according to its category or subject.

En aquest treball es desenvoluparà una eina web enfocada en la renovació de la imatge i la gestió de la informació d'un negoci. Un dels principals objectius del projecte serà crear una eina per centralitzar la informació del negoci, en aquest cas, un local de restauració, a través d'una Intranet. Un altre objectiu principal serà promocionar i vendre reserves per les dates clau, on l'entrada és de pagament. Per altra banda, es realitzarà un branding de la marca, renovant la presència digital d'aquest negoci a la xarxa així com planificant i dissenyant una estratègia de difusió. En este trabajo se desarrollará una herramienta web enfocada en la renovación de la imagen y la gestión de la información de un negocio. Uno de los principales objetivos del proyecto será crear una herramienta para centralizar la información del negocio, en este caso, un local de restauración, a través de una Intranet. Otro objetivo principal será promocionar y vender reservas para las fechas clave, donde la entrada es de pago. Por otra parte, se realizará un branding de la marca, renovando la presencia digital de este negocio en la red así como planificando y diseñando una estrategia de difusión. In this work a web tool focused on the renovation of the image and management of the information of a business will be developed. One of the main objectives of the project, will be to create a tool to centralize the information of the business, in this case a restaurant, through an Intranet. Another main objective will be to promote and sell reserves where the entry is payable. On the other hand, there will be a branding of the brand, renewing the digital presence of this business on the network as well as planning and designing a broadcasting strategy.

Les revistes de temàtica històrica ocupen una bona part dels aparadors dels quioscs, on cerquen cridar l'atenció del lector aficionat o entusiasta, i també del lector especialitzat. A tota capçalera en paper li convé tenir un reflex en digital: tot i que la lectura a Internet constitueix un percentatge baix en vers al format imprès, la imatge de marca en base a les cerques al web i la interacció amb les xarxes socials surt reforçada, alhora que al web es poden oferir continguts en formats multimèdia, com ara vídeo o interactius, que no són possibles sobre el format en paper. És un fet que el mon editorial ha fet l'esforç durant anys de portar els continguts de paper al web. En el cas del present projecte, la hipòtesi és el d'una capçalera especialitzada en història medieval europea que necessita establir la seva presència al web, amb la integració en el seu flux de treball redaccional de les tasques necessàries, i a on l'eina per a aconseguir-ho és el CMS o Content Management System. El present treball consisteix en la concepció del projecte de revista digital en base al CMS Drupal 8, i en el desenvolupament dels aspectes necessaris per a poder publicar continguts, en varis aspectes: el desplegament de la plataforma CMS, la seva adaptació a les necessitats de la publicació i l'estudi d'aspectes que impacten en el rendiment de la plataforma amb el que es posa en pràctica bona part dels coneixements i les competències adquirides durant el grau. Las revistas de temática histórica ocupan una buena parte de los escaparates de los quioscos, donde buscan llamar la atención del lector aficionado o entusiasta, y también del lector especializado. A toda cabecera en papel le conviene tener un reflejo en digital: a pesar de que la lectura a Internet constituye un porcentaje bajo en verso al formato imprimido, la imagen de marca en base en las buscas en el web y la interacción con las redes sociales sale reforzada, a la vez que al web se pueden ofrecer contenidos en formatos multimedia, como por ejemplo video o interactivos, que no son posibles sobre el formato en papel. Es un hecho que lo mi editorial ha hecho el esfuerzo durante años de llevar los contenidos de papel al web. En el caso del presente proyecto, la hipótesis es el de una cabecera especializada en historia medieval europea que necesita establecer su presencia en el web, con la integración en su flujo de trabajo redaccional de las tareas necesarias, y donde la herramienta para conseguirlo es lo CMS o Contento Management System. El presente trabajo consiste en la concepción del proyecto de revista digital en base al CMS Drupal 8, y en el desarrollo de los aspectos necesarios para poder publicar contenidos, en varios aspectos: el despliegue de la plataforma CMS, su adaptación a las necesidades de la publicación y el estudio de aspectos que impactan en el rendimiento de la plataforma con el que se posa en práctica buena parte de los conocimientos y las competencias adquiridas durante el grado. Magazines about history take up a large part of the news agents shelves, with the purpose of attracting the enthusiastic magazine reader, as well as the specialized one. To every magazine in printed format it is best to have a digital version: although online reading is low in comparison to the printed format readership, the digital version enhances the brand image based on web searches and interaction with social networks. At the same time, the online content can be offered in multimedia formats, such as video or interactive, which are not possible on paper. It is a fact that, for years, the editorial world has made an effort to transfer printed content to the web. In the case of the present project, the hypothesis is that of a specialized magazine in European medieval history that needs to establish its presence online, integrating the necessary tasks within its workflow. And the tool to achieve so is a CMS, or Content Management System. The present project consists on the design of the above online magazine based on CMS Drupal 8, and in its needed development in order to be able to publish its contents, such us: deployment of the CMS platform, adapting to the needs of the publication, and the study of situations that could have an impact on the performance of the platform. In order to do so, most of the knowledge and skills acquired in this degree are put into practice.

Este proyecto se centra en el desarrollo de una aplicación web con el objetivo de gestionar las reservas de instalaciones deportivas. La idea es que un centro como un polideportivo, por ejemplo, que cuente con pistas de futbol, tenis o pádel use la aplicación para que los usuarios reserven las pistas que deseen utilizar. Para el desarrollo de este proyecto se hará uso de los lenguajes y tecnologías HTML, JavaScript, PHP, SQL y CSS principalmente. This project is focus on the development of a web application for manage the installations of a sports center. The administrator of the sports center can use the application to manage the reserves of their installations and allows the users to reserve sports facilities for practice sports like football or tennis. Angular, HTML, JavaScript, PHP, SQL and CSS are the main technologies that will be used to the develop the project. A aquest projecte es desenvolupa una aplicació web amb l'objectiu de gestionar les reserves d'instal·lacions esportives. La idea és que un centre com un poliesportiu, per exemple, que compti amb pistes de futbol, tenis o pàdel faci servir l'aplicació perquè els usuaris reservin les pistes que desitgin utilitzar. Per al desenvolupament d'aquest projecte es farà ús dels llenguatges i tecnologies HTML, Javascript, PHP, SQL i CSS principalment.

Este proyecto consiste en el rediseño de la web de la empresa Arquitectos en Tecnologías de la Información y Comunicaciones, S.L. (en adelante ARTIC). Se realiza un diseño responsive, usable y accesible como mínimo al nivel AA. Además, desde el principio del proyecto se tendrá muy presente las distintas técnicas para el posicionamiento web, tratando de conseguir estar en las primeras páginas de los principales buscadores para las palabras clave que se determine. El proyecto se desarrolla en el gestor de contenidos Joomla! This project consists of the redesign of the company website Arquitectos en Tecnologías de la Información y Comunicaciones, S.L. (henceforth ARTIC). I make a responsive design, usable and accessible at least the AA level. In addition, from the beginning of the project the different techniques for web positioning will be very present, trying to get to be in the first pages of the main search engines for the keywords that are determined. The project be developed in the content manager Joomla! The main reason for using this content manager is that the staff of ARTIC is very used to it. Aquest projecte consisteix en el redisseny del web de l'empresa Arquitectos en Tecnologías de la Información y Comunicaciones, S.L. (ARTIC). Es realitza un disseny responsive, usable i accessible, com a mínim nivell AA. A més, des del principi del projecte tindrà molt present les diferents tècniques per al posicionament web, tractant d'aconseguir estar en les primeres pàgines dels principals cercadors. El projecte es desenvolupa en el gestor de continguts Joomla!

El projecte que he escollit consistirà en la creació d'un lloc web que contindrà un tutorial sobre com crear un videojoc amb el programa Game Maker 2. El joc que es realitzarà serà un joc similar al PacMan. El PacMan també conegut a Espanya com a Comecocos, és un videojoc de tipus arcade que va ser dissenyat originàriament per Toru Iwatani de la empresa Namco el 1980. Vull remarcar també que encara que el projecte centri el seu gruix en la elaboració d'un tutorial per a crear un videojoc, també contindrà altres elements que estan relacionats amb el món de la multimèdia i que he volgut incloure per tal d'explotar la meva creativitat i coneixements adquirits durant el grau. El proyecto que he escogido consistirá en la creación de un sitio web que contendrá un tutorial sobre como crear un videojuego con el programa Game Maker 2. El juego que se realizará será un juego similar al PacMan. El PacMan también conocido en España como Comecocos, es un videojuego de tipo arcade que fue diseñado originariamente por Toru Iwatani de la empresa Namco el 1980. Quiero remarcar también que aunque el proyecto centre su grosor en la elaboración de un tutorial para crear un videojuego, también contendrá otros elementos que están relacionados con el mundo de la multimedia y que he querido incluir para explotar mi creatividad y conocimientos adquiridos durante el grado. The project that I have chosen will consist of the creation of a website that will contain a tutorial on how to create a video game with the Game Maker 2 program. The game to be performed will be a game similar to PacMan. The PacMan also known in Spain as Comecocos, is an arcade type game that was originally designed by Toru Iwatani of the Namco company in 1980. I would also like to emphasize that although the project focuses on developing a tutorial to create a video game, it will also contain other elements that are related to the world of multimedia and that I have wanted to include in order to exploit mine creativity and knowledge acquired during the degree.

L'objectiu d'aquest treball és crear una interfície lleugera per sol·licitar dades en temps real de diferents dispositius que monitoritzen i controlen els feixos de protons dels 4 experiments que avui en dia treballen en el CERN (ATLAS, ALICE, CMS i LHCb). Actualment s'utilitzen una o varies aplicacions fetes amb JAVA, C++ o Python per a cada dispositiu. Per fer això s'ha desenvolupat un front-end i back-end d'una pàgina web per realitzar subscripcions sobre els diferents dispositius i rebre les dades d'aquests. Els usuaris poden visualitzar les dades en diferents formats, com un únic valor, com una taula, com una gràfica o com una imatge. Pel desenvolupar el front-end s'ha utilitzat HTML5, CSS3, Bootstrap 4, JavaScript i Jquery. En back-end consisteix en un servidor Apache Tomcat juntament amb Java, Maven i fitxers amb format JSON per emmagatzemar les subscripcions creades pels usuaris. The goal of this work is to create a light interface for requesting real-time data from different devices, which monitor and control the proton beams of the 4 experiments that are presently operating at CERN (ATLAS, ALICE, CMS and LHCb). Up to now, one or more applications made with JAVA, C ++ or Python have been used for each device. To do this, a front-end and back-end of a webpage has been developed to make subscriptions to the different devices and receive their data. Users can view the data in different formats, as a single value, such as a table, such as a graphic or as an image. To develop the front-end, HTML5, CSS3, Bootstrap 4, JavaScript and Jquery have been used. The back-end consists of an Apache Tomcat server using Java, Maven and JSON files to store the subscriptions created by users. El objetivo de este trabajo es crear una interfaz ligera para solicitar datos en tiempo real a diferentes dispositivos que monitorizan y controlan los haces de protones de los 4 experimentos que hoy en día trabajan en el CERN (ATLAS, ALICE, CMS y LHCb ). Actualmente se utilizan una o varias aplicaciones hechas con JAVA, C ++ o Python para cada dispositivo. Para ello se ha desarrollado un front-end y back-end de una página web para realizar suscripciones sobre los diferentes dispositivos y recibir los datos de estos. Los usuarios pueden visualizar los datos en diferentes formatos, como un único valor, como una mesa, como una gráfica o como una imagen. Por desarrollar el front-end se ha utilizado HTML5, CSS3, Bootstrap 4, JavaScript y Jquery. En back-end consiste en un servidor Tomcat junto con Java, Maven y ficheros con formato JSON para almacenar las suscripciones creadas por los usuarios.