SlideShare una empresa de Scribd logo
1 de 18
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)
Feature
                           iPhone /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
Frameworks java script_para_la_web_mobile

Más contenido relacionado

Destacado

LVTS Advanced matching matching concept for CDSEM
LVTS Advanced matching matching concept for CDSEMLVTS Advanced matching matching concept for CDSEM
LVTS Advanced matching matching concept for CDSEMVladislav Kaplan
 
Philosophy foroldage georgecarlin
Philosophy foroldage georgecarlinPhilosophy foroldage georgecarlin
Philosophy foroldage georgecarlinguest2a1a018
 
Kindred spirit sanctuary
Kindred spirit sanctuaryKindred spirit sanctuary
Kindred spirit sanctuaryrhamed1
 
Learning to Win: Digital Based Games in Education
Learning to Win: Digital Based Games in EducationLearning to Win: Digital Based Games in Education
Learning to Win: Digital Based Games in EducationNancy Konopka
 
LVTS - Dose&Focus recognition by image part2
LVTS  - Dose&Focus recognition by image part2LVTS  - Dose&Focus recognition by image part2
LVTS - Dose&Focus recognition by image part2Vladislav Kaplan
 
Game-Based Learning Models for Accelerating ESOL/Bilingual Students
Game-Based Learning Models for Accelerating ESOL/Bilingual Students Game-Based Learning Models for Accelerating ESOL/Bilingual Students
Game-Based Learning Models for Accelerating ESOL/Bilingual Students Footsteps2Brilliance
 
LVTS - Image Resolution Monitor for Litho-Metrology
LVTS - Image Resolution Monitor for Litho-MetrologyLVTS - Image Resolution Monitor for Litho-Metrology
LVTS - Image Resolution Monitor for Litho-MetrologyVladislav Kaplan
 
Brochure itm platform
Brochure itm platformBrochure itm platform
Brochure itm platformITM Platform
 
Jonatahn omar cely loyola
Jonatahn omar cely loyolaJonatahn omar cely loyola
Jonatahn omar cely loyolaJonathan Cely
 
El mito de eco y narciso
El mito de eco y narcisoEl mito de eco y narciso
El mito de eco y narcisoMacarena Peri
 
Dinner invitation to american homes
Dinner invitation to american homesDinner invitation to american homes
Dinner invitation to american homesuuuyanga
 
True love 10
True love 10True love 10
True love 10nikolaus8
 
8 management of water in li cs
8   management of water in li cs8   management of water in li cs
8 management of water in li cshfonfe
 
Ph 2012 designing_games_at_the_service_of_humankind
Ph 2012 designing_games_at_the_service_of_humankindPh 2012 designing_games_at_the_service_of_humankind
Ph 2012 designing_games_at_the_service_of_humankindScott Brodie
 

Destacado (19)

LVTS Advanced matching matching concept for CDSEM
LVTS Advanced matching matching concept for CDSEMLVTS Advanced matching matching concept for CDSEM
LVTS Advanced matching matching concept for CDSEM
 
Philosophy foroldage georgecarlin
Philosophy foroldage georgecarlinPhilosophy foroldage georgecarlin
Philosophy foroldage georgecarlin
 
Kindred spirit sanctuary
Kindred spirit sanctuaryKindred spirit sanctuary
Kindred spirit sanctuary
 
Learning to Win: Digital Based Games in Education
Learning to Win: Digital Based Games in EducationLearning to Win: Digital Based Games in Education
Learning to Win: Digital Based Games in Education
 
LVTS - Dose&Focus recognition by image part2
LVTS  - Dose&Focus recognition by image part2LVTS  - Dose&Focus recognition by image part2
LVTS - Dose&Focus recognition by image part2
 
Game-Based Learning Models for Accelerating ESOL/Bilingual Students
Game-Based Learning Models for Accelerating ESOL/Bilingual Students Game-Based Learning Models for Accelerating ESOL/Bilingual Students
Game-Based Learning Models for Accelerating ESOL/Bilingual Students
 
LVTS - Image Resolution Monitor for Litho-Metrology
LVTS - Image Resolution Monitor for Litho-MetrologyLVTS - Image Resolution Monitor for Litho-Metrology
LVTS - Image Resolution Monitor for Litho-Metrology
 
Brochure itm platform
Brochure itm platformBrochure itm platform
Brochure itm platform
 
Jonatahn omar cely loyola
Jonatahn omar cely loyolaJonatahn omar cely loyola
Jonatahn omar cely loyola
 
El mito de eco y narciso
El mito de eco y narcisoEl mito de eco y narciso
El mito de eco y narciso
 
e-Vot, la plataforma de voto electrónico de las universidades catalanas
e-Vot, la plataforma de voto electrónico de las universidades catalanase-Vot, la plataforma de voto electrónico de las universidades catalanas
e-Vot, la plataforma de voto electrónico de las universidades catalanas
 
Producto 1.6.ppt
Producto 1.6.pptProducto 1.6.ppt
Producto 1.6.ppt
 
Clase2 ciencias célula
Clase2 ciencias célulaClase2 ciencias célula
Clase2 ciencias célula
 
Dinner invitation to american homes
Dinner invitation to american homesDinner invitation to american homes
Dinner invitation to american homes
 
Examen de II bimestre
Examen de II bimestreExamen de II bimestre
Examen de II bimestre
 
True love 10
True love 10True love 10
True love 10
 
sexe
sexesexe
sexe
 
8 management of water in li cs
8   management of water in li cs8   management of water in li cs
8 management of water in li cs
 
Ph 2012 designing_games_at_the_service_of_humankind
Ph 2012 designing_games_at_the_service_of_humankindPh 2012 designing_games_at_the_service_of_humankind
Ph 2012 designing_games_at_the_service_of_humankind
 

Frameworks java script_para_la_web_mobile

  • 1. Juan Matias Repetti @jmrepetti Leonardo Rosales @lgrosales
  • 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)
  • 12. Feature iPhone /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
  • 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

  1. 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.
  2. Introducción
  3. 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
  4. 15’
  5. 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 )
  6. Foreign Function Interface
  7. El resultado son…
  8. Paginas web que acceden a la funcionalidad del dispositivo
  9. 15’