Nowości w świecie warstw prezentacji

Bartłomiej ZassMicrosoft Polskav-bartz@microsoft.com

Agenda

ASP.NET AJAXASP.NET AJAX Extensions oraz Microsoft AJAX Library – krótka powtórka!Co nowego w ASP.NET AJAX Futures?

Microsoft Silverlight (dawniej Codename „WPF/e”)

ASP.NET AJAX

ASP.NET AJAX

AJAX = Asynchronous Javascript and XMLASP.NET AJAX

Część serwerowaASP.NET AJAX ExtensionsASP.NET AJAX FuturesASP.NET AJAX Control Toolkit

Część klienckaMicrosoft AJAX Library

Bezpłatny, dostępny kod źródłowyWsparcie dla wszystkich popularnych przeglądarek

Również Opery!

ASP.NET AJAX Extensions

Redukcja przeładowań stronyPoprawienie użytecznościZwiększenie wydajności

<asp:updatepanel />Żądania stają się asynchroniczne

<asp:UpdatePanel id=“u1” runat=“server”> <ContentTemplate> <!– Zawartość odświeżana dynamicznie! -> <asp:Calendar id=“cal1” runat=“server”/> <ContentTemplate></asp:UpdatePanel>

ASP.NET AJAX Control Toolkit

Cele projektuUmoż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ówZestaw najciekawszych extenderówHostowany przez codeplex.com

demoASP.NET AJAX Extensions, ASP.NET AJAX Control Toolkit

Microsoft AJAX LibraryObiektowość w JavaScript?!

Polimorfizm, przestrzenie nazw, itp. w JavaScript!Zaawansowana struktura typów oraz zestaw klasModel komponentowyRozbudowane operacje na danych oraz data binding po stronie klienta

Zintegrowany z modelem serwerowymKlasy do wywoływania web service’ów

Klasy proxy lub „ręcznie” (np. Sys.Net.WebRequest)

Dostęp do usług ASP.NET 2.0Profile service, Authentication serviceAuthorization (nowość w „Orcas” beta 1)

Bridge do połączeń z web service’ami

Cykl życia strony po stronie klienta

Podobna koncepcja jak w ASP.NET 2.0pageLoad()PageRequestManager

5 zdarzeń po stronie klientaPrzykład: BeginRequest, EndRequest

Bardzo szeroka gama zastosowańnp. obsługa wyjątków

demoMicrosoft AJAX Library

Co przyniesie kolejne Visual Studio?

Intellisense do pisania kodu JavaScriptMożliwość dodawania referencji do innych plików

Wygodne debugowanie kodu JavaScriptWsparcie dla usług WCF

JSON bindingGeneracja klas proxyMigracja z asmx bez konieczności modyfikacji JS

ASP.NET AJAX Futures May CTP

Ogłoszone w poniedziałek 14 maja!Nowe funkcjonalności

Zarządzanie historią (obsługa przycisku „wstecz”)CSS SelectorsMicrosoft Codename „ASTORIA”

http://my.com/astoria/northwind.svc/Customers[ALFKI]/SalesOrders

Dynamic controlsWyszukiwanie

Wyszukiwanie na własnej stroniePoprawa indeksowania stron

Obsługa języków dynamicznychIronPython, Managed JscriptPrzyszłosć: Ruby, Visual Basic

Wsparcie dla Silverlight

Microsoft SilverlightDawniej: Codename „WPF/e”Integracja z ASP.NET AJAXWPF w przeglądarce internetowej

To nie jest XBAP!Wsparcie dla wielu przeglądarek

Opera już niebawem!

Wsparcie dla wielu systemów (Windows, MAC)

Microsoft Silverlight

Silverlight 1.0 betaXAML + JavascriptPublicznie dostępny, ogłoszony 30 kwietnia b.r. na konferencji MIX 2007Wersja RTM już latem!Plugin do przeglądarki < 2 MB

Silverlight 1.1 alphaXAML + managed code!Plugin do przeglądarki ok. 4 MB

Mini .NET w przeglądarce

Budowa interaktywnych aplikacji webowychDesigner: Expression StudioProgramista: .NET + Visual Studio Codename „Orcas”

Przykładowe scenariuszeZaawansowane przetwarzanie po stronie klienta, w języku C#/VB zamiast JavaScriptObsługa plików (np. pomniejsz zanim wyślesz)Streaming HD (VC1)

To samo API do którego jesteśmy przyzwyczajeniMigracja Silverlight - Desktop bezproblemowa

Sandbox

Wszystkie aplikacje działają w izolacjiAnalogicznie do HTML DOM

Aplikacje działają jak zwykłe strony HTMLBrak ostrzeżeń przy wejściuBrak możliwości wyjścia z izolacji

Dodatkowe funkcjonalnościBezpieczne, wyizolowane miejsce na dysku do przechowywania danychKontrolki do uploadu plików (działające po stronie klienta!)

demoPierwsze aplikacje w Silverlight

ScriptableObject

HtmlObjectHtmlPage.Windo

w

HtmlDocument HtmlElement

Jest

System.Windows.Browser

demoDostęp do DOM z poziomu Silverlight

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

Wywoływanie kodu zarządzanego z poziomu JavaScript – c.d.

Dostęp do kodu zarządzanegoWłaściwości, metody, zdarzenia dostępne z JavaScriptDynamiczna rejestracja „końcówek” (endpoints) przy pomocy WebApplication

„Końcówki” udostępniają właściwość ContentmojaKontrolkaSL.Content.MojEndpoint.ManagedProperty

Obsługa typów w Silverlight 1.1 alphaInt, Double, String, ScriptableObjectDo bardziej zaawansowanych typów - JSON

demoWywoływanie kodu zarządzanego z poziomu JavaScript

demoPrzykłady aplikacji wykorzystujących Silverlight

Inne zastosowania -Vista Gadgets!

Bardzo proste do stworzeniaStrona HTML + manifest w postaci pliku XMLMożliwość wykorzystania ASP.NET AJAX, Silverlight, XBAPKomunikacja z systemem: WCF lub ActiveX

Ciekawy pomysł dla firm ISVMił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, warsztatyKonkursPromocja Państwa produktu (akcje promocyjne Windows Vista)

Jak rozpocząć?

ASP.NET AJAXhttp://ajax.asp.net

Dokumentacja, przykłady, webcastyASP.NET AJAX Extensions, ASP.NET AJAX FuturesMicrosoft AJAX Library

Silverlighthttp://www.silverlight.netMicrosoft Expression Blend 2.0 May CTPVisual Studio Codename „Orcas”Dodatki do Visual Studio Codename „Orcas”Silverlight SDK i Silverlight runtime (wersja 1.0 beta i 1.1 alpha)

Vista Gadgetshttp://microsoftgadgets.com

DZIĘKUJĘ!

v-bartz@microsoft.comhttp://zassb.com/download/isv-roadshow.zip