Upload
coto
View
91
Download
2
Embed Size (px)
Citation preview
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??