Downloaded 14 times
Uploaded byGo Tanaka
GWT♥HTML5
This document discusses Google Web Toolkit (GWT) and HTML5. It provides an agenda for a presentation that includes discussing what GWT is, how it compiles Java code to JavaScript, and its features like deferred binding. It then covers how GWT supports HTML5 features and discusses a session from Google I/O 2010 about GWT and HTML5. Key links are provided about GWT, the I/O session, and using GWT in Eclipse.
More Related Content
![Java Web Programming on Google Cloud Platform [3/3] : Google Web Toolkit](https://cdn.slidesharecdn.com/ss_thumbnails/gae-chapter3-130106064505-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
GWT♥HTML5
- 1. GWT HTML5 @tan_go238 Friday, September 17, 2010
- 2.
- 3.
- 4. GWT? Compile Java JavaScript Friday, September 17, 2010
- 5.
- 6. ex) ImageResource, Inliner Friday,September 17, 2010
- 7.
- 8.
- 9.
- 10.
- 11. “Deferred Binding isGoogle 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. 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. private static finalPopupImpl 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.
- 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. 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.
- 18.
- 19.
- 20.
- 21.
- 22. 1. File→New→Web ApplicationProject 2. Project name gwtdemo 3. Use Google Web Toolkit Use Google App Engine Finish ※Google App Engine Friday, September 17, 2010
- 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. 1. 2. Entry Point Compile Friday, September 17, 2010
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 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.