Introduction to Google Web Toolkit - part 1

2,774 views
2,696 views

Published on

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

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,774
On SlideShare
0
From Embeds
0
Number of Embeds
435
Actions
Shares
0
Downloads
78
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Introduction to Google Web Toolkit - part 1

  1. 1. Introduction to Google Web Toolkit part-1 Muhammad “Ghanoz” Ghazali 1 JUG Bandung board member
  2. 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. 3. GWT (Google Web Toolkit) 3
  4. 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. 5. What is GWT 5
  6. 6. Apa itu GWT ● Web app framework ● toolkit for building and optimizing complex browser-based applications 6
  7. 7. Why GWT 7
  8. 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. 9. GWT can do what 9
  10. 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. 11. Development workflow 11
  12. 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. 13. Major GWT components 13
  14. 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. 15. GWT app run mode 15
  16. 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. 17. Available widgets 17
  18. 18. Available widgets ● HTML primitives (Button, Radio Button, Checkbox, TextBox, PasswordTextBox, TextArea, Hyperlink, ListBox, Table etc.) ● PushButton, ToggleButton ● MenuBar ● Tree ● TabBar ● DialogBox ● 18
  19. 19. Available widgets ● Panels (PopupPanel, StackPanel, HorizontalPanel, VerticalPanel, FlowPanel, VerticalSplitPanel, HorizontalSplitPanel, DockPanel, TabPanel, DisclosurePanel) ● RichTextArea ● SuggestBox (auto-complete) 19
  20. 20. Available widgets 20
  21. 21. Available widgets 21
  22. 22. GWT plugin for IDEs 22
  23. 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. 24. Getting Started 24
  25. 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. 26. Resources 26
  27. 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. 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. 29. Questions? 29
  30. 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. 31. Thank You :) 31

×