Changeset 73

Timestamp:

02/24/08 19:10:22 (5 years ago)

Author:

d0nut

Message:

english -> german

Files:

• documentation/trunk/doc.tex (modified) (21 diffs)

documentation/trunk/doc.tex

@@ -44 +44 @@
 Dann wird das Google Web Toolkit erklÀrt und eine BrÌcke zu Java geschlagen.
 Das Google Web Toolkit versucht den Desktop-Entwicklungs-Zyklus auf Web-Anwendungen zu ÃŒbertragen.
+Es werden Grundlegende Java-Kenntnisse und der sichere Umgang mit einer Entwicklungsumgebung vorausgesetzt.
 \end{abstract}
-
+\newpage
 \tableofcontents
 \newpage
@@ -60 +61 @@
         Moderne Web-Anwendungen lassen sich komponentenweise kombinieren, sie greifen ineinander ÃŒber und reagieren sofort Benutzeraktionen.
         
-        Die BrÌcke zwischen Web- und Desktop-Welt wird durch gleiche Bedienkonzepte wie z.B. Drag-Drop, AutovervollstÀndigen oder die sofortige Formularvalidierung geschlagen.
+        Die BrÌcke zwischen Web- und Desktop-Welt wird durch gleiche Bedienkonzepte wie z.B. Drag\&Drop, AutovervollstÀndigung oder die sofortige Formularvalidierung geschlagen.
 
         In den folgenden Kapiteln wird erlÀutert, was die grundlegende Technologie 'AJAX' ausmacht und wie man sie als Programmierer fÌr sich nutzen kann.
-
         Weiter wird auf garantierte Stolpersteine eingegangen und letztendlich eine mögliche Antwort auf verschiedene Probleme prÀsentiert:
         Das Google Web Toolkit.
@@ -82 +82 @@
         die durch asynchrone Verbindungen in einer interaktiven Umgebung beliebige Datenmengen bewÀltigen können.
         
-        Der Client schickt HTTP-Requests an den Server, ohne dass die eigentliche Seite neu geladen wird, oder der Benutzer wÀhrenddessen warten muss.
+        Der Client schickt HTTP-Anfragen an den Server, ohne dass die eigentliche Seite neu geladen wird, oder der Benutzer wÀhrenddessen warten muss.
         
         \subsection{Document Object Model} \label{sec_ajax_dom}
@@ -97 +97 @@
         
         In einer Client-Server-Architektur lÀsst sich DOM sowohl im Backend zur Dokumentengenerierung,
-        als auch und im Frontend zur dynamischen Manipulierung nutzen.
+        als auch und im Frontend zum dynamischen Manipulieren nutzen.
 
         \subsection{JavaScript} \label{sec_ajax_javascript}
@@ -107 +107 @@
         JavaScript lÀuft in einer Sandbox und schrÀnkt darÌber den Zugriff auf Netzwerkfunktionen oder das Dateisystem ein.
 
-        Skripte werden in das HTML-Dokument eingebettet, um auf Events zu reagieren oder die DOM ReprÀsentierung der Website dynamisch zu manipulieren.
+        Skripte werden in das HTML-Dokument eingebettet, um auf Ereignisse zu reagieren oder die DOM ReprÀsentierung der Website dynamisch zu manipulieren.
 
         Ein simples Beispiel ist der Aufruf der alert-Funktion.
@@ -135 +135 @@
 
         Normale Websites laden in einem Rutsch.
-        Dazu formuliert der Client einen HTTP-Request mit Hostnamen und Pfad.
-        Wird die URL www.foo.com/ajax.html im Browser aufgerufen, wird der folgende HTTP-Request gesendet:
+        Dazu formuliert der Client eine HTTP-Anfrage mit Hostnamen und Pfad.
+        Wird die URL www.foo.com/ajax.html im Browser aufgerufen, wird die folgende Anfrage gesendet:
         
 \begin{lstlisting}
@@ -158 +158 @@
 \end{lstlisting}
         
-        Klickt man auf einen Link werden wieder und wieder neue HTTP-Requests geschickt und das komplette Dokument neu ÃŒbertragen.
+        Klickt man auf einen Link werden wieder und wieder neue HTTP-Anfragen geschickt und das komplette Dokument neu ÃŒbertragen.
         
         Das folgende Sequenzdiagramm beschreibt den Ablauf von Anfrage und Antwort.
@@ -173 +173 @@
         sondern es stattdessen wÀhrend der Laufzeit nachgeladen werden kann.
         WÀhrend des Ladevorgangs kann der Benutzer weiter mit der Seite interagieren,
-        da der Browser dafÌr sorgt, dass der asynchrone Request in einem eigenen Thread ablÀuft.
+        da der Browser dafÌr sorgt, dass die asynchrone Anfrage in einem eigenen Thread ablÀuft.
 
         Zudem ist keine Socketverbindung auf Ebene von TCP oder UDP notwendig.  
@@ -180 +180 @@
         So funktioniert das Zusammenspiel der drei Technologien:
         Die Ajax-Engine reagiert auf einen Klick in der BenutzeroberflÀche,
-        schickt daraufhin eine HTTP-Request an den Server und sobald dieser antwortet,
+        schickt daraufhin eine HTTP-Anfrage an den Server und sobald dieser antwortet,
         wertet sie die Antwort aus und fÃŒgt die Informationen mit DOM-Manipulationen in das eigentlich Dokument wieder ein.
 
@@ -186 +186 @@
         \centering
         \includegraphics{img/http-ajax.eps}
-        \caption{Ein AJAX Request ÃŒber HTTP.}
+        \caption{Eine AJAX Anfrage ÃŒber HTTP.}
         \label{fig:http-ajax}
         \end{figure}
@@ -196 +196 @@
         Dieser besteht aus dem XMLHttpRequest im Browser und der Skriptsprache JavaScript, ÃŒber das dieser angesprochen wird.
         
-        \subsection{EventHandler} \label{sec_ajax_eventhandler}
-        Die HTTP-Anfragen werden durch JavaScript Events ausgelöst.
+        \subsection{Ereignisbehandlung mit EventHandlern} \label{sec_ajax_eventhandler}
+        Die HTTP-Anfragen werden durch JavaScript Ereignisse ausgelöst.
         EventHandler sind das Bindeglied zwischen HTML und JavaScript.
         Das W3-Konsortium hat sie als HTML-Attribut in den Sprachstandard aufgenommen.
@@ -208 +208 @@
 \end{lstlisting}
 
-        Es sind alle erdenklichen Events möglich.
+        Es sind alle erdenklichen Ereignisse möglich.
         JavaScript kann genauso auf das Fokussieren oder Verlassen von Eingabefeldern reagieren, 
         wie auf das Überfahren eines Elements mit der Maus.    
@@ -214 +214 @@
         \subsection{XMLHTTP als Kommunikationsschnittstelle} \label{sec_ajax_xmlhttprequest}
         Das XMLHttpRequest Objekt ist eine API, die den HTTP-Zugriff auf Websites der eigenen Domain\footnote{W3C-Vorschlag fÃŒr eine Cross-Site-Extension in 'XMLHttpRequest 2' unter http://lists.w3.org/Archives/Public/public-webapi/2006Jun/0012.html} erlaubt.
-        FÌr die Kommunikation Ìber das HTTP-Protokoll werden die beiden gebrÀuchlichsten Request-Methoden POST und GET genutzt.
+        FÌr die Kommunikation Ìber das HTTP-Protokoll werden die beiden gebrÀuchlichsten Anfrage-Methoden POST und GET genutzt.
         Wurde ein Event ausgelöst und eine Anfrage abgeschickt, Ìbernimmt das XMLHttpRequest den Aufruf der Callback-Methode.
 
@@ -230 +230 @@
         \subsection{VollstÀndiges Beispiel} \label{sec_ajax_example}
         Nun ist alles bekannt, was benötigt wird, um die Funktion foo() zu implementieren.
-        Sie soll einen AJAX Request ausfÃŒhren, um eine Liste von Namen nachzuladen.
-        Dazu wird die AJAX Klasse initialisiert und ein GET-Request an backend.php geschickt.
+        Sie soll eine AJAX Anfrage ausfÃŒhren, um eine Liste von Namen nachzuladen.
+        Dazu wird die AJAX Klasse initialisiert und eine GET-Anfrage an backend.php geschickt.
         Diese liefert im Beispiel folgendes XML Dokument.
 \begin{lstlisting}[language=xml] 
@@ -265 +265 @@
         Bei der normalen GUI-Programmierung kann die Anwendung bereits innerhalb der Entwicklungsumgebung debuggt und getestet werden.
         Da JavaScript-Anwendungen aber erst beim Endbenutzer interpretiert werden,
-        benötigt der Entwickler verschiedene Testsysteme aus Betriebsystem- und Browserkombinationen.
-        Auch der komplette Klick-Lebensyklus wird durch das besondere Verhalten der Callback-Methoden und die strikte Trennung zwischen der JavaScript-Frontend-Implementierung und der Backend-Implementierung schier unmöglich zu testen.
+        benötigt der Entwickler verschiedene Testsysteme aus Betriebssystem- und Browserkombinationen.
+        Auch der komplette Klick-Lebenszyklus wird durch das besondere Verhalten der Callback-Methoden und die strikte Trennung zwischen der JavaScript-Frontend-Implementierung und der Backend-Implementierung schier unmöglich zu testen.
         Es werden Testszenarien gebraucht die eine ServerÃŒberlastung emulieren.
         
@@ -274 +274 @@
         Wie der Titel dieser Ausarbeitung nahe legt, heißt die Lösung fÃŒr all diese Probleme 'Google Web Toolkit' (oder kurz GWT).
 
-        Das GWT erlaubt eine Entwicklung fern von HTML und JavaScript und verwendet dazu hundertprozent reines Java.
+        Das GWT erlaubt eine Entwicklung fern von HTML und JavaScript und verwendet dazu hundertprozentig reines Java.
         Dieses Kernkonzept wird in den folgenden Kapiteln erlÀutert.
 
@@ -336 +336 @@
 
         Außerdem wird der Quelltext komprimiert und komplett in JavaScript Dateien ausgelagert.
-        Dadurch kann die gesamte Anwendung vom Browser gecached werden.
+        Dadurch kann die gesamte Anwendung vom Browser zwischengespeichert werden.
 
         FÃŒr jede Kombination aus Gebietsschema und Browsertyp wird eine einzelne JavaScript Datei erstellt.
@@ -350 +350 @@
 
         \subsection{ImageBundles} \label{sec_tec_gwt_imagebundles}
-        Ein weiterer Grundprozess des GWT ist es die Anzahl an HTTP-Requests so gering wie möglich zu halten.
+        Ein weiterer Grundprozess des GWT ist es die Anzahl an HTTP-Anfragen so gering wie möglich zu halten.
         Auch hierfÃŒr sorgt der Compiler.
-        In den meisten Websites sind es Bilder, die die meisten HTTP-Requests verursachen.
+        In den meisten Websites sind es Bilder, die die meisten HTTP-Anfragen verursachen.
         Daher haben sich die GWT Entwickler das Konzept der ImageBundles ÃŒberlegt.
-        Vielleicht wird der Vorteil anhand eines Beispiels gebuwsster:
+        Vielleicht wird der Vorteil anhand eines Beispiels bewusster:
 
         Typische WYSIWYG-Editoren bringen etwa 50 Buttons mit, die dem Anwender eine Office-Àhnliche OberflÀche vermitteln sollen.
-        Ein Browser wÃŒrde an dieser Stelle 50 Bilder-Tags im HTML-Quelltext sehen und alle 50 Bilder per HTTP-Request laden.
-        Selbst wenn der Besucher die Seite bereits besucht hat und alle Bilder nur aus dem Cache des Browsers geladen werden mÃŒssen, 
+        Ein Browser wÃŒrde an dieser Stelle 50 Bilder-Tags im HTML-Quelltext sehen und alle 50 Bilder per HTTP-Anfrage laden.
+        Selbst wenn der Besucher die Seite bereits besucht hat und alle Bilder nur aus dem Zwischenspeicher des Browsers geladen werden mÃŒssen, 
         mÌssen 50 Verbindungen aufgebaut werden um nachzufragen, ob sich eines der Bilder geÀndert hat.
-        Das GWT macht nun aus den 50 Bildern nur ein einziges Bild, das die selbe Datenmenge mitbringt, nur einmalig geladen werden muss und trotzdem gecached wird.
+        Das GWT macht nun aus den 50 Bildern nur ein einziges Bild, das die selbe Datenmenge mitbringt, nur einmalig geladen werden muss und trotzdem zwischengespeichert wird.
         Eingebunden werden die Bilder weiterhin ÃŒber die 50 Bilder-Tags in ihrer Originalgröße.
         Per CSS werden Sie aber so verschoben, dass der Endanwender, bis auf den Geschwindigkeitsvorteil keinen Unterschied mehr merkt.
@@ -504 +504 @@
         
         Die Implementierung funktioniert mit der Schnittstelle HistoryListener, die onHistoryChanged(String token) implementiert.
-        Der token lÀsst sich wie ein Dateiname behandeln.
-        Dadurch kann jede GUI-Aktion durch einen Token abgebildet werden.
+        Das Token lÀsst sich wie ein Dateiname behandeln.
+        Dadurch kann jede GUI-Aktion durch ein Token abgebildet werden.
 
 
@@ -528 +528 @@
         
         Die Sprache wird je nach Browserkonfiguration automatisch gewÀhlt. 
-        Mit dem GET-Parameter locale lÀsst sie sich aber auch erzwingen.
+        Mit dem GET-Parameter 'locale' lÀsst sie sich aber auch erzwingen.
 
 
@@ -538 +538 @@
         bietet das GWT Ìber JSNI die Möglichkeit normalen JavaScript Code einzubinden.
 
-        Soll eine solche Methode geschrieben werden, wird das SchlÃŒsselwort native und eine spezielle Kommentarsyntax verwendet.
+        Soll eine solche Methode geschrieben werden, wird das SchlÃŒsselwort 'native' und eine spezielle Kommentarsyntax verwendet.
         Wie im folgenden Beispiel zu sehen, ist selbst ein Zugriff auf Attribute und Methoden des GWT möglich.
         
-        Der Zugriff auf window und document ist gekapselt und nur Ìber die Variablen \$wnd und \$doc möglich.
+        Der Zugriff auf 'window' und 'document' ist gekapselt und nur Ìber die Variablen \$wnd und \$doc möglich.
 
 \begin{lstlisting}[language=java]