Search

Cada día los usuarios utilizan los dispositivos móviles para que horario tiene un determinado negocio, que servicios ofrecen, como llegar etc. En el caso del taller ocurre lo mismo, los usuarios pueden necesitar asesoramiento del taller, quizás tengan una avería y necesiten contactar con el taller, es por ello que surge la aplicación web como método de contacto entre el cliente y el taller. Se trata del diseño y desarrollo de un sitio web para el taller de reparación de vehículos Celio Motor. El objetivo es el de posicionar y promocionar la página en la web, para conseguir nuevos clientes potenciales y situarlo como taller de referencia en la comarca. Para ello se realizó un diseño total del sitio web, haciendo que este sea responsive, el contenido de la web se reorganiza para ajustarse al tipo de pantalla, independientemente del tipo de dispositivo que use. Para el desarrollo se tuvo en cuenta la filosofía mobile firts diseñando la web primeramente para dispositivos móviles tipo smartphone. Otro objetivo es el hacer la web accesible a todos los usuarios, para se cumplen los estándares del World Wide Wed Consortium (W3C) en cuanto a lo que a accesibilidad de la página se refiere. Como valor añadido se incluye un programa hecho en processing, a modo de simulador de diagnóstico de averías en el que el usuario irá contestando a una serie de preguntas a partir de las cuales se podrá obtener un diagnóstico aproximado y genérico de las posibles causas de la avería. Every day users use mobile devices for what hours a certain business has, what services they offer, how to get there, etc. In the case of the workshop, the same thing happens, users may need advice from the workshop, perhaps they have a fault and need to contact the workshop, which is why the web application arises as a method of contact between the client and the workshop. It involves the design and development of a website for the Celio Motor vehicle repair shop. The objective is to position and promote the page on the web, to get new potential clients and place it as a reference workshop in the region. For this, a total design of the website was made, making it responsive, the content of the web is reorganized to fit the type of screen, regardless of the type of device you use. For the development, the mobile first philosophy was taken into account, designing the web primarily for smartphone-type mobile devices. Another objective is to make the web accessible to all users, in order to comply with the standards of the World Wide Web Consortium (W3C) in terms of page accessibility. As an added value, a program made in processing is included, as a fault diagnosis simulator in which the user will answer a series of questions from which an approximate and generic diagnosis of the possible causes of the fault can be obtained. Cada dia els usuaris utilitzen els dispositius mòbils perquè horari té un determinat negoci, que serveis ofereixen, com arribar etc. En el cas del taller ocorre el mateix, els usuaris poden necessitar assessorament del taller, potser tenen una avaria i necessitin contactar amb el taller, és per això que sorgeix l'aplicació web com a mètode de contacte entre el client i el taller. Es tracta del disseny i desenvolupament d'un lloc web per al taller de reparació de vehicles Celio Motor. L'objectiu és el de posicionar i promocionar la pàgina en la web, per a aconseguir nous clients potencials i situar-ho com a taller de referència a la comarca. Per a això es va realitzar un disseny total del lloc web, fent que aquest sigui responsive, el contingut de la web es reorganitza per a ajustar-se a la mena de pantalla, independentment de la mena de dispositiu que usi. Per al desenvolupament es va tenir en compte la filosofia mobile firts dissenyant la web primerament per a dispositius mòbils tipus telèfon intel·ligent. Un altre objectiu és el fer la web accessible a tots els usuaris, per as compleixen els estàndards del World Wide Wed Consortium (W3C) quant al que a accessibilitat de la pàgina es refereix. Com a valor afegit s'inclou un programa fet en processing, a manera de simulador de diagnòstic d'avaries en el qual l'usuari anirà contestant a una sèrie de preguntes a partir de les quals es podrà obtenir un diagnòstic aproximat i genèric de les possibles causes de l'avaria.

El cliente tiene la necesidad de crear una web de reservas de autocaravanas para desligarse de la franquicia en la cual se encuentra y poder emprender su negocio de forma autónoma Se ha desarrollado una web basada en el CMS WordPress capaz de mostrar las autocaravanas que alquila el cliente en tiempo real en base reservas, que pueden ser automáticas a través del formulario de reservas o manuales a través del panel de administración de WordPress. Es necesario que el cliente tenga todo le control sobre su negocio sin tener conocimientos de desarrollo web. Para el desarrollo se ha utilizado, al trabajar de forma individual, una metodología en cascada flexible capaz de amoldarse a posibles cambios. Finalmente se ha conseguido realizar una web para la gestión de autocaravanas con el uso de diferentes plugin adaptados de tal forma que un usuario con muy pocos conocimientos en el campo de la informática pueda crear nuevos productos de tipo reserva, gestionarlos y editarlos. The client needs to create a motorhome reservation website to detach himself from the franchise in which he is located and to be able to start his business independently. A website based on the WordPress CMS has been developed capable of displaying the motorhomes that the client rents in real time on a reservation basis, which can be automatic through the reservation form or manual through the WordPress administration panel. It is necessary that the client has all the control over his business without having knowledge of web development. For the development, a flexible cascade methodology capable of adapting to possible changes has been used. Finally, it has been possible to create a website for the management of motorhomes with the use of different plugins adapted in such a way that a user with very little knowledge in the field of computers can create new reservation-type products, manage them and edit them. El client té la necessitat de crear una web de reserves d'autocaravanes per a deslligar-se de la franquícia en la qual es troba i poder emprendre el seu negoci de manera autònoma S'ha desenvolupat una web basada en el CMS WordPress capaç de mostrar les autocaravanes que lloga el client en temps real en base reserves, que poden ser automàtiques a través del formulari de reserves o manuals a través del panell d'administració de WordPress. És necessari que el client tingui tot li control sobre el seu negoci sense tenir coneixements de desenvolupament web. Per al desenvolupament s'ha utilitzat, en treballar de manera individual, una metodologia en cascada flexible capaç d'emmotllar-se a possibles canvis. Finalment s'ha aconseguit realitzar una web per a la gestió d'autocaravanes amb l'ús de diferents plugin adaptats de tal forma que un usuari amb molt pocs coneixements en el camp de la informàtica pugui crear nous productes de tipus reserva, gestionar-los i editar-los.

K-pop ha pasado de tener una audiencia local a convertirse en un fenómeno global. Su éxito se debe en gran parte a las redes sociales y la contribución de sus fans. Este suceso ha coincidido con la evolución de la era de la información. Las plataformas actuales permiten a los fans al acceso de información sobre sus bias desde cualquier parte del mundo. No obstante, los fans tienen que encontrarlos a cambio de invertir tiempo en la visualización de extensos recursos visuales y textuales. Este trabajo analiza el estado de la cuestión y define los requisitos de diseño para finalmente realizar una propuesta de diseño y desarrollo de un prototipo de alta fidelidad para una aplicación mobile-first que permita acceder fácilmente a información completa de un artista y/o grupo de música K-pop. En el diseño se incorpora un asistente chatbot que dará respuesta directa a las preguntas del usuario. El proyecto realizado servirá de base para el futuro desarrollo de la aplicación. K-pop has gone from having a local audience to become a global phenomenon. Its success is due in great part to the social media and the contribution of its fans. This event matches up with the evolution of the information age. The current platforms allow fans to access information about their bias from anywhere in the world. However, fans must find them in exchange for investing time in visualizing extensive visual and textual resources. This paper analyzes the state of matter and defines the design requirements to finally propose the design and development of a high-fidelity prototype for a mobile-first application that allows easy access to complete information of a K-pop artist and/or K-pop group. The design incorporates a Chabot assistant that will give a direct answer to the user's questions. The project will serve as the basis for the future development of the application. K-pop ha passat de tenir una audiència local a convertir-se en un fenomen global. El seu èxit es deu en gran part a les xarxes socials i la contribució dels seus fans. Aquest succés ha coincidit amb l'evolució de l'era de la informació. Les plataformes actuals permeten als fans a l'accés d'informació sobre els seus bias des de qualsevol part de món. No obstant això, els fans han de trobar-los a canvi d'invertir temps en la visualització d'extensos recursos visuals i textuals. Aquest treball analitza l'estat de la qüestió i defineix els requisits de disseny per finalment realitzar una proposta de disseny i desenvolupament d'un prototip d'alta fidelitat per a una aplicació mobile-first que permeti accedir fàcilment a informació completa d'un artista i/o grup de música K-pop. En el disseny s'incorpora un assistent chatbot que donarà resposta directa a les preguntes de l'usuari. El projecte realitzat servirà de base per al futur desenvolupament de l'aplicació.

El proyecto que se presenta en este TFM consiste en el estudio, conceptualización y diseño de una aplicación móvil para el alquiler de patinetes y bicicletas eléctricas en la ciudad italiana de Reggio Emilia, así como la de una página web de presentación del servicio. El resultado es un prototipo de alta fidelidad de una aplicación ad hoc adaptado a Reggio Emilia. La aplicación consiste pues en una completa herramienta que permite, entre otras funciones, localizar en el mapa las bicicletas o patinetes eléctricos disponibles, desbloquear las unidades, bloquearlas al finalizar los trayectos y realizar los pagos por el uso de las unidades directamente desde la aplicación. El proyecto es el resultado de un estudio detallado del mercado, regulación y necesidades del usuario y de la ciudad, que permite presentar un producto cerrado y justificado listo para entrar en fase de programación. La importancia de este proyecto recae en la inminente necesidad de las ciudades de implantar medios de movilidad alternativos, más ecológicos y versátiles, que permitan a los ciudadanos poder escoger entre nuevos medios de micromovilidad eléctrica, apoyados por una aplicación que pueda descargarse en el móvil. A su vez, se pretende que este trabajo pueda servir de apoyo para futuros proyectos similares en otras ciudades, que busquen la realización de una aplicación móvil ad hoc para la correcta gestión de la movilidad eléctrica en las ciudades. This master degree thesis consists in the study, conceptualization and design of a mobile application for the rental and sharing of electric scooters and bicycles in the Italian city of Reggio Emilia, as well as of a web page to illustrate the service. The result of this thesis is a high-fidelity prototype of an ad hoc application adapted to Reggio Emilia. As a matter of fact, the application consists of an exhaustive tool that, among other functions, permits to locate on the map the bicycles or electric scooters available, unlock the vehicles, block them at the end of the rides and make payments for the rental directly from the app. This project is the result of a meticulous study of the market, regulation and needs of the user and of the city. Only due to this process, it has been possible to present a finished and feasible product, ready to start the programming phase. The relevance of this project lies in the urgent need for cities to promote alternative mobility means, both ecological and versatile. This will give a chance to citizens to choose between different types of new electric micro-mobility vehicles, supported by an application that can be easily downloaded to any mobile phone. Furthermore, this thesis is intended to be a support for future similar projects in other cities, when they seek the realization of specific mobile app for the appropriate management of electric mobility. El projecte que es presenta en aquest TFM consisteix en l'estudi, conceptualització i disseny d'una aplicació mòbil per al lloguer de patinets i bicicletes elèctriques a la ciutat italiana de Reggio Emilia, així com la d'una pàgina web de presentació del servei. El resultat és un prototip d'alta fidelitat d'una aplicació ad hoc adaptat a Reggio Emilia. L'aplicació consisteix doncs en una completa eina que permet, entre altres funcions, localitzar en el mapa les bicicletes o patinets elèctrics disponibles, desbloquejar les unitats, bloquejar-les en finalitzar els trajectes i realitzar els pagaments per l'ús de les unitats directament des de l'aplicació. El projecte és el resultat d'un estudi detallat del mercat, regulació i necessitats de l'usuari i de la ciutat, que permet presentar un producte tancat i justificat llest per a entrar en fase de programació. La importància d'aquest projecte recau en la imminent necessitat de les ciutats d'implantar mitjans de mobilitat alternatius, més ecològics i versàtils, que permetin als ciutadans poder triar entre nous mitjans de micromovilidad elèctrica, secundats per una aplicació que pugui descarregar-se en el mòbil. Al seu torn, es pretén que aquest treball pugui servir de suport per a futurs projectes similars en altres ciutats, que busquin la realització d'una aplicació mòbil ad hoc per a la correcta gestió de la mobilitat elèctrica a les ciutats.

Este Trabajo de Fin de Máster titulado como "Diseño y desarrollo de una aplicación web orientada a la preparación teórica de las diferentes titulaciones náuticas de recreo" presenta una aplicación web con una temática basada en la náutica de recreo y en las diferentes titulaciones que existen actualmente para habilitar el manejo de cualquier tipo de embarcación de recreo. Además, permite informarse y practicar sobre cualquier aspecto relacionado con los diferentes exámenes teóricos para la obtención de las titulaciones. Aquest Treball de Fi de Màster titulat com "Disseny i desenvolupament d'una aplicació web orientada a la preparació teòrica de les diferents titulacions nàutiques d'esbarjo" presenta una aplicació web amb una temàtica basada en la nàutica d'esbarjo i en les diferents titulacions que hi ha actualment per habilitar el maneig de qualsevol tipus d'embarcació d'esbarjo. A més, permet informar-se i practicar sobre qualsevol aspecte relacionat amb els diferents exàmens teòrics per a l'obtenció de les titulacions. This Master's Degree Project titled "Design and development of a web application aimed at the theoretical preparation of the different nautical degrees of recreation" presents a web application with a theme based on recreational sailing and the different degrees that currently exist to enable the management of any type of pleasure craft. In addition, it allows information and practice on any aspect related to the different theoretical exams to obtain the degrees.

Para este proyecto se ha creado un videojuego planteado para ser utilizado en la educación. Puede ser editado por el profesor (que establece unas preguntas y unas respuestas) y el alumno juega respondiendo dichas preguntas. El juego es accesible a través de una página web, donde se encuentra un tutorial sobre cómo editar el videojuego. Per a aquest projecte s'ha creat un videojoc plantejat per a ser utilitzat en l'educació. Pot ser editat pel professor (que estableix unes preguntes i unes respostes) i l'alumne juga responent a aquestes preguntes. El joc és accessible a través d'una pàgina web, on es troba un manual sobre com editar el videojoc. In this project I created a videogame that can be used in education. It can be edited by the teacher (who sets some questions and some answers) and the student plays answering those questions. The game is accessible through a web page, where you will find a tutorial on how to edit the game.

Actualmente en internet encontramos miles de herramientas en línea que nos sirve para absolutamente todo. Lo que es curioso es que ninguna de ellas nos ayuda de forma fácil e intuitiva a que nuestro evento esté en la web sin tener que asumir un presupuesto, al que en ocasiones, no podemos hacer frente. Con este proyecto se busca ayudar a aquellos que organizan eventos, charlas, jornadas formativas, etc. a tener su propio espacio web de forma muy accesible para todos los públicos. Es así como nace Eventiva, una aplicación web moderna en la que tendremos a disposición de cualquier persona multitud de funcionalidades con el objetivo de ayudar a realizar su trabajo. En este proyecto se quiere poner en práctica lo aprendido en el Máster de aplicaciones multimedia, y sobretodo en aquellas asignaturas en las que se ha trabajado puntos como la arquitectura de la información, diseño de interfaces, usabilidad y accesibilidad. En este proyecto trabajaremos sobre todo el diseño de la plataforma y su implementación en un prototipo funcional de alta fidelidad. Nowadays you can found on the internet a tool for absolutely everything. It's curious that none of them helps us easily or intuitively with the aesthetic service on the web without having to assume a budget, which sometimes is beyond our range. With this project we seek to help those who organises events, talks, training days, etc. to have their own web space in a very accessible way for all audiences. This is how Eventiva is created, a modern web application in which we will have to your disposal a multitude of functionalities with the principal porpouse of helping you to carry out your work. In this project we want to put into practice what we have learned in the Master of Multimedia Applications and all the work we have done in the subjects of Information Architecture, Interface Design, Usability and Accessibility. We will work mainly in the project on the design of the platform and its implementation in a high fidelity functional prototype. Actualment en internet trobem milers d'eines en línia que ens serveix per a absolutament tot. El que és curiós és que cap d'elles ens ajuda de forma fàcil i intuïtiva al fet que el nostre esdeveniment estigui en la web sense haver d'assumir un pressupost, al qual a vegades, no podem fer front. Amb aquest projecte es busca ajudar a aquells que organitzen esdeveniments, xerrades, jornades formatives, etc. a tenir el seu propi espai web de forma molt accessible per a tots els públics. És així com neix Eventiva, una aplicació web moderna en la qual tindrem a la disposició de qualsevol persona multitud de funcionalitats amb l'objectiu d'ajudar a fer el seu treball. En aquest projecte es vol posar en pràctica l'après en el Màster d'aplicacions multimèdia, i sobretot en aquelles assignatures en les quals s'ha treballat punts com l'arquitectura de la informació, disseny d'interfícies, usabilitat i accessibilitat. En aquest projecte treballarem sobretot el disseny de la plataforma i la seva implementació en un prototip funcional d'alta fidelitat.

Este trabajo se ha realizado con la finalidad de desarrollar una aplicación que satisfaga las necesidades que implica la gestión de un pequeño taller mecánico, específicamente de motocicletas ya que es en ese pequeño sector donde se ha detectado la necesidad. La metodología utilizada es iterativa, pero, en vez de entregar partes totalmente funcionales que cumplan las necesidades end to end, ha sido por capas, de forma que el aprendizaje necesario para desarrollar las capas futuras se ha ido intercalando en el desarrollo de las anteriores. Tras las diferentes iteraciones se ha desarrollado un backend en JAVA, que gestiona todas las peticiones recibidas mediante interacciones con la base de datos y un frontend en Angular 7 accesible tanto desde equipos de sobremesa como tablets y móviles gracias a los estilos SCSS desarrollados. El producto final cumple con los objetivos marcados, de forma que el dueño de un taller mecánico de un tamaño reducido pueda realizar las gestiones de admisión de vehículos, generar órdenes de reparación y facturas, gestionar la flota de vehículos, clientes y stock de productos e incluso podría gestionar la posibilidad de escalar esta administración a varios talleres de su propiedad. This project has been done with the main goal of developing an application that satisfies the needs that implies managing a small garage, specifically, a motorcycle one, because it's in this specific sector where I detected the need. The development methodology that has been used is iterative, but in an unusual way, because each iteration wasn't delimited by functional needs. Instead, it was delimited by technological layers. The reason for that is the need of learning the technology that was essential to complete the next layer. After each iteration, a JAVA backend (in charge of managing all the requests interacting with the data base) and an Angular 7 frontend (that can be accessed from pcs and mobile devices thanks to the SCSS implemented) were developed. The final application stands with the established objectives, so the owner of a small garage is able to manage the entrance of vehicles, generate work orders and invoices and manage the list of vehicles, clients and product stock. Within this application, this management can even be done for several garages that he/she owns. Aquest treball s'ha realitzat amb la finalitat de desenvolupar una aplicació que satisfaci les necessitats que impliquen la gestió d'un petit tall mecànic, específicament amb motocicletes que s'està en aquest petit sector on s'ha detectat la necessitat. La metodologia utilitzada és iterativa, però, en lloc de lliurar parts totalment funcionals que compleixin les necessitats per finalitzar, s'han format per a l'aprenentatge necessari per desenvolupar les capacitats futures que hagin intercanviat en el desenvolupament de les anteriors. Amb les diferents operacions, s'ha desenvolupat un backend en JAVA, que gestiona totes les peticions rebudes mitjançant les interaccions amb la base de dades i un frontal en Angular 7 accessible des de els equips de sobretaula com a tauletes i mòbils a uns estils SCSS desenvolupats. El producte final cumpleix amb els objectius marcats, de manera que el perfil d'un alt nivell mecànic de mida reduït pugui realitzar les gestions d'admissió de vehicles, generant ordres de reparació i fàbriques, gestionant la flota de vehicles, clients i accions de productes i incluso podria gestionar la possibilitat d'escalar aquesta administració amb diversos graus de propietat.