Three Tales of Three Friends Iris Classon | Telerik | Dotnet Mentor

Meet me Software Developer at Dotnet Mentor Technical Evangelist Telerik Started programming 14 months ago Clinical Dietitian & Personal Trainer MCPD MCTS Stupid Question Of The Day

1. Once Upon a time 2. Making friends 3. Trouble in paradise 4. We are all the same 5. But still different worlds apart 6. I’m sexy and you know it 7. Living La Vida App’a 8. Getting to second base 9. Asking for hand in marriage 10. Five top tips 11. The happy ever after Chapters

Once Upon a time Not happy…

A new beginning – the toy store

Making friends

A first friend

Win-forms and I

Becoming good friends

Becoming good friends

Hello Silverlight

WP Hackaton fun Images from Stendahls

A challenge accepted

Enter Windows Store Application

Trouble in Paradise

Not Enough Time !!

But Aren’t We All The Same?

You’ve Seen This Before? Metro / Windows 8 UI / Modern Style Design Language WinRT Platform Windows Store Apps Official term for WinRT Apps

World’s Apart

A Few Things Before We Talk About That…

A New Work Environment The work environment –Quick Search –More Blend-stuff –Redesigned –Windows Store App ready –Solution explorer + object explorer hybrid Helpfull templates for Windows Store Apps Simulator –A note on WP8 simulator & installing VS11 on a virtual machine

A New Work Environment The work environment –Quick Search –More Blend-stuff –Redesigned –Windows Store App ready –Solution explorer + object explorer hybrid

The Quick Launch

New designer: Working with templates

New designer: Properties

Blend Confusion

Also don’t forget Helpfull templates for Windows Store Apps Simulator –A note on WP8 simulator & installing VS11 on a virtual machine

A Few Ways My Friends Differ I’ll be talking about Design & Graphics Life Of The App Storage (I/O)

I’m sexy and you know it Design, graphics and interaction Design guidelines Touch first, mouse last Animations Missing in graphics New Controls –Missing controls

Design: Guidelines Modes Resolution, ratio and scaling Specific design guidelines

Design: Talking Space

Design: Touch First, Mouse Last Mouse events replaced by pointer events: –PointerPressed, PointerReleased etc. Static gesture events: –Holding, tapped, DoubleTapped, RightTapped Manipulation gesture events –ManipulationStarting etc. Touch, pen or mouse

Design: Touch Interaction Design

Design: Missing in Graphics VideoBrush RadialGradientBrush OpacityMask Non-symmettric corner radius on borders Custom easing functions Bitmap effects - as they slow down rendering

Design: New Controls GridView FlipView Toogle Switch Progress Indicators RichEditBox, RichTextBlock, RichTextBoxOverFlow Pop Menus Message Dialog Sematic zoom VirableSizeWrapGrid

Design: Missing Controls Treeview (as it is mouse ’driven’) Panels: DockPanel WrapPanel UniformGrid ContextMenu (popup menu) MessageBox (message dialog) DatePicker, Calendar

Living La Vida App’a App lifecycle Navigation –WSA: nav. struct. built on a frame on the main page Application hosting –No browser host, Windows Store More prevalent async push

Application hosting: Windows Store Applications Application hosting –No browser host –Windows Store –Sideloading

Lifecycle Silverlight StartStop

Lifecycle Silverlight Start Stop Hmm… it’s not THAT simple

Lifecycle Windows Store App Running NotRunning Suspended Suspending Resuming Activated

Async Push

Getting To Second Base Storage (local, roaming, temporary etc.) Working with files Contracts, extensions and charms Request Capabilities (familiar from SL) Namespaces URIs - Breaking changes, they will need to rewritten manually (relative URIs not supported)

Second Base: Storage

Isolated storage: Settings WindowsStoreApp Silverlight

Isolated storage: Files WindowsStoreApp Silverlight

Second Base: Namespaces <Grid xmlns:Core="clr-namespace:Namespace;Assembly=AssemblyName" <Gridxmlns:Core="using:Namespace”

Second Base: Uri

Second Base: Charms

Second Base: Contracts App App

Second Base: Extensions App Windows.Extensions

Asking For Hand In Marriage

Marriage : Expectations

Marriage: Passing The Test

Marriage: Passing The Test Certification requirements goes even for sideloaded LOB

Hope I Saved You Some Trouble

Here Are 6 Tips To Help you Climb That Mountain

1.Do Your Homework Read & understand the guidelines before you start E-Book: metrowindows-8-style-apps-winrt-apps/ Attend a virtual training Workshop-2012

2.Plan and ReThink Plan navigation flow and app design early on Download design assets (templates)

3.Try What is Out There Spend some time with the project templates & apps A few suggestions: Cocktail flow CookBook USA Today

4.Look at Code Examples Download app samples collection App-Samples Don’t forget the Live SDK

5.Practice Do The Hand-On Labs

6.Keep In Mind The Differences Many great resources for porting apps windows-8-metro.aspx

And Have Fun!

My future with the three friends The Dreaded Choice

The Happy Ever After

Thank Iris Classon | Telerik | Dotnet Mentor