palestra sobre Desenvolvimento Mobile Web & Software Livre atualizada para o FLISOL CG 2011

1. Desenvolvimento Mobile
Web & Software Livre

2. Opa!
✔ Bruno Fernandes a 24 anos e PorKaria a 10 anos
✔ Eu sou de Campo Grande / Mato Grosso do Sul
✔ Sou sócio da Jera Software Ágil
✔ Trabalho como programador web a mais de 8 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. Software Livre !

11. A Evolução dos Browsers

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

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

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

16. Aplicações off-line (Local Storage)
Geolocalização (Geolocation)
Independência de plugins para rodar
Aúdio e Vídeo
FrameWorks JS
etc...

17. FrameWorks – Web App
“HTML5 Mobile Web App FrameWork”
Eles tem uma versão gratuita (GNU GPL v3) e outra comercial
FrameWork base: Ext JS ( http://www.sencha.com/products/extjs/ )
Versão Atual: 1.1.0
Url: http://www.sencha.com/products/touch/

18. FrameWorks – Web App
“A Touch-Optimized Web Framework for Smartphones & Tablets”
Gratuito e open-source, Dual licensed MIT or GPL Version 2
Versão: 1.0 ALPHA 4
FrameWork base: jQuery (http://jquery.com/ )
Url: http://jquerymobile.com/

19. jQuery Mobile - Usabilidade

20. FrameWorks – Native App
“The Only Open Source Mobile Framework That Supports 6 platforms”
Livre e open source (MIT license)
Versão: 0.9.4
Exemplo de código: Sou Foda Tube https://github.com/jera/fodacity
Url: http://www.phonegap.com/

21. FrameWorks – Native App
“Titanium is Native – Mac, Windows, Linux e Mobile (Android, iPhone e iPad)”
Free e Open Source (Apache 2.0 license)
Versão: 1.2.2
Url: http://www.appcelerator.com/products/download/

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. Testando ...
http://validator.w3.org/mobile/

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

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

27. Portanto...
Desenvolvimento Mobile Desenvolvimento Mobile Web
➔ Briga de patentes ➔ Plataformas Proprietárias
➔ Plataformas Proprietárias ➔ Mercado em ascensão, porém ilimitado
➔ Severa dependência de plataforma ➔ Dependemos diretamente do crescimento
➔ Mercado consolidado, porém limitado do acesso a internet, ou seja,
ao infinito e além!

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