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

33

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

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

Damien Delaire

@dailymotionEng

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

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

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

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

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

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

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

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

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

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

One Windows Application Everywhere, with One Code base

220Desktop Mobile Xbox One

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

Porting a Windows 10 Application to Xbox One

Gamepad

Focus Traps

StateTriggers

Dailymotion UI/UX challenges with Xbox One

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

Gamepad

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

Your new keyboard and mouse…

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

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

Gamepad Bindings (Menu and Back)

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

Disable the mouse mode and use the Gamepad

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

Focus Traps

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

Focus Traps

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

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

Focus Traps

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

Menu Popups Etc

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

this.GotFocus += Shell_GotFocus;

Method:

Finding where the focus has gone

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

StateTriggers

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

StateTriggers

220Desktop Mobile Xbox One

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

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

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

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!

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

UI/UX challenges with Xbox

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

Inaccessible UI

Page 25: Développer sur la console Xbox One avec une application UWP. Les retours d'éxperience
Page 26: Développer sur la console Xbox One avec une application UWP. Les retours d'éxperience
Page 27: Développer sur la console Xbox One avec une application UWP. Les retours d'éxperience

Video page

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

Video page

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

Video page

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

Video page

[email protected]

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

N° 31

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

@microsoftfrance @Technet_France @msdev_fr

@DelaireD || @Dailymotion

N° 32

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

N° 33