give your app some pop!€¦ · showcase your app register for our showcase session to show your...

35
Give Your App Some Pop! Greg Lutz Product Manager, ComponentOne www.componentone.com

Upload: others

Post on 03-Aug-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Give Your App Some Pop!

Greg Lutz Product Manager, ComponentOne

www.componentone.com

Page 2: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Overview

2

Enhance the look and functionality of your existing Windows Phone app (created in Session 1) by leveraging capabilities specific to the Windows Phone API and by using advanced UI controls.

Page 3: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Showcase your app

Register for our showcase session to show your app to us and other attendees

All attendees today will receive an email with the showcase registration link

Three developers who best leverage an Azure data set and ComponentOne Studio for Windows Phone will win a Windows Phone 7 device from ComponentOne!

Submit questions and apps to [email protected]

3

Page 4: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Agenda

Enhance your app in four ways

1. Appearance

2. Interactivity

3. Feedback

4. Functionality

Page 5: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Before and After

5

Page 6: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Prerequisites

App created in Session 1 http://c1.ms/5u

Windows Phone 7.5 SDK Visual Studio 2010 Express for Windows

Phone (or VS2010 with SP1) Expression Blend 4 for Windows Phone http://aka.ms/getphone

ComponentOne Studio for Windows Phone http://c1.ms/wp7

Page 7: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Studio for Windows Phone

http://www.componentone.com/WP7 Chart CoverFlow FlexGrid Gauges Maps PdfViewer RichTextBox More!

7

Page 8: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Licensing

Your complimentary key grants you to a one year subscription to Studio for Windows Phone

Entitles you to all updates and new controls that we release in 2012

$95 value

8

Page 9: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Appearance

Considerations Style

Metro style Phone themes

Dark Light

Layout Readable positioning Device orientation

Page 10: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Metro Style

Page 11: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Demo

Before and after

11

Page 12: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Demo

Before and after

12

Page 13: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Demo

Expression Blend Layout and Styles

13

Page 14: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Appearance

What we did: -Added some color to give our app a unique style

-Changed layout of content to make it fill the space

Page 15: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Appearance

What else you could do? -Bind to default Phone brushes so your app matches the user’s theme

Page 16: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Interactivity

Smart phone apps are interactive by nature

Panorama and Pivot controls are simple ways to have interaction

Page 17: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Panorama Control

Artful, Expansive, Immersive

Page 18: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Pivot Control

Data-driven, List-based, Deep

Page 19: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Demo

Before and After

Page 20: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Interactivity

What we did: -Added Pivot control with multiple items which will later be filled with more content

Page 21: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Interactivity

What else you could do? -Data drill-down on separate page

Page 22: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Feedback

You should display good feedback to the user so they know what’s going on.

This yields a good UX.

Considerations No network connection

Lag time while app is working

Page 23: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Demo

Message boxes and progress indicators

Page 24: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Feedback

What we did: -Added MessageBox to alert user of no network

-Added C1ProgressBar to show the app is working

Page 25: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Functionality

Give the user more than one way to view the data -Grouped/summarized

-Data visualization (charts, gauges, heat maps, etc)

25

Page 26: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

C1Chart

-30 chart types

-Legend

-Zoom interaction

-Panning

-Data labels

-Stackable plot areas

-Multiple axes

-Color palettes

26

Page 27: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Demo

Charts

Page 28: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Functionality

What we did: -Added two charts for better data visualization

-Added context menu for more chart functionality

Page 29: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Functionality

What else you could do? Give user option to change the city/state

Input field

Interactive Map control

Determine user’s location using the Windows Phone location services (GPS)

Page 30: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Final touches

Splash screen

Application Icon

Tile Title

Tile Background Image

-Used if user pins your app to their start page

Page 31: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Final touches

Submit to market place!

Bing “App hub”

http://create.msdn.com/

Page 32: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Showcase your app

Register for our showcase session to show your app to us and other attendees

All attendees today will receive an email with the showcase registration link

Three developers who best leverage an Azure data set and ComponentOne Studio for Windows Phone will win a Windows Phone 7 device from ComponentOne!

Submit questions and apps to [email protected]

32

Page 33: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Studio for Windows Phone

http://www.componentone.com/WP7 Chart CoverFlow FlexGrid Gauges Maps PdfViewer RichTextBox More!

33

Page 34: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

Contact

34

Greg Lutz

[email protected]

www.componentone.com

@ComponentOne

Let’s Build Something!

Page 35: Give Your App Some Pop!€¦ · Showcase your app Register for our showcase session to show your app to us and other attendees All attendees today will receive an email with the showcase

The information herein is for informational purposes only and represents the current view of

Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to

changing market conditions, it should not be interpreted to be a commitment on the part of

Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the

date of this presentation.

MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO

THE INFORMATION IN THIS PRESENTATION.

© 2012 Microsoft Corporation.

All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.