DizmoWeb quick guide

Dizmo Web provides a large workspace opened directly in a browser, where the users can open and place multiple Digital Objects (named dizmos).

Workspace buttons

There are 3 buttons in the middle-bottom section of the screen and a cogwheel symbol to the right. These buttons provide additional functions, such as access to other dizmos and controlling the workspace.

Plus button: opens the Creator dizmo. From the Creator you can select any of your available dizmos and add them to the Workspace. To do so, simply click on its name.
Home button: Zooms-out so that all dizmos on the workspace are visible and in focus.
Keyboard button: displays a virtual keyboard on the screen. At the moment this function is disabled. Use your device physical or virtual keyboard instead.
Cogwheel button: opens the system options menu, allowing you to enter in full screen mode, change the background look & feel, and to clear or exit the workspace.

 

How to zoom & navigate

There are several intuitive ways to zoom-in and zoom-out the dizmo workspace and to navigate around it.
To navigate in the workspace with a mouse: click on an empty section of the workspace and hold the left button. Then move the workspace in any direction you want by moving the mouse.

Touchscreen: If you are using a touchscreen, touch with your finger an empty section of the workspace, hold it and the workspace will follow the movement of your finger.
You can move any dizmo around the workspace by holding it on the title bar and moving the mouse around, or with a finger on a touchscreen.

Zoom slider: Double click and hold the left mouse button – start moving the mouse and zoom slider will appear on the screen. This slider can be used to control the zoom level (zoom-in and zoo- out).

Use the scroll wheel on the mouse to zoom-in and zoom-out.

Enlarge a dizmo: Double click on the title bar of a dizmo. This action will enlarge and focus the dizmo on the centre of the screen and rotate the workspace so that the selected dizmo is in the upright position.
Zoom out:To zoom out just click the Home button. And of course, on a touchscreen, the commonly used “pinch & zoom” touch gesture allows you to zoom-in and -out. Please note that double touch and hold with your finger also allows to pop up the zoom-in and -out slide bar.

 

If you want to move multiple dizmos around the workspace, you can do that by stacking them on top of each other (this creates a parent-child relation between them) and move all of them together by holding the bottom one on the title bar and moving it. Please note that in order to create a parent-child relation between the dizmos, you need to put at least half of the child dizmo on top of the parent dizmo.

Dizmo interface

Cogwheel options

Cogwheel button provides quick access to additional system functions of the workspace.

Fullscreen mode: Is expanding the dizmo workspace to a full size view, hiding any attributes from the browser, such as tabs and address bar. To exit the full screen mode, click the Esc button on the keyboard or select fullscreen mode again in the system cogwheel.

Clear: Clear all content on the workspace and restores it to its default original state.

Background color: Allows you to choose and change the background color of your workspace.

About dizmo: Contains details about the version of the dizmoWeb and the components for its running, third party software license as well as a section to enter your dizmo license (if needed).
Logout: Logout takes you out of your Workspace. If you have Multiple Workspace privileges, you will see an Exit Workspace option, which lets you out from the current workspace and back to your dizmoWeb Workspace Management page, to enter other Workspaces or to logout from dizmoWeb.

 

Dizmos’ buttons

On each dizmo’s frame, on the top right corner there is a Cogwheel Button. It provides access to a set of options which can be applied to each dizmo separately. Please find a detailed explanation of each item below.

Lock: When a dizmo is locked, it cannot be moved around, or its content and status be accidently changed by the user. When you sets a dizmo to locked, all other options of the cogwheel menu are not available anymore, until the you unlock the dizmo again.
Sticky: Once a dizmo is made sticky, it always keeps its position relative to the four corners of the dizmo workspace. Even if the user zooms out the dizmo workspace, drags it around or resizes it, the sticky dizmo always remains in the same spot.
Settings: Selecting Settings will turn the dizmo to its back side, where you can select specific preferences (settings) as they have been designed. Pressing done on the backside turns the dizmo to its front side. An arrow sign is also available on the bottom-centre of a dizmo to get direct access to its back side.
Title: This option is allowing you to choose the name of the dizmo. This way, multiple dizmos of the same type can be uniquely identified on the workspace, for example.
Background image: Allows you to insert a custom image from your personal gallery as the background of the dizmo.
Color: You can change the background colour of the dizmo by choosing the colour from a colour palette.
Opacity: This option controls the transparency/ translucency of the Title and background color of the dizmo. With the slider you can set the level of transparency of the dizmo, or even make it invisible.
Remove dizmo: This option removes the dizmo and all its content from the workspace.

 

More tips

There are additional icons on the frame of dizmos and at the bottom of them allowing you to further manage them on the workspace.

The Triangle at the bottom right-hand side allows you to resize the dizmo, expand or contract it. This operation changes the size of the dizmo, without changing the zoom level of the workspace.
The arrow symbol at the bottom centre of the dizmo, when pressed, turns the dizmo on its back side (setting side), where you can select specific preferences (settings) as they have been designed. Pressing done on the backside turns the dizmo to its front side. The same functionality can be called through the menu of the dizmo’s Cogwheel.
With the circle at the bottom left-hand side you can scale-up and -down the dizmo and rotate it. The rotation point is always the upper right-hand side corner, where the cogwheel is located.
On the top left corner of the dizmo is located a small icon. By clicking on it, your dizmo, and all the dizmos it might contain, is minimized to an icon size. This function is very useful when multiple dizmos are open, but only a few are needed for a specific work. The image below shows a set of iconized dizmos on the workspace.

 

You can remove multiple dizmos by stacking them on top of each other and selecting the “Remove dizmo” option from the Cogwheel menu of the dizmo, sitting at the bottom of the stack. When you are removing multiple dizmos, you will see the number of dizmos about to be removed in the “Remove dizmo”. Refer to ‘how to zoom & navigate’ for a description of the parent-child mechanism, also applicable here.