Palestra apresentada no LatinoWare 2010 sobre Desenvolvimento Mobile Web & Software Livre

1. Desenvolvimento Mobile
Web & Software Livre

2. Opa!
✔ Bruno Fernandes a 23 anos e PorKaria a 9 anos
✔ Eu sou de Campo Grande / Mato Grosso do Sul
✔ Sou sócio da Jera Software Ágil
✔ Trabalho como programador web a mais de 6 anos
✔ Participo das comunidades: PHP Brasil Comunidades,
PHPMS, CakePHP-Tuga e PHP Mobile
✔ Projetos que estou codando e/ou participando
estão em http://github.com/porkaria

3. O meu Twitter @porkaria

4. Objetivo
Responder a seguinte pergunta:
Desenvolvimento Mobile ou Desenvolvimento Mobile Web ?

5. Desenvolvimento Mobile está em guerra !

6. Patentes

7. Patentes
Você quer entrar no meio desse tiroteio ?
Empresas mudam, são vendidas, são
compradas e podem falir sem você poder
fazer nada !

8. Plataformas

9. Plataformas
Quanto tempo vai levar para você aprender
a programar bem em cada plataforma ?
Vale a pena a sua empresa querer abraçar
todo esse mercado ?
E se alguma delas falir, mudar
drasticamente ou ficar no passado ?

10. Não acredite em mágicas !

11. Preciso que meu
software seja acessado
pelo celular...
Vou desenvolver meu
software usando uma
tecnologia que rode
independente da
plataforma! JME

12. O tio Steve Jobs não
quer colocar Java nos
brinquedos dele....
O Google, criou o
Android e desenvolveu
uma VM pra ele!

13. A comunidade Android
não para de crescer e a
Apple domina o mercado
de aplicativos...
Eu nunca encontro
ninguém falando sobre
JME (listas, fóruns,
artigos...)

14. Não acredite em mágicas !
Tecnologias que prometem programação
“nativa” e “independência de plataforma”.
“Exporte” a sua aplicação para várias
plataformas, com o mesmo código.
Essas ferramentas não conseguem manter
um ritmo de atualização.

15. A Evolução dos Browsers

16. A Evolução dos Browsers
Quem aí não usou um browser hoje ?
Quem aí não vai usar um browser
hoje ?
O que o browser não roda hoje ?
Aúdio ? Vídeo ? Jogos ?

18. Aplicações off-line
Geolocalização
Independência de plugins para rodar
Aúdio e Vídeo
etc...

19. Persistir dados (key-value) nos Browsers (Web Clients)
Aplicações off-line (Local Storage)
Vamos ao exemplo básico !

20. Tags Video e Aúdio
Vamos ao exemplo básico !
Tudo isso só depende do browser agora ! Nada de ficar instalando plugins

21. API que pega informações da sua localização, baseado em informações locais, como: GPS,
IP, RFID, WiFi, Bluetooth, GSM, etc...
Geolocation
Vamos ao exemplo básico !

22. etc...
Daqui pra frente é tudo junto e
misturado

23. CSS3 – Media Queries
Colocando condições no seu código CSS
@media (min-width: 450px) and (max-width:950px) {
.placeTitleLong, .bigPhoto, .description {
display: none;
}
}

24. jQuery Mobile
É o famoso jQuery para Mobile.
Versã0: 1.0 ALPHA 1
Site: http://jquerymobile.com/

25. jQuery Mobile - Usabilidade

26. Testando ...
http://validator.w3.org/mobile/

27. Testando ...
Android Virutal Device http://migre.me/27P60

28. Testando ...
O que seu browser suporta de HTML 5 ?
http://html5test.com

29. Software Livre !

30. Gecko
Web Browser Engines
KHTMLKHTML
Presto
KHTML
Presto
WebKit
Trident
Fonte: http://migre.me/26dbL
Firefox, SeaMonkey, Iceweasel...
Konqueror
Opera, Opera Mobile, Nintendo DS & DSI...
Google Chrome, Safari (desktop e mobile),
Android Browser, Symbian S60 browser...
Internet Explorer

31. Gecko
Web Browser Engines
KHTMLKHTML
Presto
KHTML
Presto
WebKit
Trident
Fonte: http://migre.me/26dbL
Firefox, SeaMonkey, Iceweasel...
Konqueror
Opera, Opera Mobile, Nintendo DS & DSI...
Google Chrome, Safari (desktop e mobile),
Android Browser, Symbian S60 browser...
Internet Explorer
MPL/GPL/LGPL
GNU
Proprietário
Proprietário
GNU LGPL

32. Desenvolvimento Mobile
Portanto...
Desenvolvimento Mobile Web
➔ Briga de patentes
➔ Plataformas Proprietárias
➔ Severa dependência de plataforma
➔ Mercado consolidado, porém limitado
➔ Plataformas Proprietárias
➔ Mercado em ascensão, porém ilimitado

33. http://www.slideshare.net/porkaria