Arena

Arena é a interface do concurso onde os participantes resolvem problemas durante as competições. Ele fornece um ambiente de resolução de problemas em tempo real com atualizações de placar ao vivo, envio de código e feedback instantâneo.

Visão geral

A Arena é o coração da experiência do concurso omegaUp, oferecendo:

• Exibição do problema: visualize declarações de problemas com renderização matemática
• Editor de Código: editor baseado em Mônaco com destaque de sintaxe
• Sistema de envio: envie soluções e visualize resultados detalhados
• Placar ao vivo: classificações do concurso em tempo real
• Esclarecimentos: Sistema de perguntas e respostas para questões do concurso
• Timer: contagem regressiva do concurso e controle de tempo

Layout da Arena

┌─────────────────────────────────────────────────────────────┐
│  Contest Title                              Timer: 01:30:00 │
├─────────┬───────────────────────────────────────────────────┤
│         │                                                   │
│ Problem │              Problem Statement                    │
│  List   │                                                   │
│         │  - Description                                    │
│  [A]    │  - Input/Output format                           │
│  [B]    │  - Constraints                                   │
│  [C]    │  - Examples                                      │
│         │                                                   │
│─────────┼───────────────────────────────────────────────────│
│         │                                                   │
│ Submit  │              Code Editor                          │
│ History │                                                   │
│         │  [Language: C++17 ▼]  [Submit]                   │
│         │                                                   │
├─────────┴───────────────────────────────────────────────────┤
│                    Scoreboard / Clarifications              │
└─────────────────────────────────────────────────────────────┘

Fluxo do usuário

flowchart TD
    A[Enter Contest] --> B[View Problem List]
    B --> C[Select Problem]
    C --> D[Read Statement]
    D --> E[Write Solution]
    E --> F[Choose Language]
    F --> G[Submit Code]
    G --> H{Verdict}
    H -->|AC| I[Problem Solved]
    H -->|WA/TLE/etc| J[Debug]
    J --> E
    I --> K[Check Scoreboard]
    K --> L{More Problems?}
    L -->|Yes| C
    L -->|No| M[Wait for Contest End]

Componentes principais

Painel de Problemas

O painel de problemas exibe:

Renderização matemática:

$$ \sum_{i=1}^{n} a_i \leq 10^9 $$

Editor de código

Recursos do Editor de Mônaco:

• Destaque de sintaxe: coloração específica do idioma
• Preenchimento automático: preenchimento básico de código
• Números de linha: referência fácil
• Atalhos de teclado: atalhos padrão do editor
• Tema: suporte ao modo claro/escuro

Idiomas suportados:

Sistema de envio

Enviar Fluxo

1. Selecione o idioma no menu suspenso
2. Cole ou digite o código no editor
3. Clique no botão "Enviar"
4. Aguarde o veredicto (atualizações em tempo real)

Exibição do veredicto

Detalhes do envio

Clicar em um envio mostra:

• Veredicto por caso de teste (se permitido)
• Tempo de execução e uso de memória
• Saída de compilação (se CE)
• Detalhamento da pontuação (pontuação parcial)

Placar

Placar em tempo real mostrando:

Ícones de status de problema:

• ✓ (verde): Aceito
• ✗ (vermelho): Tentativas de resposta errada
• ? (amarelo): Pendente de julgamento
• • (cinza): Não tentado

Esclarecimentos

Sistema de perguntas e respostas para concursos:

1. Pergunte: envie uma pergunta sobre um problema
2. Ver: Veja esclarecimentos públicos
3. Notificações: alertas em tempo real para respostas

Tipos de esclarecimento:

• Público: Visível para todos os participantes
• Privado: Somente para o participante solicitante

Modos de concurso

Modo de prática

Fora dos horários do concurso:

• Sem pressão de tempo
• Detalhes completos do veredicto visíveis
• Sem impacto no placar
• Envios ilimitados

Modo Concurso

Durante o concurso:

• Temporizador em contagem regressiva
• Informações de veredicto limitadas (configuráveis)
• Placar ao vivo
• Limites de envio podem ser aplicados

Concurso Virtual

Simule concursos anteriores:

• Prazos originais
• Problemas originais
• Temporizador pessoal
• Compare com os resultados originais

Recursos em tempo real

Atualizações do WebSocket

Arena usa WebSocket para atualizações em tempo real:

// Events received
- 'run_update': Submission verdict changed
- 'scoreboard_update': Scoreboard refreshed
- 'clarification': New clarification posted

Notificações

Notificações na área de trabalho para:

• Envio julgado
• Novo esclarecimento
• Concurso terminando em breve (15 min, 5 min)

Atalhos de teclado

Visualização do administrador do concurso

Os administradores do concurso veem recursos adicionais:

• Todos os envios: veja todos os envios dos participantes
• Rejulgar: Rejulgar envios específicos
• Transmissão: Envie anúncios
• Responder Esclarecimentos: Responder a perguntas
• Prorrogação do Tempo: Adicione o tempo do concurso

Suporte móvel

Arena é responsivo e suporta:

• Visualização de tablet (problema de leitura)
• Envio móvel (limitado)
• Visualização do placar

Desempenho

Otimizações de arena:

• Carregamento lento: problemas carregados sob demanda
• Cache: placar armazenado em cache e atualizado por comparação
• Compressão: respostas compactadas em Gzip
• CDN: ativos estáticos em CDN

Documentação Relacionada

• Concursos - Gerenciamento de concursos
• Problemas - Criação de problema
• Atualizações em tempo real - Sistema WebSocket
• Veredictos - Explicações do veredicto
• API de concursos - Pontos de extremidade da API