Diseño de la interfaz de usuario Web por omisión

La interfaz de usuario Web por omisión para Business Process Choreographer Explorer consta de una barra de menús, un panel de navegación y un panel de contenido.

Gráfico que muestra la cabecera, el panel de navegación y el panel de contenido de la interfaz de usuario.

La barra de menús y los paneles de navegación se visualizan siempre. Los archivos Menubar.jsp y Navigation.jsp los generan. Otros archivos JSP (JavaServer Pages) utilizan el código <jsp:include page=xxx> para hacer referencia a estos archivos. La información que se muestra en el panel de contenido depende del archivo JSP que se utiliza para generar la página.

Todos los archivos JSP utilizados en la interfaz de usuario por omisión se encuentran en los directorios siguientes:

El diseño de la interfaz de usuario se implementa en formularios HTML; las tablas se utilizan sólo para datos de tablas. El aspecto visual de cada una de las secciones está controlado por una definición de estilo en el archivo style.css.

Gráfico que muestra el diseño de una página típica en la interfaz de usuario por omisión de Business Process Choreographer Explorer
La tabla principal tiene una fila y una columna e incluye el panel Navigation.jsp. También proporciona una celda de tabla para el contenido de página. Según dicho contenido, esta célula puede contener también tablas, formularios y etiquetas. La plantilla HTML del diseño de página es similar a la del ejemplo siguiente:
<body>
	<jsp:include page="Header.jsp" flush="true"/>
	<table class="page"> 
		<tr>
			<jsp:include page="Navigation.jsp" flush="true"/>
			<td class="content">
			  ...
			 </td>
		</tr>
	</table>
</body>

Condiciones de uso |


(c) Copyright IBM Corporation 2005, 2006.
Este centro de información está basado en tecnología Eclipse (http://www.eclipse.org)