Breve reseña de jQuery Mobile

Introducción

jQuery Mobile es un excelente Framework para la creación de aplicaciones web para dispositivos móviles. Desarrollado en base al popular jQuery y su interfaz de usuario (UI), jQuery Mobile es un Framework eficaz y unificado para escribir aplicaciones web para móviles. Con jQuery Mobile se puede asegurar del diseño y comportamiento persistente a través de diferentes plataformas móviles. Las características básicas de jQuery Mobile incluyen:

• Simplicidad y flexibilidad general: El Framework es fácil de usar. El desarrollador puede:
• Desarrollar páginas utilizando principalmente etiquetado manejado con poco o sin Javascript.
• Uso de JavaScript avanzado y eventos.
• Uso de un único documento HTML con múltiples páginas embebidas.
• División de la aplicación en varias páginas.
• Mejora progresiva y la degradación agraciada: Mientras jQuery Mobile aprovecha lo último de HTML5, CSS 3 y JavaScript, no todos los dispositivos móviles cuentan con soporte para estas tecnologías. La filosofía de jQuery Mobile es apoyar a tanto dispositivos de gama alta y de menor capacidad, como los que no tienen soporte de JavaScript y aun así proporcionar la mejor experiencia posible.
• Soporte para el tacto y otros métodos de entrada: jQuery Mobile proporciona soporte para diferentes métodos de entrada y eventos: el tacto, el ratón y el cursor de enfoque basados en los métodos de entrada de usuario.
• Accesibilidad: jQuery Mobile se ha diseñado pensando en la accesibilidad. Tiene soporte para Aplicaciones de Internet Enriquecidas Accesibles (WAI-ARIA) para ayudar a hacer páginas web accesibles para los visitantes con discapacidades que utilicen tecnologías de asistencia.
• Ligero y modular: El Framework es ligero, con un tamaño total (miniaturizada y comprimido para la versión 1.0.1) de 24KB para la biblioteca JavaScript 7KB para la CSS, además de algunos iconos.
• Tematización: El Framework también proporciona un sistema temático que le permite utilizar y definir su estilo propio. Con la nueva aplicación ThemeRoller el desarrollador puede crear fácilmente sus propios temas.

El Framework de jQuery Mobile incluye todos los componentes de interfaz de usuario necesarios para la construcción de aplicaciones web completas móviles y sitios web: páginas, cuadros de diálogo, barras de herramientas, diferentes tipos de vistas de lista, una gran variedad de elementos de formulario y botones, y mucho más. Además jQuery Mobile se basa en la parte superior del núcleo de jQuery, por lo que tiene acceso a los servicios esenciales, entre ellos: HTML y el modelo de objetos de documento (DOM) XML de desplazamiento y manipulación, gestión de eventos, la comunicación servidor usando Ajax y efectos de animación e imágenes de las páginas web.

Con jQuery Mobile se pueden escribir aplicaciones básicas de Internet móvil sin mucho esfuerzo. Debido a que jQuery Mobile es un Framework muy amplio con eventos avanzados y muchas APIs, también se pueden escribir aplicaciones avanzadas de Internet móvil y sitios web.

Compatibilidad con navegadores móviles

Los navegadores web móviles han recorrido un largo camino, pero no todos los dispositivos móviles ofrecen soporte para HTML5, CSS 3 y JavaScript. En este escenario es donde se puede observar como la consolidación progresiva de jQuery Mobile y el apoyo de la degradación agraciada entran en juego.

jQuery Mobile es compatible tanto con dispositivos de gama alta y menos capaces, como los que no tienen soporte de JavaScript. La “Mejora progresiva” es una filosofía de diseño, consta de los siguientes principios básicos:

• Todo el contenido básico debe ser accesible a todos los navegadores.
• Toda la funcionalidad básica debe ser accesible a todos los navegadores.
• Disposición mejorada mediante CSS’s externamente vinculadas.
• Comportamiento mejorado mediante JavaScript externamente vinculadas.
• Las preferencias del navegador del usuario se respetan.

Todo el contenido básico debe representarse (según el diseño) en los dispositivos básicos, mientras que en las plataformas y navegadores más avanzadas se deben mejorar el contenido progresivamente con el uso de JavaScript y CSS.

jQuery Mobile proporciona soporte para un gran número de dispositivos móviles. jQuery Mobile clasifica (o agrupa) los dispositivos soportados en tres categorías en función de su nivel de soporte:

• Grado A: Los dispositivos con soporte para una experiencia totalmente mejorada con Ajax basadas en transiciones de página animadas. jQuery Mobile es compatible con más de 20 dispositivos diferentes, incluyendo: iOS 3.2 a 5.0; Android 2.1-2.3 y 3.0, BlackBerry Playbook y 6-7; Skyfire 4.1, Opera Mobile, y el escritorio navegadores Chrome, Firefox, Internet Explorer y Opera.
• Grado B: Los dispositivos con soporte para una experiencia mejorada pero sin las funciones de Ajax de navegación. Los dispositivos compatibles incluyen: BlackBerry 5.0, Opera Mini 5.0-6.5, y Nokia Symbian.
• Grado C: Los dispositivos con soporte básico que utilizan solo HTML. Los dispositivos compatibles incluyen: la mayoría de los Smartphone BlackBerry, incluyendo 4.x, Windows Mobile, entre otros.

 Referencias:
[1] http://www.ibm.com/developerworks/library/wa-jquerymobileupdate/index.html
[2] http://jquerymobile.com/demos/1.2.0/
[3] http://the-jquerymobile-tutorial.org/