Next Generation UI-Design Oliver Scheer Developer Evangelist Microsoft Deutschland
Agenda Warum entwickelt Microsoft Design Werkzeuge? Technologien für UI-Design Windows Presentation Foundation Surface Silverlight Tools für UI-Design Visual Studio Expression Studio
Designer: Stift und Papier, JPEGs, Powerpoints, Photoshop, Movies, Animationen Entwickler: Code, C#, Visual Studio, Namespaces, Funktionen, PHP, AJAX Konvertieren Nachbauen Tricksen Clevere Hacks (Führt trotz aller Mühe zu keinem befriedigenden Ergebnis.)
EINBAHNSTRASSE Konvertieren Nachbauen Tricksen Clevere Hacks (Führt trotz aller Mühe zu keinem befriedigenden Ergebnis.)
XAML extensible Application Markup Language Die Lösung: XAML als gemeinsames Format ermöglicht reibungslosen Austausch von Artwork, Daten und Code in beide Richtungen und schafft erstmalig einen durchgängigen Workflow zwischen Designern und Entwicklern.
XAML extensible Application Markup Language
UI-BEISPIELE
Windows7
TECHNOLOGIEN: WINDOWS PRESENTATION FOUNDATION
WPF Vision Einheitliches Format für UI, Dokumente und Medien Integration als ein Teil der Entwicklung und des Erlebnisses Integrierte, vektor-basierte Kompositionsengine Verwenden der Grafikmöglichkeiten moderner PCs Deklarative Programmierung Integration von Designern in die Anwendungsentwicklung
XPS Viewer Windows Presentation Foundation Document Services User Interface Services XPS Documents Packaging Services Application Services Deployment Services Controls Layout Data Binding Core Presentation Base Services Imaging Effects 2D 3D Text Audio Video XAML Accessibility Animation Input & Eventing Visual Primitives Property System Composition Engine Windows Media Foundation DWM Media Integration Layer Direct3D Windows Vista Display Driver (LDDM) Property Engine Input / Eventing System.NET Framework 2.0
Topgründe für WPF 1. Moderne Grafikengine 2. Bessere Architektur und Wartung 3. Einfach anpassbar und entwickelt für Erweiterbarkeit 4. Developer-Designer-Workflow 5. Zukunftsinvestition in den Client 6. Wiederverwendung von Wissen, Tools und Bestandteilen (für die Verwendung von Silverlight)
Umfassende zukunftsweisende 2D, 3D, Text, Media, Effekte Hardwarebeschleunigung Unabhängig von der Bildschirmauflösung Hochpräzise ClearType Grafiktechnologie
Anpassbarkeit Property Setting Styling Custom Templating Controls Custom Controls
2D Grafik Schnelle Entscheidungsfindung Atemberaubende Interaktive Gestaltungen
3D Grafik Durchsichtigkeit Bessere Bewertungsmöglichkeiten Bessere Navigationen Differenzierungen
Text
Video
Data Binding & Templating
Styling & Templates
TECHNOLOGIEN: SURFACE
Microsoft Surface
Ein Sprung in der Computer-Evolution Grafische User Interfaces Text-basiert Microsoft Surface: Natural User Interface
Anders als alles Andere!!! Surface arbeitet ist erkennt Multi-Touch natürlich mehrere Objekte Benutzer
35 Natural User Interface
Diese Eigenschaften machen Microsoft Surface aus Instinktiv Einnehmend Aussagekräftig
It s Magic in a Box Software PC Light Engine 5 Kameras
Surface + WPF Basiert auf der Windows Presentation Foundation Hat spezielle Erweiterungen für Gestiken und Multi-Touch
TECHNOLOGIEN: SILVERLIGHT
< cross-browser cross-platform ria.net javascript ajax python c# vb ruby win mac linux hd-video xaml html > www.microsoft.de/silverlight
Cross-Browser
Safari
Firefox
Internet Explorer
Cross-Plattform
Cross-Device
BEISPIELE
Oliver Scheer Microsoft Deutschland
Oliver Scheer Microsoft Deutschland
TOOLS FÜR UI-DESIGN
Visual Studio und Expression Studio
Das Komplettpaket für Interfacedesign und Webdesign Für Webdesigner: Komfortable WYSIWYG-Werkzeuge für 100% standardkonforme und barrierefreie Websites nach offiziellem W3C-Standard Für Fotografen: Workflow-Software für Fotografen und Multimediaprofis Für RIA- und Webentwickler: cross-platform RIAs für Mac, Windows und Linux mit Silverlight (RIAs = Webanwendungen; Rich Internet Applications) Für Softwareentwickler: Entwerfen von Benutzeroberflächen für.net (für WPF/Windows-Programme) Optimaler Workflow zwischen Designern und Entwicklerteams spart Entwicklungszeit und garantiert bessere Ergebnisse Website: www.microsoft.de/expression
Das Komplettpaket: Neue Werkzeuge für besseres (Interface-) Design. Enthält alle Expression-Programme sowie Visual Studio Standard 2008. Asset- und Fotoverwaltung: Verwalten Sie alle Ihre Multimedia- Daten in übersichtlichen Katalogen und erzeugen Sie attraktive Webgalerien und Präsentationen. Webdesign: Erstellen Sie auf Standards basierende Websites mit ASP.NET- und PHP-Serverfunktionen. Interfacedesign: Entwerfen Sie eindrucksvolle Benutzeroberflächen für das.net-framework (für Windows-Programme) und cross-platform/cross-browser Webanwendungen für Mac, Windows und Linux mit Microsoft Silverlight (so genannte RIAs). Grafik- und Illustration: Entwerfen Sie raffinierte Vektorgrafiken für Benutzeroberflächen von Websites und Anwendungen (Design 2 ist nicht einzeln verfügbar sondern nur als VL oder im Komplettpaket Expression Studio). Online-Video: Kodieren und veröffentlichen Sie Videos als mitreißende plattformübergreifende Silverlight-Auftritte für Mac, Windows und Linux.
MSDN für Designer: Das Rundum Sorglos-Paket für professionelle Interfacedesigner, Webdesigner und Entwickler von cross-platform Rich Internet Applications Immer die aktuellsten Versionen aller Designwerkzeuge von Microsoft, umfangreiche Dokumentation, Trainingsunterlagen und virtuelle Testressourcen und -szenarien Perfekte Ergänzung zu einer MSDN Subscription Der kostengünstigste Weg, immer die neuesten Microsoft-Designwerkzeuge zu nutzen Zusätzlich im Paket: Microsoft Windows, Office, Visio und mehr Virtuelle vorkonfigurierte Serverumgebungen zum Testen Lizenzmodell entspricht dem der MSDN Subscription FPP & Renewal Alle gängigen Volumenlizenzen wie OPEN, SELECT & EA Website: www.microsoft.de/expression/subscription
Silverlight Streaming by Windows Live
Deep Zoom Composer
DEMO
Ressourcen CeBIT Präsentationen @ www.msdn-online.de/cebit Der Online-Einstieg für Entwickler: www.msdn-online.de Sie wollen mehr Informationen? Testen Sie mal unsere Webcasts www.msdn-online.de/webcasts Sie wollen auf dem Laufenden bleiben? MSDN Flash: www.msdn-online.de/flash
Kontakt Email oliver.scheer@microsoft.com Blog http://blogs.msdn.com/olivers
Upgrade to VSTS Promo Machen Sie den Schritt zu mehr Produktivität und Qualität! Bis zu 30% sparen beim Umstieg bis zum 30. Juni 2009 von Visual Studio Professional with MSDN Premium auf VSTS Development & Database with MSDN Premium VSTS x Edition with MSDN Premium auf VSTS Team Suite with MSDN Premium Details zu der Promotion erhalten Sie am Stand von Zoschke Data
VS Pro MSDN Attach Promo Rüsten Sie Ihre VS Professional Lizenz auf! Erwerben Sie bis zum 30. Juni 2009 eine MSDN Subscription nachträglich zu Ihrer Visual Studio Professional Lizenz und profitieren Sie von wertvollen Vorteilen Details zu der Promotion erhalten Sie am Stand von Zoschke Data
VS Pro Power-Up Upgrade Promo Professionell zu entwickeln war nie günstiger! Bis zu 15% sparen beim Umstieg von einer beliebigen Entwicklungsumgebung bis zum 15. Juni 2009 auf Visual Studio 2008 Standard Visual Studio 2008 Professional Details zu der Promotion erhalten Sie am Stand von Zoschke Data