build 2016 - p450 - hosted web apps myth #7- hosted web apps can’t access hardware
TRANSCRIPT
![Page 1: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/1.jpg)
#Build2016
Myth Busting:Hosted Web AppsJeff Burtoft Kiril SeksenovPrincipal PM, Dev EX Program Manager, Web Plat
![Page 2: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/2.jpg)
Hosted Web Apps Myth #1
I have to re-write my web site to ship it as an app
![Page 3: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/3.jpg)
I don’t have to re-write my web site to ship it as an appYour App can be a Hosted Web AppRuns off your web serverCan be written with any server side technologyLoads at run time
Your App doesn’t need to be a Single Page AppSingle Page Apps or traditional Web Sites workPage transitions and navigation can be addressed in the App container
![Page 4: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/4.jpg)
Hosted Demo
Kiril
![Page 5: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/5.jpg)
Hosted Web Apps Myth #1
I have to re-write my web site to ship it as an app
`
![Page 6: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/6.jpg)
For more information:http://aka.ms/HWAMythBusting/
![Page 7: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/7.jpg)
#Build2016
Myth Busting:Hosted Web AppsJeff Burtoft Kiril SeksenovPrincipal PM, Dev EX Program Manager, Web Plat
![Page 8: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/8.jpg)
Hosted Web Apps Myth #2
You can tell it’s a web site
![Page 9: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/9.jpg)
You can’t tell it’s a web siteSome of the most popular apps on different platforms are Web Apps
![Page 10: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/10.jpg)
Demo: Shazam Web AppJeff
![Page 11: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/11.jpg)
Hosted Web Apps Myth #2
You can tell it’s a web site
`
![Page 12: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/12.jpg)
For more information:http://aka.ms/HWAMythBusting/
![Page 13: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/13.jpg)
#Build2016
Myth Busting:Hosted Web AppsJeff Burtoft Kiril SeksenovPrincipal PM, Dev EX Program Manager, Web Plat
![Page 14: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/14.jpg)
Hosted Web Apps Myth #3
Hosted Web Apps aren’t good for games
![Page 15: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/15.jpg)
Hosted Web Apps aren’t good for gamesWith Maturity of WebGL, native graphics performance can be achieved with web technologies
![Page 16: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/16.jpg)
Demo: Babylon JS playground and SponzaJeff
![Page 17: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/17.jpg)
Hosted Web Apps Myth #3
Hosted Web Apps aren’t good for games
`
![Page 18: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/18.jpg)
For more information:http://aka.ms/HWAMythBusting/
![Page 19: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/19.jpg)
#Build2016
Myth Busting:Hosted Web AppsJeff Burtoft Kiril SeksenovPrincipal PM, Dev EX Program Manager, Web Plat
![Page 20: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/20.jpg)
Hosted Web Apps Myth #4
Hosted Web Apps take too long to load
![Page 21: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/21.jpg)
Hosted Web Apps Take too long to loadWeb Apps can be packaged
Packaged Apps load app from package, just like native appsPages have bit-level caching to make pages respond even faster
Hosted Web Apps can be optimized for initial contentHosted Web Apps can have intial page inside app
Hosted Web Apps can utilize a webview for customizing loading experienceUse existing Web technologies to customize loading experience
![Page 22: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/22.jpg)
Demo: Navigating between local page and remote pageKiril
![Page 23: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/23.jpg)
Hosted Web Apps Myth #4
Hosted Web Apps take too long to load
`
![Page 24: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/24.jpg)
For more information:http://aka.ms/HWAMythBusting/
![Page 25: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/25.jpg)
#Build2016
Myth Busting:Hosted Web AppsJeff Burtoft Kiril SeksenovPrincipal PM, Dev EX Program Manager, Web Plat
![Page 26: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/26.jpg)
Hosted Web Apps Myth #5
Hosted Web Apps don’t work offline
![Page 27: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/27.jpg)
Hosted Web Apps don’t work offlineBasic Offline Page msapp-error.html
Page is programmatically loaded any time the app would normally hit a 404 or when the app is offline
Customized offline experiencesmsapp-error.html can be used as the landing page for a full customized offline experience
Use Standard Web technology Application cache, Indexed DB, local storage can all be used within the app to provide a great experience while offline
![Page 28: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/28.jpg)
Demo: Catch offline, and return when back onlineJeff
![Page 29: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/29.jpg)
Hosted Web Apps Myth #5
Hosted Web Apps don’t work offline
`
![Page 30: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/30.jpg)
For more information:http://aka.ms/HWAMythBusting/
![Page 31: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/31.jpg)
#Build2016
Myth Busting:Hosted Web AppsJeff Burtoft Kiril SeksenovPrincipal PM, Dev EX Program Manager, Web Plat
![Page 32: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/32.jpg)
Hosted Web Apps Myth #6
Hosted Web Apps can’t run in the background
![Page 33: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/33.jpg)
Hosted Web Apps can’t run in the backgroundAudio, system events, system timers and moreYour Web App can run tasks in the background based on time, system events and other factors that
Allow your app to run even when it’s not open by the users
Handle push notifications, live tiles and moreApps can receive push notifications like any other app
Package the js file localYour background task is handles by a local js file inside the app package so that the task can run evenBefore a network connection is issued.
![Page 34: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/34.jpg)
Demo: Run a background task from a system eventJeff
![Page 35: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/35.jpg)
Hosted Web Apps Myth #6
Hosted Web Apps can’t run in the background
`
![Page 36: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/36.jpg)
For more information:http://aka.ms/HWAMythBusting/
![Page 37: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/37.jpg)
#Build2016
Myth Busting:Hosted Web AppsJeff Burtoft Kiril SeksenovPrincipal PM, Dev EX Program Manager, Web Plat
![Page 38: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/38.jpg)
Hosted Web Apps Myth #7
Hosted Web Apps can’t access hardware
![Page 39: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/39.jpg)
Hosted Web Apps can’t access hardware
Have access to same hardware stack as native appsBluetooth, NFC, camera sensors as have APIs exposed for Hosted Web Apps
Can be activated by hardwareApp can run in the background and be activated by hardware API such as NFC or radio
![Page 40: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/40.jpg)
Demo: NFC in a Hosted Web AppJeff
![Page 41: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/41.jpg)
Hosted Web Apps Myth #7
Hosted Web Apps can’t access hardware
`
![Page 42: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/42.jpg)
For more information:http://aka.ms/HWAMythBusting/
![Page 43: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/43.jpg)
#Build2016
Myth Busting:Hosted Web AppsJeff Burtoft Kiril SeksenovPrincipal PM, Dev EX Program Manager, Web Plat
![Page 44: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/44.jpg)
Hosted Web Apps Myth #8
Hosted Web Apps don’t get the latest cool features
![Page 45: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/45.jpg)
Hosted Web Apps don’t get the latest cool featuresCortana and Cortana canvasHosted Web Apps, like other store apps can have voice definition files that direct Cortana interactions, and even write to Cortana canvas
Can have different views for ContinuumMany hosted web apps naturally adapt to the screen the are on (responsive), so continuum features naturally work with Hosted Web Apps
Can run on Xbox, Raspberry Pi and HoloLensJust like other apps, Hosted Web Apps are UWPs that run on the entire family of Windows devices and adapt to each.
![Page 46: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/46.jpg)
Demo: Continuum in a Hosted Web AppJeff
![Page 47: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/47.jpg)
Hosted Web Apps Myth #8
Hosted Web Apps don’t get the latest cool features
`
![Page 48: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/48.jpg)
For more information:http://aka.ms/HWAMythBusting/
![Page 49: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/49.jpg)
#Build2016
Myth Busting:Hosted Web AppsJeff Burtoft Kiril SeksenovPrincipal PM, Dev EX Program Manager, Web Plat
![Page 50: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/50.jpg)
Hosted Web Apps Myth #9
Hosted Web Apps can’t manage media as well as native
![Page 51: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/51.jpg)
Hosted Web Apps can’t manage media as well as nativeAudio can play in the backgroundHosted Web Apps can play both single process and duel process background audio
Can integrate with system controlsSystem controls like SMTC can be integrated into the meida playing directly from the app, often with just a few lines of code
Can play media formats not available in the browserHosted Web Apps can take advantage of PlayReady and other media formats available to windows 10 apps.
![Page 52: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/52.jpg)
Demo: Media app
Kiril
![Page 53: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/53.jpg)
Hosted Web Apps Myth #9
Hosted Web Apps can’t manage media as well as native
`
![Page 54: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/54.jpg)
For more information:http://aka.ms/HWAMythBusting/
![Page 55: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/55.jpg)
#Build2016
Myth Busting:Hosted Web AppsJeff Burtoft Kiril SeksenovPrincipal PM, Dev EX Program Manager, Web Plat
![Page 56: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/56.jpg)
Hosted Web Apps Myth #10
My Web App can’t interact with native code
![Page 57: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/57.jpg)
My Web App can’t interact with native code
Add Web Allowed Object exposes native code directly to the web code in Webview or Hosted Web AppC++ or C# PCLs or custom WinRT APIs an be called directly from JavaScript on your site through a JavaScript API. Work in webview as well.
Can pass message with invoke script async and window.notifyMore traditional methods of passing messages back and forth are still available by adding a Webview to the app, but are often deprecated for the Add Web Allowed Object approach
![Page 58: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/58.jpg)
Demo: Add Web Allowed ObjectKiril
![Page 59: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/59.jpg)
Hosted Web Apps Myth #10
My Web App can’t interact with native code
`
![Page 60: Build 2016 - P450 - Hosted Web Apps Myth #7- Hosted Web Apps Can’t Access Hardware](https://reader035.vdocuments.net/reader035/viewer/2022081605/588a02931a28ab0f388b6cf9/html5/thumbnails/60.jpg)
For more information:http://aka.ms/HWAMythBusting/