SlideShare a Scribd company logo
How to start using
Google Web Toolkit (GWT)
Alline Watkins & June Clarke
http://code.google.com/intl/en/webtoolkit/overview.html
By GWT Web Page:
Google Web Toolkit (GWT) is a development toolkit for
building and optimizing complex browser-based
applications. Its goal is to enable productive
development of high-performance web applications
without the developer having to be an expert in browser
quirks, XMLHttpRequest, and JavaScript. GWT is used
by many products at Google, including Google Wave and
the new version of AdWords. It's open source,
completely free, and used by thousands of developers
around the world.
Installation: Google Plug-in for Eclipse
http://code.google.com/intl/en/eclipse/index.html
Create New
GWT Project
Our Application Example - Tic Tac Toe Game
GWT Widgets Showcase
http://gwt.google.com/samples/Showcase/Showcase.html
Vertical/Horizontal Panel
Grid
Label
HTML Panel
Mouse Events
Asynchronous Calls
RPC's
GWT Browser Plug-in
GWT Browser Plug-in & Debug Mode
The MVP
Architecture
Event Handler
Anchor anchorTest = new Anchor("Test");
anchorTest.addClickHandler(new ClickHandler() {
@Override
public void onClick(ClickEvent event) {
// TODO Auto-generated method stub
}
});
AJAX web application model
Java components of the GWT RPC Mechanism
http://code.google.com/webtoolkit/doc/latest/tutorial/RPC.html
Asynchronous Calls
GreetingServiceAsync myService = GWT.create(GreetingService.class);
myService.myMethod( methodParameters , new AsyncCallback<String>() {
@Override
public void onSuccess(String result) {
// TODO Auto-generated method stub
}
@Override
public void onFailure(Throwable caught) {
// TODO Auto-generated method stub
}
});
Calling Web Services
RequestBuilder builder = new RequestBuilder(RequestBuilder.GET, url);
try {
Request request = builder.sendRequest(null, new RequestCallback() {
public void onError(Request request, Throwable exception) {
//displayError("Couldn't retrieve JSON");
}
public void onResponseReceived(Request request,
Response response) {
if (200 == response.getStatusCode()) {
// response.getText();
} else {
// response.getStatusText();
}
}
});
} catch (RequestException e) {
//displayError("Couldn't retrieve JSON");
}
The Final Application Example
alline.oliveira@gmail.com
joonspoon@joonspoon.com

More Related Content

PPTX
Modernising Android Architecture Using MVVM and Android Architecture Components
PDF
WebGL in Native Applications
PDF
Meteor Day Gothenburg
PDF
Firebase analytics event_201607
PDF
Huawei Appgallery & hms
PDF
Dmitry Buzinov - Drupal 8 & VueJS: Integration of modern javascript frameworks.
PDF
Google App Engine Developer - Day1
PDF
PowerUp Grails Web Development with OpenShift
Modernising Android Architecture Using MVVM and Android Architecture Components
WebGL in Native Applications
Meteor Day Gothenburg
Firebase analytics event_201607
Huawei Appgallery & hms
Dmitry Buzinov - Drupal 8 & VueJS: Integration of modern javascript frameworks.
Google App Engine Developer - Day1
PowerUp Grails Web Development with OpenShift

What's hot (20)

PPT
First8 / AMIS Google Glass scanner development
PDF
Google App Engine JAX PaaS Parade 2013
PDF
Javascript as a target language - GWT kickoff - part1/2
PDF
WebKit-powered HTML overlays in your pipeline with GstWPE (GStreamer Conferen...
PPTX
Android - What's new?
PPTX
What does it cost to develop an app
PPTX
Oleksandr Loktionov - Agile in a nutshell
PDF
Developing Inside the Cloud
PDF
WebAR - "Build once, deploy anywhere"
PDF
React and Web Performance
PPTX
Action on google with Drupal
PDF
PWA with Kotlin
PPTX
Workshop Gitogether Intermediate
PDF
2013-03-07 indie developer toolkit
PDF
20150511 Meteor Angular
PDF
Gitlab CI + GAE Autodeploy
PDF
Adaptation: Iot is Art
PDF
Meteor - building an email client
PDF
MongoDB World 2018: PWAs & Polymer: Let's Prototype a Modern Web App!
PDF
Web.dev extended : What's new in Web [GDG Taichung]
First8 / AMIS Google Glass scanner development
Google App Engine JAX PaaS Parade 2013
Javascript as a target language - GWT kickoff - part1/2
WebKit-powered HTML overlays in your pipeline with GstWPE (GStreamer Conferen...
Android - What's new?
What does it cost to develop an app
Oleksandr Loktionov - Agile in a nutshell
Developing Inside the Cloud
WebAR - "Build once, deploy anywhere"
React and Web Performance
Action on google with Drupal
PWA with Kotlin
Workshop Gitogether Intermediate
2013-03-07 indie developer toolkit
20150511 Meteor Angular
Gitlab CI + GAE Autodeploy
Adaptation: Iot is Art
Meteor - building an email client
MongoDB World 2018: PWAs & Polymer: Let's Prototype a Modern Web App!
Web.dev extended : What's new in Web [GDG Taichung]
Ad

Viewers also liked (9)

PDF
Oinarriak bilin eusk 13 ekokaleak
PPTX
CrowdLoud SW DEMO
PDF
ラトビアの生活とZabbix 2.0 & カンファレンスの話
PDF
Oinarriak eusk 13
PDF
Krisia. proiektua.gaztelupe
PDF
My first
PDF
המצגת הראשונה של יצחק
PDF
My first
Oinarriak bilin eusk 13 ekokaleak
CrowdLoud SW DEMO
ラトビアの生活とZabbix 2.0 & カンファレンスの話
Oinarriak eusk 13
Krisia. proiektua.gaztelupe
My first
המצגת הראשונה של יצחק
My first
Ad

Similar to How to start with Google Web Toolkit (20)

PPT
Google Web Toolkit
PPT
Introduction to Google Web Toolkit
PPT
GWT + Gears : The browser is the platform
PPT
GWT Training - Session 1/3
PDF
GWT - AppDays - (25 aprile 2014, pordenone)
PDF
HTML5 on the AGL demo platform with Chromium and WAM (AGL AMM March 2021)
PPTX
Google web toolkit ( Gwt )
PDF
GWT - Building Rich Internet Applications Using OO Tools
PPT
SF JUG - GWT Can Help You Create Amazing Apps - 2009-10-13
PDF
Gwt kickoff - Alberto Mancini & Francesca Tosi
PPT
Introduzione a Gwt
PDF
DIY: Computer Vision with GWT.
PDF
DIY- computer vision with GWT
PDF
GWT training session 1
PPTX
CiklumJavaSat15112011:Andrew Mormysh-GWT features overview
PDF
Google Web Toolkit
PPT
Gwt Presentation 1
PDF
Java Web Programming on Google Cloud Platform [3/3] : Google Web Toolkit
PDF
Javascript as a target language - GWT KickOff - Part 2/2
PPTX
GWT Quick Start
Google Web Toolkit
Introduction to Google Web Toolkit
GWT + Gears : The browser is the platform
GWT Training - Session 1/3
GWT - AppDays - (25 aprile 2014, pordenone)
HTML5 on the AGL demo platform with Chromium and WAM (AGL AMM March 2021)
Google web toolkit ( Gwt )
GWT - Building Rich Internet Applications Using OO Tools
SF JUG - GWT Can Help You Create Amazing Apps - 2009-10-13
Gwt kickoff - Alberto Mancini & Francesca Tosi
Introduzione a Gwt
DIY: Computer Vision with GWT.
DIY- computer vision with GWT
GWT training session 1
CiklumJavaSat15112011:Andrew Mormysh-GWT features overview
Google Web Toolkit
Gwt Presentation 1
Java Web Programming on Google Cloud Platform [3/3] : Google Web Toolkit
Javascript as a target language - GWT KickOff - Part 2/2
GWT Quick Start

More from Alline Oliveira (7)

PDF
Lean xpress
PDF
User driven development
PPT
Developing UNCERTAIN Software
PPT
Ubiquitous Language - Portugues
PPT
Live Source - Brasil
PPT
Live Source - an Agile Toolkit
PPT
Ubiquitous Language
Lean xpress
User driven development
Developing UNCERTAIN Software
Ubiquitous Language - Portugues
Live Source - Brasil
Live Source - an Agile Toolkit
Ubiquitous Language

Recently uploaded (20)

PDF
Insiders guide to clinical Medicine.pdf
PPTX
Microbial diseases, their pathogenesis and prophylaxis
PDF
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PDF
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
PPTX
GDM (1) (1).pptx small presentation for students
PDF
Microbial disease of the cardiovascular and lymphatic systems
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
Complications of Minimal Access Surgery at WLH
PPTX
master seminar digital applications in india
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PPTX
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
PPTX
Pharma ospi slides which help in ospi learning
PDF
Computing-Curriculum for Schools in Ghana
PDF
01-Introduction-to-Information-Management.pdf
PDF
Classroom Observation Tools for Teachers
PPTX
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
PPTX
Renaissance Architecture: A Journey from Faith to Humanism
Insiders guide to clinical Medicine.pdf
Microbial diseases, their pathogenesis and prophylaxis
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
2.FourierTransform-ShortQuestionswithAnswers.pdf
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
GDM (1) (1).pptx small presentation for students
Microbial disease of the cardiovascular and lymphatic systems
O5-L3 Freight Transport Ops (International) V1.pdf
Complications of Minimal Access Surgery at WLH
master seminar digital applications in india
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
Abdominal Access Techniques with Prof. Dr. R K Mishra
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
Pharma ospi slides which help in ospi learning
Computing-Curriculum for Schools in Ghana
01-Introduction-to-Information-Management.pdf
Classroom Observation Tools for Teachers
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
Renaissance Architecture: A Journey from Faith to Humanism

How to start with Google Web Toolkit