Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Desenvolvendo aplicações web para o Iphone

2,304 views

Published on

Published in: Technology, Design
  • Be the first to comment

Desenvolvendo aplicações web para o Iphone

  1. 1. Desenvolvendo aplicações web para IPhone e similares. Uma visão geral Alex Piaz @zaip Campus Party 2010
  2. 2. Por que raios eu faria aplicações web no Iphone?
  3. 5. Experiência do usuário é fundamental x
  4. 6. Então, às armas!
  5. 8. CSS 2.1 CSS 3 Parcial HTML 4.01+ XHTML 1.0 ECMA 3.0 (Javascript) Flash NOT! GIF, PNG, JPG, TIFF até 3000 pixels HTML,CSS, JS até 3MB Execução JS até 10 segundos Resolução de tela: 480 x 320 Geo localização Safari web content guide: http://bit.ly/678Ya Safari 3.0
  6. 9. http://www.phpmobile.com.br/ Detectando o Iphone Client-side (javascript): if (navigator.userAgent.indexOf('iPhone') != -1) { /* iPhone user */ } Server-side (PHP): if (stristr($_SERVER['HTTP_USER_AGENT'],'iPhone')) { /* iPhone user */ }
  7. 10. Viewport o que é e pra que serve? <meta name = &quot;viewport&quot; content = &quot;width = 320 initial-scale = 1.0&quot;>
  8. 11. <div ontouchstart=&quot;touchStart(event);&quot; ontouchmove=&quot;touchMove(event);&quot; ontouchend=&quot;touchEnd(event);&quot; ontouchcancel=&quot;touchCancel(event);&quot; ></div> Eventos http://www.jqtouch.com/
  9. 12. http://www.minid.net/2008/08/18/universal-iphone-ui-kit-revision-27/ Frameworks http://www.jqtouch.com/
  10. 13. http://drupal.org/project/idrupal http://drupal.org/project/idrupal_ui
  11. 14. Wptouch - http://www.bravenewcode.com/products/wptouch/
  12. 15. Dúvidas? <ul><li>[email_address]
  13. 16. http://www.twitter.com/zaip
  14. 17. http://www.zaip.net/
  15. 18. http://delicious.com/alexpiaz/iphone
  16. 19. http://www.google.com/ </li></ul>The truth is out there...

×