GWT♥HTML5

1,682 views
1,605 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,682
On SlideShare
0
From Embeds
0
Number of Embeds
97
Actions
Shares
0
Downloads
14
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

GWT♥HTML5

  1. 1. GWT HTML5 @tan_go238 Friday, September 17, 2010
  2. 2. Agenda Friday, September 17, 2010
  3. 3. Agenda Friday, September 17, 2010
  4. 4. GWT? Compile Java JavaScript Friday, September 17, 2010
  5. 5. Agenda Friday, September 17, 2010
  6. 6. ex) ImageResource, Inliner Friday, September 17, 2010
  7. 7. Friday, September 17, 2010
  8. 8. Agenda Friday, September 17, 2010
  9. 9. Friday, September 17, 2010
  10. 10. Friday, September 17, 2010
  11. 11. “Deferred Binding is Google Web Toolkit's answer to Java reflection.” http://code.google.com/webtoolkit/doc/1.6/FAQ_Client.html#What_is_Deferred_Binding? Friday, September 17, 2010
  12. 12. http://www.youtube.com/watch?v=nvti32k4xyU Your Code Download exactly what you Your Code need in a single, optimized, can’t-go-wrong chunk FireFox 1.0.x IE6 en_US en_UK Single Java 1D04ADDA.cache.html Code Base 15F361B8.cache.html Your Code Your Code Then cache it on the client Safari 2.0.x until the sun explodes Opera 9 fr_FR fr_CA 7EFE4D24.cache.html D415D917.cache.html Friday, September 17, 2010
  13. 13. private static final PopupImpl impl = GWT.create(PopupImpl.class); <module>   <!-- Fall through to this rule is the browser isn't IE or Mozilla -->   <replace-with class="com.google.gwt.user.client.ui.impl.PopupImpl">     <when-type-is class="com.google.gwt.user.client.ui.impl.PopupImpl"/>   </replace-with>   <!-- Mozilla needs a different implementation due to issue #410 -->   <replace-with class="com.google.gwt.user.client.ui.impl.PopupImplMozilla">     <when-type-is class="com.google.gwt.user.client.ui.impl.PopupImpl" />     <any>       <when-property-is name="user.agent" value="gecko"/>       <when-property-is name="user.agent" value="gecko1_8" />     </any>   </replace-with>   <!-- IE has a completely different popup implementation -->   <replace-with class="com.google.gwt.user.client.ui.impl.PopupImplIE6">     <when-type-is class="com.google.gwt.user.client.ui.impl.PopupImpl"/>     <when-property-is name="user.agent" value="ie6" />   </replace-with> </module> Friday, September 17, 2010
  14. 14. Friday, September 17, 2010
  15. 15.     Button b = new Button("Click me", new ClickHandler() {       public void onClick(ClickEvent event) {         GWT.runAsync(new RunAsyncCallback() {           public void onFailure(Throwable caught) {             Window.alert("Code download failed");           }           public void onSuccess() {             Window.alert("Hello, AJAX");           }         });       }     }); Friday, September 17, 2010
  16. 16. Host Page (Module.html) Selection Script (module.nocache.html) Permutation Script Browser (Strongly-named.cache.html) Server onload Module starts running runAsync Fragments Friday, September 17, 2010
  17. 17. Friday, September 17, 2010
  18. 18. Friday, September 17, 2010
  19. 19. Friday, September 17, 2010
  20. 20. Agenda Friday, September 17, 2010
  21. 21. http://code.google.com/webtoolkit/usingeclipse.html Friday, September 17, 2010
  22. 22. 1. File→New→Web Application Project 2. Project name gwtdemo 3. Use Google Web Toolkit Use Google App Engine Finish ※Google App Engine Friday, September 17, 2010
  23. 23. 1. Run As → Web Application 2. URL http://127.0.0.1:8888/Gwtdemo.html?gwt.codesvr=127.0.0.1:9997 ※ Friday, September 17, 2010
  24. 24. 1. 2. Entry Point Compile Friday, September 17, 2010
  25. 25. Agenda Friday, September 17, 2010
  26. 26. Friday, September 17, 2010
  27. 27. Friday, September 17, 2010
  28. 28. Friday, September 17, 2010
  29. 29. Friday, September 17, 2010
  30. 30. Friday, September 17, 2010
  31. 31. http://code.google.com/events/io/2010/sessions/gwt-html5.html Friday, September 17, 2010
  32. 32. Friday, September 17, 2010
  33. 33. Friday, September 17, 2010
  34. 34. http://code.google.com/events/io/2010/sessions/gwt-html5.html Friday, September 17, 2010
  35. 35. Friday, September 17, 2010
  36. 36. Friday, September 17, 2010
  37. 37. Friday, September 17, 2010
  38. 38. Friday, September 17, 2010
  39. 39. Friday, September 17, 2010
  40. 40. Google Web Toolkit http://code.google.com/webtoolkit/overview.html Google I/O 2010 Sessions http://code.google.com/events/io/2010/sessions.html#GWT Friday, September 17, 2010
  41. 41. Friday, September 17, 2010

×