Top Banner
Building RADNUG8 – the windows 8 app Part 1 att Serbinski @aquaseal
14

Building RADNUG8 – the windows 8 app Part 1 Matt Serbinski@aquaseal.

Mar 29, 2015

Download

Documents

Keenan Toney
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Building RADNUG8 – the windows 8 app Part 1 Matt Serbinski@aquaseal.

Building RADNUG8 – the windows 8 app

Part 1

Matt Serbinski @aquaseal

Page 2: 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

Page 3: Building RADNUG8 – the windows 8 app Part 1 Matt Serbinski@aquaseal.

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

Page 4: Building RADNUG8 – the windows 8 app Part 1 Matt Serbinski@aquaseal.

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

Page 5: Building RADNUG8 – the windows 8 app Part 1 Matt Serbinski@aquaseal.

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

Page 6: Building RADNUG8 – the windows 8 app Part 1 Matt Serbinski@aquaseal.

choose our language

c# and xaml

javascript and html

c# (or visual basic) and xaml

c++ and xaml

c++ and directX

Page 7: Building RADNUG8 – the windows 8 app Part 1 Matt Serbinski@aquaseal.

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

Page 8: Building RADNUG8 – the windows 8 app Part 1 Matt Serbinski@aquaseal.

storyboarding

screen mockup

powerpointadd-on that comes with VS 2012

sketchflowcurrently not updated for VS 2012

pen and papersketchy styles

Page 9: Building RADNUG8 – the windows 8 app Part 1 Matt Serbinski@aquaseal.

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

Page 10: Building RADNUG8 – the windows 8 app Part 1 Matt Serbinski@aquaseal.

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

Options?codeplexsourceforgetfsgithub

source control

Page 11: Building RADNUG8 – the windows 8 app Part 1 Matt Serbinski@aquaseal.

possible app features

map /directions

contact

calendar

twitter feed

meeting information

sponsor list

Page 12: Building RADNUG8 – the windows 8 app Part 1 Matt Serbinski@aquaseal.

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

Page 13: Building RADNUG8 – the windows 8 app Part 1 Matt Serbinski@aquaseal.

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

Page 14: Building RADNUG8 – the windows 8 app Part 1 Matt Serbinski@aquaseal.

next time …

Digging deeper into metro