VERSÃO 9 de WDZ
Home -> 1 cabeçalho, 1 logotipo, 8 ícones, 1 rodapé, 7 seções , 2 imagens
Páginas html: ___ imagens: ___ png ___ svg arquivos odg : ____
LOGOTIPO
OBJETIVO
  • Estratégia
  • Objetivos
  • Modelos de Páginas
  • Modelos de Páginas
CONTEXTO
  • Contexto
  • Modelo Orientador
  • Riscos
  • Estudo de Caso
EU
  • Quem sou
VOCÊ
  • Persona
  • Tarefas
  • Estudo de Caso
Experiência
  • Orientação
  • Framework
  • Entregas
Destaque
  • Artigos
  • Visualização
  • Engenharia de Sistemas 2025
  • Palestra UI



BlocoInformacao.png SimboloPagina.png

OBJETO DE APRENDIZAGEM

Experiência de aprender a criar página
Web à partir de um bloco de informação

Clique para ver onde você esta SetaBaixo.gif

 USUÁRIO WEB
Como criar uma página web usando
BLOCO DE INFORMAÇÃO ?
SetaDireita.gif
LinhaSetaBaixo.svg

 INTERFACE WEB
Browser (chorme, safari, opera,..) aplicativos

Vou te transferir para a página


Clique aqui para fechar bloco SetaBaixo.gif

Especificação
SINTESE
A página é um
sistema que
visualiza blocos
de informação.

CONCEPÇÃO
Página:
Anatomia EsbocoCriacaoPagina.png
Elementos
Texto
Imagem
Vídeo
Audio
Ilustração
*lista completa SetaDireita.gif

Componentes
Logotipo
Navegação
Conteudo
Rodapé
Espaço em branco

EsboçoEsbocoCriacaoPagina.png
LayoutEsbocoCriacaoPagina.png
Storyboard SetaDireita.png

FUNCIONALI
DADES

COMPORTA
MENTOS
Recuperação da
info
SetaDireita.gif SetaDireita.png

ACEITAÇÃO

Critério de aceitação:

mais...

Os objetivos
estão claros

Partir de um
bloco de info
e visualizar
uma página.

Não deve ter
link quebrado.

Conteudo de bloco
consistente.

Verificar se
requisitos
foram atendidos.

Validar
o storyboard.

Usuário
não deverá
ficar perdido
na navegação.


DIVERSOS
Orientações IR PARA
Dominios
Biblioteca SetaDireita.gif
Glossário SetaDireita.gif

 VAMOS FAZER UMA EXPERIÊNCIA AGORA
BLOCOS DE INFORMAÇÕES
Clique aqui para ver o que é Bloco de informação IR PARA

 TRANSFORMAÇÃO
BLOCOS DE TRANSFORMAÇÕES
Clique aqui para continuar a experiência IR PARA

 RESULTADO - Alvo (Layout com conteúdo)
SimboloPagina.png
Clicar para ver a página criada
e depois clique em HOME na página criada SetaDireita.gif
Relacionamentos
TEMAS
Conceito SetaDireita.gif
Modelo SetaDireita.gif SetaDireita.gif
Diagrama
A complexidade é,
ao mesmo tempo,
concreta
e abstrata -
para projeta-la, são
necessário diagramas.
Se, com níveis de
começa-se a responder
o que é (taxonomia /
ontologia)e como
funciona
(modelo / modulo) um
sistema
com uso dos diagramas
e dos pricipios da
topologia,
começa-se a responder
onde esta o sistema
representação e
produção)
que disponibiliza o
arranjo
conexões,
forças e fluxos
de um sistema, modelo
ou realidade.
TopologiaSetaDireita.gif

Sistema SetaDireita.gif
Aprendizagem
SetaDireita.gif SetaDireita.gif
Informação SetaDireita.gif
Knowledge SetaDireita.gif
Grid SetaDireita.gif
Software SetaDireita.gif
Ciclos de Vida
Ciclo de Vida de
produto ou serviçoSetaDireita.gif
Ciclo de Vida de
desenvolvimentoSetaDireita.gif
Ciclo de Vida de
Negocio e sistemaSetaDireita.gif

Estrategia SetaDireita.gif SetaDireita.gif
Mapeamento SetaDireita.gif
CoresSetaDireita.gif SetaDireita.gif SetaDireita.gif

PRINCIPIOS
CONTEÚDO

Começar pelo final
(a partir de
uma solução)

mais...
.Começar com a
experiência do
interessado e
caminhar
em direção a
tecnologia.
.Partir do simples
para ocomplexo
.Configurar um
conjunto de modelos
adequados para
aplicações
especificas.
.Modelo é
direcionado por
objetivos e
riscos do projeto.
.Modelo atravessa
estados bem definidos
. Dividir para
conquistar
.Seguir práticas
modernas de
desenvolvimento.
.Evitar:
.. Multitarefas
.. Aprender rápido
.. sem assimilar
.. Trocar iniciativas
atuais por novas
e melhoradas
porem não dominada.
Exercitar o
domínio.
PRINCIPIOS
CAMINHO

Transformar
custos
em receitas

mais...
. Encontrar
treinar
e manter
bons algoritimos
.Os gastos
devem ser
estipulados
e reconhecidos
de acordo com.
interesses .....
. Um bom conteúdo
deve estar
procurando crescer
e melhorar indepen-.
mdente do sucesso.
.Inovações que criem
valor são uteis
mas não tenha medo
de copiar o que funciona
. Educação
deve ser
continuo
e incorporado
a rotina
de trabalho
.Disponibilizar
apenas com
resultados concretos.
.Comunicação
transparencia
ética
. Cuidar bem
da reputação
e rápido.
. Vá atras do
pote de ouro
mas por um
caminho saudável.

ABORDAGEM
( Método para
testar e aplicar
novas idéias)
VideoIR PARA

Começar pelo final
Mapear

mais...

Fazer Esboços

Decidir
(Storyborad)

Prototipar

Testar
(Aprender)



APRENDI
ZADO
Matemática
Categoria SetaDireita.gif
Conjunto SetaDireita.gif
Função
Estatistica
Descritiva
Inferência
Não Paramétrica
Análise de sobrevivência
Distribuição de probabilidades
Correlação
regressão
Análise multivariáveis
Séries temporais

Tecnologias
Técnicas SetaDireita.gif
Ferramentas Ferramenta.html
WModelodeGestaoEstrategica.jpg WModelodeGestaoTatico.jpg WModelodeGestaoOperacional.jpg

Cursos SetaDireita.gif


Gostou ? SetaBaixo.gif


Esta interessado e tem um caso real ?

Se  SIM  eu também





BEM VINDO

Entre em contato

wdz.eng.br@gmail.com

IR PARA

Antes de entrar em contato, veja agora, o que é ciclo de vida de uma página SetaBaixo.gif


EM QUAL CICLO ESTAMOS NO CICLO DE VIDA DA PÁGINA? SetaBaixo.gif

ESPECIFICAÇÃO & DESIGN DO BLOCO DE INFORMAÇÃO.

Fechar bloco SetaBaixo.gif

Veja também os cases que já tenho SetaBaixo.gif

CASES INTERNOS EM IDÉIA

wdz.eng.br@gmail.com


Clicar
(Ir para)
Página
Objetivo
Sensor de gás Aprendizado

CASES INTERNOS EM ANDAMENTO

wdz.eng.br@gmail.com


Clicar
(Ir para)
Página
Objetivo
Conceito de bloco de informação Aprender conceito
Como fazer uma página Web Consolidar conceito

CASES EXTERNOS EM ANDAMENTO

wdz.eng.br@gmail.com


Clicar
(Ir para)
Página
Objetivo
Sistema de informação acompanhamento projeto Fachada predial Fazer Cliente
Tratamento dentário Fazer Cliente

CASES INTERNOS IMPLEMENTADOS

wdz.eng.br@gmail.com


Clicar
(Ir para)
Página
Objetivo
Serviço de Modelagem e Especificação de Sistema (WDS) Fazer Cliente
Componente Digital (WDC) Montar páginas com auxilio de componentes
Produto (WDP) Fazer página Web
Dicas sobre sistemas de informação e suas tecnologias (WDK) Marcar presença na internet
Modelo de tomada de decisão de escolha de um site Modelar uma tomada de decisão

OBRIGADO