Using Deep Zoom Composer - Part I

25. September 2009 15:56

Silverlight 

In my previous post I have shown how to use Seadragon / Deep Zoom with online application. But there is one limitation on this…..which really upsets me is that you can only use one image at a time. To overcome this Microsoft provides us with a tool known as Deep Zoom Composer. Using this tool is pretty simple, just some few easy steps and your Deep Zoom is ready in Seadragon or Deep Zoom composition. Here I will show how to use Deep Zoom composer step by step.
I am using an old version of Deep Zoom composer. Though there is much newer version of Microsoft Deep Zoom which you can download from here. Please be noticed of this that the newer version of Deep Zoom composer might promise you some new features, so there is a probability that the screenshots I have placed here may differs.


Step 1: Initial step is to collect all the high resolution images (not necessary actually, but recommended). When collected open Deep Zoom composer and create a new Project.

Step 2: Select project type from the new “New Project” window. As in the screenshot below you can see there is only one project type to choose from, but as I mentioned earlier that I have used an older version of Deep Zoom composer in this tutorial, you might tend to see some other new project types.

Step 3: Collect the high resolution images from your collection. Choose those images that you clicked from your digital camera, as the images clicked by digital cams are of high resolution and will give a good zoom effect. But if you don’t have a digital camera then go for the high resolution images or wallpapers that you can get from the internet. Here I have included the wallpapers from my vista wallpapers Collection. Click “Add Images” button just above the right pane as shown below in the screenshot.

Step 4: Select multiple images and click OK to start the import of images you selected.

Step 5: Once all the images are imported successfully click the “Compose” button situated at the top of the working area.

Step 6: Drag-n-Drop the images from the right pane showing all the images that you have imported. Select the image and resize it and place the images on the workspace where you want the images to show up when the composition is completed.

Step 7: You can also arrange the images in order to make them appear the way you want. For most of the users it seems to be a very simple function, but if you are a bit creative and understand the concept of Deep Zoom you can create an jaw-dropping composition. Though I will not be covering this option in this article but I will elaborate this option furthermore on my next post with an example. As with the options you are familiar as their name clears everything but just to give an idea you can place an image partially over each other and then set these options. (Don’t forget to check my forthcoming post on how do we use these options more brilliantly.

Step 8: Once you set all the images in the workspace, remember that you the way you are seeing your composition here it will be the same you will witness when you export your composition. In the left hand side there is a small zoom pane which helps you in position the workspace.

Once you finalize the layout of your composition then you can finally export you composition by clicking the “Export” button

Step 9: Now you have 2 export options that will allow you to have your composition either published on the PhotoZoom website (and yes of course, you need to have a windows live ID) or you can export your composition on your local drive.

Step 10: Now on the “Custom” tab you can choose the settings and export your compositions from the available options.

The custom export option allows you to have the Output Type which can be just Images, Silverlight Deep Zoom or Seadragon AJAX.

Step 11: Click the Export button and this is it…when the export is complete you can view your composition in the browser.

Step12: Aftet the export is complete then you can preview the composition in you browser.

Check out the working demo here.

Currently rated 5.0 by 1 person

Microsoft Live Labs - SeaDragon / DeepZoom

24. September 2009 15:04

Microsoft Silverlight 

Microsoft introduces yet another way to present you image collection online and its not only limited to present your huge photo collection but can also help you in your presentation (well I mean jaw-dropping presentation). After Microsoft Photosynth® it is another way to represent the collection of your picures. One thing is good for that you don't even have to download the huge/high resolution images from a website instead you can zoom in/out to get it all done at one place with this great technology. Here is how you can get a quick look and start.

To get started visit: http://livelabs.com/seadragon This is an official seadragon link where you get to know more about seadragon and DeepZoom . One good thing I found is that you can use Seadragon with AJAX and in Silverlight both and both supports APIs for developers to develop and leverage DeepZoom functionality. You can download the AJAX library and documenations to guide you throughout your own development process.

If you want to have a quick look on how this in actual works then visit: http://www.seadragon.com. Here you just have to give the URL of the photo you want to view with Seadragon viewer as shown in the below screenshot:

Once you provide the URL of your image just click Create and you can see the image withing the viewer above and other option to View, Embed and Share. Similarly here you can choose here from different images available.

 

In the coming posts I will describe how to use DeepZoom composer to create our own custom DeepZoom views. And atlast here is the outcome of the above.

 

 No Rating

.NET Framework 4.0 Architecture

23. September 2009 15:51

.NET Framework Microsoft 

 No Rating

GOOGLE Office - New York City

23. September 2009 01:29

Fundoo 

[flv:Google_NY.flv]

 

 No Rating

Using Hashtables

20. September 2009 21:40

C# 

Here I illustrate how to create and use hash table. Each element of hash table is a combination of Key/Value pair stored in a DictionaryEntry object. A value in a hash table can be null or contains no value but a key cannot be of null reference. Key in hash table work as an identifier for the value where you can search a hash table for a value with a specified key.

First you will need to import the namespace System.Collection. We use System.Collection namespace because it contains various interface and classes the defines various collection of objects like list, dictionary, queues, hash tables and bit arrays.

1. Adding Key/Values to Hash Table

using System;
using System.Collections;
class HashtableClass
{
 public static void Main()
 {
   Hashtable htbl = new Hashtable();
   htbl.Add("AL", "Alabama");
   htbl.Add("CA", "California");
   htbl.Add("FL", "Florida");
   htbl.Add("NY", "New York");
   htbl.Add("WY", "Wyoming");
   // Get a collection of the keys.
   ICollection coll = htbl.Keys;
   foreach (string str in coll)
   {
     Console.WriteLine(str + ": " + htbl[str]);
   }
 }
}

2. Clear all Key/Value pairs in a hash table

To clear all the key/value pairs in a hash table use Clear() method of a hash table class:

htbl.Clear();

3. Remove Key/Value pairs from hash table

Just if you want to remove a particular value from a hash table use the Remove() method of hash table class and specify the Key to remove the key/value:

htbl.Remove("NY");

4. Adding Key/value pair to hash table by using indexer

We can use Add() method of the hash table class to add key/value pair to the hash table, but instead we can use indexer to add key/pair:

htbl["NY"] = "New York";

5. Use the ContainsKey() method to check if hash table contains a key

Just a simple method to use with an IF condition:

if(htbl.ContainsKey("NY"))
{
       Console.WriteLine("Hashtable contains key NY");
}

6. Use the ContainsValue() method to check if hash table contains a key

Just a simple method to use with an IF condition:

if(htbl.ContainsValue("New York"))
{
Console.WriteLine("Hashtable contains value New York");
}

7. Copy the keys from hash table into an array using the CopyTo() method

string[] keys=new string[5];
htbl.Keys.CopyTo(keys,0);
 No Rating