Introdução

Métodos

1. Visualizações:
   • Tabela periódica de visualização de métodos
2. Ágeis:
   • Lean
   • Sprint
3. Vários:
   • Métodos de desenvolvimento de sistemas
4. Teste automatizado:
   • TDD
5. Método do problema resolvido:
   • Documentação automática

Técnicas

1. Design:
   • StoryBoard Protótipo, Wireframe e Protótipo

Documentação

1. O quanto rápido posso comunicar uma mensagem?

   ---

   Escalável Retorno
   
   conversação

   telefone

   grupo de chat

   e-mail

   documentação
2. Tipos:
   • Tutoriais: O que um iniciante precisa saber:
     • Visão geral
     • Detalhes nos recursos ou link's
     • Posição de começar imendiatamente
   • Guia de instruções: Público possui conhecimento básico:
     • Contexto inicial
     • Não precisa explicar conceito
     • Guia do ponto A ao ponto B
     • Usabilidade prática (método na prática) é mais importante do que integridade
   • Referência Técnica: Como opera uma máquina:
     • Descrever a classe, função e API como usa-las
     • Alternativas de explicações
     • Guia do ponto A ao ponto B
     • Busca de informação de sintaxe
   • Explicações: Explicar, ilustrar e esclarecer determinado tópico:
     • É orientado para a compreeensão
     • Alternativas de explicações
     • Comportamento geral e os requisitos não funcionais
3. Documento de requisitos do IEEE
   

---

Frameworks

Tem dois tipos de Frameworks:

Framework conceitual: É uma estrutura abstrata ou modelo teórico que fornece uma base para entender, analisar e organizar conceitos, ideias e informações dentro de uma determinada área de estudo ou disciplina.
Ele estabelece as relações fundamentais entre os elementos essenciais e fornece uma estrutura conceitual que pode ser usada para explicar fenômenos, desenvolver teorias ou orientar a pesquisa.

Framework de código: É um conjunto de códigos prontos (templates) usado pelos desenvolvedores para criar os seus projetos e gerenciá-los de maneira mais ágil e prática. Eles funcionam como uma plataforma de desenvolvimento, e trazem uma série de ferramentas especiais, guias e outros componentes.

FRAMEWORK CONCEITUAL

1. Framework para fazer uma página web:
   • Modelo para fazer página web

FRAMEWORK DE CÓDIGO

1. Design do front-end da aplicação (Html,css,javascript):
   • Bootstrap

Tecnologia Web

FRONT-END

1. HTML 5:
   • DOM
     

     O Modelo de Documento por Objetos é uma convenção multiplataforma e independente de linguagem de programação, fiscalizada pela entidade World Wide Web Consortium , para representação e interação com objetos em documentos HTML, XHTML e, XML

     
   • Cheatsheet
     
     
   • Tabela Periódica de Elementos
     
   • Tabela de códigos
     html.spec.whatwg.org
   • lipsum - texto fictício da indústria de impressão e composição tipográfica
     www.lipsum.com
   • Guias para Para desenvolvedores
     W3School MDN
2. CSS 3:
   • Sintaxe
     
   • Customizar CSS
     Html
     
     Css
     
   • Cheatsheet
     
   • Guias para Para desenvolvedores
     W3School MDN
3. Javascript JS: (atual:ECMAScript 2021)
   • Especificação
     ECMA-262, 12th edition, June 2021 ECMAScript® 2025
   • Cheatsheet
     
     
   • Guias para Para desenvolvedores
     W3School MDN

Serviços

1. Design de Serviço:
   • Servicedesigntools

Componentes

1. Componentes de software:
   • Elementos de páginas Web

Icones

1. Icones e fotos para tudo (thenounproject.com) :
   • Thenounproject

Texto estruturado com 2 níveis

1. nivel 1:
   • nivel 2.
   • nivel 2.
2. nivel 1:
   • nivel 2.
   • nivel 2.

Padrões

1. Representação Gráfica para modelagem:
   • Diagrama
2. Notação:
   • Na Diagramação:
     • => : condiciona Ex: Visão Holistica => Sistema. Quer dizer: Visão Holística condiciona o Sistema.
     • retângulo : bloco de informação. Ex: Informação.
     • retângulo dentro de retangulo : esta contido.
3. Páginas Web:
   • Página de tópico

Referências

1. Medium;Repensando a documentação da sua plataforma de dados para que as pessoas realmente a leiam. Visto em 21/2/24.