Di 8.4. Silverlight: Windows Presentation Foundation für s Web. Christian Wenz

Transkript

1 Di 8.4 January 21-25, 2008, Munich, Germany ICM - International Congress Centre Munich Silverlight: Windows Presentation Foundation für s Web Christian Wenz

2 Silverlight // WPF für s Web OOP 2008 // Di Christian Wenz Client-Technologien Herkömmliche Technologien HTML CSS JavaScript Etabliert Standardisiert Vorhanden (meistens) 2

3 Plugins Erweiterung per Browser-Plugin möglich Quasi eine Anwendung innerhalb des Browsers Viele Versuche und Anbieter Adobe Flash 99,1% Adobe PDF Adobe Shockwave 58,5% Diverse Medien-Player (Quicktime, Real, WMP, ) Java SVG 85,1% 10,5% 83,4% Marktanteile: 67,7%, 53,5%, 3 Adobe Flash Populärstes Browser-Plugin Verbreitung bis zu 98% (je nach Version) Bietet Features für Designer Gute IDE Vektorbasiertes Grafiksystem Animationen Integration von Audio und Video Bietet Features für Entwickler Programmieren mit ActionScript Haareraufen mit der IDE 4

4 Microsoft Silverlight 1.0 Neues Browser-Plugin von Microsoft Verbreitung sehr klein Bietet Features für Designer IDE Vektorbasiertes Grafiksystem Animationen Integration von Audio und Video Bietet Features für Entwickler Programmieren mit JavaScript IDE 5 Microsoft Silverlight 1.1 Noch nicht finales Browser-Plugin von Microsoft Verbreitung kaum messbar Bietet Features für Designer IDE Vektorbasiertes Grafiksystem Animationen Integration von Audio und Video Bietet Features für Entwickler Programmieren mit diversen Sprachen (inkl. C#) Teile des.net Framework verfügbar IDE 6

5 Versions-Wirrwarr "Halluzinogene Versionsnummern" In Kurzform: 1.0 ist seit September 2007 final, 1.1 ist Alpha (finale Version für Sommer 2008 erwartet) 1.0 enthält die notwendigsten Features, 1.1 enthält weitere Features 1.0 hat ein kleines Plugin, 1.1 ein (vergleichsweise) großes 1.0 arbeitet mit JavaScript (etablierte Web-Technologie), 1.1 arbeitet mit C#, IronRuby und weiteren.net-sprachen 7 Heute Wir werfen heute den Schwerpunkt auf 1.0 Es ist da Es zeigt wie Silverlight funktioniert Das Risiko bei 1.1 ist (meiner Meinung nach) noch zu groß Wir schauen, was 1.1 (vermutlich) bringen wird Am Ende diskutieren wir, was in der Praxis lohnenswert ist 8

6 Tools Microsoft Expression Design für die Erstellung von Designs Microsoft Expression Blend 2 für die Erstellung von Animationen Microsoft Visual Studio (oder Notepad) für den Code Integration ist teilweise vorhanden 9 Voraussetzungen Für den Entwickler: Notepad ;-) Oder das Silverlight 1.0 SDK, inklusive VS-2005-Vorlage Für Silverlight 1.1 gibt es (neben dem SDK) eine Vorlage für Visual Studio 2008 Für den Benutzer: Plugin in einem unterstützten Webbrowser Internet Explorer (Windows) Firefox (Windows und Mac) Safari (Mac) Bald: Firefox unter Linux Kein.NET Framework notwendig 10

7 Silverlight-Bestandteile Designs/Layout liegen im XAML-Format vor Steuerung des Inhalts (Veränderung, Animationen, ) per JavaScript Auch Zugriff nach außen (in die HTML-Datei) oder innen (aus der HTML-Datei) möglich! Microsofts Namensgebung abc.xaml (XAML-Datei) abc.xaml.js (JavaScript-Code der zur XAML-Datei gehört) abc.html (HTML-Datei, die die XAML-Daten lädt) abc.html.js (JavaScript-Code der zur HTML-Datei gehört) 11 Hallo Welt! 1) XAML-Datei erstellen Wurzelknoten <Canvas> 2) JavaScript-Code für die XAML-Datei erstellen Beispielsweise Event-Handling aufziehen 3) JavaScript-Code zum Integrieren der XAML-Datei erstellen Verwendet Funktionalität der Hilfsdatei Silverlight.js 4) HTML-Datei erstellen und v.a. die JavaScript-Dateien einbinden 12

8 XAML-Grundlagen Text Formen Pinsel 13 Event-Handling Deklarativ vs. programmativ Mausereignisse Tastaturereignisse 14

9 Transformationen und Animationen Transformationen Animationen Herkömmliche Animationen Schlüsselbildanimationen 15 Multimedia Daten vorbereiten Daten einbinden Daten steuern 16

10 Kommunikation mit Silverlight Zugriff von außen Zugriff nach außen 17 Weitere Features Daten laden Fonts laden 18

11 ASP.NET Futures ASP.NET Futures Enthält mögliche zukünftige Features von ASP.NET Enthält Features der "zweiten Reihe" Enthält ASP.NET AJAX Futures Silverlight im ASP.NET Futures Web Control zum Einbinden von Silverlight-Daten Web Control zum Einbinden von Multimedia-Daten 19 Silverlight 1.1 Wir programmieren streng typisiert! Das Plugin interpretiert dann die generierten.net-dlls Auch dynamische Sprachen wie IronRuby und IronPython möglich Einige Features Bessere Unterstützung für Web Services (bei 1.0 mit ASP.NET AJAX) Custom Controls LINQ XML-Unterstützung 20

12 Silverlight in der Praxis Nur Silverlight 1.0 ist eine "sichere Sache" Aber die Features sind noch äh ausbaufähig Silverlight 1.1 verspricht mehr Aber es ist noch (mindestens!) ein paar Monate entfernt Am Ende entscheidet (im Massenmarkt) die Verbreitung des Plugins 21 Danke! Fragen?