Output Window Variants

Author: Josef Pavlicek

$Revision: 1.2 $
$Date: 2006/08/21 07:25:37 $

Content

• Requirements
• NetBeans output window behavior and design
• New design of the output window

Requirements

Motivation

This file is temporary file and if you want you can see genesis of Output Window design.

Goal

To improve design and behavior of the Output window.

NetBeans output window behavior and design

Current output window design and behavior

Now the output widow shows all messages(Figure 1) from build, run and finish (stop) java application. The user can slide the window into the edge bar, this window can be in the sliding mode. The user can close the window by the close icon in the top right corner of the window tab.

Figure 1: Current output window design and behavior

Output window behavior

If the user starts some action like Run file, Run project, Build project etc. the system shows the output window. This output window should have toolbar placed in the edge. On this toolbar should be placed icons. These icons should allow:

• to repeat the last action (If the last action was Run file, there should be Run file icon)
• to allow the user to use other the most usable actions
  • like stop application
  • run application
  • other defined here (I have to put hyperlink here)
• to allow the user to filter the outputs shown in the output window

List of possible actions and the output window behavior on them

The list of possible actions we can split on the three sections:

• actions over the Java application and Java GUI application
• actions over the Web Java applications
• actions over the Enterprise Java applications

All action is awoke from the project window (if the project is not set as the main project in the options of NetBeans IDE)

Actions over the Java application and Java GUI application

• Build project
  • The system should show the user the icon for building (re-building of the project) .
  • Instead of this icon the system shows icon Run file/project, Debug file/project, Stop application, Stop and exit application, Output window Filter
• Clean and build project
  • The system shows the output window with results from this action. The system should show some icon representing this action
  • Instead of this icon the system shows icon Run file/project, Debug file/project, Stop application, Stop and exit application, Output window Filter
• Clean project
  • The system shows the output window with results from this action.
  • Instead of this icon the system shows icon Stop clean project, Stop and exit clean project, Output window Filter
• Generate java doc for project
  • The system shows the output window with results from this action.
  • Instead of this icon the system shows icon Stop generate java doc, Stop and exit generate java doc, Output window Filter
• Run project/file
  • The system shows the output window with results from this action.
  • Instead of this icon the system shows icon Debug file/project, Stop application, Stop and exit application, Output window Filter
• Debug project/file
  • The system shows the output window with results from this action.
  • Instead of this icon the system shows icon Run file/project, Stop application, Stop and exit application, Output window Filter
• Test project
  • The system shows the output window with results from this action.
  • Instead of this icon the system shows icon Stop test project, Stop and exit project, Output window Filter
• Compile file/package
  • The system shows the output window with results from this action.
  • Instead of this icon the system shows icon Stop compile, Stop and exit compile, Output window filter

Add vertical toolbar

Into the left side of the output window we can add tool bar. This tool bar has width 26 pix's and his height is resizable with the window.

Vertical toolbar (version I.)

Add horizontal toolbar

On the footer of the output window we can add horizontal toolbar. This toolbar has width 26 pixs.

Horizontal toolbar (version II.)

Add top horizontal toolbar

On the header of the output window we can add horizontal toolbar. This toolbar has width 26 pix's.

Top horizontal toolbar (version III.)

Top horizontal toolbar - white (version IV.)

List of toolbars - the last action which called output window is on the first position in the toolbar (except debug application)

Appearance of toolbars with more tabs in the output window

More tabs appearance design 1. Appearance of top horizontal toolbar with more tabs - gray version with blue line

More tabs appearance design 2. Appearance of top horizontal toolbar with more tabs - white version

More functions in the toolbar (application server ICONs)

More functions tab figure 1.1 The left toolbar with top toolbar for application server

More functions tab figure 1.2 The left toolbar with top toolbar for application server - white version

More functions tab figure 1.3.1 More toolbars on the left side

More functions tab figure 1.3.2 More toolbars on the left side - white version

More functions tab figure 2.1 More toolbars - horizontal footer toolbar

More functions tab figure 2.2 More toolbars - horizontal footer toolbar - white version

More functions tab figure 3.1 Top horizontal toolbar with application server toolbar

More functions tab figure 3.2 Top horizontal toolbar with application server toolbar - white version

The versioning system(CVS) window redesign

CVS redesign - figure 1.1 The versioning system (CVS) window - left toolbar

CVS redesign - figure 1.2 The versioning system (CVS) window - left toolbar - white version

CVS redesign - figure 2.1 The versioninig system (CVS) window - all buttons left

CVS redesign - figure 2.2 The versioninig system (CVS) window - all buttons left - white version

CVS redesign - figure 3.1 The Versioning system (CVS) window (into the cvs toolbar we add blue line with color 127,157,185 for consolidation window looks)

CVS redesign - figure 3.1 The Versioning system (CVS) window- white version (into the cvs toolbar we add blue line with color 127,157,185 for consolidation window looks)

The JUnit design (under the construction)

The JUnit window is under the construction - Jindra Dinga works on that. This design is work design only.

The top toolbar

JUnit window figure 1.1 (Design by Jindra Dinga)

JUnit window figure 1.2 - white version

The top toolbar with icons on the left side

JU nit window figure 2.1 The JU nit window with toolbar on the left side

JUnit window figure 2.2 The JUnit window with toolbar on the left side - white version