webapp, já posso investir nisso ? latinoware 2011

WebappJá posso investir ?

por Bruno @porkaria

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

Oi!

Meu nome é Bruno e meu twitter é @porkaria

Sim, eu trabalho.

na minha empresa,

Let's go!

Primeira briga: webapp x app

WebApp x App

#apps

● Lojas● Conectividade● UX● Performance

#webapps

● Baixo custo● Sem censura● Menos % para dividir● Vc usa as ferramentas da

web (analytics, mobile payment..)

● 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

Continuando a discussão...

Web Apps não são aplicativos nativos

tecnologia web + browser

tecnologia web + browser

tecnologia web + browser

Hoje, #webapps são para nichos

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

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

Principais Web apps

Rede Sociais

Serviços

Como fazer? jQuery Mobile!

www.jquerymobile.com

Como fazer? jQuery Mobile!

www.jquerymobile.com

Exemplos

Como está ?

Pega informações do tempo (clima) da cidade onde você está, utilizando o Geolocation

Teste: http://labs.jera.com.br/quepassaFork me on gitHub: http://github.com/porkaria/quepassa

Mobinfo

Obtem informações do seu celular utilizando a base de informações do projeto WURFL

Teste: http://labs.jera.com.br/mobinfoFork me on gitHub: http://github.com/porkaria/mobinfo

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.netFork me on gitHub: https://github.com/jera/handsonporn

Conclusion!

#mobilefirst

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

Experiência do Usuário

Mercado

Tecnologia

Experiência do Usuário

Mercado

Tecnologia

Experiência do Usuário

Mercado

Tecnologia

Experiência do Usuário

Mercado

Tecnologia

Future ?

https://apps.mozillalabs.com/

Mozilla : Open Web Applications

Mobile Frameworks

(ex: https://github.com/jera/fodacity)

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)

Se você é #DEVVale a pena #investir

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

www.mobiletalk.com.br

por Bruno @porkaria

Webapps, usando a tecnologia web para desenvolvimento de aplicativos mobile.

Inscreva-se: http://porkaria.com.br/cursos

OBRIGADO GALERA BEIJO NO CORAÇÃO!

SIGA O @porkaria NO TWITTER