APLICACIONES MOBILES CON JQUERY MOBILE Y SENCHA TOUCH

JQUERY MOBILE

JQuery ha sido siempre uno de los emblemas de la web 2.0. Llevan años
desarrollando una estupenda librería Javascript que ha permitido dotar a muchas webs
de unas impresionantes funcionalidades de una forma muy rápida y sencilla. Es algo
que todos los desarrolladores web deberían conocer… y apreciar.

JQuery consta de varios componentes, entre los que destacan los componentes AJAX,

que facilitan éste tipo de desarrollos enormemente, las funciones de control del
DOM y la librería de widgets JQuery UI. Y con los plugins desarrollados por miles de
desarrolladores de todo el mundo la librería se convierte en algo casi infinito.

JQuery no es la única gran librería Javascript. Hay otras alternativas muy buenas en el

mercado (Prototype, YUI, etc.), pero JQuery siempre ha sido una de mis favoritas.
Pues bien, la gente de JQuery ha puesto en marcha el proyecto JQuery Mobile, que
pretende desarrollar unalibrería Javascript con widgets que se asemejen a
las interfaces móviles de hoy en día. Los primeros diseños se pueden ver en su
propia Wiki, ¡y lucen realmente bien!
Para los desarrolladores web, uno de los grandes retos a los que nos encontramos día
a día es la compatibilidad entre navegadores. De todos es sabido el sufrimiento al que
estamos sometidos para conseguir que una misma web se visualice y funcione
correctamente en todos ellos.

Cierto es que en los últimos tiempos la cosa está mejorando, pero los usuarios de a pie
no son tan partidarios a actualizar como nosotros, así que el proceso es lento.
Por si eso fuera poco, la fiebre móvil se ha desatado de una forma imparable y
nosotros, como buenos desarrolladores web que somos, tenemos que ponernos al día.
Para hacernos la tarea un poco más liviana llega jQuery Mobile, lo que parece ser una
gran framework que nos puede ayudar mucho en este aspecto, ya que promete ser
multiplataforma.

Aunque todavía se encuentra en versión Alfa y no está recomendada para el desarrollo

de sitios comerciales.

SENCHA TOUCH

Sencha Touch es el primer framework HTML5 pensado para desarrollar aplicaciones

web para dispositivos móviles con efectos que aparentan ser los nativos de los
sistemas operativos IOS y Google Android, se trata de la primera aplicación que nace
desde la unión de Ext JS con jQTouch y Raphael con el nombre de Sencha.

Este framework te proporcionará un librería con múltiples widgets de usuario, control

para los eventos táctiles de los dispositivos móviles con efectos muy agradables gracias
a CSS3, está creada para aprovechar al máximo el potencial de HTML5, CSS3, y
Javascript permitiendo la introducción de vídeo y audio así como también dispone de
un proxy local para guardar datos sin conexión, los desarrolladores que utilicen esta
herramienta podrán solicitar los datos mediante Ajax, JSONp o YQL.
Sencha touch se aprovecha de la tecnología SASS para que con solo cambiar unas
variables podamos cambiar totalmente la presentación de la aplicación, además el
propio Framework se adaptará a las resoluciones de cada pantalla para que se pueda
visualizar correctamente en la gran variedad de dispositivos del mercado.

YQL: Un lenguaje de programación para Internet

YQL (Yahoo! Query Language) es un lenguaje de sintaxis similar a SQL que Yahoo!
utiliza para filtrar y unificar datos de Web Services de por toda internet. Dispone
de una potente API que nos permite realizar consultas bastante complejas y obtener
los datos en XML o JSON.

AJAX

Ajax, acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML), es

una técnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich Internet
Applications). Estas aplicaciones se ejecutan en el cliente, es decir, en el navegador de
los usuarios mientras se mantiene la comunicación asíncrona con el servidor en
segundo plano. De esta forma es posible realizar cambios sobre las páginas sin
necesidad de recargarlas, lo que significa aumentar la interactividad, velocidad
y usabilidad en las aplicaciones.

Ajax es una tecnología asíncrona, en el sentido de que los datos adicionales se

requieren al servidor y se cargan en segundo plano sin interferir con la visualización ni
el comportamiento de la página. JavaScript es el lenguaje interpretado (scripting
language) en el que normalmente se efectúan las funciones de llamada de Ajax
mientras que el acceso a los datos se realiza mediante XMLHttpRequest, objeto
disponible en los navegadores actuales. En cualquier caso, no es necesario que el
contenido asíncrono esté formateado en XML.

JSON ACRÓNIMO DE JAVASCRIPT OBJECT NOTATION

JSON, es un formato ligero para el intercambio de datos. JSON es un subconjunto de la

notación literal de objetos de JavaScript que no requiere el uso de XML.

La simplicidad de JSON ha dado lugar a la generalización de su uso, especialmente

como alternativa a XML en AJAX. Una de las supuestas ventajas de JSON sobre XML
como formato de intercambio de datos en este contexto es que es mucho más sencillo
escribir un analizador semántico de JSON. En JavaScript, un texto JSON se puede
analizar fácilmente usando el procedimiento eval(), lo cual ha sido fundamental para
que JSON haya sido aceptado por parte de la comunidad de desarrolladores AJAX,
debido a la ubicuidad de JavaScript en casi cualquier navegador web.
En la práctica, los argumentos a favor de la facilidad de desarrollo de analizadores o del
rendimiento de los mismos son poco relevantes, debido a las cuestiones de seguridad
que plantea el uso de eval() y el auge del procesamiento nativo de XML incorporado en
los navegadores modernos. Por esa razón, JSON se emplea habitualmente en entornos
donde el tamaño del flujo de datos entre cliente y servidor es de vital importancia (de
aquí su uso por Yahoo, Google, etc, que atienden a millones de usuarios) cuando la
fuente de datos es explícitamente de fiar y donde no es importante el no disponer de
procesamiento XSLT para manipular los datos en el cliente.

HERRAMIENTAS USADAS PARA LA APLICACION MOBILE

WEBMATRIX

Vista del entorno de trabajo con WebMatrix

Vista del entorno de trabajo con WebMatrix – Base de Datos (SQL Server Compac)

DREAMWEAVER
Vista del entorno de trabajo con Dreamweaver

MANEJO DE LA APLICACIÓN MOBILE CON SENCHA TOUCH