Desarrollo e implementación de una aplicación web progresiva (PWA)

Abstract

The main goal of this thesis is design and develop a progressive web application right from scratch. This new technology adds a stack of powerful capabilities to web apps in order to extend its boundaries, such as the possibility of being installed in desktop and mobile devices, no matter whether it is Android or iOS. Furthermore, it allows to interact with the web offline and receive push notifications among many other features supported, providing a more complete user experience. Whilst PWA plays the main role of the project, React could be considered as co-star. This is a popular javascript library created by Facebook and based in a composable architecture which leads to simplicity, lightweight and speed. Finally, to put into practice all features introduced I have developed a PWA that offers tools to build social stories. This stories are commonly used with the aim of help kids with Autism Spectrum Disorder and special needs learn to communicate.

L’objectiu principal d’aquesta tesis es dissenyar i desenvolupar una aplicació web progressiva. Esta nova tecnologia proporciona un conjunt de potents capacitats a les aplicacions web amb la fi d'estendre els seus límits, com per exemple permetre que sigui instal·lada a l’escriptori i en dispositius mòbils, sense importar si es tracta d’Android o d’iOS. A més, permet interactuar amb la web “offline” i rebre notificacions “push” entre moltes altres eines, oferint una experiència d’usuari més completa. Mentre que les PWA son el protagonista del projecte, React podria ser considerat el coprotagonista. Es tracta d'una popular llibreria de Javascript creada per Facebook i basada en una arquitectura composable que comporta simplicitat, lleugeresa i velocitat. Finalment, per posar en pràctica totes les eines presentades, he desenvolupat una PWA que ofereix instruments per construir històries socials. Aquestes històries socials són comunament utilitzades amb l’objectiu d’ajudar a aprendre a nens amb Trastorn de l’Espectre Autista i necessitats especials a comunicar-se. 2

El objetivo principal de esta tesis es diseñar y desarrollar una aplicación web progresiva. Esta nueva tecnología proporciona un conjunto de potentes capacidades a las aplicaciones web con el fin de extender sus límites, como por ejemplo permite que la web sea instalada en el escritorio y en dispositivos móviles, sin importar si se trata de Android o iOS. Además, permite interactuar con la web “offline” y recibir notificaciones “push” entre muchas otras herramientas, ofreciendo una experiencia de usuario más completa. Mientras que las PWA son el protagonista del proyecto, React podría ser considerado el coprotagonista. Se trata de una popular librería de javascript creada por Facebook y basada en una arquitectura componible que comporta simplicidad, ligereza y velocidad. Finalmente, para poner en práctica todas las herramientas presentadas, he desarrollado una PWA que ofrece instrumentos para construir historias sociales. Estas historias son comúnmente utilizadas con el objetivo de ayudar a niños con Trastorno del Espectro Autista y necesidades especiales para aprender a comunicarse.