JQuery mobile conferencia La Rueda

18
Por Msg. Yamil Lambert

description

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

Transcript of JQuery mobile conferencia La Rueda

Page 1: JQuery mobile conferencia La Rueda

Por Msg. Yamil Lambert

Page 2: JQuery mobile conferencia La Rueda

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.

Datos INEC

Page 3: JQuery mobile conferencia La Rueda

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.

INEC – Dato Interesante

Page 4: JQuery mobile conferencia La Rueda

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)

Datos a nivel Mundial

Page 5: JQuery mobile conferencia La Rueda

Teléfonos inteligentes

Page 6: JQuery mobile conferencia La Rueda

Interfaz de usuario de los S.O. Móviles

El problema?

Page 7: JQuery mobile conferencia La Rueda

Twitter & Mail

Page 8: JQuery mobile conferencia La Rueda

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.

Responsive web design

http://sixrevisions.com/design-showcase-inspiration/responsive-webdesign-examples/

Page 9: JQuery mobile conferencia La Rueda

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).

jQuery Mobile

Page 10: JQuery mobile conferencia La Rueda

Es simple de usar. Podemos desarrollar

páginas utilizando principalmente el marcado (DIV).

Escaso código JavaScript.

Simplicidad

Page 11: JQuery mobile conferencia La Rueda

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”.

Mejora progresiva:

Page 12: JQuery mobile conferencia La Rueda

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.

Accesibilidad

Page 13: JQuery mobile conferencia La Rueda

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

Tamaño pequeño

Page 14: JQuery mobile conferencia La Rueda

Soporte plataformas móviles

Page 15: JQuery mobile conferencia La Rueda

Soporte plataformas móviles

Page 16: JQuery mobile conferencia La Rueda

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.

Taller usando Adobe Dreamweaver

Page 17: JQuery mobile conferencia La Rueda

Otros Frameworks/motores

Page 18: JQuery mobile conferencia La Rueda

Msg. Yamil Lambert

Gracias…