building radnug8 – the windows 8 app part 1 matt serbinski@aquaseal

Building RADNUG8 – the windows 8 app

Part 1

Matt Serbinski @aquaseal

what are we doing?

community

Learn how to develop metro style windows 8 applications

Utilize best practicestake advantage of open frameworks

Community driven application

RADNUG in windows 8 store!

application development

what is a metro style app?

Single, chromeless window that supports various layouts

Works great with touch and pen input

Apps use tiles instead of icons

what is a metro style app?

Apps can talk to each othertarget contracts

New controls and UI surfacesapp bar

navigation, commands and tools

charmssearch, share, connect, settings and startspecific to your app

getting started

visual studio

Install Windows 8 (release preview)

use a vhd and dual boot

Install Visual Studio 2012 Express (release candidate)

blend will be installed as well

Get a Developer License

Get the tools:http://go.microsoft.com/fwlink/?LinkId=238221

blend

choose our language

c# and xaml

javascript and html

c# (or visual basic) and xaml

c++ and xaml

c++ and directX

Decide what our app is great atfocus on user scenarios, choose one scenario

Decide what user activities we will supportoutline a flow, storyboard the flow, prototype

Decide what features to includeapp contracts, various views, touch first, device capabilities

Design the UIget the basics right

planning our app

storyboarding

screen mockup

powerpointadd-on that comes with VS 2012

sketchflowcurrently not updated for VS 2012

pen and papersketchy styles

user experience (ux)

Windows 8 user experience goals:

fast and fluidlong battery lifegrace and power: windows 8 appslive tiles make it personalapps work together to save you timeroam and experience between PCsmake your PC work like a device, not a computer

metro style

content

make the code available to anyoneeasy way to contribute ideas and code

Options?codeplexsourceforgetfsgithub

source control

possible app features

map /directions

contact

calendar

twitter feed

meeting information

sponsor list

Product guide for developershttp://msdn.microsoft.com/en-us/windows/apps/hh852650

Explore the documentationhttp://msdn.microsoft.com/library/windows/apps

Sample appshttp://code.msdn.microsoft.com/windowsapps

resources

future work … v2

Windows Phone 8 appcommon core

Xbox Smart Glassconnect windows 8 / windows phone 8 applications to xbox 360

http://www.xbox.com/en-US/live/smartglass

seamless integration

next time …

Digging deeper into metro