Getting started with gwt

1. May 7th 2014 - Tunisia
Hands on GWT

2. Haifa NASRI
Software Engineering Student @INSAT
Organizer @GDG Women Tunis
Co-founder &Workshop Manager @INSAT Google Club
ennasri.h@gmail.com

3. Agenda
1. Ajax
2. Introduction
3. The main principles
4. advantages
5. GWT in a few figures
6. GWT in action ... !

4. AJAX
HTML & CSS
XMLHttpRequest
XML
JavaScript

5. GWT 1.0
May 16, 2006
GWT 2.6
Janvier 2014
GWT : HistoryGWT : History
Open Source Project !

6. From the beginning, a strong community ...
GWT : History

7. Most Google services are coded with GWT such as :
GWT : History

8. ?
WHY GWT ?

9. Solution : Generate JavaScript code from Java code

10. WhyJAVA ?

11. WhyJAVA ?

12. What is GWT?

13. The main principles
Part Client: Java code is compiled into the final javascript and running
in a browser
- only libraries and JAVA APIs that can be compiled to javascript are
used in the client side
- partial emulation of the JRE(java.lang.* , Java.util.* ..

14. The main principles
GWT application can run in two modes :
● Developement Mode: used to test the application in the
browser without the need to compile javascript
● Production Mode : the application is translated into
HTML and Javascript code and can be deployed to a
web server

15. The main principles
Widgets :
Many extension Libraries :SmartGWT , Sencha GXT &
Vaadin ..
● JAVA :Generate UI Widgets from JAVA code
(Similar to programming SWING)
● UI Binder: based on XML files
● GWT Designer: drag and drop, JAVA code
automatically generate

17. The main principles
RPC Remote Service:
● Asynchronous Calls!
● Based on the java servlet architecture
● GWT-RPC services are not some as web services

18. advantages

19. EASY !

20. FAST !

21. BEAUTIFULL !

22. GWT in a few figures ..
From The Future of GWT Report 2013

28. Install GWT
● install the GWT plugin for Eclipse:

30. GWT in Action …
Samples:
http://www.gwtproject.org/examples.html
Showcase :
http://gwt.googleusercontent.com/samples/Showcase/Sho
wcase.html#!CwCheckBox
GWT Gallery :
http://www.gwtproject.org/doc/latest/RefWidgetGallery.html

31. Demo ..

32. Q/A