Creately Blog

Tudo o que precisa de saber sobre diagramas de rede: desde símbolos de diagramas de rede até às melhores práticas

Todos nós preferimos gráficos, imagens ou qualquer outro tipo de representação visual em vez de texto simples.

O texto simples não é divertido e não pode reter a nossa atenção por um longo período de tempo. Às vezes, é difícil de entender também. Portanto, é óbvio que é benéfico usar diagramas para mostrar relações ou estruturas complexas.

E, um deles é um diagramas de rede.

Ele não só ajuda a todos na equipe a entender as estruturas, redes e processos; ele também é útil na gestão de projetos, manutenção de estruturas de rede, depuração, etc.

Diagramas de rede demonstram como funciona uma rede. Este guia de diagramas de rede lhe ensinará tudo o que você precisa saber, desde o que é um diagrama de rede até seus símbolos e como fazê-lo.

O Creately oferece ferramentas simples para desenhar diagramas de rede ou pode-se simplesmente selecionar um modelo existente.

O que são Diagramas de Rede?

Como o nome sugere, é uma representação visual de um cluster ou uma pequena estrutura de dispositivos de rede. Ele não só mostra os componentes desta rede, mas também retrata como eles estão interligados.

Embora inicialmente fossem utilizados diagramas de rede para representar os dispositivos, agora também é amplamente utilizado para a gestão de projetos.

Existem dois tipos de Diagramas de Rede

Físicos: Este tipo de diagrama de rede mostra a relação física real entre os dispositivos/componentes que formam a rede.

Lógico: Este tipo de diagrama mostra como os dispositivos se comunicam entre si e a informação flui através da rede. É usado principalmente para representar sub-redes, dispositivos de rede e protocolos de roteamento.

O que são os Símbolos do Diagrama de Rede Utilizados?

Network Diagram Guide - Network Diagram Symbols

Estes são os símbolos comumente usados em um diagrama de rede. No entanto, existem muitos outros símbolos que podem tornar o seu diagrama de rede preciso e claro.

Uma vez selecionado um template de diagrama de rede, a Creately carrega automaticamente os símbolos relevantes para você junto com os nomes abaixo dele para torná-lo simples e rápido.

Isso não é fácil?

Abaixo está a captura de tela do painel Creately e os símbolos são marcados com um círculo vermelho para referência. Tudo que você tem que fazer é arrastar e soltar o símbolo e criar o seu próprio diagrama de rede.

Criar um Diagrama de Rede - Guia de Diagrama de Rede

Termos Aceitos Universalmente

Há algumas definições usadas em diagramas de rede que você deve estar ciente.

Atividade: É uma operação comumente representada por uma seta (para mostrar principalmente as direcções) com um fim, bem como um ponto de partida.

Pode ser de 4 tipos:

Atividade predecessora deve ser concluída antes do início de outra actividade.

Atividade sucessora não pode ser iniciado até que as atividades antes de serem completados. Esta atividade sucessor deve ser em sucessão imediata.

A atividade simultânea deve ser iniciada ao mesmo tempo.

Actividade fictícia não utiliza nenhum recurso, mas retrata a dependência.

Um Evento é retratado por um círculo (também conhecido como um nodo) e denota a conclusão de uma ou mais actividades e o início de novas actividades. Os eventos podem ser classificados em três tipos:

Evento de Merge é onde uma ou mais atividades se conectam com o evento e se fundem.

Evento Burst é onde uma ou mais atividades saem de um evento.

Merge e evento Burst é onde uma ou mais actividades se fundem e explodem simultaneamente.

Diagrama de Rede Termos

O Sequência refere-se à precedência das relações entre dispositivos ou atividades. As seguintes perguntas podem ajudá-lo a descobrir

  • Que trabalho seguirá ou precederá?
  • Que empregos podem correr (ou irão correr) ao mesmo tempo?
  • O que controla o início e o fim?

Quais são os usos dos Diagramas de Rede?

Você pode usar diagramas de rede para múltiplas atividades, incluindo

  • Estruturação da rede residencial ou de escritório
  • Compreensão e resolução de problemas de bugs ou erros
  • Atualize ou atualize uma rede existente.
  • Documentação para integração, comunicação, planejamento, etc.
  • Rastreamento de componentes, dispositivos ou trabalhos
  • Descrever o processo e o passo a ser dado durante a implementação de um projecto

Tipos de Diagramas de Rede

Topologia do barramento

Estas são as mais fáceis de configurar e exigirão um comprimento de cabo menor do que qualquer outra topologia. Os computadores ou rede estão ligados a uma única linha (com dois pontos finais) ou a um backbone. Por isso, também é popularmente conhecida como topologia de linha.

Exemplo de diagrama de rede de topologia de barramento

Enquanto a maior parte da topologia de barramento seria linear, há ainda outra forma de rede de barramento que é chamada “Distributed bus”. Esta topologia de rede conecta diferentes nós a um ponto de transmissão comum e este ponto tem dois ou mais pontos finais para adicionar mais ramos.

A topologia de ônibus é geralmente usada quando você tem uma rede pequena e requer, conectando dispositivos de forma linear. Contudo, se o autocarro (ou a linha) avariar ou tiver um bug, é difícil identificar o problema e resolver os problemas.

Anel

Como o nome sugere, a rede tem a forma de um anel. Cada dispositivo/nó se conecta com exatamente dois outros até se tornar um círculo. A informação é enviada de nó em nó (de forma circular) até chegar ao seu destino.

É fácil adicionar ou remover um nó da topologia do anel, ao contrário da topologia do barramento. No entanto, se algum dos cabos quebrar ou os nós falharem, toda a rede falha.

Exemplo de diagrama de rede de anéis

Estrela

Cada nó é separadamente e individualmente conectado a um hub, formando assim uma estrela. Toda a informação passa pelo hub antes de ser enviada para o destino.

Enquanto a topologia estrela ocupa muito mais cabos do que outros, a falha de qualquer nó não afetará a rede. Não só isto, cada nó pode ser retirado facilmente em caso de qualquer quebra ou falha. No entanto, se o hub falhar, a rede ficará paralisada.

Exemplo de diagrama de rede Star

Malha

Neste tipo de diagrama de rede, cada nó retransmite dados para a rede. Pode ser de dois tipos: Malha completa e Malha parcialmente ligada.

Enquanto cada nó está conectado um ao outro em malha completa; os nós estão conectados uns aos outros com base em seus padrões de interação em uma malha parcialmente conectada.

Exemplo de Diagrama de Rede Mesh

Árvore

É uma combinação de topologia de ônibus e topologia estrela.

Exemplo de Diagrama de Rede em Árvore - Exemplo de Diagrama de Rede

Como Desenhar um Diagrama de Rede

É melhor você começar a mapear o diagrama com um papel e uma caneta. Uma vez que você tenha, você pode ir para qualquer ferramenta de diagramação (como Creately) projetada para este fim.

Como mencionado anteriormente, tudo o que você precisa fazer é arrastar e soltar símbolos, linhas, formas, etc. para retratar as conexões. Você também pode selecionar um dos milhares de modelos que temos em Creately para economizar tempo e esforço.

Escolha a topologia da rede: Dependendo do seu objetivo final, a topologia seria diferente. Os diagramas de rede para uma rede doméstica pessoal são muito mais simples (e, na sua maioria, lineares) em comparação com uma rede de rack ou uma rede VLAN para escritório.

Uma vez que você tenha todos os detalhes das conexões, dispositivos, etc. que deseja, você pode começar com a ferramenta de diagramação.

Com Creately, você pode usar um dos vários modelos de diagramas de rede disponíveis.

Uma vez selecionado um modelo de diagrama;

  • Adicionar equipamento relevante (através da inserção de símbolos): Como mostrado acima, Creately carrega as formas relevantes, ferramentas, setas, etc. Você pode começar inserindo computadores, servidores, roteadores, firewalls, etc. na página.
  • Etiquete os símbolos/dispositivos: Adicione nomes de componentes para maior clareza para qualquer pessoa que queira referi-lo. Se você não quiser adicionar os nomes (porque talvez pareça desordenado), você pode numerá-los e ter um anexo com a descrição de cada elemento.
  • Desenhar Linhas de Ligação: Use linhas e setas direcionais para retratar como cada componente está conectado. Consulte a seção de melhores práticas para entender como as linhas e flechas devem ser desenhadas.

Modelos de Diagramas de Rede

Modelo de Diagrama de Rede de Escritório
Esquema de diagrama da rede de escritórios

Modelo de Diagrama de Rede VLAN Modelo de diagrama de rede VLAN

Modelo de Diagrama de Rede Básico
Esquema Básico de Diagrama de Rede Exemplos de Diferentes Diagramas de Rede

Erros Comuns do Diagrama de Rede

Looping

Como o nome sugere, é uma situação em que você acaba fazendo um loop infinito no diagrama de rede

Looping

Dangling

É uma situação em que um evento é desconectado de outra atividade. Enquanto uma atividade está se fundindo no evento, não há nenhuma atividade que esteja começando ou emergindo desse evento. Portanto, esse evento é destacado da rede.

Dummy

lt Não existe e é imaginário. É usado no diagrama de rede (geralmente representado por uma seta pontilhada) para mostrar a dependência ou conectividade entre duas ou mais atividades.

Por exemplo, A e B são simultâneos. C depende de A; D depende de A e B. Esta relação é mostrada com a ajuda da seta pontilhada.

Dummy

Diagrama de Rede Melhores Práticas

Como é o caso de outros diagramas, os diagramas de rede têm alguns símbolos universalmente aceites. Há algumas outras coisas que você gostaria de fazer para torná-lo mais atraente, talvez.

No entanto, se você estiver planejando usar o diagrama para fins oficiais, apresentação ou exibição, etc., então é sempre melhor ir com símbolos padrão.

Mas, não fiques chateado. Você pode sempre usar os símbolos que quiser, mas certifique-se de dar informações de uma maneira que seja fácil de entender e encontrar.

Mais algumas dicas:

  • Evitar o uso de setas que se cruzam uns aos outros
  • Use setas retas
  • Não representar o tempo com o comprimento das setas
  • Use sempre as setas da esquerda para a direita.
  • Use o mínimo de dummies (use-o para o seu rascunho, se necessário)
  • A rede deve ter apenas um ponto de entrada conhecido como evento inicial e um ponto de emergência que é conhecido como evento final.

Qual é a sua opinião sobre este Guia de Diagramas da Rede?

Espero que este post (preferencialmente, guia!) ajude a criar incríveis diagramas de rede. Eles são brilhantes se você quiser mostrar redes ou processos complicados de uma maneira mais simples.

Se você tiver alguma dúvida sobre como desenhar diagramas de rede ou qualquer sugestão para melhorar este guia, vá em frente e deixe um comentário.

Sobre o Autor

Chhavi Agarwal é uma escritora/blogger de tecnologia e marketing freelancer e co-fundadora da Content Writer Guru. Ela trabalha de perto com empresas B2C/B2B e ajuda a a aumentar sua presença online através da criação de conteúdo. Quando ela não está escrevendo (seu primeiro amor!), ela está viajando pela Índia com todas as suas engenhocas e fedora, documentando suas experiências em Sra. Daaku Studio (um blog de viagens). Você pode se conectar com ela no LinkedIn

O Guia Fácil de Diagramas de Implantação UML

Os diagramas de implantação são usados para visualizar os processadores/ nós/ dispositivos de um sistema, os links de comunicação entre eles e a colocação de arquivos de software nesse hardware.

Neste tutorial do diagrama de implantação UML, vamos cobrir o que é um diagrama de implantação, notações do diagrama de implantação e como desenhar um. Você pode usar um dos exemplos do diagrama de implantação editável para começar imediatamente.

Se estiver a implementar para a nuvem, pode saltar completamente o UML e usar algo como os nossos modelos de arquitectura AWS para alcançar o mesmo objectivo.

O que é diagrama de implantação

Um diagrama de implantação é um tipo de diagrama UML que mostra a de execução arquitectura de um sistema, incluindo nós, como ambientes de execução de hardware ou software, e o middleware que os conecta.

Os diagramas de implantação são normalmente usados para visualizar o hardware e software físico de um sistema. Usando-o, você pode entender como o sistema será fisicamente implantado no hardware.

Os diagramas de implantação ajudam a modelar a topologia de hardware de um sistema em comparação com outros tipos de diagramas UML que, em sua maioria, esboçam os componentes lógicos de um sistema.

Notas do Diagrama de Implantação

A fim de desenhar um diagrama de implantação, você precisa primeiro se familiarizar com as seguintes notações diagrama de implantação e elementos do diagrama de implantação.

Nodos

Nó - notações do diagrama de implantação

Um nó, representado como um cubo, é uma entidade física que executa um ou mais componentes, subsistemas ou executáveis. Um nó pode ser um hardware ou elemento de software.

Artefatos

Artefatos - notações do diagrama de implantação

Os artefatos são elementos concretos que são causados por um processo de desenvolvimento. Exemplos de artefatos são bibliotecas, arquivo, arquivos de configuração, arquivos executáveis, etc.

Associação de Comunicação

Caminho de comunicação - notas do diagrama de implantação

Isto é representado por uma linha sólida entre dois nós. Mostra o caminho de comunicação entre os nós.

Dispositivos

Dispositivo

Um dispositivo é um nó que é usado para representar um recurso computacional físico em um sistema. Um exemplo de um dispositivo é um servidor de aplicações.

Especificações de Implantação

Especificação de implantação

Especificações de implantação é um arquivo de configuração, como um arquivo de texto ou um documento XML. Ele descreve como um artefato é implantado em um nó.

Como Desenhar um Diagrama de Implantação

Siga os passos simples abaixo para desenhar um diagrama de implantação. Você pode usar os exemplos do diagrama de implantação abaixo para obter um avanço ou usar nossa ferramenta de diagrama UML para começar do início.

Passo 1: Identifique a finalidade do seu diagrama de implantação. E para fazer isso, você precisa identificar os nós e dispositivos dentro do sistema que você estará visualizando com o diagrama.

Passo 2: Descubra as relações entre os nós e os dispositivos. Uma vez que você saiba como eles estão conectados, proceda para adicionar as associações de comunicação ao diagrama.

Passo 3: Identificar que outros elementos como componentes, objetos ativos você precisa adicionar para completar o diagrama.

Passo 4: Adicionar dependências entre componentes e objetos, conforme necessário.

Exemplos de Diagrama de Implantação

Diagrama de implantação para sistema de compras online

 Diagrama de Implantação do Sistema de Compras Online

Diagrama de Implantação para Sistema de Compras Online (Clique no modelo para editar online)

Diagrama de Implantação para Sistema de Gerenciamento de Biblioteca

Diagrama de Implantação para Sistema de Gestão Hospitalar

Diagrama de Implantação para Sistema de Gestão de Hotéis

Compartilhe o Tutorial do Diagrama de Implantação

Neste tutorial de diagrama de implantação, nós cobrimos tudo o que você precisa saber – desde o que é um diagrama de implantação até os elementos do diagrama de implantação – para você mesmo desenhar um diagrama de implantação. Use nossa ferramenta de diagrama UML para recursos poderosos que facilitarão o desenho de diagramas UML.

Na semana passada, publicamos um tutorial abrangente sobre diagramas de componentes e, se você não o viu, confira abaixo com nossos outros tutoriais de diagramas UML.

O Guia Fácil de Diagramas de Componentes

O Guia Fácil para Diagramas de Atividades

O Guia Fácil para Diagramas de Classes

O Guia último para Tutoriais de Diagramas de Seqüências

E não se esqueça de deixar seus pensamentos na seção de comentários abaixo.

O Guia Fácil de Diagramas de Classe UML | Tutorial de Diagramas de Classe

No coração de qualquer sistema orientado a objetos está a etapa de projetar a estrutura de classes – portanto o ditado diz que os diagramas de classes são os mais populares entre os tipos de diagramas UML.

Neste tutorial fácil de diagrama de classes, nós cobrimos as áreas chave que você precisa saber para desenhar diagramas de classes sem nenhuma luta. Desça para baixo para descobrir

Definição de Diagrama de Classe | O que é um Diagrama de Classe?

Um diagrama de classes é um tipo de diagrama UML que descreve um sistema ao visualizar os diferentes tipos de objetos dentro de um sistema e os tipos de relações estáticas que existem entre eles. Também ilustra as operações e atributos das classes.

Eles são normalmente usados para explorar conceitos de domínio, compreender os requisitos de software e descrever projetos detalhados.

Notações de diagrama de classe com exemplos

Há várias notações do diagrama de classes que são usadas ao desenhar diagramas de classes UML. Listamos abaixo as notações de diagrama de classes mais comuns.

Classe

Notação de classe - UML class diagramas de classes

As classes representam os objetos centrais em um sistema. É representado por um rectângulo com até 3 compartimentos.

A primeira mostra o nome da classe, enquanto a do meio mostra os atributos da classe que são as características dos objetos. O inferior lista as operações da classe, o que representa o comportamento da classe.

Classe Simples

Classe Simples

Os dois últimos compartimentos são opcionais. A notação de classe sem os dois últimos compartimentos é chamada de classe simples e contém apenas o nome da classe.

Interface

Notação de interface - tutorial do diagrama de classes

O símbolo de interface nos diagramas de classes indica um conjunto de operações que detalhariam a responsabilidade de uma classe.

Pacote

Pacote O símbolo do pacote é usado para agrupar classes ou interfaces que são semelhantes em natureza ou relacionadas. O agrupamento destes elementos de design usando os símbolos da embalagem melhora a legibilidade do diagrama.

Relacionamentos do Diagrama de Classe

Diagrama de Classes

Para aprender mais sobre os tipos de conector do diagrama de classe e os diferentes relacionamentos entre as classes em detalhes, consulte nosso guia prático sobre relacionamentos do diagrama de classe.

Para uma lista completa de notações de diagrama de classes/símbolos de diagrama de classes, consulte este post.

Como desenhar um diagrama de classes

Os diagramas de classes andam de mãos dadas com o design orientado a objetos. Assim, saber o básico é uma parte fundamental para se poder desenhar bons diagramas de classes.

Quando necessário para descrever a visão estática de um sistema ou suas funcionalidades, você deve desenhar um diagrama de classes. Aqui estão os passos que você precisa seguir para criar um diagrama de classes.

Passo 1: Identificar os nomes das classes

O primeiro passo é identificar os objetos primários do sistema.

Passo 2: Distinguir relações

O próximo passo é determinar como cada uma das classes ou objetos estão relacionados entre si. Cuidado com as semelhanças e abstrações entre eles; isto o ajudará ao agrupá-los ao desenhar o diagrama de classes.

Passo 3: Criar a estrutura

Primeiro, adicione os nomes das classes e ligue-as aos conectores apropriados. É possível adicionar atributos e funções/métodos/operações posteriormente.

Melhores Práticas para Diagramas de Classes

  • Os diagramas de classes podem tender a ficar incoerentes à medida que se expandem e crescem. É melhor evitar criar diagramas grandes e dividi-los em diagramas menores, que podem ser ligados entre si mais tarde. Você pode muito facilmente fazer isso com Creately. Ajuda-o a melhorar a legibilidade dos seus diagramas.
  • Usando a simples notação de classe, você pode criar rapidamente uma síntese de alto nível do seu sistema. Um diagrama detalhado pode ser criado separadamente, conforme necessário, e até mesmo ligado ao primeiro para fácil referência.
  • Quanto mais linhas se sobrepõem nos seus diagramas de classes, mais desordenada se torna. O leitor só vai ficar confuso ao tentar encontrar o caminho. Certifique-se que não há duas linhas que se cruzam.
  • Use cores para agrupar módulos comuns. Cores diferentes em classes diferentes ajudam o leitor a diferenciar entre os vários grupos.

Diagrama de Classe Exemplos / Templates

Classe Diagrama Exemplo 1

Exemplo de um diagrama de classes

Clique no modelo para editá-lo online

Classe Diagrama Exemplo 2

Exemplo de um diagrama de classes

Clique no modelo para editá-lo online

Classe Diagrama Exemplo 3

Diagrama de Classe para o Sistema ATM do Banco

Diagrama de Classe para o Sistema ATM do Banco (Clique no modelo para editar online)

Outros Recursos do Diagrama de Classes

Partilhe os seus pensamentos sobre o Tutorial do Diagrama de Classe

Neste tutorial do diagrama de classes, abordamos o que é um diagrama de classes, notações do diagrama de classes, como desenhar um diagrama de classes e as melhores práticas que você pode seguir ao criar diagramas de classes. Além disso, adicionamos alguns exemplos de diagramas de classes que você pode editar instantaneamente online.

Interessado em aprender sobre outros tipos de diagramas UML?

O Guia Fácil de Diagramas de Actividade UML

Os diagramas de atividade podem ser utilizados em todas as etapas de desenvolvimento de software e para diversos fins. E como são muito semelhantes aos fluxogramas, são geralmente mais populares do que outros tipos de diagramas UML.

Neste tutorial de diagrama de atividades, esperamos cobrir tudo o que você precisa saber sobre os diagramas de atividades para aprender e dominá-los. Role para baixo para encontrar;

O que é um diagrama de atividades?

Um diagrama de atividades UML ajuda a visualizar um determinado caso de uso a um nível mais detalhado. É um diagrama de comportamento que ilustra o fluxo de atividades através de um sistema.

Os diagramas de atividade UML também podem ser usados para representar um fluxo de eventos em um processo de negócios. Eles podem ser usados para examinar processos de negócios a fim de identificar seu fluxo e necessidades.

Símbolos do Diagrama de Atividades

A UML especificou um conjunto de símbolos e regras para desenhar diagramas de atividades. Seguir estão os símbolos do diagrama de atividades comumente usados com explicações.

Símbolo Nome Usar
Início Início/ Nódulo Inicial Usado para representar o ponto de partida ou o estado inicial de uma atividade
Atividade Atividade / Estado de Ação Usado para representar as atividades do processo
Ação Ação Utilizado para representar as sub-áreas executáveis de uma actividade
Fluxo de controle Fluxo de controle / Borda Usado para representar o fluxo de controle de uma ação para a outra
Fluxo de objetos Fluxo de objetos / Borda de controle Usado para representar o caminho dos objetos que se movem através da atividade
Nó final de atividade Atividade final Node Usado para marcar o fim de todos os fluxos de controle dentro da atividade
Nó final de fluxo Fluxo final Nó Usado para marcar o fim de um único fluxo de controle
Nó de decisão Nó de Decisão Utilizado para representar um ponto de ramificação condicional com uma entrada e múltiplas saídas
Nó de fusão Nó de mesclagem Usado para representar a fusão de fluxos. Possui várias entradas, mas uma saída.
Garfo Garfo Usado para representar um fluxo que pode ramificar-se em dois ou mais fluxos paralelos
Fundir Fundir Usado para representar duas entradas que se fundem em uma saída
Envio de sinais Envio de sinal Usado para representar a ação de enviar um sinal para uma atividade de aceitação
Recibo de sinal Recibo de Sinal Usado para representar que o sinal é recebido
Nota ou comentário Nota/ Comentário Usado para adicionar comentários relevantes aos elementos

Diagramas de atividades com Swimlanes

de atividades com swimlanes

Em diagramas de atividades com swimlanes – também conhecidos como partições – são utilizados para representar ou agrupar ações realizadas por diferentes atores em um único fio. Aqui estão algumas dicas que você pode seguir quando usar swimlanes.

  • Adicione swimlanes a processos lineares. Isso facilita a leitura.
  • Não acrescente mais do que 5 swimlanes.
  • Organizar swimlanes de uma forma lógica.

Como desenhar um diagrama de atividades

Os diagramas de atividade podem ser usados para modelar os requisitos do negócio, criar uma visão de alto nível das funcionalidades de um sistema, analisar casos de uso e para vários outros fins. Em cada um destes casos, aqui está como desenhar um diagrama de atividades desde o início.

Passo 1: Descubra as etapas de ação a partir de caso de uso

Aqui você precisa identificar as várias atividades e ações das quais seu processo ou sistema de negócios é composto.

Passo 2: Identificar os atores que estão envolvidos

Se você já descobriu quem são os atores, então é mais fácil discernir cada ação pela qual eles são responsáveis.

Passo 3: Encontre um fluxo entre as atividades

Figura a ordem em que as ações são processadas. Anote as condições que devem ser cumpridas para realizar determinados processos, quais ações ocorrem ao mesmo tempo e se você precisa adicionar alguma ramificação no diagrama. E você tem que completar algumas ações antes de poder prosseguir para outras?

Passo 4: Adicionar swimlanes

Você já descobriu quem é responsável por cada ação. Agora é hora de atribuir a eles uma swimlane e agrupar cada ação pela qual eles são responsáveis.

Clique aqui para começar a desenhar o seu diagrama de atividades.

Exemplos de Diagrama de Atividades

A seguir estão os modelos de diagramas de atividades que são editáveis instantaneamente. Clique na imagem para abri-la no editor para que você possa fazer as alterações online.

Diagrama de Atividades para Login

Diagrama de Atividades para Login

Diagrama de Atividades para Login (Clique no modelo para editar online)

Diagrama de atividades para o Sistema de Gestão de Documentos

Diagrama de Atividades para Sistema de Compras Online

Diagrama de atividades para o sistema de compras online

Diagrama de atividade para sistema de compras online (Clique no modelo para editar online)

Diagrama de atividades para ATM

Diagrama de atividades para ATM

Diagrama de atividades para ATM (Clique no modelo para editar online)

Diagrama de Atividades para o Sistema de Gerenciamento da Faculdade

Veja mais exemplos de diagramas de atividades

Partilhe o Tutorial do Diagrama de Actividades

Nós cobrimos tudo o que você precisa saber sobre diagramas de atividades neste tutorial de diagrama de atividades. Tens mais a acrescentar?

Se você ainda não viu, publicamos recentemente um Guia fácil para diagramas de classes UML. Que outros tipos de diagramas UML você quer que nós cubramos? Informe-nos na secção de comentários abaixo. E não se esqueça de compartilhar o tutorial do diagrama de atividades com seus amigos.

Tutorial do diagrama de caso de uso (guia com exemplos)

O diagrama de caso de uso é um tipo de diagrama UML comportamental e frequentemente usado para analisar vários sistemas. Eles permitem que você visualize os diferentes tipos de papéis em um sistema e como essas funções interagem com o sistema. Este tutorial de diagrama de caso de uso cobrirá os tópicos a seguir e ajudará você a criar diagramas de caso de uso melhores.

Importância dos Diagramas de Casos de Uso

Conforme mencionado antes, os diagramas de caso de uso são usados para reunir um requisito de uso de um sistema. Dependendo da sua necessidade, você pode usar esses dados de diferentes maneiras. Abaixo estão algumas maneiras de usá-las.

  • Para identificar funções e como os papéis interagem com elas – O propósito principal dos diagramas de caso de uso.
  • Para uma visão de alto nível do sistema – Especialmente útil ao apresentar aos gestores ou partes interessadas. Você pode destacar os papéis que interagem com o sistema e a funcionalidade fornecida pelo sistema sem ir profundamente no funcionamento interno do sistema.
  • Para identificar fatores internos e externos – Isto pode parecer simples, mas em projetos complexos de grande porte um sistema pode ser identificado como um papel externo em outro caso de uso.

Objetos do diagrama de caso de uso

Os diagramas de caso de uso consistem em 4 objetos.

  • Ator
  • Caso de uso
  • Sistema
  • Pacote

Os objetos são explicados com mais detalhes a seguir.

Ator

Ator em um diagrama de caso de uso é qualquer entidade que desempenha um papel em um determinado sistema. Pode ser uma pessoa, organização ou um sistema externo e normalmente desenhado como o esqueleto mostrado abaixo.

Ator

Caso de Uso

Um caso de uso representa uma função ou uma ação dentro do sistema. É desenhado como um oval e nomeado com a função.

Case

Sistema

O sistema é usado para definir o objetivo do caso de uso e é desenhado como um retângulo. Este é um elemento opcional, mas útil quando se está projetando sistemas grandes. Por exemplo, é possível criar todos os casos de uso e depois utilizar o objeto do sistema para definir o objetivo coberto pelo projeto. Ou pode até usá-lo para mostrar as diferentes áreas cobertas em diferentes lançamentos.

Sistema

Pacote

O pacote é outro elemento opcional que é extremamente útil em diagramas complexos. Semelhante aos diagramas de classes, os pacotes são usados para agrupar casos de uso. Eles são desenhados como a imagem mostrada abaixo.

Pacote

Use as diretrizes do diagrama de caso

Embora os diagramas de caso de uso possam ser usados para vários fins, há algumas diretrizes comuns que você precisa seguir ao desenhar casos de uso.

Estes incluem padrões de nomear, direções de setas, colocação de casos de uso, uso de caixas de sistema e também uso adequado de relacionamentos.

Abordamos essas diretrizes em detalhes em um post de blog separado. Portanto, vá em frente e confira as diretrizes do diagrama de caso de uso.

Relacionamentos em Diagramas de Casos de Uso

Há cinco tipos de relações em um diagrama de caso de uso. Eles são

  • Associação entre um ator e um caso de uso
  • Generalização de um ator
  • Extensão do relacionamento entre dois casos de uso
  • Inclusão da relação entre dois casos de uso
  • Generalização de um caso de uso

Cobrimos todos esses relacionamentos em um post de blog separado que tem exemplos com imagens. Não entraremos em detalhes neste post, mas você pode verificar os relacionamentos nos diagramas de caso de uso.

Como criar um Diagrama de Caso de Uso 

Até agora, você aprendeu sobre objetos, relacionamentos e diretrizes que são essenciais ao desenhar diagramas de caso de uso. Vou explicar os vários processos usando um sistema bancário como exemplo.

Identificação dos Atores

Atores são entidades externas que interagem com seu sistema. Podem ser uma pessoa, outro sistema ou uma organização. Em um sistema bancário, o ator mais óbvio é o cliente. Outros atores podem ser funcionários do banco ou caixa, dependendo do papel que você está tentando mostrar do caso de uso.

Um exemplo de uma organização externa pode ser a autoridade fiscal ou o banco central. O processador de empréstimos é um bom exemplo de um sistema externo associado como um ator.

Identificação dos Actores

Atores são entidades externas que interagem com seu sistema. Podem ser uma pessoa, outro sistema ou uma organização. Em um sistema bancário, o ator mais óbvio é o cliente. Outros atores podem ser funcionários do banco ou caixa, dependendo do papel que você está tentando mostrar do caso de uso.

Um exemplo de uma organização externa pode ser a autoridade fiscal ou o banco central. O processador de empréstimos é um bom exemplo de um sistema externo associado como um ator.

Identificação de casos de uso

Agora é hora de identificar os casos de uso. Uma boa maneira de fazer isso é identificar o que os atores precisam do sistema. Num sistema bancário, um cliente precisará abrir contas, depositar e levantar fundos, solicitar livros de cheques e funções semelhantes. Portanto, estes podem ser considerados como casos de uso.

Os casos de uso de alto nível devem sempre fornecer uma função completa exigida por um ator. Você pode estender ou incluir casos de uso, dependendo da complexidade do sistema.

Uma vez que você identifica os atores e o caso de uso de nível superior, você tem uma ideia básica do sistema. Agora você pode melhorá-lo e adicionar camadas extras de detalhes a ele.

Procure Funcionalidade Comum para usar Incluir

Procure por funcionalidades comuns que possam ser reutilizadas em todo o sistema. Se você encontrar dois ou mais casos de uso que compartilham funcionalidades comuns, você pode extrair as funções comuns e adicioná-las a um caso de uso separado. Então você pode conectá-lo através do relacionamento de inclusão para mostrar que ele é sempre chamado quando o caso de uso original é executado (veja o diagrama para um exemplo ).

É Possível Generalizar os Atores e Casos de Uso?

Pode haver instâncias em que os atores são associados a casos de uso semelhantes, enquanto acionam alguns casos de uso exclusivos apenas para eles. Em tais casos, você pode generalizar o ator para mostrar a herança de funções. Você pode fazer uma coisa semelhante para o caso de uso também.

Um dos melhores exemplos disso é o caso de uso “Fazer Pagamento” em um sistema de pagamento. Pode ainda generalizá-lo para “Pagar com cartão de crédito”, “Pagar em dinheiro”, “Pagar com cheque”, etc. Todos eles têm os atributos e a funcionalidade de pagamento com cenários especiais exclusivos para eles.

Funções Opcionais ou Funções Adicionais

Há algumas funções acionadas opcionalmente. Em tais casos, você pode usar o relacionamento de extensão e anexar uma regra adicional a ele. No exemplo do sistema bancário abaixo, “Calcular bônus” é opcional e só é acionado quando uma determinada condição é igualada.

A extensão nem sempre significa que é opcional. Às vezes, o caso de uso conectado através do alargamento pode complementar o caso de uso base. A única coisa que deve lembrar é que um caso de uso base deve ser capaz de executar uma função por si só, mesmo que um caso de uso de extensão não seja chamado.

Exemplo de uso neste tutorial de diagrama de caso de uso

Um caso de uso com a maioria dos cenários encontrados em diagramas de caso de uso

Modelos de Diagramas de Caso de Uso

Um modelo de caso de uso para um sistema ATM

Um modelo de caso de uso para um sistema ATM

Nós fomos em frente e criamos modelos de diagramas de casos de uso para alguns cenários comuns. Embora o seu problema ou cenário não seja exatamente assim, você pode usá-los como ponto de partida. Confira nossos modelos de diagrama de caso de uso.

Perguntas sobre o Tutorial do Diagrama de Casos de Uso

Tentamos cobrir de forma abrangente tudo o que você precisa saber sobre a criação de diagramas de casos de uso. Se você tem dúvidas sobre qualquer seção ou pensou em maneiras de melhorar este tutorial, por favor, nos avise nos comentários.

Mais Tutoriais de Diagramas

Tutorial do Diagrama de Sequência: Guia completo com exemplos

Este tutorial de diagrama de seqüência é para ajudá-lo a entender melhor os diagramas de seqüência; para explicar tudo o que você precisa saber, desde como desenhar um diagrama de seqüência até os erros comuns que você deve evitar ao desenhar um.

Existem 3 tipos de diagramas de interação; diagramas de seqüência, diagramas de comunicação, e diagramas de temporização. Estes diagramas são usados para ilustrar as interações entre as peças dentro de um sistema. Entre os três, os diagramas de seqüência são preferidos tanto pelos desenvolvedores quanto pelos leitores por sua simplicidade.

Neste tutorial de diagrama de seqüência você vai aprender sobre;

O que é um Diagrama de Sequência?

Os diagramas de seqüência, comumente usados pelos desenvolvedores, modelam as interações entre objetos em um único caso de uso. Eles ilustram como as diferentes partes de um sistema interagem entre si para realizar uma função, e a ordem em que as interações ocorrem quando um determinado caso de uso é executado.

Em palavras mais simples, um diagrama de seqüência mostra diferentes partes de um sistema trabalhando em uma ‘seqüência’ para se fazer algo.

Notações do diagrama de sequência

Um diagrama de seqüência é estruturado de tal forma que representa uma linha de tempo que começa no topo e desce gradualmente para marcar a seqüência de interações. Cada objeto tem uma coluna e as mensagens trocadas entre eles são representadas por setas.

Uma rápida visão geral das várias partes de um diagrama de sequência

Notação de linha de vida Diagrama de sequência - LifelineA

Um diagrama de sequência é composto por várias dessas notações de linha de vida que devem ser organizadas horizontalmente na parte superior do diagrama. Duas notações de linha de vida não devem se sobrepor. Eles representam os diferentes objetos ou partes que interagem entre si no sistema durante a sequência.

Uma notação de linha de vida com um símbolo de elemento de ator é usada quando o diagrama de sequência específico pertence a um caso de uso.

linha de vida com um símbolo de elemento de ator

Uma linha de vida com um elemento de entidade representa os dados do sistema. Por exemplo, em uma aplicação de atendimento ao cliente, a entidade Cliente administraria todos os dados relacionados a um cliente.

Linha de vida da entidade

Uma linha de vida com um elemento de fronteira indica um limite do sistema / elemento de software em um sistema; por exemplo, telas de interface do usuário, gateways de banco de dados ou menus com os quais os usuários interagem, são fronteiras.

Linha de Vida Limite

E uma linha de vida com um elemento de controlo indica uma entidade ou gestor de controlo. Ele organiza e programa as interações entre os limites e entidades e serve como mediador entre eles.

Barras de Activação

A barra de ativação é a caixa colocada na linha de vida. É usado para indicar que um objeto está ativo (ou instanciado) durante uma interação entre dois objetos. O comprimento do retângulo indica a duração dos objetos que permanecem ativos.

Em um diagrama de seqüência, uma interação entre dois objetos ocorre quando um objeto envia uma mensagem para outro. O uso da barra de ativação nas linhas de vida do chamador da mensagem (o objeto que envia a mensagem) e do receptor da mensagem (o objeto que recebe a mensagem) indica que ambos estão ativos/está instanciados durante a troca da mensagem.

Diagrama de Sequência - Barras de Ativação

Setas de Mensagem

Uma seta do Chamador de Mensagem para o Receptor de Mensagem especifica uma mensagem em um diagrama de seqüência. Uma mensagem pode fluir em qualquer direção; da esquerda para a direita, da direita para a esquerda ou de volta para o próprio autor da mensagem. Enquanto você pode descrever a mensagem que está sendo enviada de um objeto para outro na seta, com diferentes pontas de seta você pode indicar o tipo de mensagem que está sendo enviada ou recebida.

A seta de mensagem vem com uma descrição, que é conhecida como uma assinatura de mensagem, sobre ela. O formato para esta assinatura de mensagem está abaixo. Todas as partes excepto o nome_da_mensagem são opcionais.

atributo = nome_da_mensagem (argumentos): tipo_de_retorno

  • Mensagem síncrona

Como mostrado no exemplo das barras de ativação, uma mensagem síncrona é usada quando o remetente espera que o receptor processe a mensagem e retorne antes de continuar com outra mensagem. A ponta de seta usada para indicar este tipo de mensagem é sólida, como a que está abaixo.

Seta de Mensagem Síncrona

  • Mensagem assíncrona

Uma mensagem assíncrona é usada quando o chamador da mensagem não espera que o receptor processe a mensagem e volte antes de enviar outras mensagens para outros objetos dentro do sistema. A ponta de seta usada para mostrar este tipo de mensagem é uma seta de linha como mostrado no exemplo abaixo

Exemplo de mensagem assíncrona

  • Mensagem de retorno

Uma mensagem de retorno é usada para indicar que o receptor da mensagem terminou o processamento da mensagem e está devolvendo o controle para o autor da chamada da mensagem. As mensagens de retorno são peças opcionais de notação, para uma barra de ativação que é acionada por uma mensagem síncrona implica sempre uma mensagem de retorno.

Dica: Você pode evitar bagunçar seus diagramas minimizando o uso de mensagens de retorno, pois o valor de retorno pode ser especificado na própria seta da mensagem inicial.

Exemplo de mensagem de retorno

  • Mensagem de criação de participante

Os objectos não vivem necessariamente durante toda a duração da sequência de eventos. Objetos ou participantes podem ser criados de acordo com a mensagem que está sendo enviada.

A notação “dropped participant box” pode ser usada quando você precisa mostrar que o participante em particular não existia até que a chamada de criação seja enviada. Se o participante criado faz algo imediatamente após criação, você deve adicionar uma caixa de ativação logo abaixo da caixa do participante.

Exemplo de criação de participante

  • Mensagem de destruição participante

Da mesma forma, os participantes quando não são mais necessários também podem ser excluídos de um diagrama de seqüência. Isto é feito adicionando um ‘X’ no final da linha de vida do referido participante.

Mensagem de Destruição da Participação

  • Mensagem reflexiva

Quando um objeto envia uma mensagem para si mesmo, ele é chamado de mensagem reflexiva. É indicado com uma seta de mensagem que começa e termina na mesma linha de vida, como mostrado no exemplo abaixo.

Mensagem reflexiva

Comente

os diagramas UML geralmente permitem a anotação de comentários em todos os tipos de diagramas UML. O objeto de comentário é um retângulo com um canto dobrado, como mostrado abaixo. O comentário pode ser ligado ao objeto relacionado com uma linha tracejada.

Comente o exemplo do objeto

Nota: Veja o Diagrama de Sequência Melhores Práticas para aprender sobre fragmentos de sequência.

Práticas recomendadas de diagrama de sequência

  • Gerir interacções complexas com fragmentos de sequência

Um fragmento de sequência é representado como uma caixa que emoldura uma secção de interacções entre objectos (como mostrado nos exemplos abaixo) num diagrama de sequência.

É usado para mostrar interações complexas, como fluxos e loops alternativos de uma forma mais estruturada. No canto superior esquerdo do fragmento, encontra-se um operador. Este – o operador do fragmento – especifica que tipo de fragmento é.

Alternativas

O fragmento de combinação alternativa é usado quando é necessário fazer uma escolha entre duas ou mais sequências de mensagens. Ele modela a lógica do “if-then-else”.

O fragmento alternativo é representado por um grande retângulo ou um frame; ele é especificado mencionando ‘alt’ dentro da caixa de nome do frame (a.k.a. fragment operator).

Para mostrar duas ou mais alternativas, o retângulo maior é então dividido no que é chamado de operandos de interação usando uma linha tracejada, como mostrado no exemplo do diagrama de seqüência acima. Cada operando tem um guarda para testar e é colocado no canto superior esquerdo do operando.

Exemplo de fragmento alternativo - tutorial diagrama de seqüência

Opções

O fragmento de combinação de opções é usado para indicar uma seqüência que só ocorrerá sob uma determinada condição, caso contrário, a seqüência não ocorrerá. Ele modela a afirmação “if-then”.

Similar ao fragmento alternativo, o fragmento de opção também é representado com uma moldura retangular onde ‘opt’ é colocado dentro da caixa de nome.

Ao contrário do fragmento alternativo, um fragmento de opção não é dividido em dois ou mais operandos. A proteção da opção é colocada no canto superior esquerdo.

(Encontre um diagrama de seqüência de exemplo com um fragmento de opção na seção Modelos de Diagramas de Sequência e Exemplos).

Loops

O fragmento de loop é usado para representar uma sequência repetitiva. Coloque as palavras ‘loop’ na caixa do nome e a condição de guarda perto do canto superior esquerdo do quadro.

Além do teste booleano, o guarda em um fragmento de laço pode ter duas outras condições especiais testadas contra. Estas são iterações mínimas (escritas como minint = [o número] e máximas (escritas como maxint = [o número]).

Se for uma proteção de iterações mínimas, o loop deve executar não menos que o número mencionado, e se for uma proteção de iterações máximas, o loop não deve executar mais do que o número indicado.

(Encontre um exemplo de um fragmento de laço abaixo nos modelos de diagrama de seqüência e na seção de exemplo)

Fragmento de referência

Você pode usar o fragmento de referência para gerenciar o tamanho de grandes diagramas de seqüência. Ele permite reutilizar parte de um diagrama de seqüência em outro, ou em outras palavras, você pode referenciar parte de um diagrama em outro diagrama usando o fragmento de ref.

Para especificar o fragmento de referência, você tem que mencionar ‘ref’ na caixa de nome do quadro e o nome do diagrama de seqüência que está sendo referido dentro do quadro.

Exemplo de fragmento de referência

Para mais fragmentos de seqüência, consulte Além do Básico de Diagramas de Sequência: Parte 1, Parte 2 e Parte 3.

  • Desenhe diagramas de seqüência menores que capturem a essência do caso de uso

Em vez de bagunçar seu diagrama de seqüência com vários objetos e grupos de mensagens que irão confundir o leitor, desenhe alguns diagramas de sequência mais pequenos que expliquem adequadamente o que o seu sistema faz. Certifique-se de que o diagrama cabe em uma única página e deixe espaço para notas explicativas também.

Também em vez de desenhar dezenas de diagramas de seqüência, descubra o que é comum entre os cenários e concentre-se nisso. E se o código é expressivo e pode ficar por si só, não há necessidade de desenhar um diagrama de sequência em primeiro lugar.

Como desenhar um diagrama de seqüência

Um diagrama de seqüência representa o cenário ou fluxo de eventos em um único caso de uso. O fluxo de mensagens do diagrama de seqüência é baseado na narrativa do caso particular de uso.

Em seguida, antes de começar a desenhar o diagrama de seqüência ou decidir quais interações devem ser incluídas nele, você precisa desenhar o diagrama de caso de uso e pronto uma descrição abrangente do que o caso de uso particular, faz.

Como desenhar um diagrama de seqüência Um diagrama de seqüência representa o cenário ou fluxo de eventos em um único caso de uso. O fluxo de mensagens do diagrama de seqüências é baseado na narrativa do caso de uso específico. Então, antes de começar a desenhar o diagrama de seqüência ou decidir quais interações devem ser incluídas nele, você precisa preparar uma descrição abrangente do que o caso de uso em particular faz.

A partir do exemplo de diagrama de caso de uso acima de ‘Create New Online Library Account’, vamos focar no caso de uso chamado ‘Create New User Account’ para desenhar o nosso exemplo de diagrama de sequência.

Antes de desenhar o diagrama de seqüência, é necessário identificar os objetos ou atores que estariam envolvidos na criação de uma nova conta de usuário. Estes seriam;

  • Bibliotecário
  • Sistema de Gestão de Bibliotecas Online
  • Base de dados de credenciais do usuário
  • Sistema de e-mail

Uma vez identificados os objetos, é então importante escrever uma descrição detalhada sobre o que o caso de uso faz. A partir desta descrição, você pode facilmente descobrir as interações (que devem ir no diagrama de seqüência) que ocorreriam entre os objetos acima, uma vez que o caso de uso é executado. Aqui estão as etapas que ocorrem no caso de uso chamado ‘Criar nova conta de usuário da biblioteca’.

  • O bibliotecário solicita ao sistema a criação de uma nova conta de biblioteca online
  • O bibliotecário então seleciona o tipo de conta de usuário da biblioteca
  • O bibliotecário introduz os dados do utilizador
  • Os detalhes do usuário são verificados usando o Banco de Dados de Credenciais do usuário
  • A nova conta de usuário da biblioteca é criada
  • Um resumo dos detalhes da nova conta é então enviado por e-mail para o usuário

A partir de cada uma destas etapas, você pode facilmente especificar quais mensagens devem ser trocadas entre os objetos no diagrama de seqüência. Quando estiver claro, você pode ir em frente e começar a desenhar o diagrama de seqüência. O diagrama de sequência abaixo mostra como os objectos no sistema de gestão de bibliotecas online interagem entre si para executar a função ‘Create New Library User Account’.

Como desenhar um diagrama de sequência - tutorial do diagrama de sequência

Diagrama de Sequência Erros Comuns

Ao desenhar diagramas de sequência, os desenhadores tendem a cometer estes erros comuns. Ao evitar estes erros, você pode garantir a qualidade do seu diagrama.

  • A acrescentar demasiados detalhes. Isto desorganiza o diagrama e torna a leitura difícil.
  • Diagramas de seqüência obsoletos e desatualizados que são irrelevantes quando comparados com as interfaces, arquiteturas reais, etc. do sistema. Não se esqueça de substituí-los ou modificá-los.
  • Não deixando espaço em branco entre o texto do caso de uso e a seta de mensagem; isto dificulta a leitura do diagrama por qualquer pessoa.
  • Não considerando cuidadosamente as origens das setas de mensagem.

Veja estes erros comuns explicados em detalhe no Guia do Diagrama de Sequência: Erros comuns a evitar ao desenhar diagramas sequenciais.

Modelos de Diagramas de Sequência e Exemplos

A seguir estão alguns exemplos de diagramas de seqüência e modelos que são desenhados usando Creately. Crie diagramas de seqüência online usando a ferramenta online da Creately. Clique no modelo para abri-lo no editor.

Diagrama de sequência de um sistema de exame online

Exame Online - Modelo de Diagrama de Sequência

Clique na imagem para editá-la online

Diagrama de Sequência Exemplo de um Sistema de Gestão Escolar Sistema de Gestão Escolar - Modelo de Diagrama de Sequência

Exemplo de um fragmento de combinação de opções Exemplo de um fragmento de opção Exemplo de uma sequência de loops  Loops - Exemplo de Diagrama de Sequência Aqui estão mais alguns modelos de diagramas de seqüência e exemplos que você pode editar imediatamente.

Tutorial do Diagrama de Sequência – Apresentação do SlideShare

Feedback sobre o Tutorial do Diagrama de Sequência

Este tutorial de diagrama de seqüência cobre tudo que você precisa saber sobre diagramas de seqüência e desenhá-los. Se você tiver alguma sugestão ou dúvida sobre o tutorial do diagrama de seqüência, sinta-se à vontade para deixar um comentário.

Mais Tutoriais de Diagramas