Silverlight Deep Zoom A Walkthrough

Document Sample
Silverlight Deep Zoom A Walkthrough Powered By Docstoc
					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)
•   Tools (what)
•   Demo (how)
•   Q&A
Silverlight Deep Zoom    (why)



• View large images
• Sends portions of the image to your browser

Some scenarios:
• Consumers – adds to photo-sharing
  experience
• Engineers – huge system drawings
• Builders – huge floor plans
• Designers – High-Res Designs to show
  clients
Tools   (what)



• Deep Zoom Composer
Demo – Part 1          (how)



• 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
Tools   (what)



• Deep Zoom Composer
• Expression Blend
• Visual Studio 2008
Demo – Part 2         (how)



• 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
Summary

• Creating Interactive Deep Zoom
  Projects is easy
• Download the Deep Zoom Composer
  and get started
Q&A
Resources

• http://www.apurvalawale.com/silve
  rlight.aspx

• http://blogs.msdn.com/jaimer/archi
  ve/2008/06/23/working-with-
  collections-in-deep-zoom.aspx
Demos

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