GWT Quick Start provides an overview of Google Web Toolkit (GWT), an open source JavaScript compiler that allows developers to write client-side applications in Java and deploy them as JavaScript. The document discusses GWT's architecture, components, and tools. It then outlines the process for setting up an Eclipse environment for GWT development and implementing a sample "hello world" application to demonstrate GWT's capabilities. Resources for learning more about GWT documentation, implementation, and references are also listed.

1. GWT Quick StartAlbert Guojunyuo@gmail.com

2. OverviewArchitectureGWT ShowcaseDocumentationImplementationReferenceAgenda2

3. 3OverviewJava Javascript compiler (!)Dynamic, reusable UI componentsFast, responsive rich interfaceEasy on the developerApache v2.0 license

4. Overview – cont.GWT provides a comprehensive set of tools to meet the challenge of developing modern rich Internet applications. From UI components to configuration tools to server communication techniques, GWT’s tools help web apps look, act, and feel more like full-featured desktop apps.4

5. Architecture

6. Architecture –cont.Java Source CodeCSSJavaScriptGWT CompilerGWT Class Library

7. Cross browser, cross platform

8. Who's Using It?

9. http://ongwt.googlecode.com/svn/trunk/com.google.gwt.sample.showcase.Showcase/Showcase.htmlSmart GWT showcase – Rich widgets built using GWThttp://www.smartclient.com/smartgwt/showcase/GWT Showcase9

10. 10DocumentationGWT referenceDecent JavadocActive ForumonGWT.com, GWT SiteBooks

11. Implementation11

12. EnvironmentMac OS XGWT 2.0.3Eclipse 3.5JDK 612

13. Three way to create GWT Application13

14. Implementation Process14

15. Implementation Process15

16. Install the Pluginhttp://code.google.com/intl/zh-TW/webtoolkit/usingeclipse.html16

17. Install the Plugin – cont.17

18. Install the Plugin – cont.18

19. Install the Plugin – cont.19

20. Install the Plugin – cont.20

21. Install the Plugin – cont.Then restart your eclipse…21

22. Install the Plugin – cont.22

23. Implementation Process23

24. Create a GWT Web ApplicationDefine your project and package nameClick Finish button24

25. Create a GWT Web Application – cont.Project structure25

26. Implementation Process26

27. Run Demo ApplicationCompile GWT project27

28. Run Demo Application – cont.Run hello_gwtCheck Console tab to confirm if the server is ready to use or notClick Development Mode tab to copy the testing url28

29. Run Demo Application – cont.Click Send buttonShow this popup window29

30. Implementation Process30

31. Create a clean HTML page31

32. Create a clean HTML page – cont.Define file nameClick finish button32

33. Create a clean HTML page – cont.33

34. Implementation Process34

35. Start coding35Assign class nameImplement EntryPoint interfaceClick Finish button

36. 36

37. Start Coding – cont.Modifyconfig fileModify the entry point class37

38. 38Three main files

39. Implementation Process39

40. TestingCompile the GWT projectRun login.htmlClick compile button40

41. Testing – cont.Type in user name with incorrect password, and click Login button41

42. Testing – cont.Type in user name with correct password, and click Login button42

43. Testing – cont.Click Reset button to clear data43

44. http://code.google.com/intl/zh-TW/webtoolkit/usingeclipse.htmlBeginning Google Web Toolkit From Novice to Professionalhttp://apress.com/book/view/9781430210313GWT :http://code.google.com/webtoolkit/Forum :http://groups.google.com/group/Google-Web-ToolkitGWT Blog : http://googlewebtoolkit.blogspot.com/Reference44