frameworks java script_para_la_web_mobile

Juan Matias Repetti@jmrepetti

Leonardo Rosales@lgrosales

• Intro. Back to simplicity• jQuery Mobile• Demo• PhoneGap• Demo

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

B-grade - Soporte parcial sin las características de navegación Ajax• Blackberry 5.0• Opera Mini (5.0-6.0)• Nokia Symbian^3

C-grade - Soporte básico pero funcional• Blackberry 4.x• Windows Mobile• All older smartphone platforms and featurephones

API JavaScript unica para todos los dispositivos soportados

• navigator.notification.vibrate();• navigator.geolocation.getCurrentPosition()

Standards based (W3C)

FeatureiPhone /iPhone 3G iPhone 3GS and newer Android 6.0+ Windows Phone 7

Accelerometer Yes Yes Yes Yes Yes

Camera Yes Yes Yes Yes Yes

Compass N/A Yes Yes N/A Yes

Contacts Yes Yes Yes Yes Yes

File Yes Yes Yes Yes N/A

Geolocation Yes Yes Yes Yes Yes

Media Yes Yes Yes N/A N/A

Network Yes Yes Yes Yes N/A

Notification (Alert) Yes Yes Yes Yes Yes

Notification (Sound) Yes Yes Yes Yes Yes

Notification (Vibration) Yes Yes Yes Yes Yes

Storage Yes Yes Yes Yes N/A

Acceso a la funcionalidad del dispositivo

Look & Feel “nativo”

• 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

Descargas / Tutoriales / API / Etc• http://jquerymobile.com/• http://phonegap.com/

Mailing list / google group de PhoneGap• http://groups.google.com/group/phonegap