CONCEITOS

Componentes

SABER MAIS
EspacoAprendizagem.svg

Home Kit Ferramenta Componentes

Componentes

Componente: é um elemento de software que encapsula uma série de funcionalidades. Um componente é uma unidade independente, que pode ser utilizado com outros componentes para formar uma página web por exemplo.

Gerenciamento da complexidade: lidando com o número reduzido de componentes de cada vez, é possivel gerenciar a complexidade do sistema reduzindo riscos de desenvolvimento.
Decomposição da página em componentes indepedentes podem ser subcontratados. Assim o desenvolvimento pode se concentrar nas interface e conectores entre componentes.
Encarar os componentes como abstrações de um framework (aqui no caso o framework é o bootstrap).

Beneficios: facilidade de manutenção e atualização. O fato da página ser construida a partir de componentes facilita a localização de modificações e atualizações.

Espaço dos componentes:

    Requisitos:
    • Propósito: criação(conceito), estrutural (caso de uso, esqueleto, template) e comportamental (máquina de estado, componente javascript).
    • Escopo (elementos): Interface e conector.
Domínios do componente: reutilização, arquitetura, estilos de arquitetura, framework e padrões.

Tipos de componentes:
  • Elemento: Cabeçalho, rodapé, grid (os vários tipos), seção, artigo, navegação, ...
  • Procedimento Ex: Como selecionar, como usar,jornada, ...
  • Conceito: Ex: Componente, relacionamento entre componentes
  • Conjunto: Ex: tópico, artigo, site, ..
Desenvolvimento de componente
  • Requisitos
  • Modelagem:
    • Definir casos de uso
    • Definir modelo conceitual
    • Definir modelo comportamental
  • Especificação de software:
    • Identificação de componentes
    • Interação entre componentes
    • Especificação de componentes


Como selecionar o componente:

  • Ler lista de componentes
  • Classificar grupos de componentes.
  • Identificar relacionamentos entre componentes.
  • Identificar componentes do grupo a serem usados

Como usar: São reusados podendo ser adaptados as suas necessidades. Uma vez identificado o componente no passo anteriror:
  • Clicar em no nome do componente do lado direito para abrir uma nova guia no browse com o componente.
  • Salvar o componente e colocar numa pasta de trabalho.
  • Fazer as alterações necessárias com o editor de sua preferência.

Tipos de Avisos:


Atenção! X **** Para abrir nova guia com o "Nome do componente"" para salvar página em local desejado e alterar com editor de código clicar aqui ». ****

OU

Atenção! X **** Clicar no cabeçalho "Nome do componente" para abrir guia com página padrão para salvar página em local desejado e alterar com editor de código. ****

Bloco de informação


Atenção! X **** Para abrir guia com "Bloco de informação para salvar página em local desejado e alterar com editor de código clicar aqui ». ****

Tabela de decisão


Atenção! X **** Para abrir guia com "Tabela de decisão para salvar página em local desejado e alterar com editor de código clicar aqui ». ****