Developer Day Welcome to TechDays Lausanne, Ronnie Saurenmann Technology Evangelist, Microsoft Switzerland

Windows 8 d evelop your first app

Built on a solid foundation

Desktop PCs Tablets/Slates

Windows reimagined

demo Windows 8

x86/64 EditionARM Edition Acer Iconia Tab W510 and W700 Asus Taichi Dell teases XPS Duo 12 Lenovo IdeaPad Yoga Lenovo ThinkPad Tablet 2 Toshiba Satellite U925t … +ALL THE OTHERS ULTRABOOKS, LAPTOPS, DESKTOPS,… Asus Vivo Tab RT Dell XPS 10 Tablet Samsung Ativ Tab … Windows 8 New Window Experience

Windows 8 Pro (x86,x64) Windows RT (ARM) LoB Windows 8

Windows Store Apps (WinRT)

demo Apps

Consumer & Business Apps Examples Used by ConsumerBusiness Distribution LOB ISV Windows Store or Side-loaded Consumer Windows Store B2C Windows Store Custom LOB Side-loaded

Windows 8 Platform on x86/x64 Windows Store Apps HTML Java Script C C++ C# VB Desktop Win32.NET / SL Internet Explorer JavaScript (Chakra) C C++ C# VB XAML HTML / CSS View Model Controller Windows Core OS Services Core In Browser Communication & Data Application Model Devices & Printing WinRT APIs Graphics & Media System Services

Windows 8 Platform on ARM Windows Store Apps HTML Java Script C C++ C# VB Internet Explorer Communication & Data Application Model Devices & Printing WinRT APIs Graphics & Media System Services JavaScript (Chakra) C C++ C# VB XAML HTML / CSS View Model Controller Windows Core OS Services Core In Browser

demo More apps

Let’s build one

You already have the skills to build Windows 8 Store Apps with C# and VB

demo First steps

User Experience

List View Presenting data Grid ViewFlip View

Grouping, Selecting and Animating GroupingSingle & Multi Select Built-in Animations

demo Gridview

Navigation

Navigating Content  Views are about where you are, not where you might go  Use Hub & Spokes model for information hierarchy:  Hub: Usually landing page containing top level sections, drill down into spokes  Spoke: Shows content for one of the sections, drill down to see the details an item  Avoid persistent navigational chrome such as tabs  Leverage Semantic zoom to jump between groups within a list within flattened hiearchy

demo Navigation

Using the Edge  Use App bar to bring up commands on demand through a swipe from the top or bottom edge  Use the Charms as entry points into Search, Share, Settings, and Devices contracts App bar

App Bar  Most apps will use a transient app bar  Bottom app bar is for commanding  Global commands on right, contextual commands on left  Can be programmatically invoked when an item is selected for contextual commands (Ex: Demo Start)  If there is a single, frequently used command, it can be placed on canvas  Menu Flyout can be used to show groups of related commands (Ex: Demo PaintPlay)  Top app bar is for navigation in immersive views (Ex: Back button & title)

demo App Bar

Windows 8 Touch Interactions Press and hold to learnTap for primary actionSlide to dragSwipe to select Pinch to zoom Swipe from edge for app and system UI Rotate to rotate

demo Scrollviewer

Process Isolation OS User dataDevicesCommunicationsHandlersTilesCryptography…… Process1 Local context Web context AppData LocalTempRoaming Process2 Local context Web context AppData LocalTempRoaming

Use the Right Contracts

Search anatomy 1. Search box (scoped) 2. Apps that implement search contract 3. Query suggestions provided by foreground app 4. Result suggestions

demo Search

Users often come across information they’re excited to share with someone or utilize in another app

Sharing

demo Share

The Store

Windows 8 Platform Opportunity 7M Windows (installed base) * Mac * iPad * 300k 380k 1.7M Windows 7 (units sold in 2011) * *Weissbuch 2012, approximations

Pricemodel 70% New App 80% once your app makes $25,000 $49 Individual $99 Business $49 Individual $99 Business $1.49 From $ To $1.49 From $ To 70% New App 80% once your app makes $25,000

Steps to the store 1. Create a Store account 2. Reserve your app name 3. Fill the submission metadata 4. Certify the app 5. Promote your app!

demo Publish in the store

Your Chance TechDays 12 - Lausanne

Win an ultrathin Samsung ATIV Tab! Students pay attention!

Conclusions