Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
navigation [2020/05/02 19:19] – [Screen Layout] adminnavigation [2024/01/02 19:37] (current) – external edit 127.0.0.1
Line 1: Line 1:
 ===== TestOptimal IDE Overview ===== ===== 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. 
  
 ---- ----
 ==== Screen Layout ==== ==== Screen Layout ====
-//TestOptimal IDE// consists of an [[#Application Header]] on the top, a [[#Work-Area]] in the middle and a [[System Message Pane]] at the bottom.+//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.
  
-The application header has menu, toolbar and a set of tab selection.  
  
-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_main_short.png }}
  
-Toolbar icons are associated to menu items and can be added or removed through application menu.+=== Application Header === 
 +The application header has menu, toolbar and a set of tab selection. The far right is the application info menus.
  
-Tabs are listed in the center of the application header when a model is open.+{{ wiki:idescreen:ide_header.png }}
  
-On the right of application header is [[appinfomenu | App Info Menu]].  Click on the edition to open [[managelicense | Manage License]] and mouse over down-arrow to show drop-down menu items.+== Menus == 
 +Menus are accessed by hovering mouse over {{http://testoptimal.com/to.ico}}.  
  
-----+{{ wiki:idescreen:ide_menu.png }}
  
-==== IDE Panes ==== +Hover over menu name to show drop-down menu itemsSome menu items may require a model to be open or a specific tab is open.
-There are three panes in the work-areaEach 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+
  
-===Customeize Panes=== +{{ wiki:idescreen:ide_menuitems.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=== +== Toolbar == 
-The panes can be resized by moving the divider between two panes: drag and drop the divider or click-move-click the divider+Toolbar icons are associated to menu items and can be added or removed through application menu.
  
-===Working with Tabs=== +{{ wiki:idescreen:ide_menutoolbar.png }}
-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 === +== Tabs == 
-On the upper-right corner of each pane, you will find 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. +Tabs are listed in the center of the application header when model is openClick on the bar graph icon to open [[dashboard Dashboard]].
-  * {{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.+
  
----- +{{ wiki:idescreen:ide_tabselection.png?400 }}
- +
-==== Fullscreen Mode ==== +
-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//.+
  
 +== Info Menus ==
 +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.
  
 ---- ----
  
-==== IDE Tabs ==== +==== Content Area ==== 
-Tabs are placed inside panes.  The default configuration for the pages are set as follows: +This is the area where you will be building your model and writing automation scripts:
-  * //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]]+  * [[ide_model Model Editor]] 
 +  * [[ide_script | Script Editor ]] 
 +  * [[ide_dataset | DataSet Editor ]] 
 +  * [[ide_requirement | Requirement Editor ]] 
 +  * [[ide_result | Execution Result ]] 
 +  * [[ide_artifact | Model Artifact ]]
  
-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//.  +----
  
-=== Open Tab in New Browser === +==== System 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. +{{ wiki:idescreen:ide_msgpane.png?400 }}
  
-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.+Informational, alert and error messages are displayed in this area
  
 +Upon new message is received, the message will be displayed and hide after 5 seconds.  
 +
 +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.
  
 ---- ----
  
-==== Shortcut Keys ==== +==== Manage License ==== 
-//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]]+{{ wiki:idescreen:managelicense.png?400 }} 
 + 
 +Enter license keys and acknowledge that you have read and agreed to //TestOptimal License Agreement//.
  
-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//.