Aplicativo multiplataforma "ProgressiveTutor" utilizando Progressive Web App para auxílio de estudos na área mobile, desktop e multiplataforma

Abstract

Na atualidade, quando um estudante deseja aprender algo, ele recorre à internet para buscar materiais de aprendizado. No entanto, esse processo frequentemente envolve horas navegando por diversos sites, assistindo a tutoriais em vídeo, lendo livros digitais e fazendo cursos online. Ao final dessa busca, é comum que o estudante tenha várias abas abertas em seu navegador e precise integrar o conhecimento obtido de todas essas fontes de forma coesa. Diante desse problema, o presente trabalho tem como objetivo desenvolver o ProgressiveTutor, uma engine de tutoriais multiplataforma, modular e expansível, utilizando Next.js. Esta engine atuará como um guia para a aprendizagem inicial em diferentes áreas de conhecimento, com foco específico no desenvolvimento multiplataforma, desktop e mobile, direcionado para alunos da área de Tecnologia da Informação. O ProgressiveTutor terá funcionalidades de um Progressive Web App (PWA), termo cunhado pela Google para descrever aplicativos web que aproveitam os recursos dos navegadores modernos, como o modo offline e notificações push. O objetivo é fornecer, em um único lugar, os conhecimentos iniciais sobre essas três áreas de conhecimento. Ao final deste trabalho, foi desenvolvido um protótipo funcional do ProgressiveTutor, composto por três módulos, um para cada área de conhecimento mencionada anteriormente. Os passos finais de cada módulo demonstram o processo de criação de um aplicativo, incluindo front-end, back-end, uma API de comunicação entre eles e funcionalidades de autenticação. Além disso, foi realizada uma avaliação da utilização do ProgressiveTutor e dos três tutoriais/módulos criados na prática.

Currently, when a student wants to learn something, they turn to the internet to search for learning materials. However, this process often involves hours of browsing through various websites, watching video tutorials, reading e-books, and taking online courses. By the end of this search, it's common for the student to have multiple tabs open in their browser and need to integrate the knowledge obtained from all these sources in a cohesive manner. Facing this problem, the present work aims to develop ProgressiveTutor, a modular, expandable, cross-platform tutorial engine using Next.js. This engine will act as a guide for initial learning in different knowledge areas, with a specific focus on cross-platform, desktop, and mobile development, targeting Information Technology students. ProgressiveTutor will have the functionalities of a Progressive Web App (PWA), a term coined by Google to describe web applications that leverage the features of modern browsers, such as offline mode and push notifications. The goal is to provide the initial knowledge about these three knowledge areas in one place. At the end of this work, a functional prototype of ProgressiveTutor was developed, composed of three modules, one for each knowledge area mentioned above. The final steps of each module demonstrate the process of creating an application, including front-end, back-end, an API for communication between them, and authentication functionalities. Additionally, an evaluation of the usage of ProgressiveTutor and the three tutorials/modules created was conducted in practice.