2. • Intro. Back to simplicity
• jQuery Mobile
• Demo
• PhoneGap
• Demo
3.
4.
5.
6. A-grade - Soporte completo para animaciones
basadas en Ajax
• Apple iOS 3.2-5.0 beta,
• Android 2.1-2.3,
• Windows Phone 7,
• Blackberry (6.0, 7, Playbook)
• Palm WebOS (1.4-2.0, 3.0),
• Firebox Mobile (Beta),
• Opera Mobile 11.0
• Meego 1.2,
• Kindle 3,
• Chrome Desktop 11-13
• Firefox Desktop 3.6-4.0
• Internet Explorer 7-9
• Opera Desktop 10-11
7. B-grade - Soporte parcial sin las características de
navegación Ajax
• Blackberry 5.0
• Opera Mini (5.0-6.0)
• Nokia Symbian^3
8. C-grade - Soporte básico pero funcional
• Blackberry 4.x
• Windows Mobile
• All older smartphone platforms and featurephones
9.
10.
11. API JavaScript unica para todos los
dispositivos soportados
• navigator.notification.vibrate();
• navigator.geolocation.getCurrentPosition()
Standards based (W3C)
13. Acceso a la funcionalidad
del dispositivo
Look & Feel “nativo”
14. • Componente de servidor para contenido
dinamico
• HTML/JS/CSS + imagenes en el
dispositivo
• Base de datos SQLite para acceso offline
que puede ser accedida por JavaScript
15.
16.
17. Descargas / Tutoriales / API / Etc
• http://jquerymobile.com/
• http://phonegap.com/
Mailing list / google group de PhoneGap
• http://groups.google.com/group/phonegap
Notas del editor
Frameworks que intentan mejorar la experiencia de usuario en aplicaciones móviles para asimilarse a aplicaciones nativas. REST sobre SOAP HTML sobre plugins HTML sobre aplicaciones nativas Por que? 2013 El acceso a la web a traves de moviles sera mayor que el de PC. Gartner.
Introducción
Construido sobre JQuery Compatible con la mayoría de las plataformas, móviles, tablets, e-reader y desktop. Liviano Modular Configuración por 'Markup-driven' en HTML5 'Progressive enhancement' 'Responsive Design' Soporte para eventos táctiles UI Unificado Themeable
15’
Herramienta para contruir aplicaciones moviles usando tecnologia web. Framework contruido por Nitobi para evitar programar en Objective-C. Nitobi -> Adobe Aplicaciones hibridas HTML para layout ( Mejor aun, HTML5 ) JavaScript para acceder a la funcionalidad del dispositivo CSS para look and feel. ( Mejor aún, CSS3 )
Foreign Function Interface
El resultado son…
Paginas web que acceden a la funcionalidad del dispositivo