Technical Writing

Web Help User Manual

Sample content from a page I created using Adobe RoboHelp that was part of a web help system I worked on for a software company. The formatting and functionality here are somewhat different from the actual document shown in the image below.

5. Components

5.13 VideoMapper

5.13.1 VideoMapper - Intro 

The VideoMapper enables you to specify the size, position, and orientation of pixels on the output screen.  This helps to ensure that content is displayed correctly on any output device even if it’s positioned in the most unconventional manner. VideoMapper can also enable you to specify tiles in a setting of any arrangement with varying gaps and angles, and allows you to overcome tile spacing and other limitations imposed by most processors. In the event that you are working with unusually large screens, VideoMapper can map to extremely large resolutions.


5.13.2 Using VideoMapper

Once the VideoMapper component has been added (See Adding Components), it can be opened by double clicking on it in the HippoNet Overview window.

The main layout of the VideoMapper is divided into two sections:
    • Output. On the right side, when you add new tiles and specify their size, they will appear here. This is the area where you specify the size orientation, and spacing of the tiles.
    • Input. On the left side, this is the area where you can specify how the source content appears on each tile. For example, which portion of the media you want to appear in each tile, and in what rotation or zoom.

Like a pixel patch bay, you are able to take information from the right side and send it to the left side where it can be arranged and manipulated to your specifications.
The example below shows four simple tiles as they were added, appearing on the right Output side. On the left Input side you can see that the tiles have been positioned and oriented over the areas of the media to be displayed for each tile.


Below you can see the display resulting from the video map generated in the example above.

VM2.PNG Creating a Video Map

The following steps will walk you through the process of creating a basic video map.
  1. To add a video map, click New and enter a name for the new video map.

  2. Next, you will need to add tiles. Select Tools and then Add Tiles. The Add Tiles dialog box will appear.

  3. Specify the size and arrangement of your tiles. Click OK to add them to the Output.
  4. In the Output area, select a tile and adjust its size and position using the Tile settings on the right. Think of each tile as a blank canvas awaiting paint. This is where you specify how your canvases will appear before content is sent to them.

  5. Once you are happy with the size and location, select and drag the tile(s) into the Input window.
  6. In order to view your media in the Input window select Config > Background Image > Input Grid. The Background Image Settings dialogue box will appear. Tick the box next toEnable Background Image and Browse to the image in your media folder. Click OK.

  7. In the Input area, select a tile and adjust its size, position, and rotation. This will affect the way content is sent to your tiles (canvases). For example, if I wanted the content sent to tile 1 to appear rotated 45 degrees, I would select tile 1 in the Input window and change the Rotate value to 45. See the example below.


    The media from tile 1 will now be displayed like this.

    VMpreview.PNG Adjusting RGB Values for Tiles

In the event that tiles have slight variations in their color output, RGB values can also be adjusted. Select View > Tile > RGB. Select a tile and use the Tile settings to adjust its RGB values. Selecting Video Maps and Enabling Output

Once your new video map has been created, you will need to make it active.
  1. To assign and enable a video map for output, go to the Master Output control window and browse to the VideoMapper tab.
  2. Click the Disabled button so that it shows Enabled.
  3. Select a Video Map.


Your output will be visible in the Preview window.