Présentation donnée lors des journées Microsoft Expériences'16, le 5 octobre 2016. Par Damien Delaire Snr Développeur Windows pour Dailymotion et MVP pour Microsoft English version available here: http://engineering.dailymotion.com/how-we-brought-the-dailymotion-uwp-app-to-xbox-one-with-windows-10/

2. Damien Delaire
@dailymotionEng

4. 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/7
real-time monitoring
up to50
daily releases
ingestion
R E A L - T I M E M U X I N GG 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

5. 3 Tier Video Delivery Stack
ensuring infinite video
delivery capabilityT1 BESPOK E POINT S OF PR ESENCE
T2 3R D PAR T Y CDN
T3 PEER - TO- PEER

6. Complete
video stack
200 000
D A I L Y U N I Q U E A P I U S E R S
14 million
E X T E R N A L A P I U S E R S
250 million
D A I L Y R E Q U E S T S O N T H E A P I
70 ms
A V E R A G E R E S P O N S E T I M E
5000
P 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

7. Comment développer sur la console
Xbox One avec une application
Universal Windows Platform (UWP)?
Les do and don't

8. One Windows Application Everywhere, with One Code
base
220
Desktop Mobile Xbox One

9. Porting a Windows 10 Application to Xbox One
Gamepad
Focus Traps
StateTriggers
Dailymotion UI/UX challenges with Xbox One

10. Gamepad

11. Your new keyboard and mouse…

12. Gamepad has a menu button and a back button, map them to your app
Gamepad Bindings (Menu and Back)

14. Disable the mouse mode and use the Gamepad

15. Focus Traps

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

17. Focus Traps
ListView and GridView with endless loading are traps!
Sliders & ToggleSwitch can be traps
Hidden elements are traps
Menu
Popups
Etc

18. this.GotFocus += Shell_GotFocus;
Method:
Finding where the focus has gone

19. StateTriggers

20. StateTriggers
220
Desktop Mobile Xbox One

21. 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

22. 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!

23. UI/UX challenges with Xbox

24. Inaccessible UI

27. Video page

28. Video page

29. Video page

30. Video page
damiendelaire@gmail.com

31. N° 31

32. @microsoftfrance @Technet_France @msdev_fr
@DelaireD || @Dailymotion
N° 32

33. N° 33