Bátyai Krisztián NetAcademia Oktatóközpont oktató, fejlesztő MCT, MCPD

Az előadások a következő témára: "Bátyai Krisztián NetAcademia Oktatóközpont oktató, fejlesztő MCT, MCPD"— Előadás másolata:

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

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

3 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

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

5 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

6 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

7 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

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

9 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

10 Demó Layout kialakítása

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

12 Demó Adatelérés Template-ek

13 „Üzleti” logika Keresés funkció implementálása
Media lehetőség biztosítása MediaElement Audio/Video Stream HD minőség (

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

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

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

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

18 További információk http://www.devportal.hu http://silverlight.net

19 Útravaló…

20