Silverlight und seine Tools im Fokus

Geposted vonn Michael Rettenmund am 20.06.2008, 07:54

Die kürzlich veröffentlichte Version von Silverlight 2 Beta 2 bietet zahlreiche Verbesserungen und wird durch Visual Studio und neue Expression Blend Tools ergänzt. Betrachtet man die neuen Möglichkeiten der Beta, so steigt sofort auch die eigene Motivation vermehrt Silverlight in Projekten einzusetzen.

Häufig ist jedoch Silverlight gerade für Einsteiger ein unübersichtlicher Dschungel: Welche Tools braucht es, welches wozu? Muss ich als Designer nun Visual Studio 2008 installieren? Unweigerlich muss sich jeder Silverlight Neuling zunächst einmal einen Überblick über die vorhandenen Tools, unter anderem das Expression Studio Software-Paket, verschaffen. Bei dieser Fülle von Software ist es schwer vor lauter Bäumen den Wald zu sehen. Deshalb wird in diesem Blogbeitrag nachfolgend die wichtigste Software, die in Zusammenhang mit Silverlight relevant ist, kurz erklärt.

Microsoft Expression Blend

Microsoft Expression Blend ist ein Designwerkzeug für interaktive Benutzeroberflächen, welche die WPF (Windows Presentation Foundation) zur Ausführung verwendet. Blend dient als Editor für XAML, eine in XML formulierte Sprache zur Beschreibung und Erstellung von solchen Oberflächen. Vektorgrafiken, Rastergrafiken, 3D-Objekte aus einigen marktführenden 3D-Programmen, Videos, Sound und Text lassen sich verwenden und mit Hilfe einer Zeitleiste animieren und in Aktion bringen.

Download: Microsoft Expression Blend (Version 2)

Microsoft Expression Design

Expression Design ist das Bildbearbeitungsprogramm der Expression-Familie. Es basiert auf dem Vektorprogramm „Expression“ des 2003 von Microsoft übernommenen Softwareherstellers Creature House. Das Programm ermöglicht sowohl die Bearbeitung von vektor- als auch von rasterbasierten Grafiken. Im Gegensatz zu anderen Programmen wird in Expression Design zwischen Vektor- und Pixelebenen unterschieden, wobei je nach Ebenenart die Arbeitsumgebung und die Toolpalette angepasst werden. Die Grafiken können nicht nur in die Adobe-eigenen Formate für Photoshop (.PSD), Illustrator (.AI) und Acrobat (.PDF) exportiert werden, sondern auch in XAML, welches in Expression Blend oder auch direkt in WPF-basierten Anwendungen Verwendung findet.

Download: Microsoft Expression Design (Version 2)

Microsoft Expression Web

Microsoft Expression Web ist das Nachfolgeprodukt zu Microsofts FrontPage. Von diversen Zeitschriften als "gut" bis "sehr gut" eingestuft, übertrifft das Webeditor-Tool das Urprodukt "Frontpage" um Längen. Die Zeiten zu denen Microsoft Frontpage unsauberen HTML Code produzierte sind mit diesem professionellen Webtool grundlegend vorbei. Das Tool berücksichtigt die aktuellen CSS, XHTML oder XML Standards und bietet Kontrolle über Aufbau und Design der Website.

Download: Microsoft Expression Web (Version 2)

Microsoft Expression Encoder

Der Microsoft Expression Encoder ermöglicht das Aufbereiten und Veröffentlichen von multimedialen Inhalten, insbesondere Videos. Der Expression Encoder erlaubt das Konvertieren von Videos im AVI-, WMV-, WMA- oder QuickTime-Dateiformat in ein Silverlight unterstütztes multimedia Dateiformat. Primär setzt das Tool auf den Export von WMA-/WMV-Dateien, die inzwischen problemlos auch auf mobilen Geräten wiedergegeben werden können. Neben einer komfortablen Benutzeroberfläche, die einfach verständlich gestaltet ist und praktische Vorschau-Optionen bietet, steht auch ein Command Line-Modus zur Verfügung in welchem die Konvertierung erfolgen kann (z.B. praktisch für den Aufruf in Batch-Files).

Download: Microsoft Expression Encoder (Version 2)

Microsoft Expression Studio

Das Expression Studio ist ein Software-Paket, das sich aus dem Expression Web Web-Editor Tool, dem Expression Blend XAML-Tool, Expression Design, der Grafikanwendung und Expression Media, dem Medienmanagement-Tool zusammensetzt. Version 2 von Expression Studio bietet zahlreiche Neuerungen. Neben der Unterstützung für .NET 3.5 und AJAX wird neu auch die Entwicklung mit PHP und das Arbeiten mit Photoshop-Dateien ermöglicht. Expression Blend 2 zeigt neu in einer Split-Ansicht den XAML Code und das Design gleichzeitig. Expression Design wartet mi neuen Exportmöglichkeiten auf und erlaubt nun auch Grafiken zu slicen und in unterschiedlichen Formaten abzulegen. Expression Media überzeugt mit neuen Geotagging-Funktionen und bietet Unterstützung für Office 2007 und Office Mac 2008-, sowie RAW-Dateiformate.

Download: Microsoft Expression Studio (Version 2)

Microsoft Expression Deep Zoom Composer

Spätestens seit Google Maps und Virtual Earth ist die Nutzung von Bild-Kacheln im Web für die Anzeige von Kartendaten ein Begriff. "Deep Zoom" ermöglicht in Silverlight sehr grosse, hochauflösende Bilder und Bildersammlungen zu betrachten und zu nutzen. Normalerweise ist eine Übertragung von vielen hochauflösenden Bildern im Web recht zeitintensiv. Hier kann man sich der Deep Zoom Technologie, die für Silverlight konzipiert wurde, bedienen. Deep Zoom lädt je nach Zoomstufe den betrachteten Ausschnitt nach und nach herunter und beschleunigt so die Darstellung der Bilddaten, die effektiv vom Benutzer angeschaut werden. Um dies zu ermöglichn muss eine Sammlung von Bildern vorbereitet werden. Diese speziell aufbereiteten Bilder bestehen aus einzelnen Kacheln, die nach Bedarf nachgeladen werden und an sich sehr klein sind. Wäre dies nicht der Fall, müsste der Benutzer immer die gesamte Bildladezeit in Kauf nehmen. Problematisch ist es jedoch solche Bildersammlungen selbst zu erstellen, denn der Aufwand zum Zerlegen ist im Normallfall recht zeitaufwendig. Aus diesem Grund wurde der Deep Zoom Composer, der sich dieser Herausforderung annimmt und hilft möglichst schnell zu einer Sammlung von Bildern und Informationsdateien zu gelangen, die mittels MultiScaleImage-Steuerelementes von Silverlight 2 angezeigt und gesteuert werden kann. Dieses Control erlaubt ein interaktives maus- oder tastaturgesteuertes Navigieren innerhalb der Bildersammlung. Je nach Zoomstufe und sichtbarer Bereich lädt das Control automatisch die benötigten Daten. Wird eine niedrige Zoomstufe vom Benutzer gewählt, so wird zwar die gesamte Bildersammlung dargestellt, jedoch in einer niedrigen Qualität, um ein schnelles Darstellen zu ermöglichen.

Download: Deep Zoom Composer June 2008 Release (Version 0.9.0.3)

Silverlight Tools für Visual Studio 2008

Das verfügbare Add-On zu Visual Studio 2008 bietet Unterstützung für die Entwicklung von Silverlight Applikations-Projekten mit C# oder Visual Basic.NET. Die Tools beinhalten:

Visual Basic und C# Projekt Templates
Intellisense und Code Generators für XAML
Möglichkeiten für Debugging von Silverlight Applikationen
Web Reference Unterstützung
Expression Blend Integration

Download: Visual Studio 2008 Silverlight Tools (Beta 2)

Moonlight
	Die Silverlight Technologie wird unter Linux mittels Moonlight (basierend auf Mono) unterstützt. Die neue Moonlight pre-Alpha Version unterstützt bereits schon Silverlight 2 und wird ständig weiterentwickelt. Moonlight wurde für Firefox 2 und Firefox 3 konzipiert. Projektsite: Moonlight Mono

Fazit

Die meisten der oben beschriebenen Tools sind bei der Arbeit mit Silverlight nicht wegzudenken. Empfehlenswert ist sicherlich, sich das Expression Studio zuzulegen, wenn man mit der Silverlight Technologie losstarten möchte möchte. Die ergänzenden Tools, wie etwa der Deep Zoom Composer, sollte man sich mal an einem regnerischen Abend kurz zu Gemüte führen, damit man einen groben Einblick gewinnen kann. Schön zu wissen, dass trotz der vielen Tools der Enduser im Internet nur das Silverlight Plugin in der entsprechenden Version besitzen muss. Dass dabei die "Linux-Welt" nicht vergessen ging ist natürlich Moonlight und Mono zu verdanken. Allerdings wird auch der schläuste Pinguin nicht ohne Windows System auskommen, ausser er ist (u.a.) XAML Profi.

Unterhalb ist in einer Grafik schematisch das Zusammenspiel von Graphic Design und Backend Entwicklung bei Desktop Applikationen, Standard Websites und Silverlight Rich Media Content (Video) und die darin einsetzbaren Tools, Plattformen und Technologien aufgezeigt. Bei einer Silverlight 2 Applikation würde ebenfalls Visual Studio 2008 eingesetzt, das eine Silverlight Integration bietet.