|
|
@@ -45,6 +45,69 @@ In this mode, WebApps are viewed just like a normal webpage with no ArOZ Online
|
|
|
|
|
|
### Progressive Web Apps
|
|
|
Progressive Web Apps are user experiences that have the reach of the web. Mobile users can add ArOZ Online Modules to their devices' local app menu just like a normal app.
|
|
|
+According to the guideline from Google, you can include a json file in the head section of your WebApp to support PWA mode. Here is an exmaple of that file.
|
|
|
|
|
|
+```
|
|
|
+<link rel="manifest" href="manifest.json">
|
|
|
+```
|
|
|
+
|
|
|
+```
|
|
|
+{
|
|
|
+ "name": "ArOZ Audio",
|
|
|
+ "short_name": "AudioA",
|
|
|
+ "icons": [{
|
|
|
+ "src": "img/pwa/128.png",
|
|
|
+ "sizes": "128x128",
|
|
|
+ "type": "image/png"
|
|
|
+ },{
|
|
|
+ "src": "img/pwa/192.png",
|
|
|
+ "sizes": "192x192",
|
|
|
+ "type": "image/png"
|
|
|
+ }, {
|
|
|
+ "src": "img/pwa/256.png",
|
|
|
+ "sizes": "256x256",
|
|
|
+ "type": "image/png"
|
|
|
+ }, {
|
|
|
+ "src": "img/pwa/512.png",
|
|
|
+ "sizes": "512x512",
|
|
|
+ "type": "image/png"
|
|
|
+ }],
|
|
|
+ "start_url": "index.php?mode=pwa",
|
|
|
+ "display": "standalone",
|
|
|
+ "scope": "./",
|
|
|
+ "background_color": "#f7f7f7",
|
|
|
+ "theme_color": "#4286f4"
|
|
|
+}
|
|
|
+
|
|
|
+```
|
|
|
+
|
|
|
+### Virtual Desktop Mode
|
|
|
+Virtual Desktop Mode is one of the features that ArOZ Online Provides for the purpose of making life easier on Cloud base system by making the interface more human friendly.
|
|
|
+To support Virtual Desktop Mode, you would need to program the following items into your WebApp to make it VDI Mode Friendly.
|
|
|
+
|
|
|
+*You can choose not to implement the following items and your WebApp will still launch inside VDI mode as a normal iframe element*.
|
|
|
+
|
|
|
+#### Introduction to ao_module wrapper
|
|
|
+ao_module wrapper is a system API wrapper for the functional bar interface. It includes shortcuts and functions that call to Float Window system, file explorer and more.
|
|
|
+The ao_module wrapper is located under ```script/ao_module.js```. You can include it with the following header.
|
|
|
+
|
|
|
+```
|
|
|
+<script src="../script/ao_module.js"></script>
|
|
|
+```
|
|
|
+
|
|
|
+If you want to change the interface if the page is launched under VDI mode, you can call to the wrapper function as follow.
|
|
|
+
|
|
|
+```
|
|
|
+if (ao_module_virtualDesktop){
|
|
|
+ //Launching in VDI mode. Do something.
|
|
|
+}else{
|
|
|
+ //Not launching in VDI mode. Do something else.
|
|
|
+}
|
|
|
+
|
|
|
+```
|
|
|
+
|
|
|
+See more about ao_module wrapper in the "API Wrapper - ao_module" page.
|
|
|
|
|
|
+#### Input Method Editor
|
|
|
+ArOZ VDI Mode support custom IME and provide pipeline for custom written IME to launch within the system. See "Input Method Editor" for more information.
|
|
|
|
tobychui