INTRODUCCIÓN A jQuery Mobile

JQuery Mobile es un framework para desarrollo de aplicaciones y sitios web optimizados para smartphones y tablets.

Es el framework que estamos utilizando en Facultia para el desarrollo de la versión móvil de la aplicación.

¿Por qué utilizarlo?

Con el lema “write less, do more” podemos desarrollar una sola aplicación que funcione en las plataformas más populares de smarthphones y tablets, en vez de tener que escribir aplicaciones nativas para cada dispositivo móvil o sistema operativo, siempre teniendo en cuenta las limitaciones del navegador utilizado.

Plataformas Soportadas:

Además, no es necesario que el programador reciba formación específica como en el caso de Objective-C para iOS/iPhone o Java para Android y únicamente sabiendo HTML puede realizar el trabajo.

Para definir el grado de compatibilidad con los dispositivos, jQueryMobile nos ofrece el siguiente sistema de clasificación:

Sistema completo o de grado-A, con animaciones entre transiciones de páginas basado en Ajax.

Sistema completo menos Ajax o de grado-B.

Sistema básico o de grado-C, para smartphones antiguos.

Sistema no soportado oficialmente. Funciona en el dispositivo aunque no está testeado.

Versión actual

Actualmente está en versión beta 1.0b2.
Para utilizar el framework podemos descargar todos los ficheros a nuestro servidor o utilizar uno de los CDN que hay disponibles.

Ejemplo

Veamos un ejemplo sencillo que contiene dos páginas:

Home: contiene un header con dos botones (un enlace externo al blog y otro al login), un content con un listview de grupos que nos permite introducir un filtro y unfooter con una navbar con posición fija.

Login: un formulario de login con header y footer básicos (en el header, a la derecha, podemos ver un botón sin texto que nos permite ir al home).

fuente: facultia.com