info composer run create save, share f.a.q. feedback interface
ecology lab

feedback successful

Thanks for the feedback!

Please click one of the sections on the right.

InfoComposer helps you to collect, organize, and present information from websites and your computer.
Express ideas creatively. Collect and connect bookmarks visually. Easily cite your inspiration and support your position!

run

To sun simpl info composer, follow the these steps:

create

After launching info composer, you are presented with a blank canvas where you can create annotations and clippings.

This canvas is blank. You can supply ideas expressed using text, images, and annotations. Drag & drop and annotations are the bread and butter of how you make information compositions.

drag & drop

image clippings

To collect an image clipping in your information composition, click on an image in a web page, and hold. Drag it to a good place in InfoComposer, and release the mouse.

text clippings

To collect a text clipping in your composition, select text on a web page by clicking and dragging on top of that text. The text will be highlighted. Drag the highlighted text into InfoComposer, and release the mouse.

Sometimes drag and drop will automatically link the source web page to the clipping in the information composition, forming a rich bookmark. However, sometimes automatic linking fails. If it does, this icon will appear in the top right corner of a clipping.

link source to make clippings into rich bookmarks

To link a source web page to text or image clipping that did not get linked automatically, or to add a new link, we can drag the source document location from the browser.

Dragging the favicon from the web page over the clipping highlights in yellow a field(s) within in-context metadata. Releasing the mouse over the clipping converts it to a rich bookmark, and in many cases, gives you extra information about the page. The icon showing a missing source in the top right is removed on successful creation of a rich bookmark.

The above shows the metadata of the page we just linked.

editing

The primary way of interacting with the composition space and specific elements is with through the pie menu.

activating the menu

The pie menu can be activated by three different methods:

  • right mouse button
  • right mouse button + CTRL key
  • left mouse button + CTRL key

using the menu

  • novice mode

    If you press and release the activation button or button combination then the menu will enter novice mode. In novice mdoe the commands are performed by clicking their button. The menu can be closed by clicking anywhere other than one of the pie sections.





    The user activates the menu then clicks the Cut button.

  • expert mode

    If you press and hold the activation button or button combination then the menu will be in expert mode. Expert modes uses simple flicks to perform the commands. While continuing to hold the button down, move the cursor onto or past the desired command and then release the button.

    resizing - the resize command becomes automatically activated when the cursors moves past the resize icon. To end the resize action release the button.

    The user activates the menu, flicks the cursor downward to select Cut then releases mouse button to perform the command.

composition menu

The composition menu is accessed by activating the menu while the cursors is over an empty section of the composition space.

create text Creates as new text annotation which is given the keyboard focus. Also places the cursor in text edit mode which allows you to edit the text of other elements.
paste Pastes in an object from the clipboard. You can paste in text or images.
undo Undoes the last action performed.
redo Redoes the last action that was undone.



element menu

The element menu is accessed by activating while the cursor is over the target image or text chunk.

navigate to Opens a web browser window to the soucre page of the element.
edit / blending Opens the edit palette for text editing.
For images it modifies the radius and magnitude of translucence.
resize You can dynamic resize the element. This resizing is aspect constrained.
cut Removes the element from the composition.
move up Places the element on top of the composition.
move forward Places the element at the bottom of the composition.



blending images

Like resize, blending is activated and modified by dragging. In novice mode you must press and hold down the mouse on the Blending button to activate blending. In expert mode simply crossing over the button with the mouse will activate blending. Once activated continue holding down the mouse key while you move the cursor in the x and y plane. Changes in the x-position will change the radius. Changes in the y-position will change the amount of blending.

The user activates the menu, presses and holds down the cursor on the blending button. The user can change the radius of the gradient by moving the mouse in the x-axis and the amount of blending by moving the mouse in the y-axis.

editing annotations

You can interact with text in addition to images. These actions include adjusting the size of the text, changing the color and font of text, changing the shape of the text, and changing the style of the text.





The text editing menu can be activated using the pie interface. Simply right-click on the clipping that you would like to edit and select "Edit".







From the edit menu, you can change the color, font, size, style (bold, italic, or underline) alignment (right, left, center, or justified), or the background style.



in context metadata

When mousing over an element, a window displaying metadata information about where the element is from and a small toolbar to help you interact with an element will appear on the bottom side (or top side if against the bottom of the screen) of the element. The metadata includes information about the webpage source, while the design tools include starting a new search, navigating to a source website, removing the element, and latching the element.










Metadata Details


This box presents information about the location where the element was found. It also displays additional information such as the query that was sent to the search engine, the title of the source webpage, the captions of images, and the text context that surrounds a clipping in its source document. Use this to quickly learn about the source of an element.

save, share

f.a.q.

What are the kind of computer do I need for info composer?

At reccomend at a miniumum, a1024x768 display, with 1 GB of ram runing Windows or Mac OS. If you bought your computer in the last 3 years, info composer will most likely run well.

What do I do if I run into a problem?

We want to work with you to fix your problem. We just need a little information from you so we know what's going on. Please send us information about any bugs you find.

Here is a general fix we have found to work that you might try. We have seen that sometimes Java holds onto old versions of files in its cache, even though it shouldn't, since we've released new versions.

To work around this problem, do the following:

feedback

What is working well for you? What would you like to see improved? What would you like that is new?
Would you like to use the program in a site you are building?

We'll be grateful if you take the time to let us know about your experiences.


name
email
type of
feedback
feedback