Simulador de Conexão TCP

Aplicação web didática que simula visualmente o envio de dados em uma conexão TCP entre um cliente (modo ativo) e um servidor (modo passivo). Ideal para estudo e demonstração de conceitos de redes de computadores.

Funcionalidades

• Computador Cliente (Modo Ativo) — Campo para digitar a mensagem e botão para enviar
• Rede — Área central onde um pacote é animado da esquerda para a direita (envio) e da direita para a esquerda (ACK)
• Servidor (Modo Passivo) — Lista de mensagens recebidas com horário; cada mensagem enviada aparece aqui quando o pacote “chega”
• Console de Logs — Registro em tempo real de cada evento (preparação do pacote, envio, recebimento no servidor, ACK, confirmação)

Tecnologias

• HTML5
• Bootstrap 5 (via CDN)
• Bootstrap Icons (via CDN)
• CSS3 (animações e layout)
• JavaScript (lógica do simulador, animação do pacote e logs)

Estrutura do projeto

servertester/
├── index.html      # Página principal
├── styles.css      # Estilos e animações
├── js/
│   └── app.js      # Lógica do simulador e eventos
└── README.md

Como executar

1. Clone o repositório:

   git clone https://github.com/SEU_USUARIO/servertester.git
   cd servertester

2. Abra o arquivo index.html no navegador (duplo clique ou arrastar para o navegador).

   Ou use um servidor local, por exemplo:

   # Python 3
   python -m http.server 8000
   
   # Node.js (npx)
   npx serve .

   Depois acesse http://localhost:8000 no navegador.

Não é necessário instalar dependências: Bootstrap e ícones são carregados via CDN (requer internet na primeira carga).

Fluxo simulado (TCP didático)

1. Usuário digita a mensagem no Cliente e clica em Enviar Mensagem (ou pressiona Enter).
2. O pacote é animado da caixa do Cliente até a caixa do Servidor (através da “Rede”).
3. Ao “chegar” no Servidor, a mensagem é exibida na lista Mensagens recebidas e um ACK é enviado de volta.
4. O pacote (ACK) é animado do Servidor de volta ao Cliente.
5. O console registra cada etapa; o campo de mensagem é limpo e uma nova mensagem pode ser enviada.

Licença

Projeto de uso livre para fins educacionais.