Presentacion Desarrollo de Aplicaciones para Iphone
2 recomendaciones1,590 vistas
Este documento proporciona una introducción a las aplicaciones web para iPhone. Resume las ventajas e inconvenientes de las aplicaciones web, y ofrece soluciones para los principales problemas como la dependencia de Safari, la falta de pantalla completa y la necesidad de conexión. También presenta varios frameworks como iUI, jQTouch y Dashcode que facilitan el desarrollo de aplicaciones web para iPhone.
![HTML5:
caché
offline
SQLite
desde
Javascript
var nombre = 'jaime';
var color = 'rojo';
db.transaction(
function (transaction) {
transaction.executeSql("UPDATE gente set color=?
where nombre=?;",
[ color, nombre ]);
}
);](https://image.slidesharecdn.com/presentacionwebappsiphone-100304123103-phpapp02/85/Presentacion-Desarrollo-de-Aplicaciones-para-Iphone-22-320.jpg)
Presentacion Desarrollo de Aplicaciones para Iphone
- 1. Aplicaciones web para iPhone Julio Gorgé, Lemon Team
- 2. Contenidos ✓ El iPhone mola ✓ Web apps 1. Frameworks 2. Dashcode 3. Diseño
- 6. ventas iPhone 75 M
- 7. iPhone vs Android 2009 iPhone 20.5 M Android 6.8 M
- 8. iPhone vs Android Q4 / 2009 iPhone 7.3 M Android 4 M
- 9. Android empieza a ser ‘mainstream’…
- 10. Web apps: ventajas ✓ Tecnologías estándar ✓ No hace falta tener un Mac ✓ No solo funcionan en iPhone
- 11. Web apps: desventajas x Dependen de Safari hay soluciones x No se ven a pantalla completa x Requieren estar ‘online’
- 12. Problema 1: Web apps dependen de Safari
- 14. WEB CLIP ICON <head> <link rel="apple-touch-icon" href="iphoneCAMDirecto.png" /> </head>
- 15. Problema 2: Web apps no se ven a pantalla completa
- 16. Modo pantalla completa <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
- 18. Problema 3: Web apps requieren conexión permanente
- 20. HTML5: caché offline <!DOCTYPE html> <html manifest="demo.manifest"> CACHE MANIFEST RECURSOS imagenes/goatse.jpg “CACHEADOS” imagenes/lemonparty.jpg NETWORK: http://ejemplo.com/ruta/ RECURSOS http://ejemplo.com/otra-ruta/ “NO CACHEADOS”
- 21. HTML5: caché offline sessionStorage.setItem("key", "value" ); var value = sessionStorage.getItem("key") sessionStorage.removeItem("key")
- 22. HTML5: caché offline SQLite desde Javascript var nombre = 'jaime'; var color = 'rojo'; db.transaction( function (transaction) { transaction.executeSql("UPDATE gente set color=? where nombre=?;", [ color, nombre ]); } );
- 23. Web app frameworks ✓ jQTouch ✓ iWebkit ✓ iUI
- 25. iUI
- 26. Demo: iUI
- 27. Demo: jqTouch
- 28. Dashcode
- 31. Demo: Dashcode
- 32. Consejos de diseño ✓ Mejor botones que enlaces de texto ✓ Suficiente separación entre botones ✓ No usar menús desplegables ni hovers! ✓ Tamaño de letra grande ✓ Expandir secciones para evitar scrolling ✓ AJAX
- 38. ¿Preguntas? Julio Gorgé twitter.com/zaelsius www.lemonteam.com
- 39. Enlaces developer.apple.com/iphone HTML 5 offline application cache code.google.com/p/iui jqtouch.com