Desarrollo Web paraMóvilesMóviles

Rodrigo Augosto a.k.a. @coto

El futuro es movil?

Aplicaciones empotradas o web?

El futuro es WEB Móvil y lo trae WebKit

Veamos que nos ofrece el mercado!

Y que problema tenemos?

InestableEn pañales Sólo un plugin*

Ahora....critiquemos a jQuery Mobile?

Acoplado a jQuery

......y Qué?

Realmente es necesario tanto soporte?

Pero no todo es malo... es jQuery!!

• Uso de roles.

• Uso de templates.

• Control de orientación (landscape - portrait)

Pero no todo es malo... es jQuery!!

• Uso de dialogos.

• Touch events (tap, taphold, swipes).

• ¿¿ Nueva vista = Nueva URI ??

Conclusión previa...

Hagamos un Framework!!

La Base

Vista 1 Vista 2

Transición(ajax + effect)

Flujo de transciciones

AjaxAjaxAjaxAjax

EffectEffectEffectEffect

callDataDataDataData

request

response

request

completeRender

Uso de controladores

Y el inicio?

Necesito HTML?

y el AJAX?

Un gran problema, una gran solución

AjaxAjaxAjaxAjax

EffectEffectEffectEffect

callDataDataDataData

request

response

request

completeRender

WARNINGDon’t call to

other view until last one has finished

Consideraciones “únicas”

• Botón volver (transacciones incluidas).

Consideraciones “únicas”

Consideraciones “únicas”

• Manejo de Ajax previo renderView.

Consideraciones “únicas”

Finalmente les recomiendo un modelo

DTO

Vista

Controlador

Modelo

Servicios

Extractores

Un Extractor

Conclusiones:JavaScript la lleva!

Conclusiones, en serio:• WebKit tiende a ser el motor de layout

por defecto.

• JavaScript avanza a pasos agigantados para el soporte móvil.

Conclusiones, en serio:• Los request si importan.

• Cuando TRY / CATCH no sirven, la orientación al prototipo sale al rescate.

Conclusión Final• Se puede llevar el know-how a jQuery

Mobile (webkit oriented).

Pendientes• Desligar de jQuery

• find();

• $();

• $.ajax();

• .attr();

Pendientes• Botón volver del browser

• Hash en url (bookmark)

Desarrollo web para móviles

Rodrigo Augosto (a.k.a. “@coto”)

Gracias!!!

Desarrollo web para móviles

Rodrigo Augosto (a.k.a. “@coto”)

Preguntas??