miniapp widgets · miniapp widget atomise the centent, and combine them on detail pages programming...
TRANSCRIPT
![Page 1: MiniApp Widgets · MiniApp Widget atomise the centent, and combine them on detail pages programming for a widget combination according to the scenarios 1. each widget is describe](https://reader034.vdocuments.mx/reader034/viewer/2022051917/6008c87a95177553f61f9da7/html5/thumbnails/1.jpg)
MiniApp Widgets
![Page 2: MiniApp Widgets · MiniApp Widget atomise the centent, and combine them on detail pages programming for a widget combination according to the scenarios 1. each widget is describe](https://reader034.vdocuments.mx/reader034/viewer/2022051917/6008c87a95177553f61f9da7/html5/thumbnails/2.jpg)
the OS display and connect many services
users
AI Assistant Voice Assistant
Message Search
App …
URL transition shortcut OS intent
…
scenarios capabilities
services
![Page 3: MiniApp Widgets · MiniApp Widget atomise the centent, and combine them on detail pages programming for a widget combination according to the scenarios 1. each widget is describe](https://reader034.vdocuments.mx/reader034/viewer/2022051917/6008c87a95177553f61f9da7/html5/thumbnails/3.jpg)
AI Assistant
![Page 4: MiniApp Widgets · MiniApp Widget atomise the centent, and combine them on detail pages programming for a widget combination according to the scenarios 1. each widget is describe](https://reader034.vdocuments.mx/reader034/viewer/2022051917/6008c87a95177553f61f9da7/html5/thumbnails/4.jpg)
navigation service
![Page 5: MiniApp Widgets · MiniApp Widget atomise the centent, and combine them on detail pages programming for a widget combination according to the scenarios 1. each widget is describe](https://reader034.vdocuments.mx/reader034/viewer/2022051917/6008c87a95177553f61f9da7/html5/thumbnails/5.jpg)
1. Use Widget to display content of the service for each scenario
2. navigate to the webpage/app page for user interaction
3. share data with the Widget
scenario + capability = service -> an organic OS
![Page 6: MiniApp Widgets · MiniApp Widget atomise the centent, and combine them on detail pages programming for a widget combination according to the scenarios 1. each widget is describe](https://reader034.vdocuments.mx/reader034/viewer/2022051917/6008c87a95177553f61f9da7/html5/thumbnails/6.jpg)
Native AppMulti Scenario and
Capabilities Web App
download+install before usage, the user intent gets disrupted
Native Widget works on desktop, with limited functions
limited access to the OS capabilities
not enough components or rich APIs
![Page 7: MiniApp Widgets · MiniApp Widget atomise the centent, and combine them on detail pages programming for a widget combination according to the scenarios 1. each widget is describe](https://reader034.vdocuments.mx/reader034/viewer/2022051917/6008c87a95177553f61f9da7/html5/thumbnails/7.jpg)
PWADevice
APIWeb App
design for browsers
Problems:
1. security issues for data distribution
2. difficult to share data when a service
is cross scenarios
3. no standardised way to share data
4. no standardised way to call a
webpage/apppage of a micro service
calling a webpage for a micro service
data sharing cross scenario
![Page 8: MiniApp Widgets · MiniApp Widget atomise the centent, and combine them on detail pages programming for a widget combination according to the scenarios 1. each widget is describe](https://reader034.vdocuments.mx/reader034/viewer/2022051917/6008c87a95177553f61f9da7/html5/thumbnails/8.jpg)
design for multi scenarios
standardising calling (miniapps)
atomised combination widgets
native renderingCentralised distribution of data
data sharing cross scenarios
![Page 9: MiniApp Widgets · MiniApp Widget atomise the centent, and combine them on detail pages programming for a widget combination according to the scenarios 1. each widget is describe](https://reader034.vdocuments.mx/reader034/viewer/2022051917/6008c87a95177553f61f9da7/html5/thumbnails/9.jpg)
Demo of QuickApp
http(s)://hapjs.org/app/<package>/[path][?key=value]hap://app/<package>/[path][?key=value]
1. standardising calling: URL scheme
2. data processing in the detail page
![Page 10: MiniApp Widgets · MiniApp Widget atomise the centent, and combine them on detail pages programming for a widget combination according to the scenarios 1. each widget is describe](https://reader034.vdocuments.mx/reader034/viewer/2022051917/6008c87a95177553f61f9da7/html5/thumbnails/10.jpg)
calling according to the hidden intentsome miniapps provide a centralised platform to analysis the APIs and OS, and process the hidden the intent of navigation, filter, or sharing…
services
NativeApps
MiniApps MiniApp APIs
OS APIs
min
i ap
p f
ram
ework
![Page 11: MiniApp Widgets · MiniApp Widget atomise the centent, and combine them on detail pages programming for a widget combination according to the scenarios 1. each widget is describe](https://reader034.vdocuments.mx/reader034/viewer/2022051917/6008c87a95177553f61f9da7/html5/thumbnails/11.jpg)
MiniApp Widget atomise the centent, and combine them on detail pages
programming for a widget combination according to the scenarios
1. each widget is describe by URL 2. rich APIs and Capabilities 3. multiple ways to authorise
1. Centralised distribution and update 2. rendering in the webview/native view 3. Data Isolation among widgets
![Page 12: MiniApp Widgets · MiniApp Widget atomise the centent, and combine them on detail pages programming for a widget combination according to the scenarios 1. each widget is describe](https://reader034.vdocuments.mx/reader034/viewer/2022051917/6008c87a95177553f61f9da7/html5/thumbnails/12.jpg)
Data Sharing cross Scenarios1. only one instance of a MiniApp inside the whole OS 2. data sharing between widgets and miniapps 3. scenarios and miniapps can share data under
certain control
“login once, works everywhere”
![Page 13: MiniApp Widgets · MiniApp Widget atomise the centent, and combine them on detail pages programming for a widget combination according to the scenarios 1. each widget is describe](https://reader034.vdocuments.mx/reader034/viewer/2022051917/6008c87a95177553f61f9da7/html5/thumbnails/13.jpg)
MiniApp B Widget
design for scenarios
calling
data sharing
OS scenario
MiniApp A Widget
page
MiniApp A
calling
capabilities of the OS (sharing, navigation…)
calling page
MiniApp B
page
hidden intent
data sharing
1. standardising calling (miniapps)
2. atomised combination widgets
3. data sharing cross scenarios
dis
trib
utio
n fr
amew
ork