Your SlideShare is downloading. ×
0
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Introduction to Google Web Toolkit - part 1
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Introduction to Google Web Toolkit - part 1

2,463

Published on

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

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,463
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
72
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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

×