Changeset 67

Timestamp:

01/26/08 13:56:47 (5 years ago)

Author:

d0nut

Message:

stripped hello world, improved 'man' phrases

Files:

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

documentation/trunk/doc.tex

@@ -79 +79 @@
         die durch asynchrone Verbindungen in einer interaktiven Umgebung beliebige Datenmengen bewÀltigen können.
         
-        HTTP-Requests können an den Server geschickt werden, ohne dass die eigentliche Seite neu geladen werden muss oder der Benutzer wÀhrenddessen warten muss.
+        Der Client schickt HTTP-Requests 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}
@@ -104 +104 @@
         JavaScript lÀuft in einer Sandbox und schrÀnkt darÌber den Zugriff auf Netzwerkfunktionen oder das Dateisystem ein.
 
-        JavaScripts 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 Events zu reagieren oder die DOM ReprÀsentierung der Website dynamisch zu manipulieren.
 
         Ein simples Beispiel ist der Aufruf der alert-Funktion.
@@ -133 +133 @@
         Der andere Computer antwortet mit einem Inhalt.
 
-        Normale Websites werden in einem Rutsch geladen.
+        Normale Websites laden in einem Rutsch.
         Dazu formuliert man einen HTTP-Request mit Hostnamen und Pfad.
         Wird die URL www.foo.com/ajax.html im Browser aufgerufen, wird der folgende HTTP-Request gesendet:
@@ -192 +192 @@
 
 \section{AJAX Programmierung} \label{sec:ajax_programming}
-        FÃŒr AJAX Kunstwerke gibt es viele unterschiedliche JavaScript basierte Frameworks,
-        fÌr das VerstÀndnis genÌgt es aber sich den AJAX-Kern anzuschauen.
+        FÃŒr fertige AJAX Kunstwerke gibt es viele verschiedene JavaScript basierte Frameworks.
+        FÌr das VerstÀndnis genÌgt es aber sich den AJAX-Kern anzuschauen.
         Dieser besteht aus dem XMLHttpRequest im Browser und JavaScript, ÃŒber das dieser angesprochen wird.
         
@@ -221 +221 @@
         \subsection{Callback Methoden} \label{sec_ajax_callback}
         Die Callback Methode wird bei jeder der vier readyState-Änderungen aufgerufen.
-        Erst beim Status View steht das gesamte Dokument zur VerfÃŒgung.
+        Erst beim Status Vier steht das gesamte Dokument zur VerfÃŒgung.
 
         Wann und ob die readyStates tatsÀchlich wechseln, kann auf Grund vieler Einflussfaktoren wie Bandbreite und Serverauslastung nie garantieren werden.
@@ -228 +228 @@
         
         \subsection{Beispiel} \label{sec_ajax_example}
-        Nun ist alles bekannt, was benötigt wird um die Funktion foo() zu implementieren.
+        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.
@@ -243 +243 @@
 \begin{lstlisting}[caption={Beispiel}\label{lst:ajax_example},captionpos=b,language=javascript] 
 function foo() {
-  var req = new XMLHttpRequest();
+  var req = new XMLHttpRequest(); //mozilla implementierung
   req.open('get', 'backend.php');
   req.onreadystatechange = function() {
@@ -264 +264 @@
         Bei der normalen GUI-Programmierung kann die Anwendung bereits innerhalb der IDE debuggt und getestet werden.
         Da JavaScript-Anwendungen aber erst beim Endbenutzer interpretiert werden,
-        braucht man verschiedene Testsysteme aus Betriebsystem und Browserkombinationen.
+        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 unmöglich zu testen.
         Es werden Testszenarien gebraucht die eine ServerÃŒberlastung emulieren.
@@ -278 +278 @@
 \section{Google Web Toolkit} \label{sec:gwt}
         \subsection{EinfÃŒhrung in das Google Web Toolkit} \label{sec_gwt_intro}
-        Das Google Web Toolkit ist ein Java Framework zum Entwickeln von Web-Anwendungen, fÃŒr die man keine Java Umgebung braucht.
+        Das Google Web Toolkit ist ein Java Framework zum Entwickeln von Web-Anwendungen, fÃŒr die keine Java Umgebung gebraucht wird.
         So widersprÃŒchlich das Konzept klingen mag, um so mehr ÃŒberzeugt es durch die vielen Vorteile.
 
@@ -297 +297 @@
         Eine gute IDE unterstÌtzt dabei mit Debugging-Möglichkeit, Refactoring-Tools und einer Unit-Testing-Integration.
         
-        Öfter wird man wÀhrend des Testens in den Hosted-Mode wechseln, der einen Browser innerhalb einer Java VirtualMachine emuliert.
-        Entsprechende Break-Points vorausgesetzt, kann man die Anwendung auch hier Testen.
+        WÀhrend des Testens wird öfter in den Hosted-Mode gewechselt, der einen Browser innerhalb einer Java VirtualMachine emuliert.
+        Entsprechende Break-Points vorausgesetzt, kann die Anwendung hier live getestet werden.
         
         Skriptsprachen-Programmierer mÃŒssen ihr 'Try and Run' Konzept nicht verwerfen, 
@@ -305 +305 @@
         
         Wurde entschieden den fertig konfigurierten Tomcat-Server des Toolkits zur Prototype-Backend-Implementierung zu verwenden,
-        kann man den kompletten Anwendungszyklus debuggen. 
+        kann der komplette Anwendungszyklus debuggt werden. 
         Dadurch kann ein GUI Klick von vorne, bis hinten debuggt werden, wie es sonst mit AJAX nicht möglich gewesen wÀre.
 
@@ -318 +318 @@
         Der Compiler ist das HerzstÃŒck des GWT. Er verarbeitet den programmierten Java-Code und erstellt daraus einen neuen Code aus HTML und JavaScript - 
         so wie ein klassischer Java Compiler aus Java-Code Bytecode erstellt.
-        Der Unterschied ist, dass man den erstellten Code ohne Java Runtime Umgebung und mit jedem aktuellen Browser ausfÃŒhren kann.
+        Der Unterschied ist, dass der erstellte Code ohne Java Runtime Umgebung und mit jedem aktuellen Browser ausgefÃŒhrt werden kann.
 
         Beim Compilieren wird entschieden welche Funktionen des GWT ÃŒberhaupt genutzt werden.
@@ -331 +331 @@
         die er tatsÀchlich benötigt.
         
-        Hatte man fÌr einen Framework-Einsatz noch vorher zwischen sauberem Code und Mengen an unbenutztem Framework-Code abwÀgen wollen,
-        kann man mit dem GWT fast nur sparen.
+        Wurde vor einen Framework-Einsatz vorher noch zwischen sauberem Code und Mengen an unbenutztem Framework-Code abgewogen,
+        kann mit dem GWT fast nur gespart werden.
         
         Die eigentliche HTML Datei sorgt nur fÃŒr die Einbindung des JavaScripts.
@@ -341 +341 @@
         In den meisten Websites sind es Bilder, die die meisten HTTP-Requests verursachen.
         Daher haben sich die GWT Entwickler das Konzept der ImageBundles ÃŒberlegt.
-        Vielleicht sieht man den enormen Vorteil anhand eines Beispiels.
+        Vielleicht wird der Vorteil anhand eines Beispiels gebuwsster:
 
         Typische WYSIWYG-Editoren bringen etwa 50 Buttons mit, die dem Anwender eine Office-Àhnliche OberflÀche vermitteln sollen.
@@ -358 +358 @@
         
         ImageBundles werden als Interface geschrieben.
-        Will man Bilder zentral verwalten fasst man sie einfach per Ableiten zusammen und der Compiler erstellt ein einziges Bild.
+        Sollen die Bilder zentral verwaltet werden, mÃŒssen sie einfach per Ableiten zusammengefasst werden und der Compiler erstellt ein einziges Bild.
         
         
@@ -365 +365 @@
         Damit das Gesamtsystem aber Ìberhaupt funktionieren kann, benötigt jede Anwendung auch ein Backend.
         FÃŒr die Anbindung an das Backend nutzt das GWT 'Remote Procedure Calls' (kurz RPC), 
-        ÃŒber die man eine Model-View-Controller Architektur umsetzen kann.
+        ÃŒber die eine Model-View-Controller Architektur umgesetzt werden kann.
 
         FÃŒr die Prototyp-Entwicklung des Backends bringt das Google Web Toolkit einen Tomcat Server mit.
-        Damit kann man die Anwendung komplett debuggen.
         Das Toolkit fasst also alles benötige in einem Paket zusammen.
         Falls kein Applikation-Server zur VerfÃŒgung steht,
@@ -431 +430 @@
 \end{lstlisting}
         
-        Will man die Anwendung mit dem mitgelieferten Tomcat-Server testen, 
+        Wird die Anwendung mit dem mitgelieferten Tomcat-Server getestet, 
         muss das Backend das MailService-Interface implementieren.
         Komplexe Datentypen sind erlaubt.
 
 
-\section{Basiselemente des GWT} \label{sec:basics}
+\section{Elemente des GWT} \label{sec:elements}
+        Neben den behandelten Performance-Vorteilen, durch die erst eine Reaktionszeit Àhnlich der von Desktop- möglich wurde,
+        bringt das GWT Basiselemente fÌr die GUI-Programmierung und Konzepte um die Usability von Web-Anwendungen zu erhöhen mit.
+
         \subsection{Panels} \label{sec:gwt_panels}
         Wer grafische OberflÀchen bereits mit Java erstellt hat, kennt das Layout-Manager-Konzept von Swing und AWT.
@@ -449 +451 @@
         \centering
         \includegraphics{img/panel.eps}
-        \caption{Das DockPanel gleicht dem TODO von AWT.}
+        \caption{Das DockPanel zur Anordnung von Komponenten Àhnelt dem BorderLayout von AWT.}
         \end{figure}
 
@@ -455 +457 @@
         Hinter Widgets versteckt sich der deutsche Begriff 'grafisches Bedienelement'.
         Das GWT versteht sich auf Web- und so will es auch die gewohnten Browser-Elemente aus Usability-Aspekten behalten.
-        Neben den fÃŒr HTML Entwickler bekannten Elementen wie Eingabefeld, Button und Auswahlbox bringt das GWT aber noch weitere Widgets mit, 
-        die man von Desktop-Applikationen bereits kennt. Dazu zÀhlen der Tree fÌr eine Baumdarstellung eines Verzeichnisbaums, 
+        Neben den fÃŒr HTML Entwickler bekannten Elementen wie Eingabefeld, Button und Auswahlbox bringt das GWT aber noch weitere, aus Desktop-Applikationen bekannte Widgets mit. 
+        Dazu zÀhlen der Tree fÌr eine Baumdarstellung eines Verzeichnisbaums, 
         die MenuBar fÃŒr eine MenÃŒleiste, 
         die TabBar fÃŒr das Container-Wechsel ÃŒber eine Reiterleiste,
         das StackPanel oder die RichTextArea fÃŒr WYSIWYG-Editoren.
 
-        Außerdem findet man neben Kalender- und Zeichenwidgets auch 'Drag & Drop' Elemente in der aktiven OpenSource Community hinter dem GWT.
+        Außerdem gibt es neben Kalender- und Zeichenwidgets auch 'Drag & Drop' Elemente in der aktiven OpenSource Community hinter dem GWT.
         
         \begin{figure}[htp]
@@ -468 +470 @@
         \caption{Neben altbekannten Formular-Elemente werden auch neue Widgets mitgeliefert.}
         \end{figure}
-
-
-        \subsubsection{Beispiel 'Hello World!'} \label{sec_gwt_widgets_hello_world}
-        Mit dem Wissen Ìber Widgets und Panels sollten Sie nun das erste <<Hello Word>> verstehen können.
-
-\begin{lstlisting}[caption={Java Hello World}\label{lst:hello_world_java},captionpos=b,language=java] 
-import com.google.gwt.core.client.EntryPoint;
-import com.google.gwt.user.client.Window;
-import com.google.gwt.user.client.ui.*;
-
-/**
- * HelloWorld application.
- */
-public class Hello implements EntryPoint {
-
-  public void onModuleLoad() {
-    Button b = new Button("Click me", new ClickListener() {
-      public void onClick(Widget sender) {
-        Window.alert("Hello, AJAX");
-      }
-    });
-
-    RootPanel.get().add(b);
-  }
-}
-\end{lstlisting}
-
-        Öffnet man den Quelltext der Datei im Web-Mode,
-        sieht man, das selbst diese simple Anwendung wie beschrieben durch das Bootstrap-Skript ausgelagert wird.
-
-\begin{lstlisting}[caption={HTML Hello World}\label{lst:hello_world_html},captionpos=b,language=html]
-<html>
-  <head>
-    <title>Hello</title>
-  </head>
-  <body bgcolor="white"> 
-    <script language="javascript" src="Hello.nocache.js"></script>
-  </body>
-</html>
-\end{lstlisting}
-
-
-\section{Arbeiten mit dem GWT} \label{sec:working}
-        Neben den behandelten Performance-Vorteilen, durch die erst eine Reaktionszeit Àhnlich der von Desktop- möglich wurde,
-        bringt das GWT noch weitere Konzepte mit um die Usability von Web-Anwendungen zu erhöhen.
 
 
@@ -657 +614 @@
 
 
+        \subsubsection{Beispiel 'Hello World!'} \label{sec_gwt_widgets_hello_world}
+        Mit dem Wissen Ìber Widgets und Panels sollten Sie nun das erste <<Hello Word>> verstehen können.
+
+\begin{lstlisting}[caption={Java Hello World}\label{lst:hello_world_java},captionpos=b,language=java] 
+import com.google.gwt.core.client.EntryPoint;
+import com.google.gwt.user.client.Window;
+import com.google.gwt.user.client.ui.*;
+
+/**
+ * HelloWorld application.
+ */
+public class Hello implements EntryPoint {
+
+  public void onModuleLoad() {
+    Button b = new Button("Click me", new ClickListener() {
+      public void onClick(Widget sender) {
+        Window.alert("Hello, AJAX");
+      }
+    });
+
+    RootPanel.get().add(b);
+  }
+}
+\end{lstlisting}
+
+        Wird der Quelltext der Datei im Web-Mode eingesehen,
+        sieht man, das selbst diese Anwendung, wie beschrieben durch das Bootstrap-Skript ausgelagert wird.
+
+\begin{lstlisting}[caption={HTML Hello World}\label{lst:hello_world_html},captionpos=b,language=html]
+<html>
+  <head>
+    <title>Hello</title>
+  </head>
+  <body bgcolor="white"> 
+    <script language="javascript" src="Hello.nocache.js"></script>
+  </body>
+</html>
+\end{lstlisting}
+
+
 \newpage