In a nutshell, Deep Zoom allows you to view large images by only sending to your browser the portion of the image that you will actually be viewing on your screen. Spiced up with the ability to pan and zoom across your image smoothly, this works very similar to online maps.
 

Of course I felt the urge to play around with this, of course focussing on the inclusion in a Javascript-Ajaxy way. These examples cover basic concepts for online-ads, single images, image collections as well as beautyfull women and places, all included via a handy “append/remove object”-function. Some of these examples make use of the free hosting-service offered by the development team. You may use my undocumented “easy-to-use-easy-to-setup”-Javascript-SDK which allows to include both selfhosted and Microsoft-hosted projects.
 

Microsofts hosting-service lets you get around installing the Deepzoom Composer (.NET Framework 3.5 required) and hosting the (hopefully massive image-data yourself - yet I recommend creating your project offline since it’ll allow you to layout the images in your collection precisely - take a look at the UserGuide.pdf. Well, not in any case: the hosting-service allows to convert a Media-RSS-feed (for example from Flickr) into an album, which is pretty intriguing. But… how many feeds linking hi-res-imagery are out there? I’ve found none so far…
 

There are a million and one uses for this:

1. Online ads: The bottleneck of any ad-delivery is the creative’s filesize, which prevents from advertising with hi-res-images on the web. By loading only the relevant data, initialized by the user and after the pageload, Deepzoom behaves like a streaming ad. Yet one has to bear in mind the distribution of the silverlight-plugin. Yet it can be bypassed easily with an “if not silverlight then use flash”-plugin-sniffer.
2. Galerys: Hi-res arts, fashion photography, posters and probes have a hard time being distributed offline or taking the loss of a unbearable download-time. Not anymore: You may use my SDK above to show off your Oevre online in a sleek fashion, saving on useless traffic generated by unseen details. If you use the SDK, please drop me a note
3. Advertising-Agencies: Our “offliners” too have a hard time distributing hi-res material to the clients for finetuning or pitches. Of course they have found manageable ways to do this - now with Deepzoom it’s become more manageable to combine artwork in a web-collection.
4. Photo-Plugins: With Deep Zooms sleekness in mind I also see some neat uses as a plugin for social communities like Facebook
5. Other: Well, there is another great use which I won’t illustrate here (Are you male and have my secret Site-Key? Then take a look at this!). Anyways, producers of porn may contact me for technical contracts

I’ll end my post with a call: Please inform me when

• you have found a way to set the default-position and -zoom within a collection,
• you have used my Javascript-SDK,
• you have developed something you think I should know.

Meine Faszination für diesen Ansatz lässt sich ja bereits in diesem Blog ersehen, hier ist auch alles verschieb- und anpassbar. Nur werden Deine Interaktionen mit der Seite hier nicht gespeichert - im Online Desktop 0.1 natürlich schon, via Cookies (Thx to Quirksmode). So kann jeder Nutzer die Position der Inhalte selbst bestimmen und an die Bedürfnisse seines digitalen Alltags anpassen.
 

Die zugrunde liegende Library ist Toolmans kleine aber feine - und inzwischen schon recht betagte - DHTML Library. Zudem enthält der Online Desktop 0.1 meinen inplaceEditor (den ich hier näher beschrieben habe), um das Editieren der Inhalte nach Doppelklick zu erlauben. Die Ajax-Serverkommunikation basiert auf Prototype.
 

Wirklich nutzbar ist die Anwendung leider noch nicht - das Verschieben von Flächen zieht ein Verschieben aller in Lesrichtung folgenden Flächen nach sich - da sind Netvibes und iGoogle mit einer Unterteilung in Spalten schon deutlich schöner. Na, das wird dann Version 0.2

Der _inplaceEditor löst das Dilemma und zeigt den Großen den Finger: Man erstellt ein HTML-Dokument im guten alten Web 1.0-Stil und ersetzt beliebige zu administrierende HTML-Inhalte durch jeweils eine PHP-Funktion. Noch eine Javascript-Datei eingebunden, Template fertig. Von nun sind die Inhalte auf Doppelklick editierbar, eine Ajax-Funktion übernimmt das Speichern ohne Reload.
 

Was ist daran ’subversiv’? Dieses Micro-CMS konzentriert ich auf die Inhalte und ignoriert das ‘Drumherum’. Damit eignet sich das Konzept bestens für kleine Websites, besonders allerdings für jede Form der Regelkommunikation, die auf HTML-Templates basiert - hier spart man sich die endlosen Korrektur-Schleifen zwischen Kunde -> Projektmanagement -> Programmierung.
 
Ein Beispiel: Der März-Newsletter von Hurtigruten - probier gerne rum!

Zum Einsatz kommen dabei die ‘Windows Live Web Authentication’, die ‘Contacts API’ und natürlich Jquery für eine schöne Animation. Mehr dazu, wenn die Beta released ist…

Meins, meins, meins

Das Schöne (und irgendwie auch Ungewöhnliche;) daran: Mit der Library kann man die Applikation vollkommen frei erweitern und schnell an die eigenen Bedürfnisse und CI angepassen. Und hier ist er: Mein erster eigener Web-Messenger in einer (gekürzten) Versions-Geschichte:

• 1.0: Die GUI im Auslieferungszustand
• 1.3: Mit Ajax optimierte Benutzerführung
• 1.5: Ergänzt um Style-Switcher und Kontaktlisten-Export

Vertraute wissen bereits, dass ich auf ‘Webware’ (Web-Software) stehe, deren prominentester Vertreter die Windows Live-Familie ist - und beobachten daher meine neue Entwicklungsumgebung ‘live.sefzig.net’ in Zukunft genauer.

Mal sehen, ob wir nicht auch ein eigenes Kind der Windows-Live-Familie entwickeln werden. Man munkelt wir werden…

Mehr zu den ersten Ergebnissen der Arbeitsgruppe folgen in ein paar Wochen…