GWT 2 Application Development Cookbook

Creating GWT Project in NetBeans

Setting up Ext GWT in NetBeans GWT Project

Creating GWT Project in Eclipse


Google Web Toolkit 2 Application Development Cookbook

Thursday, December 16, 2010

For Details https://www.packtpub.com/google-web-toolkit-2-application-development-cookbook/book

Over 70 simple but incredibly effective practical recipes to develop web applications using GWT with JPA , MySQL and iReport


Overview of Google Web Toolkit 2 Application Development Cookbook

  • Create impressive, complex browser-based web applications with GWT 2
  • Learn the most effective ways to create reports with parameters, variables, and subreports using iReport
  • Create Swing-like web-based GUIs using the Ext GWT class library
  • Develop applications using browser quirks, Javascript,HTML scriplets from scratch
  • Part of Packt's Cookbook series: Each recipe is a carefully organized sequence of instructions to complete the task as efficiently as possible

GWT 2 radically improves web experience for users by using existing Java tools to build no-compromise AJAX for any modern browser. It provides a solid platform so that other great libraries can be built on top of GWT. Creating web applications efficiently and making them impressive, however, is not as easy as it sounds. Writing web applications for multiple browsers can be quite tasking. In addition, building, reusing, and maintaining large JavaScript code bases and AJAX components can be difficult.

GWT 2 Application Development Cookbook eases these burdens by allowing developers to quickly build and maintain complex yet highly efficient JavaScript front-end applications in the Java programming language . It tells you how to make web experience all the more thrilling and hassle free, using various tools along with GWT SDK.

This book starts with developing an application from scratch. Right from creating the layout of the home page to home page elements including left and right sidebars, to placing tree like navigational menu, menu bars, tool bars, banners, footers are discussed with examples.

You will see how to create forms using the Ext GWT library widgets and handle different types of events. Then you will move on to see how to design a database for sales processing systems and learn to create the database in MySQL with the help of easy–to-follow recipes.

One of the interesting topics of this book is using JPA in GWT. Using the JPA object in GWT is a challenge. To use them perfectly, a mechanism to convert the JPA object into plain object and vice versa is required. You will see recipes to use entity classes, entity managers, and controller classes in GWT application. You will efficiently create reports with parameters, variables and subreports, and get the report output in both HTML and PDF format using real-world recipes.

You will then learn to configure the GlassFish server to deploy a GWT application with database. Finally, learn how to trace speed and improve perfomance in web applications using tracing techniques.

Create impressive web applications with tool bars, menus, multiple windows, and more with this step-by-step guide.

What you will learn from this book :

  • Set up and configure GWT SDK, GlassFish server, MySQL server, NetBeans, GWT4NB, Ext GWT , iReport plugins for developing the business application in GWT
  • Design a database for sales processing system in MySQL, back up and restore the database
  • Identify business entities and the relationships and constraints among them
  • Handle events such clicking on buttons, typing in text fields, selecting items in a combo box, selecting radios, selecting menus, and selecting toolbar icons
  • Manage entities using entity framework through Java Persistence API (JPA)
  • Use iReport for any GWT application to get the output of the reports in both HTML and PDF format
  • Create Graphical User Interface (GUI) for accepting user input and display information to the user using Ext GWT
  • Control communication between the server and client using GWTRPC mechanism
  • Create a WAR file for GWT application and deploy it in Glassfish server

Approach
The recipes in this book are in a straightforward and easy to follow format.The range of topics covered in this book will bring out the forward-thinking Java developer in you.

Who this book is written for
If you want to build AJAX web applications with GWT then this book is for you.
Developers with prior programming experience of Java development and object-oriented programming will find this book very useful.

For Details https://www.packtpub.com/google-web-toolkit-2-application-development-cookbook/book

Creating GWT Project in Eclipse

Wednesday, September 22, 2010

Getting Ready:

Before following this quick tutorial ensure that you have done the followings:
1.       Install the JDK. You can download it from http://www.oracle.com/technetwork/java/javase/downloads/index.html
2.       Install the Eclipse IDE. It can be downloaded from http://www.eclipse.org/downloads/
3.       Install the GWT SDK which is available for download at http://code.google.com/webtoolkit/download.html
4.       Install the Google Plugin for Eclipse as instructed at http://code.google.com/eclipse/docs/download.html


How to do it:

Now follow the steps below to create the GWT Project
1.       Start Eclipse IDE
2.       Go to File | New | Other…
3.       Select Web Application Project under Google


4.       Press Next
5.       Give Project Name HelloGWT; give a Package Name (in this example it is com.blogspot.gwtguide.eclipse.hello); select Use Google Web Toolkit



6.       If the GWT SDK is not configured, click on Configure SDKs… ; add the web toolkit and press OK to close the dialog


7.       Press Finish and the project is created.




Run the project and see output



You can download the sample project here.

Setting up Ext GWT in NetBeans GWT Project

Friday, May 14, 2010

Introduction: Ext GWT is a Java UI component library for building rich Internet applications with Google Web Toolkit.

Features of Ext GWT include:
  • High performance, customizable UI widgets
  • Full theming support with standard CSS
  • Well designed, consistent and fully documented source code
  • Native GWT solution with no external JavaScript or 3rd party libraries
  • Full remote procedure support using GWT RPC, JSON, and XML
  • Support for Java 1.5 features, including generics, enums, and varargs
  • Commercial and Open Source licenses available

Download: Ext GWT SDK is available to download at http://www.extjs.com/products/gwt/download.php

In this article we will learn how to setup the Ext GWT in NetBeans GWT project. If you have not created the GWT project in NetBeans yet, follow the post Creating GWT Project in NetBeans.

Follow the steps below:

1. Extract the downloaded EXT GWT SDK, for example gxt-2.1.1-gwt2.zip
2. Open the GWT-Guide project in NetBeans. You can download the sample project here.
3. Create a folder named lib in the GWT-Guide project. To do this, go to File | New File... | Other in Categories | Folder in File Types; press Next; give a name lib and press Finish.



4. Copy the gxt.jar file from gxt-2.1.1 folder and paste it in the lib folder created in the previous step. To do so go to Files tab | select the lib folder | right click on it | Paste.


5. Add the gxt.jar file in the project library. To do so go to Projects tab | select Libraries | right click on it | Add Jar/Folder... | select the gxt.jar file in the lib folder and Open.





6. In the same way copy the resources folder from gxt-2.1.1 folder and paste it in web folder in the project.

Now the project directory structure is as below:


7. Modify the GWT module. Include the text <inherits name="com.extjs.gxt.ui.GXT"/> under the <module/> in Main.gwt.xml file.

Complete code for the GWT module is as below:


<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE module PUBLIC "-//Google Inc.//DTD Google Web Toolkit 1.7.0//EN" "http://google-  web-toolkit.googlecode.com/svn/tags/1.7.0/distro-source/core/src/gwt-module.dtd">

<module>
      <inherits name="com.google.gwt.user.User"/>

      <inherits name="com.extjs.gxt.ui.GXT"/>
      <entry-point class="com.blogspot.gwtguide.client.MainEntryPoint"/>
      <!-- modify the entry point class package and name according to your entry point class -->

</module>


8. Modify the welcomeGWT.html file. Add <link rel="stylesheet" type="text/css" href="resources/css/gxt-all.css" /> under the <head> section.

The complete HTML code is :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta name='gwt:module' content='com.packtpub.gwt=com.packtpub.gwt'>
        <title>gwt
        <link rel="stylesheet" type="text/css" href="resources/css/gxt-all.css" />
    </head>
    <body>
        <script type="text/javascript"  src="com.packtpub.gwt/com.packtpub.gwt.nocache.js">
    </body>
</html>


That's all. Now start developing...good luck...

References:

1. Ext GWT Overview, available at http://www.extjs.com/products/gwt/

Creating GWT Project in NetBeans

Friday, April 30, 2010

If the GWT4NB plugin is already installed just directly follow the steps below, otherwise read GWT4NB : Plugin for Creating GWT Applications in NetBeans first.

1. Go to File | New Project...
2. Select Java Web from Categories and Web Application from Projects; press Next.


3.Give a Project Name, Browse the Project Location; press Next.


4. Select the Server, Java EE Version and write the Context Path; press Next.




5. Select Google Web Toolkit from Frameworks, Browse GWT Installation Folder, write name for GWT Module; press Finish.


GWT Project is now created.


You can download the created project here.

GWT4NB : Plugin for Creating GWT Applications in NetBeans

GWT4NB is a support plugin for NetBeans. The GWT4NB project aims to enable developers to take advantage of both: the superior support for creating Web Applications built into the NetBeans IDE and the power of GWT (Google Web Toolkit).

Functionalities provided by GWT4NB includes:

- Using GWT with new or existing web project
- Deployment, running and debugging GWT applications
- Assistance in code editing like creating RPC services.

Go to https://gwt4nb.dev.java.net/ to learn more about this Java tool. This article guides you to setup the plugin in NetBeans.

Download GWT4NB:

For downloading the plugin go to https://gwt4nb.dev.java.net/servlets/ProjectDocumentList?folderID=7081&expandFolder=7081&folderID=0 and download the latest stable version.

Install GWT4NB in NetBeans:

1. Go to Tools | Plugins | Downloaded
2. Click Add Plugins...
3. Open the plugin file which you downloaded earlier. Plugin file name is org-netbeans-modules-gwt4nb.nbm.

4. Then click install.| Next
5. Accept the terms in license agreement and press Install
6. If the Validation Warning is shown press Continue.
7. Press Finish | Close.

After installing the plugin you will get Google Web Toolkit Framework option will be added in the framework list. Now you can start building GWT application in NetBeans easily.
 

2009 ·GWT Guide by TNB