Progressive Web Apps Research Articles

Collaboration of Progressive Web App (PWA) And Firebase Cloud Messaging (FCM) for Optimal Performance Mailing Software

The problem of correspondence cannot be separated from the ease, accuracy and speed of the processing process. In research from Riswandi Ishak and H. Trizaka, they proposed report management software as well as notification of disposition and monitoring of correspondence as a solution to correspondence problems. However, there are shortcomings in the notification process for the disposition of correspondence, which requires the software to be actively open. In research, P. Dwi proposed a notification solution with Firebase Cloud Messaging (FCM), so that it can send notifications as long as the browser is active and connected to the internet, even without opening the software. There is a problem currently when the software becomes unstable when the internet connection is bad or offline. Progressive Web Apps (PWA) offers the concept of web-based application development by implementing browser technology such as service workers and app manifests. PWA is capable of displaying pages offline but cannot save, change, or delete data in the database. The test results of this research used Lighthouse and showed an average score of 100 on the PWA criteria, 85 on the performance criteria, 97 on the accessibility criteria, and 100 on the best practices criteria. Additional results obtained by implementing PWA mean page loading times are 26.6% faster with cache and service workers. The PWA and FCM concepts provide the best experience in using Mailing Software even with minimal internet connection or offline. This strategy was chosen to still get a fast response when running the mail processing software.

Design and Development of the Mobile-Based Hydroponic Planting Machine Application MyHydro

In the contemporary era, technological advancements have significantly impacted various aspects of human life, offering increased efficiency and convenience. Indonesia, aiming to enhance international competitiveness, recognizes the importance of integrating technological innovation across economic sectors. Despite its abundant natural resources, Indonesia's vital agricultural sector faces challenges, including the limited adoption of modern technology, resulting in suboptimal productivity. This study focuses on addressing these challenges by developing the MyHydro mobile application, utilizing IoT and Progressive Web App (PWA) technology to enable remote monitoring and control of hydroponic systems. The research methodology includes literature review, user requirement analysis, system design, and black-box testing. Results show that MyHydro successfully bridges the gap between traditional farming practices and modern technology. Users can efficiently monitor and control hydroponic systems, enhancing crop yields and promoting sustainability in Indonesian agriculture. In conclusion, MyHydro offers a valuable solution to modernize Indonesian farming, aligning with global trends in smart agriculture. It empowers farmers and contributes to the nation's agricultural growth.

Pengembangan Media Pembelajaran Progressive Web App Berbasis Environmental Learning untuk Meningkatkan Ecoliteracy Siswa

Ecoliteracy as a practical solution to environmental problems. In the learning process at school, there is still no media that supports ecoliteracy learning. The research aims to develop a progressive web app learning media that is feasible and effective in improving students' ecoliteracy. This research uses the Research and Development method with the ADDIE model stages. The research subjects were 70 students of SMAN 1 Pamekasan consisting of 35 students of class XI F (experimental) and 35 students of class XI E (control). Determination of research subjects using simple random sampling technique. Data collection used interviews, questionnaires, and tests with qualitative and quantitative descriptive analysis techniques. The research produced a learning media progressive web app based on environmental learning that is feasible and effective. The implementation results show that the progressive web app based on environmental learning is an innovative solution to improve students' ecoliteracy.

DIGITAL HERITAGE PORTAL BASED ON PROGRESSIVE WEB APP: EFFORTS FOR THE DEVELOPMENT OF CULTURAL HERITAGE AND TOURISM IN LAMPUNG

According to Undang-undang No. 11 Th. 2010 regarding Cultural Heritage, preservation involves dynamic efforts to safeguard the existence and values of Cultural Heritage through protection, development, and utilization. Despite rapid technological progress, there is currently no dedicated digital platform designed to promote and preserve cultural heritage in Lampung Province. The diverse cultural legacies could be better harnessed and developed, as they hold significant potential for attracting tourists to the region. This research aims to design a Progressive Web App-based Digital Heritage Portal to foster cultural heritage and tourism in Lampung Province. Digital Heritage employs technology to understand and conserve cultural legacies. As an innovative approach, the information system is crafted using Progressive Web App technology for easy user access online or offline, without requiring prior app installation. The system is anticipated to aid in the promotion, preservation, and advancement of cultural heritage and tourism in Lampung. The research follows the Waterfall method with these stages: 1) Problem analysis, (2) Data collection, (3) System requirement analysis, (4) Coding, (5) Deployment, and (6) System testing. The research yields an application design functioning as an informative platform for historical and cultural heritage tourism in Lampung Province. The application operates smoothly across platforms and offline. Test results affirm proper menu functionality aligned with stipulated system requirements.

Evolving Book Sales: From Scrolls to Progressive Web Apps in Online Bookstores

From traditional physical bookstores to the digital realm of online bookshops, business owners continuously adapt to meet their customers' evolving demands. Technological progress, occurring at a relentless pace, has instigated a profound transformation in the landscape of e-commerce. Google's creation of Progressive Web Applications (PWAs) has triggered a revolution in mobile development. This research endeavor, employing online bookstores as a case study, presents an architectural framework for PWAs that holds relevance for a wide array of e-commerce applications. The framework emerged through a meticulous review of existing models in the online bookstore domain, pinpointing gaps that serve as strengths in the proposed model. Additionally, the study critically examines the emerging PWA technology to solidify the foundation of the proposed framework. The adoption of this model holds the promise of mitigating contemporary challenges in the mobile development sphere, particularly the issue of code fragmentation. Nevertheless, further exploration of payment gateways and modules is required to fortify the model's comprehensiveness and effectiveness.

RANCANG BANGUN APLIKASI MOBILE WEB UNTUK MARKETPLACE KLINIK HEWAN

Pet owners rely on veterinary clinics to meet the healthcare needs of their pets, and yet, many veterinary clinics still manage data using conventional methods without fully utilizing digital information systems. This leads to issues such as repetitive registration, difficulties in obtaining copies of medical records, and challenges in finding nearby veterinary clinics. This research aims to address these problems by designing and developing a mobile web application for a veterinary clinic marketplace. The application consists of two main components. The front-end utilizes the React.js library based on Progressive Web Apps (PWA), while the back-end utilizes the Express.js framework. To ensure the overall functionality of the application, black box testing is conducted by the developer. Through this approach, the application is expected to assist pet owners in searching for and accessing information about veterinary clinics, viewing the services provided, and managing pet medical records digitally and easily. This research contributes to optimizing data management in veterinary clinics and enhancing the experience of pet owners.

PROGRESSIVE WEB APP-BASED ONLINE REPAIR SHOP APPLICATION USING MAPBOX AND GEOLOCATION API

Motorcycle users in Indonesia continue to increase every year. This has implications for the increasing need for motorcycle repair or maintenance service providers. This need is an emergency, but this is a problem because the lack of information regarding the location of the nearest workshop makes the process of finding a repair shop consuming a lot of time and energy. This study aims to develop an Online Workshop application that can present a map with the nearest repair shop location using Mapbox and the Geolocation API to make it easier for motorbike users to find a repair shop. In addition, this application allows users to be able to call a mechanic to come to the location. The Bengkel Online application is built using Firebase as a database and applies progressive web apps technology. The results of this study indicate that the online workshop application can be used to order repair services and call a mechanic to the location properly and accurately as indicated by the results of application testing which shows that all features function properly.

A Novel Mobile App for Personalized Dietary Advice Leveraging Persuasive Technology, Computer Vision, and Cloud Computing: Development and Usability Study.

The Australian Dietary Guidelines (ADG) translate the best available evidence in nutrition into food choice recommendations. However, adherence to the ADG is poor in Australia. Given that following a healthy diet can be a potentially cost-effective strategy for lowering the risk of chronic diseases, there is an urgent need to develop novel technologies for individuals to improve their adherence to the ADG. This study describes the development process and design of a prototype mobile app for personalized dietary advice based on the ADG for adults in Australia, with the aim of exploring the usability of the prototype. The goal of the prototype was to provide personalized, evidence-based support for self-managing food choices in real time. The guidelines of the design science paradigm were applied to guide the design, development, and evaluation of a progressive web app using Amazon Web Services Elastic Compute Cloud services via iterations. The food layer of the Nutrition Care Process, the strategies of cognitive behavioral theory, and the ADG were translated into prototype features guided by the Persuasive Systems Design model. A gain-framed approach was adopted to promote positive behavior changes. A cross-modal image-to-recipe retrieval model under an Apache 2.0 license was deployed for dietary assessment. A survey using the Mobile Application Rating Scale and semistructured in-depth interviews were conducted to explore the usability of the prototype through convenience sampling (N=15). The prominent features of the prototype included the use of image-based dietary assessment, food choice tracking with immediate feedback leveraging gamification principles, personal goal setting for food choices, and the provision of recipe ideas and information on the ADG. The overall prototype quality score was "acceptable," with a median of 3.46 (IQR 2.78-3.81) out of 5 points. The median score of the perceived impact of the prototype on healthy eating based on the ADG was 3.83 (IQR 2.75-4.08) out of 5 points. In-depth interviews identified the use of gamification for tracking food choices and innovation in the image-based dietary assessment as the main drivers of the positive user experience of using the prototype. A novel evidence-based prototype mobile app was successfully developed by leveraging a cross-disciplinary collaboration. A detailed description of the development process and design of the prototype enhances its transparency and provides detailed insights into its creation. This study provides a valuable example of the development of a novel, evidence-based app for personalized dietary advice on food choices using recent advancements in computer vision. A revised version of this prototype is currently under development.

Development of Augmented Reality Learning Media for Plantae Material in Class X Biology Subjects Using Arttoolkit

<p>A lot of material discusses Plantae, so interesting learning is needed so that students can easily accept and understand the material provided. AR technology can facilitate learning Plantae in the classroom. This research develops AR-based "Plantar" media. The application was developed based on Android to make it easier for students to learn plantae material in biology subjects. Plantar was developed using the Ionic platform and ARToolkit as the AR feature development library. Plantar uses a PWA (Progressive Web App) type to open its use via a browser. Field tests were conducted on 36 Kebakkramat SMA students to assess presence, affordance, and usability. The results showed that the Plantar media received a very good rating and did not require repair. So that the general public can use the Plantar application, especially high school students, to study Plantae material in an exciting way using the AR feature. In the future, it is hoped that the Plantar application will be useful in helping the learning process of Plantae material. </p><p>Keywords: Learning Media, Augmented Reality, ARToolkit</p>

Administrative Data Automation of Civil Engineering Study Program Using Progressive Web Apps at Riau University

The Department of Civil Engineering, University of Riau has a Final Assignment Administration service. The Final Assignment Administration service procedure currently implemented is still done manually. Starting from the registration data collection for Proposal Seminars, Results Seminars, and Thesis Defence, data processing was carried out using Microsoft Excel. The amount of data that has been processed so that the processing is done too long. Likewise in Microsoft Excel where formula changes often occur so that the data is not readable. Therefore, the Thesis Administration System was built using the Progressive Web Apps (PWA) method. The system built facilitates administrative services in the Civil Engineering Study Program at the University of Riau. The built system can be accessed on various devices, using the add to home screen feature which speeds up installation, and can be accessed offline. Testing of this system uses the Black Box method, which is to prove that the functional system is running properly and correctly. The results of this test are 100% proven with features that run as expected.

Implementation of Progressive Web App on Dropship Data Management Application to Anticipate Product Order Errors

Digital business trends during the COVID-19 pandemic have increased. One of the digital businesses that can be run during a pandemic, one of which is the dropship business, has a fairly low risk because it does not require large capital and infrastructure preparation. Dropship data management without a data management system can make it difficult for drop shippers to manage and view customer, product, and supplier data. Besides that, without a data management system, it is very likely that the drop shipper will make an error in ordering and shipping the product. This research will discuss the creation of a data management application for drop shipping to cover dropship data management problems. The developed application will be web-based using a Progressive Web App (PWA) so that it can have better performance with a cache and a display that resembles a mobile application.

Application of Progressive Web Apps (PWA) on PT SKA’s E-Commerce Website

Mobile app developers are often overwhelmed when they must create mobile applications, which must create applications for iOS and Android users. The problem is that each one has a different programming language, for iOS users it must be developed with Objective-C or Swift while for Android it is developed with Kotlin or Java programming language. This research was conducted with a tool that in the research process using observation. Observations were made by testing native applications with applications that were already using Progressive Web Apps (PWA) using the PageSpeed Insights tool. Progressive Web Apps (PWA) help optimize websites so that they look like native applications both on computers and on mobile. Application can be accessed offline, provide notifications, and there is no need to download application on the PlayStore or App Store, just through the website. This PWA exists to address these issues. PWA makes things faster and optimizes quality.

EFFECTIVE CROSS-PLATFORM MOBILE APP DEVELOPMENT USING PROGRESSIVE WEB APPS, DEEP LEARNING AND NATURAL LANGUAGE PROCESSING

The proposed system uses Natural Language Processing (NLP) and Deep Learning (DL) techniques to extract voice data and translate it to text during medical consultations. Iterative model was adopted in the design of the system and the user interfaces was implemented by using NLP techniques, especially speech recognition and natural language understanding. Deep learning algorithm shows a great ability to build clinical decision support systems by extracting various information for medical diagnosis and produce result is few seconds. The result form the system testing shows that the installation size of the Progressive Web App (104 KB) is 42 times smaller than the native Android app (4.37 MB). In terms of render-speeds, the PWA rendered different results. The native app will launch the Android activity after 1408 ms after app icon tap (launch), while the progressive web app launches the application in 230 ms. The advent of cross-platform application development frame-works have made it much easier to create applications for multiple platforms for mobile devices. In spite of reduced learning effort, usually lower costs, and a faster time-to-market cross-platform methods always do not prevail in most cases. Although there are normal exclusions – like graphic-intensive games, which should to be programmed with the native software development kits (SDKS), choice between native apps, cross-platform generated ones, and Web apps can remain delicate. Whereas many diverse efforts have been made with respect to how cross-platform development frameworks ought to work, no technology is deemed unequivocally superior than the others. But a cross-platform mobile app has got an edge over native app development. It also recommends that developers adopt this technology of mobile app development due to its huge gains.

Development of an Evidence-Based Progressive Web App to Promote Exercise Therapy and Telemonitoring for Individuals with Patello-Femoral Pain Syndrome: A Usability Study

Background: Mobile health (mHealth) apps play an emerging role in managing chronic conditions. This study aimed to design, develop, and evaluate the usability of an exercise therapy mHealth app in individuals with patellofemoral pain syndrome (PFPS). Objectives: This paper presents the design, development, and evaluation procedures of the conceptual mHelath app, called Vitoapp, using the progressive web application (PWA) approach. Methods: A mixed-method approach using both qualitative interviews (n = 8 adults with PFPS) and quantitative usability evaluations (n = 30, including 15 adults with PFPS and 15 physical therapists as experts) was adopted. Results: The results showed high levels of system usability (75.1 out of 100) and the mHealth App usability (127.2/147). Conclusions: This study can contribute to the design and development of the physical therapy mHealth app to provide evidence-based therapeutic exercise and remotely monitor adults with chronic pain conditions, including PFPS.

Online Attendance System with Geolocation Tagging Feature based on Progressive Web Apps (PWA) on CV Trivia Oktana Mandiri

Online Attendance System with Geolocation Tagging Feature based on Progressive Web Apps (PWA) on CV Trivia Oktana Mandiri

IMPLEMENTASI PROGRESSIVE WEB APPS PADA MARKETPLACE

Marketplace is a website or online application that facilitates the buying and selling process from various stores. One of the reasons why the marketplace is famous is because of the ease and convenience of use. Many describe online marketplaces as department stores. The next problem experienced by users, because every smartphone has limitations in installing applications, so the choice to install native applications is considered due to limited resources and can cause smartphone performance to be slow. Using Progressive Web Apps (PWA) can be a solution to overcome the problem where PWA can run like a native application installed on a smartphone. The implementation of the resulting system can help users in online transactions that save smartphone memory and market place applications have been tested on smartphones, resulting in screenshots of the application running as expected.

Progressive web applications capabilities to become an alternative to mobile applications

These days, almost every successful company owns a web application for their business. Essentially, companies try to develop a website that is easy to navigate, so that a user could have a great experience regardless of a used device. But, a web app, even if developed to be used on any device, can be constraining for a user as it does not have features that have been reserved to native apps. Thus, companies are forced to develop a native application for their product and two applications are needed for two different OS IOS and Android to reach all potential users and match the modern criteria of a successful product. However, such a strategy of developing a web and two native applications are time and money consuming, which is far from ideal from a business point of view. In 2015, Google introduced Progressive Web Apps (PWA), which aims to close the gap between web and native applications by combining the best features from web and native apps. In this article I am going to describe several APIs that can make PWA feel like a native app.

Penerapan Teknologi Progressive Web Apps pada Aplikasi Pembelajaran Al-Qur’an Metode Dirosa

Indonesia is a country with the largest Muslim population in the world. However, there are still many people who do not understand Islam itself, especially how to read the Qur'an correctly and correctly. In fact, the Qur'an itself discusses two major problems, the problem of this world and the problem of the hereafter. So it is very important for us as Muslims to learn it. DIROSA (Qur'an Education for Adults) is a systematic, layered and continuous model of Islamic counseling for beginner Muslims (men and women; adolescents, adults, grandparents; converts). With this method, adults who want to learn to read the Qur'an will easily and quickly understand it. The system design model is described in the form of UML (Unified Modeling Language) by making use case diagrams, class diagrams, and activity diagrams. So with the use of technology, create an application that can help adults learn to understand the reading of the Qur'an by inserting the DIROSA method using Progressive Web Apps technology to present easy-to-use applications and learning methods that also make it easier for adults to learn.

Application Smart Internship System Unika Soegijapranata (SISTA) berbasis Web (Progressive Web Apps)

Apprenticeship is a student activity carried out on the basis of cooperation between the University and the institution where the work apprenticeship program is implemented which aims to be a place of learning as well as training for students to assess students' knowledge and understanding of the learning that has been given on campus and applied directly to the world of work at once Where there are difficulties in getting information on job apprenticeship vacancies, students usually search by contacting related agencies or seeing job internship vacancies on the online platform of each agency, which if accommodated will be very time consuming.Therefore a media is needed to accommodate information on vacancies as well as a place to register for an internship program that is easy, fast and easy to use by students and companies to create job apprenticeship vacancies.Purpose of this research is to make an application that can accommodate all of these activities from opening and looking for job apprenticeship program vacancies, approving and collaborating on apprenticeship programs as well as providing value or results of an integrated internship program with transcript information and Certificate of Companion Diploma (SKPI) Students. This media will be designed using a web application as well as the use of a progressive web app to be used on all types of platforms.

A German Smartphone-Based Self-management Tool for Psoriasis: Community-Driven Development and Evaluation of Quality-of-Life Effects.

BackgroundPsoriasis is a chronic disease characterized by inflammation, increased scaling, itching, and other symptoms. Psoriasis is not contagious, but patients have often felt shunned. Therefore, in addition to psoriasis symptoms, stress, anxiety, and depression can also affect quality of life (QoL). Surveys show that only a quarter of patients are satisfied with the success of their therapy. However, in addition to medical therapy, self-management can also make it easier to deal with chronic diseases like psoriasis.ObjectiveThe aim of this project was to develop a smartphone-based self-management tool (SMT) specifically for patients with psoriasis using a community-driven process. The impact of the SMT on QoL as well as its acceptance and usability were evaluated.MethodsIn collaboration with an internet-based self-help community, 2 user surveys were conducted to determine the requirements for a smartphone-based SMT. The surveys consisted of semistructured questionnaires asking for desired features in an SMT for psoriasis. A pilot study was conducted to evaluate QoL, acceptance, and usability. Community users were recruited to use the app for 21 days and complete the Dermatology Life Quality Index (DLQI) questionnaire at the beginning (T0) and end (T1). Afterward, participants were asked to complete another questionnaire on usability and ease of use.ResultsSMT requirements were collected from 97 members of an internet-based community. The SMT was built as a progressive web app that communicates with a server back end and an Angular web app for content management. The app was used by 15 participants who also provided qualitative feedback, and 10 participants answered all questionnaires. The average DLQI score was 7.1 (SD 6.2) at T0 and 6.9 (SD 6.6) at T1. The minimal required sample size of 27 was not reached.ConclusionsThe high degree of community participation in the development process and the responses during the requirement engineering process indicated that there is a general need for an independently developed SMT for patients with psoriasis. However, the feedback received after app use shows that the SMT does not meet the needs of the community. It can be concluded that a more customizable app is needed. The focus and needs of the users were very heterogeneous. Similar developments and research could benefit from the findings of this project.