This document outlines a presentation about Google Web Toolkit (GWT). It discusses problems with traditional AJAX applications like browser compatibility issues. It then introduces GWT as a Java-based AJAX framework that compiles to browser-optimized JavaScript for cross-browser compatibility. The presentation demonstrates GWT features like widgets, panels, CSS integration, and remote procedure calls. It also provides information on GWT tooling and links to resources.

1. GWT – Google Web Toolkit
Hans Sowa

2. Agenda
about me

Problems at (Ajax)-Webapplications

What is GWT? + Demo 1

Widgets (Panels, CSS) + Demo 2

RPC + Demo 3

Tooling + Links

further Demos

2
03/08/2009 Hans Sowa

3. about me
 Study: Informations- and
Communicationssystems
 7 Years external employee (Swun, IBM)
 1 Year Webdeveloper
 2 Years Technical Application Manager
(s-it Solutions)
 One of the authors of the book „GWT
Ajax Anwendungen einfach und schnell
entwickeln“
3
03/08/2009 Hans Sowa

4. Problems at (Ajax)-Webapplications
Browser compatibility

diffeferent languages

Use of Ajax

complex GUIs

Debugging of GUI Problems

4
03/08/2009 Hans Sowa

5. What is GWT?
Ajax Webframework (RPC)

Implemented Language: Java

Hosted Mode/Web Mode

Eventhandling

Widget Library

Browserindependent

Localization

Historymanagemant

5
03/08/2009 Hans Sowa

6. Demo 1
 How a GWT Application looks like?
 Java
 Hosted Mode/Web Mode
 Event Handling
6
03/08/2009 Hans Sowa

7. Widgets
PushButton ToggleButton Hyperlink ListBox
RadioButton
CheckBox
PasswordTextBox TextArea
TextBox Table
Tree
DialogBox
MenuBar
TabBar
StackPanel PopupPanel
7
03/08/2009 Hans Sowa

8. Panels (Widgets)
HorizontalPanel VertikalPanel VerticalSplitPanel
FlowPanel
HorizontalSplitPanel
DockPanel
TabPanel
SuggestBox
RichTextArea DisclosurePanel
8
03/08/2009 Hans Sowa

9. Demo 2
 Widget Examples and CSS
9
03/08/2009 Hans Sowa

10. Widgets used in the Loginexample
Text
10
03/08/2009 Hans Sowa

11. RPC – Remote Procedure Call
Figure taken from GWT Documentation
11
03/08/2009 Hans Sowa

12. Demo 3
 How RPC does work?
12
03/08/2009 Hans Sowa

13. Tooling + Links
projectCreator.cmd

applicationCreator.cmd

i18nCreator.cmd

<Interfacename>-i18n.cmd

jUnitCreator.cmd

Eclipse Plugin Cypal Studio for GWT

(http://www.cypal.in/studio)
 GWT (http:/code.google.com/intl/de-DE/
webtoolkit)
13
03/08/2009 Hans Sowa

14. further Demos
14
03/08/2009 Hans Sowa

15. Questions?
15
03/08/2009 Hans Sowa