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

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

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

4. Tools (what) Deep Zoom Composer Deep Zoom Composer

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

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

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

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

9. Q & A

10. Resources http://www.apurvalawale.com/silve rlight.aspx http://www.apurvalawale.com/silve rlight.aspx http://blogs.msdn.com/jaimer/archi ve/2008/06/23/working-with- collections-in-deep-zoom.aspx http://blogs.msdn.com/jaimer/archi ve/2008/06/23/working-with- collections-in-deep-zoom.aspx

11. Demos http://learnet.npm.gov.tw/silverlight/ http://learnet.npm.gov.tw/silverlight/ http://www.kbb.com/kbb/PerfectCarFinder/PhotoEdition.aspx http://www.kbb.com/kbb/PerfectCarFinder/PhotoEdition.aspx http://www.xrez.com/yose_proj/yose_deepzoom/ClientBin/TestPage.ht ml http://www.xrez.com/yose_proj/yose_deepzoom/ClientBin/TestPage.ht ml http://www.wssmithers.com/InteractiveGallery/tabid/128/Default.aspx http://www.wssmithers.com/InteractiveGallery/tabid/128/Default.aspx