Progressive Web Apps: Apple App Store, Google Play Store, It Was Nice Knowing You

By -

Is the end coming for the Apple App Store and Google Play Store? The title is obviously an exaggeration, but in all seriousness, the time has come for a new wave of mobile technology to come to the fore. In 2018, Twitter announced that it has started offering its mobile PWA as its main site. PWA? What’s that?

Progressive Web Apps (PWA) is the future of mobile apps and the web, pushed by heavyweights in the industry especially Google. With features such as adding to home screen, offline support, push notifications and more, a PWA offers a user experience approaching that of a native mobile app.

Here’s how a PWA works. Imagine you have a Customer Relationship Management (CRM) app that is also PWA compliant. You just need to visit the app using a normal URL in your mobile browser. If you have visited the app more than once, the PWA will prompt you to “Add to Home Screen”, which is basically equivalent to “installing” the app.


Add to Home Screen Prompt

Once installed, the PWA icon appears as an app in your phone. Launching the app will display a splash screen, and the app is then displayed in a full window without a browser navigation bar.

PWA User Experience

With smooth app transitions and fast page loads, the line between a PWA and a native app user experience is blurred, especially when it supports background push notifications and some offline capabilities.

Background Push Notification Support in PWA

PWA support in various platforms are improving all the time. Chrome on Android has been supporting PWA for a long time, while Apple has added PWA support in iOS 11.3. But… there’s always a but, isn’t there? In order to qualify as a PWA, Google provides a Progressive Web App checklist. The checklist details the required criteria, and there is a whole long list of items to pass the audit. The Chrome browser embeds a developer tool called Lighthouse which automatically audits a web app for PWA compliance. The Lighthouse baseline audit includes checks such as:
  1. Page load is fast enough on 3G
  2. Responds with a 200 when offline
  3. User can be prompted to Install the Web App
  4. Uses HTTPS
  5. Has a <meta name="viewport"> tag with width or initial-scale
  6. Registers a service worker
  7. Contains some content when JavaScript is not available
  8. Configured for a custom splash screen
  9. Address bar matches brand colors
  10. Content is sized correctly for the viewport
  11. The short_name won't be truncated on the homescreen
  12. Site works cross-browser
  13. Page transitions don't feel like they block on the network
  14. Each page has a URL
The screenshot below shows an example result of a Lighthouse Progressive Web App audit:

Lighthouse Progressive Web App audit

 So while the promise and utility of PWA makes it extremely enticing, developing PWA apps is typically not an easy task with all these requirements, especially when dealing with service workers which are a key part of PWA.

Recognizing the importance of PWA in the years ahead, Joget DX apps automatically incorporate PWA features (including service workers) so that all apps will be PWA baseline compliant without requiring additional steps. Joget DX is an open source application platform for faster, simpler digital transformation (DX). With a no-code / low-code approach Joget DX allows anyone, business or technical users alike, to rapidly build full-fledged enterprise applications. The screenshots of the PWA earlier actually shows a Joget DX app, developed using a visual drag and drop approach.

To know more about Joget DX, check out the Joget DX introduction article.

Comments

Post a Comment

Popular Posts

Cardano and Joget: Building No-Code, Composable Blockchain Apps

By -
Image
1. Introduction Joget is an open source low-code/no-code application platform for faster, simpler digital transformation. Previously, we have seen how we can integrate Hyperledger Fabric with Joget . So in this article, we will look at a no-code approach to integrate another popular blockchain technology, specifically the Cardano blockchain, into a full-fledged web application. 2. What is Cardano? Cardano is a third-generation, open source, decentralized proof-of-stake (PoS) public blockchain platform, that aims to be a decentralized application (DApp) development platform with a multi-asset ledger and smart contracts . It is also home for the cryptocurrency ADA. The blockchain operates on the Ouroboros proof-of-stake consensus protocol. Compared to first-generation proof-of-work mechanisms like Bitcoin, instead of relying on powerful machines solving complex cryptographic equations to achieve consensus and compete for block rewards, the proof-of stake mechanism relies on end users s...
Read more

Transforming Customer Onboarding: How Allied Benefit Systems Achieved Reporting Accuracy and Streamlined Business Processes with No-code/Low-code.

By -
Image
To optimize business operations and ensure accurate reporting, Allied Benefit Systems empowered business users and delivered a Customer Onboarding Platform built on no-code/low-code within three months. Effective onboarding processes play a crucial role in creating a positive impression on new customers. Yet, many businesses still need to rely on manual methods that can be time-consuming, error-prone, and inefficient. Allied Benefit Systems (Allied) , a US-based healthcare solutions company that prioritizes people, understands the importance of streamlined onboarding. As the largest independent third-party administrator in the US, Allied designs tailored self-insurance benefits solutions that integrate innovative medical management and cost-control strategies.   The company collaborates with clients and benefits consultants to institute plans that support the best options for employees and their families. However, Allied's existing onboarding process was managed through spreadsheet...
Read more

Superapps in the Enterprise: Up, Up and Away!

By -
Image
 “We think these applications are so compelling that we don’t just call them apps, we call them super apps… Super apps are applications that once you start using them, you’ll wonder just how you lived without them” - BlackBerry founder Mike Lazaridis. What is a Superapp?  In the early days of the smartphone revolution, BlackBerry founder Mike Lazaridis first coined the term “super app” (or “superapp”) in a MWC 2010 keynote speech . He defined them as “a closed ecosystem of many apps that people would use every day because they offer such a seamless, integrated, contextualized and efficient experience.” According to Gartner®, “a superapp is like a Swiss army knife with a range of component tools (miniapps) that the user can use and remove as needed”.  We consider superapps to be a single platform where miniapps are integrated, thus providing a seamless experience to its users. Here are some statistics and predictions from 2022 Gartner Top Strategic Technology Trends for 2...
Read more

Joget Unveils Hashgraph Application Studio, a No-Code Platform for Decentralized Applications on Hedera

By -
Image
The new innovation combines Hedera's robust public distributed ledger with Joget's no-code/low-code technology, promising unparalleled speed, security, and ease of use for business applications and dApp creators. COLUMBIA, Md., June 6, 2022 -- In a significant stride towards making decentralized application (dApp) development more efficient and accessible, Joget Inc, an open-source no-code/low-code platform company, today launched the new Hashgraph Application Studio. This new innovation simplifies the creation of decentralized applications, thereby heralding a more streamlined experience within the Hedera ecosystem. Hedera is renowned as one of the most broadly used enterprise-grade public distributed ledgers. It's the only one constructed based on the unique Hashgraph algorithm. Hedera, an open-source, leaderless proof-of-stake public network, facilitates the building and deployment of dApps with an exceptional capacity of supporting tens of thousands of transactions per...
Read more

DISINI™ Vehicle Inspection & Insurance App

By -
Image
The DISINI™ Vehicle Inspection & Insurance App is an application that can be used standalone or in a composable application environment on the Joget DX low-code platform. Enterprises will be able to use the application to manage their fleet of vehicles, track insurance policies expiry and conduct regular vehicle inspections. Summary of the App features are: Track your vehicles' insurance policies and set email reminders of the renewals. Assign inspectors to conduct scheduled vehicle inspections. Supervisors will be able to set reminder notifications for the inspectors of upcoming vehicle inspections. Inspectors will be able to check their calendars for scheduled inspections that have been assigned to them. Create and manage inspection checklists templates for the many vehicle types. Inspectors will be able to update and check their Dashboard for inspection tasks. Supervisors will be able to keep track of all assigned inspection tasks and follow up accordingly. The following ar...
Read more