33

Comment développer sur la console Xbox One avec une application Universal Windows Platform (UWP)? Les do and dont

Embed Size (px)

Citation preview

  1. 1. Damien Delaire @dailymotionEng
  2. 2. 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
  3. 3. 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
  4. 4. 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
  5. 5. Comment dvelopper sur la console Xbox One avec une application Universal Windows Platform (UWP)? Les do and don't
  6. 6. One Windows Application Everywhere, with One Code base 220Desktop Mobile Xbox One
  7. 7. Porting a Windows 10 Application to Xbox One Gamepad Focus Traps StateTriggers Dailymotion UI/UX challenges with Xbox One
  8. 8. Gamepad
  9. 9. Your new keyboard and mouse
  10. 10. Gamepad has a menu button and a back button, map them to your app Gamepad Bindings (Menu and Back)
  11. 11. Disable the mouse mode and use the Gamepad
  12. 12. Focus Traps
  13. 13. Focus Traps Source: https://msdn.microsoft.com/en-us/windows/uwp/input-and-devices/designing-for-tv?f=255&MSPPError=-2147217396
  14. 14. Focus Traps ListView and GridView with endless loading are traps! Sliders & ToggleSwitch can be traps Hidden elements are traps Menu Popups Etc
  15. 15. this.GotFocus += Shell_GotFocus; Method: Finding where the focus has gone
  16. 16. StateTriggers
  17. 17. StateTriggers 220Desktop Mobile Xbox One
  18. 18. 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
  19. 19. 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!
  20. 20. UI/UX challenges with Xbox
  21. 21. Inaccessible UI
  22. 22. Video page
  23. 23. Video page
  24. 24. Video page
  25. 25. Video page [email protected]
  26. 26. N 31
  27. 27. @microsoftfrance @Technet_France @msdev_fr @DelaireD || @Dailymotion N 32
  28. 28. N 33