O documento discute webapps versus aplicativos nativos, apresentando exemplos de webapps bem-sucedidas e argumentos a favor de webapps, como baixo custo e acesso às ferramentas da web. O documento também discute frameworks para desenvolvimento de webapps, como jQuery Mobile, e prevê um futuro promissor para webapps à medida que as experiências do usuário e mercado de dispositivos móveis continuam a evoluir.

1. Webapp
Já posso investir ?
por Bruno @porkaria

2. Antes, tenho 4 avisos
1. Essa palestra é 50% blábláblá comercial e
50% mimimi técnico
2. Eu não sou um bom programador
3. Mas... eu tenho coragem e não tenho vergonha
4. Os slides estão aqui: www.slideshare.
net/porkaria

3. Oi!
Meu nome é Bruno e meu twitter
é @porkaria

4. Sim, eu trabalho.
na minha empresa,

5. Let's go!

6. Primeira briga:
webapp x app

7. WebApp x App
#apps #webapps
● Lojas ● Baixo custo
● Conectividade ● Sem censura
● UX ● Menos % para dividir
● Performance ● Vc usa as ferramentas da
web (analytics, mobile
payment..)

8. Continuando a discussão...
● http://sachendra.wordpress.
com/2011/06/15/designing-for-mobile-mobile-web-
vs-native-apps/
● http://www.html5rocks.com/en/mobile/nativedebate.
html
● http://www.mobilexweb.com/blog/mobile-web-html5-
performance-optimization

9. Web Apps não são
aplicativos nativos

10. tecnologia web + browser

11. tecnologia web + browser

12. tecnologia web + browser

13. Hoje, #webapps são
para nichos

14. Por que?
No Brasil, mesmo os que possuem internet no celular, poucos sabem usar

15. Por que?
Apenas os devs sabem o que é uma webapp (e alguns early adopters).

16. Principais Web apps
Rede Sociais
Serviços

17. Como fazer? jQuery Mobile!
www.jquerymobile.com

18. Como fazer? jQuery Mobile!
www.jquerymobile.com

19. Exemplos

20. Como está ?
Pega informações do tempo (clima) da cidade onde você está,
utilizando o Geolocation
Teste: http://labs.jera.com.br/quepassa
Fork me on gitHub: http://github.com/porkaria/quepassa

21. Mobinfo
Obtem informações do seu celular utilizando a base de informações
do projeto WURFL
Teste: http://labs.jera.com.br/mobinfo
Fork me on gitHub: http://github.com/porkaria/mobinfo

23. HandsOnPorn
Fotos de meninas em nu artístico e representações teatrais
românticas, feito com jQuery Mobile, um pouco de localStorage e
muito amor.
Teste: http://handsonporn.net
Fork me on gitHub: https://github.com/jera/handsonporn

24. Conclusion!

25. #mobilefirst
http://twitter.com/#!/search/%23mobilefirst

26. Experiência do Usuário
Mercado
Tecnologia

27. Experiência do Usuário
Mercado
Tecnologia

28. Experiência do Usuário
Mercado
Tecnologia

29. Experiência do Usuário
Mercado
Tecnologia

30. Future ?

31. Mozilla : Open Web Applications
https://apps.mozillalabs.com/

32. Mobile Frameworks
(ex: https://github.com/jera/fodacity)

33. Games ?
"Apple começa a aprovar na App Store aplicativos feitos em JavaScript
sem o uso do WebKit"
fonte: http://blogdoiphone.com/2011/04/apple-comeca-a-aprovar-na-app-store-aplicativos-feitos-em-javascript-
sem-o-uso-do-webkit/
"Angry Birds for Chrome"
http://chrome.angrybirds.com
Demonstração de uma engine 3d escrita em Javascript e renderizada
usando WebGL ou Canvas. http://helloracer.com/webgl/ #html5 (via
@augustohp)

34. Se você é #DEV
Vale a pena #investir

35. "Ninguém mais vai usar Flash" (2010)

36. www.mobiletalk.com.br

37. Webapps, usando a tecnologia web para desenvolvimento
de aplicativos mobile.
Inscreva-se: http://porkaria.com.br/cursos
por Bruno @porkaria

38. OBRIGADO GALERA BEIJO NO
CORAÇÃO!
SIGA O @porkaria NO
TWITTER