![Page 1: Zlatko Filipovski | 14.02€¦ · Seite 2 Silverlight | Zlatko Filipovski | 14.02.2008 Silverlight • Übersicht • Teile einer Silverlight Applikation • XAML • Der Code im](https://reader035.vdocuments.us/reader035/viewer/2022071220/605a4c54d7df3e299e5133e5/html5/thumbnails/1.jpg)
Microsoft Silverlight
Zlatko Filipovski | 14.02.2008
![Page 2: Zlatko Filipovski | 14.02€¦ · Seite 2 Silverlight | Zlatko Filipovski | 14.02.2008 Silverlight • Übersicht • Teile einer Silverlight Applikation • XAML • Der Code im](https://reader035.vdocuments.us/reader035/viewer/2022071220/605a4c54d7df3e299e5133e5/html5/thumbnails/2.jpg)
Silverlight | Zlatko Filipovski | 14.02.2008Seite 2
Silverlight
• Übersicht • Teile einer Silverlight Applikation• XAML• Der Code im Hintegrund • Tools• Zusammenfassung
![Page 3: Zlatko Filipovski | 14.02€¦ · Seite 2 Silverlight | Zlatko Filipovski | 14.02.2008 Silverlight • Übersicht • Teile einer Silverlight Applikation • XAML • Der Code im](https://reader035.vdocuments.us/reader035/viewer/2022071220/605a4c54d7df3e299e5133e5/html5/thumbnails/3.jpg)
Silverlight | Zlatko Filipovski | 14.02.2008Seite 3
Microsoft Silverlight
„Microsoft Silverlight is a cross-browser, cross-platform plug-in for delivering the next generation of .NET-based media experiences and rich interactive applications (RIAs) for the Web. “
http://msdn2.microsoft.com/en-us/silverlight/
Kleiner Brüder von WMF(Widows Media Foundation)
Eigenschaften:• Funktioniert mit unterschiedlichen Browsern unter Win, Linux und
Mac• Wiedergabe von Rich User Experiences (XAML)• Wiedergabe von Musik und Videos• Klein
![Page 4: Zlatko Filipovski | 14.02€¦ · Seite 2 Silverlight | Zlatko Filipovski | 14.02.2008 Silverlight • Übersicht • Teile einer Silverlight Applikation • XAML • Der Code im](https://reader035.vdocuments.us/reader035/viewer/2022071220/605a4c54d7df3e299e5133e5/html5/thumbnails/4.jpg)
Silverlight | Zlatko Filipovski | 14.02.2008Seite 4
Requierments
![Page 5: Zlatko Filipovski | 14.02€¦ · Seite 2 Silverlight | Zlatko Filipovski | 14.02.2008 Silverlight • Übersicht • Teile einer Silverlight Applikation • XAML • Der Code im](https://reader035.vdocuments.us/reader035/viewer/2022071220/605a4c54d7df3e299e5133e5/html5/thumbnails/5.jpg)
Silverlight | Zlatko Filipovski | 14.02.2008Seite 5
Die Teile einer Silverlight Applikation
• Silverlight.js
• Der Code in der HTML Seite
• XAML
• Der Code im Hintegrund (.js, .vs, .vb, …)• Der Code im Hintegrund (.js, .vs, .vb, …)
![Page 6: Zlatko Filipovski | 14.02€¦ · Seite 2 Silverlight | Zlatko Filipovski | 14.02.2008 Silverlight • Übersicht • Teile einer Silverlight Applikation • XAML • Der Code im](https://reader035.vdocuments.us/reader035/viewer/2022071220/605a4c54d7df3e299e5133e5/html5/thumbnails/6.jpg)
Silverlight | Zlatko Filipovski | 14.02.2008Seite 6
Silverlight.js
Eine Standard JS Datei aus der Silverlight SDK die eine JavaScript Funktion enthält, die die Silverlight Applikation Initialisiert
7500 Zeichen
Silverlight.js
![Page 7: Zlatko Filipovski | 14.02€¦ · Seite 2 Silverlight | Zlatko Filipovski | 14.02.2008 Silverlight • Übersicht • Teile einer Silverlight Applikation • XAML • Der Code im](https://reader035.vdocuments.us/reader035/viewer/2022071220/605a4c54d7df3e299e5133e5/html5/thumbnails/7.jpg)
Silverlight | Zlatko Filipovski | 14.02.2008Seite 7
CreateSilverlight.js
![Page 8: Zlatko Filipovski | 14.02€¦ · Seite 2 Silverlight | Zlatko Filipovski | 14.02.2008 Silverlight • Übersicht • Teile einer Silverlight Applikation • XAML • Der Code im](https://reader035.vdocuments.us/reader035/viewer/2022071220/605a4c54d7df3e299e5133e5/html5/thumbnails/8.jpg)
Silverlight | Zlatko Filipovski | 14.02.2008Seite 8
HTML
![Page 9: Zlatko Filipovski | 14.02€¦ · Seite 2 Silverlight | Zlatko Filipovski | 14.02.2008 Silverlight • Übersicht • Teile einer Silverlight Applikation • XAML • Der Code im](https://reader035.vdocuments.us/reader035/viewer/2022071220/605a4c54d7df3e299e5133e5/html5/thumbnails/9.jpg)
Silverlight | Zlatko Filipovski | 14.02.2008Seite 9
XAML
XAML – Ein deklerative XML basierte Sprache, die Objekte und deren Eigenschaften definiert.
<object><child property="x" property="y"><child.property><child.property>
<class property="u" property="v"/></child.property>
</child><child></child>
</object>
![Page 10: Zlatko Filipovski | 14.02€¦ · Seite 2 Silverlight | Zlatko Filipovski | 14.02.2008 Silverlight • Übersicht • Teile einer Silverlight Applikation • XAML • Der Code im](https://reader035.vdocuments.us/reader035/viewer/2022071220/605a4c54d7df3e299e5133e5/html5/thumbnails/10.jpg)
Silverlight | Zlatko Filipovski | 14.02.2008Seite 10
XAML Elemente in Silverlight
• Canvas• Line• TextBlock• Rectangle• Image• Video
Eigenschaften der Elemente
• Width & Height• Canvas.Left & Canvas.Right• Name• Events
![Page 11: Zlatko Filipovski | 14.02€¦ · Seite 2 Silverlight | Zlatko Filipovski | 14.02.2008 Silverlight • Übersicht • Teile einer Silverlight Applikation • XAML • Der Code im](https://reader035.vdocuments.us/reader035/viewer/2022071220/605a4c54d7df3e299e5133e5/html5/thumbnails/11.jpg)
Silverlight | Zlatko Filipovski | 14.02.2008Seite 11
XAML Editor - Microsoft Blend 2
![Page 12: Zlatko Filipovski | 14.02€¦ · Seite 2 Silverlight | Zlatko Filipovski | 14.02.2008 Silverlight • Übersicht • Teile einer Silverlight Applikation • XAML • Der Code im](https://reader035.vdocuments.us/reader035/viewer/2022071220/605a4c54d7df3e299e5133e5/html5/thumbnails/12.jpg)
Silverlight | Zlatko Filipovski | 14.02.2008Seite 12
Transformationen/Storyboards in XAML
http://mkdcom.com/ria/Transformation/
![Page 13: Zlatko Filipovski | 14.02€¦ · Seite 2 Silverlight | Zlatko Filipovski | 14.02.2008 Silverlight • Übersicht • Teile einer Silverlight Applikation • XAML • Der Code im](https://reader035.vdocuments.us/reader035/viewer/2022071220/605a4c54d7df3e299e5133e5/html5/thumbnails/13.jpg)
Silverlight | Zlatko Filipovski | 14.02.2008Seite 13
Events und Storyboard
http://mkdcom.com/ria/Transformation2/
![Page 14: Zlatko Filipovski | 14.02€¦ · Seite 2 Silverlight | Zlatko Filipovski | 14.02.2008 Silverlight • Übersicht • Teile einer Silverlight Applikation • XAML • Der Code im](https://reader035.vdocuments.us/reader035/viewer/2022071220/605a4c54d7df3e299e5133e5/html5/thumbnails/14.jpg)
Silverlight | Zlatko Filipovski | 14.02.2008Seite 14
The Code Behind
Silverlight 1.0 (JavaScript) Silverlight 2.0 (C# || VB)
this.button = rootElement.children.getItem(0); Ellipse MyEllipse = this.ellipse;
this.button.addEventListener("MouseLeftButtonUp", MyEllipse.MouseLeftButtonUp += new MouseEventHandler(e_MouseLeftButtonUp);MouseEventHandler(e_MouseLeftButtonUp);
Silverlight.createDelegate(this, this.handleMouseUp));
var mouseEnterAnimation = sender.findName(„Ani"); this.Storyboard1.Begin();
mouseEnterAnimation.begin();
![Page 15: Zlatko Filipovski | 14.02€¦ · Seite 2 Silverlight | Zlatko Filipovski | 14.02.2008 Silverlight • Übersicht • Teile einer Silverlight Applikation • XAML • Der Code im](https://reader035.vdocuments.us/reader035/viewer/2022071220/605a4c54d7df3e299e5133e5/html5/thumbnails/15.jpg)
Silverlight | Zlatko Filipovski | 14.02.2008Seite 15
Dynamische Generierung von XAML Elemente
http://mkdcom.com/ria/Dynamic/
![Page 16: Zlatko Filipovski | 14.02€¦ · Seite 2 Silverlight | Zlatko Filipovski | 14.02.2008 Silverlight • Übersicht • Teile einer Silverlight Applikation • XAML • Der Code im](https://reader035.vdocuments.us/reader035/viewer/2022071220/605a4c54d7df3e299e5133e5/html5/thumbnails/16.jpg)
Silverlight | Zlatko Filipovski | 14.02.2008Seite 16
Tools
Expression Web
Expression Design
Expression Blend 2 Preview
Expression MediaExpression Media
Visual Studio
![Page 17: Zlatko Filipovski | 14.02€¦ · Seite 2 Silverlight | Zlatko Filipovski | 14.02.2008 Silverlight • Übersicht • Teile einer Silverlight Applikation • XAML • Der Code im](https://reader035.vdocuments.us/reader035/viewer/2022071220/605a4c54d7df3e299e5133e5/html5/thumbnails/17.jpg)
Silverlight | Zlatko Filipovski | 14.02.2008Seite 17
Vorteile und Nachteile
Vorteile:• Mehrere kleine Applikationen (Widgets) in eine bereits existierende
Webseite einbauen.• Wenig neuer Code.• Objekt Orientierte Programmierung.
Nachteile:Nachteile:• Hohe Rechnerleistung bei größeren Applikationen.
![Page 18: Zlatko Filipovski | 14.02€¦ · Seite 2 Silverlight | Zlatko Filipovski | 14.02.2008 Silverlight • Übersicht • Teile einer Silverlight Applikation • XAML • Der Code im](https://reader035.vdocuments.us/reader035/viewer/2022071220/605a4c54d7df3e299e5133e5/html5/thumbnails/18.jpg)
Silverlight | Zlatko Filipovski | 14.02.2008Seite 18
Vorteile und Nachteile
Silverlight 1.0•Kein Compiler nötig•Nur JavaScript•Kein TypeCast•Media und Grafik orientiert•Jeder kann denn SourceCode sehen
Silverlight 2.0•Hohe Geschwindigkeit •C#, VB, python, ruby•Compiler nötig•Richtige RIA sprache
![Page 19: Zlatko Filipovski | 14.02€¦ · Seite 2 Silverlight | Zlatko Filipovski | 14.02.2008 Silverlight • Übersicht • Teile einer Silverlight Applikation • XAML • Der Code im](https://reader035.vdocuments.us/reader035/viewer/2022071220/605a4c54d7df3e299e5133e5/html5/thumbnails/19.jpg)
Silverlight | Zlatko Filipovski | 14.02.2008Seite 19
Beispiel
http://demo.themsteam.com/videopuzzle/