windows phone 8.1 - platform concepts and app development

Dresden, July 16th, 2014

Windows Phone 8.1platform concepts and app development

Advanced seminar by Sebastian Müller

Windows Phone 8.1 – platform concepts and app development #2July 16th, 2014

... Windows Mobile 6.5

Windows Phone 7

Windows Phone 8

Windows Phone 8.1

Windows CE

Windows NT

History of Microsoft‘s mobile operating systems


Hardware requirements

• Snapdragon CPU• 512MB, 1GB or 2GB RAM• 1080p, 720p, WXGA, qHD, FWVGA,

WVGA resolution• multi-touch display• rear-facing camera (VGA)• mobile data, WiFi, Bluetooth 4, A-GPS• accelerometer, proximity, ambient light

sensors• mechanical power, vol+, vol- buttons


Apps


App models

WP7

Silverlight

WP8

Silverlight

WP 8.1

Silverlight

WP 8.1

WinRT

Silverlight

Windows Phone 8 API

Windows Phone 8.1 API

WinRT

WP 7 API

WP 8.1

WinJS

WinJS


App models

WP7

Silverlight

WP8

Silverlight

WP 8.1

Silverlight

WP 8.1

WinRT

Silverlight

Windows Phone 8 API


WinRT

WP 7 API

WP 8.1

WinJS

WinJS


Windows programming model

HTML / CSS

JavaScript

Windows Runtime

C# / VBC / C++

XAML

Input, Interaction, & Manipulation DirectX, Media, & Composition

Windows Kernel Services

http://channel9.msdn.com/Events/Build/2014/2-507


• relatively low-level ABI

• WinRT components act as libraries

• written in C#, C++/CX

• metadata describes underlying API to

managed languages

Windows Runtime


Windows Runtime

Chakra

CLRWindows Runtime Object

C++ App

HTML App

C#/VB App

Pro

jectio

nP

roje

ctio

nP

roje

ctio

n

Metadata(winmd)


Windows Runtime projection

WinRT Type/Interface .NET Equivalent

Boolean Boolean

DateTime DateTimeOffset

Int64 Long

String String

IMap<K,V> IDictionary<K,V>

IVector<T> IList<T>


Windows Runtime projection

WinRT pattern VB/C# pattern JavaScript pattern

AsyncOperation awaitable Task Promise

Event Event, += Event, addEventListener

Delegate Delegate function() …

Collections System.Collections.Generic

Array, hash


Windows Runtime

Chakra

CLRWindows Runtime Object

C++ App

HTML App

C#/VB App

Pro

jectio

nP

roje

ctio

nP

roje

ctio

n

Metadata(winmd)


Hello World!


Development tools


Hello world example


App.xaml

<Application x:Class="HelloWorldApp.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <Application.Resources> <SolidColorBrush x:Name="HelloWorldColorBrush" Color="Red" /> </Application.Resources> </Application>


App.xaml.cs

public sealed partial class App : Application { public App() { InitializeComponent(); Suspending += OnSuspending; } protected override void OnLaunched(LaunchActivatedEventArgs e) { var rootFrame = Window.Current.Content as Frame; //... rootFrame.Navigate(typeof(MainPage), e.Arguments); //... Window.Current.Activate(); } private void FirstNavigated(object sender, NavigationEventArgs e) { //... } private void OnSuspending(object sender, SuspendingEventArgs e) { //... }}


Hello Windows Phone!


MainPage.xaml

<Page x:Class="HelloWorldApp.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

<Page.BottomAppBar <CommandBar> <AppBarButton Label="Hello" Click="BtnClicked" Icon="World"/> </CommandBar> </Page.BottomAppBar>

<Grid VerticalAlignment="Center" HorizontalAlignment="Center"> <TextBlock x:Uid="HelloWorldTxt" x:Name="TextBlock1" Style="{ThemeResource GroupHeaderTextBlockStyle}" Foreground="{ThemeResource PhoneAccentBrush}" Text="Hello world!" /> </Grid></Page>


MainPage.xaml.cs

public sealed partial class MainPage : Page {

public MainPage() { InitializeComponent(); NavigationCacheMode = NavigationCacheMode.Required; }

protected override void OnNavigatedTo(NavigationEventArgs e) { //... }

private void BtnClicked(object sender, RoutedEventArgs e) { //... }

}


Hello Windows Phone!


An app‘s lifecycle

http://msdn.microsoft.com/en-us/library/windows/apps/hh464925.aspx


Communication / Contracts

• file associations

• URI contracts

• share

• file save picker

• file open picker


Secondary and Live Tiles

http://msdn.microsoft.com/en-us/library/windowsphone/develop/hh202948(v=vs.105).aspx


Secondary Tiles



Live Tiles

http://msdn.microsoft.com/en-us/library/windows/apps/dn632423.aspx


Background tasks

Trigger Usage

System Trigger

UserPresent, UserAway, SessionConnected, TimeZoneChange, NetworkStateChange, InternetAvailable, ServicingComplete, GattCharacteristicNotificationTrigger, DeviceChangeTrigger, DeviceUpdateTrigger, RfcommConnectionTrigger

Run code on system events

TimeTrigger Data synchronization

MaintenanceTrigger Perform maintenance work on AC power



Battery Saver



Action Center

• add/edit/remove

(ghost) notifications

• in-app, triggered,

scheduled, push


• Local• isolated• app-specific

• LocalCache• not included in backups

• Roaming• cloud synced• size limit

• Temporary• transient

• PasswordFault• sensitive information

• Project• install folder

Storage and Settings


XAML: Images/logo.png

E.g. loads: Images/en-US/homeregion-USA/logo.scale-140_contrast-white.png

Standard naming convention:foldername/qualifiername-value/qualifiername-value/filename.qualifiername-value_qualifier name-value.ext

Resources and localization


Key Value

HelloWorldTxt.Text Hello Windows Phone

HelloWorldTxt.Background Blue

HelloWorldTxt.TextAlignment Right

HelloWorldTxt.FlowDirection RightToLeft

Resources and localization

<TextBlock x:Uid="HelloWorldTxt" Style="{ThemeResource GroupHeaderTextBlockStyle}" Foreground="{ThemeResource PhoneAccentBrush}" Text="Hello world!" />


App package

ZIP container

Files / Assets

AppXManifest.xml

BlockMap

Signature

• local: appx or appxbundle• cloud:

- machine code for each device- security signature


Voice commands

<?xml version="1.0" encoding="utf-8"?><VoiceCommands xmlns="http://schemas.microsoft.com/voicecommands/1.1"> <CommandSet xml:lang="en-us" Name="englishCommands"> <CommandPrefix> MSDN </CommandPrefix> <Example> find 'Windows Phone Voice Commands' </Example> <Command Name="MSDNSearch"> <Example> find 'how to install CommandSets' </Example> <ListenFor> Search </ListenFor> <ListenFor> Search [for] {dictatedSearchTerms} </ListenFor> <ListenFor> Find {dictatedSearchTerms} </ListenFor> <ListenFor> Find </ListenFor> <Feedback> Searching MSDN... </Feedback> <Navigate Target="MainPage.xaml" /> </Command> <PhraseTopic Label="dictatedSearchTerms" Scenario="Search"> <Subject> MSDN </Subject> </PhraseTopic> </CommandSet></VoiceCommands>


Metro Design Language


Thank you

Questions

windows phone 8.1 - platform concepts and app development

Technology