Next Generation UI-Design. Oliver Scheer Developer Evangelist Microsoft Deutschland

Transkript

1 Next Generation UI-Design Oliver Scheer Developer Evangelist Microsoft Deutschland

2 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

3

4 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.)

5 EINBAHNSTRASSE Konvertieren Nachbauen Tricksen Clevere Hacks (Führt trotz aller Mühe zu keinem befriedigenden Ergebnis.)

6 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.

7 XAML extensible Application Markup Language

8 UI-BEISPIELE

9

10

11

12

13

14

15

16

17

18 Windows7

19 TECHNOLOGIEN: WINDOWS PRESENTATION FOUNDATION

20 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

21 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

22 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)

23 Umfassende zukunftsweisende 2D, 3D, Text, Media, Effekte Hardwarebeschleunigung Unabhängig von der Bildschirmauflösung Hochpräzise ClearType Grafiktechnologie

24 Anpassbarkeit Property Setting Styling Custom Templating Controls Custom Controls

25 2D Grafik Schnelle Entscheidungsfindung Atemberaubende Interaktive Gestaltungen

26 3D Grafik Durchsichtigkeit Bessere Bewertungsmöglichkeiten Bessere Navigationen Differenzierungen

27 Text

28 Video

29 Data Binding & Templating

30 Styling & Templates

31 TECHNOLOGIEN: SURFACE

32 Microsoft Surface

33 Ein Sprung in der Computer-Evolution Grafische User Interfaces Text-basiert Microsoft Surface: Natural User Interface

34 Anders als alles Andere!!! Surface arbeitet ist erkennt Multi-Touch natürlich mehrere Objekte Benutzer

35 35 Natural User Interface

36 Diese Eigenschaften machen Microsoft Surface aus Instinktiv Einnehmend Aussagekräftig

37 It s Magic in a Box Software PC Light Engine 5 Kameras

38 Surface + WPF Basiert auf der Windows Presentation Foundation Hat spezielle Erweiterungen für Gestiken und Multi-Touch

39 TECHNOLOGIEN: SILVERLIGHT

40 < cross-browser cross-platform ria.net javascript ajax python c# vb ruby win mac linux hd-video xaml html >

41

42 Cross-Browser

43 Safari

44 Firefox

45 Internet Explorer

46 Cross-Plattform

47 Cross-Device

48 BEISPIELE

49

50

51 Oliver Scheer Microsoft Deutschland

52 Oliver Scheer Microsoft Deutschland

53 TOOLS FÜR UI-DESIGN

54 Visual Studio und Expression Studio

55 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:

56 Das Komplettpaket: Neue Werkzeuge für besseres (Interface-) Design. Enthält alle Expression-Programme sowie Visual Studio Standard 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.

57 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:

58

59

60

61

62

63 Silverlight Streaming by Windows Live

64 Deep Zoom Composer

65 DEMO

66 Ressourcen CeBIT Der Online-Einstieg für Entwickler: Sie wollen mehr Informationen? Testen Sie mal unsere Webcasts Sie wollen auf dem Laufenden bleiben? MSDN Flash:

67 Kontakt Blog

68 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

69 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

70 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