O documento apresenta uma introdução ao JavaFX 2, destacando suas funcionalidades e vantagens para o desenvolvimento de aplicações ricas. William, um especialista em Java e advocate do open source, explica como JavaFX permite criar interfaces gráficas, animações, gráficos, e integrações com multimídia. Ele também menciona o projeto Visage, uma linguagem específica para criação de interfaces, que é totalmente open source e compatível com várias plataformas.

1. Introdução ao
JavaFX 2

2. Quem é William
● Formado na FATEC SJC
● Trabalha na Red Hat com Suporte de
ferramentas JBoss
● Um dos organizadores do JUG Vale
● Fã do JavaFX desde a versão 1.0
● Fã de Open Source e programação
● REST(JAX-RS) com RESTEasy, Portlets e
Portais (JSR 168 e 286) com GateIn,
Servidores de Aplicação JEE (JBoss)

3. Agenda
● O que é JavaFX?
● O que você pode fazer com JavaFX?
● Ferramentas e projetos
● Um pouco de código
● O projeto Visage
● Indo além da apresentação
● Perguntas

4. O que é JavaFX 2
É uma moderna biblioteca Java que
dispõe de vários recursos para
criação de aplicações ricas.
Sua forma de programar facilita
muito a vida do desenvolvedor.
É o novo Swing

5. O que é JavaFX 2
Permite Criar Aplicações Ricas de
Forma Fácil Com Java

6. O que você pode fazer com JavaFX?
Criar Interfaces gráficas...
Fonte das imagens:: http://docs.oracle.com/javafx/

7. O que você pode fazer com JavaFX?
Aplicar Efeitos...
Fonte das imagens:: http://docs.oracle.com/javafx/

8. O que você pode fazer com JavaFX?
Criar animações...
Fonte das imagens:: http://docs.oracle.com/javafx/

9. O que você pode fazer com JavaFX?
Mostrar páginas HTML...
Fonte das imagens:: http://docs.oracle.com/javafx/

10. O que você pode fazer com JavaFX?
Utilizar CSS para trocar a aparência da aplicação...
Fonte das imagens:: http://docs.oracle.com/javafx/

11. O que você pode fazer com JavaFX?
Criar Gráficos....
Fonte das imagens:: http://docs.oracle.com/javafx/

12. O que você pode fazer com JavaFX?
Tocar conteúdo multimídia...
Fonte das imagens:: http://docs.oracle.com/javafx/

13. Demonstração da aplicação Ensemble

14. O que você pode fazer com JavaFX?
● Desenvolvimento MultiPlataforma
● Utilizar sua linguagem favorita
● Usar FXML
● Criar aplicações usando Java Plano ou Builders
● Utlizar sua IDE predileta

15. Ferramentas e Projetos
DATAFX
ScalaFX

16. Um pouco de código
● Primeiramente você deve saber algumas
coisas importantes:
○ Abstração de teatro: usa os conceitos Palco(Stage)
e Cena(Scene)
○ A classe principal sempre herda de javafx.
application.Application
○ Todos os atores(componentes da Cena) herdam de
javafx.scene.Node
○ As classes do JavaFX ficam no jar jfxrt.jar, presente
no JavaFX quando você baixa ele do site da Oracle

17. Um pouco de código
● Esqueleto de uma aplicação JavaFX

18. Um pouco de código

19. Demonstração da aplicação TimaoFX

20. Um pouco de código
Criando o "Topo"

21. Um pouco de código
Criando o "Accordion"
raiz.setCenter(paineis);

22. Um pouco de código
Criando o painel "Informações básicas"

23. Um pouco de código
Criando o painel "Vídeos"

24. Um pouco de código
Criando o painel "Hinos"

25. Um pouco de código
Criando o painel "Títulos"

26. Um pouco de código
Nosso "Tocador de Vídeo"

27. Um pouco de código
Nosso "Tocador de Audio"

28. Um pouco de código

29. Um pouco de código
Com CSS!
cena.getStylesheets().add(ARQUIVO_CSS);

31. Visage
● Nasceu do JavaFX Script logo após o fim do
mesmo
● Totalmente OpenSource
● Roda sobre a Plataforma Java
● Muito fácil de programar

32. Por que Visage?
● Ok, Java tem várias opções, é maduro, etc,
mas as vezes você quer algo específico,
para criar interfaces ou você não é
especialista em Java
● Visage é específica(DSL - Domain Specific
Language) para criação de interfaces. É fácil
e tem curva de aprendizado muito pequena.
● Visage é mais do JavaFX, roda no topo de
Android, Vaadin e há planos para mais

33. Uma DSL, Muitas Plataformas
Com Visage é possível criar interfaces para
diversas plataformas. Atualmente temos:
● Vaadin
● Android
● JavaFX (VisageFX)
A maior vantagem é aprender uma só
linguagem específica e reaproveitar o
conhecimento em outras plataformas.

34. VisageFX
Visage no topo de JavaFX
Adaptamos Visage para ocultar verbosidade
do Java com uma linguagem expressiva e
específica para Interfaces com o Usuário

35. VisageFX

36. Aprendendo Mais
http://bit.ly/grupo_javafx
http://javafx.com
http://fxexperience.com
http://fxapps.blogspot.com

37. Perguntas?

38. Obrigado!
Contato:
● @william_antonio
● github.com/jesuino
● william.a.siqueira@gmail.com