SlideShare a Scribd company logo
1 of 33
Damien Delaire
@dailymotionEng
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 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
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
Comment développer sur la console
Xbox One avec une application
Universal Windows Platform (UWP)?
Les do and don't
One Windows Application Everywhere, with One Code
base
220Desktop Mobile Xbox One
Porting a Windows 10 Application to Xbox One
Gamepad
Focus Traps
StateTriggers
Dailymotion UI/UX challenges with Xbox One
Gamepad
Your new keyboard and mouse…
Gamepad has a menu button and a back button, map them to your app
Gamepad Bindings (Menu and Back)
Disable the mouse mode and use the Gamepad
Focus Traps
Focus Traps
Source: https://msdn.microsoft.com/en-us/windows/uwp/input-and-devices/designing-for-tv?f=255&MSPPError=-2147217396
Focus Traps
ListView and GridView with endless loading are traps!
Sliders & ToggleSwitch can be traps
Hidden elements are traps
Menu
Popups
Etc
this.GotFocus += Shell_GotFocus;
Method:
Finding where the focus has gone
StateTriggers
StateTriggers
220Desktop Mobile Xbox One
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
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!
UI/UX challenges with Xbox
Inaccessible UI
Video page
Video page
Video page
Video page
damiendelaire@gmail.com
N° 31
@microsoftfrance @Technet_France @msdev_fr
@DelaireD || @Dailymotion
N° 32
N° 33

More Related Content

Viewers also liked

.NET Framework Overview
.NET Framework Overview.NET Framework Overview
.NET Framework Overview
Doncho Minkov
 

Viewers also liked (15)

Les nouveautés SQL Server 2016
Les nouveautés SQL Server 2016Les nouveautés SQL Server 2016
Les nouveautés SQL Server 2016
 
Au cœur du Framework .NET 4.5.1
Au cœur du Framework .NET 4.5.1Au cœur du Framework .NET 4.5.1
Au cœur du Framework .NET 4.5.1
 
Applications multi plateformes avec Cordova, HTML5 et Javascript
Applications multi plateformes avec Cordova, HTML5 et JavascriptApplications multi plateformes avec Cordova, HTML5 et Javascript
Applications multi plateformes avec Cordova, HTML5 et Javascript
 
ASP.NET 5: la révolution est en marche
ASP.NET 5: la révolution est en marcheASP.NET 5: la révolution est en marche
ASP.NET 5: la révolution est en marche
 
Créer un Minecraft avec BabylonJS
Créer un Minecraft avec BabylonJSCréer un Minecraft avec BabylonJS
Créer un Minecraft avec BabylonJS
 
Entity Framework 7 : nouvelle version majeure d’Entity Framework
Entity Framework 7 : nouvelle version majeure d’Entity FrameworkEntity Framework 7 : nouvelle version majeure d’Entity Framework
Entity Framework 7 : nouvelle version majeure d’Entity Framework
 
Uwp + Xamarin : Du nouveau en terre du milieu
Uwp + Xamarin : Du nouveau en terre du milieuUwp + Xamarin : Du nouveau en terre du milieu
Uwp + Xamarin : Du nouveau en terre du milieu
 
Les nouveautés de C# 7
Les nouveautés de C# 7Les nouveautés de C# 7
Les nouveautés de C# 7
 
Quoi de neuf avec Visual Studio 2015, 2013 Update 4 et sa Community Edition ?
Quoi de neuf avec Visual Studio 2015, 2013 Update 4 et sa Community Edition ? Quoi de neuf avec Visual Studio 2015, 2013 Update 4 et sa Community Edition ?
Quoi de neuf avec Visual Studio 2015, 2013 Update 4 et sa Community Edition ?
 
Overview of .Net Framework 4.5
Overview of .Net Framework 4.5Overview of .Net Framework 4.5
Overview of .Net Framework 4.5
 
Introduction to .NET Framework and C# (English)
Introduction to .NET Framework and C# (English)Introduction to .NET Framework and C# (English)
Introduction to .NET Framework and C# (English)
 
Introduction to .NET Framework
Introduction to .NET FrameworkIntroduction to .NET Framework
Introduction to .NET Framework
 
.NET Framework Overview
.NET Framework Overview.NET Framework Overview
.NET Framework Overview
 
Introduction To Dotnet
Introduction To DotnetIntroduction To Dotnet
Introduction To Dotnet
 
Introduction to .net framework
Introduction to .net frameworkIntroduction to .net framework
Introduction to .net framework
 

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

Windows 7 For Developers
Windows 7 For DevelopersWindows 7 For Developers
Windows 7 For Developers
Rishu Mehra
 

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

Bringing Unity Games to Fire TV - Peter Heinrich
Bringing Unity Games to Fire TV - Peter HeinrichBringing Unity Games to Fire TV - Peter Heinrich
Bringing Unity Games to Fire TV - Peter Heinrich
 
Zoom Rooms Kit featuring Logitech
Zoom Rooms Kit featuring LogitechZoom Rooms Kit featuring Logitech
Zoom Rooms Kit featuring Logitech
 
Windows 7 For Developers
Windows 7 For DevelopersWindows 7 For Developers
Windows 7 For Developers
 
samsung_t220_t220g_t200_t200g_training.pdf
samsung_t220_t220g_t200_t200g_training.pdfsamsung_t220_t220g_t200_t200g_training.pdf
samsung_t220_t220g_t200_t200g_training.pdf
 
Portfolio Summer '17
Portfolio Summer '17Portfolio Summer '17
Portfolio Summer '17
 
Going Mobile by Nate Beck
Going Mobile by Nate BeckGoing Mobile by Nate Beck
Going Mobile by Nate Beck
 
Zoom Rooms Kit featuring the AVer CAM520 with the Phoenix Audio Condor
Zoom Rooms Kit featuring the AVer CAM520 with the Phoenix Audio Condor Zoom Rooms Kit featuring the AVer CAM520 with the Phoenix Audio Condor
Zoom Rooms Kit featuring the AVer CAM520 with the Phoenix Audio Condor
 
pcDuino Presentation at SparkFun
pcDuino Presentation at SparkFunpcDuino Presentation at SparkFun
pcDuino Presentation at SparkFun
 
Zoom Rooms kit for large conference room with Logitech
Zoom Rooms kit for large conference room with LogitechZoom Rooms kit for large conference room with Logitech
Zoom Rooms kit for large conference room with Logitech
 
Zoom Rooms kit featuring the AVer CAM520 and Revolabs UC FLX500
Zoom Rooms kit featuring the AVer CAM520 and Revolabs UC FLX500Zoom Rooms kit featuring the AVer CAM520 and Revolabs UC FLX500
Zoom Rooms kit featuring the AVer CAM520 and Revolabs UC FLX500
 
Zoom Rooms Kit feature the TelyCam TLC-300-U3S and Revolabs UC FLX500
Zoom Rooms Kit feature the TelyCam TLC-300-U3S and Revolabs UC FLX500Zoom Rooms Kit feature the TelyCam TLC-300-U3S and Revolabs UC FLX500
Zoom Rooms Kit feature the TelyCam TLC-300-U3S and Revolabs UC FLX500
 
Scale up your apps and games building new experiences on amazon fire tv
Scale up your apps and games building new experiences on amazon fire tvScale up your apps and games building new experiences on amazon fire tv
Scale up your apps and games building new experiences on amazon fire tv
 
From Data to Actions and Insights at Conviva with Rui Zhang and Yan Li
From Data to Actions and Insights at Conviva with Rui Zhang and Yan Li From Data to Actions and Insights at Conviva with Rui Zhang and Yan Li
From Data to Actions and Insights at Conviva with Rui Zhang and Yan Li
 
windows CE
windows CEwindows CE
windows CE
 
PenO 3 2014 sessie 2
PenO 3 2014 sessie 2PenO 3 2014 sessie 2
PenO 3 2014 sessie 2
 
Going Mobile - Flash Gaming Summit 2012
Going Mobile - Flash Gaming Summit 2012Going Mobile - Flash Gaming Summit 2012
Going Mobile - Flash Gaming Summit 2012
 
OU Media Player poster - e-Access'15 conference
OU Media Player poster - e-Access'15 conferenceOU Media Player poster - e-Access'15 conference
OU Media Player poster - e-Access'15 conference
 
Mobile phones - Evolution,Operating Systems,Connectivity and Networking
Mobile phones - Evolution,Operating Systems,Connectivity and NetworkingMobile phones - Evolution,Operating Systems,Connectivity and Networking
Mobile phones - Evolution,Operating Systems,Connectivity and Networking
 
Zoom Rooms kit featuring the AVer CAM520 and Phoenix Audio Octopus
Zoom Rooms kit featuring the AVer CAM520 and Phoenix Audio OctopusZoom Rooms kit featuring the AVer CAM520 and Phoenix Audio Octopus
Zoom Rooms kit featuring the AVer CAM520 and Phoenix Audio Octopus
 
Kivy - Python UI Library for Any Platform
Kivy - Python UI Library for Any PlatformKivy - Python UI Library for Any Platform
Kivy - Python UI Library for Any Platform
 

More from Microsoft

More from Microsoft (20)

La Blockchain pas à PaaS
La Blockchain pas à PaaSLa Blockchain pas à PaaS
La Blockchain pas à PaaS
 
Tester, Monitorer et Déployer son application mobile
Tester, Monitorer et Déployer son application mobileTester, Monitorer et Déployer son application mobile
Tester, Monitorer et Déployer son application mobile
 
Windows 10, un an après – Nouveautés & Démo
Windows 10, un an après – Nouveautés & Démo Windows 10, un an après – Nouveautés & Démo
Windows 10, un an après – Nouveautés & Démo
 
Prenez votre pied avec les bots et cognitive services.
Prenez votre pied avec les bots et cognitive services.Prenez votre pied avec les bots et cognitive services.
Prenez votre pied avec les bots et cognitive services.
 
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...
 
Créer un bot de A à Z
Créer un bot de A à ZCréer un bot de A à Z
Créer un bot de A à Z
 
Microsoft Composition, pierre angulaire de vos applications ?
Microsoft Composition, pierre angulaire de vos applications ?Microsoft Composition, pierre angulaire de vos applications ?
Microsoft Composition, pierre angulaire de vos applications ?
 
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
 
Administration et supervision depuis le Cloud avec Azure Logs Analytics
Administration et supervision depuis le Cloud avec Azure Logs AnalyticsAdministration et supervision depuis le Cloud avec Azure Logs Analytics
Administration et supervision depuis le Cloud avec Azure Logs Analytics
 
Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...
Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...
Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...
 
Plan de Reprise d'Activité avec Azure Site Recovery
Plan de Reprise d'Activité avec Azure Site RecoveryPlan de Reprise d'Activité avec Azure Site Recovery
Plan de Reprise d'Activité avec Azure Site Recovery
 
Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...
Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...
Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...
 
Transformation de la représentation : De la VR à la RA, aller & retour.
Transformation de la représentation : De la VR à la RA, aller & retour.Transformation de la représentation : De la VR à la RA, aller & retour.
Transformation de la représentation : De la VR à la RA, aller & retour.
 
Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...
Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...
Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...
 
Introduction à ASP.NET Core
Introduction à ASP.NET CoreIntroduction à ASP.NET Core
Introduction à ASP.NET Core
 
Open Source et Microsoft Azure, rêve ou réalité ?
Open Source et Microsoft Azure, rêve ou réalité ?Open Source et Microsoft Azure, rêve ou réalité ?
Open Source et Microsoft Azure, rêve ou réalité ?
 
Azure Service Fabric pour les développeurs
Azure Service Fabric pour les développeursAzure Service Fabric pour les développeurs
Azure Service Fabric pour les développeurs
 
La 3D sur le web avec Babylon.js pas à pas
La 3D sur le web avec Babylon.js pas à pasLa 3D sur le web avec Babylon.js pas à pas
La 3D sur le web avec Babylon.js pas à pas
 
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...
 
Le développement web : tour d'horizon
Le développement web : tour d'horizonLe développement web : tour d'horizon
Le développement web : tour d'horizon
 

Recently uploaded

Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
panagenda
 
CORS (Kitworks Team Study 양다윗 발표자료 240510)
CORS (Kitworks Team Study 양다윗 발표자료 240510)CORS (Kitworks Team Study 양다윗 발표자료 240510)
CORS (Kitworks Team Study 양다윗 발표자료 240510)
Wonjun Hwang
 

Recently uploaded (20)

(Explainable) Data-Centric AI: what are you explaininhg, and to whom?
(Explainable) Data-Centric AI: what are you explaininhg, and to whom?(Explainable) Data-Centric AI: what are you explaininhg, and to whom?
(Explainable) Data-Centric AI: what are you explaininhg, and to whom?
 
Simplifying Mobile A11y Presentation.pptx
Simplifying Mobile A11y Presentation.pptxSimplifying Mobile A11y Presentation.pptx
Simplifying Mobile A11y Presentation.pptx
 
How to Check GPS Location with a Live Tracker in Pakistan
How to Check GPS Location with a Live Tracker in PakistanHow to Check GPS Location with a Live Tracker in Pakistan
How to Check GPS Location with a Live Tracker in Pakistan
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
ADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptxADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptx
 
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
 
Introduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMIntroduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDM
 
CORS (Kitworks Team Study 양다윗 발표자료 240510)
CORS (Kitworks Team Study 양다윗 발표자료 240510)CORS (Kitworks Team Study 양다윗 발표자료 240510)
CORS (Kitworks Team Study 양다윗 발표자료 240510)
 
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on ThanabotsContinuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
 
Navigating the Large Language Model choices_Ravi Daparthi
Navigating the Large Language Model choices_Ravi DaparthiNavigating the Large Language Model choices_Ravi Daparthi
Navigating the Large Language Model choices_Ravi Daparthi
 
Generative AI Use Cases and Applications.pdf
Generative AI Use Cases and Applications.pdfGenerative AI Use Cases and Applications.pdf
Generative AI Use Cases and Applications.pdf
 
WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024
 
Vector Search @ sw2con for slideshare.pptx
Vector Search @ sw2con for slideshare.pptxVector Search @ sw2con for slideshare.pptx
Vector Search @ sw2con for slideshare.pptx
 
Microsoft CSP Briefing Pre-Engagement - Questionnaire
Microsoft CSP Briefing Pre-Engagement - QuestionnaireMicrosoft CSP Briefing Pre-Engagement - Questionnaire
Microsoft CSP Briefing Pre-Engagement - Questionnaire
 
Top 10 CodeIgniter Development Companies
Top 10 CodeIgniter Development CompaniesTop 10 CodeIgniter Development Companies
Top 10 CodeIgniter Development Companies
 
The Ultimate Prompt Engineering Guide for Generative AI: Get the Most Out of ...
The Ultimate Prompt Engineering Guide for Generative AI: Get the Most Out of ...The Ultimate Prompt Engineering Guide for Generative AI: Get the Most Out of ...
The Ultimate Prompt Engineering Guide for Generative AI: Get the Most Out of ...
 
Design Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptxDesign Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptx
 
Frisco Automating Purchase Orders with MuleSoft IDP- May 10th, 2024.pptx.pdf
Frisco Automating Purchase Orders with MuleSoft IDP- May 10th, 2024.pptx.pdfFrisco Automating Purchase Orders with MuleSoft IDP- May 10th, 2024.pptx.pdf
Frisco Automating Purchase Orders with MuleSoft IDP- May 10th, 2024.pptx.pdf
 
Cyber Insurance - RalphGilot - Embry-Riddle Aeronautical University.pptx
Cyber Insurance - RalphGilot - Embry-Riddle Aeronautical University.pptxCyber Insurance - RalphGilot - Embry-Riddle Aeronautical University.pptx
Cyber Insurance - RalphGilot - Embry-Riddle Aeronautical University.pptx
 
Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)
Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)
Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)
 

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

Editor's Notes

  1. 5k lecteur video servie par seconds 250 Million de call api par jours 70 ms de response time
  2. Go fast on this
  3. What is a Focus trap! With definitation
  4. AutoSuggestBox -> trap cant go down and select text suggested Listview Trap is endless loading, cant go down to content below, ne pas avoir un endless loading daans le sens de la navigation,
  5. ItemTemplate width will change depening on the platform
  6. Questions?