Aplicaciones móviles multiplataforma

Contactos

Gerard Lópezglopez@plainconcepts.com

Alejandro Hidalgo FerándezWeb Team Leaderahidalgo@plainconcepts.com

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"});

});