Experimentando con jQuery Mobile: The Simple List 0.1

Introducción.

Después de experimentar con jQTouch durante la implementación de un prototipo de aplicación para el 6CCC, me ha tomado unas cuantas horas para elaborar un nuevo prototipo de aplicación web móvil, esta vez utilizando jQuery Mobile como framework para el nivel de presentación.

Su uso es muy similar al visto anteriormente, sin embargo considero que este proyecto cuenta con mejor documentación que el primero.  Ambos se basan en la mejora progresiva (Progresive Enhancement) y en la degradación aceptable (Graceful degradation) lo que los hace fáciles de entender por parte de los desarrolladores que estén habituados al uso de HTML/CSS/Javascript.

El prototipo.

Esta aplicación permite administrar una lista simple de elementos al estilo de las cosas por hacer.  La idea con este prototipo es el experimentar el uso del framework jQuery Mobile.

Para la persistencia se utiliza la facilidad del LocalStorage provisto por HTML5 y que es soportado por los navegadores web modernos incluyendo los incorporados en los sistemas operativos de los dispositivos móviles.

Estas son a grandes razgos las funcionalidades y flujos de información del prototipo.

The Simple List 0.1
The Simple List 0.1

 

Estas son algunas de las pantallas (page) de la aplicación web.

El prototipo puede probarse en línea a través de la web (ver sección de enlaces) y ya que su código fuente se encuentra completamente documentado, servirá también como ejemplo práctico para quienes estén interesados en aprender a desarrollar utilizando este framework web.

Enlaces.

11 thoughts on “Experimentando con jQuery Mobile: The Simple List 0.1”

  1. Que bien que andes jugando con jQuery Mobile. Lo he usado anteriormente para crear los primeros aspectos de la versión móvil de un sitio y realmente es fácil de trabajar con él, además de ser bastante “inteligente” como para obviar detalles comunes (como el estilizado y soporte en los navegadores).

    Revisa mi playground (CodeIgnited, por cierto ;)):
    http://m.panagamers.com

  2. Hola @demogar. Hasta ahora me ha gustado, mas que jQTouch.

    Espero sacar mas tiempo en estos días para seguir haciendo pruebitas.

    Muy bonito tu sitio, creo que me estoy antojando de hacer algo mas elaborado 🙂

  3. Interesante ejemplo [perdón por “ensuciarlo” con datos ;)]
    Una duda, te importaría indicar el programa que has utilizado para crear el mapa mental que aparece en el artículo (flujos de información del prototipo); me ha gustado realmente la estética (más que Freemind)
    Gracias y un saludo

  4. Hola Ivan:

    Estoy entrandole apenas a Jquery Mobile, podrias mostrar algún ejemplo con el manejo de los efectos que maneja JQM.

    Sin más gracias por tu apoyo…

  5. estimado, soy nuevo en jquery mobile, lo enuentro muy bueno y facil de usar, junto con agradecer tu aporte quisiera consultarte si estan disponible los fuentes de est simple aplicacion, estoy tratando de usar localstorage pero no encuentro ejemplos claros

    gracias

  6. Hola como estas? Soy nuevo con el tema de jquery móviles y quería saber si podes subir el proyecto para poder descargarlo entero ya que no lo puedo hacer funcionar y no se cual es el problema. De por si muchas gracias y esta buenisimo todo

Leave a Reply

Your email address will not be published. Required fields are marked *