<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Vaughan Knight - Blog &#187; Architecture</title>
	<atom:link href="http://vaughanknight.com/tags/architecture/feed/" rel="self" type="application/rss+xml" />
	<link>http://vaughanknight.com</link>
	<description>Technology as Artforms</description>
	<lastBuildDate>Sun, 10 Apr 2011 06:30:22 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Deep Zoom Visio Architecture Diagrams</title>
		<link>http://vaughanknight.com/2008/06/deep-zoom-visio-architecture-diagrams/</link>
		<comments>http://vaughanknight.com/2008/06/deep-zoom-visio-architecture-diagrams/#comments</comments>
		<pubDate>Tue, 17 Jun 2008 22:12:56 +0000</pubDate>
		<dc:creator>Vaughan</dc:creator>
				<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[Architecture]]></category>
		<category><![CDATA[Deep Zoom]]></category>
		<category><![CDATA[Visio]]></category>

		<guid isPermaLink="false">http://vaughanknight.com/blog/?p=7</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p>A few people already have asked &#8216;How did you do the architecture through to code deep zoom?&#8217;.&nbsp; So here is a 5 minute overview.&nbsp;  </p>
<p>First up, my usual disclaimer&#8230; I don&#8217;t recommend using this format for real architecture diagrams.&nbsp; They will have too much detail that will make this process too fiddly and prone to error.&nbsp; I do however recommend this for Deep Zoom presentations.</p>
<p>Creating architecture in deep zoom is easy.&nbsp; But there are a few hurdles.&nbsp; The main issue people face that their diagram software does not allow for minute fonts.&nbsp; I use Visio, and have exactly that issue.&nbsp; Here is the solution&#8230;</p>
<p><span id="more-7"></span><br />

<ol>
<li>Create your overview architecture.</p>
<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="Visio Deep Zoom Page 1" src="http://vaughanknight.com/blog/images/page1.png" class="mt-image-center" style="margin: 0pt auto 20px; text-align: center; display: block;" height="358" width="420" /></span></li>
<li>Create place holders where you require extreme detail.&nbsp; A space, an X, a tiny descriptor, whatever works for you.</li>
<li>Create new slides with GIANT versions of the slides you have made placeholders for.
<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="Visio Deep Zoom Page 3 More Detail" src="http://vaughanknight.com/blog/images/page3.png" class="mt-image-center" style="margin: 0pt auto 20px; text-align: center; display: block;" height="358" width="420" /></span><br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="Visio Deep Zoom Page 2 Database" src="http://vaughanknight.com/blog/images/page2.png" class="mt-image-center" style="margin: 0pt auto 20px; text-align: center; display: block;" height="358" width="420" /></span></p>
</li>
<li>Either print to PDF and import into Photoshop, or save<br />
the document as PNG.&nbsp; Unlike Powerpoint, Visio and other vector drawing<br />
tools allow you to pick your export dpi.&nbsp; I use very high dpi for great<br />
results.&nbsp; It is probably overkill.</p>
<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://vaughanknight.com/blog/images/settings.html" onclick="window.open('http://vaughanknight.com/blog/images/settings.html','popup','width=494,height=425,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://vaughanknight.com/blog/images/settings-thumb-420x361.png" alt="Visio High Resolution Export for Deep Zoom" class="mt-image-center" style="margin: 0pt auto 20px; text-align: center; display: block;" height="361" width="420" /></a></span></li>
<li>Import all the images into Deep Zoom, and lay out the architecture overview.</li>
<li>Export</li>
<li>Done</li>
</ol>
<p>Note<br />
that if you are doing this as part of a presentation, first lay your<br />
architecture overview slide, then start laying out the pieces<br />
architecture.&nbsp; Working from the bottom up is the best approach.&nbsp;<br />
However, you will need to rejig it from time to time, and using &#8216;layer<br />
view&#8217; in Deep Zoom Composer will stop your brain doing back flips when<br />
trying to find components of the architecture.</p>
]]></content:encoded>
			<wfw:commentRss>http://vaughanknight.com/2008/06/deep-zoom-visio-architecture-diagrams/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

