Lista de Peças (BOM – Bill of Materials)
Componente Modelo/Descrição Função
🔲 ESP32 ESP32-WROOM-32 DevKit ou similar com pinos Microcontrolador principal
📺 Display OLED 0.96″ 128×64, I2C, conector 4 pinos (GND, VCC, SCL, SDA) Interface de visualização
📡 Antena Wi-Fi Antena com conector u.FL ou adaptador SMA Aumenta sensibilidade de recepção
🔘 Botão rotativo ou push-button Encoder rotativo ou botão comum Navegação pelo menu do firmware
🔋 Bateria Li-ion 3.7V 18650 ou lipo 3.7V Alimentação portátil
⚡ Módulo de carregamento TP4056 Com proteção Carregamento e proteção da bateria
🖧 (Opcional) Módulo GPS NEO-6M (caso deseje geolocalização) Para wardriving com logs
📦 Case impresso em 3D Customizado ou disponível no Thingiverse Protege e organiza o dispositivo

🔌 Esquema de Ligação (sem GPS)
🔧 Conexão da tela OLED (I2C)
OLED ESP32
GND GND
VCC 3.3V
SCL GPIO 22
SDA GPIO 21

Esses são os pinos padrão I2C do ESP32, mas você pode alterar no código se quiser.

🔘 Conexão do botão (push button)
Botão ESP32
Um lado GND
Outro lado GPIO 0, 12, ou 13 (ex: GPIO 0)

Você pode usar resistores de pull-up ou configurar via software.

🔋 Bateria + TP4056
Bateria 3.7V → conectada ao B+ e B- do TP4056.

Saída do TP4056 (OUT+ e OUT−) → conecta-se a VIN e GND do ESP32.

Se preferir, pode usar step-up 5V se quiser alimentar com 5V em vez de direto no VIN.

🖨️ Case 3D (opcional)
Modelos compatíveis com ESP32 Marauder podem ser encontrados em:

🔗 https://www.thingiverse.com/search?q=esp32+marauder&type=things

Você pode buscar por termos como “ESP32 Marauder case”.

🧪 Teste Inicial
Carregue o firmware do ESP32 Marauder usando o repositório oficial.

Use o Arduino IDE ou PlatformIO.

Certifique-se de selecionar a placa correta: ESP32 Dev Module.

Bibliotecas necessárias:

Adafruit_SSD1306

Adafruit_GFX

ESPAsyncWebServer (dependendo do firmware usado)

⚠️ Considerações Legais
O ESP32 Marauder é uma ferramenta educacional e de auditoria. Nunca use em redes que você não possui ou não tem autorização para testar.

[acoes_aluno]

################

Uma escola trabalha com três tipos de ações: matrículas, rematrículas e formandos. Em todos os casos, é necessário cadastrar o aluno na nova série ou recadastrar em caso de reprovação. Já para os alunos que estão se formando, é necessário verificar se os requisitos foram atendidos para a formação dos alunos, todas as informações, por serem dados em sua grande maioria do tipo Double e outras partes do tipo String. Além disso, todos os dados do aluno e seus respectivos responsáveis devem estar cadastrados como Nome Completo, RG, CPF, Matrícula do aluno, Série, Atividades extracurriculares, entre outros dados obrigatórios, principalmente dos responsáveis. Finalmente, o armazenamento das informações não precisa utilizar estruturas de dados mais complexas, podem armazenar as informações em variáveis tradicionais ou do tipo wrapper. Implemente a hierarquia de classes da escola explorando polimorfismo.

################

Script

Template Básico HTML com Bootstrap

Este estudo de caso visa criar um template básico usando HTML e Bootstrap, permitindo a construção de uma página web estática e responsiva. O exercício inclui a criação de elementos como Navbar, Header, Body com um formulário de cadastro de cliente, e Footer.

O Bootstrap facilita a estilização e a responsividade com classes predefinidas, simplificando o desenvolvimento de componentes visuais, como formulários e layouts.

O Bootstrap 5 foi importante por oferecer componentes prontos e responsivos, sem a necessidade de customizações extensas em CSS. A construção da Navbar e do formulário foi rápida e resultou em uma interface limpa e organizada. As dificuldades estiveram na organização das classes e no ajuste dos espaçamentos, garantindo uma boa distribuição dos elementos.

Considerações e Reflexões

Criar um template com HTML e Bootstrap é uma excelente introdução ao front-end. O Bootstrap simplifica muito o desenvolvimento de layouts responsivos sem a necessidade de CSS detalhado. Esta experiência proporcionou uma base sólida para construir interfaces focadas em usabilidade.

################

Script

<!DOCTYPE html>
<html lang="pt-BR">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Template Básico com Bootstrap</title>
  <!-- Bootstrap 5 CSS -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>
  <!-- NavBar -->
   <nav class="navbar navbar-expand-lg navbar-light bg-transparent">
    <div class="container-fluid">
      <a class="navbar-brand" href="#"></a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNav">
      <ul class="navbar-nav mx-auto">
        <li class="nav-item me-4">
          <a class="nav-link text-danger badge bg-light border border-danger rounded-pill px-3 py-2" href="#">Home</a>
        </li>
        <li class="nav-item me-4">
          <a class="nav-link text-danger badge bg-light border border-danger rounded-pill px-3 py-2" href="#">Sobre</a>
        </li>
        <li class="nav-item">
          <a class="nav-link text-danger badge bg-light border border-danger rounded-pill px-3 py-2" href="#">Cadastro</a>
        </li>
      </ul>
      </div>
    </div>
  </nav>

  <!-- Header -->
  <header class="bg-primary text-white text-center py-5">
    <h1>Bem-vindo ao Meu Site</h1>
    <p>Exemplo de um template simples usando HTML e Bootstrap 5</p>
  </header>

  <!-- Body -->
  <div class="container mt-5 text-center">
    <h2 class="mb-5">Cadastro de Cliente</h2>
    <form>
       <div class="mb-3 text-start">
        <label for="nome" class="form-label">Nome Completo:</label>
        <input type="text" class="form-control" id="nome" placeholder="Digite seu nome completo">
      </div>
       <div class="mb-3 text-start">
        <label for="cpf" class="form-label">CPF:</label>
        <input type="text" class="form-control" id="cpf" placeholder="Digite seu CPF">
      </div>
       <div class="mb-3 text-start">
          <label for="nascimento" class="form-label">Data de Nascimento:</label>
         <input type="text" class="form-control" id="nascimento" placeholder="Selecione sua data de nascimento">
      </div>
    <p id="dataSelecionada"></p>
       <div class="mb-3 text-start">
        <label for="email" class="form-label">Email:</label>
        <input type="email" class="form-control" id="email" placeholder="Digite seu email">
      </div>
       <div class="mb-3 text-start">
        <label for="telefone" class="form-label">Telefone:</label>
        <input type="tel" class="form-control" id="telefone" placeholder="Digite seu telefone">
      </div>
          <div class="d-flex justify-content-center">
      <button type="submit" class="btn btn-primary">Enviar</button>
    </div>
    </form>
  </div>
  <!-- Footer -->
  <footer class="bg-dark text-white text-center py-4 mt-5">
    <p>&copy; 2024 rolfrostock. Todos os direitos reservados.</p>
  </footer>
</body>
</html>