Jump to: navigation, search

Difference between revisions of "E4/OpenSocialGadgets"

< E4
(Install into Eclipse)
(5 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
''Gadgets are web-based software components based on HTML, CSS, and JavaScript. They allow developers to easily write useful web applications that work anywhere on the web without modification. They are defined using a declarative XML syntax that is processed by a gadget server into a format that allows them to be embedded into various contexts: standalone web pages, web applications, even other gadgets. A context into which a gadget is embedded is called a gadget container. The container is responsible for managing the gadgets' layout and controls, as well as for supporting various functionality on behalf of the gadget. A gadget may be a simple widget, a reusable component, or a full-blown application, possibly utilizing or communicating with other gadgets.'' (from the [http://www.opensocial.org/Technical-Resources/opensocial-spec-v09/Gadgets-API-Specification.html#rfc.section.2 OpenSocial Gadgets specification])
 
''Gadgets are web-based software components based on HTML, CSS, and JavaScript. They allow developers to easily write useful web applications that work anywhere on the web without modification. They are defined using a declarative XML syntax that is processed by a gadget server into a format that allows them to be embedded into various contexts: standalone web pages, web applications, even other gadgets. A context into which a gadget is embedded is called a gadget container. The container is responsible for managing the gadgets' layout and controls, as well as for supporting various functionality on behalf of the gadget. A gadget may be a simple widget, a reusable component, or a full-blown application, possibly utilizing or communicating with other gadgets.'' (from the [http://www.opensocial.org/Technical-Resources/opensocial-spec-v09/Gadgets-API-Specification.html#rfc.section.2 OpenSocial Gadgets specification])
 +
 +
(See also [http://borisoneclipse.blogspot.com/2009/11/opensocial-igoogle-gadgets-in-eclipse.html this blog post] for some background.)
  
 
As part of the e4 project, we are working on making Eclipse an OpenSocial Gadgets container. Here is what we've got so far:
 
As part of the e4 project, we are working on making Eclipse an OpenSocial Gadgets container. Here is what we've got so far:
Line 7: Line 9:
 
==Install into Eclipse==
 
==Install into Eclipse==
 
The following should work with Eclipse 3.5 or a newer 3.6 milestone build:
 
The following should work with Eclipse 3.5 or a newer 3.6 milestone build:
# In a web browser, go to [http://download.eclipse.org/e4/downloads/] and click on the link to the latest integration build, e.g. ''I20091022-2100''.
+
# In a web browser, go to [http://download.eclipse.org/e4/downloads/ the e4 downloads page] and click on the link to the latest milestone or integration build, e.g. ''1.0M2''.
 
# Find ''online p2 repo link'' (at the bottom right) and copy the link location to the clipboard.
 
# Find ''online p2 repo link'' (at the bottom right) and copy the link location to the clipboard.
 
# In Eclipse, select ''Help > Install New Software'', and paste the link into the ''work with'' field. Press Enter. '''(Note: the IBM-internal mirror for this content is currently broken. Replace ''download.eclipse.org/e4'' with ''www.eclipse.org/external/e4'' to get it to work from inside IBM.)'''
 
# In Eclipse, select ''Help > Install New Software'', and paste the link into the ''work with'' field. Press Enter. '''(Note: the IBM-internal mirror for this content is currently broken. Replace ''download.eclipse.org/e4'' with ''www.eclipse.org/external/e4'' to get it to work from inside IBM.)'''
Line 22: Line 24:
 
* http://blog.esaba.com/projects/catphotos/catphotos.xml
 
* http://blog.esaba.com/projects/catphotos/catphotos.xml
 
* http://www.wordreference.com/tools/ggGadgets/WRgadget_en.xml
 
* http://www.wordreference.com/tools/ggGadgets/WRgadget_en.xml
 +
* http://www.google.com/ig/modules/dictionary.xml
 +
* http://www.google.com/uds/modules/elements/localsearch/localsearch.xml
 +
* http://www.twittergadget.com/gadget.xml (Twitter)
 +
* http://www.shockinglyfun.com/froggerGGadget.xml (Frogger)
  
 
==Bugs==
 
==Bugs==
 
This is work in progress, so don't expect everything to just work. Please help us improve it by [https://bugs.eclipse.org/bugs/enter_bug.cgi?product=e4 filing bugs] against e4/UI.
 
This is work in progress, so don't expect everything to just work. Please help us improve it by [https://bugs.eclipse.org/bugs/enter_bug.cgi?product=e4 filing bugs] against e4/UI.
  
==How to Contribute==
+
 
 
If you'd like to help, pick a gadget that doesn't work yet and try to make it work. To coordinate the work, [https://bugs.eclipse.org/bugs/enter_bug.cgi?product=e4 File an enhancement request] with details on what you'd like to do.
 
If you'd like to help, pick a gadget that doesn't work yet and try to make it work. To coordinate the work, [https://bugs.eclipse.org/bugs/enter_bug.cgi?product=e4 File an enhancement request] with details on what you'd like to do.
  
Line 38: Line 44:
 
# Expand the repository, then HEAD, e4, org.eclipse.e4.ui, bundles
 
# Expand the repository, then HEAD, e4, org.eclipse.e4.ui, bundles
 
# Select 'org.eclipse.e4.ui.gadgets' and 'org.eclipse.e4.ui.web', and select 'Check Out' from the context menu.
 
# Select 'org.eclipse.e4.ui.gadgets' and 'org.eclipse.e4.ui.web', and select 'Check Out' from the context menu.
 +
 +
==Tutorials==
 +
[http://www.vogella.de/articles/OpenSocialGadgets/article.html OpenSocial Gadget with Eclipse - Tutorial by Lars Vogel]

Revision as of 02:48, 23 February 2010

Gadgets are web-based software components based on HTML, CSS, and JavaScript. They allow developers to easily write useful web applications that work anywhere on the web without modification. They are defined using a declarative XML syntax that is processed by a gadget server into a format that allows them to be embedded into various contexts: standalone web pages, web applications, even other gadgets. A context into which a gadget is embedded is called a gadget container. The container is responsible for managing the gadgets' layout and controls, as well as for supporting various functionality on behalf of the gadget. A gadget may be a simple widget, a reusable component, or a full-blown application, possibly utilizing or communicating with other gadgets. (from the OpenSocial Gadgets specification)

(See also this blog post for some background.)

As part of the e4 project, we are working on making Eclipse an OpenSocial Gadgets container. Here is what we've got so far:

Gadgets-screenshot.png

Install into Eclipse

The following should work with Eclipse 3.5 or a newer 3.6 milestone build:

  1. In a web browser, go to the e4 downloads page and click on the link to the latest milestone or integration build, e.g. 1.0M2.
  2. Find online p2 repo link (at the bottom right) and copy the link location to the clipboard.
  3. In Eclipse, select Help > Install New Software, and paste the link into the work with field. Press Enter. (Note: the IBM-internal mirror for this content is currently broken. Replace download.eclipse.org/e4 with www.eclipse.org/external/e4 to get it to work from inside IBM.)
  4. After the list of installable features is loaded, expand E4 UI and select Eclipse e4 Web Gadget (Incubation).
  5. Click Next and follow the wizard to completion. This will install two small plug-ins.

To add a gadget, press Ctrl+3, enter 'Open Gadget', press Return, and enter the gadget URL into the dialog.

Here are some example gadgets to try:

Bugs

This is work in progress, so don't expect everything to just work. Please help us improve it by filing bugs against e4/UI.


If you'd like to help, pick a gadget that doesn't work yet and try to make it work. To coordinate the work, File an enhancement request with details on what you'd like to do.

To get the source code, follow these steps:

  1. Start with Eclipse 3.5 (or a 3.6 milestone build) and an empty workspace.
  2. Open the CVS Repositories view (Ctrl+3 CVSR).
  3. Copy the following string :pserver:anonymous@dev.eclipse.org:/cvsroot/eclipse
  4. Right-click in the view and select Paste Connection.
  5. (Optional: Adjust user name, password and connection method if you are a committer.)
  6. Expand the repository, then HEAD, e4, org.eclipse.e4.ui, bundles
  7. Select 'org.eclipse.e4.ui.gadgets' and 'org.eclipse.e4.ui.web', and select 'Check Out' from the context menu.

Tutorials

OpenSocial Gadget with Eclipse - Tutorial by Lars Vogel