Développement Mobile
Les solutions pour Windows, Android et iOS
Etienne Margraff
Microsoft – Technical Evangelist
@meulta
...
Mobile-first Cloud-first
Chaque application Chaque développeur
DevOpsDéveloppement CloudDéveloppement mobile
Visual Studio 2015 Community
Visual Studio 2015 Professional / Enterprise
Windows 10
Looking for you…
09:50
12 13
Tuesday, June 30, 2015
Hello Kevin!
09:50
12 13
Tuesday, June 30, 2015
Windows Hello
Provide reliable, friction free authentication with
full acc...
App discovery
and promotion
is built into the
Start menu
Live tiles drive
re-engagement
Action center
Notifications invite the user to come back to
and engage with the app
Interactive notifications
User can tak...
Cortana makes app
suggestions based
on user context
She’ll prompt with
locally relevant apps
wherever the user is
Continuum for 2-in-1 delivering
tablets that can replace your
laptop
Continuum for phones – where
any screen becomes your ...
Pour tous.
Un code unique.
XboxIoT
Une plateforme unifiée
Phone
Device
Xbox
Device
Desktop
Device
Windows Core
Universal Windows Platform
<TargetDeviceFamily...
Des API spécifiques aux plateformes
Phone
Device
Xbox
Device
Desktop
Device
Windows Core
Universal Windows Platform
Phone
...
Un binaire universel
Phone
Device
Xbox
Device
Desktop
Device
Windows Core
Universal Windows Platform
Phone
extension
Xbox
...
Debug
Copier l’identité Microsoft n’est
aucunement une garantie de succès
MenuFlyout mf = new MenuFlyout();
mf.ShowAt(sender, e.GetPosition(sender));
TOUR
Demo
Adaptive Code & Design
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<...
<RelativePanel>
<Image x:Name="img" …/>
<TextBlock x:Name="title" RelativePanel.RightOf="img" RP.AlignTopWith="img" …/>
<T...
<RelativePanel>
<Image x:Name="img" …/>
<TextBlock x:Name="title" RelativePanel.RightOf="img" RP.AlignTopWith="img" …/>
<T...
<VisualState.Setters>
<Setter Target="splitView.DisplayMode" Value="Inline" />
</VisualState.Setters>
<VisualState.StateTr...
Print support on mobile
Drag/drop
Action center APIs and triggers
Backup / Restore
Game DVR
Contacts APIs
Calendar & Email...
Technologies Web
Technologies Natives
Applications web
Visual Studio tools for
Apache Cordova
Visual C++ for cross-platWin32
Application bureau– WPF
Universal W...
.NET et Xamarin
Partager la logique des app
100% des APIs sont exposées
C# + XIB C# + AXML C# + XAML
Native UI Native UI N...
Créer une UI en faisant du drag&drop
Cibler plusieurs tailles d’écrans
Les interfaces sont stockées dans le
format natif
L...
Demo: & Visual Studio
Créer une experience riche
proche du natif pour
Windows, iOS et Android
en réutilisant du code
Apps mobile
cross-platform
en C++
Installation simple
Un seul IDE pour le dev cross-
plateformes C++
Expérience de debug p...
Tools for
Apache Cordova
Apps hybrides HTML
Outils Cordova dans Visual Studio Black Box
Demo: Visual Studio Tools for Apache Cordova™
Créer une application
hybride HTML en utilisant
Visual Studio 2015 et
Cordova
Nouveaux
scenarios pour
les développeurs
Visual Studio
www.visualstudio.com
Ouverte pour
chaque développeur,
chaque applic...
MobileDay - Session 3 La Mobilité selon Microsoft
MobileDay - Session 3 La Mobilité selon Microsoft
MobileDay - Session 3 La Mobilité selon Microsoft
MobileDay - Session 3 La Mobilité selon Microsoft
MobileDay - Session 3 La Mobilité selon Microsoft
MobileDay - Session 3 La Mobilité selon Microsoft
MobileDay - Session 3 La Mobilité selon Microsoft
MobileDay - Session 3 La Mobilité selon Microsoft
MobileDay - Session 3 La Mobilité selon Microsoft
MobileDay - Session 3 La Mobilité selon Microsoft
MobileDay - Session 3 La Mobilité selon Microsoft
MobileDay - Session 3 La Mobilité selon Microsoft
MobileDay - Session 3 La Mobilité selon Microsoft
MobileDay - Session 3 La Mobilité selon Microsoft
MobileDay - Session 3 La Mobilité selon Microsoft
MobileDay - Session 3 La Mobilité selon Microsoft
MobileDay - Session 3 La Mobilité selon Microsoft
MobileDay - Session 3 La Mobilité selon Microsoft
MobileDay - Session 3 La Mobilité selon Microsoft
MobileDay - Session 3 La Mobilité selon Microsoft
MobileDay - Session 3 La Mobilité selon Microsoft
MobileDay - Session 3 La Mobilité selon Microsoft
MobileDay - Session 3 La Mobilité selon Microsoft
MobileDay - Session 3 La Mobilité selon Microsoft
Prochain SlideShare
Chargement dans…5
×

MobileDay - Session 3 La Mobilité selon Microsoft

583 vues

Publié le

MobileDay by Microsoft & Cellenza - 25 Juin 2015. Session "La Mobilité selon Microsoft" par Etienne Margraff et Jean-Sébastien Dupuy

Publié dans : Mobile
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
583
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2
Actions
Partages
0
Téléchargements
15
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

MobileDay - Session 3 La Mobilité selon Microsoft

  1. 1. Développement Mobile Les solutions pour Windows, Android et iOS Etienne Margraff Microsoft – Technical Evangelist @meulta Jean-Sébastien Dupuy Microsoft – Technical Evangelist @dupuyjs
  2. 2. Mobile-first Cloud-first
  3. 3. Chaque application Chaque développeur
  4. 4. DevOpsDéveloppement CloudDéveloppement mobile Visual Studio 2015 Community Visual Studio 2015 Professional / Enterprise
  5. 5. Windows 10
  6. 6. Looking for you… 09:50 12 13 Tuesday, June 30, 2015
  7. 7. Hello Kevin! 09:50 12 13 Tuesday, June 30, 2015 Windows Hello Provide reliable, friction free authentication with full access to all experiences and commerce.
  8. 8. App discovery and promotion is built into the Start menu Live tiles drive re-engagement
  9. 9. Action center Notifications invite the user to come back to and engage with the app Interactive notifications User can take direct action on a notification, in the Action Center or from the toast notification
  10. 10. Cortana makes app suggestions based on user context She’ll prompt with locally relevant apps wherever the user is
  11. 11. Continuum for 2-in-1 delivering tablets that can replace your laptop Continuum for phones – where any screen becomes your PC
  12. 12. Pour tous. Un code unique.
  13. 13. XboxIoT
  14. 14. Une plateforme unifiée Phone Device Xbox Device Desktop Device Windows Core Universal Windows Platform <TargetDeviceFamily Name="Windows.Universal" MinVersion="10.0.10069.0" MaxVersionTested="10.0.10069.0" />
  15. 15. Des API spécifiques aux plateformes Phone Device Xbox Device Desktop Device Windows Core Universal Windows Platform Phone extension Xbox extension Desktop extension IoT extension
  16. 16. Un binaire universel Phone Device Xbox Device Desktop Device Windows Core Universal Windows Platform Phone extension Xbox extension Desktop extension IoT extension Windows Application
  17. 17. Debug
  18. 18. Copier l’identité Microsoft n’est aucunement une garantie de succès
  19. 19. MenuFlyout mf = new MenuFlyout(); mf.ShowAt(sender, e.GetPosition(sender));
  20. 20. TOUR
  21. 21. Demo Adaptive Code & Design
  22. 22. <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto"/> <ColumnDefinition Width="*"/> </Grid.ColumnDefinitions> <Image x:Name="img" …/> <StackPanel Grid.Column="1" …> <TextBlock x:Name="title" …/> <TextBlock x:Name="filmMaker" …/> <TextBlock x:Name="summary" …/> <Button Content="Download" …/> </StackPanel> </Grid> Permet de positionner les éléments les uns par rapport aux autres Les panels tradionnels peuvent être compliqués pour des layout complexes
  23. 23. <RelativePanel> <Image x:Name="img" …/> <TextBlock x:Name="title" RelativePanel.RightOf="img" RP.AlignTopWith="img" …/> <TextBlock x:Name="filmMaker" RP.RightOf="img" RP.Below="title" …/> <TextBlock x:Name="summary" RP.RightOf="img" RP.Below="filmMaker" …/> <Button Content="Download" RP.RightOf="img" RP.AlignBottomWithPanel="True" …/> </RelativePanel> Exemple Utiliser State et Setters pour des Design Responsive avancésNote: Replacer RP par RelativePanel dans les attributs (ici réduits pour la lisibilité)
  24. 24. <RelativePanel> <Image x:Name="img" …/> <TextBlock x:Name="title" RelativePanel.RightOf="img" RP.AlignTopWith="img" …/> <TextBlock x:Name="filmMaker" RP.RightOf="img" RP.Below="title" …/> <TextBlock x:Name="summary" RP.RightOf="img" RP.Below="filmMaker" …/> <Button Content="Download" RP.Below="img" RP.AlignLeftWithPanel="True" …/> </RelativePanel> Exemple
  25. 25. <VisualState.Setters> <Setter Target="splitView.DisplayMode" Value="Inline" /> </VisualState.Setters> <VisualState.StateTriggers> <AdaptiveTrigger MinWindowWidth="720" /> </VisualState.StateTriggers> <VisualState.Setters> <Setter Target="splitView.DisplayMode" Value="CompactInline" /> </VisualState.Setters> <VisualState.StateTriggers> <AdaptiveTrigger MinWindowWidth= "0" /> </VisualState.StateTriggers> Triggers and Setters (XAML équivalent des Media Queries) Si la fenêtre est ≥ 720 pixels effectifs, alors on affiche le SliptView en mode Inline
  26. 26. Print support on mobile Drag/drop Action center APIs and triggers Backup / Restore Game DVR Contacts APIs Calendar & Email APIs Unified modern VOIP apps Media creation APIs HLS, Dash, Closed Captioning
  27. 27. Technologies Web Technologies Natives
  28. 28. Applications web Visual Studio tools for Apache Cordova Visual C++ for cross-platWin32 Application bureau– WPF Universal Windows Apps .NET
  29. 29. .NET et Xamarin Partager la logique des app 100% des APIs sont exposées C# + XIB C# + AXML C# + XAML Native UI Native UI Native UI
  30. 30. Créer une UI en faisant du drag&drop Cibler plusieurs tailles d’écrans Les interfaces sont stockées dans le format natif Le meilleur éditeur UI Android et maintenant dans Visual Studio !  iOS app designer dans Visual Studio Android app designer dans Visual Studio
  31. 31. Demo: & Visual Studio Créer une experience riche proche du natif pour Windows, iOS et Android en réutilisant du code
  32. 32. Apps mobile cross-platform en C++ Installation simple Un seul IDE pour le dev cross- plateformes C++ Expérience de debug puissante Emulation rapide
  33. 33. Tools for Apache Cordova Apps hybrides HTML Outils Cordova dans Visual Studio Black Box
  34. 34. Demo: Visual Studio Tools for Apache Cordova™ Créer une application hybride HTML en utilisant Visual Studio 2015 et Cordova
  35. 35. Nouveaux scenarios pour les développeurs Visual Studio www.visualstudio.com Ouverte pour chaque développeur, chaque application

×