Diagramas para analistas desenvolvedores web

A profissão de analista desenvolvedor requer do profissional uma série de técnicas e habilidades, dentre elas a interpretação de diagramas de software e pelo menos uma compreensão em alto nível sobre comunicação dos componentes. Tais diagramas seguem padrões de formatação global, como a UML, mas é plausível utilizar adaptações com propósito de facilitar o entendimento. Tentei exemplificar alguns dos diagramas mais recorrentes nas rotinas de desenvolvimento (com foco na web) junto a informações úteis:

  1. Fluxo de processo
  2. Casos de uso
  3. Diagramas de sequência (DSS) ou diagrama de interação (UML)
  4. Diagramas Entidade-Relacionamento
  5. Diagramas Modelo-Entidade-Relacionamento (M.E.R)
  6. Diagramas de arquitetura web (MVC)
  7. Diagramas de implementação de software
  8. Diagramas de Infraestrutura de Rede
  9. Diagrama de estados de transição

1. Fluxo de processo

Diagrama de Fluxo de processo
Figura 1 – Fluxo de um processo de matrícula de aluno

Temos que, de forma paralela, múltiplos agentes, com múltiplas atividades, estão envolvidos no processo de matrícula de um aluno. Cada agente é visualizado em sua própria báia, de forma que suas respectivas atividades e decisões sejam identificadas, assim como o tipo de atividade até que se alcance o final do fluxo.

2. Casos de uso

Casos de uso

3. Diagramas de sequência (DSS) ou diagrama de interação (UML)

Diagramas de sequência (DSS) ou diagrama de interação (UML)
Fonte: MSDN

4. Diagramas Entidade-Relacionamento (E.R.)

Diagrama E.R.

5. Diagramas Modelo-Entidade-Relacionamento (M.E.R)

Diagrama M.E.R.

6. Diagramas de arquitetura web (MVC)

Diagramas de arquitetura web
Autor: Fernando Montoan

7. Diagramas de implementação de software

Diagramas de implementação de software
Fonte: Lucidchart

Um diagrama de visão de alto nível sobre componentes de software, que na prática serve ao propósito de qualquer tipo de aplicação, seja embarcada, puramente web, nativa mobile, híbrida, desktop, sistema operacional e até mesmo baixo nível em linguagem de máquina.

7. Diagramas de Infraestrutura de Rede

Diagramas de Infraestrutura de Rede
Fonte: Guia do Hardware

8. Diagrama de estados de transição

Diagrama de estados de transição

Estes são os principais diagramas encontrados na rotina do desenvolvimento web. Conheça também as principais ferramentas para criar diagramas.

2 Anos de experiência em PHP são base sólida para assimilação de outras linguagens e busca de novos desafios. A criação de Sistemas Web e Websites responsivos são minha especialidade. Busco constantemente o aperfeiçoamento das técnicas utilizadas com foco em boas práticas através do conhecimento adquirido das metodologias. O conhecimento diferenciado da língua norte-americana proporciona segurança para programar na língua e entender manuais técnicos. Já em posse dos conceitos as metas perseguidas têm sido o aprofundamento em JavaScript serverside, ASP.NET e aplicações mobile híbridas.