Presentacion Desarrollo de Aplicaciones para Iphone
•
2 gefällt mir•1,585 views
Conferencia de ADWA sobre Desarrollo de Aplicaciones para Iphone por Julio Gorgé
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Ähnlich wie Presentacion Desarrollo de Aplicaciones para Iphone
Ähnlich wie Presentacion Desarrollo de Aplicaciones para Iphone (20)
Mehr von Andres Karp
Mehr von Andres Karp (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
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