Michael Köster User Experience Specialist Microsoft Corporation.

Präsentation zum Thema: "Michael Köster User Experience Specialist Microsoft Corporation."—  Präsentation transkript:

1 Michael Köster User Experience Specialist Microsoft Corporation

2 Darf ich vorstellen? Developer <> Designer Workflow Expression: Professionelle Design Tools für.net Demo: Erstellen einer interaktiven Web-Applikation: 1.Visuelles Erscheinungsbild & UI 2.Arbeiten mit (Beispiel-)Daten 3.Hinzufügen von Audio, Video, Karten, DeepZoom etc. 4.Interaktion, Effekte, Finish

3

4 Ein Briefing Mittwoch, 15:00 Uhr, The Agency, Meeting-Raum Kunde: Exotic Vacations Reisen Das Projekt: Für unseren neuen Winter-Katalog planen wir einen Online-Katalog. Dort möchten wir unsere neuen Reisen zu exotischen Zielen vorstellen. Die Site soll Besucher in eine Urlaubsstimmung versetzen – sie sollen zur Buchung inspiriert werden! Wir haben Videos und Fotos der Reiseziele – dieses Material soll auf eindrucksvolle Art und Weise präsentiert werden. Wir mögen neue Technologien aber wir wollen so viele Leute wie möglich erreichen!

5 Designer & Entwickler: Sprechen unterschiedliche Sprachen Designer designenEntwickler entwickeln Funktionen DesignerEntwickler Designer & Entwickler: Sprechen dieselbe Sprache

6 eXtensible Application Markup Language Das komplette User Interface steckt im XAML (Textformat, XML). XAML und Code laufen mit derselben Performance. XAML kann Code enthalten und wird zur Ausführung kompiliert. XAML ist leicht von Tools zu erstellen oder zu konsumieren, es ermöglicht problemlosen Datenaustausch zwischen Applikationen. Expression ist das Toolset von Microsoft zur einfachen Erstellung und Manipulation von XAML. Dim b1 As New Button b1.Content = "OK" b1.Background = New SolidColorBrush(Colors.LightBlue) b1.Width = New Length(100) Dim b1 As New Button b1.Content = "OK" b1.Background = New SolidColorBrush(Colors.LightBlue) b1.Width = New Length(100) Button b1 = new Button(); b1.Content = "OK"; b1.Background = new SolidColorBrush(Colors.LightBlue); b1.Width = new Length(100); Button b1 = new Button(); b1.Content = "OK"; b1.Background = new SolidColorBrush(Colors.LightBlue); b1.Width = new Length(100); OK LightBlue OK LightBlue

7 Diese Applikation läuft auf Windows & Mac. Silverlight Webapplikation mit OOB Support. Die Bildschirmauflösung ist 1024x768 px. Die Applikation hat 800x600 px. Medientypen & Features: Text & Bilder Audio & Video Animationen Bitmap Effekte Interaktive Karte DeepZoom

8 Expression Blend 3 (WPF, Silverlight 3) Visual Studio 2008 Professional Adobe Photoshop Adobe Illustrator

9 Demo

10 Bezugsquellen für Entwicklerprodukte: http://www.microsoft.com/switzerland/msdn/de/howtobuy/source.mspx http://www.microsoft.com/switzerland/msdn/de/howtobuy/source.mspx Informationen zu Expression-Produkten: http://expression.microsoft.com http://www.microsoft.com/expression/ Informationen zu Silverlight: http://www.silverlight.net/getstarted/ Expression & Silverlight Starter-Kits: Introduction to Prototyping with SketchFlow (twelve video series) Creating a Breakout Game in Blend 3 (ten video series)

11 Event-Partner: Medienparter:

12