Projeto

Requisitos de Software do Site.

Requisitos de Software para o Site

1. Requisitos Funcionais (RF)

2. Requisitos Não Funcionais (RNF)

3. Requisitos de Segurança

Conclusão

Estes requisitos cobrem todos os aspectos do site desenvolvidos, garantindo uma visão clara do que o sistema deve fazer, como deve se comportar e como a estrutura deve ser organizada.



Diagrama de Classes

Este diagrama detalha as classes do sistema, seus atributos, métodos e como elas se relacionam.

%% Diagrama de Classes classDiagram class Router { -routes: array +registerRoute(route, callback) +resolveRoute() } class HomeController { +show() } class AboutController { +show() } class PortfolioController { +show() } class ContactController { +show() } class HomeView { +render() } class AboutView { +render() } class PortfolioView { +render() } class ContactView { +render() } Router --> HomeController Router --> AboutController Router --> PortfolioController Router --> ContactController HomeController --> HomeView AboutController --> AboutView PortfolioController --> PortfolioView ContactController --> ContactView

Classes Principais:

Relacionamentos:

Diagrama de Classes (Descrição):

  1. Router (Classe de Roteamento)

    • Métodos:
      • registerRoute($route, $callback)
      • resolveRoute()
    • Atributos:
      • routes (array)
  2. Controladores (HomeController, AboutController, PortfolioController, ContactController)

    • Métodos:
      • show()
    • Associação: Cada controlador possui uma instância da view correspondente (ex: HomeView).
  3. Views (HomeView, AboutView, PortfolioView, ContactView)

    • Métodos:
      • render()

Relacionamentos:


Diagrama de Casos de Uso

Este diagrama representará as funcionalidades que o sistema oferece e como os usuários interagem com ele.

Principais Atores:

Casos de Uso:

--- title: Diagrama de Casos de Uso --- graph TD Usuario[Usuário] --> A1[Acessar Página Inicial] Usuario --> A2[Acessar Página Sobre Nós] Usuario --> A3[Acessar Página Portfólio] Usuario --> A4[Acessar Página Contato]

Diagrama de Sequência

Este diagrama mostra o fluxo de interação entre os objetos durante a execução de um cenário específico.

%% Diagrama de Sequência sequenceDiagram participant User as Usuário participant Router participant HomeController participant HomeView User->>Router: Requisição para Página Inicial Router->>HomeController: Chamar controlador HomeController->>HomeView: Instanciar view e renderizar HomeView->>User: Exibir Página Inicial

Cenário: Acessar a Página Inicial

  1. O usuário faz uma requisição para acessar a página inicial.
  2. O Router verifica a rota e direciona para o HomeController.
  3. O HomeController instancia o HomeView.
  4. O HomeController chama o método render() do HomeView.
  5. A página inicial é exibida ao usuário.
stateDiagram-v2 [*] --> Home : Página Inicial Home --> SobreNos : Navegar para "Sobre Nós" Home --> Portfolio : Navegar para "Portfólio" Home --> Contato : Navegar para "Contato" SobreNos --> Home : Voltar para "Home" Portfolio --> Home : Voltar para "Home" Contato --> Home : Voltar para "Home"

flowchart TD A[Início] --> B[Acessar Página Inicial] B --> C{Escolher Página} C -->|Sobre Nós| D[Acessar 'Sobre Nós'] C -->|Portfólio| E[Acessar 'Portfólio'] C -->|Contato| F[Acessar 'Contato'] D --> G[Visualizar Informações de 'Sobre Nós'] G --> H[Voltar à Página Inicial] E --> I[Visualizar Projetos no Portfólio] I --> H[Voltar à Página Inicial] F --> J[Preencher Formulário de Contato] J --> H[Voltar à Página Inicial]