31
Nick Landry Microsoft Senior Technical Evangelist, NY Metro Nokia Developer Ambassador & Champion [email protected] @ActiveNick – www.AgeofMobility.com Developing Windows Phone Apps with the Nokia Imaging SDK Chicago – April 12, 2014

Developing Windows Phone Apps with the Nokia Imaging SDK

Embed Size (px)

Citation preview

Page 1: Developing Windows Phone Apps with the Nokia Imaging SDK

Nick Landry

Microsoft Senior Technical Evangelist, NY Metro

Nokia Developer Ambassador & Champion

[email protected]

@ActiveNick – www.AgeofMobility.com

Developing Windows Phone Apps

with the Nokia Imaging SDK

talk2me

Chicago – April 12, 2014

Page 2: Developing Windows Phone Apps with the Nokia Imaging SDK

Who is ActiveNick?

• Senior Technical Evangelist – Microsoft, NY Metro Audience Team

• Nokia Developer Ambassador and Champion

• Former Microsoft MVP: 2005-2014 – Windows Phone Development

• Mobile Publisher – Big Bald Apps: http://www.bigbaldapps.com

• Speaker. Blogger. Author. Tweeter. Father. Gamer

• 20+ Years of Professional Experience

• Specialties:

• Mobile Development

• Location Intelligence & Geospatial Systems

• Data Visualization, HPC, Cloud

• Mobile Game Development

• Blog: www.AgeofMobility.com

• Twitter: @ActiveNick 2005-2014

Page 3: Developing Windows Phone Apps with the Nokia Imaging SDK

Nokia Internal Use Only

MUSIC

WINDOWS PHONE USER EXPERIENCE HARDWARE DESIGN & ENGINEERING

IMAGING SENSORCORE

LUMIA DIFFERENTIATIONGet noticed from the crowd

LOCATION MUSICSENSORCORE

Page 4: Developing Windows Phone Apps with the Nokia Imaging SDK

Agenda

Nokia Imaging SDK Building Advanced Imaging

Apps for Windows PhoneIntroduction to the Nokia Imaging SDK

Page 5: Developing Windows Phone Apps with the Nokia Imaging SDK

What is the Nokia Imaging SDK?

• Includes more than 50 ready to use image processing filters

and effects, with various adjustment parameters

• Supports creation of totally custom filters

• Accessible from managed and native code

• Supports various source types: bitmaps, streams, files and

camera viewfinder

• Partial JPEG decoding - using RAJPEG technology, access

image data without decoding a whole JPEG image for a fast

previews, application of effects, rotation, and cropping of high

resolution images

Page 6: Developing Windows Phone Apps with the Nokia Imaging SDK

Cool apps using the SDK

Pikura

Real-time camera

filters

One Shot Gigapixel image browser

(wiki article)

Zooming in a

400MP image

Image filters

Page 7: Developing Windows Phone Apps with the Nokia Imaging SDK

NOKIA IMAGING SDKMakes imaging magic

Easy to use, 50+ filters, 1,500+ apps

1.0JUL 2013

Performance enhancements, Lens blur, HDR, Foreground picker

1.1FEB 2014

Easy GIF creation, Local image blend, Even

more performance enhancements

1.2APR 2014

BETA

Page 8: Developing Windows Phone Apps with the Nokia Imaging SDK

WHAT’S NEW IN THE 1.2 (BETA) VERSION?

Blend Filter Target Area

Image Aligner

Animated GIF renderer

Low memory custom

effects

Supports Windows Phone 8.1

Extends Windows 8.1 support to include x64 configuration

Page 9: Developing Windows Phone Apps with the Nokia Imaging SDK

Overview of

Image Filters &

Effects

Page 10: Developing Windows Phone Apps with the Nokia Imaging SDK

List of Filters and Effects IAntique

Auto Enhance

Auto Levels

Blend

Blur

Brightness

Cartoon

Color Adjust

Color Boost

Colorization

Color Swap

Contrast

Crop

Curves

Despeckle

Emboss

Exposure

Flip

Page 11: Developing Windows Phone Apps with the Nokia Imaging SDK

List of Filters and Effects IIFog

Foundation

Frame

Free Rotation

Grayscale

Grayscale Negative

Hue Saturation

Image Fusion

Levels

Local Boost

Lomo

Magic Pen

Milky

Mirror

Mono Color

Moonlight

Negative

Noise

Page 12: Developing Windows Phone Apps with the Nokia Imaging SDK

List of Filters and Effects IIIOily

Paint

Posterize

Sepia

Sharpness

Sketch

Solarize

Split Tone

Spotlight

Stamp

Step Rotation

Temperature and Tint

Vignetting

Warp

Watercolor

White Balance

ChromaKey

Page 13: Developing Windows Phone Apps with the Nokia Imaging SDK

ChromaKey Filter adds transparency to the pixels of a specific color

ChromaKey

Page 14: Developing Windows Phone Apps with the Nokia Imaging SDK

Blend modes

Blend mode:

Color Burn

Blend mode:

ColorBlend mode:

Add

1st image 2nd image

Page 15: Developing Windows Phone Apps with the Nokia Imaging SDK

HDR Effect

Page 16: Developing Windows Phone Apps with the Nokia Imaging SDK

Library contains three architectural building blocks:• Image sources (such as bitmaps, streams, files)• Effects (built-in or custom)• Renderers (outputs bitmaps or files)

Combining these building blocks, developer creates rendering pipeline

Once pipeline is created, it is possible to change filter parameters, or their sequence.

IMAGE SOURCE

FILTER EFFECTS

CARTOON

FILTER

FOG FILTER

RENDERER

GENERAL ARCHITECTURE OVERVIEW

Full details in Lumia Developer Library

http://developer.nokia.com/resources/library/Lumia/

Page 17: Developing Windows Phone Apps with the Nokia Imaging SDK

General Overview of Required Steps

• Step 1: Include Nokia Imaging SDK Libraries into your project

• Step 2: Prepare source image: uncompressed image as WriteableBitmap,

AudioVideoCaptureDevice or compressed image as IBuffer, StorageFile

• Step 3: Create image source as instance of IImageSource

• Step 4: Instantiate and configure one or more effects, chained together

• Step 5: Create renderer with associated effect chain and target output

• Step 6: Use asynchronous methods RenderAsync in order to generate output

• Remember: official documentation is part of the Lumia Developer Library

http://developer.nokia.com/resources/library/Lumia/nokia-imaging-sdk.html

Page 18: Developing Windows Phone Apps with the Nokia Imaging SDK

Nokia Imaging SDK Libraries

• Installable via NuGet Package Manager

• Make sure that in the Project’s Configuration

Manager, there will remain only X86 and ARM

platforms. “Any CPU” and “x64” platforms should

be removed

• Remember: Nokia Imaging SDK library is going to

be included into your final XAP file

Page 19: Developing Windows Phone Apps with the Nokia Imaging SDK

DEMOHands-On:

Taking the SDK into

use, Applying filters

Page 20: Developing Windows Phone Apps with the Nokia Imaging SDK

Interactive Foreground Segmenter

Page 21: Developing Windows Phone Apps with the Nokia Imaging SDK

Lens Blur

Page 22: Developing Windows Phone Apps with the Nokia Imaging SDK

DEMOHands-On:

Interactive Foreground

Segmenter & Lens Blur

Page 23: Developing Windows Phone Apps with the Nokia Imaging SDK

DEMOHands-On:

Interactive Foreground

Segmenter & Lens Blur

Page 24: Developing Windows Phone Apps with the Nokia Imaging SDK

ANIMATED GIF RENDERER

Page 25: Developing Windows Phone Apps with the Nokia Imaging SDK

IMAGE ALIGNER

Page 26: Developing Windows Phone Apps with the Nokia Imaging SDK

• Create an outstanding imaging app

• Win a trip to experience zero gravity

• developer.nokia.com/imagin8

Page 27: Developing Windows Phone Apps with the Nokia Imaging SDK

Nokia Imaging SDK Reference Links

• Installation instructions on NuGet

• http://www.nuget.org/packages/NokiaImagingSDK

• Documentation and Samples

• http://developer.nokia.com/lumia/nokia-apis/imaging

• Lumia App Labs: Working with high resolution images in Windows Phone 8

• http://developer.nokia.com/lumia/lumia-app-labs#ep14

• Download Sample Nokia Developer Apps on your Windows Phone

• Apps built with various Nokia APIs

• Source code available on Nokia’s Developer Center

• http://www.windowsphone.com/en-US/store/publishers?

publisherId=Nokia%2BDeveloper (search the App Store for “Nokia Developer”)

Page 28: Developing Windows Phone Apps with the Nokia Imaging SDK

//build/ Sessions: Nokia Imaging SDK

• Extend your Windows Apps with Nokia SDKs

• http://channel9.msdn.com/Events/Build/2014/2-659

• All //build/ 2014 sessions available online:

• http://channel9.msdn.com/events/build/2014

Page 29: Developing Windows Phone Apps with the Nokia Imaging SDK

Next Steps…

Get Ready to Become a Windows Phone Developer

Download the SDK at dev.windowsphone.com

Explore the Microsoft samples and start building apps in Visual Studio

Learn More About Windows Phone Dev via Official Microsoft Videos

Windows Phone 8 Jump Start Training: http://bit.ly/wp8jump

Windows Phone 8 Dev for Absolute Beginners: http://bit.ly/wp8devAB

Check Out Additional Learning Resources

Pluralsight WP Training: www.pluralsight.com/training/Courses#windows-phone

Nokia Developer: www.developer.nokia.com

Download Additional Resources & Become an Expert

Download the Windows Phone Toolkit: phone.codeplex.com

Nokia Developer Offers: http://bit.ly/nokiadevoffers

32

1

2

3

4

Page 30: Developing Windows Phone Apps with the Nokia Imaging SDK

Windows Phone Resources

• Nick Landry’s Blog: www.AgeofMobility.com

• Nick Landry’s Getting Started Resources: www.ageofmobility.com/?page_id=961

• Windows Phone Developer Blog: blogs.windows.com/windows_phone/b/wpdev

• Windows Phone Consumer Blog: blogs.windows.com/windows_phone/b/windowsphone

• Nokia WP Wiki: www.developer.nokia.com/Community/Wiki/Category:Windows_Phone

• Nokia Dvlup Challenges & Rewards: www.dvlup.com

• Nokia Conversations Blog: http://conversations.nokia.com

• Microsoft App Studio: http://apps.windowsstore.com

• Windows Phone Developer Magazine (online via Flipboard): http://flip.it/95YFG

• GeekChamp (WP & Win8 dev): www.geekchamp.com

• Windows Phone Central (News): www.wpcentral.com

Page 31: Developing Windows Phone Apps with the Nokia Imaging SDK

Thank You!

Slides and demos will be posted on SlideShare (see link below)

Let me know how you liked this session. Your feedback is important and appreciated.

Slideshare: www.slideshare.net/ActiveNick

Blog: www.AgeofMobility.com

Twitter: @ActiveNick

Mobile Apps: www.bigbaldapps.com

LinkedIn: www.linkedin.com/in/activenick

Website: www.mobility42.com

Email: [email protected]