Framework para el desarrollo compatible de sitios web orientados a dispositivos móviles, basado en el popular jQuery.

1. Por Msg. Yamil Lambert

2. 


6’859.938 personas
tienen al menos un
celular activado al 2012.
522.640 usuarios de
teléfonos inteligentes al
2011
839.705 usuarios de
teléfonos inteligentes al
2012.

3. 




Según la encuesta, el 69,9% de las personas
con smartphones lo utiliza para acceder a
redes sociales.
el 69,8% como buscador de Internet.
el 65,9% para usar el correo electrónico.
el 62,1% para juegos, música y
el 42,8% por su función GPS.

4. 



En las últimas dos décadas los teléfonos móviles
pasaron de ser una novedad ocasional.
Convirtiéndose en una necesidad
diaria, cambiando la manera en que
trabajamos, socializamos y organizamos
nuestras vidas.
Alcanzará casi los 7.000 millones a finales de
este año, lo que supondrá que 2013 se cerrará
con casi tantos teléfonos móviles como personas
viven en el mundo.
2.700 millones de personas con acceso a internet
(Unión Internacional de Telecomunicaciones UIT)

6. El problema?

8. 


Técnica de diseño y
desarrollo web que
mediante el uso de
estructuras e imágenes
fluidas (2008).
Uso de media-queries en
la hoja de estilo CSS
Consigue adaptar el sitio
web al entorno del
usuario.
http://sixrevisions.com/design-showcase-inspiration/responsive-webdesignexamples/

9. 




Es un framework de desarrollo UI.
Nos permite escribir una aplicación web para
móviles, completamente funcional.
No hay necesidad de escribir una sola línea
de código JavaScript.
Se basa en el core de jQuery y proporciona
una serie de herramientas, incluyendo el
manejo del DOM de HTML y XML.
Es gratis, bajo una doble licencia (MIT y GPL).

10. 


Es simple de usar.
Podemos desarrollar
páginas utilizando
principalmente el marcado
(DIV).
Escaso código JavaScript.

11. 


Aprovecha las últimas
tecnologías de
HTML5, CSS3 y JavaScript.
No todos los dispositivos
móviles brindan este
soporte.
La filosofía “soportar tanto
la gama alta de los
dispositivos, como aquellos
que no soportan grandes
funcionalidades”.

12. 


Brinda soporte a las
“aplicaciones de internet
enriquecidas y accesibles”
(WAI-ARIA).
Páginas web más
accesibles a los visitantes
con discapacidad.
Usa tecnologías de
asistencia.

13. 




El tamaño de la librería
del framework es
relativamente pequeño.
Unos 142kb de la
biblioteca JavaScript.
93kb de CSS y
Algunos íconos.
Ultima Versión 1.3.2

16. 


En Dreamweaver simplemente selecciona File
> New > Page from Sample > jQuery Mobile
with theme (local) y da clic en Create.
Al guardar el archivo, Dreamweaver crea
todos los archivos necesarios, incluidos el
CSS y HTML, para crear un sitio web básico
con jQuery Mobile.
Demo.

18. Msg. Yamil Lambert