Bátyai Krisztián NetAcademia Oktatóközpont oktató, fejlesztő MCT, MCPD Silverlight 2 alapok Bátyai Krisztián NetAcademia Oktatóközpont oktató, fejlesztő MCT, MCPD (windows kliens)

Menetrend RIA Platform áttekintés Alkalmazás fejlesztés UX Eszköztámogatás

Professzionális grafikus Prezentációs technológiák DirectX Silverlight2 HTML (CSS) Ajax WPF XBAP WPF OpenGL Flash Professzionális grafikus futtató környezet Széles körben elérhető Trend

(vissza)Fejlődés?!? Console Desktop Client/Server Websites Ria

SL2 Platform Architektúra Silverlight 1 Silverlight 2 XAML Integrated Networking Stack DOM Integration Installer JavaScript Engine Presentation Core .NET for Silverlight Inputs Keyboard Mouse Ink Media WMV / VC1 WMA MP3 Controls Layout Editing UI Core 2D Vectors Animation Text Images Transforms DRM Dynamic Languages Ruby Python BCL Generics Collections Web Services REST RSS SOAP POX JSON Data LINQ LINQ-to-XML WPF for Silverlight Extensible Controls Common Language Runtime ASP.NET AJAX Libs <asp:xaml> <asp:media> Server Browser Host

Silverlight 2 platform Applikáció jellemzők Statefull model Application class (életciklus) Startup Exit Security Sandbox Cross-domain Isolated Storage OpenFileDialog Full screen Splash screen .xap csomagolás

Silverlight 2 platform Alkalmazás = Markup + Kód <Button Width="100"> OK <Button.Background> LightBlue </Button.Background> </Button> XAML Button b1 = new Button(); b1.Content = "OK"; b1.Background = new SolidColorBrush(Colors.LightBlue); b1.Width = 100; C# Dim b1 As New Button b1.Content = "OK" b1.Background = New _ SolidColorBrush(Colors.LightBlue) b1.Width = 100 VB.NET

Alkalmazás fejlesztés Keret/layout kialakítása Adatelérés, kommunikáció Üzleti logika

Keret/layout kialakítása Layout vezérlők Web-oldalon Silverlight plugin beágyazása Alkalmazáson belül Navigáció UserControl Transitions Layout engine Layout vezérlők StackPanel, ScrollViewer Grid/Canvas

Demó Layout kialakítása

Adatelérés Lehetőségek WCF ADO.NET DS

Demó Adatelérés Template-ek

„Üzleti” logika Keresés funkció implementálása Media lehetőség biztosítása MediaElement Audio/Video Stream HD minőség (http://silverlight.live.com)

Demó Keresési lehetőség implementálása Media lehetőség

UX Miért is?!? Stílusok Animációk Expression Blend

Demó UX és Design kialakítása Expression Blend használatával

Eszközök Visual Studio (Express) Expression 2 (sp1) DeepZoom composer Blend Design Media Encoder DeepZoom composer

További információk http://www.devportal.hu http://silverlight.net http://msdn.microsoft.com/en-us/silverlight/default.aspx

Útravaló…