Week 14

#include <Wire.h>
 
void setup() {
  Serial.begin(115200);
  delay(3000);
  Wire.begin(21, 22); // SDA=21, SCL=22 on ESP32 Dev Module
  Serial.println("Escaneando I2C...");
 
  for (byte i = 8; i < 120; i++) {
    Wire.beginTransmission(i);
    if (Wire.endTransmission() == 0) {
      Serial.print("Dispositivo encontrado en 0x");
      Serial.println(i, HEX);
    }
  }
  Serial.println("Listo.");
}
 
void loop() {}
              

// Libraries
#include <Wire.h>        // I2C communication with MPU-6050
#include <MPU6050.h>     // MPU-6050 sensor library
#include <WiFi.h>       // WiFi connection
#include <WebServer.h>  // HTTP server to serve JSON data
 
// WiFi credentials -- replace with your network
const char* ssid     = "YOUR_WIFI";
const char* password = "YOUR_PASSWORD";
 
// Sensor and server objects
MPU6050 mpu(0x68);       // MPU-6050 at I2C address 0x68
WebServer server(80);    // HTTP server on port 80
 
// ---- Processed sensor data ----
float pitch = 0, roll = 0;   // Filtered angles (degrees)
float accelMag = 0;           // Acceleration magnitude (g)
unsigned long tiempoAnterior = 0;
 
// ---- Daily tracking counters ----
int   impactos       = 0;    // Number of impacts above threshold
long  segundosActivo = 0;    // Active time (seconds)
long  segundosReposo = 0;    // Rest time (seconds)
float pitchPromedio  = 0;    // Running average posture angle
int   muestrasTotal  = 0;
bool  estaActivo     = false;
 
// ---- Thresholds ----
const float UMBRAL_IMPACTO = 2.5;  // Impact detection (g)
const float UMBRAL_ACTIVO  = 0.3;  // Movement detection (g)
 
void setup() {
  Serial.begin(115200);
  Wire.begin(21, 22);   // I2C pins: SDA=21, SCL=22
  mpu.initialize();       // Wake up the MPU-6050
 
  // Connect to WiFi
  WiFi.begin(ssid, password);
  Serial.print("Conectando WiFi");
  while (WiFi.status() != WL_CONNECTED) {
    delay(500); Serial.print(".");
  }
  Serial.println("\nIP: " + WiFi.localIP().toString());
 
  // ---- Endpoint: /datos ----
  // Returns all sensor data as JSON
  server.on("/datos", HTTP_GET, []() {
    String json = "{";
    json += "\"pitch\":"      + String(pitch, 1)         + ",";
    json += "\"roll\":"       + String(roll, 1)          + ",";
    json += "\"accel\":"      + String(accelMag, 2)      + ",";
    json += "\"impactos\":"   + String(impactos)          + ",";
    json += "\"activo\":"     + String(segundosActivo)    + ",";
    json += "\"reposo\":"     + String(segundosReposo)    + ",";
    json += "\"posturaAvg\":" + String(pitchPromedio, 1)  + ",";
    json += "\"estaActivo\":" + String(estaActivo ? "true" : "false");
    json += "}";
    server.sendHeader("Access-Control-Allow-Origin", "*");
    server.send(200, "application/json", json);
  });
 
  // ---- Endpoint: /reset ----
  // Resets all daily counters to zero
  server.on("/reset", HTTP_GET, []() {
    impactos = segundosActivo = segundosReposo = muestrasTotal = 0;
    pitchPromedio = 0;
    server.sendHeader("Access-Control-Allow-Origin", "*");
    server.send(200, "text/plain", "OK");
  });
 
  server.begin();
  tiempoAnterior = millis();
}
 
void loop() {
  server.handleClient();
 
  // ---- Read raw sensor data ----
  int16_t ax, ay, az, gx, gy, gz;
  mpu.getMotion6(&ax, &ay, &az, &gx, &gy, &gz);
 
  unsigned long ahora = millis();
  float dt = (ahora - tiempoAnterior) / 1000.0;
  tiempoAnterior = ahora;
 
  // ---- Complementary filter ----
  // Combines accelerometer (stable, noisy) with
  // gyroscope (smooth, drifts) for accurate angles
  float ap = atan2(ay, az) * 180.0 / PI;
  float ar = atan2(-ax, az) * 180.0 / PI;
  pitch = 0.98 * (pitch + (gx / 131.0) * dt) + 0.02 * ap;
  roll  = 0.98 * (roll  + (gy / 131.0) * dt) + 0.02 * ar;
 
  // ---- Acceleration magnitude in g ----
  accelMag = sqrt(
    pow(ax / 16384.0, 2) +
    pow(ay / 16384.0, 2) +
    pow(az / 16384.0, 2)
  );
 
  // ---- Impact detection ----
  if (accelMag > UMBRAL_IMPACTO) impactos++;
 
  // ---- Activity tracking ----
  float mov = abs(accelMag - 1.0);
  estaActivo = mov > UMBRAL_ACTIVO;
  if (estaActivo) segundosActivo++;
  else            segundosReposo++;
 
  // ---- Running average posture ----
  muestrasTotal++;
  pitchPromedio += (pitch - pitchPromedio) / muestrasTotal;
 
  delay(100);
}
              

<!-- Screen 1: Splash -->
<div id="splash" class="screen active">
  <img class="logo-img" src="data:image/png;base64,..."/>
  <div class="app-name">Krypto<br>Support</div>
  <button onclick="goTo('loginreg')">LOG IN</button>
</div>
 
<!-- Screen 2: Login / Register -->
<div id="loginreg" class="screen">
  <!-- Two tabs: login + registration -->
  <!-- Registration collects: name, email, password -->
  <!-- Pet profile: name, breed, age, weight, photo -->
</div>
 
<!-- Screen 3: Dashboard -->
<div id="dash" class="screen">
  <!-- Blue header with dog name and connection status -->
  <!-- IP input field to connect to ESP32 -->
  <!-- 4 metric cards: impacts, active, rest, posture -->
  <!-- Orientation bars: pitch, roll, acceleration -->
  <!-- 60s acceleration chart (Canvas API) -->
  <!-- Actions: reset day + generate PDF report -->
</div>

// Poll ESP32 every second and update the UI
async function obtener() {
  try {
    const r = await fetch(`http://${IP}/datos`);
    const d = await r.json();
 
    // Update metric cards
    document.getElementById('impactos').textContent = d.impactos;
    document.getElementById('activo').textContent   = Math.floor(d.activo / 60);
    document.getElementById('reposo').textContent   = Math.floor(d.reposo / 60);
    document.getElementById('postura').textContent  = parseFloat(d.posturaAvg).toFixed(1);
 
    // Update orientation bars (pitch, roll, accel)
    barra('bPitch', 'vPitch', d.pitch, -90, 90, 'deg');
    barra('bRoll',  'vRoll',  d.roll,  -90, 90, 'deg');
    barra('bAccel', 'vAccel', d.accel,   0,  4, ' g');
 
    // Push to acceleration history chart
    hist.push(parseFloat(d.accel));
    if (hist.length > MAX) hist.shift();
    dibujar();
  } catch(e) {
    document.getElementById('connStatus').textContent = 'No connection';
  }
}
setInterval(obtener, 1000);

function dibujar() {
  if (!canvas) return;
  canvas.width = canvas.offsetWidth;
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  const w = canvas.width / MAX;
 
  // Reference line at 1g (stationary)
  const y1 = canvas.height - (1 / 4) * canvas.height;
  ctx.strokeStyle = '#e0dcc8'; ctx.setLineDash([4, 4]);
  ctx.beginPath(); ctx.moveTo(0, y1); ctx.lineTo(canvas.width, y1); ctx.stroke();
  ctx.setLineDash([]);
 
  // Draw acceleration line (blue)
  ctx.strokeStyle = '#0d31e2'; ctx.lineWidth = 2;
  ctx.beginPath();
  hist.forEach((v, i) => {
    const x = i * w;
    const y = canvas.height - (Math.min(v, 4) / 4) * canvas.height;
    i === 0 ? ctx.moveTo(x, y) : ctx.lineTo(x, y);
  });
  ctx.stroke();
 
  // Impact dots -- yellow fill, blue outline
  hist.forEach((v, i) => {
    if (v > 2.5) {
      ctx.fillStyle = '#ffde59';
      ctx.beginPath();
      ctx.arc(i * w, canvas.height - (Math.min(v, 4) / 4) * canvas.height, 4, 0, Math.PI * 2);
      ctx.fill();
      ctx.strokeStyle = '#0d31e2'; ctx.stroke();
    }
  });
}

function descargarPDF() {
  const { jsPDF } = window.jspdf;
  const doc = new jsPDF({ orientation: 'portrait', unit: 'mm', format: 'a4' });
  const user = JSON.parse(localStorage.getItem('ks-user') || '{}');
 
  // Blue header
  doc.setFillColor(13, 49, 226);
  doc.rect(0, 0, 210, 40, 'F');
  doc.setTextColor(255, 255, 255);
  doc.setFontSize(22); doc.setFont('helvetica', 'bold');
  doc.text('KRYPTO SUPPORT', 18, 17);
 
  // Pet profile card
  doc.setFillColor(246, 243, 226);
  doc.roundedRect(18, 48, 174, 24, 3, 3, 'F');
  doc.setTextColor(13, 49, 226);
  doc.text(user.dogname || 'Krypto', 22, 62);
 
  // Save as dated file
  doc.save('Krypto_Reporte_' + new Date().toISOString().slice(0, 10) + '.pdf');
}