Componentes de la interfaz de usuario: Aplicación Web del Geoportal
En este tema
Componentes de la interfaz de usuario: Aplicación Web del Geoportal
La interfaz de usuario del Geoportal usa el marco de JavaServer Faces (JSF). Faces procesa las solicitudes de las páginas del sitio Web y las enruta al controlador del Geoportal correspondiente para la ejecución. Luego de la ejecución, Faces navega a la página adecuada para presentar la respuesta. Los controladores y las reglas de navegación se configuran en \\geoportal\WEB-INF\gpt-faces-config.xml.
El diseño para las páginas del sitio Web se basa en el marco de teselas de Apache Struts. Teselas define la plantilla de la página, permitiendo que haya consistencia en todas las páginas. Las definiciones de tesela se configuran en \\geoportal\WEB-INF\tiles-defs.xml y se implementan en \\geoportal\catalog\skins\centeredLayout.jsp. Para obtener más información acerca del marco de teselas, consulte Teselas y diseño del Geoportal.
El estilo para las páginas del sitio Web (colores, fuentes, etc.) se basa en una Hoja de estilo en cascada (CSS) y en un conjunto de gráficos correspondiente (de manera predeterminada: \\geoportal\catalog\skins\red\main.css and \\geoportal\catalog\skins\red\images).
Los componentes de la interfaz de usuario principal asociados con la operación, aspecto y contenido localizable para la aplicación Web del Geoportal se muestran en la figura a continuación.
Las cadenas de caracteres de la interfaz de usuario son localizables. Todas las cadenas de caracteres (con excepción de los mensajes de errores del nivel bajo y el contenido suministrado por el usuario) se recuperan de un paquete de recursos Java. El paquete se puede traducir a otro idioma y nombrarlo como sigue: \\geoportal\WEB-INF\classes\Geoportall_[language code]_[country code]_[variant].properties. Consulte la sección sobre localización en la sección de personalización de ayuda en la Web para obtener más información acerca de la localización del Geoportal.
El sitio Web usa el JavaScript para cualquier programación del lado del cliente (es decir, lado del navegador). El kit de herramientas Dojo (un marco de JavaScript) se utiliza para las interacciones más complejas (por ejemplo, llamadas de AJAX). El sitio Web usa el API de JavaScript de ArcGIS al implementar la funcionalidad relacionada con SIG en una página de la aplicación Web del Geoportal. Los ejemplos incluyen: la visualización de mapas interactivos, la interacción con los servicios del localizador geográfico, la interacción con el servicio de descarga de datos del Geoportal y la proyección de la representación primitiva.
Teselas y diseño de la aplicación Web del Geoportal
La interfaz del Geoportal se construye usando teselas Apache. Teselas Apache es un marco de plantillas para el desarrollo de la interfaz de usuario para la aplicación Web. Los autores pueden definir una página de aplicación Web en fragmentos, los que se ensamblan para formar la página completa durante el tiempo de ejecución. Para obtener más información consulte http://tiles.apache.org.
Las teselas se ensamblan juntas en un diseño. La mayoría de las páginas de la interfaz del Geoportal se trazan usando el "diseño centrado". El diseño centrado lo define el archivo \\geoportal\catalog\skins\centeredLayout.jsp. Otros dos diseños se definen en una instalación del Geoportal de uso inmediato: un diseño emergente y un diseño con centrado mínimo. Éstos se usan en algunas instancias de ciertas páginas en donde no es necesario el diseño completo y la navegación.
Las teselas que constituyen cada diseño se identifican en el archivo \\geoportal\WEB-INF\tiles-defs.xml.
El gráfico a continuación muestra la estructura del diseño centrado y la organización de las teselas en el mismo. En el gráfico, las secciones de la cabeza y del cuerpo se refieren a las etiquetas estándar de la cabeza y cuerpo de HTML, las secciones de div se refieren a las etiquetas de div de HTML y todos los cuadros verdes (en el extremo derecho en la mayoría de casos) representan una tesela. 
- Cabeza: importa las bibliotecas del JavaScript globales y establece las etiquetas meta html.
- Encabezado: proporciona espacio para la imagen del encabezado en sí, así como espacio para los vínculos de la navegación terciaria
- Navegación terciaria: proporciona el espacio para la navegación correspondiente a todos los usuarios. Esto incluye vínculos para:
- Inicio/cierre de sesión:
- Registro/Mi perfil
- Ayuda
- Acerca de
- Retroalimentación
- Navegación primaria: proporciona espacio para las etiquetas de navegación principales de varias secciones del Geoportal. Esto incluye:
- Inicio
- Búsqueda
- Examinar
- Administración (para administradores)
- Iniciar el Visor de mapas (si se implementa un visor de mapas opcional)
- Navegación secundaria: proporciona el espacio para los vínculos que apuntan a la subfuncionalidad dentro de una sección principal. Los ejemplos incluyen:
- Manejar y agregar la pestaña de Administración
- Cuerpo: tiene el contenido principal de las páginas individuales.
- Pie de página: usualmente es un marcador para vínculos a exenciones de responsabilidad, declaraciones de privacidad o cualquier otra información que debe aparecer discretamente en todas las páginas de la aplicación.