CINXE.COM
OpenZoom: Promoting and Supporting High-Resolution Images & Zoomable User Interfaces (ZUIs) on the Web
<!doctype html> <html> <head> <meta charset="utf-8"> <title>OpenZoom: Promoting and Supporting High-Resolution Images & Zoomable User Interfaces (ZUIs) on the Web</title> <meta name="description" content="OpenZoom: Promoting and Supporting High-Resolution Images & Zoomable User Interfaces (ZUIs) on the Web."/> <meta name="keywords" content="openzoom, zooming, web, images, photos, web, high-resolution, multi-scale, multi-resolution, zui, zoomable user interface, zooming user interface, adobe, flash, flex, SDK, framework, opensource, open, gasi, AIR, adobe, multiscale"/> <meta name="copyright" content="Copyright (c) 2007-2010, Daniel Gasienica"/> <meta name="author" content="Daniel Gasienica"/> <meta name="language" content="en"/> <link href='https://d33wubrfki0l68.cloudfront.net/bundles/a0c4a75275bd5c4037acff12e56b2133b72ef24e.css' rel='stylesheet'/> <!-- Google Analytics Tracker --> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-5667667-2']); _gaq.push(['_setDomainName', '.openzoom.org']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </head> <body> <a href="https://github.com/openzoom/"> <img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> </a> <div id="header"> <a href="#"><img id="logo" src="https://d33wubrfki0l68.cloudfront.net/b256592e294eb9d658dd1542fcaf140a6582670c/51aa3/images/logo-201x44.png" width="201" height="44" alt="OpenZoom"/></a> <ul id="globalnav"> <li><a href="https://docs.openzoom.org/sdk">Docs</a></li> <li><a href="/go/code">Code & Downloads</a></li> <li><a href="https://gasi.ch/blog">Blog</a></li> </ul> </div> <div id="container"> <div id="content"> <div class="alert alert-error notice"> <span>Notice: OpenZoom is no longer maintained nor supported.</span> </div> <h1 class="tagline">Sharing the Love of Zooming. Yours, <a href="https://twitter.com/OpenZoom">@OpenZoom</a>.</h1> <p class="lead">The OpenZoom Project promotes and supports the use of high-resolution images and Zoomable User Interfaces (ZUIs) on the web. OpenZoom provides toolkits, utilities and documentation to enable you to create great user experiences.</p> <ul> <li><a style="color: #08f" href="https://twitter.com/OpenZoom">Follow @OpenZoom on Twitter</a></li> <li><a style="color: #08f" href="https://www.facebook.com/OpenZoom.org">Like OpenZoom on Facebook</a></li> </ul> <h2>OpenZoom SDK</h2> <p>The open source <strong>OpenZoom SDK</strong> is a toolkit for the <a href="https://www.adobe.com/flashplatform/">Adobe Flash Platform</a> that enables you to easily build <a href="https://tandem.gasi.ch/">powerful applications</a>, <a href="http://www.albawater.com.vn/">beautiful sites</a> and <a href="/webtrendmap">stunning maps</a> which make use of the zooming metaphor and high-resolution images: It is freely available under the <a href="http://www.mozilla.org/MPL/MPL-1.1.html">MPL</a>/<a href="http://www.gnu.org/licenses/gpl-3.0.txt">GPL</a>/<a href="http://www.gnu.org/licenses/lgpl-3.0.txt">LGPL</a> trilicense.</p> <ul> <li><a href="https://gasi.ch/blog/openzoom-sdk/">Introduction & Demos</a></li> <li><a href="/sdk/download/latest/zip/">Download OpenZoom SDK for Flash, Flex & AIR (Source Code & Examples)</a></li> <li><a href="https://docs.openzoom.org/sdk/">OpenZoom SDK API Reference</a></li> <li><a href="/go/code">Browse Source Code</a></li> </ul> <h2>Showcase</h2> <p>Sites & projects powered by OpenZoom:</p> <ul> <li><a href="http://w4.siemens.com/windpark/">Siemens Windpark</a></li> <li><a href="http://ec.europa.eu/europeaid/climate-change-actions/">EU: Climate Actions for a Better Development</a></li> <li><a href="http://www.oostring.com/">Ole Østring</a></li> <li><a href="http://www.deuterror.org/dtr.html">DEU TER ROR</a></li> <li><a href="http://art.depotvisuals.de/">Depot Visuals Art</a></li> <li><a href="http://viewer.mars.asu.edu/planetview/inst/ctx">Mars Image Explorer</a></li> <li><a href="http://just.burgeff.de/">Just/Burgeff Architekten</a></li> <li><a href="http://www.massagepraktijkzondag.nl/">Massagepraktijk Zondag in Eindhoven</a></li> <li><a href="http://www.mockus.nl/">Mockus… Blijf Hangen!!!</a></li> <li><a href="http://www.daveygant.com/">Davey Gant</a></li> <li><a href="http://www.shawnold.com/theartist/index.html">Shawn Old</a></li> <li><a href="http://www.flagthousand.com/">Flag Thousand</a></li> <li><a href="https://gasi.ch/blog/openzoom-is-this-your-luggage/">OpenZoom, Is This Your Luggage</a></li> <li><a href="http://www.gigapixelphotography.com">Gigapixel Photography</a></li> <li><a href="http://www.albawater.com.vn">Alba Water</a></li> </ul> <h2>Developer Showcase</h2> <p>Tools & extensions for OpenZoom:</p> <ul> <li><a href="https://github.com/openzoom/deepzoom.py">Python Deep Zoom Tools <span class="label label-info">official</span></a></li> <li><a href="https://github.com/openzoom/deepzoom.rb">Ruby Deep Zoom Tools <span class="label label-info">official</span></a></li> <li><a href="http://search.cpan.org/dist/Graphics-DZI/">Perl Deep Zoom Tools</a></li> <li><a href="https://github.com/openzoom/deepzoom.php">PHP Deep Zoom Tools</a></li> <li><a href="http://code.google.com/p/deepjzoom">Java Deep Zoom Tools</a></li> <li><a href="http://code.google.com/p/magicktiler/">MagickTiler</a></li> <li><a href="https://github.com/gasi/deepzoom.hs">Haskell Deep Zoom Tools <span class="label label-warning">pre-alpha</span></a></li> <li><a href="http://ghostinteractive.net/blog/?p=334">Ghost Interactive Overlay Extension for OpenZoom SDK</a></li> <li><a href="http://ghostinteractive.net/blog/?p=400">Overlay Extension: Examples</a></li> <li><a href="http://code.google.com/p/ghostinteractive/">Overlay Extension: Download</a></li> </ul> <h2>Inline Multiscale Image Replacement</h2> <p>Easily publish insanely large images on the web in a way that kinda doesn't suck:</p> <ul> <li><a href="https://gasi.ch/blog/inline-multiscale-image-replacement/">Inline Multiscale Image Replacement</a></li> </ul> <h2>GigaPan Desktop & GigaPan Mobile</h2> <p>See the <a href="http://gigapan.openzoom.org/gigapan/17217">1.47 Gigapixel Obama photo</a> on your desktop or iPhone/iPod touch/iPad: <ul> <li> <a href="https://gasi.ch/blog/gigapan-desktop/">GigaPan Desktop</a> </li> <li> <a href="http://gigapan.openzoom.org/"> GigaPan Mobile: GigaPan on iPhone, iPod touch & iPad </a> </li> </ul> <h2>OpenZoom: Behind the Scenes</h2> <p>Ever wondered how high-resolution images are delivered in a efficient and smooth way on the web? Learn more about the theory, principles and algorithms behind multi-scale imaging on the web in this three part series of how I brought Deep Zoom to Flash:</p> <ul> <li> <a href="https://gasi.ch/blog/inside-deep-zoom-1/"> Inside Deep Zoom – Part I: Multiscale Imaging </a> </li> <li> <a href="https://gasi.ch/blog/inside-deep-zoom-2/"> Inside Deep Zoom – Part II: Mathematical Analysis </a> </li> <li> <a href="https://gasi.ch/blog/inside-deep-zoom-3/"> Inside Deep Zoom – Part III: Deep Zoom in Flash </a> </li> </ul> </div> </div> <div id="copyright"><p>© 2007–<script>document.write(new Date().getFullYear().toString())</script>, <a href="mailto:info@openzoom.org">OpenZoom.org</a>. All Rights Reversed.</p></div> </body> </html>