03.11.2013 Aufrufe

Middleware bildet Basis für hybride Nutzungsvarianten - Midrange ...

Middleware bildet Basis für hybride Nutzungsvarianten - Midrange ...

Middleware bildet Basis für hybride Nutzungsvarianten - Midrange ...

MEHR ANZEIGEN
WENIGER ANZEIGEN

Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.

YUMPU macht aus Druck-PDFs automatisch weboptimierte ePaper, die Google liebt.

Microsoft .NET & IBM System i<br />

Web-Anwendungen mit AJAX<br />

Im Jahr 2006 hat ein cleverer Journalist den Namen „AJAX“ erfunden. Der Begriff beschreibt<br />

eine damals bereits bekannte Strategie Web-Seiten interaktiver zu gestalten als man es<br />

bisher gewohnt war. „AJAX“ setzt sich zusammen aus „Asynchronous JavaScript and XML“.<br />

1<br />

Seitenaufruf unter AJAX<br />

Verwendet wird AJAX in vielen<br />

Web-Anwendungen, da sich doch<br />

eine Web-Anwendung fast so bedienerfreundlich<br />

gestalten lässt wie eine Windows-Client-Anwendung.<br />

In diesem Beitrag<br />

kann man AJAX-Anwendungen mit<br />

dem neuen VisualStudio 2010 und dem<br />

.NET-Framework 4.0 kennenlernen. Dabei<br />

werden natürlich die AS/400-Daten<br />

und -Anwendungen mit integriert.<br />

Vorab eine technische Beschäftigung<br />

mit dem Umfeld von AJAX. Zuallererst<br />

muss erwähnt werden, dass<br />

JavaScript nichts mit der Programmiersprache<br />

„Java“ (ehemals Sun,<br />

jetzt ORACLE) zu tun hat. JavaScript<br />

ist die Sprache des Browsers. Es folgt<br />

ein weiterführender Link in Self-HTML<br />

de.selfhtml.org/javascript und ein Online-Buch:<br />

openbook.galileocomputing.<br />

de/javascript_ajax zum Nachlesen.<br />

Wenn man 5250-Konzepte kennt,<br />

kann man sich JavaScript als eingebettete<br />

Sprache in einem Terminal vorstellen.<br />

Als AS/400-Programmierer hatte<br />

der Autor dieses Beitrags öfter den<br />

Wunsch, Dialog-Eingabefelder direkt<br />

bei der Erfassung durch den Benutzer<br />

zu prüfen oder die Positionierung<br />

des Cursors zu steuern, ohne dass der<br />

Benutzer EINGABE drücken musste<br />

und damit die Kontrolle an das RPG-<br />

Programm im Hintergrund zurückgab.<br />

Das und noch viel mehr kann man mit<br />

JavaScript machen.<br />

Asynchron bedeutet, dass die Aufrufe<br />

<strong>für</strong> Daten unabhängig vom Lebenszyklus<br />

der Seite ausgeführt werden.<br />

Normale Webseiten würden sich<br />

zuerst darstellen und danach auf die<br />

Eingabe des Benutzers warten. AJAX-<br />

Seiten beginnen bereits weitere Inhalte<br />

zu holen, während die Seite im Browser<br />

aufgebaut wird (siehe Bild 1).<br />

Das Ergebnis ist eine kürzere Ladezeit<br />

von Seiten. Man kann bei AJAX-<br />

Seiten beobachten, dass die Seite nicht<br />

von Beginn an als ganze Seite vorhan-<br />

www.netvibes.com/privatepage/1#Computer<br />

Nicht-AJAX-Seiten würden<br />

hier auf eine Eingabe vom<br />

Benutzer warten.<br />

AJAX-Seiten hingegen<br />

fordern, während der<br />

Browser die Seite darstellt,<br />

bereits weitere Informationen<br />

vom Server an!<br />

den ist, sondern sich Stück <strong>für</strong> Stück<br />

zusammensetzt (natürlich abhängig<br />

von der Server-Performance).<br />

XML muss nicht weiter erklärt werden;<br />

mit AJAX wird XML als Übertragungsformat<br />

von Daten gewählt, das ist<br />

aber nicht zwingend. Da XML die Datenmenge<br />

zwangsläufig aufbläht und<br />

damit die Performance verschlechtert,<br />

geht man auf traditionelle HTTP-Übertragung<br />

zurück, wenn es sich nicht um<br />

Massendaten handelt.<br />

Wer sich nun typische AJAX-Anwendungen<br />

ansehen möchte, sollte folgende<br />

Seiten aufrufen:<br />

ó maps.google.com<br />

ó www.flickr.com<br />

ó www.netvibes.com<br />

ó www.gliffy.com<br />

Mit der dynamischen Aktualisierung<br />

von Teilen einer Webseite ist der<br />

Hauptvorteil von AJAX geklärt; Er liegt<br />

in der die Vermeidung des vollständigen<br />

Neuaufbaus von Seiten. Dabei wird<br />

die Netzwerklast nicht wirklich verringert,<br />

sie wird gleichmäßiger über die<br />

Nutzung hinweg verteilt. Eine wirkliche<br />

Reduktion der Netzwerklast wird<br />

erreicht, wenn während eines Dialogs<br />

immer nur Teile der Seite aktualisiert<br />

werden. Weiterer Nutzen ergibt sich<br />

aus den neuen Steuerelementen, die<br />

mit AJAX unterstützt werden.<br />

<br />

Christian Neissl ó<br />

CLICK to<br />

www.midrange.de<br />

Der vollständige Artikel steht Abonnenten<br />

online zur Verfügung.<br />

03/2013 · MIDRANGE MAGAZIN<br />

37

Hurra! Ihre Datei wurde hochgeladen und ist bereit für die Veröffentlichung.

Erfolgreich gespeichert!

Leider ist etwas schief gelaufen!