"Après avoir développé une application Universal Windows Platform (UWP) pour mobile et desktop, est-il possible de porter facilement son application sur Xbox One ? Quels sont les problèmes que nous avons rencontré à Dailymotion pour le développement de notre application ? Dans cette session, nous regarderons les différents éléments dont il faudra bien penser lorsqu’on développe pour la console Xbox One comme la taille de l’écran de la TV, le gamepad ou encore la remote. Je vous expliquerais les choix que nous avons fait à Dailymotion sur notre application Xbox One. Quels sont les problèmes que nous avons rencontré à Dailymotion pour le développement de notre application ?"

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 BESPOKE POIN TS OF
PR ESEN C E
T2 3R D PARTY C D N
T3 PEER - TO- PEER

6. Complete
video stack
200 000
D A I LY 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 LY R E Q U E S T S O N T H E A P I
70 ms
AV E R A G E R E S P O N S E T I M E
5000
P L AY E R S S E RV E D P E R S E C
N AT I V E S D K P L AY E R A P I
D ATA 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
220Desktop 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
220Desktop 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