The document discusses the development and deployment of Windows 10 applications, focusing on the Universal Windows Platform (UWP) and its unified core for all devices. It highlights adaptive UI features, various deployment methods, app monetization strategies, and key considerations for writing successful apps, including design and built-in virality. The content provides insights for developers on tools like Blend 2015 and emphasizes the importance of a strong app design and marketing approach.

1. Developing and Deploying
Windows 10 Apps
Fons Sonnemans
Reflection IT
@fonssonnemans
www.storeappsug.nl
@StoreAppsUG

2. Topics
• Developing Windows 10 Apps
• Universal Windows Apps
• Blend 2015
• What’s new in XAML
• Adaptive UI
• Break
• Deploying Windows 10 Apps

3. Fons Sonnemans
• Software Development Consultant
• Programming Languages
• Clipper, Smalltalk, Visual Basic, C#
• Platforms
• Windows Forms, ASP.NET (Web Forms, MVC), XAML (WPF, Silverlight, Windows
Phone, Windows 8 & 10)
• Databases
• MS SQL Server, Oracle
• Role
• Trainer, Coach, Advisor, Architect, Designer, App Developer
• More info: www.reflectionit.nl

4. My Apps
4
http://reflectionit.nl/apps

5. Universal Windows Apps
Introducing the Universal Windows Platform (UWP)

6. Easy for users to get
& stay current
Unified core
and app platform
The convergence journey
Windows 10
Converged
OS kernel
Converged
app model

7. Phone Small Tablet
2-in-1s
(Tablet or Laptop)
Desktops
& All-in-OnesPhablet Large Tablet
Classic
Laptop
Xbox IoTSurface Hub Holographic
Windows 10

8. One Store +
One Dev Center
Reuse Existing
Code
One SDK +
Tooling
Adaptive
User Interface
Natural
User Inputs
One Universal Windows Platform

9. Universal Windows Platform
• A single API surface
• A guaranteed API surface
• The same on all devices
Phone
Device
Xbox
Device
Desktop
Device
Windows Core
Universal Windows Platform

10. Universal Windows Platform
• One Operating System
• One Windows core for all devices
• One App Platform
• Apps run across every family
• One Dev Center
• Single submission flow and dashboard
• One Store
• Global reach, local monetization
Consumers, Business & Education

11. Adaptive code
• A compatible binary across devices
• Universal API with device-specific implementation
• Light up our app with capabilities
• Testing for capabilities and namespaces

12. UAP
Windows Core Windows Core Windows Core Windows Core
UAP UAP UAP
Desktop Mobile Xbox More…
Adaptive codePlatform extensions (capabilities)

13. Platform extensions (capabilities)
• Device-specific API
• Family-specific capabilities
• Compatible across devices
• Unique update cadence
Phone
Device
Xbox
Device
Desktop
Device
Windows Core
Universal Windows Platform
Windows App
Phone
extension
Xbox
extension
Desktop
extension

14. Test capabilities at runtime
• Use Adaptive Code to light-up your app on specific devices
var api = "Windows.Phone.UI.Input.HardwareButtons";
if (Windows.Foundation.Metadata.ApiInformation.IsTypePresent(api))
{
Windows.Phone.UI.Input.HardwareButtons.CameraPressed
+= CameraButtonPressed;
}

15. Manifoldjs – native hosted apps

16. Blend 2015
What’s new

17. Blend 2015
• Rebuilt from the ground up using VS technologies
• IntelliSense, GoTo Definition, Peek, Debugging, Window Layouts,
Reloading, Customizing
• File reload experiences when switching between VS and Blend
• Inconsistent shell & project system experiences with VS
• Git and TFS
• Expand/collapse of project nodes
• Performance and scalability of large solutions

18. Blend 2015

19. Live Visual Tree - UI Debugging for XAML
• Visual tree inspection and manipulation
• Live tracking of tree and property changes
• Fully integrated into debugging
• Upcoming
• Serializing edits back into source
• Edit-n-continue
• Data debugging visualizations

20. Live Visual Tree - UI Debugging for XAML

21. What’s new in XAML
New Universal Controls
New Properties
Other Changes

22. The Border control is “Dead”
• Panels
• New properties in Win10 makes ‘Border’ obsolete
<StackPanel Orientation="Horizontal"
BorderBrush="#FF0B77FD"
BorderThickness="2"
Padding="5">
<Button Content="Button1" FontSize="30" />
<Button Content="Button2" FontSize="30" Margin="5,0" />
<Button Content="Button3" FontSize="30" />
</StackPanel>
New Properties in Win10
makes ‘Border’ obsolete
24

23. Nested StackPanels – the old way
<StackPanel HorizontalAlignment="Center"
VerticalAlignment="Center">
<StackPanel Orientation="Horizontal" Margin="0,0,0,12">
<TextBlock Text="Username" FontSize="26.667" Width="240"
TextAlignment="Right" Margin="0,0,20,0"/>
<TextBox FontSize="26.667" Width="300"/>
</StackPanel>
<StackPanel Orientation="Horizontal" Margin="0,0,0,12">
<TextBlock Text="Password" Margin="0,0,20,0" FontSize="26.667"
Width="240" TextAlignment="Right"/>
<PasswordBox Margin="0" FontSize="26.667" Width="300"/>
</StackPanel>
<Button Content="Login" HorizontalAlignment="Left"
Margin="260,0,0,0" FontSize="26.667"/>
</StackPanel>
25

24. RelativePanel
• Decrease Tree size
<RelativePanel HorizontalAlignment="Center" VerticalAlignment="Center">
<TextBlock x:Name="labelUsername"
Text="Username"
RelativePanel.LeftOf="inputUsername"
TextAlignment="Right"
Margin="0,0,20,0"
FontSize="26.667" />
<TextBox x:Name="inputUsername"
RelativePanel.AlignRightWithPanel="True"
Width="300"
FontSize="26.667" />
<TextBlock x:Name="labelPassword“
Text="Password"
RelativePanel.LeftOf="inputPassword"
RelativePanel.AlignVerticalCenterWith="inputPassword"
TextAlignment="Right"
Margin="0,0,20,0"
FontSize="26.667" />
<PasswordBox x:Name="inputPassword"
RelativePanel.Below="inputUsername"
RelativePanel.AlignRightWithPanel="True"
Width="300"
Margin="0,10"
FontSize="26.667" />
<Button x:Name="buttonLogin"
Content="Login"
RelativePanel.Below="inputPassword"
RelativePanel.AlignLeftWith="inputPassword"
FontSize="26.667" />
</RelativePanel>
26

25. RelativePanel
• Vertical layout
<RelativePanel HorizontalAlignment="Center" VerticalAlignment="Center">
<TextBlock x:Name="labelUsername“
Text="Username“
Margin="0,0,20,0"
FontSize="26.667" />
<TextBox x:Name="inputUsername"
RelativePanel.Below="labelUsername"
Width="300"
Margin="0,0,0,10"
FontSize="26.667" />
<TextBlock x:Name="labelPassword"
Text="Password"
RelativePanel.Below="inputUsername"
Margin="0,0,20,0"
FontSize="26.667" />
<PasswordBox x:Name="inputPassword"
RelativePanel.Below="labelPassword"
Width="300"
Margin="0,0,0,10"
FontSize="26.667" />
<Button x:Name="buttonLogin"
Content="Login"
RelativePanel.Below="inputPassword"
RelativePanel.AlignLeftWith="inputPassword"
FontSize="26.667" />
</RelativePanel>
27

26. Adaptive UI
• Responsive Design
28

27. Adaptive UI
<RelativePanel HorizontalAlignment="Center"
VerticalAlignment="Center">
<TextBlock x:Name="labelUsername"
Text="Username"
RelativePanel.LeftOf="inputUsername"
TextAlignment="Right"
Margin="0,0,20,0"
FontSize="26.667" />
<TextBox x:Name="inputUsername"
RelativePanel.AlignRightWithPanel="True"
Width="300"
FontSize="26.667" />
<TextBlock x:Name="labelPassword“
Text="Password"
RelativePanel.LeftOf="inputPassword"
RelativePanel.AlignVerticalCenterWith="inputPassword"
TextAlignment="Right"
Margin="0,0,20,0"
FontSize="26.667" />
<PasswordBox x:Name="inputPassword"
RelativePanel.AlignRightWithPanel="True“
RelativePanel.Below="inputUsername"
Margin="0,10"
Width="300"
FontSize="26.667" />
<Button x:Name="buttonLogin"
Content="Login"
RelativePanel.Below="inputPassword"
RelativePanel.AlignLeftWith="inputPassword"
FontSize="26.667" />
</RelativePanel>
<RelativePanel HorizontalAlignment="Center"
VerticalAlignment="Center">
<TextBlock x:Name="labelUsername“
Text="Username“
Margin="0,0,20,0"
FontSize="26.667" />
<TextBox x:Name="inputUsername"
RelativePanel.AlignRightWithPanel="True"
RelativePanel.Below="labelUsername"
Margin="0,0,0,10"
Width="300"
FontSize="26.667" />
<TextBlock x:Name="labelPassword"
Text="Password"
RelativePanel.Below="inputUsername"
Margin="0,0,20,0"
FontSize="26.667" />
<PasswordBox x:Name="inputPassword"
RelativePanel.AlignRightWithPanel="True"
RelativePanel.Below="labelPassword"
Margin="0,0,0,10"
Width="300"
FontSize="26.667" />
<Button x:Name="buttonLogin"
Content="Login"
RelativePanel.Below="inputPassword"
RelativePanel.AlignLeftWith="inputPassword"
FontSize="26.667" />
</RelativePanel>
29

28. Adaptive UI
<RelativePanel HorizontalAlignment="Center"
VerticalAlignment="Center">
<TextBlock x:Name="labelUsername"
Text="Username"
RelativePanel.LeftOf="inputUsername"
TextAlignment="Right"
Margin="0,0,20,0"
FontSize="26.667" />
<TextBox x:Name="inputUsername"
RelativePanel.AlignRightWithPanel="True"
Width="300"
FontSize="26.667" />
<TextBlock x:Name="labelPassword“
Text="Password"
RelativePanel.LeftOf="inputPassword"
RelativePanel.AlignVerticalCenterWith="inputPassword"
TextAlignment="Right"
Margin="0,0,20,0"
FontSize="26.667" />
<PasswordBox x:Name="inputPassword"
RelativePanel.AlignRightWithPanel="True“
RelativePanel.Below="inputUsername"
Margin="0,10"
Width="300"
FontSize="26.667" />
<Button x:Name="buttonLogin"
Content="Login"
RelativePanel.Below="inputPassword"
RelativePanel.AlignLeftWith="inputPassword"
FontSize="26.667" />
</RelativePanel>
<RelativePanel HorizontalAlignment="Center"
VerticalAlignment="Center">
<TextBlock x:Name="labelUsername“
Text="Username“
Margin="0,0,20,0"
FontSize="26.667" />
<TextBox x:Name="inputUsername"
RelativePanel.AlignRightWithPanel="True"
RelativePanel.Below="labelUsername"
Margin="0,0,0,10"
Width="300"
FontSize="26.667" />
<TextBlock x:Name="labelPassword"
Text="Password"
RelativePanel.Below="inputUsername"
Margin="0,0,20,0"
FontSize="26.667" />
<PasswordBox x:Name="inputPassword"
RelativePanel.AlignRightWithPanel="True"
RelativePanel.Below="labelPassword"
Margin="0,0,0,10"
Width="300"
FontSize="26.667" />
<Button x:Name="buttonLogin"
Content="Login"
RelativePanel.Below="inputPassword"
RelativePanel.AlignLeftWith="inputPassword"
FontSize="26.667" />
</RelativePanel>
30

29. Visual States – Setters & StateTriggers
31

30. Visual States – Setters & StateTriggers
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="VisualStateGroup">
<VisualState x:Name="Horizontal">
<VisualState.StateTriggers>
<AdaptiveTrigger MinWindowWidth="600" />
</VisualState.StateTriggers>
<VisualState.Setters>
<Setter Target="labelUsername.(RelativePanel.LeftOf)" Value="inputUsername" />
<Setter Target="labelUsername.(TextBlock.TextAlignment)" Value="Right" />
<Setter Target="inputUsername.(RelativePanel.Below)" Value="" />
<Setter Target="inputUsername.(FrameworkElement.Margin)" Value="0" />
<Setter Target="labelPassword.(RelativePanel.Below)" Value="" />
<Setter Target="labelPassword.(RelativePanel.LeftOf)" Value="inputPassword" />
<Setter Target="labelPassword.(RelativePanel.AlignVerticalCenterWith)" Value="inputPassword" />
<Setter Target="labelPassword.(TextBlock.TextAlignment)" Value="Right" />
<Setter Target="inputPassword.(RelativePanel.Below)" Value="inputUsername" />
<Setter Target="inputPassword.(FrameworkElement.Margin)" Value="0,10" />
</VisualState.Setters>
</VisualState>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
32

31. WindowsStateTriggers
33

32. WindowsStateTriggers
34

33. Adaptive design
Phone (portrait)
Tablet (landscape) / Desktop
35

34. Tailored design
Phone (portrait)
Tablet (landscape) / Desktop
36

35. DeviceFamily specific Content
• Pages
• UserControls
• Images
• Resources
37
http://igrali.com/2015/08/02/three-ways-to-set-specific-devicefamily-xaml-views-in-uwp/

36. Deploying Windows 10 apps
Fons Sonnemans
Reflection IT
@fonssonnemans
www.storeappsug.nl
@StoreAppsUG

37. Topics
• How to deploy your app to the Store?
• How to get rich from app development?
• How to write a successful app?
39

38. How to deploy your app to the Store?
1. Register as an app developer https://dev.windows.com/en-
us/programs/join
• No yearly renewals any more
2. Create App Packages
3. Submit your app to the Store
40

39. Create App Packages
41

40. Create App Packages
42

41. Submit app to the Store (Dashboard)
43

42. How to get rich from app development?
44

43. Ways to become “Rich”
• Write an app for a client
• Write an app and publish it in a Store
• Write an app and sell it
• Affiliate marketing
45

44. Write an app for a client
• Price
• Time & Material
• Fixed Price
• Price for every download
• Find projects on AppGoeroes
• http://www.appgoeroes.nl/
46

45. Write an app and publish it in a Store
• Which platform
• iOS, Android, Microsoft, ?
• Which device
• Phone, Tablet, PC/Laptop, XBox, HoloLens, Watch, Car, ?
• Price
• Paid
• Free
47

46. 48

47. Paid Apps
• Apple & Google
• 30% commission
• Microsoft
• 30% commission
• 20% after you pass $25.000 revenue
• Choose Price
• From $0.99 to $999,-
49

48. Free Apps
• 90% of all installed apps are free
• Income
• Ads
• Trial (= Paid)
• In-app purchases
50

49. Ads
• iAd (Apple)
• AdMob (Google)
• PubCenter (Microsoft)
• Others: AdFonic, AdDuplex, InMobi, Smaato, etc
• Show ads for your other apps
• Rotate ad providers using Ad Mediation
• Use in-app purcharse to remove ads
51

50. Windows Dev Center (replaces PubCenter)
• https://dev.windows.com/en-us/monetize/ads
<UI:AdControl ErrorOccurred="ad160_ErrorOccurred"
UseStaticAnchor="True"
Height="600"
Width="160"
ApplicationId="7ab712c7-7510-ba9e"
AdUnitId="60025155" />
52

51. Ad Sizes
53

52. Free with Trial
• 70x more downloads
• 10% conversion rate
• 7x higher sales!
• Explain the trial in the store description
54

53. In-app purchases
• IAP enables you to sell digital goods in your apps and
games
%
Of top grossing iOS apps use
in-app purchase
-- Business Insider
$
In-App revenue in 2011,
expected >$ in 2016
- eMarketer
93 1B
4B
55

54. In-app purchases
• IAP enables you to sell digital goods in your apps and
games
56

55. What can you sell?
• Game items (swords, levels, characters)
• Functionality (more features, new graphics, maps, levels)
• Accelerated gameplay (unlock items, powerups)
• eBooks and eMagazines
• Digital images, music and videos
• Virtual Currency that can be shared across all your apps (gold, tokens, gems)
• Postcards from photos taken on the phone
• A DVD of a video captured and edited on the phone
• Digital services (backup data to cloud, rent-a-map)
• Donations
57

56. Windows Dev Center - IAP
58

57. In-app purchases
• Code samples
• Product purchases
• https://msdn.microsoft.com/en-us/library/windows/apps/mt219684.aspx
• Consumable in-app product purchases
• https://msdn.microsoft.com/en-us/library/windows/apps/mt219683.aspx
59

58. In-app purchases
60

59. Covers
61

60. Write an app and sell it
62

61. Affiliate marketing
• Krijg een commissie over de
opbrengst die een andere partij
verdient via je app (1% - 8%)
• Zanox/M4N: Zalando, KPN,
Centraal Beheer
• Bol.com Partnerprogramma:
Boeken, DVDs, etc.
63

62. How to write a successful app?
64

63. How to write a successful app?
• Create A Great Product
• The best apps only do one thing, but they do it very, very well.
• It’s important that the app is original, improves on another app,
solves a problem or entertains.
• If the app is good, everything that follows will be easier.
65

64. How to write a successful app?
• Built In-Virality
• Incorporate some viral mechanism into the core functionality of
the app, so each user that enjoys the app can potentially attract
a network of new users. It means the app is better or more
engaging when users invite friends to use it.
66

65. How to write a successful app?
• Design
• We live in a visual society. With the app store competition
growing daily, having good code and a great feature set isn’t
enough. How your app looks matters
67

66. How to write a successful app?
• Development
• Innovate
• Analytics and Event Tracking
• Microsoft Application Insight, Google Analytics, ?
• Updates
• Localize the app
69

67. How to write a successful app?
• Presentation & Marketing
• App Store
• Title
• http://channel9.msdn.com/Blogs/DevRadio/Microsoft-DevRadio-
Part-1-A-Developers-Guide-to-Marketing-Your-App-Naming-
Your-App
• Text
• Pictures (Logo & Screenshots)
• Keywords
• Category
• http://blogs.windows.com/windows/b/appbuilder/archive/2014/02
/27/windows-store-trends-feb-2014-update.aspx
• Get More Ratings
• Social Integration
• Spread the word
• Website, Facebook fan page, Twitter Channel, YouTube
movies
• Analyze Statistics
70

68. Search: Title + Keywords
71

69. Category – Game vs Education
72

70. Get More Ratings
73

71. Analyze Reviews & Send Response
74

72. Analyze Statistics - Application Insights
75

73. Analyze Statistics - Application Insights
76

74. Analyze Statistics - Application Insights
• Upgrade NuGet Packages
77

75. Application Insights – TrackEvent()
78

76. Promote your Apps
79

77. Recap & Questions

78. Lessons Learned
• A good Design is essential
• Writing an app is “easy” and fun
• Promoting an app is very difficult
• Effort & Budget
81
Promotion
40%
Development
40%
Design
20%

79. @fonssonnemans
fons.sonnemans@reflectionit.nl
fonssonnemans
reflectionit.nl/blog
82