TWiki
>
Computing Web
>
GoogleGadgetsVisualisation
(revision 2) (raw view)
Edit
Attach
Data visualisation using <a target=_blank href="http://code.google.com/apis/gadgets/">Google Gadgets</a> %TOC% ---+ Introduction _The advertising blurb from Google..._ Gadgets are simple HTML and !JavaScript applications that can be embedded in webpages and other apps. * Simple to build Built-in !JavaScript libraries make it easy to create gadgets that include tabs, Flash content, persistent storage, dynamic resizing, and more. Use the <a target=_blank href="http://code.google.com/apis/gadgets/docs/legacy/gs.html#GGE">Google Gadgets Editor</a> to build gadgets quickly and easily. * Multiple sites Your gadget can run on multiple sites and products including iGoogle, Google Maps, Orkut, or any webpage. Write your gadget once, and with minor changes it can run in multiple places. * Reach millions of users Many gadgets are viewed millions of times per week and generate significant traffic for their authors. When users add your gadget to their iGoogle homepage for instance, they'll see your content each time they visit Google. ---+ Background programming requirements The Google Gadgets API consists of a few simple building blocks: _XML_, _HTML_, and _JavaScript_. To get started, all you need is a basic understanding of HTML. We will teach you all you need to know about XML to write gadgets. Later, as you write more sophisticated gadgets (e.g. visualisation gadgets), you will probably want to learn some !JavaScript if you're not familiar with it already. ---++ XML <a target=_blank href="http://en.wikipedia.org/wiki/XML">XML</a> is a general purpose markup language. It describes structured data in a way that both humans and computers can read and write. XML is the language you use to write gadget specifications. A gadget is simply an XML file, placed somewhere on the internet where Google can find it. The XML file that specifies a gadget contains instructions on how to process and render the gadget. The XML file can contain all of the data and code for the gadget, or it can have references (URLs) for where to find the rest of the elements. ---++ HTML You should be farmiliar with <a target=_blank href="http://en.wikipedia.org/wiki/HTML">HTML</a> as it is the markup language used to format pages on the internet. The static content of a gadget is typically written in HTML. HTML looks similar to XML, but it's used to format web documents rather than to describe structured data. ---++ !JavaScript <a target=_blank href="http://en.wikipedia.org/wiki/JavaScript">JavaScript</a> is a scripting language you can use to add dynamic behavior to your gadgets. There are MANY !JavaScript tutorials and online references available. A good source can be found at <a target=_blank href="http://www.w3schools.com/js/default.asp">w3schools.com</a>. You should be at least familiar with all information provided in this _Basic_ section. Also check out these <a target=_blank href="http://www.w3schools.com/js/js_examples.asp">examples</a> and their explanations. ---+ Essential reading and tutorials ---++ Google Gadgets From the <a target=_blank href="http://code.google.com/apis/gadgets/">Google Gadgets</a> homepage, in the *How do I start?* section, read (1), (2, refer to the _legacy_ developers guide) and eventually check your code using (3). In the [More Information] section, read <a target=_blank href="http://www.google.com/webmasters/gadgets/guidelines.html">Concepts and Examples</a>. Under *Resources*, check out both the "http://code.google.com/apis/gadgets/docs/legacy/gs.html#GGE">Google Gadgets Editor</a> and the <a target=_blank href="http://www.google.com/ig/adde?moduleurl=www.google.com/ig/modules/codechecker/codechecker.xml">Gadget Checker</a>. ---++ Google Visualisation API From the <a target=_blank href="http://code.google.com/apis/visualization/">Google Visualisations API</a> homepage, in the *How do I start?* section, read (1) and (2). Read (4) as well if you decide to create your own visualisations. The rest of the material in this section is a little more advanced but interesting nevertheless! ---++ Data Source Python Library The =DataTable= object is used to hold the data passed into a visualization. A =DataTable= is a basic two-dimensional table. You can code this object by hand or you can use a <a target=_blank href="http://code.google.com/apis/visualization/documentation/dev/gviz_api_lib.html">helper Python library</a>. ---+ Other references * The <a target=_blank href="http://groups.google.com/group/Google-Gadgets-API">iGoogle Developer Forum</a> is the official discussion group for development of Google Gadgets on iGoogle. You can exchange ideas and information with other gadget developers, create your own gadgets using the API, and share your experiences. * <a target=_blank href="http://code.google.com/support/bin/topic.py?topic=10027">Google Gadgets API FAQ</a> * There is even an <a target=_blank href="http://googlegadgetsapi.blogspot.com/">Official Google Gadgets API Blog</a>! * <a target=_blank href="http://www.google.com/ig/directory?synd=open">Existing Google Gadgets</a> are always a good learning resource! * <a target=_blank href="http://www.gridpp.ac.uk/gas/">Grid Acronym Soup</a> - Useful glossary of acronyms used in the Grid context. -- Main.ChunLikTan - 27 May 2009
Edit
|
Attach
|
Watch
|
P
rint version
|
H
istory
:
r3
<
r2
<
r1
|
B
acklinks
|
V
iew topic
|
Raw edit
|
More topic actions...
Topic revision: r2 - 19 Jun 2009
-
_47C_61UK_47O_61eScience_47OU_61Birmingham_47L_61ParticlePhysics_47CN_61chun_32lik_32tan
?
Computing
Log In
Computing Web
Create New Topic
Index
Search
Changes
Notifications
RSS Feed
Statistics
Preferences
Webs
ALICE
ATLAS
BILPA
CALICE
Computing
General
LHCb
LinearCollider
Main
NA62
Publish
Sandbox
TWiki
Welcome
Copyright © by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki?
Send feedback