Google Web Toolkit An Open Handset Alliance Project
Overview <ul><li>What is Google Web Toolkit? </li></ul><ul><li>GWT Architecture. </li></ul><ul><li>Why use GWT? </li></ul>...
What is Google Web Toolkit ? <ul><li>An open source Java development framework that lets you escape the matrix of technolo...
What is Google Web Toolkit
Google Web Toolkit Architecture <ul><li>GWT has four major components: a Java-to-JavaScript compiler, a &quot;hosted&quot;...
Why Use Google Web Toolkit <ul><li>High performance JavaScript . </li></ul><ul><li>GWT produces AJAX apps that: </li></ul>...
Why Use Google Web Toolkit <ul><li>Better development tools . </li></ul><ul><li>Since you're writing in Java, you can use:...
Why Use Google Web Toolkit Google APIs & reusable UI Components. GWT comes equipped with useful libraries: * Built-in UI c...
Using Google Web Toolkit projectCreator -eclipse [projectName] -out [dir] 1. Download Google Web Toolkit (we are using 1.5...
GWT File Structures Under the client folder : DemoGWT.java DemoGWT.gwt.xml Under the public folder : DemoGWT.html DemoGWT....
Showcasing Features Google Web Toolkit Features “ Faster AJAX than you can write by hand”
Demonstration GWT RPC
Upcoming SlideShare
Loading in …5
×

Google Web Toolkit

1,068 views
1,027 views

Published on

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

No Downloads
Views
Total views
1,068
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
29
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Google Web Toolkit

  1. 1. Google Web Toolkit An Open Handset Alliance Project
  2. 2. Overview <ul><li>What is Google Web Toolkit? </li></ul><ul><li>GWT Architecture. </li></ul><ul><li>Why use GWT? </li></ul><ul><li>Using GWT </li></ul><ul><li>GWT File Structure. </li></ul><ul><li>GWT Features. </li></ul><ul><li>GWT RPC Demonstration. </li></ul>
  3. 3. What is Google Web Toolkit ? <ul><li>An open source Java development framework that lets you escape the matrix of technologies that make writing AJAX applications so difficult and error prone. </li></ul><ul><li>You can develop and debug AJAX applications in the Java language using the Java development tools of your choice. </li></ul><ul><li>When you deploy your application to production, the GWT compiler translates your Java application to browser-compliant JavaScript and HTML. </li></ul>
  4. 4. What is Google Web Toolkit
  5. 5. Google Web Toolkit Architecture <ul><li>GWT has four major components: a Java-to-JavaScript compiler, a &quot;hosted&quot; web browser, and two Java class libraries: </li></ul>
  6. 6. Why Use Google Web Toolkit <ul><li>High performance JavaScript . </li></ul><ul><li>GWT produces AJAX apps that: </li></ul><ul><li>* Load faster than hand-written JavaScript apps </li></ul><ul><li>* Use smaller, more compact, cacheable code </li></ul><ul><li>* Automatically support IE, Firefox, Mozilla, Safari, and Opera </li></ul><ul><li>* Use the browser's &quot;back&quot; button correctly </li></ul>
  7. 7. Why Use Google Web Toolkit <ul><li>Better development tools . </li></ul><ul><li>Since you're writing in Java, you can use: </li></ul><ul><li>* IDEs that you love like Eclipse, IntelliJ, and NetBeans </li></ul><ul><li>* Full-featured debugging, with variable watches and breakpoints </li></ul><ul><li>* Unit tests (based on JUnit) both in a debugger and in a browser </li></ul>
  8. 8. Why Use Google Web Toolkit Google APIs & reusable UI Components. GWT comes equipped with useful libraries: * Built-in UI components serve as cross-browser building blocks for your app * RPC helps with client-server interaction * JavaScript Native Interface (JSNI) simplifies integrating GWT code with existing JavaScript code
  9. 9. Using Google Web Toolkit projectCreator -eclipse [projectName] -out [dir] 1. Download Google Web Toolkit (we are using 1.5 RC1 for this Demo) 3. Create a Project using projectCreator (if you are using Eclipse, if not omit this step) 4. Generate GWT files and directories using applicationCreator (you can omit the -eclipse if you are using a different IDE) applicationCreator -eclipse [projectName] [packages.client.urClass] -out [dir] 2. Set Environment variables under User > PATH > add the directory of GWT * for using other IDE just make a directory and use it for the applicationCreator to which it will generate the files inside this directory
  10. 10. GWT File Structures Under the client folder : DemoGWT.java DemoGWT.gwt.xml Under the public folder : DemoGWT.html DemoGWT.css *optional for styling Under the root project : DemoGWT-compile DemoGWT-shell DemoGWT.launch
  11. 11. Showcasing Features Google Web Toolkit Features “ Faster AJAX than you can write by hand”
  12. 12. Demonstration GWT RPC

×