Développer sur la console Xbox One avec une application UWP. Les retours d'éxperience

Post on 21-Feb-2017

81 views 3 download

Transcript of Développer sur la console Xbox One avec une application UWP. Les retours d'éxperience

Damien Delaire

@dailymotionEng

agile product and engineering team

storage encoding delivery

C O N T I N U O U S D E V E L O P M E N T & D E L I V E R Y

24/7real-time monitoring

up to50daily releases

ingestion

R E A L - T I M E M U X I N G G E O - S T O R A G EC O N T E N T P R O T E C T I O N

3 Tier Video Delivery Stack

ensuring infinite video

delivery capabilityT1 B E S P O K E P O I N T S O F P R E S E N C ET2 3 R D P A R T Y C D NT3 P E E R - T O - P E E R

Complete video stack

200 000D A I L Y U N I Q U E A P I U S E R S

14 millionE X T E R N A L A P I U S E R S

250 millionD A I L Y R E Q U E S T S O N T H E A P I

70 msA V E R A G E R E S P O N S E T I M E

5000P L A Y E R S S E R V E D P E R S E C

N A T I V E S D K P L A Y E R A P I

D A T A A P I G U I D E S

Comment développer sur la console Xbox One avec une application

Universal Windows Platform (UWP)? Les do and don't

One Windows Application Everywhere, with One Code base

220Desktop Mobile Xbox One

Porting a Windows 10 Application to Xbox One

Gamepad

Focus Traps

StateTriggers

Dailymotion UI/UX challenges with Xbox One

Gamepad

Your new keyboard and mouse…

Gamepad has a menu button and a back button, map them to your app

Gamepad Bindings (Menu and Back)

Disable the mouse mode and use the Gamepad

Focus Traps

Focus Traps

Source: https://msdn.microsoft.com/en-us/windows/uwp/input-and-devices/designing-for-tv?f=255&MSPPError=-2147217396

Focus Traps

ListView and GridView with endless loading are traps!Sliders & ToggleSwitch can be trapsHidden elements are traps

Menu Popups Etc

this.GotFocus += Shell_GotFocus;

Method:

Finding where the focus has gone

StateTriggers

StateTriggers

220Desktop Mobile Xbox One

Detect the device you are on (Xbox One/Mobile/Desktop)

Show/Hide different elements depending on what platform you are on

- Search Icon when you are on Xbox- Full Search textbox when you are on the Desktop- Menu or Hidden menu?- Page layout- ItemTemplate- etc

DeviceFamilyStateTriggers.cs

Create a custom StateTrigger, to detect when your app is running on an Xbox (can be used for other devices too)

StateTriggers for the Win!

UI/UX challenges with Xbox

Inaccessible UI

Video page

Video page

Video page

Video page

damiendelaire@gmail.com

N° 31

@microsoftfrance @Technet_France @msdev_fr

@DelaireD || @Dailymotion

N° 32

N° 33