Technical windows 8 and windows phone 8 apps

11
Shared Windows Core Enterprise-class computing to mobile devices • Windows 8, Windows RT, Windows Phone 8, Windows 8 Embedded, and Windows Server 2012 • Running reliably on 1.3+ billion computing devices

description

Making Windows 8 and Windows Phone 8 apps

Transcript of Technical windows 8 and windows phone 8 apps

Page 1: Technical windows 8  and windows phone 8 apps

Shared Windows Core

Enterprise-class computing to mobile devices

• Windows 8, Windows RT, Windows Phone 8, Windows 8 Embedded, and Windows Server 2012

• Running reliably on 1.3+ billion computing devices

Page 2: Technical windows 8  and windows phone 8 apps

Shared Windows Core, Designed UX

Win RT Win RTon WP

Page 3: Technical windows 8  and windows phone 8 apps

Form Factors

•Windows 8• 1024x768+• Landscape, Portrait, Snapped,

Filled• 10 inch screens+

Windows Phone 8800x480, 1280x720, 1280x768

Portrait, Landscape

<5 inch screen

Page 4: Technical windows 8  and windows phone 8 apps

• Windows 8 One or two-handed touch,

mouse No guarantee of any specific

hardware, must check at runtime

Rows and columns of content can work well

Scroll horizontally for more content

Significant room on the app bar

On-screen back button Semantic zoom

• Windows Phone 8 One-handed touch most

common Guaranteed hardware, such as

camera and accelerometer Avoid multiple columns of

content Scroll vertically for more

content Very limited room on the app

bar Hardware back button No semantic zoom

User Experience ConsiderationsDesign a native UX for each platform!

Page 5: Technical windows 8  and windows phone 8 apps

•Windows 8 ControlsLayoutAwarePage : Page

GridView

FlipView

ListViewAppBar

Page 6: Technical windows 8  and windows phone 8 apps

(“second” PivotPage here)

•Windows Phone 8 Controls

LongListSelector

ApplicationBar

Pivot

PhoneApplicationPage

Page 7: Technical windows 8  and windows phone 8 apps

Windows 8

Windows Phone 8

C# / VB / C++

C++ JS

XAML

DirectX 11.1

HTML5 & CSS3

MVVM* www*

WinJS

Langu

age

UI La

yer

Fram

ew

orks

MVVM: (Model, View, ViewModel) : Okra, MVVMLight, Caliburn.Micro … http://nuget.org/

WWW: jQuery, Cordova, Backbone, Knockout …

3

Page 8: Technical windows 8  and windows phone 8 apps

Portability to iOS, MacOS, Linux, Android

Windows 8

Windows Phone 8

C# / VB / C++

C++ JS

XAML

DirectX 11.1

HTML5 & CSS3

MVVM* www*

Langu

age

UI La

yer

Fram

ew

orks

Xamarin

http://xamarin.com/

Monogame

http://monogame.net/

Cordova/PhoneGap

http://phonegap.com/

xTo

olkits

Page 9: Technical windows 8  and windows phone 8 apps

Architecture

View

ViewModel

Commands

Data Binding

Events /Messages

View

ViewModelMessages, Callbacks

Model

Page 10: Technical windows 8  and windows phone 8 apps

Windows 8 Programming APIs

Windows 8 Apps

HTMLJavaScri

pt

CC++

C#VB

Desktop Apps

Win32

.NET / SL

Internet Explore

r

Communication

& Data

Application Model

Devices & Printing

WinRT APIsGraphics &

Media

Syst

em

Serv

ices

JavaScript(Chakra)

CC++/CX

C#VB

XAML HTML / CSSVie

wM

od

el

Contr

olle

r

Windows Core OS ServicesCore

DX

Page 11: Technical windows 8  and windows phone 8 apps

Windows Phone 8 supports:

Managed app dev using the WP7.1, WP8.0 .NET and Windows Phone Runtime APIs

Native app dev using Windows Runtime and Win32

Games dev using the WP7.1 XNA framework

Games dev using Direct3D or DirectX

Windows Phone 8 Programming APIs

.NET API for Windows

Phone

Windows Runtime

Win32 & COM

Managed Managed & Native

Native

WP7.1 XAML & C#/VB

WP8.0 XAML & C#/VB

WP8.0 Games DirectX/Direct 3D & C++

WP7.1 XNA & C#/VB

WP8.0 XAML & C#/VB with Direct3D Graphics

+ C++

+ C++