Palestrada dada no dia 8 de junho de 2013 no evento JustJava 2013 em São Paulo. Assunto: Aplicações Desktop nativas com HTML5, CSS3, JavaScript com backend usando Servlets 3

1. Aplicações desktop
nativas com
HTML5, CSS3 e JS
com backend usando
Servlets 3
Loiane Gronerhttp://loiane.com

2. Java JUG Leader
Sencha Community
Leader 7+ XP Java
4+ XP Sencha
Software Developer
Manager @ Citibank
http://loiane.com
@loiane
Loiane Groner

3. Autora Técnica
Internacional

4. Pq Desktop?

9. PQ?

10. Windows: Win 32 API, MFC, AFC, .NET
Mac OS: Cocoa, Carbon
Linux: GTK+
Cross-Platform toolkits:
Java Swing, Eclipse SWT, Mono, GTK+
Adobe AIR
Java FX

15. Pelo mesmo motivo que você desenvolve
uma app mobile nativa ao invés de uma
aplicação web que será executada no
browser do seu device
Experiência

16. Experiência do Usuário
Experiência é mais rica
Drag and Drop
Offline de verdade
Notificações
Sistema de Arquivos

17. E pq tecnologias web?
•Velocidade e custo de desenvolvimento
•Reuso de skills
•ótimas ferramentas no mercado
•HTML/CSS/JS são MARA!
•E vc pode ter o que vc quiser no
backend (Java!)

18. E ainda...

19. Cross-Browser

23. Como?

24. http://www.chromium.org/developers/content-module

25. Chrome Content API

26. Chrome Content API

27. Como
funciona?

28. HTML, CSS, JS
Packager - webkit + recursos nativos
SO - Windows / Mac / Linux

30. Show me
the
code!

31. Ferramentas

32. Titanium Desktop
http://www.tidesdk.org/

33. https://github.com/rogerwang/node-webkit

34. http://appjs.org/

35. Sencha Desktop Packager
http://www.sencha.com/products/desktop-packager/

36. Apache Cordova
aka PhoneGap
http://cordova.apache.org/

37. Chrome Packaged Apps
http://developer.chrome.com/apps/about_apps.html

38. Show me
the
code!

39. Problemas
Segurança

40. Debug
is on the table

41. Show me
the
code!

42. Mas e o Java?

43. App Desktop
(Empacotada)
App Server
(Java)
Local
Máquina Ususário
Server
requests
responses

44. Show me
the
code!

46. CORS
http://enable-cors.org/
enable cross-origin resource sharing

47. Servlet Filter

48. Manual

49. http://software.dzhuvinov.com/cors-filter.html
Lib/JAR

50. <filter>
! <filter-name>CORS</filter-name>
! <filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class>
</filter>
WEB-INF/web.xml
<filter-mapping>
<filter-name>CORS</filter-name>
<servlet-name>MyServlet</servlet-name>
</filter-mapping>
<filter-mapping>
<filter-name>CORS</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>

52. https://github.com/loiane/desktop-app-servlets3
http://www.slideshare.net/loianeg

53. Obrigada!
Loiane Groner
@loiane
http://loiane.com