Developing and Deploying Windows 10 Apps

Fons Sonnemans Reflection IT

@fonssonnemans

www.storeappsug.nl @StoreAppsUG

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

• Break

• Deploying Windows 10 Apps

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

My Apps

http://reflectionit.nl/apps

Universal Windows AppsIntroducing the Universal Windows Platform (UWP)

Easy for users to get & stay current

Unified core and app platform

The convergence journey

Windows Phone 7.5

Windows Phone 8Windows Phone 8.1

Windows 8

Xbox One

Windows on Devices

Xbox 360

Windows 8.1

Windows 10

ConvergedOS kernel

Convergedapp model

Phone Small Tablet2-in-1s

(Tablet or Laptop)Desktops

& All-in-OnesPhablet Large TabletClassic Laptop

Xbox IoTSurface Hub Holographic

Windows 10

Multiple device families

PC XBoxMobile Surface Hub

HoloLensDevices +IoT

Universal Windows Apps

One Store +One Dev Center

Reuse Existing Code

One SDK + Tooling

Adaptive User Interface

NaturalUser Inputs

One Universal Windows Platform

Universal Windows Platform• A single API surface• A guaranteed API surface• The same on all devices

PhoneDevice

XboxDevice

DesktopDevice

Windows Core

Universal Windows Platform

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

Adaptive code• A compatible binary across devices• Universal API with device-specific implementation

• Light up our app with capabilities• Testing for capabilities and namespaces

Windows Core Windows Core Windows Core Windows Core

UAP UAP UAP

Desktop Mobile Xbox More…

Adaptive codePlatform extensions (capabilities)

Platform extensions (capabilities)• Device-specific API• Family-specific capabilities• Compatible across devices• Unique update cadence

PhoneDevice

XboxDevice

DesktopDevice

Windows Core

Universal Windows Platform

Windows App

Phoneextension

Xboxextension

Desktopextension

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;}

Manifoldjs – native hosted apps

Blend 2015What’s new

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

Blend 2015

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

Live Visual Tree - UI Debugging for XAML

What’s new in XAMLNew Universal ControlsNew PropertiesOther Changes

The Border control is “Dead”• Panels• New properties in Win10 makes ‘Border’ obsolete

New Properties in Win10makes ‘Border’ obsolete

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>

RelativePanel• Decrease Tree size<RelativePanel HorizontalAlignment="Center" VerticalAlignment="Center">

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>

Adaptive UI• Responsive Design

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>

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>

Visual States – Setters & StateTriggers

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" />

WindowsStateTriggers

Adaptive design

Phone (portrait)

Tablet (landscape) / Desktop

Tailored design

Phone (portrait)

Tablet (landscape) / Desktop

DeviceFamily specific Content• Pages• UserControl

s• Images• Resources

http://igrali.com/2015/08/02/three-ways-to-set-specific-devicefamily-xaml-views-in-uwp/

Deploying Windows 10 apps

Fons Sonnemans Reflection IT

@fonssonnemans

www.storeappsug.nl @StoreAppsUG

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

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 more2. Create App Packages3. Submit your app to the Store

Create App Packages

Submit app to the Store (Dashboard)

How to get rich from app development?

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

Write an app for a client• Price• Time & Material• Fixed Price • Price for every download

• Find projects on AppGoeroes • http://www.appgoeroes.nl/

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

Paid Apps• Apple & Google • 30% commission

• Microsoft• 30% commission • 20% after you pass $25.000 revenue

• Choose Price• From $0.99 to $999,-

Free Apps• 90% of all installed apps are free

• Income• Ads• Trial (= Paid)• In-app purchases

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

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" />

Ad Sizes

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

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 1B4B

In-app purchases• IAP enables you to sell digital goods in your apps

and games

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

Windows Dev Center - IAP

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

In-app purchases

Covers

Write an app and sell it

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.

How to write a successful app?

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.

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.

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

How to write a successful app?• Development• Innovate• Analytics and Event Tracking

• Microsoft Application Insight, Google Analytics, ?• Updates• Localize the app

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

Search: Title + Keywords

Category – Game vs Education

Get More Ratings

Analyze Reviews & Send Response

Analyze Statistics - Application Insights

Analyze Statistics - Application Insights• Upgrade NuGet Packages

Application Insights – TrackEvent()

Promote your Apps

Recap & Questions

Lessons Learned• A good Design is essential• Writing an app is “easy” and fun• Promoting an app is very difficult• Effort & Budget

Promotion

40%Development

40%Design

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

Developing and Deploying Windows 10 Apps

Technology

Transcript of Developing and Deploying Windows 10 Apps

Deploying Apps to the Cloud

Deploying Windows Forms Applications

Windows apps

Deploying Apps on OpenStack

Deploying Windows 7

Deploying Windows Devices and Enterprise Apps

Building and Deploying PHP Apps Using phing

Deploying Windows Azure Pack for Windows Server

Deploying Win32 Applications: VMware Workspace …...use Workspace ONE UEM to manage Windows 10 Applications through a series of exercises including managing Win32 apps, deploying

Deploying WO on Windows

Deploying Windows Azure Pack for Windows Server€¦ · Deploying Windows Azure Pack for Windows Server Microsoft Corporation Published date: October 29, 2013

Deploying Windows 7 using Microsoft Deployment Tool · PDF file17.07.2012 · Deploying Windows 7 using ... Deploying Win7 Using MDT 2012 Test Lab Guide Last ... Deploying Windows

Deploying Windows Mobile solutions

Deploying virtualized desktops and apps with Citrix …docs.citrixvirtualclassroom.com/ServicesSPO/SPOxdFundamentals.pdf · Deploying virtualized desktops and apps with Citrix XenDesktop

Deploying and Managing Windows 10 in a University … Foley, Sean O... · Deploying and Managing Windows 10 ... Windows Server Update Services ... Windows Server 2012 Windows Server

Deploying Windows XP Mode

Deploying Perl apps on dotCloud

05 Deploying Apps

Deploying Microsoft Windows 8 in the Enterprise - intel.com · Deploying Microsoft Windows* 8 ... previous experience from our global enterprise migration to Windows 7, ... Deploying

Deploying and Scaling a Thousand Enterprise Apps