Story after PWA A2HS

Diego González, Ph.D
Product Manager
Web Advocacy
@diekus
…and they lived
happily ever after:
the continuation to the PWA story

Samsung Internet…
@diekus
Most used browser
on Samsung Galaxy
Devices
6.27% of all mobile
browsing, World Wide
(up to 20% in some
regions)
2nd Most Popular
Android Browser

Why another browser?
‘Best’ UX
@diekus

contribute
Browser built using the Open Source Chromium engine
Samsung is a major contributor to Chromium
https://samsung.github.io/Chromium/
@diekus

Wide range of devices
@diekus
S9S10Fold
…

And I mean a *very* wide range of devices
@diekus
Foldables Wearables TVs AppliancesTabletsSmartphones

@diekus
To date…
https://bubble.pictures
Galaxy Fold (Front)
Gear Sport
PC

And the dream is…
@diekus
Foldables Wearables TVs AppliancesTabletsSmartphones

@diekus
Let’s do some recap…
Secure connection (HTTPS)
Has a Service Worker
Has a Manifest file

@diekus
Has a Manifest file
• Protects integrity of the website
• Protects the privacy of the user
• Enables most newer web APIs

@diekus
Has a Manifest file
• Access Cache Storage API
• Make network requests with Fetch API
• Persist Data using IndexDB API

@diekus
Has a Manifest file
• Provides information about a web app
• JSON file
• Name, author, icons, screenshots,
colors, orientation, …

@diekus
Why would we want a …
• The usual PWA benefits…
• Icon on home screen
• Offline functionality
• Push Notifications
• The added value on the web site…
• Responsive design
• Faster loading times because of cached assets
• Enhanced customization through manifest
• Protecting integrity of your website
• Compatibility with newer Web APIs

@diekus
But what about apps?
• The usual PWA benefits…
• Icon on home screen
• The added value on the web site…
• Responsive design
• Faster loading times because of cached assets
• Enhanced customization through manifest
• Icon on home screen and app drawer of OS
• Fast loading (installed)
• Access to many hardware specific capabilities
• Easily discoverable on an app store

@diekus
But what about apps?
• Icon on home screen and app drawer of OS
• Fast loading (installed)
• Access to many hardware specific capabilities
• Easily discoverable on an app store

@diekus
It’s not a competition

@diekus
Advantages
Discoverability Cost /
Availability of
user’s data
Size of user’s
storage
Interaction /
engagement with
brand / product
$

@diekus
Advantages
Discoverability
• Easy to share, easy to find*
• Proposals to make it easy to share (even offline)
• No gatekeeping, no walled gardens

@diekus
Advantages
Cost /
Availability of
user’s data
$
Size of user’s
storage
source: pwastats.com by Cloud4

Browser Support*
*support for Service Workers and Web App Manifest
@diekus

The continuation
of the PWA story
@diekus

@diekus
webnative
But on a platform
level they’re not
quite there as first
class citizens…

@diekus
webnative
But on a platform
level they’re not
quite there as first
class citizens…
• Not in app drawer
• Not in system app list
• Can’t manage notifications
• Not in Share menu
• Browser branded notifications
• Browser badge over icon

@diekus
web
native
WebAPK
• Browser generates and
installs an APK.
• Updates when manifest
changes
• Supports “Android Intent
Filters”
• Adds permission/storage
management

@diekus
WebAPK
• Web App Manifest
• short_name or name
• icons (192px)
• start_url
• display (fullscreen,
standalone, minimal-ui)
• Served over HTTPS
• Has registered a Service Worker
with a fetch event handler
• <- All PWA criteria
• Android OS Version >= N
• Web App is not already installed
• Not in Secret mode
Add to Home Screen Install

@diekus
PWAs in the Galaxy Store

@diekus
How to submit your PWA to the Galaxy Store?
• License agreement is basic requirement.
• There will be variety of ways for it, soon!
• For access today, send an email to
pwasupport@samsung.com

@diekus
So how do you get started?

@diekus
Getting started with PWAs
Build the PWATip: Consistent look and feel

@diekus
Consistent Galaxy Look and Feel
• Themes (Custom properties)
• New Layout options (Flex, Grid, Subgrid)
• Automatic Dark mode detection (prefers-color-scheme)
• Accessible (AA level WCAG compliant)

@diekus
Consistent Look and Feel on Galaxy

@diekus
Consistent Galaxy Look and Feel
https://samsunginter.net/oui-themes

@diekus

@diekus
Creates the service
worker, manifest
file and an APK
that can be
submitted to the
Galaxy Store.

@diekus
And that’s it.

@diekus
Now
• Focusing on enhancing discoverability
• Providing a best in class UX for PWAs
• Educating developers and users about PWAs
Next
• Expanding to different platforms
• PWAs on XR browsers?
• 3D favicons
• Compatibility with more stores?
• PWAs on wearables (Tizen/WearOS/Oculus)?
• Narrowing the gap with native tech (Fugu)

@diekus
Public Beta for Developers
galaxy.store/internetbeta
Samsung Internet Stable
galaxy.store/internet

@diekus
…thank you!
the continuation to the PWA story
@samsunginternet
www.samsunginter.net

Story after PWA A2HS

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Story after PWA A2HS

Similar to Story after PWA A2HS (20)

More from Luis Diego González-Zúñiga, PhD

More from Luis Diego González-Zúñiga, PhD (18)

Recently uploaded

Recently uploaded (12)

Story after PWA A2HS