WebSphere Everyplace Access

Ampliación de las mejoras de visualización de dispositivo


Everyplace Access mejora la experiencia de Portal móvil perfeccionando el aspecto del Portal en los dispositivos móviles seleccionados. Las mejoras de visualización de dispositivo permiten presentar el Portal del modo deseado en los dispositivos móviles. Aunque el Portal se visualice correctamente, no todas las funciones se soportan en los dispositivos móviles.

Dispositivos

Se proporcionan mejoras de dispositivo para los dispositivos siguientes:

Las mejoras de dispositivo incluyen, por ejemplo:

Everyplace Access también incluye cuatro temas que se han mejorado para los dispositivos móviles, Corporate, Science, Engineering y Finance (empresarial, ciencia, ingeniería, finanzas). Si selecciona utilizar un tema que no está mejorado para los dispositivos móviles, se utiliza el tema por omisión de Everyplace Access.

Aplicación de mejoras de dispositivo a capas y temas nuevos

Las mejoras de dispositivo se instalan en el Portal durante la instalación de Everyplace Access. Si tiene temas personalizados a los que desea aplicar estas mejoras, copie el tema en el directorio PDA. Para adaptar los portlets, tenga en cuenta los elementos tales como el espaciamiento y el uso de tablas. Es posible que tenga que modificar el portlet para mejorar el modo en que se visualiza en dispositivos pequeños.

Para maximizar el número de portlets visualizables en el dispositivo, Everyplace Access incluye iconos de portlet. Al seleccionar el icono, se maximizará el portlet. Para los navegadores PDA que no soportan imágenes, sólo se muestra el título del portlet. Los iconos de portlets pueden especificarse de dos maneras.

Puede almacenar el icono donde quiera y enlazar al icono utilizando el URL del archivo de imagen, por ejemplo http://sistpral.com/images/icon.gif. Como alternativa, puede almacenarlos en el directorio /images/pda del portal, por ejemplo, <raíz_wps>/apps/wps.ear/wps.war/images/pda, y utilizar un enlace relativo a la imagen.

Para añadir un icono a un portlet existente, edite el archivo portlet.xml y añada los parámetros de icono pda. El archivo portlet.xml se encuentra en el directorio WEB-INF del portlet. Por ejemplo, para añadir un icono que está almacenado en el directorio images/pda denominado news.gif a un portlet, deberá añadir las líneas siguientes al archivo portlet.xml:

     <config-param>
        <param-name>pda-icon</param-name>
        <param-value>/images/pda/news.gif</param-value>
     </config-param>

Para cambiar el icono PDA que se utiliza para un portlet:

  1. Vaya al lugar Administración de Portal.
  2. Seleccione Gestionar portlets.
  3. Seleccione el portlet y pulse Modificar parámetros.
  4. Seleccione el parámetro pda-icon y modifique el valor como sea necesario.
  5. Guarde los cambios.

Consulte la documentación de WebSphere Portal para obtener las instrucciones más recientes para las tareas de Administración de Portal.

Añadir soporte de PDA a otros portlets

WebSphere Everyplace Access incluye soporte de marcación PDA para permitir un mayor control de cómo se presenta el contenido en los dispositivos PDA. Everyplace Access añade definiciones de cliente para navegadores en dispositivos PDA como, por ejemplo, Pocket Internet Explorer en Pocket PC. Everyplace Access también añade definiciones para navegadores que sólo soportan texto, como Eudora en dispositivos Palm. Puede añadir esta funcionalidad en otros portlets de su entorno de Everyplace Access, si lo desea.

Para añadir soporte de PDA a un portlet, debe actualizar el archivo portlet.xml, el archivo web.xml (para portlets de modelo-vista-control) y crear versiones PDA de la JSP de portlet. Debe actualizar el archivo portlet.xml del portlet para indicar que da soporte a la marcación PDA. El portlet también debe dar soporte a las vistas maximizadas y minimizadas. Actualmente no se da soporte a la ayuda de portlet en la marcación PDA puesto que las ventanas emergentes no están soportadas en la mayoría de dispositivos PDA. Si especifica help bajo la marcación PDA, se hará caso omiso de ello.

Si añade soporte de PDA a un portlet MVC (Model-view-controller), deberá crear una nueva clase de controlador de PDA y actualizar el archivo web.xml para que incluya un identificador´ init-parm para esa clase. En las instrucciones que hay a continuación se incluye un ejemplo del identificador init-parm. Los portlets MVC dan soporte a diversos navegadores y tipos de dispositivo. Puede encontrar más información sobre los portlets MVC en la sección sobre desarrollo de portlets del InfoCenter de WebSphere Portal. Consúltelo bajo Directrices para el desarrollo de portlets.

Según las necesidades de su entorno, quizá tenga que crear una JSP para navegadores de PDA que soporte imágenes y JavaScript, una JSP para navegadores de PDA que soporte sólo texto, o ambas. Al crear la nueva JSP debe tener en cuenta que los navegadores en dispositivos PDA tienen limitaciones específicas. Tenga presente que las funciones y el espacio son limitados. Además, los navegadores sólo de texto no dan soporte a imágenes y JavaScript. Consulte el tema Recursos adicionales para encontrar enlaces a artículos de utilidad disponibles en la Web.

Después de crear las JSP, éstas se almacenan en directorios especiales. Las JSP que soportan imágenes y JavaScript se almacenan en un directorio pda. Las JSP de sólo texto se almacenan en un directorio textonly.

Para añadir soporte de marcación PDA a un portlet:

  1. En el árbol de origen de portlet, cree un nuevo directorio denominado pda.
  2. En el directorio pda, cree la JSP para navegadores de PDA que soporten JavaScript e imágenes.
  3. En el directorio pda, cree un directorio denominado textonly.
  4. En el directorio textonly, cree la JSP para navegadores de PDA que soporten sólo texto.
  5. Abra el archivo portlet.xml para el portlet en un editor de texto.
  6. Añada el nombre de marcación pda a los identificadores de soporte en el archivo portlet.xml. Por ejemplo,

    <supports>
         <markup name="html">
           <view/>
           <edit/>
           <help/>
         </markup>
         <markup name="wml">
           <view/>
         </markup>
         <markup name="pda">
    <view/>
    <edit/>
         </markup>

    </supports>


  7. Asegúrese de que el portlet soporta las vistas maximizadas y minimizadas. Por ejemplo,
    <allows>
         <maximized/>
         <minimized/>
    </allows>
  8. Guarde los cambios y cierre el archivo.
  9. Sólo para portlets MVC, añada un identificador init-param para la nueva clase de controlador de PDA en el archivo web.xml de portlet.
  10. Abra el archivo web.xml en un editor de texto.
  11. Añada el identificador siguiente:

         <init-param>
             <param-name>controller.pda</param-name>
             <param-value>nombreclase_de_controlador_pda</param-value>
         </init-param>

  12. Guarde los cambios y cierre el archivo.
  13. Ahora ya está preparado para desplegar el portlet actualizado.


Información relacionada