===== TestOptimal IDE Overview =====
[[#TestOptimal IDEs]] share the same layout and design.  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 IDEs ====
These are //TestOptimal IDEs and applications// available for various [[#TestOptimal Editions]]:
  * [[State Model IDE]] - available with Community, PromMBT and Runtime
  * [[Data Design IDE]] - available with Community, PromMBT and Runtime
  * [[Server Manager ]] - available with SvrMgr
  * [[Dashboard ]] - available with ProMBT, Runtime and SvrMgr

The IDEs and //Server Manager// are launched with [[http://localhost:8888 | http://localhost:8888]] while //Dashboard// application is launched by clicking {{wiki:idescreen:dashboard_btn.png?20}} on the application header.

Buttons and field labels usually have hover message that gives the contextual information.  Additionally many application screens have {{wiki:idescreen:ide_info_btn.png?20}} that opens up more information about the screen.

You will need to [[#Login]] to access //IDE//.

----
==== Screen Layout ====
//TestOptimal IDE// consists of an [[#Application Header]] on the top, a [[#Content-Area]] in the middle and a [[#System Message Pane]] at the bottom.

Hover over button, links and field labels to show contextual information.

{{wiki:idescreen:ide_main_short.png}}

=== Application Header ===
{{wiki:idescreen:ide_header.png}}

The application header has menu, toolbar and a set of tab selection. The far right is the guided tour and application info menus.


== Menus ==
{{wiki:idescreen:ide_menu.png}}

Menus are accessed by hovering mouse over {{http://testoptimal.com/to.ico}}. 

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}}

== Toolbar ==
{{wiki:idescreen:ide_menutoolbar.png}}

Toolbar icons are associated to menu items and can be added or removed through application menu.


== Tabs ==
{{wiki:idescreen:ide_tabselection.png?400}}

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]].

== Info Menus ==
On the right of application header is Guide and Help hover menus.  Guide menu lists online guided tour of features of IDE. 

----


==== System Message Pane ====
Informational, alert and error messages are displayed in this area. 

{{wiki:idescreen:ide_msgpane.png?400}}

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.

----

==== Login ====

The first time you open //IDE//, you will need to set up a local account to access //IDE//:

{{wiki:idescreen:ide_login_setup.png?300}}

Use the email address you used to request download or license.

Subsequently you will just need to login:

{{wiki:idescreen:ide_login.png?300}}

The "Login" button is enabled when all fields are entered and passwords matches (first time).

You may change password by editing following entry in //config/config.properties//:
   security.password.test1@mine.com=enc(qEan3eThHg0\=)

Enter your password in clear text and restart //TestOptimal// server, the password will be encrypted automatically.


IDE times out after 60 minutes of no activity.  You will need to refresh the browser and re-login.  This setting can be adjusted by changing the following setting in /config/application.properties file:
   server.servlet.session.timeout=60m


----
==== Manage License ====
Enter licensed email and license key you have received from the support.

{{wiki:idescreen:managelicense.png?400}}