5. O que é arquitetur
Uma arquitetura de software para um sistema é a
estrutura ou estruturas do sistema, que consiste de
elementos, suas propriedades visíveis exteriormente,
e as relações entre elas.
Bass, Clements, Kazman - 1998
6. O que é arquitetur
Ralph Johnson - GoF -
“arquitetura é tudo
aquilo que importa”
Uma arquitetura de software para um sistema é a
estrutura ou estruturas do sistema, que consiste de
elementos, suas propriedades visíveis exteriormente,
e as relações entre elas.
Bass, Clements, Kazman - 1998
7. O que é arquitetur
Ralph Johnson - GoF -
“arquitetura é tudo
aquilo que importa”
“as peças que as
pessoas
acham que é
difícil de mudar”
Uma arquitetura de software para um sistema é a
estrutura ou estruturas do sistema, que consiste de
elementos, suas propriedades visíveis exteriormente,
e as relações entre elas.
Bass, Clements, Kazman - 1998
10. Requisitos funcionais Requisitos não funcionais
O que é O que é
design? arquitetura?
11. Requisitos funcionais Requisitos não funcionais
“Ações que um
sistema deve ser
capaz de
executar, sem
levar em
consideração
restrições físicas.”
O que é O que é
design? arquitetura?
12. Requisitos funcionais Requisitos não funcionais
“Ações que um escalabilidade
sistema deve ser performace alta
capaz de
executar, sem alta disponibilidade
levar em segurança
consideração permitir evolução
restrições físicas.” do sistema
O que é O que é
design? arquitetura?
13. Requisitos funcionais Requisitos não funcionais
escalabilidade
performace alta
alta disponibilidade
segurança
permitir evolução
do sistema
O que é O que é
design? arquitetura?
14. Requisitos funcionais Requisitos não funcionais
O que é O que é
design? arquitetura?
40. <HTML
5> estrutura
Elementos para
<header>, <nav>, <article>, <section>, <aside>,<footer>
41. <HTML
5> estrutura
Elementos para
<header>, <nav>, <article>, <section>, <aside>,<footer>
Tornou o código HTML mais limpo.
42. <HTML
5> para mídia
Elementos
* Maioria dos vídeos utilizam plugin do flash
* Nem todos os browser possuem os mesmo plugins
<video>
* Padrão para incluir vídeo em nossas páginas.
* 2 formatos são suportados: Ogg Vorbis, MPEG 4
<video controls=”controls”>
<src=”javaone.ogg” type=”video/ogg”>
<src=”javaone.mp4” type=”video/mpeg”>
Seu browser não possui suporte ao elemento video.
</video>
43. <HTML
5> gráficos
Elementos
<canvas>
* O futuro dos gráficas na internet;
* Plataforma para desenhar em browser com 2D;
* Extensível através de Javascript;
* Criado pela Apple;
* Agora abertamente desenvolvido pelo W3C.
<canvas id=”aCanvas” heigth=”80” width=”100”></canvas>
Sintaxe simples
47. Composite Components
• Possibilita a verdadeira abstração;
• Agora você pode realmente criar
componentes reutilizáveis, você não precisa
mais de JSF Guru.
51. Composite Components com HTML 5
• JSF 2 introduziu para promover o Ajax;
• Composite Components trabalha com
Javascript;
• Composite Components pode ser
influenciado por HTML 5 e Javascript API.
53. Composite Components com HTML 5
audio.js
function tocarReStart(){
var audio = document.getElementByTagName(“audio”)[0];
audio.play();
var display = document.getElementByTagName(“input”)[0];
}
function pause(){
var audio = document.getElementByTagName(“audio”)[0];
audio.pause();
}
54. Composite Components com HTML 5
<html xmlns=”http://www.w3.org/1999/xhtml”
xmlns:h=”http://java.sun.com/jsf/html”
xmlns:f=”http://java.sun.com/jsf/core”
xmlns:h5=”http://java.sun.com/jsf/composite/media”>
....
<h:body>
<h5:audiobox src=”recursos/media/restart.ogg”
controls=”controls”/>
</h:body>
....