3 technologien im wettstreit um ihre nächste webanwendung rainer worbis markus unterauer...

AJAX, SILVERLIGHT ODER XBAP? 3 Technologien im Wettstreit um Ihre nächste Webanwendung

Rainer WorbisMarkus UnterauerEntwickler, cubido business solutions gmbh

Zielsetzung Kennenlernen der 3 Technologien Stärken / Schwächen aus Entwicklersicht Kurzer Einblick in die Programmierung Wann nehme ich was und wann nicht?

Agenda Pimpen einer ASP.NET Webapp mit AJAX Selbe Applikation, andere Technologie (Silverlight) Und jetzt nochmal mit XBAP Wann nehme ich was und wann nicht

AJAX, Silverlight oder XBAP?

ZIELSETZUNG UND AGENDA

Asynchronous JavaScript and XML Verlagerung von UI-Logik zum Client Asynchrone Kommunikation mit Server Realisiert über Browser XmlHttpObject

Zielsetzung Bessere Useability Weniger Traffic bei der Client / Serverkommunikation


AJAX

Partial Page Updates Bei Postback nur Teil der Seite aktualisieren

Control Extender Zusatzfunktionen für bestehende Controls

JavaScript Erweiterungen Neue Sprachfeatures Zugriff auf Webservices

Control Toolkit Extender (AutoComplete, MaskedEdit, …) Neue Controls (Rating, …)


AJAX - ÜBERBLICK

DEMOVergleich ASP.NET Webapp ohne und mit AJAX


AJAX

AJAX aktivieren

Einfügen eines Updatepanels

Updateprogress (Achtung! JavaScripts!)


AJAX – PARTIAL PAGE UPDATE

<Ajax:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" />

<asp:UpdatePanel runat="server" UpdateMode="Conditional" ID="ListUpdatePanel"> <ContentTemplate>…</ContentTemplate> <Triggers>…</Triggers></asp:UpdatePanel>

<asp:UpdateProgress ID=„MyProgress" runat="server" AssociatedUpdatePanelID=„MyUpdatePanel"> <ProgressTemplate>…</ProgressTemplate></asp:UpdateProgress>

AutoCompleteExtender

Rating


AJAX – EXTENDER UND TOOLKIT

<Ajax:AutoCompleteExtender runat="server" ID=„myAutoComplete“ TargetControlID=„MyTextbox" ServicePath=„MyService.asmx“ ServiceMethod=„MyMethod“ MinimumPrefixLength="2„ CompletionSetCount="5„ />

<Ajax:Rating ID=“MyRating" runat="server” CurrentRating='<%# Convert.ToInt32 (DataBinder.Eval(Container.DataItem, "Rating")) %>‚ MaxRating="5„ />

Registrieren des Services

Aufrufen per JavaScript


AJAX – JAVASCRIPT ERWEITERUNG

<asp:ScriptManagerProxy ID=„MyProxy" runat="server"> <Services> <asp:ServiceReference Path=„MyService.asmx"/> </Services></asp:ScriptManagerProxy>

function MyAction (){ MyService.MyGetData(OnWSRequestComplete);}

function OnWSRequestComplete(results) { var text = results.FirstName + results.LastName; $get(‚MyLabel').innerHTML = text;}


AJAX – PARTIAL UPDATE PAGESIZE

172 kB initiales Laden(Seite + Bilder)

89 Byte AutoComplete27 kB Liste neu laden

Version SL 2.0 Browser Plugin

Microsoft IE Firefox Safari

Betriebssystem Windows Linux (via Moonlight) Mac


SILVERLIGHT - ÜBERBLICK

Eigene CLR C#, VB, Python, Ruby, JScript XAML Subset + SL Spezifika der .NET CLR

Entwicklungsumgebung Visual Studio Eclipse


SILVERLIGHT – PROGRAMMIERUNG

Silverlight ist ein in HTML eingebettetes Objekt


SILVERLIGHT – VERWENDUNG

<object data="data:application/x-silverlight," type="application/x-silverlight-2-b2"<param name="source" value="ClientBin/devCamp08_SilverLight01.xap"/><param name="onerror" value="onSilverlightError" /><param name="background" value="white" />

</object>

Viele eigene Controls 3rd Party Controls Silverligth Control Pack

(zur PDC2008)

Layouts Grid StackPanel Canvas


SILVERLIGHT - CONTROLS

Nur ein Fenster Kein Zugriff auf das Filesystem (außer

Benutzergesteuerter FileOpenDialog) Keinen Status am Server (ViewState etc) Isolated Storage am Client Bestimmt Features fehlen

Anzeige von GIF Dateien Nur asynchrone Datenzugriffe


SILVERLIGHT – EINSCHRÄNKUNGEN

DEMO• Look and Feel• XAML• Daten lesen


SILVERLIGHT

.NET Anwendung die vom IE gehostet wird Die am Client installierte .NET Runtime wird

verwendet Security Zones Wie Click Once nur in Local Internet Files


XBAP - ÜBERBLICK

Abgrenzung zu Silverlight Unterstützung der gesamten CLR Klassenbibliothek Es gibt „Full Trust“

Abgrenzung zu Fullclient (ClickOnce) Theoretisch wenig Benutzerberechtigungen zur

Installation nötig Es läuft immer auch ein Browserfenster mit


XBAP - WARUM

DEMO• Look and Feel• XAML• Daten lesen


XBAP

ASP.NET AJAX Silverlight XBAP FullclientInteraktivität der GUI - + ++ +++ ++++Verfügbare Controls +++ ++++ + (Drittanbieter) +++ +++Release Status 2.0 1.0 2.0 3.5 3.5In ASP.NET App integrierbar

Ja Ja Ja Nein Nein

Browser Alle Browser nur IE, FireFox IE, FireFox, Safari nur IE KeineInhalt indizierbar Ja Teilweise Nein Nein NeinZugriff auf Clientfiles Nein Nein Nein Ja (mit Fulltrust) JaOffline Fähigkeit Nein Nein Nein Nein JaClient Betriebssystem Alle Alle Windows, Mac

teilw. LinuxNur Windows Nur Windows, teilw.

Linux

Client Requirements Keine JavaScript Silverlight Plugin .NET Framework 3.5

.NET Framework 3.5

Permissions am Client Keine Keine Plugin installieren

Teilw. Fulltrust Teilw. Fulltrust

Wird am Client installiert

Nein Nein Nein (nur Temp. Internet Files)

Nein (nur Temp. Internet Files)

Ja

Clientbelastung für GUI Niedrig Mittel Mittel Hoch Hoch


VERGLEICH AJAX, SILVERLIGHT, XBAP

ASP.NET AJAX Silverlight XBAP FullclientZugriff auf Daten von Webserver von Webserver

und Clientvon Client von Client von Client

Zugriff auch Services Server alles (WS, SQL, …)

Server alles, Client nur WS

nur WS Alles (WS, SQL, …) Alles (WS, SQL, …)

Webserver Windows Windows Alle Alle KeineServerbelastung für GUI Hoch Hoch Niedrig Niedrig Keine

Programmiersprachen .NET, JavaScript, VBScript

.NET, JavaScript C#, VB.net, XAML, JavaScript

.NET, XAML .NET, XAML

Debugging-möglichkeiten

++ + + +++ ++++

Verwendung bestehender Assemblies

Ja Ja Nein (eigene Core DLLs)

Ja Ja


VERGLEICH AJAX, SILVERLIGHT, XBAP

Cubido Bloghttp://www.cubido.at/Blog/tabid/176/Default.aspx

Microsoft AJAX Websitehttp://www.asp.net/ajax/

Microsoft Silverlight Website http://www.silverlight.net


LINKS

http://www.cubido.at/Blog/tabid/176/Default.aspx

http://www.asp.net/ajax/

http://www.silverlight.net/

AJAX, SILVERLIGHT ODER XBAP? 3 Technologien im Wettstreit um Ihre nächste Webanwendung

Rainer WorbisMarkus UnterauerEntwickler, cubido business solutions gmbh

3 technologien im wettstreit um ihre nächste webanwendung rainer worbis markus unterauer...

Documents