This document discusses Windows Store apps and how they can be developed to take advantage of live tiles, notifications, and other Windows features. It covers the Windows app architecture and tools for app development. Key points include how live tiles can be configured to update periodically from a service URL or with push notifications to remain dynamic even when the app is not running. Templates define the format of tile, badge, and toast updates to provide a consistent user experience.

1. Development
Illustrator Developer Kürzere
Visual Studio Photoshop Account Lebensdauer
Store App
Blend TFS / GIT
Taxes Design Guidelines
Eco Benutzer
Akzeptanz

2. Wie fange ich an?
dev.windows.com design.windows.com

3. Windows 8
Windows Store Apps
View
XAML HTML / CSS
Controller
C / C++ C# / VB JavaScript
Moel
WinRT APIs
System Services
Communication DirectX & Devices &
& Data Media Printing
Application Model
Kernel
Windows Kernel Services

4. Windows 8
Windows Store Apps Desktop Apps
View
XAML HTML / CSS
Controller
C / C++ C# / VB JavaScript
Moel
HTML C C#
JavaScript C++ VB
WinRT APIs
System Services
Communication DirectX & Devices &
& Data Media Printing
Internet .NET
Application Model Win32
Explorer SL
Kernel
Windows Kernel Services

5. Tooling
DESIGN TASKS CORE AUTHORING TASKS CODING TASKS
 Styling  Control creation  Code editing
 Path-editing  Layout  Refactoring
 Animation  Property editing  Debugging
 Visual States  Basic data  Code analysis
 Transitions  View authoring  Profiling
VISUAL STUDIO
BLEND

6. Demo
Visual Studio
Expression Blend
Expression Design
Emulator

7. Entwickeln einer Windows Store App
Charakteristiken Erwartungshaltung der
einer App Benutzer
Code und • Store • Live Tile
Windows hilft dabei
• Search das potential Ihrer App
Markup • Tile
• Capabilities voll Auszuschöpfen
• Splash Screen
• PLM

8. historiarte1.wikispaces.com

22. Authentically digital
Cloud connected
Dynamic and alive
Beautiful use of typography
Bold vibrant colors
Motion

25. Live Tiles

26. User Experience – Live Tiles

28. Live Tiles
Local, scheduled,
periodic and push
updates

29. Alive with activity without apps running
• Issue direct updates, perhaps using queue,
scheduled, and expiring updates
There are three
ways an app • Tell Windows a service URL where it can to obtain
configures this
to happen 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

30. What makes an update?
Tiles, badges, and • Choices: Tile template catalog, badge catalog, toast
toasts are bits of template catalog, plus Toast audio options catalog
XML that come
from predefined
templates (to • Whoever issues an update builds the XML
avoid chaos) • URIs for images can use http[s]://, ms-appx:///, or
ms-appdata:///local/
• Notifications Extensions Library provides
an object model
• Reduces mistakes that cause updates to not show

31. XML badge update schema
<?xml version="1.0" encoding="utf-8" ?>
<badge value = "1-99" | "none" | "activity" | "alert" | "available" | "away" | ...
version? = "integer" />

32. 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>

33. Demo – Interactive Live Tile
Periodisches Update