My presentation about Google Web Toolkit on Java User MeetUp, May 8th 2010.

1. Introduction to Google Web Toolkit
part-1
Muhammad “Ghanoz” Ghazali
1
JUG Bandung board member

2. Who am I?
● Muhammad Ghazali a.k.a. Ghanoz
● JUG Bandung board member
● Mahasiswa “tingkat akhir” Teknik Informatika
Universitas Widyatama
● Ketua himpunan mahasiswa teknik informatika
Universitas Widyatama
● OSUM leader Universitas Widyatama
2

3. GWT
(Google Web Toolkit)
3

4. Agenda
➔ What is GWT
➔ Why GWT
➔ GWT can do what
➔ Development Workflow
➔ Major GWT components
➔ GWT app run mode
➔ Available widgets
➔ GWT plugins for IDEs
➔ Getting Started
4
➔ Resources

5. What is GWT
5

6. Apa itu GWT
● Web app framework
● toolkit for building and optimizing complex
browser-based applications
6

7. Why GWT
7

8. Why GWT
➔ GWT handles all cross-browser issues for the
developer.
➔ Optimize the JavaScript script downloads based on
user profile
➔ Google Web Toolkit is open source software
8

9. GWT can do what
9

10. GWT can do what
➔ Help you to create an ajax-based web app using Java
➔ Avoid you to write a JavaScript code to create a cool web
app
➔ Give web app the feel of dektop app
10

11. Development workflow
11

12. Development workflow
➔ Edit Java code, then view changes immediately without re-
compiling
➔ Step through live AJAX code with your Java debugger
➔ Compile and deploy optimized, cross-browser JavaScript
12

13. Major GWT components
13

14. Major GWT components
➔ GWT Java-to-JavaScript Compiler
Java → JavaScript
➔ GWT Hosted Web Browser
run and execute app in hosted mode, commonly used for
debugging
➔ JRE emulation library
JavaScript implementations of the commonly used classes in
the Java standard class library
➔ GWT Web UI class library
14
A set of custom interfaces and classes for creating widgets.

15. GWT app run mode
15

16. GWT app run mode
● Hosted mode
Run as Java bytecode (within JVM). Used for development,
supporting hot swapping of code and debugging.
● Web mode
The app run as pure JavaScript and HTML. Used for
deployment.
16

17. Available widgets
17

18. Available widgets
● HTML primitives (Button, Radio Button, Checkbox,
TextBox, PasswordTextBox, TextArea, Hyperlink, ListBox,
Table etc.)
● PushButton, ToggleButton
● MenuBar
● Tree
● TabBar
● DialogBox
●
18

19. Available widgets
● Panels (PopupPanel, StackPanel, HorizontalPanel,
VerticalPanel, FlowPanel, VerticalSplitPanel,
HorizontalSplitPanel, DockPanel, TabPanel,
DisclosurePanel)
● RichTextArea
● SuggestBox (auto-complete)
19

20. Available widgets
20

21. Available widgets
21

22. GWT plugin for IDEs
22

23. GWT plugin for IDEs
● GWT4NB for NetBeans
https://gwt4nb.dev.java.net/
● Cypal Studio for GWT
http://code.google.com/p/cypal-studio/
● Eclipse
http://code.google.com/eclipse/
23

24. Getting Started
24

25. Getting started
● Download GWT:
http://code.google.com/webtoolkit/download.html
● GWT starting guide
http://code.google.com/webtoolkit/documentation/
● GWT tutorial
http://code.google.com/webtoolkit/doc/latest/tutorial/
● GWT FAQs
http://code.google.com/support/bin/topic.py?topic=10034
25

26. Resources
26

27. Resource
● GWT homepage
http://code.google.com/webtoolkit/
● GWT starting guide
http://code.google.com/webtoolkit/documentation/
● GWT FAQs
http://code.google.com/support/bin/topic.py?topic=10034
● GWT official Blog
http://googlewebtoolkit.blogspot.com/
27

28. Resource
● GWT application examples
http://code.google.com/webtoolkit/examples/
● GWT 2.0 Developers Guide
http://code.google.com/webtoolkit/doc/latest/DevGuide.html
● Coding Basic
http://code.google.com/webtoolkit/doc/latest/DevGuideCodingBasics.html
● GWT official tutorial:
http://code.google.com/webtoolkit/doc/latest/tutorial/
28

29. Questions?
29

30. Let's keep in touch...
Blog: http://muhammadghazali.web.id/blog
Facebook: Muhammad Ghanoz Ghazali
Twitter: @muhghazali
Plurk: http://plurk.com/muhammadghazali
GoogleTalk: muhammadghazali2480
e-mail:
● muhammadghazali@netbeans.org
30

31. Thank You
:)
31