200 likes | 289 Vues
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. Prezentációs technológiák. DirectX. Silverlight2. HTML (CSS). Ajax. WPF XBAP.
E N D
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
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
SL2 Platform Architektúra Silverlight 1 .NET for Silverlight Server Data WPF for Silverlight Media Inputs Silverlight 2 LINQ LINQ-to-XML Extensible Controls Keyboard WMV / VC1 Web Services ASP.NET AJAX Libs Mouse WMA REST RSS SOAP Dynamic Languages BCL POX JSON MP3 Ink <asp:xaml> Ruby Python Generics Collections <asp:media> Common Language Runtime XAML UI Core Controls DRM 2D Vectors Images Layout Media Animation Transforms Editing Text Presentation Core Integrated Networking Stack DOM Integration JavaScript Engine Installer Browser Host
Silverlight 2 platform Applikáció jellemzők • Statefull model • Application class(életciklus) • Startup • Exit • Security • Sandbox • Cross-domain • Isolated Storage • OpenFileDialog • Fullscreen • Splashscreen • .xap csomagolás
XAML C# VB.NET <Button Width="100"> OK <Button.Background> LightBlue </Button.Background> </Button> Button b1 = new Button(); b1.Content = "OK"; b1.Background = new SolidColorBrush(Colors.LightBlue); b1.Width = 100; Dim b1 As New Button b1.Content = "OK" b1.Background = New _ SolidColorBrush(Colors.LightBlue) b1.Width = 100 Silverlight 2 platformAlkalmazás = Markup + Kód
Alkalmazás fejlesztés • Keret/layout kialakítása • Adatelérés, kommunikáció • Üzleti logika
Keret/layout kialakításaLayout vezérlők • Web-oldalon • Silverlightplugin beágyazása • Alkalmazáson belül • Navigáció • UserControl • Transitions • Layoutengine • Layout vezérlők • StackPanel, ScrollViewer • Grid/Canvas
Demó • Layout kialakítása
AdatelérésLehető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 • ExpressionBlend
Demó • UX és Design kialakítása ExpressionBlend használatával
Eszközök • Visual Studio (Express) • Expression 2 (sp1) • Blend • Design • Media • Encoder • DeepZoomcomposer
További információk • http://www.devportal.hu • http://silverlight.net • http://msdn.microsoft.com/en-us/silverlight/default.aspx