Orientador: Célia Maria Retz Godoy dos Santos / Resumo: O objetivo deste estudo foi a construção de um protótipo e a realização de um teste de Progressive Web Apps (PWA) para gestão de informações sobre a “realidade aumentada”. O termo PWA é utilizado para nomear uma metodologia hibrida (web regulares e aplicativos móveis) de desenvolvimento de softwares, cuja principal funcionalidade é criar aplicativos híbridos que entreguem uma experiência semelhante aos apps nativos, sem precisar “baixar” o app e/ou se cadastrar no software. O método utilizado neste estudo se subdividiu em duas fases: inicialmente um levantamento exploratório sobre linguagens de programação e de código aberto, a fim de entender as possibilidades e técnicas da PWA; e posteriormente a construção propriamente dita do protótipo, que incluiu: pesquisa na web sobre o assunto “realidade aumentada” para compor o aplicativo, locação de servidor para publicação do produto; avalição do aplicativo via o método de Design-Research (DBR) qualitativo; aplicado a 5 profissionais que atuam no campo de mídia e tecnologia. A construção do protótipo foi efetivada, condizente com a metodologia proposta, atendeu a maioria dos requisitos de usabilidade e acessibilidade, indicando facilidade no acesso às informações, que foram agrupadas sobre o tema e disponibilizada via este app. Em que pese os aspectos positivos, detectou-se, por ainda estar em fase de implementação, a fraca interatividade e participação proativa dos usuários e a dificuldade de atualização e incorporação de outros c... (Resumo completo, clicar acesso eletrônico abaixo) / Abstract: The purpose of this study was to build a prototype and perform a Progressive Web Apps (PWA) test to manage information about “augmented reality”. The term PWA is used to name a hybrid methodology (regular web and mobile apps) for software development, whose main functionality is to create hybrid apps that deliver an experience similar to native apps, without having to “download” the app and / or register in the software. The method used in this study was divided into two phases: initially an exploratory survey on programming and open source languages, in order to understand the possibilities and techniques of PWA; and later the actual construction of the prototype, which included: web research on the subject “augmented reality” to compose the application, rental of a server to publish the product; evaluation of the application via the qualitative Design-Research (DBR) method; applied to 5 professionals working in the media and technology field. The construction of the prototype was carried out, consistent with the proposed methodology, it met most of the usability and accessibility requirements, indicating easy access to information, which were grouped on the topic and made available via this app. Despite the positive aspects, it was detected, because it is still in the implementation phase, the weak interactivity and proactive participation of users and the difficulty of updating and incorporating other content in a collaborative manner, which is believed to occur as far as ... (Complete abstract click electronic access below) / Mestre

Made available in DSpace on 2018-08-02T00:00:57Z (GMT). No. of bitstreams: 1 tese_4713_DissertaçãoGustavp Perim Cola Weinkeller.pdf: 2835342 bytes, checksum: ed98b71512930a1bdcc77858509a6ca2 (MD5) Previous issue date: 2012-08-24 / Este trabalho propões modelagem de dois controladores preditivos híbridos, um para o sistema dinâmico e outro para o sistema cinemático de uma cadeira de rodas robótica. Esses controladores são calculados explicitamente(off-line) e são funções lineares por partes, do tipo PWA (pieceWaise Affine). Para gerar estes controladores off-line, foi utilizado um método de otimização conhecido como Programação Multiparamétrica (PM). A PM é a parte integrante do MPT Tollbox para MatLAb, especialmente desenvolvido para sua aplicação em controle preditivo. Para se desenvolver os controladores foi preciso linearizar ambos os sistemas. A linearização do sistema dinâmico foi relativamente simples, precisando apenas um ponto de operação e gerando uma resposta satisfatória. Contudo, a linearização do sistema cinemático foi mais problemática de se conseguir um resultado aceitável. De posse dos sistemas linearizados e representados por espaço de estados, deu-se a modelagem dos controladores. Foram realizadas simulações computacionais dos controladores obtidos, juntamente com os modelos não lineares dos sistemas, sendo cerificado que ambos garantiram suas estabilidades. O controlador dinâmico apresentou excelentes resultados, respondendo de forma rápida e eficiente. Já o controlador cinemático apresentou um resultado inferior, se comparado ao controlador dinâmico, demandando maior tempo computacional e necessitando que fosse sintonizado a cada mudança de setpoint.

Web applications have a common code base across multiple platforms, but have previously lacked some core features compared to native applications. However, recent web technology advancements have, in terms of functionality and user experience, reduced the gap between the two development approaches. Applications that leverages these technology advancements are dubbed progressive web applications, or PWA. This thesis explores the concepts of PWA and how it, in terms of code complexity, affects an Angular web application. The results show that implementing considered PWA features does not excessively increase the size of the application and that the overall added complexity is low. The complexity of PWA lies in all the new technology concepts, which are probably unfamiliar to most developers. To reduce this complexity, automated PWA tooling shows great promise, and using Angular PWA tooling when building Angular applications seems to minimize this complexity.

Since the late 80s the web has been evolving through new standards, added functionality, device performance and improved user experience. Websites evolved from static information to what is now known as web apps in which web technologies started to replace regular native programs and apps, as web apps slowly started offering similar functionality and performance, with the added benefit of being cross-platform. Over time, even more functionality and improvements were added to the web apps which, with the right combination, made them progressively become more like apps. In 2015, this combination got named by Google as Progressive Web Apps (PWA) which allow users to add web apps to their home-screens and use them like native apps. PWAs can support being used offline, give notifications, use the device’s hardware and more. In this thesis, the compatibility, performance, security, privacy, and user/business impact of fundamental elements of PWA are researched through literature review and experimental analysis. Eight browsers are tested on four operating systems for compatibility of the Service Worker, Web App Manifest, add to home-screen ability and offline usage functionality. For performance, tests are done on a website called Fleet Management System (FMS) which is a track and trace system for Inter-Data Europe b.v. who will keep using the implementation and knowledge created from this study. For security, privacy and user/business impact, a literature review is done on past studies, use-cases and discoveries made during the implementation and tests. The results show that most of PWA’s fundamental functionality is supported by most major browsers, especially on Android and on Chromium browsers, with the exception of iOS in which only Safari supports anything to do with PWA. Performance is found to be heavily dependent on implementation strategy but can make a significant difference if implemented correctly. Security is found to allow certain abuse and sensitive data leaks depending on implementation. Furthermore, user reengagement and revenue of major companies are found to increase significantly after implementing PWA.

This diploma thesis deals with the design, implementation and deployment of a hybrid application that is based on maps. This hybrid application was created on the basis of an already existing web application with the use of modern technologies. It should be used for easy traffic monitoring of selected parts of cycle routes. Part of this thesis is also development of REST API for retrieving data from database server.

Users spend more time than ever on mobile devices like smartphones and tablets, while native app development continues to become harder due to platform fragmentation. The web is a promising platform for mobile applications because of its easy access and standardised technologies that work unanimously across many different platforms and operating systems. However, native applications have always had an edge over the web because of important features that have not been available anywhere else, such as push notifications, background synchronisation and offline support. Progressive Web Apps aim to bring the web platform closer to native by enabling many of these important features while still running completely in the web browser, with the possibility to install the application, effectively promoting it to a top-level application. This project will evaluate the capabilities of web-based mobile applications compared to traditional native mobile applications. Three simple proof of concept applications will be built to test the performance and user experience with the help of different JavaScript libraries and techniques for building a Progressive Web App. Then one of the implementations will be further developed and matched against an existing native application with similar features in terms of functionality and performance. The study finds that for this use case, a Progressive Web App may be used instead of a native app without missing out on any important functionality. This simplifies development and releases, by enabling rich code sharing between the different platforms as well as avoiding the app distribution platforms by distributing the application entirely through the web, automatic and transparent to the users. However, this solution means more responsibility in terms of infrastructure for developers to maintain and optimise as the application needs to be distributed by own servers. / Allt mer tid ägnas åt mobila enheter såsom smartphones och surfplattor, medan apputveckling blir allt svårare på grund av spridningen av plattformar. Webben är en lovande plattform för mobila applikationer på grund av dess lättillgänglighet och standardiserade teknologier som fungerar likadant på många olika plattformar och operativsystem. Trots detta har nativa appar alltid haft ett övertag gentemot webben på grund av funktioner som inte varit tillgängliga på andra platformar, såsom pushnotiser, bakgrundssynkronisering och offlinestöd. Progressive Web Apps syftar till föra webbplattformen närmare nativ genom att möjliggöra många av dessa funktioner men fortfarande köras enbart i webbläsaren, med möjlighet att installera applikationen på enheten. Projektet kommer att utvärdera kapaciteten i webbaserade mobila applikationer jämfört med traditionella mobilapplikationer. Tre stycken proof of concept-applikationer kommer att byggas för att testa prestanda och användarvänlighet med hjälp av olika JavaScript-bibliotek och tekniker för att bygga en Progressive Web App. Därefter kommer en av implementationerna att vidareutvecklas och utvärderas gentemot en existerade app med liknande funktionalitet. Studien visar att en Progressive Web App i det här användningsfallet kan ersätta en nativ mobilapplikation utan att gå miste om viktig funktionalitet. Det skulle förenkla utveckling och publicering, genom att möjliggöra koddelning mellan olika plattformar och undvika appdistribueringsplattformarna genom att distribuera applikationen enbart genom webben, automatiskt och transparent för användarna. Lösningen innebär dock mer ansvar i form av underhåll och optimering av infrastruktur eftersom applikationen måste distribueras genom egna servrar.

Computers and similar units are taking a larger part in our lives and we expect ourwork tools to operate the same way the applications in our private units do. Qpick is awarehouse management software in the shape of a web application that is used onhandheld units with the operating system Android, and desktops with the operatingsystem Windows. The purpose of this thesis is to test and examine which well knowntechnical solutions can be used to solve specific problems in a web application.The study is a case study focusing on the software Qpick. To answer the thesis´ tworesearch questions, two Qpick users were interviewed and observed during a shift.Qpicks´ product owner and a Qpick technician were interviewed. The application wasexamined and underwent performance testing, before and after the implementation oftechnical solutions.The result proved that implementing a service worker is a solution to handle lack ofinternet access. Caching of resources is a solution to lower the load on the web serveras well as speeding up the application and making it more responsive. AJAX is asolution to keep the application up to date without having to update the wholeapplication, and not send or receive more information than necessary. localStorage isa solution to store data in the browser. / Tekniken blir en allt större del av vår vardag och vi förväntar oss att våraarbetsredskap ska fungera på samma sätt som applikationerna på våra privata enhetergör. Qpick är en lagerhanteringsmjukvara i form av en webapplikation som användspå handdatorer med operativsystem Android samt truckdatorer med operativsystemetWindows. Syftet med detta examensarbete är att bepröva välkända tekniska lösningarför att lösa specifika problem i en webapplikation.Studien är en fallstudie med inriktning på programmet Qpick, för att besvara studienstvå forskningsfrågor har två Qpick-användare intervjuats och observerats under ettarbetspass. Vidare har Qpicks produktägare samt en Qpick.tekniker intervjuats.Applikationen granskades och genomgick prestandatester både före och efterimplementation av tekniska lösningar.Resultatet visade att implementera en service worker är en lösning för att hanterabristande internetåtkomst, cachning av resurser är en lösning för att minska tryck påwebservern samt göra applikationen snabbare och mer responsiv. AJAX är en lösningför att hålla applikationen uppdaterad utan att behöva uppdatera hela sidans innehåll,och inte skicka och ta emot mer innehåll än det som faktiskt är nödvändigt.localStorage är en lösning för att lagra data i webbläsaren.

The vast supply of different smartphone makes and models, along  with their  accompanying operating  systems,  increase the  demand  for  an  all-in-one  development  solution.   Quite a  few  approaches  to  solving  this  problem  have  cropped  up over the years, ranging from purely web-oriented solutions to something more akin to a native application.   React Native and Progressive Web App development are two different approaches,  both new and promising,  on this spectrum.   This thesis evaluates these approaches in a standardized way using the  ISO  25010 Product  Quality  Model to  gain  insight  into these  types  of  cross-platform  development  as  well  as  how well  such  an  evaluation  works  in  this  context.   The  results show that, while not a perfect fit, a standardized evaluation brings forward less obvious aspects of the development process and contributes with a helpful structure to the evaluation process.

Many health care providers aim to become more patient-centered, and developing mobile health applications for patients might help achieve this. In the light of this, this thesis explores if the progressive web application (PWA) concept is suitable for mobile health applications. It is investigated by developing a PWA intended to be used to gather health care patients’ self assessments. The work follows the double diamond design process with: a discover phase containing a literature study, interviews with experts, and partaking in a workshop; a define phase where system requirements are specified; a develop phase with lo- and mid-fi prototypes as well as usability tests with six test users; and a deliver phase where the application is implemented using Polymer 2.0 and web components. To furthermore assess the patients satisfaction of a PWA, an evaluation phase is conducted where eleven test users tries it during five consecutive evenings and answers a survey at the end. The general opinions were that they thought it worked good and was easy to use, indicating that a PWA can be suitable for this purpose. Following this and discussions of findings, we suggest guidelines for how to design and implement a PWA for similar projects. However, the developed PWA was due to shortage of time not completely finished and the test users support for PWA features were rather limited, so future investigation is recommended to determine if PWAs are suitability in this context.

The thesis deals with the design and development of a tool for easy search of flight connections for Pelikantravel.com s.r.o. The aim of this work is to develop a tool that will allow operation in a limited Internet connection and will support user feedback. The first part of the thesis describes the analysis of suitable technologies and platforms for the resulting tool. The practical part deals with the issue of user experience and with the related user interface design. In this section, the basic functionality of the tool is described according to the use case analysis. Furthermore, the work describes in detail the implementation of the whole tool and in the end is devoted to testing the resulting tool.