Mission Control - Rastreamento de Radiossondas

1. Objetivo do Projeto

Desenvolver uma interface web de alto desempenho para visualização e análise de trajetórias de sondas meteorológicas. O sistema utiliza dados reais (padrão JSON de radiossondas) para plotar o percurso em um mapa interativo, permitindo o acompanhamento da telemetria (altitude, velocidade e coordenadas) através de animações em tempo real.

---

2. Estrutura de Arquivos

O projeto está organizado de forma simples para facilitar o deploy e a manutenção:

• index.html: Estrutura semântica da interface.
• style.css: Estilização do painel de controle (Mission Control Design).
• script.js: Lógica de manipulação do mapa, processamento de arquivos e animação.
• model.json: Esquema de referência para o formato de entrada dos dados.

---

3. Tecnologias Utilizadas

• HTML5 & CSS3: Estrutura e design responsivo.
• JavaScript (ES6+): Lógica assíncrona (async/await) e manipulação de DOM.
• Leaflet.js: Biblioteca Open-Source para mapas interativos.
• OpenStreetMap: Camada de visualização geográfica (Tiles).
• Live-Server (NPM): Ambiente de desenvolvimento com Hot Reload.

---

4. Guia de Implementação e Sintaxe

4.1 HTML Semântico (index.html)

• <header>: Contém o título e o controle de upload de arquivos.
• <main>: Abriga o container #map onde o Leaflet injeta os tiles.
• <aside>: Painel lateral de telemetria que exibe dados instantâneos usando <span> com IDs específicos para manipulação via JS.

4.2 Lógica de Processamento (script.js)

Assincronismo e FileReader

O projeto utiliza a API FileReader para permitir que o usuário carregue arquivos locais sem a necessidade de um servidor de backend.

reader.readAsText(file); // Lê o conteúdo do arquivo JSON enviado