Windows 10 è la piattaforma alla base di tutte le tecnologie presenti e future di Microsoft, nella quale giocano un ruolo fondamentale le Universal Windows app. Nel corso di questa sessione vedremo come sviluppare un'applicazione in grado di girare su computer, telefoni, tablet, console e nel mondo IOT e come ottimizzarle per massimizzare le similitudini e gestire le differenze.

1. Template designed by
Universal Windows app
One app for every screen
Matteo Pagani
Support Engineer – AppConsult @ Microsoft
matteo.pagani@microsoft.com
http://wp.qmatteoq.com

3. Windows 10

4. One Store +
One Dev Center
Full Support for
Existing Code
SDK +
Services
Adaptive
User Interface
Natural
User Inputs

5. L’approccio di Windows 8.1

6. Universal Windows 8.1 app
#if WINDOWS_APP
ResourceLoader loader = new ResourceLoader();
string about = loader.GetString("SettingsLabel/Text");
string privacy = loader.GetString("PrivacySettings/Text");
string options = loader.GetString("Settings/Text");
ISettingsService settings =
container.RegisterSettingsService();
settings.RegisterFlyoutCommand<AboutViewModel>(about);
settings.RegisterFlyoutCommand<PrivacyPolicyViewModel>(privacy);
settings.RegisterFlyoutCommand<SettingsViewModel>(options);
#endif

7. <Dependencies>
<TargetDeviceFamily Name="Windows.Universal"
MinVersion="10.0.10069.0" MaxVersionTested="10.0.10069.0" />
</Dependencies>
Universal Windows Platform

8. Un pacchetto per tutti i dispositivi

9. XboxIoT

10. Platform extension

11. Verifica delle capability
IsApiContractPresent
IsEnumNamedValuePresent
IsEventPresent
IsMethodPresent
IsPropertyPresent
IsReadOnlyPropertyPresent
IsTypePresent
IsWriteablePropertyPresent
Windows.Foundation.Metadata.ApiInformation

12. Verifica delle capability

13. Ottimizzare l’esperienza utente

14. VisualState trigger

16. Una classe, diverse pagine XAML

18. RelativePanel

20. SplitView

21. <SplitView DisplayMode="Inline|Overlay|CompactInline|CompactOverlay">
<SplitView.Pane>
<!-- Navigation Content Here -->
</SplitView.Pane>
<!-- Main Content Here -->
</SplitView>
SplitView

22. Il ciclo di vita dell’applicazione

23. Gestione delle risorse

24. Esecuzione estesa
private async void OnSuspending(object sender, SuspendingEventArgs e)
{
var deferral = e.SuspendingOperation.GetDeferral();
using (var session = new ExtendedExecutionSession())
{
session.Reason = ExtendedExecutionReason.SavingData;
session.Description = "Upload Data";
session.Revoked += session_Revoked;
var result = await session.RequestExtensionAsync();
if (result == ExtendedExecutionResult.Denied)
{
UploadBasicData();
}
// Upload Data
var completionTime = await UploadDataAsync(session);
}
deferral.Complete();
}

25. Trigger

26. Comunicazione tra app

27. Nuovo modello di navigazione unificato

28. La stessa app su Mobile e Desktop

29. La stessa app su Mobile e Desktop

30. La stessa app su Mobile e Desktop

31. Su desktop, il pulsante Back viene disabilitato quando si raggiunge la prima pagina dell’applicazione
La stessa app su Mobile e Desktop

32. Completare attività in Cortana
Here are your upcoming trips.
May 14th 2015
Las Vegas
May 28th 2015
San Diego
Go to Adventure Works
August 24th 2015
Phoenix
Content Area
App GUI Text
App Icon
Link to your
app
App Screen
Text-To-Speech
(TTS)
Content Tile
A
Here are your
upcoming trips.

33. L’architettura per la gestione dei comandi vocali in background
Call
Text
Remind
Email
Voice Command
VCD
App Web Service
Microsoft Speech
Platform Service (cloud)
A
Go to Adventure Works
Here is your trip to
London
Application Code
Which ‘Vegas’ trip do
you wanna cancel?
Here’s your
trip to London

34. Il contenuto si adatta alla tile
Il nuovo template adaptive consente al contenuto di adattarsi in base alla densità dello schermo del dispositivo. In questo modo, dispositivi con una
maggiore densità saranno in grado di mostrare più contenuti rispetto a quelli con minore densità.
Min. Med Size Max Med. Size
Dispositivi con maggiore densità sono in grado di
mostrare l’anteprima di due messaggi
Adaptive Tile Template

35. Min. Med Size Max Med. Size
Il testo viene disposto su più righe, così da essere
sempre leggibile
Il contenuto si adatta alla tile
Il nuovo template adaptive consente al contenuto di adattarsi in base alla densità dello schermo del dispositivo. In questo modo, dispositivi con una
maggiore densità saranno in grado di mostrare più contenuti rispetto a quelli con minore densità.
Adaptive Tile Template

36. Nuove possibilità di interazione
Il contenuto si adatta alla notifica toast
Il nuovo template adaptive consente al contenuto di adattarsi in base allo stato e alla dimensione della notifica toast. In questo modo,
dispositivi con una maggiore densità saranno in grado di mostrare più contenuti rispetto a quelli con minore densità.
Adaptive Toast Template

37. Azioni gestite dal sistema
Il contenuto si adatta alla notifica toast
Il nuovo template adaptive consente al contenuto di adattarsi in base allo stato e alla dimensione della notifica toast. In questo modo,
dispositivi con una maggiore densità saranno in grado di mostrare più contenuti rispetto a quelli con minore densità.

38. Nuovi scenari con le notifiche toast
Tap
button
App
launches
Retrieve
Args
Take
actions
Tap
button
Task
launches
Retrieve
Args
Take
actions

39. Nuovi scenari con le notifiche toast
Tap
button
Protocol
activates
Web/App
Tap button
System
handles
action

40. Le notifiche toast possono essere espanse per mostrare l’intero contenuto
Rimuovi single notifiche
Alarm e reminder possono essere visualizzati nell’Action Center
Action Center in Windows 10

41. Action Center in Windows 10

42. Appointments Calls Contacts Email Text
Mssgs
UD
Accounts
Tasks
Read
Search
User Controlled Privacy
App Data Store
App Controlled Security
Change Tracking
Foreground
Notifications
Background
Notifications
Annotating

43. Nuove possibilità di sviluppo

44. Project Astoria

45. Project Islandwood

46. Project Centennial

47. Project Westminster

48. Grazie a tutti per la partecipazione
Riceverete il link per il download a slide e demo via email nei
prossimi giorni
Per contattarmi
matteo.pagani@microsoft.com
Twitter: @qmatteoq
Grazie