Step towards progressive web development in obstetrics

The aim of this paper is to develop a Personal Health Record (PHR) for the support of pregnant women. With this goal in mind, concepts such as PHR and their importance in the obstetrics field are overviewed, as well as mobile development strategies. The system was developed with the support of a medical institution and taking into account what pregnant women find useful. The developed app is a Progressive Web App (PWA). This is a recent technology that allows the same app to work on most devices, gives a native feel to it when using on mobile devices and enables offline support. Further testing is necessary to understand the impact that this system may have in the engagement of pregnant women and in birth outcomes.This work has been supported by Compete: POCI-01-0145-FEDER-007043 and FCT within the Project ScopeUID/CEC/00319/2013

STUDI LITERATUR PENGEMBANGAN E-COMMERCE SEKOLAH MENGGUNAKAN PROGRESSIVE WEB APPS (PWA)

E-Commerce adalah platform yang banyak di kembangkana di berbagai sektor perekomonian terdapat perbedaan antara e-commerce dan market place. Kombinasi antara digital ecommerce dengan pendidikan diharapkan minimal mendapat pengalaman pembelajaran pada pengguna dalam berpartisipasi dalam transaksi digital. Dalam pengembangan e-commerce tidak lah mudah pengingat suatu system dengan data produk yang banyak dan model transaksi yang harus aman. Masalah leg dan keadaan internet indonesia jika suatu platform jika termuat banyak data akan menyebabkan respon system yang lama. PWA adalah teknik untuk pengembangan aplikasi agar tetap stabil jika sedang low connection dan sampai offline dengan catatan user pernah berkunjung ke dalam platform. Dengan model programming yang modern metode dengan bahasa pemrograman react.js, react native, vue.js  dan lain sebagainya memanfaatkan fungsi service-worker dan app.js untuk mensupport pengembangan Progressif web apps (PWA). Dari artikel ini didapati beberapa kesimpulan yaitu kecepatan dalam memuat data dari 12 jurnal yang di angkat dalam artikel ini kecepatan penggunaan pwa 11 dari 12 jurnal menunjukkan hasil positif dengan peningkatan kecepatan pada system. menyesuaikan dengan ukuran  berkas dan cache yang digunakan serta frekuensi pengaksessan halaman aplikasi pada ukuran berkas dan cache yang kecil pada pengembangan PWA di bandingkan native tanpa PWA dalam data pada jurnal yang di analisa pada gambar 14 menunjukkan 93,75 dari 100 nilai maksimal dari sisi penyimpanan. sedangkan pada ukuran berkas dan cache yang cukup besar pwa mampu mengungguli. untuk performa terkait pengguanaan memori pwa lebih sedikit karena ada nya tambahan pada pwa service worker sehingga dapat memecah proses dan berkibat meningkatnya kecepatan akses pada sistem web

Penerapan Progressive Web Application (PWA) pada E-Commerce

Strategi mobile development dibagi dalam dua kelompok utama yaitu native development dan web-base development. Aplikasi native mobile dikembangkan hanya pada satu platform dan menggunakan bahasa pemrograman dan tools dari platform itu sendiri, tetapi memiliki kinerja tinggi dan User Experience (UX) yang baik.  Sebaliknya, web-base development yang menggunakan teknologi web, seperti HTML5, CSS, dan JavaScript untuk mengembangkan aplikasi mobile yang dapat digunakan di platform apa pun. Teknologi terbaru dari web-base application adalah Progressive Web Apps (PWA). PWA adalah teknologi yang dirancang untuk mengatasi keterbatasan browser seluler dan aplikasi native. PWA menggunakan kemampuan web modern yang menggambarkan koleksi teknologi, konsep desain, dan API Web yang bekerja bersama-sama untuk menghadirkan pengalaman pengguna seperti aplikasi native. PWA dapat dijalankan dengan mengklik ikon di layar utama ponsel sama seperti bagaimana seseorang menggunakan aplikasi native. PWA dapat langsung dijalanlan walaupun tidak ada jaringan internet serta mendukung splash screen dan push notification. Tujuan dari penelitian ini adalah menerapkan PWA pada web e-commerce agar dapat dijalankan melalui ponsel tanpa harus membuat ulang kode program dengan menggunakan bahasa pemrograman Java dan SDK. Hasil dari penelitian yang dilakukan yaitu dengan merapkan PWA pada e-commerce pengguna dapat menjalankan aplikasi e-commerce layaknya aplikasi native yang dapat dijalankan dengan mengklik ikon pada layar utama ponsel. E-commerce juga dapat diakses pada berbagai platform dengan menggunakan browser seluler maupun desktop dengan adanya jaringan internet maupun offline

A Systematic Literature Review on Progressive Web Application Practice and Challenges

This research aims to establish a knowledge of Progressive Web Application (PWA) method practices based on published empirical investigation, the problems that the PWA method may face, and the PWA method's approach to experimental studies. We also looked for PWA practices that might address the issues with the prior method. We performed a broad, automated search to find SLRs and 43 papers published from 1 January 2015 to 6 November 2021 that discuss PWA. Specific inclusion and exclusion criteria were applied to determine which relevant studies we used for our research purposes. The review identified 31 practices of PWA, Six challenges of the previous approach of mobile application development that get resolved by PWA, and seven challenges posed by the practice of PWA. PWA was introduced in 2015, and since 2017 the studies on PWA topics have started increasing. The distribution of studies based on nations is spread evenly. 74\% of selected studies are about the practice of the PWA. Although it cannot be generalized that the PWA approach handles the challenge of the previous method, some studies reported that PWA covers the problems of the previous methods. However, despite its benefits, PWA still has some challenges, mostly related to browser support

Progressiivisen verkkosovelluksen soveltuvuus alustariippumattomana sovellustyyppinä

Tiivistelmä. Alustariippumattomuus viittaa ohjelmiston kykyyn toimia eri alustoilla ilman tarvetta kehittää sitä alustoille erikseen. Tämä on hyvin tehokas tapa tehdä sovelluksesta mahdollisimman saatavilla oleva. Perinteisesti alustariippumaton ohjelmistotuote on toteutettu joko verkkosovelluksena tai hybridisovelluksena, mutta näiden lisäksi on kehitetty uusi alustariippumaton sovellustyyppi nimeltä progressiiviset verkkosovellukset (PWA). Tässä tutkielmassa tutkittiin PWA:n soveltuvuutta alustariippumattomana sovellustyyppinä vertailemalla sitä muihin alustariippumattomiin sovellustyyppeihin. Tutkielmassa käytettiin tutkimusmenetelmänä kirjallisuuskatsausta, ja se tehtiin Scopus- tietokannan avulla. Kirjallisuuskatsauksen avulla tutkielmaan löydettiin 22 tieteellistä artikkelia. Tutkielman kannalta merkittävimmiksi lähdeteoksiksi ilmenivät Biørn-Hansenin, Majchrzakin & Grønlin (2017), sekä Malavoltan (2016) artikkelit, joissa käytiin sovellustyyppejä yksityiskohtaisesti läpi sekä vertailtiin PWA:n ja muiden sovellustyyppien eroavaisuuksia. Tutkielmassa pyrittiin löytämään vastaus ongelmaan, jossa alustariippumatonta ohjelmistotuotetta harvoin tuotetaan PWA:na, vaikka sillä on tiedettävästi huomattavia etuja verrattuna muihin alustariippumattomiin sovellustyyppeihin. Tämä toteutettiin tutkimalla PWA:n vahvuuksia ja heikkouksia ja vertaamalla niitä muihin alustariippumattomiin sovellustyyppeihin. Aiempien tutkimusten perusteella vahvuuksiksi ilmenivät hyvä tehokkuuden-, saatavuuden-, ja tietoturvan taso, laaja potentiaali löydettävyydelle, ja pieni asennuskoko. Heikkouksiksi ilmeni tiettyjen toimintojen puute, riippuvuus selaimista, ja PWA teknologioiden kypsyyden matala taso. Tutkielman tuloksista selvisi, että PWA:n soveltuvuus riippuu pitkälti sen käyttötapauksista, ja on yhä melko riskialtista johtuen sen tuoreudesta. Koska aihepiiri on melko laaja, ja PWA sekä muut alustariippumattomat sovellustyypit kehittyvät jatkuvasti, on aiheeseen liittyvälle jatkotutkimukselle paljon tarvetta. Erityisesti jatkotutkimus liittyen PWA:n ainutlaatuisiin ominaisuuksiin, sekä yksityiskohtainen ja vertaileva tutkimus PWA:n sekä hybridisovellusten sisäisten eroavaisuuksien välillä on hyvin tarpeellista

Análisis comparativo para medir la eficiencia de desempeño entre una aplicación web tradicional y una aplicación web progresiva

This study compares two types of web application (traditional and progressive) to determine the kind of technology that achieves a better performance quality. For that purpose, a traditional web application was developed, then configured and converted into a progressive web application. As a result, two types of application were obtained in order to measure their performance quality. This comparative analysis used the ISO/IEC 25010 standard to select the performance efficiency characteristic. In addition, it implemented the ISO/IEC 25040 standard, which establishes a process of five activities to evaluate each application, and the ISO/IEC 25023 standard, which defines performance characteristics with their respective metrics and formulas. This paper also examines the behavior of the applications in browsers compatible with service workers: Chrome, Firefox, Opera, and Edge. Several tools were used to measure the performance metrics: page load time, load time, the task manager, and development tools (all of them integrated into the browsers). The results show discrepancies in the behavior of the applications, although they presented similar metrics in terms of behavior over time and software capacity. Regarding resource utilization metrics, the progressive web application presented a higher consumption. This type of application provides a better user experience but caching and browser support can be limitations for its correct operation.El desarrollo de esta investigación tuvo por objetivo comparar dos tipos de tecnología de aplicaciones web: aplicación web tradicional y aplicación web progresiva, para determinar el tipo de tecnología que tiene un mejor desempeño con respecto al atributo de calidad de rendimiento. Para este fin, primero se desarrolló una aplicación web tradicional, para luego configurarla y convertirla en una aplicación web progresiva; de esta manera se obtuvieron dos tipos de aplicaciones que permitieron medir su cualidad de rendimiento. El análisis comparativo utiliza el estándar ISO/IEC 25010 para la elección de la característica de eficiencia de desempeño (rendimiento), el estándar ISO/IEC 25040, establece un proceso de cinco actividades para evaluar cada aplicación, y el estándar ISO/IEC 25023, define las características de rendimiento con sus respectivas métricas y fórmulas. El estudio también mostró el comportamiento que tienen las aplicaciones en navegadores compatibles con trabajadores de servicio: Chrome, Firefox, Opera y Edge. Las herramientas utilizadas para medir las métricas de rendimiento fueron: page load time, load time, el administrador de tareas y las herramientas de desarrollo, todas estas integradas en los navegadores. Los resultados mostraron discrepancias en el comportamiento de las aplicaciones, pero fueron similares en métricas como: comportamiento en el tiempo y la capacidad del software. Con respecto a las métricas de utilización de recursos, la aplicación web progresiva presentó un elevado consumo. Sin embargo, esta aplicación brinda una mejor experiencia al usuario, pero el almacenamiento en caché y el soporte de los navegadores puede ser una limitante para su correcto funcionamiento

Achieving native-like experience on the web with progressive web apps

For long developing applications for mobile has required developing a separate app for each platform that the developer wants the app to support. Apple has App store, Google has Play store and Microsoft has Microsoft store. Web apps can be used for creating apps that work on all devices with modern web browsers. Web apps have traditionally been outperformed by native apps and therefore been less popular when comparing to native application development. Progressive web apps (PWAs) are new kind of apps that aim to combine the best of native and web apps. These apps can be installed to the user's device and have access to some of the features that have only been available on native apps in the past. In this thesis we will compare PWAs with their native counterparts to find out if these apps really deliver what is promised and work as real unifiers between native and the web. We will list the benefits and drawbacks of developing PWAs. We will also turn an existing web app to PWA and see what benefits can be obtained. The results indicate that today PWAs can really be seen as a viable option compared to native apps and that there are barely any features today that could not be implemented with a PWA solution.Jo pitkään mobiilisovelluskehityksessä on tarvinnut luoda oma erillinen sovelluksensa jokaiselle alustalle, jota halutaan tukea. Applella on App store, Googlella Play kauppa ja Microsoftilla Microsoft store. Luomalla verkkosovellus voidaan taata, että sovellus toimii kaikilla laitteilla, joissa on moderni verkkoselain. Nämä sovellukset ovat kuitenkin perinteisesti toimineet natiiveja sovelluksia huonommin ja olleet täten epäsuosiossa niihin verrattuna. Progressiiviset verkkosovellukset (eng. Progressive web app, PWA) ovat uudenlaisia sovelluksia, joiden luvataan yhdistävän parhaat puolet natiiveista ja verkkosovelluksista. Nämä sovellukset on mahdollista asentaa käyttäjän laitteelle ja niillä on pääsy joihinkin ominaisuuksiin, joihin aiemmin vain natiiveilla sovelluksilla on ollut pääsy. Tässä tutkielmassa verrataan progressiivisia verkkosovelluksia vastaaviin natiiveihin sovelluksiin, ja selvitetään, vastaako todellisuus sitä, mitä näistä sovelluksista luvataan. Työssä listataan kaikki edut ja haitat, joita PWA-kehitykseen liittyy. Tutkielmassa myös muunnetaan jo olemassa oleva verkkosovellus progressiiviseksi verkkosovellukseksi, ja nähdään, mitä etuja tällä saavutetaan. Tulokset osoittavat, että PWA on tänäpäivänä toimiva vaihtoehto natiivin sovelluksen korvaajaksi. Ei ole olemassa montaakaan sellaista ominaisuutta, jota PWA ei vielä tukisi

Desarrollo de una aplicación web progresiva (PWA) basado en el framework laravel para la gestión de pedidos en el proceso de delivery

El propósito de la presente investigación consistió en desarrollar una Aplicación Web Progresiva (PWA) basado en el framework Laravel para la gestión de pedidos en el proceso de delivery. Se empleo la metodología OOHDM, puesto que se acomoda a los requerimientos y etapas de desarrollo de forma interactiva. Por otro lado, se consideró 7 indicadores: % de calidad de pedidos generados, % de pedidos aceptados, % de pedidos cancelados, % de tiempo de entrega, % de entregas completas, % On Time In Full (OTIF) y la satisfacción del cliente; cada indicador fue evaluados en dos momentos, el primero antes de la implementación de la aplicación web progresiva y el segundo después en un periodo de 15 días, por medio de instrumentos como la ficha de registro y cuestionario elaborado por el investigador y validado en el juicio de expertos. Los resultados favorecen a todos los indicadores, donde resalta el % de calidad de pedidos generado se incrementó en 27.29% y el % de On Time In Full en 40.53%. Finalmente se concluyó que la aplicación web progresiva contribuyó de manera favorable en la gestión de pedidos; puesto que, permitió mejorar los procesos de forma significativa