O documento discute vários tipos de conectores que podem ser usados para representar fluxos de informação e transições entre páginas em diagramas de arquitetura, incluindo setas, crossbars, conjuntos concorrentes e ramos condicionais.

1. 5 AI – Navegação
parte II
”
”

3. 

4. 



5. 



Presidente, Adaptive Path
J.J.Garret não inventou o Ajax, mas o Ajax não decolou até ele
identificar e nomeá-lo.
Fonte: http://www.jjg.net/ia/visvocab/

7. 


8. 

9. 









10. 







11. 











12. 


Page File Page stack File stack

13. 





14. 

Uma estrutura de árvore simples A mesma estrutura do diagramada
de maneira diferente

15. 


Connectors

16. 

a) c)
b)
a) Seta indica movimento downstream (ou caminho de ida)
b) Crossbar indica que o movimento upstream não é permitido (ou caminho de volta)
c) Múltiplas pontas de setas indicam a direção do fluxo.

17. 




18. 

informações
sobre o Assim como as setas, os
software conjuntos concorrentes
possuem direção.
download Elementos upstream
conectam-se ao lado curvo
do semicírculo; elementos
downstream conectam-se ao
lado reto.
instruções
de instalador
instalação

19. 



Continuation

20. 

continuação
A de :
A D
B C continua em:
D E F
Um ponto de continuidade pode se referir a um ou mais ou destinos, de
acordo com a necessidade.
A orientação dos colchetes não tem significado particular; essa escolha deve
ser feita de acordo com o senso estético do arquiteto.

21. 





22. 

Area Iterative Area

23. 

Area
janela pop-up
página índice
inicial de ajuda
resolução contato
perguntas
de para
frequentes problemas suporte
Em muitas arquiteturas, há a necessidade de repetir a mesma estrutura
básica quando ela é aplicada a um número de elementos de informação
e funcionalidades idênticas.

24. 

Iterative Area
catálogo informações
de sobre o
produtos produto
perguntas
especificações onde comprar
frequentes
você pode ter um catálogo de produtos em que cada produto tem várias páginas
associadas a ele.
Você pode desenhar esta estrutura para cada produto, mas por que perder tempo?
Em vez disso, use o elemento de área iterativa.

25. 






26. 

xpto
ponto de
entrada:
A
W
A
X T
xpto Flow reference
ponto de
Z saída:
B
B
Flow area

27. 






28. 




29. 

login
Um exemplo de uso de um
ponto de decisão numa
seqüência de login
página
erro inicial de
membros

30. 


Conditional
Connectors

31. 




32. 

O ramo condicional indica que
A o sistema está decidindo que
caminho será apresentado ao
usuário.
Os caminhos da página A para
as páginas B, C e D são
mutuamente exclusivos.
B C D Ou seja: se existe um caminho
até B, os caminhos para C e D
não existem.

33. 





34. 

página de
A resultados
de busca
critério de busca A aplicação mais comum do
seletor condicional é em
resultados de busca.
B C D
páginas de conteúdo indexadas pela ferramenta

35. 





36. 

A Conjunto funciona de forma muito
semelhante a um ramo
condicional, mas por uma
condição estamos apresentando
mais de um caminho ao usuário.
Então, se o atributo avaliado tem
valor X, o usuário vê um caminho
para a página B, mas se o atributo
tem valor Y, o usuário vê caminhos
até as páginas C e D.
B C D

37. 





38. 

conexão segura necessária
A
erro de
segurança
B C D

39. ?

40. 



Obrigado!