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:24]
admin [IDE Panes] 		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. 
  
 ---- ----
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. //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 === === 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 }}
  
-==== Content Area ==== +== Toolbar == 
-This is the area where you will be building your model and writing automation scripts.+Toolbar icons are associated to menu items and can be added or removed through application menu.
  
-----+{{ 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//.