24 de Março
Dicas
120 visualizações
Comentar (disqus)

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 de um sistema de cobranças
Figura 2 – Casos de uso de um sistema de cobranças – Fonte: MSDN

Diagramas de casos de uso são diagramas de fácil criação e entendimento. Agentes são representados por “bonecos” e as atividades representados por balões. DCUs representam as interações possíveis entre pessoas e o sistema em questão.

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
A finalidade do diagrama de estados de transição é mapear os eventos. Isso contribui na elaboração do projetos por facilitar a identificação de objetos e suas interações.

Estes são os principais diagramas encontrados na rotina do desenvolvimento web. Diagramas tornam um projeto mais claro para uma equipe, facilitam mudanças e a divisão de tarefas. Há uma diversidade de ferramentas pagas e gratuitas para criar diagramas e tornar seus projetos mais profissionais.

Sentiu falta de algum diagrama nessa lista? Colabore! Deixe seu comentário. abaixo.

24 de Março
Dicas
120 visualizações
Comentar (disqus)
4 anos trabalhando em projetos PHP são base sólida para assimilação de outras linguagens e busca de novos desafios. Técnico em Informática, Graduado em Sistemas de Informação pela PUC Minas, criei projetos de sistemas web sob demanda para negócios variados. A criação de suportes para conciliação bancária e projetos EAD foram os projetos mais comuns desde então.