Este documento discute as vantagens e desvantagens de aplicativos da web ("webapps") em comparação com aplicativos nativos. Ele também fornece exemplos de webapps populares e frameworks para desenvolvimento mobile, e prevê que experiências de usuário, mercado e tecnologia moldarão o futuro dos webapps.

1. Webapp
Já posso investir ?

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,

6. Let's go!

7. Primeira briga:
webapp x app

8. 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..)

9. 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

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

11. tecnologia web + browser

12. tecnologia web + browser

13. tecnologia web + browser

14. Hoje, #webapps são
para nichos

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

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

17. Principais Web apps
Rede Sociais
Serviços

18. Stop conversation!
show me the code

19. 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

20. 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

22. 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

23. Conclusion!

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

25. Experiência do Usuário
Mercado
Tecnologia

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. Future ?

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

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

32. 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)

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

34. Tô no twitter @porkaria