Développer sur la console Xbox One avec une application UWP. Les retours d'éxperience
-
Upload
dailymotion -
Category
Engineering
-
view
87 -
download
3
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](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/1.jpg)
![Page 2: Développer sur la console Xbox One avec une application UWP. Les retours d'éxperience](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/2.jpg)
Damien Delaire
@dailymotionEng
![Page 3: Développer sur la console Xbox One avec une application UWP. Les retours d'éxperience](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/3.jpg)
![Page 4: Développer sur la console Xbox One avec une application UWP. Les retours d'éxperience](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/4.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/5.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/6.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/7.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/8.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/9.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/10.jpg)
Gamepad
![Page 11: Développer sur la console Xbox One avec une application UWP. Les retours d'éxperience](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/11.jpg)
Your new keyboard and mouse…
![Page 12: Développer sur la console Xbox One avec une application UWP. Les retours d'éxperience](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/12.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/13.jpg)
![Page 14: Développer sur la console Xbox One avec une application UWP. Les retours d'éxperience](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/14.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/15.jpg)
Focus Traps
![Page 16: Développer sur la console Xbox One avec une application UWP. Les retours d'éxperience](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/16.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/17.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/18.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/19.jpg)
StateTriggers
![Page 20: Développer sur la console Xbox One avec une application UWP. Les retours d'éxperience](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/20.jpg)
StateTriggers
220Desktop Mobile Xbox One
![Page 21: Développer sur la console Xbox One avec une application UWP. Les retours d'éxperience](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/21.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/22.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/23.jpg)
UI/UX challenges with Xbox
![Page 24: Développer sur la console Xbox One avec une application UWP. Les retours d'éxperience](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/24.jpg)
Inaccessible UI
![Page 25: Développer sur la console Xbox One avec une application UWP. Les retours d'éxperience](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/25.jpg)
![Page 26: Développer sur la console Xbox One avec une application UWP. Les retours d'éxperience](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/26.jpg)
![Page 27: Développer sur la console Xbox One avec une application UWP. Les retours d'éxperience](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/27.jpg)
Video page
![Page 28: Développer sur la console Xbox One avec une application UWP. Les retours d'éxperience](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/28.jpg)
Video page
![Page 29: Développer sur la console Xbox One avec une application UWP. Les retours d'éxperience](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/29.jpg)
Video page
![Page 31: Développer sur la console Xbox One avec une application UWP. Les retours d'éxperience](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/31.jpg)
N° 31
![Page 32: Développer sur la console Xbox One avec une application UWP. Les retours d'éxperience](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/32.jpg)
@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](https://reader031.fdocument.pub/reader031/viewer/2022030206/58ab77b51a28abb54e8b6831/html5/thumbnails/33.jpg)
N° 33