Inicio > Blackberry, Mobile Web, Movil > Comenzando el desarrollo de web apps para Blackberry.

Comenzando el desarrollo de web apps para Blackberry.

Las aplicaciones web diseñadas para BlackBerry o para cualquier dispositivo móvil deben tener un balance entre la mejor experiencia de usuario posible y una vida prolongada de batería.

Se debe considerar que los dispositivos tienen una resolución de pantalla pequeña que soporta un limitado número de caracteres, el procesador y la memoria son limitados y las conexiones de red inalámbricas de red tienen un mayor tiempo de espera que una red estándar.

Una interfaz de usuario de BlackBerry debe ser diseñada en términos de que los usuarios puedan realizar tareas fácilmente y acceder a la información rápidamente, los usuarios móviles esperan encontrar la información con  poca cantidad de datos por despliegue.

Antes de diseñar una aplicación Web, es importante navegar por sitios para conocer más acerca del modelo de navegación y mejores prácticas para el diseño de interfaces y de esta manera ser consistente con los demás aplicacionesweb del modelo del dispositivo.

Las pantallas de los dispositivos BlackBerry, dependiendo del dispositivo y del tamaño de la fuente seleccionada, pueden desplegar generalmente de 12 a 18 líneas de texto con 28 a 35 caracteres cada una.

El TrackBall o trackpad es el control principal de navegación para los usuarios, los usuarios pueden mover el cursor o ejecutar una acción dando clic sobre estos controles. Por lo que es importante diseñar aplicaciones tomando en cuenta el modo de interacción.

Especificaciones de tamaño de pantalla para dispositivos BlackBerry

Modelo Blackberry. Tamaño de pantalla. Método de Interacción
BlackBerry® 7100 240 x 260 pixels trackwheel
BlackBerry® 8700 320 x 240 pixels trackwheel
BlackBerry® 8800 320 x 240 pixels trackball
BlackBerry® Bold™ 9000 480 x 320 pixels trackball
BlackBerry® Bold™ 9650 480 x 360 pixels trackpad
BlackBerry® Bold™ 9700 480 x 360 pixels trackpad
BlackBerry® Curve™ 8300, 8350i 320 x 240 pixels trackball
BlackBerry® Curve™ 8500 320 x 240 pixels trackpad
BlackBerry® Curve™ 8900 480 x 360 pixels trackball
BlackBerry® Pearl™ 8100 240 x 260 pixels trackball
BlackBerry® Pearl™ Flip 8200 240 x 320 pixels trackball
BlackBerry® Pearl™ 9100 360 x 400 pixels trackpad
BlackBerry® Storm™ 9500 360 x 480 pixels touch screen
BlackBerry® Tour™ 9600 480 x 360 pixels trackball

Tiempo de descarga y de render.

El tiempo de descarga es calculado dependiendo de tres factores: tamaño de contenido, red inalámbrica y protocolo. Para minimizar el tiempo de descarga se puede:

  • Reducir el tamaño del contenido evitando elementos innecesarios e imágenes.
  • Reducir el tamaño de imágenes tanto como sea posible.

El tiempo de interpretación de la página no afecta tanto como el tiempo de descarga, pero contenidos muy largos pueden requerir de varios segundos para interpretarse y desplegarse.

Los servicios MDS y BIS (ver mi post anterior sobre los tipos de conexiones bb), mejoran la velocidad de interpretación procesando el contenido HTML antes de enviarlo al navegador, estos servicios filtran los elementos que no son soportados y convierten el contenido en un formato que el navegador puede desplegar eficientemente.

Cookies

El navegador BlackBerry soporta cookies basadas en la RFC 2109, las cookies se guardan en el navegador, aunque el dispositivo se apague.

A partir de la versión de dispositivo 3.8, existe una propiedad  de tipo texto dentro del objeto javascript HTMLDocument que se llama “cookie”.

Cuando el navegador lee esta propiedad, regresa una lista de nombre-valor separada por punto y coma de todas las cookies que no han expirado asociadas con el documento o frame.

Cuando se establece un valor para esta propiedad, cada valor debe ser un par (nombre-valor) seguido de cero o mas atributos de la cookie, el nuevo valor y atributos reemplazan al viejo valor y sus atributos, si el valor que se especifica no tiene la sintaxis correcta de la cookie, la propiedad arroja un valor de sintaxis (SYNTAX_ERR)

El objeto HTMLDocument de javascript extiende el objeto Document y proporciona acceso a la jerarquía de HTML

A partir de la versión 4.6 existe una propiedad del objeto Navigator que se llama cookieEnabled, esta propiedad es solo de lectura y sirve para conocer si las cookies están habilitadas en el navegador.

El objeto Navigator –disponible a partir de la versión 3.8 –  provee información acerca de la versión del navegador de BlackBerry que está siendo usado, todas sus propiedades contienen información acerca de diferentes aspectos del navegador y son solo de lectura

Caché

El navegador tiene 3 diferentes tipos de caches, cada uno guarda diferente tipo de información:

Cache de contenido: Este cache, incluye la cache de datos en bruto; contiene todos los datos que son guardados como resultado de la actividad normal del navegador.

Cache de canal: Este cache contiene datos que son enviados a el dispositivo por un canal o por push.

Cache de cookie: Este cache contiene cookies que son asignadas al navegador por las páginas visitadas.

Cuando es posible, el navegador carga las peticiones desde el cache local, el navegador respeta las directivas de control de cache que los servidores Web envían en las cabeceras de respuesta tales como Expires, Max-Age y Cache-Control.

Para conocer mas se puede ver la especificación WAP-120-UACACH-20010413-a en http://www.wapforum.org (WAP Caching Model Specification)

En el dispositivo BlackBerry, el navegador guarda los caches de canal y de cookie en un almacenamiento persistente, de esta manera la información se guarda aun y cuando el dispositivo se reinicialice.

El navegador limpia un elemento del cache cuando este expira. Si un elemento no expira, el navegador limpia el contenido del cache después de 29 días.

Los usuarios también pueden limpiar el cache (los tres tipos) en el dispositivo para liberar memoria y actualizar cualquier página visitada.

En el navegador presionar:

Menu -> Options -> Cache Operations -> Seleccionar clear de la opción de cache que se quiera borrar.

En dispositivos con 8MB de memoria, el navegador limpia el contenido del cache cuando se cierra la sesión del navegador.

En dispositivos con 16 MB de memoria, el contenido del cache se guarda y el dispositivo limpia elementos del cache para liberar memoria cuando es necesario, comenzando con las páginas que ya expiraron.

Los proveedores de servicio pueden especificar el tamaño del cache en bruto. El tamaño por defecto para diferentes dispositivos es de 200KB para dispositivos con 8MB de memoria, 500KB para los de 16MB y de 2MB con los de mas de 16MB de memoria.

Los usuarios no pueden ver o cambiar estas opciones.

Mejores prácticas al conceptualizar una aplicación web:

  • Seguir un modelo de navegación estándar, tanto como sea posible, una acción particular produce un resultado esperado.
  • Enfocarse en la tarea inmediata del usuario.
  • Desplegar solo la información que el usuario necesita en cualquier momento.
  • Mostrar opciones de navegación que sean relevantes al contexto actual del usuario.
  • Diseñar aplicaciones Web que desplieguen información usando la pantalla de manera efectiva
  • Minimizar el número de veces que los usuarios necesitan dar clic en el TrackBall, trackpad o touch screen para completar una tarea.
  • Diseñar las interfaces de manera que los usuarios puedan cambiar de opinión y deshacer comandos, los usuarios algunas veces dan clic en el menú equivocado o botón accidentalmente
  • Diseñar las aplicaciones Web para dispositivos con TrackBall o trackpad

Mejores prácticas de diseño:

  • Usar un limitado número de etiquetas HTML anidadas, entre mas anidaciones de código HTML en la pantalla, más tiempo toma al dispositivo interpretar el código.
  • Tener soporte para múltiples resoluciones y tamaños de pantalla, siempre probar las aplicaciones Web en diferentes modelos de BlackBerry y diferentes tamaños de pantalla.
  • Incluir elementos de navegación básicos como regresar e inicio al comienzo  y al final de páginas largas.
  • Usar disposiciones de pantalla verticales.
  • En dispositivos touch screen, verificar que el diseño de pantalla se despliege correctamente en vertical y horizontal.
  • Incluir el titulo de la hoja o un encabezado  para describir el contenido de la pantalla.
  • Desplegar la información más importante al inicio de la pantalla.
  • Limitar el número de opciones de navegación superior  que aparezcan en la pantalla a la vez.
  • Poner todas las opciones que el usuario puede tener de navegación al final del documento.
  • Usar separadores de línea en la pantalla, para separar controles o para indicar un grupo de controles.

Pasos para entregar contenido a dispositivos específicos:

1.  Crear contenido específico para los dispositivos y los navegadores. (HTML, CSS, JS)

2.  Crear un directorio en el servidor y copiar todos los archivos necesarios ahí.

3. Escribir un código de detección de dispositivo con un lenguaje que permita acceder  y manipular las cabeceras http, específicamente que analice la cabecera “Profile” para determinar el tipo de navegador y los tipos de contenido soportados, y regrese el contenido que es apropiado para el navegador que solicita el contenido.

4. Copiar el script de detección de dispositivos al servidor.

5. Probar el contenido desde diferentes navegadores y dispositivos (usando los simuladores de BlackBerry)

  1. octubre 7, 2010 a las 1:58 pm

    Lista de resoluciones de pantalla de otros dispositivos.

    http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density

  2. Carlos Aguilar
    enero 4, 2011 a las 9:03 pm

    hola, qiero aprender a diseñar aplicaciones para blacberry o para i phone, se q ps no es cosa sencilla, pero de vdd m interesa, qisiera saber q temas debo de leer, q libros q cosas necesito, qiero ser un buen aprendiz. ALGUIEN???

  3. Carlos Aguilar
    enero 4, 2011 a las 9:04 pm

    ALGUIEN??

  4. enero 4, 2011 a las 9:38 pm

    Hola Carlos, dependiendo de si quieres desarrollar Aplicaciones nativas o aplicaciones web, puedes comenzar con algun libro general por ejemplo como este http://www.mobilexweb.com/book para que te des una idea general del desarrollo movil.
    Respecto al desarrollo para blackberry puedes leer el de http://bbdevfundamentals.com/ que abarca todo desde un panorama muy amplio, y para iphone puedes comenzar con alguno de estos http://oreilly.com/iphone/index.html
    Espero te sirva saludos!

  5. Juan Silva
    septiembre 19, 2012 a las 8:56 pm

    Excelente post. de verdad felicitaciones….me respondiste varias dudas que tenia… yo quiero desarrollar una app web y de igual forma te agradecería que me orientases sobre el tema…

  6. marzo 29, 2013 a las 12:32 am

    continuously i used to read smaller articles or reviews which as well clear their motive,
    and that is also happening with this article which I am reading at this time.

  1. No trackbacks yet.

Responder

Por favor, inicia sesión con uno de estos métodos para publicar tu comentario:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: