๐Ÿ“ฑ

Progressive Web App (PWA)

Installable, offline and multi-platform

What is a PWA?

A Progressive Web App is a web application that combines the best of websites and native apps. Work Sampling is a complete PWA that offers:

  • โœ… Installable: Added to the home screen like an app
  • โœ… Offline: Works without internet connection
  • โœ… Fast: Instant loading thanks to caching
  • โœ… Updatable: You always have the latest version automatically
  • โœ… Secure: Encrypted HTTPS connection

No App Store or Play Store

Install directly from the browser. No waiting, no approvals, no heavy downloads.

๐Ÿš€

How to Install the App

On Android (Chrome)

  1. 1
    Open the app in Chrome

    Navigate to the application URL

  2. 2
    Tap the install banner

    Or the menu โ‹ฎ โ†’ "Install app"

  3. 3
    Confirm "Install"

    The app will be added to your home screen

On iPhone/iPad (Safari)

  1. 1
    Open the app in Safari

    It's important to use Safari, not Chrome or another browser

  2. 2
    Tap the share button

    The square with an up arrow

  3. 3
    Select "Add to Home Screen"

    You may need to scroll to find it

  4. 4
    Confirm "Add"

    The app will appear on your home screen

On Windows/Mac (Chrome/Edge)

  1. 1
    Open the app in the browser

    Chrome, Edge or any compatible browser

  2. 2
    Look for the install icon

    A + or monitor icon will appear in the address bar

  3. 3
    Click "Install"

    The app will install as a desktop application

Offline Operation

One of the most important features for industrial use is offline operation. In production plants, warehouses or remote areas, WiFi connectivity can be limited.

What works offline?

โœ… Works without connection

  • โ€ข View existing studies
  • โ€ข Register new observations
  • โ€ข View the observation plan
  • โ€ข Check cached reports
  • โ€ข Edit observations
  • โ€ข Receive scheduled notifications

โš ๏ธ Requires connection

  • โ€ข Create new studies
  • โ€ข Sync with the cloud
  • โ€ข Sign in for the first time
  • โ€ข Download app updates

Automatic Sync

When you work offline, data is saved locally on your device. When connection is restored:

  1. The app automatically detects the connection
  2. Local data syncs with Firebase
  3. Changes from other devices are downloaded
  4. Everything stays synced and backed up

๐Ÿ”„ Data persistence

Data is stored in IndexedDB, a browser database that persists even if you close the app or turn off the device. Your observations are not lost even if you are offline for days.

PWA Advantages

vs. Native App

Feature PWA Native App
Installation โœ… One click, no App Store Wait for store approval
Size โœ… ~5 MB 50-200 MB typical
Updates โœ… Automatic and instant Requires manual download
Development โœ… One code for all platforms Separate iOS/Android code
Cost โœ… Lower maintenance cost Higher cost per platform

vs. Regular Web

Feature PWA Regular Web
Offline โœ… Works without internet โŒ Requires connection
Installable โœ… Home screen icon โŒ Only in browser
Notifications โœ… Native push โŒ Not available
Performance โœ… Aggressive cache, fast loading Depends on the network

Technical Requirements

  • Compatible browser: Chrome 90+, Firefox 88+, Safari 14+, Edge 90+
  • HTTPS: The app only works on a secure connection
  • JavaScript: Must be enabled
  • Storage: ~50 MB available for local data

Multi-Device Support

By using Firebase as the backend, your data is synced across all your devices:

  • Sign in on your phone and on your computer
  • Observations registered on one appear on the other
  • Work on whichever device is most convenient at any moment

๐Ÿ’ก Pro tip

Install the app on your phone for plant observations, and use the desktop version to configure studies, review reports and export data.