Contexto |Navegação - menu global
Header ...
Navegação - de onde veio Navegação - menu da página
Titulo do conteúdo

Texto do conteúdo.

Clicar para ver um exemplo de página pronta

Home Página Web

Página Pronta Página Web


QUAL ESFORÇO PARA FAZER UMA PÁGINA WEB ?

Esforço - Global

...

Conceitos

...

Sistemas

...

Entregas

Esforço - Detalhe

...

Composição da página

...

Tipos de Páginas

...

Código

Esforço - Síntese

...

Land-Page

...

FicharioH

...

FicharioV

EXEMPLOS DE PÁGINAS

Por tipo

One Page

Site pessoal (Autor)

Acessar
Blog

Tipo guia (Generalista)
Sobre um tópico)

Acessar
Especialista

Sobre um tema

Acessar

Referencia: Acessar

SISTEMA DE NAVEGAÇÃO

Principios

O sistema deverá responder:
  • Onde estou dentro de um contexto?
  • De onde vim?
  • Para onde vou?

Quanto a página:
  • Qual a origem (quem solicitou ou ativou)?
  • Qual o objetivo?
  • Qual categoria (em qual arquivo)?
  • Onde vou agir (itens do sub-menu)?

HABILIDADES

Perfis

Estratégista: Familiriade do contexto do negocio e habilidade em estabelecer relações com gerente da área.

Designer de thesaurus: Desenvolve esquemas de classificação, vocabulário controlado e thesaur. Educaçao, experiência e uma paixão por detalhes .

Controlador do vocabulário: Gerencia a evolução do vocabulário controlado, inclui, modifica e exclui os termos escolhidos e variantes.

Especialista em Indexação: Conteúdo de tag's e serviços com metadado do vocabulário controlado.

Design da Interação:Trabalha entre arquitetura da informação e desgn gráfico. Cria esquemas de navegação e layouts com foco na interação com o suário.

Analista de software de AI: Orienta a experiência do usuário no uso do software. Requer familiaridade com o sistementema de gerenciamento de conteúdo, pesquisa engenhos, auto-classificação, filtragem colaborativa e software gerenciador do thesaurus.

Engenharia de usabilidade: Foca sobre a interseção da usabilidade e a arquitetura da informação(AI). Conduz estudos que isolem os elemnetos da AI (ex: rótulos da categoria). Background em HCI ou etinografia.

Cartografia: Converter padrões em conteúdo e usar em mapas, guia, index, e outras ferramentas de navegação.

Analista de pesquisa: Conduz o design, melhorias e análise de progresso para o sistema de pesquisa. Trabalha com o design, tecnico, gerente de conteúdo e time de arquitetura de informação.

DOMÍNIOS DE UMA PÁGINA WEB

Domínios

Design de informação, design thinks, arquitetura de informação e visualização da informação.

Faciltador visual, visualização cognitiva, design gráfico e visualização de dados.

Ciência da informação, ciência da computação, engenharia de sistema e software, ciências cognitivas.

Metodo.svg

MÉTODO

Como fazer uma página

    Pré Requisitos
  • Ter um modelo
* Ter pelo menos 1.

  1. A partir das necessidades de informação liste as informações que irão resolver sua necessidade.
  2. Dividir á página em elementos que irão compor a página (bloco de informação e/ou texto, imagem, video, logotipo, gráfico).
  3. Defina que ações ("user stories" em metodologia ágil) fornecerão dados para quais elementos. Os elementos não resolvidos repetimos a partir do passo 2 até que os elementos estejam completos

Condição de término:
Todas as necessidades de informação atendidas pela solução com objetivo alcançado. Exemplo »

Pós témino:

  • Desenhar Mapa da página com todos os link's da página .
  • Definir lay-out,cor, estilo visual, textura, tipografia, imagens e efeitos.
  • Customizar o modelo Como fazer página web » (Codificar segundo padrões Web).
  • Documentação da página: colocar title em cada elemento explicando como dado é obtido.
  • Validar com validador W3C »
  • Registre seu domínio ( registro.br » who.is » )
  • Contrate um serviço de hospedagem
  • Publicar
  • Divulgar
  • Exemplo de uma página mostrando o método

INTERFACE

Interliga as funcionalidades com as operações

Vamos aprender juntos através de interfaces a fazer sistemas de informação.

Será visto a interface não como uma parede e sim como uma relação entre faces, meio pelo qual se transfere dados como catalizador para geração de conhecimento. Essa relação irá transformar o modelo conceitual, lógico e fisico no modelo: contexto, conceito e artefato.

Imaginemos a interface como um conjunto e sub-conjuntos de informação.

A interface contém uma ou mais páginas web, podendo conter dados de saida e entrada.

A interface fornece algum tipo de feedback (ação a ser executada, avisos de erro, ...)

ArquiteturaSistema.svg

Face A Interface.pngFace B

Contato

Se você tem dúvidas?
Tem interesse em fazer um modelo de informação?
Então entre em contato.
olivroqueaprende@gmail.com

Clicar aqui para abrir Cartão