Your SlideShare is downloading. ×
0
GWT         HTML5
                                   @tan_go238




Friday, September 17, 2010
Agenda




Friday, September 17, 2010
Agenda




Friday, September 17, 2010
GWT?




                                    Compile
                             Java             JavaScript


Friday, Se...
Agenda




Friday, September 17, 2010
ex) ImageResource, Inliner




Friday, September 17, 2010
Friday, September 17, 2010
Agenda




Friday, September 17, 2010
Friday, September 17, 2010
Friday, September 17, 2010
“Deferred Binding is Google Web Toolkit's answer to
        Java reflection.”

                             http://code.goo...
http://www.youtube.com/watch?v=nvti32k4xyU



                    Your Code         Download exactly what you           Yo...
private static final PopupImpl impl = GWT.create(PopupImpl.class);

    <module>
      <!-- Fall through to this rule is t...
Friday, September 17, 2010
           Button b = new Button("Click me", new ClickHandler() {
                               public void onClick(Click...
Host Page (Module.html)


                                           Selection Script
                                    ...
Friday, September 17, 2010
Friday, September 17, 2010
Friday, September 17, 2010
Agenda




Friday, September 17, 2010
http://code.google.com/webtoolkit/usingeclipse.html




Friday, September 17, 2010
1. File→New→Web Application Project
  2. Project name            gwtdemo
  3. Use Google Web Toolkit
       Use Google App...
1.
    Run As → Web Application

   2.                        URL   http://127.0.0.1:8888/Gwtdemo.html?gwt.codesvr=127.0.0...
1.

           2.                Entry Point   Compile




Friday, September 17, 2010
Agenda




Friday, September 17, 2010
Friday, September 17, 2010
Friday, September 17, 2010
Friday, September 17, 2010
Friday, September 17, 2010
Friday, September 17, 2010
http://code.google.com/events/io/2010/sessions/gwt-html5.html




Friday, September 17, 2010
Friday, September 17, 2010
Friday, September 17, 2010
http://code.google.com/events/io/2010/sessions/gwt-html5.html

Friday, September 17, 2010
Friday, September 17, 2010
Friday, September 17, 2010
Friday, September 17, 2010
Friday, September 17, 2010
Friday, September 17, 2010
Google Web Toolkit

                  http://code.google.com/webtoolkit/overview.html


             Google I/O 2010 Sessi...
Friday, September 17, 2010
Upcoming SlideShare
Loading in...5
×

GWT♥HTML5

1,436

Published on

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

No Downloads
Views
Total Views
1,436
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
13
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×