O Progressive Web Apps – PWA: como ferramenta para a produção audiovisual

Abstract

Com o avanço das tecnologias móveis, alicerçado pelas funcionalidades de mobilidade e flexibilidade no processo de comunicação dos smartphones, alavancou-se uma nova modalidade de desenvolvimento mobile. Pode-se dizer que o desenvolvimento de aplicações móveis é caracterizado pela mobilidade e conectividade do usuário, independentemente do tipo de dispositivo móvel (smartphone, tablet, palm-top, notebook), bem como pelo ambiente computacional (software) disponível. Para tanto, este trabalho apresenta os resultados de um estudo exploratório sobre a tecnologia Progressive Web Apps, por meio da revisão bibliográfica junto aos autores Tal Alter (2017), Sérgio Lopes (2016), Reinaldo Ferraz (2018), Murarolli e Girotti (2015), Miletto e Bertagnolli (2014), Kurose e Ross (2013) e de fontes não tradicionais, como o site da Google Developers. Tal conceito surgiu em 2015, tendo a proposta de um web app com a interface de um aplicativo e a praticidade de um site. Com a evolução da telefonia móvel e da oferta de aplicativos, analisou-se, a partir de coleta de dados, Comscore e MobileTime, que: o smartphone é o principal meio de acesso à internet; queda no número de downloads de aplicativos nas lojas Apple e Play Store; e instalação de poucos aplicativos, com destaque para os de mensagens e redes sociais. Nesse contexto, o Progressive Web Apps apresenta-se como conceito emergente, que pode ser entendido como uma tecnologia que agrega os recursos disponíveis nos aplicativos nativos com os recursos da web, incluindo: conectividade progressiva (para qualquer usuário, independentemente do browser e do tipo de conexão); responsivo (elaborado para qualquer dispositivo, desktop ou mobile); app-like, semelhante a um aplicativo – (o usuário se sente em um aplicativo nativo); atual (não há necessidade de fazer atualizações, como está tudo na web, quando abrir o app a nova versão já será carregada); descobrível - SEO Friendly – (os mecanismos de busca conseguem encontrar o conteúdo dos aplicativos); reengajável (através de push notifications, o usuário pode ser constantemente engajável); instalável (podem ser adicionados à homescreen do dispositivo móvel); e linkável (mais fácil de compartilhar conteúdo ao enviar o link para alguém). Salienta-se que a tecnologia PWA tem sido utilizada para e-commerce e redes sociais. Nesse sentido, o objetivo geral da pesquisa é observar os contributos de uma aplicação Progressive Web Apps no processo de produção audiovisual. Determinou-se como pergunta de pesquisa: quais os contributos da tecnologia PWA no desenvolvimento de aplicações móveis para a produção audiovisual? Para responder a esta pergunta, será elaborado um protótipo, como Prova de Conceito (PoC), abordando as possíveis inovações tecnológicas e recursos disponíveis da web. Para o desenvolvimento da aplicação serão utilizadas as linguagens padrão da web: HTML, CSS e JavaScript, em conjunto com os frameworks Vue.js, Quasar, Spring Boot e o banco de dados SQLServer. Como resultado, espera-se desenvolver o protótipo da aplicação proposta, apresentando os principais recursos da tecnologia Progressive Web Apps, como a implementação do service worker, app manifest, notificações push e atalho na homescreen do dispositivo. Desse modo, melhorar a experiência do usuário, proporcionando conectividade offline, carregamento rápido e aparência nativa.

With the advancement of mobile technologies, based on the mobility and flexibility features in the smartphone communication process, a new form of mobile development has been leveraged. It can be said that the development of mobile applications is characterized by the mobility and connectivity of the user, regardless of the type of mobile device (smartphone, tablet, palm-top, notebook), as well as the computational environment (software) available. To this end, this work presents the results of an exploratory study on the Progressive Web Apps technology, through a bibliographic review with the authors Tal Alter (2017), Sérgio Lopes (2016), Reinaldo Ferraz (2018), Murarolli and Girotti (2015 ), Miletto and Bertagnolli (2014), Kurose and Ross (2013) and from non-traditional sources, such as the Google Developers website. This concept emerged in 2015, with the proposal of a web app with the interface of an application and the practicality of a website. With the evolution of mobile telephony and the offer of applications, it was analyzed, from data collection, Comscore and MobileTime, that: the smartphone is the main means of accessing the internet; drop in the number of app downloads at Apple and Play Store stores; and installation of few applications, with emphasis on messaging and social networks. In this context, Progressive Web Apps presents itself as an emerging concept, which can be understood as a technology that aggregates the resources available in native applications with web resources, including: progressive connectivity (for any user, regardless of browser and type) of connection); responsive (designed for any device, desktop or mobile); app-like, similar to an app - (the user feels like a native app); current (there is no need to make updates, as everything is on the web, when you open the app the new version will already be loaded); discoverable - SEO Friendly - (search engines can find application content); re-engaging (through push notifications, the user can be constantly engaged); installable (can be added to the mobile device's homescreen); and linkable (easier to share content when sending the link to someone). It should be noted that PWA technology has been used for e-commerce and social networks. In this sense, the general objective of the research is to observe the contributions of a Progressive Web Apps application in the audiovisual production process. It was determined as a research question: What are the contributions of PWA technology in the development of mobile applications for audiovisual production? To answer this question, a prototype, such as Proof of Concept (PoC), will be elaborated, addressing the possible technological innovations and resources available on the web. For the development of the application the standard web languages will be used: HTML, CSS and JavaScript, together with the frameworks Vue.js, Quasar, Spring Boot and the SQLServer database. As a result, it is expected to develop the prototype of the proposed application, presenting the main features of the Progressive Web Apps technology, such as the implementation of the service worker, app manifest, push notifications and shortcut on the device's homescreen. Thus, improving the user experience, providing offline connectivity, fast loading and native appearance.