Andy Wigley | Technical EvangelistMatthias Shapiro | Program Manager / Technical Evangelist

Building Apps for Windows Phone 8.1Jump Start

Meet Andy Wigley | @andy_wigley • Technical Evangelist in Microsoft Developer

Experience and Evangelism (DX)• Mobile developer for over a decade, worked with WAP, ASP.NET Mobile

Controls, Windows Mobile and Windows Phone• Co-presenter of Windows Phone Jump Start for versions 7.0, 7.1, 8 and now 8.1

• Writer, Teacher and Presenter • Blog at http://andywigley.com • Written a number of books for Microsoft Press, including Mobile Development

Handbook (don’t buy, unless you’re working with .NET Compact Framework on Windows Mobile/CE!)

• Frequent speaker at industry conferences on all topics mobile• Rock-star (well, I play in a small – but popular – band )

Meet Matthias Shapiro | @matthiasshap

• Program Manager, Microsoft• Windows Phone Developer and Evangelist• Long-time XAML developer, from WPF to Silverlight to Windows Phone

• Windows Phone Demo-Writer and Noise-Maker (blog, Twitter)• Bigger bloggy things - http://blogs.msdn.com/b/matthiasshapiro/ • Code snippets – http://codeiuse.tumblr.com

Course Topics

Building Apps for Windows Phone 8.101 | Introducing the Windows Phone 8.1 App Development Platform

06 | Adapting UI for Different Screens and Orientations

02 | Getting Started Building Windows Runtime Apps

07 | Windows Runtime App Lifecycle

03 | Page Navigation and Data Binding in Windows Runtime Apps

08 | Localization and Globalization in

Windows Runtime Apps

04 | Lists and List Items in Windows Runtime Apps

09 | Data Storage, Backup and Roaming

05 | Programming Page Controls and Page Transition Animations

10 | Sharing Files and Data in Windows Phone 8.1

Course Topics

Building Apps for Windows Phone 8.1

11 | Background Tasks and Multitasking

16 | Interacting with User Data: Contacts and Appointments

12 | Maps, Geolocation and Geofencing

17 | Camera, Media and Audio in Windows Phone 8.1

13 | Networking, Mobile Services and

Authentication

18 | Enterprise in Windows Phone 8.1

14 | Tiles, Notifications and Action Center

19 | Programming SQLite on Windows Phone 8.1

15 | Sensors and Proximity: NFC and Bluetooth

20 | Tooling and Diagnostics

Course Topics

Building Apps for Windows Phone 8.121 | App packaging, monetization and publication

22 | Best practices: Building Universal Apps for Windows and Windows Phone

23 | Silverlight apps on Windows Phone 8.1

Andy Wigley @andy_wigleyMatthias Shapiro @matthiasshap

Introducing the Windows Phone 8.1 App Development Platform

Windows Phone 8.1

29 April 2014

Building Apps for Windows Phone 8.1 Jump Start

8

Introduction to Windows Phone 8.1 and the app development choices…• Welcome to Windows Phone 8.1• The Windows Phone 8.1 Developer Platform• Overview of new features for developers in Windows Phone

8.1• Getting Started• Developer Choices

This module…

9

Welcome to Windows Phone 8.1

10

Windows Phone 8: Great reviews and user love:

The Nokia Lumia 920 won Engadget’s Reader’s Choice award for best smartphone of 2012

Microsoft's Windows Phone 8 clearly bests Apple and Android, according to respondents in PC Magazine’s 2013 reader pollWindows Phone Store was picked by ABI Research as the most innovative mobile app marketplace

Windows Phone 8X and 8S by HTC received the prestigious red dot award: product design 2013

“Windows Phone people like their phones more than Android people” according to ChangeWave Research

Nokia Windows Phones win PCMag’s End-user Business Choice Award 2013

11

2014: Windows Phone 8.1 Hardware

Affordability Decrease HW cost floor (support 8x26, Qualcomm Reference Design)

Dual-SIM support

Apps to help you get more out of your data plan: DataSense 2.0, Wi-Fi Sense, Storage

Sense, Battery Sense

8x26

12

Making the most engaging platform better

Many New Features for Users Action center to quick launch settings and view

notifications New Skype app integrated with Phone dialer New Calendar app with new Week view Fast typing with new Word Flow keyboard Buy app once: use on PC and on Phone App data can roam among devices Start screen backup and restore App data backup Faster app updates Remote viewing of Phone screen Install apps to SD card

13

Start screen: Make the Live Tiles Yours

Now 3 column start screen available on *all* phones

Customize your Start background with a favourite picture or one of the supplied options

14

Cortana: Your PERSONAL Digital Assistant

Interact with CORTANA through speech or type

CORTANA learns about you and your interestsEnables CORTANA to be proactive and helpful throughout the day

15

How do I get Windows Phone 8.1 on my device?

16

Getting Windows Phone OS 8.1New devices sold into market from June 2014 will have Windows Phone 8.1 pre-installedAll devices running Windows Phone 8.0 are capable of being upgraded to Windows Phone 8.1Availability of upgrades for contract devices is under the control of the Mobile Operator

Registered developers can upgrade their phone through the ‘Preview for Developers’ programDevelopers who have signed up for a developer account at http://dev.windowsphone.com Anyone who has signed up (free!) for Microsoft’s App Studio tool: http://appstudio.windowsphone.com

17

Windows Phone 8.1 Preview for DevelopersPreview for DevelopersInstalls OS updates on your deviceDoes not install OEM firmware updates

When the ‘proper’ update is released by your MO/OEM, you will get that update as normal

18

Windows Phone 8.1 Developer Platform

19

Bringing one Windows to developersWindows 8.1 provides developers with a shared platform that renders the right app experience for the right form-factor

Designed once; engaging

everywhere• Converged developer platform• Converged app model• Shared app identities + entitlement• Unified push services (via WNS)

Apps come to life on Windows• Live tile improvements• Action Center for smart notifications• Background execution + triggers• Bluetooth-LE support for wearables +

beacons• Internet Explorer 11 improvements

20

Platform convergence is a journey…Windows Phone 7.5 Windows Phone 8.0 Windows Phone

8.1

Convergence Begins with IE

• WP 7.5 shipped with IE9

• Same IE codebase as Windows

• Same JavaScript engine as Windows

Converged Core OS

• Common NT kernel, file system and core networking

• Kernel mode driver f/work

• Secure boot & BitLocker

Developer Platform

• Partial API convergence (focus on sensors & IAP)

• Native Code (C++) and DirectX

• IE10

Converged Dev Platform

• More skillset reuse

• More code reuse

• More seamless app experiences

Aligning the Stores

• Shared dev registration

• Shared entitlement

Common Core Platform

• Proximity & Location frameworks

• Security & identity

• Task scheduler

21

API convergence across the Windows platform

CommonWinRT APIs

Phone-specificWinRT APIs

Windows-specificWinRT APIs

The Windows Runtime (WinRT) is the shared runtime and API space used by store apps across the Windows platform (phone and client)

Dramatic convergence in 8.1• Goal is 100% convergence for dev scenarios• In 8.0, we had ~30% API convergence• With 8.1, we move well past 90%+ convergence

22

Windows Developer Platform in 8.1

Windows Runtime API Set

Graphics Audio Media

Networking File System Input

Commerce

Sensors

.NET CLRWindows Runtime (WinRT)

DirectX(C++)

Windows PhoneSilverlight(C# | VB)

Windows XAML

(C# | VB | C++)

WinJS(HTML + JS)

App Model Services

Navigation

Packaging

Contracts

Background

Store(s)

Push

Roaming

Windows Kernel

App Data Backup

Legend

Windows Phone Only

Windows OnlyWindows + Windows Phone

23

Native App Development on Windows Phone 8.1

DirectX/Direct3D

C++

Gaming

Windows Phone Store Apps with

HTML

JavaScript

WinJS

HTML XAML

Windows Runtime XAML

C#/VB or C++

Windows Phone

Silverlight XAML

C#/VB

* Apps written for Windows Phone 7.x/8.0 all run on Windows Phone 8.1

…others

Windows Runtime

Building a Universal Windows Phone & Windows Appdemo

25

What’s new for developers in Windows Phone 8.1A summary of the stand-out features for developers

26

Developers can create a single app that targets Windows Phone and Windows

• One Visual Studio ‘Universal app’ project template for your app

• Shared dev and test tooling for both platforms

Converged Windows XAML Apps

27

Developers can use their HTML/CSS and JavaScript skills to create native apps that run on Windows Phone, similar to Windows

• Not covered in this Jump Start

Windows Phone Store app using JavaScript & HTML

28

Shared virtual layout canvasProvides a common layout coordinate system that extends along the x and y axis into infinity, allowing you to scale up

Common canvas for Screen Diversity

10” tablet

7” tablet

6”

5”

4.5”

Infinite virtual canvas

29

Converged Controls

what’s it really mean?

80% exact same XAML 20% custom

Common SignatureOptimized

DatePicker

TimePickerCommandBarAppBar

Button

CheckBox

RadioButton

ProgressBar

Slider

ToggleSwitch Hub

PivotListViewGridView

30

Controls for tailoring UI to each platform

On Windows Phone 8.1 … and on Windows 8.1

31

Signature Phone animations built in• Page Navigation• PointerDown/Up (Tilt)• Page Rotation• Escalator for MenuFlyout (context menu)• Readerboard

ThemeTransitions / ThemeAnimations• Same API as on Windows• Key animations updated to match Phone UX

Animations

32

Multitasking: Background Tasks and Triggers

Task

TimeTriggerPUSH

Notification

LocationTrigger

PushNotificationTrigger

MaintenanceTrigger

InternetAvailable NetworkStateChange

TimeZoneChange

33

Shared Tiles and Notification Services

Windows Notification Service

(WNS)• Shared push service for Windows

+ Phone• Improved queuing to limit lost

notifications due to intermittent

network connectivity

Tile templates + toasts• Shared tile templates (more!)• Periodic tile updates• Toasts

34

Action Center• Central location to surface

missed notifications• Apps can intelligently

manage notifications (silently add, update, and delete notifications)

Action Center

App Data Model, Data Roaming and Data Backup

LocalPrimary local storeCan be backed up to users’ OneDrive

RoamingData roamed cross-deviceLimited to 100kb

TempTemporary storageCleaned up in low storage condition

Device B

WP 8.1 – PFN 12345

Roaming

LocalLocalCache

Temp

Device A

WP 8.1 App

Roaming

LocalLocalCache

Temp

Roaming

Backup [Device A]

36

Share Contract

37

Maps and Geofencing

38

Media, Media Editing and Background Audio

Video Editing(Phone only – not available on Windows 8.1)

Background Audio & Streaming Media

MediaFoundation Access

Screen Recorder: Record while you Play

Anna beats a level, with top score! The app asks her if she wants to share this with her friends? She says – “yes please!”

Congratulations! Shall we share this?

Share on:

Anna is playing her favorite game. The level is almost over, and Anna could break her record. The application starts recording the screen.

The application uploads the MP4 file, which was automatically transcoded to a VGA resolution for quick uploading, to a website for sharing.

* Screen recording available on Windows Phone only

41

Bluetooth LEHeart rate monitors and other sensorsProximity detectors (Key finder)Developers can use the Bluetooth GATT APIs to access Bluetooth LE services, descriptors, and characteristics

Bluetooth RFCommConnect, host, and communicate with Bluetooth RFCOMM device services Devices using Serial Port Profile (SPP) are supportedClient and server Service Discovery Protocol (SDP)

Background Tasks and TriggersApp can receive Bluetooth data when its running in the backgroundLaunch when a Bluetooth event occurs

Bluetooth

42

Mobile device management (MDM)More policy supportClient Certificate authenticationConvergence with Windows cryptography APIsWi-Fi & VPNS/MIMEApplication management

Enterprise Enhancements

secured

43

Microsoft Account SSOWeb Authentication Broker (WAB)

Authenticate to online service providers over OauthSSO mode enables user to completely bypass log-in pageSimple API

CredentialLockerWindows.Security.Credentials APIs to store credentials (user name, password) securelyIsolation: Apps can only access their own credentialsCredentials roam across trusted devices (works for WAB and IE too!)

Identity, Authentication and SSO

Internet Explorer 11 brings more life to the mobile web via better HTML5 support

44

Web sites come to life on Windows Phone

Ability to code pinning behavior• Specify high-resolution site icons• Live tiles using notifications

Professional quality video• Adaptive streaming• Secure viewing• Accessibility improvements

WebGL supportWeb spec based on OpenGL ES 2.0, to enable use of low-level 3D graphics APIs on web sites and HTML-based apps

Rich user interactions• Screen + device orientation APIs• Pre-fetch and pre-render

45

SDK Tools

Hyper-V based emulator

improvements:

Network

Multi-touch emulation with mouse

SD card

Location improvements

Push simulation

Locally simulate push notifications

Save and load data samples

46

AppVerifierFind resource leaks and vulnerabilities in native apps

Performance Monitor Real time diagnostics

Performance Recorder ETW trace capturing

Windows Phone Power Tools

47

And much, much more…Email with

Attachments

SL XAML/ Direct3D

enhancements

FileOpenPicker,

FileSavePicker

Read/Write access to SD

card

Easier NFC secure

payment

Wallet cards Known Folders

(Audio/Video/:Pictures)

Appointments/Calendar

API enhancement

s

Appointments/Calendar brokered UI

New background Transfer API

Sensors: Acceleromete

r, light, magnet …

Data Sense 2 WinRT HttpClient

Storage API enhancement

s

Graphics enhancements D2D/DWrite

Social RT AtomPub, Http,

Syndication (Windows.We

b)

Advertising ID

Data.XML Audio effects

48

Getting Started

49

Windows Dev Center: http://dev.windows.com

50

Getting the tools

The Windows Developer Center is your base for all things Windows and Windows Phone relatedhttp://dev.windows.com http://dev.windowsphone.com

FREE download: Visual Studio Express 2013 for WindowsEnables development for Windows 8.1 and Windows Phone 8.1

In Visual Studio 2013 Professional or higher, install Update 2 to add in Windows Phone 8.1 dev tools

Development PC Requirements

Your computer must meet the following system requirements to run Windows Phone SDK 8.1:

Supported operating systems Windows 8.1 (x86 or x64)

Hardware4 GB of free disk space1.5 GB of RAM (recommended)64-bit (x64) motherboard

To use the Windows Phone Emulators

Windows 8.1 Pro or higher (for Hyper-V) and Second Level Address Translation (SLAT)Min 4GB RAM

52

Getting a Windows Developer AccountYou do not need a Windows Developer account to download the SDK and start developing appsYou need a developer account to publish Windows Phone and/or Windows Store apps, to use Push Notifications and to unlock more than one phone for development

To get a Developer Account:Included if you have an MSDN subscriptionFree to students who have a Dreamspark subscription$19 charge per annum for individual developers, $99 for Company accounts

New!No Credit card required to sign upPaypal supported

53

XAML App Developer Choices

Windows Phone History

WP 7.0Silverlight

WP 7.5Silverlight

WP 8.0Silverlight

WP 8.1Silverlight

WP 8.1

WinRT

55

Windows Phone 8.1 XAML app development…Three Approaches:Approach Pros & Cons

Keep using Silverlight 7.x/8(Windows Phone 8 platform)

Pros Will run on Windows Phone 8.1 (app compatibility),

still runs on earlier Windows Phone devices

Cons Will not take advantage of new platform capabilities Will not enable targeting of Windows

Use Silverlight 8.1(Move Silverlight app into new execution stack and app package)

Pros Enables existing Silverlight apps to take advantage of

nearly all new APIs and platform capabilities

Cons Will not enable targeting of Windows Will not run on Windows Phone 8 devices

Use Windows XAML platformPros

Enables targeting of Windows and Windows Phone Takes full advantage of new APIs and platform

capabilities Better performance & reduced memory use

Cons Will not run on Windows Phone 8 devices

58

Features Only Available on Silverlight PlatformCameraCaptureTaskCamera LensesLockscreen background image providerRuns under LockBackground Audio AgentAlarms/Reminders

SocialRT (Silverlight 8.1 only)

VoIPContinuous background location tracking (SL 8.0 only)

Wallet agentsSystem.ServiceModel (WCF/SOAP)

59

Upgrading Silverlight 8.0 apps to Silverlight 8.1Easily upgrade 8.0 apps to Silverlight 8.1 in Visual StudioUpgraded apps can access most of the new 8.1 WinRT APIsBackground

Tasks & Triggers

AppX Packaging

WNS Notification

s

New Tile Templates

Action Center

Management

App Data Roaming &

Backup

Credential Locker

Share Contract

SD card r/w access

GeoFencing

Email with Attachment

s

SL XAML/ Direct3D

enhancements

Bluetooth LE and

RFCOMM

Cryptography

Web Authenticatio

n Broker

Demo:Upgrading a Silverlight 8.0 app to 8.1

Windows Phone 8.1 Platform Principles

Primary features:

Existing Windows Phone 8 apps run flawlessly

Windows Runtime XAML platform and HTML/WinJS support brings convergence with Windows 8.1, and is faster and uses less memory than Silverlight

The core of an app can be built once for Windows and Windows Phone; you can share elements of UI, though it’s best to tailor the user experience for each platform

Convergence is not just in the developer platform: it spans tools, store, commerce

Developer investment in the existing Silverlight platform is protected: Existing Silverlight apps can be upgraded to access new Windows Phone 8.1 platform capabilities

Now is the time to build for Windows and Windows Phone!

©2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, Office, Azure, System Center, Dynamics and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.