html tour - aplicaciones móviles multiplataforma
DESCRIPTION
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.TRANSCRIPT
Aplicaciones móviles multiplataforma
Phonegap
Write once, run everywhere
Native installers (Stores)
Use standard web
technologies
Phonegap
API
Supported features
API sample
Plugins
Plugins
Desarrollo web
Emuladores
Phonegap build
Phonegap build
Remote debugging
Frameworks
jQuery Mobile
• Construido en jQuery core• Compatible• Ligero• Modular• HTML5• Progressive enhancement• Responsive design• Navegación Ajax• Acessibilidad y Touch• Personalizable
jQuery Mobile: Soporte
• iOS• Android• Blackberry• Palm WebOS• Nokia/Symbian • Windows Phone 7• MeeGo• Opera Mobile/Mini• Firefox Mobile• Kindle, • All modern browsers
Primer ejemplo
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>
Demo
Eventos
$(document).bind("mobileinit", function() {$.extend($.mobile, {
$.mobile.defaultPageTransition = "fade";$.mobile.loadingMessage="Fetching page...“
});});
$("#pageBtn").click(function() {$.mobile.changePage("test2.html", {transition:"flip"});
});