Development

Visual StudioIllustratorPhotoshop

Blend TFS / GIT

Store Taxes

Developer Account

Design Guidelines

App Eco

Kürzere Lebensdauer

Benutzer Akzeptanz

Wie fange ich an?

dev.windows.com design.windows.com

Windows 8

Windows Kernel Services

WinRT APIsCommunication

& DataDirectX &

MediaDevices & Printing

Application Model

XAML HTML / CSS

JavaScriptC / C++ C# / VB

Windows Store Apps

Kern

elSy

stem

Ser

vice

sM

oel

Cont

rolle

rVi

ew

Windows 8

Windows Kernel ServicesKern

elSy

stem

Ser

vice

s WinRT APIsCommunication

& DataDirectX &

MediaDevices & Printing

Application Model

XAML HTML / CSS

JavaScriptC / C++ C# / VB

Windows Store Apps Desktop Apps

Internet Explorer Win32 .NET

SL

HTMLJavaScript

CC++

C#VB

Moe

l Co

ntro

ller

View

Tooling

BLEND

VISUAL STUDIO

StylingPath-editingAnimationVisual StatesTransitions

Control creationLayoutProperty editingBasic dataView authoring

Code editingRefactoringDebuggingCode analysisProfiling

DESIGN TASKS CORE AUTHORING TASKS CODING TASKS

DemoVisual StudioExpression BlendExpression DesignEmulator

Erwartungshaltung der Benutzer• Live Tile• Search• Capabilities• PLM

Charakteristiken einer App• Store• Tile• Splash Screen

Entwickeln einer Windows Store App

Code undMarkup

Windows hilft dabeidas potential Ihrer Appvoll Auszuschöpfen

historiarte1.wikispaces.com

Authentically digital

Cloud connected

Dynamic and alive

Beautiful use of typography

Bold vibrant colors

Motion

Live Tiles

User Experience – Live Tiles

Live Tiles

Updates include both square and wide tiles

Tiles updated using pre-defined templates

Text-only, image-only or combination

JPEG, GIF, or PNG, max size 200 KB, max 1024px size

Optional “peek” animation

Local, scheduled, periodic and push updates

Alive with activity without apps running

• Issue direct updates, perhaps using queue, scheduled, and expiring updates

• Tell Windows a service URL where it can to obtain periodic updates

• Obtain a Windows Push Notification Service (WNS) channel and have a service send notifications to that

• These actions can happen from app code or background tasks

There are three ways an app configures this to happen

What makes an update?

• Choices: Tile template catalog, badge catalog, toast template catalog, plus Toast audio options catalog

• Whoever issues an update builds the XML• URIs for images can use http[s]://, ms-appx:///, or

ms-appdata:///local/

• Notifications Extensions Library providesan object model

• Reduces mistakes that cause updates to not show

Tiles, badges, and toasts are bits of XML that come from predefined templates (to avoid chaos)

XML badge update schema

<?xml version="1.0" encoding="utf-8" ?>

<badge value = "1-99" | "none" | "activity" | "alert" | "available" | "away" | ...

version? = "integer" />

XML tile update schema<?xml version="1.0" encoding="utf-8" ?>

<tile>

<visual version? = "integer" lang? = "string" baseUri? = "anyURI"

branding? = "none" addImageQuery? = "boolean" >

<!-- One or more binding elements -->

<binding template = "TileSquareImage" | "TileSquareBlock" | ...

fallback? = "string" lang? = "string" baseUri? = "anyURI"

branding? = "none" addImageQuery? = "boolean" >

<!-- Some combination of image and text -->

<image id = "integer" src = "string"

alt? = "string" addImageQuery? = "boolean" />

<text id = "integer" lang? = "string" />

</binding>

</visual>

</tile>

Demo – Interactive Live TilePeriodisches Update