Presentacion Desarrollo de Aplicaciones para Iphone

  • 3,707 views
Uploaded on

Conferencia de ADWA sobre Desarrollo de Aplicaciones para Iphone por Julio Gorgé

Conferencia de ADWA sobre Desarrollo de Aplicaciones para Iphone por Julio Gorgé

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
3,707
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
75
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Aplicaciones  web para  iPhone Julio Gorgé, Lemon Team
  • 2. Contenidos ✓ El  iPhone  mola ✓ Web  apps 1. Frameworks 2. Dashcode 3. Diseño
  • 3. el  iPhone  mola
  • 4. ventas  iPhone 75  M
  • 5. iPhone  vs  Android 2009 iPhone   20.5  M Android 6.8  M
  • 6. iPhone  vs  Android Q4  /  2009 iPhone   7.3  M Android 4  M
  • 7. Android  empieza     a  ser   ‘mainstream’…
  • 8. Web  apps:  ventajas ✓ Tecnologías  estándar ✓ No  hace  falta  tener  un  Mac ✓ No  solo  funcionan  en  iPhone
  • 9. Web  apps:  desventajas x Dependen  de  Safari hay  soluciones x No  se  ven  a  pantalla  completa x Requieren  estar  ‘online’
  • 10. Problema  1: Web  apps  dependen   de  Safari
  • 11. WEB  CLIP  ICON <head> <link rel="apple-touch-icon" href="iphoneCAMDirecto.png" /> </head>
  • 12. Problema  2: Web  apps  no  se  ven  a   pantalla  completa
  • 13. 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" />
  • 14. Modo  pantalla  completa http://webapp-net.com/Demo/Index.html
  • 15. Problema  3: Web  apps  requieren   conexión  permanente
  • 16. 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”
  • 17. HTML5:  caché  offline sessionStorage.setItem("key", "value" ); var value = sessionStorage.getItem("key") sessionStorage.removeItem("key")
  • 18. 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 ]); } );
  • 19. Web  app  frameworks ✓ jQTouch ✓ iWebkit ✓ iUI
  • 20. iUI
  • 21. Demo:  iUI
  • 22. Demo:  jqTouch
  • 23. Dashcode
  • 24. Demo:  Dashcode
  • 25. 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
  • 26. ¿Preguntas? Julio Gorgé twitter.com/zaelsius www.lemonteam.com
  • 27. Enlaces developer.apple.com/iphone HTML 5 offline application cache code.google.com/p/iui jqtouch.com