Interfaces ricas e
desenvolvimento Java
Marcelo Quinta
• Bacharel em Ciênc. da Computação - UFG;
• Mestrando em Ciênc. da Computação - UFG;
• Adaptação de conteúdo para disposit...
O que vem a cabeça
quando alguém te fala
sobre interfaces ricas?
Website
Rich website
Interfaces ricas
O que vem a cabeça
quando alguém te fala
sobre interfaces ricas?
Deixar de ser “meras” páginas
para se tornar um ambiente
interativo e eficiente
Desenvolvedor “não sabe fazer
interfaces”
Designer está aí para isso
Criação e
elaboração do
design
Navegação e
layout
O que cada um deveria fazer
Programação da
interface
Então no que devo
pensar para fazer
uma interface
elegante?
ENVOLVIMENTO
CONSISTÊNCIA
SIMPLICIDADE
FEEDBACK
EXPERIÊNCIA DO USUÁRIO
Bluetooth
Câmera boa
Processador
Memória
Wifi
Dois chips
Experiência
interessante
Experiência
natural
“Pense fora da caixa”
Analogia ao mundo real
Conversas como no mundo real
CUIDADO COM O EXAGERO
FIQUE ESPERTO COM A
ACESSIBILIDADE
Mas como fazer tudo
isso virar realidade?
Antes de tudo
1. “Fechar” o escopo
2. Arquitetura de informação
3. Dividir o serviço
X
Tecnologias
• Adobe Flash / Flex
• Silverlight;
• JavaFX;
• Unity;
• HTML5?
• Família de produtos baseados em Java;
• Plataforma	
  para	
  criação	
  de	
  clientes	
  ricos,	
  
principalmente	
  ...
Uma	
  única	
  plataforma	
  -­‐>todas	
  as	
  telas;
Mercado	
  de	
  amplo	
  alcance	
  por	
  rodar	
  em	
  JVM;	
 ...
Plataforma
Ferramentas para designers
Exemplo
Resultado
Resultado
Ferramentas para
desenvolvedores
• SDK
•Tudo necessário para desenvolver aplicações JavaFX, até
por linhas de comando;
• P...
Ferramentas para
desenvolvedores
• Código aberto em 2011;
• Mecanismo de renderização de aceleração de
hardware e controle de interface de usuário;
• Está ...
Componentes de interface
Cores
Formas
Estilos a formas e cenas
Gráficos
Fontes
Transformações
Leiautes
Efeitos
Cursores
JavaFX em ação
Fique esperto(a)
Melhor interface rica?
Flex
Java FX
Silverlight
NON ECSISTE!!!
Vai ficar esperando a
morte da bezerra? Se
registra logo. É GRÁTIS
www.gojava.org
http://www.devgoias.net/default.aspx
http://groups.adobe.com/group/387
Enquanto você toma coragem...
Enquanto você toma coragem...
O paradigma vai tomando mais espaço
Seus competidores aprendem
E você fica para trás
O medo passa! O arrependimento não!
Quer ganhar um livro
de padrões de projeto?
http://goo.gl/eJpI
FIM
marceloricardoquinta@gmail.com
www.marceloquinta.com.br
@mrquinta
Ria e Java FX
Ria e Java FX
Ria e Java FX
Ria e Java FX
Ria e Java FX
Ria e Java FX
Próximos SlideShares
Carregando em…5
×

Ria e Java FX

2.774 visualizações

Publicada em

Desenvolvimento de aplicações com interface rica e a tecnologia JavaFX

Publicada em: Tecnologia
3 comentários
4 gostaram
Estatísticas
Notas
Sem downloads
Visualizações
Visualizações totais
2.774
No SlideShare
0
A partir de incorporações
0
Número de incorporações
23
Ações
Compartilhamentos
0
Downloads
0
Comentários
3
Gostaram
4
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Ria e Java FX

  1. 1. Interfaces ricas e desenvolvimento Java Marcelo Quinta
  2. 2. • Bacharel em Ciênc. da Computação - UFG; • Mestrando em Ciênc. da Computação - UFG; • Adaptação de conteúdo para dispositivos móveis; • Mercado desde 2006; • JUG leader GoJava • Java ME (2007), JavaFX (2009), Java Web(2007) Marcelo o quê?
  3. 3. O que vem a cabeça quando alguém te fala sobre interfaces ricas?
  4. 4. Website
  5. 5. Rich website
  6. 6. Interfaces ricas
  7. 7. O que vem a cabeça quando alguém te fala sobre interfaces ricas?
  8. 8. Deixar de ser “meras” páginas para se tornar um ambiente interativo e eficiente
  9. 9. Desenvolvedor “não sabe fazer interfaces”
  10. 10. Designer está aí para isso
  11. 11. Criação e elaboração do design Navegação e layout O que cada um deveria fazer Programação da interface
  12. 12. Então no que devo pensar para fazer uma interface elegante?
  13. 13. ENVOLVIMENTO
  14. 14. CONSISTÊNCIA
  15. 15. SIMPLICIDADE
  16. 16. FEEDBACK
  17. 17. EXPERIÊNCIA DO USUÁRIO
  18. 18. Bluetooth Câmera boa Processador Memória Wifi Dois chips
  19. 19. Experiência interessante Experiência natural
  20. 20. “Pense fora da caixa”
  21. 21. Analogia ao mundo real
  22. 22. Conversas como no mundo real
  23. 23. CUIDADO COM O EXAGERO
  24. 24. FIQUE ESPERTO COM A ACESSIBILIDADE
  25. 25. Mas como fazer tudo isso virar realidade?
  26. 26. Antes de tudo 1. “Fechar” o escopo 2. Arquitetura de informação 3. Dividir o serviço X
  27. 27. Tecnologias • Adobe Flash / Flex • Silverlight; • JavaFX; • Unity; • HTML5?
  28. 28. • Família de produtos baseados em Java; • Plataforma  para  criação  de  clientes  ricos,   principalmente  os  que  entregam  vídeo,  áudio,   animações,  GUIs  especiais,  etc;
  29. 29. Uma  única  plataforma  -­‐>todas  as  telas; Mercado  de  amplo  alcance  por  rodar  em  JVM;   CompaFbilidade  com  tecnologias  Java; Fluxo  de  trabalho  designer-­‐desenvolvedor;   RunFme  poderoso; Liberdade  de  browser; JavaFX  Script  voltado  a  interfaces  ricas; Comunicação  facilitada  com  serviços  Web.
  30. 30. Plataforma
  31. 31. Ferramentas para designers
  32. 32. Exemplo
  33. 33. Resultado
  34. 34. Resultado
  35. 35. Ferramentas para desenvolvedores • SDK •Tudo necessário para desenvolver aplicações JavaFX, até por linhas de comando; • Plugins • Eclipse; • Netbeans 6.9.1; • Pacotes de terceiros (third-party) • CrudFX; • MVC FXForms.
  36. 36. Ferramentas para desenvolvedores
  37. 37. • Código aberto em 2011; • Mecanismo de renderização de aceleração de hardware e controle de interface de usuário; • Está sendo revista para ser utilizada por programas de outras linguagens • JRuby, Clojure, Groovy e Scala; • Fim do JavaFX Script, mas continua o suporte. 2011
  38. 38. Componentes de interface
  39. 39. Cores
  40. 40. Formas
  41. 41. Estilos a formas e cenas
  42. 42. Gráficos
  43. 43. Fontes
  44. 44. Transformações
  45. 45. Leiautes
  46. 46. Efeitos
  47. 47. Cursores
  48. 48. JavaFX em ação
  49. 49. Fique esperto(a)
  50. 50. Melhor interface rica? Flex Java FX Silverlight
  51. 51. NON ECSISTE!!!
  52. 52. Vai ficar esperando a morte da bezerra? Se registra logo. É GRÁTIS www.gojava.org
  53. 53. http://www.devgoias.net/default.aspx
  54. 54. http://groups.adobe.com/group/387
  55. 55. Enquanto você toma coragem...
  56. 56. Enquanto você toma coragem... O paradigma vai tomando mais espaço Seus competidores aprendem E você fica para trás
  57. 57. O medo passa! O arrependimento não!
  58. 58. Quer ganhar um livro de padrões de projeto? http://goo.gl/eJpI
  59. 59. FIM
  60. 60. marceloricardoquinta@gmail.com www.marceloquinta.com.br @mrquinta

×