60
#Build2016 Myth Busting: Hosted Web Apps Jeff Burtoft Kiril Seksenov Principal PM, Dev EX Program Manager, Web Plat

Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Embed Size (px)

Citation preview

Page 1: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

#Build2016

Myth Busting:Hosted Web AppsJeff Burtoft Kiril SeksenovPrincipal PM, Dev EX Program Manager, Web Plat

Page 2: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Hosted Web Apps Myth #1

I have to re-write my web site to ship it as an app

Page 3: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

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 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Hosted Demo

Kiril

Page 5: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Hosted Web Apps Myth #1

I have to re-write my web site to ship it as an app

`

Page 6: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

For more information:http://aka.ms/HWAMythBusting/

Page 7: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

#Build2016

Myth Busting:Hosted Web AppsJeff Burtoft Kiril SeksenovPrincipal PM, Dev EX Program Manager, Web Plat

Page 8: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Hosted Web Apps Myth #2

You can tell it’s a web site

Page 9: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

You can’t tell it’s a web siteSome of the most popular apps on different platforms are Web Apps

Page 10: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Demo: Shazam Web AppJeff

Page 11: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Hosted Web Apps Myth #2

You can tell it’s a web site

`

Page 12: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

For more information:http://aka.ms/HWAMythBusting/

Page 13: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

#Build2016

Myth Busting:Hosted Web AppsJeff Burtoft Kiril SeksenovPrincipal PM, Dev EX Program Manager, Web Plat

Page 14: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Hosted Web Apps Myth #3

Hosted Web Apps aren’t good for games

Page 15: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Hosted Web Apps aren’t good for gamesWith Maturity of WebGL, native graphics performance can be achieved with web technologies

Page 16: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Demo: Babylon JS playground and SponzaJeff

Page 17: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Hosted Web Apps Myth #3

Hosted Web Apps aren’t good for games

`

Page 18: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

For more information:http://aka.ms/HWAMythBusting/

Page 19: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

#Build2016

Myth Busting:Hosted Web AppsJeff Burtoft Kiril SeksenovPrincipal PM, Dev EX Program Manager, Web Plat

Page 20: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Hosted Web Apps Myth #4

Hosted Web Apps take too long to load

Page 21: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

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 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Demo: Navigating between local page and remote pageKiril

Page 23: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Hosted Web Apps Myth #4

Hosted Web Apps take too long to load

`

Page 24: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

For more information:http://aka.ms/HWAMythBusting/

Page 25: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

#Build2016

Myth Busting:Hosted Web AppsJeff Burtoft Kiril SeksenovPrincipal PM, Dev EX Program Manager, Web Plat

Page 26: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Hosted Web Apps Myth #5

Hosted Web Apps don’t work offline

Page 27: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

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 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Demo: Catch offline, and return when back onlineJeff

Page 29: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Hosted Web Apps Myth #5

Hosted Web Apps don’t work offline

`

Page 30: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

For more information:http://aka.ms/HWAMythBusting/

Page 31: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

#Build2016

Myth Busting:Hosted Web AppsJeff Burtoft Kiril SeksenovPrincipal PM, Dev EX Program Manager, Web Plat

Page 32: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Hosted Web Apps Myth #6

Hosted Web Apps can’t run in the background

Page 33: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

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 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Demo: Run a background task from a system eventJeff

Page 35: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Hosted Web Apps Myth #6

Hosted Web Apps can’t run in the background

`

Page 36: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

For more information:http://aka.ms/HWAMythBusting/

Page 37: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

#Build2016

Myth Busting:Hosted Web AppsJeff Burtoft Kiril SeksenovPrincipal PM, Dev EX Program Manager, Web Plat

Page 38: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Hosted Web Apps Myth #7

Hosted Web Apps can’t access hardware

Page 39: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

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 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Demo: NFC in a Hosted Web AppJeff

Page 41: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Hosted Web Apps Myth #7

Hosted Web Apps can’t access hardware

`

Page 42: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

For more information:http://aka.ms/HWAMythBusting/

Page 43: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

#Build2016

Myth Busting:Hosted Web AppsJeff Burtoft Kiril SeksenovPrincipal PM, Dev EX Program Manager, Web Plat

Page 44: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Hosted Web Apps Myth #8

Hosted Web Apps don’t get the latest cool features

Page 45: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

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 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Demo: Continuum in a Hosted Web AppJeff

Page 47: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Hosted Web Apps Myth #8

Hosted Web Apps don’t get the latest cool features

`

Page 48: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

For more information:http://aka.ms/HWAMythBusting/

Page 49: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

#Build2016

Myth Busting:Hosted Web AppsJeff Burtoft Kiril SeksenovPrincipal PM, Dev EX Program Manager, Web Plat

Page 50: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Hosted Web Apps Myth #9

Hosted Web Apps can’t manage media as well as native

Page 51: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

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 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Demo: Media app

Kiril

Page 53: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Hosted Web Apps Myth #9

Hosted Web Apps can’t manage media as well as native

`

Page 54: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

For more information:http://aka.ms/HWAMythBusting/

Page 55: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

#Build2016

Myth Busting:Hosted Web AppsJeff Burtoft Kiril SeksenovPrincipal PM, Dev EX Program Manager, Web Plat

Page 56: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Hosted Web Apps Myth #10

My Web App can’t interact with native code

Page 57: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

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 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Demo: Add Web Allowed ObjectKiril

Page 59: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

Hosted Web Apps Myth #10

My Web App can’t interact with native code

`

Page 60: Build 2016 - P451 - Hosted Web Apps Myth #8- Hosted Web Apps Don’t Get the Latest Cool Features

For more information:http://aka.ms/HWAMythBusting/