Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision 		Previous revision
navigation [2020/05/02 19:13]
admin [Screen Layout] 		navigation [2021/01/05 03:00] (current)
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 }}
  
-The work-area is the home for a set of tabs you can choose from the tab selection in the middle of the application header.+=== Application Header === 
 +The application header has menu, toolbar and a set of tab selection. The far right is the application info menus.
  
-On the left of the IDE is a [[SideBar | SideBar]] which contains a set of mini buttons for quick access to IDE functions and control of model execution. +{{ wiki:idescreen:ide_header.png }}
-----+
  
-==== IDE Panes ==== +== Menus == 
-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. +Menus are accessed by hovering mouse over {{http://testoptimal.com/to.ico}}.  
  
-===Customeize Panes=== +{{ wiki:idescreen:ide_menu.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=== +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.
-The panes can be resized by moving the divider between two panes: drag and drop the divider or click-move-click the divider. +
  
-===Working with Tabs=== +{{ wiki:idescreen:ide_menuitems.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 === +== Toolbar == 
-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. +Toolbar icons are associated to menu items and can be added or removed through application menu.
-  * {{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_menutoolbar.png }}
  
-==== Fullscreen Mode ==== +== Tabs == 
-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//.+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]].
  
 +{{ wiki:idescreen:ide_tabselection.png?400 }}
 +
 +== 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//.