Skip to main content

By clicking Submit, you agree to the developerWorks terms of use.

The first time you sign into developerWorks, a profile is created for you. Select information in your developerWorks profile is displayed to the public, but you may edit the information at any time. Your first name, last name (unless you choose to hide them), and display name will accompany the content that you post.

All information submitted is secure.

  • Close [x]

The first time you sign in to developerWorks, a profile is created for you, so you need to choose a display name. Your display name accompanies the content you post on developerworks.

Please choose a display name between 3-31 characters. Your display name must be unique in the developerWorks community and should not be your email address for privacy reasons.

By clicking Submit, you agree to the developerWorks terms of use.

All information submitted is secure.

  • Close [x]

Select a language:

  • Close [x]
  • Close [x]

Building Google gadgets, Part 2: Working with the user interface

Learn techniques for creating a compelling user experience.

John Muchow (Technical.tutorials@gmail.com), Writer, 自由职业者
John Muchow has been immersed in software development since 1988, working in roles from developer to chief software architect to CTO. Since 2000, John has focused on mobile technology, and during this time has had the opportunity to work alongside many high profile businesses including Nokia, Sony Ericsson, Symbian, Sprint/Nextel, Sun Microsystems, among others. He is also the author of Core J2ME Technology a best-selling wireless developer book that is still published in several foreign languages. John writes about mobile technology, from the developer perspective, on his blog 360Mobile.us.

Summary:  Part 2 of the Building Google gadgets series introduces the advanced features of gadgets, including creating a tabbed user interface, drag and drop, and MiniMessages, and gets you started creating your own.

View more content in this series

Date:  22 May 2007
Level:  Intermediate
PDF:  A4 and Letter (388 KB | 35 pages)Get Adobe® Reader®

Activity:  10045 views
Comments:  

Before you start

The following offers some background information to help you make the most of this tutorial.

About this series

This series provides a solid foundation for you to begin writing your own Google gadgets.

About this tutorial

This tutorial is the second in a two-part series on creating Google gadgets. Part 1 built the foundation for gadgets, teaching you about data types and the specifics of the gadget XML file. This tutorial addresses the more advanced gadget features, including creating tabbed interfaces, adding drag-and-drop support, and displaying messages.

Objectives

In this tutorial, you'll be introduced to the programming APIs for various Google gadgets features, and you'll have a chance to view the code for several complete gadgets.

Prerequisites

This tutorial is written for developers who are familiar with XML, working application programming interfaces (APIs), and coding in JavaScript. To get the most from this tutorial, you should have a general familiarity with these concepts.

System requirements

To build and run the examples in this tutorial, you need nothing more than a text editor, an Internet connection, and a passion for coding and debugging.

1 of 13 | Next

Comments

Back to top

Close [x]

Help: Update or add to My dW interests

What's this?

This little timesaver lets you update your My developerWorks profile with just one click! The general subject of this content (AIX and UNIX, Information Management, Lotus, Rational, Tivoli, WebSphere, Java, Linux, Open source, SOA and Web services, Web development, or XML) will be added to the interests section of your profile, if it's not there already. You only need to be logged in to My developerWorks.

And what's the point of adding your interests to your profile? That's how you find other users with the same interests as yours, and see what they're reading and contributing to the community. Your interests also help us recommend relevant developerWorks content to you.

View your My developerWorks profile

Return from help

Close [x]

Help: Remove from My dW interests

What's this?

Removing this interest does not alter your profile, but rather removes this piece of content from a list of all content for which you've indicated interest. In a future enhancement to My developerWorks, you'll be able to see a record of that content.

View your My developerWorks profile

Return from help

static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=1
Zone=Web development, XML, Java technology
ArticleID=223552
TutorialTitle=Building Google gadgets, Part 2: Working with the user interface
publish-date=05222007
author1-email=Technical.tutorials@gmail.com
author1-email-cc=

Table of contents

1 of 13 | Next

Local resources

Tags

Help
Use the search field to find all types of content in My developerWorks with that tag.

Use the slider bar to see more or fewer tags.

Popular tags shows the top tags for this particular content zone (for example, Java technology, Linux, WebSphere).

My tags shows your tags for this particular content zone (for example, Java technology, Linux, WebSphere).

Use the search field to find all types of content in My developerWorks with that tag. Popular tags shows the top tags for this particular content zone (for example, Java technology, Linux, WebSphere). My tags shows your tags for this particular content zone (for example, Java technology, Linux, WebSphere).

 

Dig deeper into Web development on developerWorks

Try IBM PureSystems. No charge.

IBM PureSystems on a kaleideoscope background

Experience today!

Get started with the cloud-based trial and pattern development kit.

Share this page:

  • Close [x]

Follow developerWorks:

  • Close [x]