dailymotion presenting xbox one experience days by damien delaire

33

Upload: damien-delaire

Post on 13-Jan-2017

36 views

Category:

Engineering


1 download

TRANSCRIPT

Page 1: Dailymotion presenting xbox one experience days by damien delaire
Page 2: Dailymotion presenting xbox one experience days by damien delaire

Damien Delaire@dailymotionEng

Page 3: Dailymotion presenting xbox one experience days by damien delaire
Page 4: Dailymotion presenting xbox one experience days by damien delaire

agile product and engineering team

storage encoding deliveryC 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 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: Dailymotion presenting xbox one experience days by damien delaire

3 Tier Video Delivery Stack

ensuring infinite video delivery

capabilityT1 BESPOKE PO INTS OF PRESENCET2 3RD PARTY CDNT3 PEER-TO -PEER

Page 6: Dailymotion presenting xbox one experience days by damien delaire

Complete video stack

200 000DA I LY U N I Q U E A P I U S E R S

14 million E XT E R N A L A P I U S E R S

250 millionDA I LY R E Q U E S T S O N T H E A P I

70 ms AV E RAG E R E S P O N S E T I M E

5000P 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

DATA A P I G U I D E S

Page 7: Dailymotion presenting xbox one experience days by damien delaire

Comment développer sur la console Xbox One avec une

application Universal Windows Platform (UWP)? Les do and

don't

Page 8: Dailymotion presenting xbox one experience days by damien delaire

One Windows Application Everywhere, with One Code base

220 Desktop Mobil

eXbox One

Zouhair MAHIEDDINE
Ce slide est un peu dégueu. Tu peux utiliser les versions avec device mais sans les fonds (Rachel doit avoir ça) et les aligner sur fond blanc, avec chaque titre au même niveau (sous le screenshot)
Damien Delaire
fixed
Page 9: Dailymotion presenting xbox one experience days by damien delaire

Porting a Windows 10 Application to Xbox One

Gamepad

Focus Traps

StateTriggers

Dailymotion UI/UX challenges with Xbox One

Page 10: Dailymotion presenting xbox one experience days by damien delaire

Gamepad

Page 11: Dailymotion presenting xbox one experience days by damien delaire

Your new keyboard and mouse…

Page 12: Dailymotion presenting xbox one experience days by damien delaire

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

Gamepad Bindings (Menu and Back)

Page 13: Dailymotion presenting xbox one experience days by damien delaire
Zouhair MAHIEDDINE
Tu dis quoi sur ce slide ?
Damien Delaire
check notes, the image is a gif
Page 14: Dailymotion presenting xbox one experience days by damien delaire

Disable the mouse mode and use the Gamepad

Page 15: Dailymotion presenting xbox one experience days by damien delaire

Focus Traps

Page 16: Dailymotion presenting xbox one experience days by damien delaire

Focus Traps

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

Zouhair MAHIEDDINE
Je suppose que tu commentes beaucoup ce slide à l'oral ? Pour détailler POURQUOI ce sont des traps, et comment les éviter ?
Damien Delaire
check notes
Page 17: Dailymotion presenting xbox one experience days by damien delaire

Focus Traps

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

Menu Popups Etc

Zouhair MAHIEDDINE
Je suppose que tu commentes beaucoup ce slide à l'oral ? Pour détailler POURQUOI ce sont des traps, et comment les éviter ?
Damien Delaire
check notes
Page 18: Dailymotion presenting xbox one experience days by damien delaire

this.GotFocus += Shell_GotFocus;

Method:

Finding where the focus has gone

Page 19: Dailymotion presenting xbox one experience days by damien delaire

StateTriggers

Page 20: Dailymotion presenting xbox one experience days by damien delaire

StateTriggers

220 Desktop Mobil

eXbox One

Zouhair MAHIEDDINE
Ce slide est un peu dégueu. Tu peux utiliser les versions avec device mais sans les fonds (Rachel doit avoir ça) et les aligner sur fond blanc, avec chaque titre au même niveau (sous le screenshot)
Damien Delaire
fixed
Page 21: Dailymotion presenting xbox one experience days by damien delaire

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: Dailymotion presenting xbox one experience days by damien delaire

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!

Zouhair MAHIEDDINE
Typo: "can be used" et non "can be using"
Damien Delaire
merci fixed
Page 23: Dailymotion presenting xbox one experience days by damien delaire

UI/UX challenges with Xbox

Page 24: Dailymotion presenting xbox one experience days by damien delaire

Inaccessible UI

Page 25: Dailymotion presenting xbox one experience days by damien delaire
Page 26: Dailymotion presenting xbox one experience days by damien delaire
Page 27: Dailymotion presenting xbox one experience days by damien delaire

Video page

Zouhair MAHIEDDINE
Là faut virer le enjoy beautiful HD. Encore une fois juste les devices sur fond blanc serait mieux, partout.
Damien Delaire
fixed
Page 28: Dailymotion presenting xbox one experience days by damien delaire

Video page

Page 29: Dailymotion presenting xbox one experience days by damien delaire

Video page

Page 30: Dailymotion presenting xbox one experience days by damien delaire

Video page

[email protected] ?

Page 31: Dailymotion presenting xbox one experience days by damien delaire

N° 31

Page 32: Dailymotion presenting xbox one experience days by damien delaire

@microsoftfrance @Technet_France @msdev_fr@DelaireD || @Dailymotion

N° 32

Page 33: Dailymotion presenting xbox one experience days by damien delaire

N° 33