Desenvolvimento de uma Progressive Web Application para o módulo de matrícula da UFSC

Abstract

Com o crescimento do uso de dispositivos móveis e acesso à internet no mundo, as instituições e empresas tentam atingir esse novo público através do desenvolvimento de aplicativos nativos ou web com a abordagem Responsive Web Development (RWD). As aplicações nativas possuem a vantagem de explorar ao máximo os recursos do dispositivo e trazer uma melhor experiência para o usuário, todavia, o custo de desenvolvimento e manutenção são altos, uma vez que é necessário desenvolver um sistema para cada plataforma e dar suporte para cada um deles. Para evitar esse problema, a RWD permite o desenvolvimento de um sistema independente da plataforma com o custo de perda na qualidade da experiência do usuário, uma vez que não pode aproveitar todos os recursos do dispositivo. Nesse cenário, a Progressive Web Application (PWA) surgiu para solucionar os problemas de ambas as abordagens, se aproveitando da independência de plataforma da RWD e dos recursos extras providos por aplicações nativas como as notificações push e possibilidade de instalação. Diante desse contexto, o objetivo desse projeto foi desenvolver uma interface alternativa com PWA para o novo módulo de matrícula da Universidade Federal de Santa Catarina (UFSC), que está sendo desenvolvido pela Secretaria de Tecnologia da Informação e Comunicação (SeTIC) no modelo tradicional de aplicações web, para evitar a criação de duas interfaces (desktop e mobile), reduzir a quantidade de projetos que precisarão de manutenção e atingir os públicos-alvos do mobile e do desktop com uma única interface. Além disso, outra meta desse projeto era a melhoria na satisfação do usuário em relação à aplicação do Sistema de Controle Acadêmico da Graduação (CAGR). Após a realização de um teste de usabilidade na interface proposta com 30 voluntários que representam o público-alvo do sistema, observou-se uma melhora no score do System Usability Scale (SUS) em relação ao módulo oficial e um aumento em duas respostas ímpares dos usuários no questionário SUS. Além disso, constatou-se que as funcionalidades de notificações, acesso dos dados sem conexão com a rede e acesso ao status e posição da vaga em uma turma solicitada no pedido de matrícula foram bem avaliadas pela maioria dos voluntários desses testes. Em contrapartida, a instalação foi considerada menos útil por alguns participantes.

With the growth of the use of mobile devices and internet access in the world, institutions and companies try to reach this new audience through the development of native or web applications with the RWD approach. Native applications have the advantage of exploiting the device’s resources to the fullest and bringing a better user experience, however, the development and maintenance costs are high, since it is necessary to develop a system for each platform and provide support for each one of them. To avoid this problem, RWD allows the development of a platform-independent system at the cost of losing the quality of the user experience, since it cannot take advantage of all the device’s resources. In this scenario, PWA emerged to solve the problems of both approaches, taking advantage of RWD’s platform independence and the extra resources provided by native applications such as push notifications and the possibility of installation. Given this context, the objective of this project will be to develop an alternative interface with PWA for the new enrollment module at UFSC, which is being developed by SeTIC in the traditional model of web applications, to avoid creating two interfaces (desktop and mobile), reduce the number of projects that will need maintenance and reach the target audiences of mobile and desktop with a single interface. Furthermore, another goal of this project was to improve user satisfaction with the application of CAGR. After carrying out a usability test on the proposed interface with 30 volunteers represent- ing the system’s target audience, an improvement was observed in the score of SUS in relation to the official module and an increase in two odd responses from users in the SUS questionnaire. In addition, it was found that the notification functionalities, data access without connection to the network and access to the status and position of the vacancy in a class requested in the enrollment request were well evaluated by the majority of the volunteers of these tests. On the other hand, the installation was considered less useful by some participants.