Windows

Store App
Development
Prepared by:
CHEAH ENG SOON
Agenda

• Windows Store Application UX Design

• Windows Store Application Development
o Navigation between Pages
o Toast Notification
o Settings Panel
o Share Target in Windows Store Application
o Location Services in Windows Store Application
o Play Media File in Windows Store Application
o Accessing Files and Folders
o Handling data in Windows Store App
Agenda

• App Rating in Windows Store Application

• Resources
The First Impression

• App Icon
• Screenshots
• App Description
 Windows Store Application – UX Design

Grounded in the same principles

More visually rich and compelling personality
More scalable, flexible, and complete patterns
Better patterns and personality support via platform
P
is for Principles
Design Principles

• Be fast and fluid

• Do more with less
• Win as one
Be fast and fluid
Do more with less
P is for Personality
Personality Elements

• Typography
• Color
Typography
Color
P
 Patterns

• UI Controls
• Navigation
 Windows 8 UI controls
Button Grid View Text Box Spell Checking

Checkbox Radio Button

Progress Ring Progress Bar
 Navigation patterns

• Navigation Bar
• In –App Search
P is for Platform
Platform for Windows user experiences

Using C# or C++ Using Javascript

All based on the same core Windows capabilities

Windows
Store App
Development
o Navigation Between Pages
o Toast Notification
o Settings Panel
Navigation
Between
Pages
Pages Navigation
Page Navigation with Passing
Parameters
Demo – Navigation Between Pages

• Page Navigation
 Demo – Navigation Between Pages

• Page Navigation with Passing Parameters

Demo – Navigation Between Pages

• Page Navigation with Passing Parameters

Toast
Notification

Toast Notification
Toast Notification With Image
Demo – Toast Notification

• Toast Notification
Result
Demo – Toast Notification

• Toast Notification with Image

Result
Settings
Panel
Demo – Settings Panel
Windows
Store App
Development
Share Target
Location Services
Play Media File
Share Target
Demo – Share Target
Demo – Share Target
Location
Services
Demo – Location Services
Demo – Location Services
Play Media
File
Demo – Play Media File
Windows
Store App
Development
Accessing Files and Folders
Handling Data
Accessing
Files and
Folders
Demo – Accessing Files and Folders
Handling
Data
Demo – Handling Data
App Rating
Demo - App Rating

• Go App.xaml.cs
• OnLaunched event
• Place below Windows.Current.Activate();
Demo – App Rating
Windows Store
App with Windows
Azure Mobile
Services

Demo – Project TriPro

App Monetization
App Monetization - LeadBolt

• Register at
https://www.leadboltnetwork.net

• Download the SDK

• Select App > Create New App Mobile Web

App Monetization - LeadBolt

• Add the SDK File

Add the LeadBolt.dll file into your Project
“References”.

• Add the Required Capabilities to

Package.appxmanifest
Internet(Client)
App Monetization - LeadBolt
• MainPage.xaml
App Monetization - LeadBolt

• MainPage.cs
Resources
• Windows 8.1 Feature Guide for UI/UX
http://msdn.microsoft.com/en-us/library/windows/apps/bg182890.aspx

o Microsoft Virtual Academy

http://microsoftvirtualacademy.com

o Microsoft Student Partners Malaysia

http://fb.me/mymsp

o Other questions?
escheah@mystudentpartners.com
Blog: cheahengsoon.weebly.com