GWT <ul><li>Google Web Toolkit </li></ul><ul><li>Tech Z‘Nüni Brief #1 </li></ul><ul><li>TOC </li></ul><ul><li>Intro </li><...
Intro
Advantages <ul><li>GWT  </li></ul><ul><li>Web 2.0 </li></ul><ul><li>Java-to-JavaScript compiler </li></ul><ul><li>Debugger...
Build a Project
Build a Project
Build a Project Click!
Build a Project Click!
Build a Project Crypty Files: for each Locale and Browser Type
Compatible Clients
Samples <ul><li>First Impression </li></ul><ul><ul><li>Dyna Table  </li></ul></ul><ul><ul><li>Kitchen  Sink  (Lists, Popup...
Components
GWT Compiler <ul><li>Three style modes: </li></ul><ul><li>Obfuscate  (compact) </li></ul><ul><li>Pretty  (methods) </li></...
GWT Compiler <ul><li>Bytecode won‘t work ! </li></ul><ul><li>Needs alle Java classes as Sourcecode </li></ul><ul><ul><li>J...
GWT Compiler <ul><li>Code must be Java 1.4 syntax compatible </li></ul><ul><li>(can change in the future) </li></ul><ul><l...
JSNI <ul><li>Java Script Native Interface </li></ul><ul><ul><li>Browser API </li></ul></ul><ul><ul><li>Super cool 3p Javas...
JSNI <ul><ul><li>Basically JSNI can do calls  </li></ul></ul><ul><ul><li>From: </li></ul></ul>JS Java JSNI
JRE Emulation <ul><ul><li>Emulator differs slightly from Java Impl. </li></ul></ul><ul><ul><li>Java.lang.* </li></ul></ul>...
i18n <ul><ul><li>Two mechanisms </li></ul></ul>
Remote Procedure Calls <ul><ul><li>Privides two tools </li></ul></ul>Strings/ Xml Method invoke
XML Parser <ul><ul><li>DOM based XML Parser </li></ul></ul>
History <ul><ul><li>addHistoryListener  * </li></ul></ul>Definition: Token = Keywort that defines the Content changed Hist...
JUnit <ul><ul><li>Test Framework </li></ul></ul>
GWT Plugin <ul><li>Goto </li></ul><ul><li>Settings </li></ul><ul><li>IDE Settings </li></ul><ul><li>Google Web Toolkit </l...
GWT  and IDEA Quick steps through a IDEA Sample Project
GWT  and IDEA (Descriptor)
GWT  and IDEA (Hooks) (History) (Boot strap) (Entry point)
GWT  and IDEA (RemoteInterface for Client)
GWT  and IDEA (EntryPoint)
GWT  and IDEA (RemoteInterface on Server)
GWT  and IDEA (Implementation of Interface)
Appendix <ul><li>Home: http://code.google.com/webtoolkit / </li></ul><ul><li>FAQ‘s:  http://code.google.com/webtoolkit/faq...
Fragen <ul><li>..? </li></ul>
Upcoming SlideShare
Loading in …5
×

Google Web Toolkit

4,105 views

Published on

GWT - Google Web Toolkit tutorial, walk through

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

No Downloads
Views
Total views
4,105
On SlideShare
0
From Embeds
0
Number of Embeds
1,193
Actions
Shares
0
Downloads
111
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide
  • Test notiz….
  • Google Web Toolkit

    1. 1. GWT <ul><li>Google Web Toolkit </li></ul><ul><li>Tech Z‘Nüni Brief #1 </li></ul><ul><li>TOC </li></ul><ul><li>Intro </li></ul><ul><li>Advantages / What is it ? </li></ul><ul><li>The compiler </li></ul><ul><li>Live sample </li></ul><ul><li>Components </li></ul><ul><li>Idea Project and Plugin </li></ul><ul><li>Appendix </li></ul><ul><li>.. ? </li></ul>
    2. 2. Intro
    3. 3. Advantages <ul><li>GWT </li></ul><ul><li>Web 2.0 </li></ul><ul><li>Java-to-JavaScript compiler </li></ul><ul><li>Debugger </li></ul><ul><li>Basic procedure: </li></ul>
    4. 4. Build a Project
    5. 5. Build a Project
    6. 6. Build a Project Click!
    7. 7. Build a Project Click!
    8. 8. Build a Project Crypty Files: for each Locale and Browser Type
    9. 9. Compatible Clients
    10. 10. Samples <ul><li>First Impression </li></ul><ul><ul><li>Dyna Table </li></ul></ul><ul><ul><li>Kitchen Sink (Lists, Popups) </li></ul></ul><ul><ul><li>Simple Xml (Formating Xml) </li></ul></ul><ul><ul><li>Mail </li></ul></ul>
    11. 11. Components
    12. 12. GWT Compiler <ul><li>Three style modes: </li></ul><ul><li>Obfuscate (compact) </li></ul><ul><li>Pretty (methods) </li></ul><ul><li>Detailed (meth. & qualified class name) e.g. function java_lang_Object_toString__(){… </li></ul>
    13. 13. GWT Compiler <ul><li>Bytecode won‘t work ! </li></ul><ul><li>Needs alle Java classes as Sourcecode </li></ul><ul><ul><li>JRE </li></ul></ul><ul><ul><li>3 Party Jars </li></ul></ul>
    14. 14. GWT Compiler <ul><li>Code must be Java 1.4 syntax compatible </li></ul><ul><li>(can change in the future) </li></ul><ul><li>Compiler generates for every: </li></ul><ul><ul><li>Browser type </li></ul></ul><ul><ul><li>Locale </li></ul></ul><ul><ul><ul><li>separate script </li></ul></ul></ul><ul><li>Bootstrap- script </li></ul><ul><li>Advantage: </li></ul><ul><li>minimize Bandwidth </li></ul><ul><li>Browser doesn‘t parse any used script code. </li></ul>
    15. 15. JSNI <ul><li>Java Script Native Interface </li></ul><ul><ul><li>Browser API </li></ul></ul><ul><ul><li>Super cool 3p Javascript Library </li></ul></ul><ul><ul><li>Basically JSNI can do calls </li></ul></ul><ul><ul><li>from Java -> JS -> Java </li></ul></ul>
    16. 16. JSNI <ul><ul><li>Basically JSNI can do calls </li></ul></ul><ul><ul><li>From: </li></ul></ul>JS Java JSNI
    17. 17. JRE Emulation <ul><ul><li>Emulator differs slightly from Java Impl. </li></ul></ul><ul><ul><li>Java.lang.* </li></ul></ul><ul><ul><li>Java.util.* </li></ul></ul><ul><ul><li>(basically: Datatypes, Exceptions, Collections) </li></ul></ul>
    18. 18. i18n <ul><ul><li>Two mechanisms </li></ul></ul>
    19. 19. Remote Procedure Calls <ul><ul><li>Privides two tools </li></ul></ul>Strings/ Xml Method invoke
    20. 20. XML Parser <ul><ul><li>DOM based XML Parser </li></ul></ul>
    21. 21. History <ul><ul><li>addHistoryListener * </li></ul></ul>Definition: Token = Keywort that defines the Content changed History newItem(token:String) History onHistoryChanged(token:String ) HistoryListener onHistoryChanged(token:String ) HistoryListenerImpl
    22. 22. JUnit <ul><ul><li>Test Framework </li></ul></ul>
    23. 23. GWT Plugin <ul><li>Goto </li></ul><ul><li>Settings </li></ul><ul><li>IDE Settings </li></ul><ul><li>Google Web Toolkit </li></ul>IDE Plugin in IDEA
    24. 24. GWT and IDEA Quick steps through a IDEA Sample Project
    25. 25. GWT and IDEA (Descriptor)
    26. 26. GWT and IDEA (Hooks) (History) (Boot strap) (Entry point)
    27. 27. GWT and IDEA (RemoteInterface for Client)
    28. 28. GWT and IDEA (EntryPoint)
    29. 29. GWT and IDEA (RemoteInterface on Server)
    30. 30. GWT and IDEA (Implementation of Interface)
    31. 31. Appendix <ul><li>Home: http://code.google.com/webtoolkit / </li></ul><ul><li>FAQ‘s: http://code.google.com/webtoolkit/faq.html </li></ul><ul><li>Download: http://code.google.com/webtoolkit/download.html </li></ul><ul><li>Other sites: http://www.gwtwidget.com / </li></ul>
    32. 32. Fragen <ul><li>..? </li></ul>

    ×