Nowości w świecie warstw prezentacji

2. Nowości w świecie warstw prezentacji Bartłomiej Zass Microsoft Polska v-bartz@microsoft.com

3. Agenda • ASP.NET AJAX • ASP.NET AJAX Extensions oraz Microsoft AJAX Library – krótka powtórka! • Co nowego w ASP.NET AJAX Futures? • Microsoft Silverlight (dawniej Codename „WPF/e”)

4. ASP.NET AJAX

5. ASP.NET AJAX • AJAX = AsynchronousJavascript and XML • ASP.NET AJAX • Część serwerowa • ASP.NET AJAX Extensions • ASP.NET AJAX Futures • ASP.NET AJAX Control Toolkit • Część kliencka • Microsoft AJAX Library • Bezpłatny, dostępny kod źródłowy • Wsparcie dla wszystkich popularnych przeglądarek • Również Opery!

6. ASP.NET AJAX Extensions <asp:UpdatePanel id=“u1” runat=“server”> <ContentTemplate> <!– Zawartość odświeżana dynamicznie! -> <asp:Calendar id=“cal1” runat=“server”/> <ContentTemplate> </asp:UpdatePanel> • Redukcja przeładowań strony • Poprawienie użyteczności • Zwiększenie wydajności • <asp:updatepanel /> • Żądania stają się asynchroniczne

7. ASP.NET AJAX ControlToolkit • Cele projektu • Umożliwienie wzbogacania funkcjonalności standardowych elementów HTML osobom piszącym kod po stronie serwera, nie wymagając od nich znajomości języka JavaScript, technologii AJAX, itp. • Ułatwienie osobom piszącym kod po stronie klienta tworzenia nowych extenderów • Framework do budowania własnych extenderów • Zestaw najciekawszych extenderów • Hostowany przez codeplex.com

8. demo ASP.NET AJAX Extensions, ASP.NET AJAX ControlToolkit

9. Microsoft AJAX Library • Obiektowość w JavaScript?! • Polimorfizm, przestrzenie nazw, itp. w JavaScript! • Zaawansowana struktura typów oraz zestaw klas • Model komponentowy • Rozbudowane operacje na danych oraz data binding po stronie klienta • Zintegrowany z modelem serwerowym • Klasy do wywoływania webservice’ów • Klasy proxy lub „ręcznie” (np. Sys.Net.WebRequest) • Dostęp do usług ASP.NET 2.0 • Profile service, Authentication service • Authorization (nowość w „Orcas” beta 1) • Bridge do połączeń z webservice’ami

10. Cykl życia strony po stronie klienta • Podobna koncepcja jak w ASP.NET 2.0 • pageLoad() • PageRequestManager • 5 zdarzeń po stronie klienta • Przykład: BeginRequest, EndRequest • Bardzo szeroka gama zastosowań • np. obsługa wyjątków

11. demo Microsoft AJAX Library

12. Co przyniesie kolejne Visual Studio? • Intellisense do pisania kodu JavaScript • Możliwość dodawania referencji do innych plików • Wygodne debugowanie kodu JavaScript • Wsparcie dla usług WCF • JSON binding • Generacja klas proxy • Migracja z asmx bez konieczności modyfikacji JS

13. ASP.NET AJAX Futures May CTP • Ogłoszone w poniedziałek 14 maja! • Nowe funkcjonalności • Zarządzanie historią (obsługa przycisku „wstecz”) • CSS Selectors • Microsoft Codename „ASTORIA” http://my.com/astoria/northwind.svc/Customers[ALFKI]/SalesOrders • Dynamic controls • Wyszukiwanie • Wyszukiwanie na własnej stronie • Poprawa indeksowania stron • Obsługa języków dynamicznych • IronPython, ManagedJscript • Przyszłosć: Ruby, Visual Basic • Wsparcie dla Silverlight

15. Microsoft Silverlight • Dawniej: Codename „WPF/e” • Integracja z ASP.NET AJAX • WPF w przeglądarce internetowej • To nie jest XBAP! • Wsparcie dla wielu przeglądarek • Opera już niebawem! • Wsparcie dla wielu systemów (Windows, MAC)

16. Microsoft Silverlight • Silverlight 1.0 beta • XAML + Javascript • Publicznie dostępny, ogłoszony 30 kwietnia b.r. na konferencji MIX 2007 • Wersja RTM już latem! • Plugin do przeglądarki < 2 MB • Silverlight 1.1 alpha • XAML + managed code! • Plugin do przeglądarki ok. 4 MB

17. Mini .NET w przeglądarce • Budowa interaktywnych aplikacji webowych • Designer: Expression Studio • Programista: .NET + Visual Studio Codename „Orcas” • Przykładowe scenariusze • Zaawansowane przetwarzanie po stronie klienta, w języku C#/VB zamiast JavaScript • Obsługa plików (np. pomniejsz zanim wyślesz) • Streaming HD (VC1) • To samo API do którego jesteśmy przyzwyczajeni • Migracja Silverlight - Desktop bezproblemowa

18. Sandbox • Wszystkie aplikacje działają w izolacji • Analogicznie do HTML DOM • Aplikacje działają jak zwykłe strony HTML • Brak ostrzeżeń przy wejściu • Brak możliwości wyjścia z izolacji • Dodatkowe funkcjonalności • Bezpieczne, wyizolowane miejsce na dysku do przechowywania danych • Kontrolki do uploadu plików (działające po stronie klienta!)

19. demo Pierwsze aplikacje w Silverlight

20. System.Windows.Browser ScriptableObject HtmlObject HtmlPage.Window Jest HtmlDocument HtmlElement

21. demo Dostęp do DOM z poziomu Silverlight

22. Wywoływanie kodu zarządzanego z poziomu JavaScript • Atrybut [Scriptable] • Możliwość tworzenia zarządzanych bibliotek • Silverlight to nie tylko animacje!  • „Referencja” do nich – XAML (alpha) • W kolejnych wersjach brak konieczności dodawania referencji przez XAML

23. Wywoływanie kodu zarządzanego z poziomu JavaScript – c.d. • Dostęp do kodu zarządzanego • Właściwości, metody, zdarzenia dostępne z JavaScript • Dynamiczna rejestracja „końcówek” (endpoints) przy pomocy WebApplication • „Końcówki” udostępniają właściwość Content • mojaKontrolkaSL.Content.MojEndpoint.ManagedProperty • Obsługa typów w Silverlight 1.1 alpha • Int, Double, String, ScriptableObject • Do bardziej zaawansowanych typów - JSON

24. demo Wywoływanie kodu zarządzanego z poziomu JavaScript

25. demo Przykłady aplikacji wykorzystujących Silverlight

26. Inne zastosowania -Vista Gadgets! • Bardzo proste do stworzenia • Strona HTML + manifest w postaci pliku XML • Możliwość wykorzystania ASP.NET AJAX, Silverlight, XBAP • Komunikacja z systemem: WCF lub ActiveX • Ciekawy pomysł dla firm ISV • Miły dodatek dla Państwa użytkowników • Np. wizualizacja danych z Państwa aplikacji • Jeśli mają Państwo pomysł – proszę o kontakt! • Materiały techniczne, warsztaty • Konkurs • Promocja Państwa produktu (akcje promocyjne Windows Vista)

27. Jak rozpocząć? • ASP.NET AJAX • http://ajax.asp.net • Dokumentacja, przykłady, webcasty • ASP.NET AJAX Extensions, ASP.NET AJAX Futures • Microsoft AJAX Library • Silverlight • http://www.silverlight.net • Microsoft Expression Blend 2.0 May CTP • Visual Studio Codename „Orcas” • Dodatki do Visual Studio Codename „Orcas” • Silverlight SDK i Silverlightruntime (wersja 1.0 beta i 1.1 alpha) • Vista Gadgets • http://microsoftgadgets.com

28. DziękujĘ! v-bartz@microsoft.com http://zassb.com/download/isv-roadshow.zip