Differences

This shows you the differences between two versions of the page.

--- navigation [2020/05/02 19:21]
admin [Screen Layout]
+++ navigation [2021/01/05 03:00] (current)
@@ Line 1: / Line 1: @@
 ===== TestOptimal IDE Overview =====
-//TestOptimal IDE// features a simple and easy to use layout.  Most of the functions can be accessed with just a few clicks away.  This page describes the basic IDE screen layout, navigation and customization.
+//TestOptimal IDE// features a simple and easy to use layout.  Most of the functions can be accessed with just a few clicks away.
+This page describes the basic IDE screen layout, navigation and customization.
 ----
@@ Line 6: / Line 8: @@
 //TestOptimal IDE// consists of an [[#Application Header]] on the top, a [[#Content-Area]] in the middle and a [[#System Message Pane]] at the bottom.
-{{wiki:idescreen:ide_main_short.png}}
+Hover over button, links and field labels to show contextual information.
+{{ wiki:idescreen:ide_main_short.png }}
 === Application Header ===
-The application header has menu, toolbar and a set of tab selection.
+The application header has menu, toolbar and a set of tab selection. The far right is the application info menus.
-Menus are accessed by hovering mouse over the {{http://testoptimal.com/to.ico}}.  The menu items may require a model to be open or a specific tab is open.
+{{ wiki:idescreen:ide_header.png }}
-Toolbar icons are associated to menu items and can be added or removed through application menu.
+== Menus ==
+Menus are accessed by hovering mouse over {{http://testoptimal.com/to.ico}}.
-Tabs are listed in the center of the application header when a model is open.
+{{ wiki:idescreen:ide_menu.png }}
-On the right of application header is [[#Info Menu]].  Click on the edition to open [[managelicense | Manage License]] and mouse over down-arrow to show drop-down menu items.
+Hover over menu name to show drop-down menu items. Some menu items may require a model to be open or a specific tab is open.
-----
+{{ wiki:idescreen:ide_menuitems.png }}
-==== IDE Panes ====
+== Toolbar ==
-There are three panes in the work-area. Each pane contains one or more tabs. By default, each pane is assigned a set of tabs.  You can add or remove or move tabs between panes.
+Toolbar icons are associated to menu items and can be added or removed through application menu.
-===Customeize Panes===
+{{ wiki:idescreen:ide_menutoolbar.png }}
-You may add tabs to or remove tabs from the pane through  [[ide_tabcustomization| IDE Customization]], except that [[FileList|FileList tab]] and [[ModelingTab|Model tab]] are fixed to the left pane and can not be changed. By removing all tabs from the panes you can hide the pane. To show the pane again, just add a tab back to the pane.
-===Resize Panes===
+== Tabs ==
-The panes can be resized by moving the divider between two panes: drag and drop the divider or click-move-click the divider.
+Tabs are listed in the center of the application header when a model is open. Click on the bar graph icon to open [[dashboard | Dashboard]].
-===Working with Tabs===
+{{ wiki:idescreen:ide_tabselection.png?400 }}
-Each pane has a header on the top where tab labels are displayed on the left and a set of mini buttons on the right. Clicking on the tab label activates the tab (brings the tab to the front). Double-clicking on the tab label maximizes the tab and the pane to take up the entire work-area. Double-click the tab label again to restore the pane to its normal size before the tab was maximized.
-=== Control Buttons ===
+== Info Menus ==
-On the upper-right corner of each pane, you will find a set of mini buttons.  These mini buttons allow you to interact with the pane and perform functions on the active tab (the tab that is displayed). Please note that a few mini buttons are only applicable for certain panes.
+On the right of application header is [[#Info Menu]].  Click on the edition to open [[ # Manage  License]] and mouse over down-arrow to show drop-down menu items.
-  * {{http://TestOptimal.com/img/refresh.png}} - refreshes the content of the pane/tab.
-  * {{http://TestOptimal.com/img/maximize.png}} - maximizes the pane to take up the entire browser window, alternative to double-click on tab label.
-  * {{http://TestOptimal.com/img/minLeft.png}} - minimizes left pane
-  * {{http://TestOptimal.com/img/minTop.png}} - minimizes top-right pane
-  * {{http://TestOptimal.com/img/minBottom.png}} - minimizes bottom-right pane
-  * {{http://TestOptimal.com/img/reset.png}} - resets all panes to their normal sizes before the last maximize operation. This is different from "Help / Reset IDE Layout" menu which resets all panes to their factory-default sizes.
-  * {{http://TestOptimal.com/img/customize.png}} - opens [[ide_tabcustomization|IDE Customization]] dialog.
-  * {{http://TestOptimal.com/img/plus.png}} - zooms in [[ModelingTab|Model Editor]], for Firefox and Opera browsers only.
-  * {{http://TestOptimal.com/img/minus.png}} - zooms out [[ModelingTab|Model Editor]], for Firefox and Opera browsers only.
 ----
-==== Fullscreen Mode ====
+==== Content Area ====
-You may open the IDE in fullscreen mode which is often used for demonstration. To open IDE in fullscreen mode, double click on the IDE header and press //F11//. For some browsers, just pressing //F11// is sufficient to open the IDE in fullscreen mode. To restore IDE to its normal mode, press //F11// again or //ESC//.
+This is the area where you will be building your model and writing automation scripts:
+  * [[ide_model | Model Editor]]
+  * [[ide_script | Script Editor ]]
+  * [[ide_dataset | DataSet Editor ]]
+  * [[ide_requirement | Requirement Editor ]]
+  * [[ide_result | Execution Result ]]
+  * [[ide_artifact | Model Artifact ]]
 ----
-==== IDE Tabs ====
+==== System Message Pane ====
-Tabs are placed inside panes.  The default configuration for the pages are set as follows:
+{{ wiki:idescreen:ide_msgpane.png?400 }}
-  * //left pane//: [[FileList|FileList tab]] and [[ModelingTab|Model tab]]
-  * //top-right pane//: [[monitortab | Monitor Tab]] and [[statstab | Stats Tab]]
-  * //bottom-right pane//: [[mscripteditor | MScript Editor]]
-You can move tabs around between panes or add tabs or remove tabs from panes through [[ide_tabcustomization|IDE Customization]].
+Informational, alert and error messages are displayed in this area.
-Tabs can also be maximized to take up the entire work-area by double-clicking on the tab label or clicking on the {{http://testoptimal.com/img/maximize.png}} //control button//.
+Upon new message is received, the message will be displayed and hide after 5 seconds.
-=== Open Tab in New Browser ===
+A solid bar on the left indicates there are messages.  An orange bar indicates there are error messages.  Clicking on this solid bar will open the message pane.
-Often times you may wish to open the tab in its own browser window or browser tab (depending on your browser setup). To open //IDE// in a separate browser window, click on {{http://TestOptimal.com/img/expand.png}} located at the upper-right corner of the tab label.
-The tab inside IDE will be disabled while it's opened in this manner. Closing the browser window that opens the tab will re-enable the tab in IDE. Note that each pane must maintain at least one active/enabled tab.
+----
+==== Manage License ====
+{{ wiki:idescreen:managelicense.png?400 }}
-----
+Enter license keys and acknowledge that you have read and agreed to //TestOptimal License Agreement//.
-==== Shortcut Keys ====
-//TestOptimal// IDE provides different ways to access the certain [[shortcut_action_list | system actions]] and feature. For example you can start the model execution using //Run// menu and [[sidebar  | SideBar]].
-You can assign [[shortcut_keys | shortcut keys]] to the supported [[shortcut_action_list | system actions]]. If the //shortcut action// matches the //menus// or [[sidebar | SideBar]], you will see the key letter or "*" displayed next to the //menu// or //mini button//.