Noch weiter ging die Trennung von Code und Layout aber schon seit einigen Jahren bei Webanwendungen, die auf Microsoft-Technologie basierten. Denn dort gab es seit Einführung von ASP.NET im Jahre 2002 eine Page und eine dahinter liegende Code-BehindDatei mit der programmierten Logik. Diese Trennung von Code und Layout konnte bereits sehr gut im Zusammenspiel von Webdesignern und Programmierern genutzt werden.

Mit WPF und Silverlight kann diese umfassendere Trennung von Code und Layout auch bei Client- und Silverlight-Anwendungen eingesetzt werden.

Trennung von Code und Layout
auf Designebene Die Technologie WPF ist bereits seit einiger Zeit verfügbar, seit der Einführung von Windows Vista, um genau zu sein. Richtig interessant werden die neuen Möglichkeiten allerdings erst jetzt durch die Verfügbarkeit von Expression Studio. Denn die Tools dieser Software- Suite fokussieren jeden Bereich der User-Interface-Gestaltung und trennen nicht nur Code und Layout, sondern sogar Prototyping, Design und Programmierung.

Diese neue Produktserie von Microsoft besteht aus folgenden Applikationen:

• Expression Web, ein hoch professioneller HTML-Editor
• Expression Media, eine Medienverwaltungssoftware
• Expression Design, ein Designwerkzeug mit diversen Importund XAML-Exportschnittstellen
• Expression Blend, das zentrale Werkzeug, um WPF-Anwendungen zu designen
• Visual Studio, die Entwicklungsumgebung von Microsoft, ist nicht Bestandteil von Expression Studio. Es ist aber seit Jahren die bewährte Plattform zur Programmierung von Anwendungen auf Microsoft-Basis und spielt somit beim Design eines User Interface eine große Rolle.

Expression Web und Expression Media haben nur indirekt mit der neuen UI-Technologie zu tun. Im Kontext von WPF und Silverlight sind Expression Design, Expression Blend und Visual Studio die zum Einsatz kommenden Werkzeuge.

Expression Design
Expression Design ist ein Designwerkzeug, das Gestaltungsmöglichkeiten für Raster- und Vektormaterial kombiniert. Im ExpressionWorkflow ist Expression Design das Prototyping-Werkzeug, also das Tool, mit dem grafische Entwürfe angefertigt werden können, ohne dass es zu den zuvor beschriebenen Medienbrüchen kommt.

Vektormaterial besteht im Gegensatz zu Rastermaterial aus Angaben, die grafische Elemente mathematisch beschreiben. Eine Vektorlinie besteht beispielsweise aus Angaben zu den Start- und End-Koordinaten, der Linienstärke, der Linienfarbe usw. Vorteil von Vektormaterial sind verlustfrei Skalierung und geringe Dateiengrößen.

Copyright © 2010 Microsoft Deutschland GmbH Alle Rechte vorbehalten.