Silverlight Deep Zoom A Walkthrough Apurva Lawale Web Developer Evangelist Developer & Platform Evangelism Microsoft Singapore Mix-it-Up (the F1 Edition) 25 September 2008

Agenda Silverlight Deep Zoom (why) Silverlight Deep Zoom (why) Tools (what) Tools (what) Demo (how) Demo (how) Q & A Q & A

Silverlight Deep Zoom (why) View large images View large images Sends portions of the image to your browser Sends portions of the image to your browser Some scenarios: Consumers – adds to photo-sharing experience Consumers – adds to photo-sharing experience Engineers – huge system drawings Engineers – huge system drawings Builders – huge floor plans Builders – huge floor plans Designers – High-Res Designs to show clients Designers – High-Res Designs to show clients

Tools (what) Deep Zoom Composer Deep Zoom Composer

Demo – Part 1 (how) Simple Deep Zoom Project Simple Deep Zoom Project – Adding images – Exporting the project – Previewing in Browser – Looking at Visual Studio Project Creating a simple Deep Zoom project with no code at all Creating a simple Deep Zoom project with no code at all

Tools (what) Deep Zoom Composer Deep Zoom Composer Expression Blend Expression Blend Visual Studio 2008 Visual Studio 2008

Demo – Part 2 (how) Interactive Deep Zoom Project Interactive Deep Zoom Project – Making the UI look better – Adding data/information – Adding the necessary UI to display data/information – Adding code to make it work Some code and we have an interactive deep zoom demo Some code and we have an interactive deep zoom demo

Summary Creating Interactive Deep Zoom Projects is easy Creating Interactive Deep Zoom Projects is easy Download the Deep Zoom Composer and get started Download the Deep Zoom Composer and get started

Q & A

Resources rlight.aspx rlight.aspx ve/2008/06/23/working-with- collections-in-deep-zoom.aspx ve/2008/06/23/working-with- collections-in-deep-zoom.aspx

Demos ml ml