En esta sesión conoceremos la plataforma de desarrollo Phonegap, cuando nos puede interesar utilizarla y cuando no, veremos cómo podemos aprovechar nuestros conocimientos de HTML5, CSS y javascript para crear aplicaciones nativas en múltiples plataformas móviles y cómo tenemos acceso a interacción con el dispositivo (camera, geolocation, contacts, …). Para todo esto nos apoyaremos en el framework web, optimizado para gestos, jquerymobile. Write less, do more.

1. Aplicaciones móviles multiplataforma

2. Contactos
Gerard López
glopez@plainconcepts.com
Alejandro Hidalgo Ferández
Web Team Leader
ahidalgo@plainconcepts.com

4. Phonegap

5. Phonegap

6. API

7. Supported features

8. API sample

9. Plugins

10. Plugins

12. Desarrollo web

13. Emuladores

14. Phonegap build

15. Phonegap build

16. Remote debugging

17. Frameworks

18. jQuery Mobile
• Construido en jQuery core
• Compatible
• Ligero
• Modular
• HTML5
• Progressive enhancement
• Responsive design
• Navegación Ajax
• Acessibilidad y Touch
• Personalizable

19. jQuery Mobile: Soporte
• iOS
• Android
• Blackberry
• Palm WebOS
• Nokia/Symbian
• Windows Phone 7
• MeeGo
• Opera Mobile/Mini
• Firefox Mobile
• Kindle,
• All modern browsers

20. Primer ejemplo

21. Controles
<ul data-role="listview" data-inset="true" data-filter="true">
<li><a href="#">Acura</a></li>
<li><a href="#">Audi</a></li>
<li><a href="#">BMW</a></li>
</ul>

22. Demo

23. Eventos
$(document).bind("mobileinit", function() {
$.extend($.mobile, {
$.mobile.defaultPageTransition = "fade";
$.mobile.loadingMessage="Fetching page...“
});
});
$("#pageBtn").click(function() {
$.mobile.changePage("test2.html", {transition:"flip"});
});