Output Window Variants
Author: Josef Pavlicek
$Revision: 1.2 $
$Date: 2006/08/21 07:25:37 $
Content
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
- The system should show the user the icon for building (re-building of the project)
- 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)
List of toolbars | |
Build, Build and Clean, Run,Debug toolbar vr .I. | Figure 1.1 |
Build, Build and Clean, Run,Debug toolbar vr. II. | Figure 2.1 |
Build, Build and Clean, Run,Debug toolbar vr .III - white tab | Figure 3.1 |
Clean project toolbar vr. I. | Figure 1.2 |
Clean project toolbar vr .II. | Figure 2.2 |
Clean project toolbar vr .III. | Figure 3.2 |
Generate java doc for project toolbar vr .I. | Figure 1.3 |
Generate java doc for project toolbar vr .II. | Figure 2.3 |
Generate java doc for project toolbar vr .III. | Figure 3.3 |
Test project toolbar vr .I. | Figure 1.4 |
Test project toolbar vr .II. | Figure 2.4 |
Test project toolbar vr .III. | Figure 3.4 |
Compile file/package vr. I. | Figure 1.5 |
Compile file/package vr. II. | Figure 2.5 |
Compile file/package vr. III. | Figure 3.5 |
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