Creating Google gadgets with GWT - tutorial part 1

Create a new GWT/AppEngine project






Modify SimpleGadget.gwt.xml file:


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 rename-to='simplegadget'>


  <inherits name="com.google.gwt.user.User" />
  <inherits name="com.google.gwt.gadgets.Gadgets" />
  <inherits name="com.google.gwt.http.HTTP" /> 
  <stylesheet src="hello.css" /> 

  <entry-point class='com.taktico.simplegadget.client.SimpleGadget'/>
module>












Modify SimpleGadget.java


package com.taktico.simplegadget.client;

import com.google.gwt.gadgets.client.Gadget;
import com.google.gwt.gadgets.client.UserPreferences;
import com.google.gwt.gadgets.client.Gadget.ModulePrefs;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.RootPanel;

@ModulePrefs(title = "SimpleGadget", author = "Uki D. Lucas", author_email = "UkiDLucas@mac.com")
public class SimpleGadget extends Gadget
{
    @Override
    protected void init(UserPreferences preferences)
    {
RootPanel.get().add(new Label("Hello World!"));
    }
}






Modify SimpleGadget.html


DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link type="text/css" rel="stylesheet" href="SimpleGadget.css">
    <title>Web Application Starter Projecttitle>
    <script type="text/javascript" language="javascript" src="simplegadget/simplegadget.nocache.js">script>
  head>
  <body>
  body>
html>











Add gwt-gadgets.jar to your project









Compile the project









Post (deploy) the compiled directory on the Web (e.g. iDisk)





Open iGoogle -> Add Stuff -> Add feed or gadget -> paste your deployed gadget URL
http://homepage.mac.com/ukidlucas/google_gadgets/simplegadget/com.taktico.simplegadget.client.SimpleGadget.gadget.xml



Finished SimpleGadget in iGoogle





As an Amazon Associate I earn from qualifying purchases.

4 comments:

  1. Please leave a polite comment if you develop GWT gadgets!

    ReplyDelete
  2. hi how to get that gwt-gadget.jar from where do i get this jar file?

    ReplyDelete
  3. For some reason I get:

    Compiling module com.taktico.simplegadget.SimpleGadget
    Computing all possible rebind results for 'com.taktico.simplegadget.client.SimpleGadget'
    Rebinding com.taktico.simplegadget.client.SimpleGadget
    Invoking com.google.gwt.dev.javac.StandardGeneratorContext@13fce4d
    [ERROR] Unable to find Gadget in type hierarchy


    Maybe it has to do with the fact I'm using GWT 2.0

    ReplyDelete
  4. What do you mean by deploying to the Web? I deployed my program using Google App Engine, how do I upload them to the Web?

    Thanks,
    Darshana

    ReplyDelete

Post Scriptum

The views in this article are mine and do not reflect those of my employer.
I am preparing to cancel the subscription to the e-mail newsletter that sends my articles.
Follow me on:
X.com (Twitter)
LinkedIn
Google Scholar

Popular Recent Posts

Most Popular Articles

apt quotation..