Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building...

40

Transcript of Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building...

Page 1: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.
Page 2: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Xbox One and Kinect Sessions at //Build!Time Slot Room Presenter Code Session Title

Wed, April 2nd 1:00 - 2:00 3024

Nikola Metulev 2-649 Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS & C++

Wed, April 2nd 2:30 – 3:30 3024 Gersh Payzer 2-647 Building Xbox One Apps using HTML and JavaScript

Wed, April 2nd 4:00 - 5:00 3024 Chris White 2-514 Kinect 101: Introduction to Kinect for Windows

Thurs, April 3rd 1:00 - 2:00 2004 Rob Cameron 3-648 Leveraging Windows Features to build Xbox One App Experiences

Thurs, April 3rd 4:00 - 5:00 2004

Kevin Kennedy 2-532 Bringing Kinect into your Windows Store app

Thurs, April 3rd 5:30 - 6:30 3018 Alain Maillot 2-637 Extending Xbox Experiences to DevicesFri, April 4th 9:00 - 10:00 3014 Eddie Mays 2-650 Designing the Ultimate 10’ Experience

Fri, April 4th 10:30 - 11:30 Hall 1A Frank Savage 2-651 Understanding the Xbox One Game Platform Built on Windows

Fri, April 4th 12:30 - 1:30 2018 Bryan Nealer 2-652 Xbox Music API – Music for every app

Page 3: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Rob CameronPrincipal Program ManagerXbox One Apps Platformhttp://xbox.com/

Leveraging Windows features to build Xbox One app experiences

3-648

Page 4: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Primer on Xbox One platformUI experiencesApp platformXbox One featuresBuilding appsDemo

Agenda

Page 5: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Multi-OS architecture

Exclusive partition

Host OS

Shared partition (Windows)

apps

Xbox Shell

System Services

OS

Page 6: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

HTML5 and JavaScript

Visual Studio & Xbox One

ADK

Rich application template

Common controls

Reuse existing app services

Modern OS

Hardware video decode

Access to Kinect sensor

C++ WinRT components

Power Efficiency

Leverage what you know

Prototype on Windows

Freedom to design

Flexibility

Xbox One app platform

Page 7: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

UI experiences

Page 8: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Microsoft Account (MSA)

Family and parental controls

Single sign-on with MSA and subscriber

accountsXbox Live

Personalized and tailored

Xbox Live and user accounts

Page 9: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

UI optimized for each platformSettingsWindows Xbox One

Page 10: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

UI optimized for each platformNotifications

Windows Xbox One

Page 11: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

PinsWindows

Page 12: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

PinsXbox One

Page 13: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

App platform

Page 14: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Vast majority of the Windows Runtime API setMedia foundationHTML/JS/CSS3C++/CX

Windows runtime

Page 15: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Platform for apps

Xbox Live

Local storage

Connected storage

Services and persistence

Fast and fluid app switching similar to windows

Activated, suspend, resume events

User quickly returns to an app in the same state it was left in

States: full/fill, constrained, suspended, not running, and terminated

Process lifetime management

Background task support

Deep linking protocol

Pins API for pinning to home

EPG API for OneGuide app channel integration

Platform integration

Page 16: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Fill mode Snap mode

Multitasking

Page 17: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

448MB RAM

¼ core CPU

12 GFLOPS

1080p30@20Mbps

448MB RAM

2 cores CPU

540 GFLOPS

1080p30@20Mbps

Full and Fill Snap

16MB RAM

2 sec every 15 min CPU

No GPU

No video decode

Background Tasks

App hardware resources

Page 18: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Xbox One features

Page 19: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Discovery and engagement

Xbox One provides many ways to help drive users to your apps and extend and enhance the time spent in your apps.

Pins

Achievements

App channels

Snap

Search

SmartGlass Kinect

Discovery

Engagement

Page 20: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Catalog feed

Drives the Xbox One global search experience and user engagement

XML file detailing media content delivered to Bing daily

Deep link to the in-app experience via the content ID. If app not installed, will go to the marketplace to install the app

Page 21: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Smart links from system or app, both in and out

Leads users to install apps that are not installed

Deep linking

APPS

SETTINGS

Page 22: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Platform integration APIs

Will play Just played

Could playSearch catalog feedDeep linking

BatProcess lifetime management

Xbox pins APIDeep linking

Page 23: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

OneGuide

Page 24: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

OneGuide listings writer APIsat a glance

Xbox One

System/OS

OneGuideData store

OneGuide listing writer APIs

Application

C++/CX backgroun

d task

Your Web Services

EPG Data

WNS notification

handler

App startup/ UX

code

C++/CX channel update code

Page 25: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Help is a first class citizen to reduce customer support costs

App help

Page 26: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Second screen experiences

Turn any smart device into an Xbox controller

Use the keyboard you already know and love

Experience your content in new ways

Access Xbox Live services anywhere you are

Page 27: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Monetization

AVOD

Advertising offered in two ways: Partner-served ads Microsoft-served ads

including NuAds

TVOD

Apps use Microsoft’s billing infrastructure Rev share between

app partner and Microsoft

SVOD

SVOD available in two types: On-device signup Off-device via PC,

tablet, …

Reporting 25% uplift in on-device signup when in app

Physical transactions

Provide users the ability to purchase physical goods

Page 28: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Building apps

Page 29: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Xbox One App Development

Controller, Voice & Gesture user input

Customizable MediaPlayer

Media Foundation

OneGuide App Channels

Pinning and Search

System Integration

IE10 browser is the core “runtime” for development model (HTML5, JS, CSS3)

Provides all functionality of WinJS with extensions for Xbox One

CSS for 10” / TV experience

C++ WinRT comp & background tasks

Programming Model

Controls styled for Xbox One

Hub and TabView control for layout

ListView control for complex, dynamic lists

Repeater control for simple lists

ItemContainer for buttons

Key Controls

Page 30: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Visual studio performance analyzerJavascript console

Visual Studio

Page 31: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Visual Studio

UI responsiveness analyzerMemory analyzer

Page 32: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Media app template

Page 33: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Demo

Page 34: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

if (WinJS.Utilities.hasWinRT && Windows.Xbox) {

// run Xbox One specific code here // AppChannels, etc. } else { // Run code for Windows or Windows Phone here

};

Feature checking for Xbox One

Page 35: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Partners that offer Developer Services and Middleware are encouraged to join the Xbox Developer Partner Program

Email [email protected] for more information

Xbox Apps Developer Partner Program

Page 36: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Xbox One is built on Windows Core

Take advantage of the Windows platform today and build Windows Store/Windows Phone Apps

We have a room at Expert 1:1, come talk to the Xbox Apps team! :-)

Join the Xbox team for an informal social event in the Xbox Loft Thursday 6pm

Summary

Please fill out a session survey!

Page 37: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Questions?

Page 38: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Xbox One and Kinect Sessions at //Build!Time Slot Room Presenter Code Session Title

Wed, April 2nd 1:00 - 2:00 3024

Nikola Metulev 2-649 Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS & C++

Wed, April 2nd 2:30 – 3:30 3024 Gersh Payzer 2-647 Building Xbox One Apps using HTML and JavaScript

Wed, April 2nd 4:00 - 5:00 3024 Chris White 2-514 Kinect 101: Introduction to Kinect for Windows

Thurs, April 3rd 1:00 - 2:00 2004 Rob Cameron 3-648 Leveraging Windows Features to build Xbox One App Experiences

Thurs, April 3rd 4:00 - 5:00 2004

Kevin Kennedy 2-532 Bringing Kinect into your Windows Store app

Thurs, April 3rd 5:30 - 6:30 3018 Alain Maillot 2-637 Extending Xbox Experiences to DevicesFri, April 4th 9:00 - 10:00 3014 Eddie Mays 2-650 Designing the Ultimate 10’ Experience

Fri, April 4th 10:30 - 11:30 Hall 1A Frank Savage 2-651 Understanding the Xbox One Game Platform Built on Windows

Fri, April 4th 12:30 - 1:30 2018 Bryan Nealer 2-652 Xbox Music API – Music for every app

Page 39: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

Your Feedback is Important

Fill out an evaluation of this session and help shape future events.

Scan the QR code to evaluate this session on your mobile device.

You’ll also be entered into a daily prize drawing!

Page 40: Time SlotRoomPresenterCodeSession Title Wed, April 2nd 1:00 - 2:003024Nikola Metulev2-649Building Windows, Windows Phone, and Xbox One Apps with HTML/JS/CSS.

© 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.