Bild vergrößern
937
682
http://img2.magnus.de/IT-Professional-Programmierung-Microsoft-Silverlight-for-Beginners-r937x681-C-95d271d7-6903516.jpg
Einstieg mit HTML und Javascript
Workshop: Microsoft Silverlight
Alles redet von Silverlight. Die Beispiele bieten Ihnen einen Schnelleinstieg in diese neue Technologie. Silverlight ist eine plattform- und browserübergreifende Web-Präsentationstechnik, um grafische Elemente sowie Mediainhalte im Browser darzustellen und zu animieren.
Silverlight bietet viele visuelle Attraktionen, die Sie mit der Beschreibungssprache XAML umsetzen. Seit diesem Jahr steht Silverlight sogar über den Microsoft Update Server zur Verfügung.
Silverlight stellt eine Programmierschnittstelle zur Verfügung, die sich von der WPF (Windows Presentation Foundation), der entsprechenden Klassenbibliothek im .NET Framework, ableitet. Seit Mitte Oktober ist nun Silverlight 2.0 offiziell erhältlich. Somit ist es an der Zeit, sich mit der Funktionsweise von Silverlight einmal auseinanderzusetzen. Dieser Beitrag erleichtert Ihnen den Einstieg.
Falls Sie bei den Begriffen WPF und .NET Framework gerade stutzig geworden sind, hier die gute Nachricht: Insofern Sie sich nur etwas mit JavaScript und HTML auskennen, bleiben Sie bei Silverlight nicht außen vor. Genau genommen handelt es sich um eine stark reduzierte Version der WPF, die speziell für Silverlight zur Verfügung steht. Für die Programmierung benötigen Sie deshalb auch nicht das .NET Framework oder Visual Studio, wenngleich dieses mehr bietet und dazu noch viel Arbeit erspart.
IT Professional Programmierung: Microsoft Silverlight for Beginners
1 von 7
IT Professional Programmierung: Microsoft Silverlight for Beginners
Ein kleines Beispiel zeigt, wie sich ein Silverlight-Projekt prinzipiell zusammensetzt. Es besteht aus den Dateien Silverlight.html, Silverlight.js und Silverlight.xaml. Die Dateien finden Sie als ZIP-Archiv (Silverlight.zip) auf der Heft-DVD.
Als Erstes sollten Sie natürlich das Silverlight-Plug-in installieren. Laden Sie die Seite www.microsoft.com/silverlight im Browser und klicken Sie auf INSTALLIEREN. Das Skript prüft zudem, ob die aktuelle Version von Silverlight 2.0 (2.0.31005.0) bereits installiert ist. Sie beziehen das Silverlight-Plug-in alternativ auch als optionales Windows-Update.
Bild vergrößern
937
628
http://img3.magnus.de/IT-Professional-Programmierung-Microsoft-Silverlight-for-Beginners-r937x627-C-2e82618b-25940614.jpg
Installation über den Windows Update Server: Sie laden das Silverlight-Plug-in optional als Update.
Installation über den Windows Update Server: Sie laden das Silverlight-Plug-in optional als Update.
Microsoft liefert Ihnen die Datei Silverlight.js. Sie ist zwar nicht zwingend notwendig, sie macht das Programmieren aber einfacher, indem sie verschiedene JavaScript-Funktionen bereit stellt. Dazu gehören unter anderem die Funktion createObject(), die das Beispiel verwendet, um das Silverlight-Plug-in auf der HTML-Seite einzubetten.
Mit Silverlight-Plugin ist hier natürlich die eigene Kreation und nicht etwa das Browser-Plug-in, das Sie gerade installiert haben, gemeint. Das Pendant zu createObject() ist createObjectEx(). Außerdem bietet Silverlight.js eine Reihe von Funktionen, mit denen Sie gegebenenfalls den Installationsprozess des Browser-Plug- ins konfigurieren, falls der Benutzer Silverlight noch nicht auf seinem Computer installiert hat.
Eine Übersicht der entsprechenden Funktionen finden Sie im Dokument Silverlight.js Reference in der englischen MSDN-Hilfe unter Web Development/Silverlight/General Reference. In Sachen Silverlight muss leider auf die englische MSDN verwiesen werden, die deutsche gibt bei Weitem nicht so viel Information her. Laden Sie Silverlight.js unter http://code.msdn.microsoft.com/silverlightjs im Register Downloads.
An der Datei selbst brauchen Sie nichts weiter zu ändern. Nun schreiben Sie eine HTML-Seite. Als Dokumenttyp wählen Sie XHTML 1.0 Transitional. Im Kopf der Seite binden Sie die Silverlight-Hilfsdatei ein, wobei wir im Weiteren davon ausgehen, dass sich alle Dateien – .html-, .js- und .xaml-Datei – im gleichen Verzeichnis befinden.
Codebeispiel:
