App administration created, and relation between asistance and classroom data

app/main.py

@@ -248,19 +248,80 @@ class UserManager(HFDatasetManager):
                     if datetime.datetime.now() < expiry:
                         return user
         return None
+    
+    def verify_user(self, username, password):
+        """Verifica las credenciales de un usuario."""
+        user_data = self.get_by_username(username) # Changed from get_user to get_by_username
+        if user_data and check_password_hash(user_data['password'], password):
+            return User(user_data['id'], username) # Changed from User(username, username) to User(user_data['id'], username)
+        return None
 
-    def update_password(self, user_id, new_password):
-        """Actualiza la contraseña de un usuario y limpia el token."""
-        user = self.get_by_id(user_id)
-        if user:
-            user["password"] = generate_password_hash(new_password)
-            user["reset_token"] = None
-            user["reset_expiry"] = None
-            self.save()
-            return True
+# --- GESTOR DE AULAS (Persistencia con HF Datasets) ---
+class ClassroomManager(HFDatasetManager):
+    """Clase para manejar aulas y estudiantes con persistencia."""
+    
+    def __init__(self):
+        super().__init__(
+            dataset_name="HF_DATASET_CLASSROOMS", # Usar variable de entorno distinta para evitar conflictos
+            data_key="classrooms",
+            local_filename="classrooms.json"
+        )
+        self.classrooms = self._load()
+        
+    def _load(self):
+        data = super()._load_from_hf() if self.use_hf else super()._load_from_local()
+        return data if data else []
+
+    def save(self):
+        if self.use_hf:
+            self._save_to_hf(self.classrooms)
+        self._save_to_local(self.classrooms)
+
+    def get_courses(self):
+        return self.classrooms
+
+    def get_course(self, course_id):
+        return next((c for c in self.classrooms if c['id'] == course_id), None)
+
+    def create_course(self, name):
+        course = {
+            "id": str(uuid.uuid4()),
+            "name": name,
+            "students": []
+        }
+        self.classrooms.append(course)
+        self.save()
+        return course
+
+    def add_student(self, course_id, student_name):
+        course = self.get_course(course_id)
+        if course:
+            # Evitar duplicados
+            if not any(s['name'] == student_name for s in course['students']):
+                course['students'].append({
+                    "name": student_name, 
+                    "attendance": []
+                })
+                self.save()
+                return True
         return False
 
+    def record_attendance(self, student_name):
+        """Registra asistencia para un estudiante en todos los cursos donde esté inscrito."""
+        today = datetime.datetime.now().strftime("%Y-%m-%d")
+        recorded = False
+        for course in self.classrooms:
+            for student in course['students']:
+                if student['name'] == student_name:
+                    if today not in student['attendance']:
+                        student['attendance'].append(today)
+                        recorded = True
+        if recorded:
+            self.save()
+        return recorded
+
 user_mgr = UserManager()
+classroom_manager = ClassroomManager()
 
 @login_manager.user_loader
 def load_user(user_id):
@@ -728,14 +789,115 @@ def guia_asistencia():
 def guia_gestion():
     return render_template('guia_gestion.html', title="Guía de Gestión")
 
+# --- RUTAS DE GESTIÓN DE AULAS ---
+@app.route('/classroom')
+@login_required
+def classroom_dashboard():
+    courses = classroom_manager.get_courses()
+    return render_template('classroom_dashboard.html', title="Gestión de Aulas", courses=courses)
+
+@app.route('/classroom/create', methods=['POST'])
+@login_required
+def create_course():
+    name = request.form.get('name')
+    if name:
+        classroom_manager.create_course(name)
+        flash('Curso creado exitosamente', 'green')
+    else:
+        flash('El nombre del curso es requerido', 'red')
+    return redirect(url_for('classroom_dashboard'))
+
+@app.route('/classroom/<course_id>')
+@login_required
+def course_details(course_id):
+    course = classroom_manager.get_course(course_id)
+    if not course:
+        flash('Curso no encontrado', 'red')
+        return redirect(url_for('classroom_dashboard'))
+    return render_template('course_details.html', title=course['name'], course=course)
+
+@app.route('/classroom/<course_id>/add_student', methods=['POST'])
+@login_required
+def add_student(course_id):
+    name = request.form.get('student_name')
+    if name:
+        if classroom_manager.add_student(course_id, name):
+            flash('Estudiante agregado', 'green')
+        else:
+            flash('Estudiante ya existe o error al agregar', 'red')
+    return redirect(url_for('course_details', course_id=course_id))
+
+@app.route('/api/courses')
+def api_courses():
+    """Devuelve la lista de cursos y sus estudiantes para el frontend."""
+    courses = classroom_manager.get_courses()
+    return jsonify(courses)
+
 @app.route('/api/faces', methods=['GET', 'POST'])
 def api_faces():
     if request.method == 'POST':
         data = request.json
-        label = data.get('label')
+        label = data.get('label') # Ahora esto puede ser el ID o Nombre
         descriptor = data.get('descriptor')
+        student_id = data.get('student_id')
+        course_id = data.get('course_id')
+        
         if label and descriptor:
-            face_mgr.add_face(label, descriptor)
+            # Aquí idealmente guardaríamos el descriptor asociado al ID del estudiante
+            # Por simplicidad en este prototipo sin DB vectorial real, 
+            # guardamos un JSON local "faces.json" o similar.
+            
+            face_data = {
+                "label": label, # Nombre para mostrar
+                "descriptor": descriptor,
+                "student_id": student_id,
+                "course_id": course_id
+            }
+            
+            # Cargar existentes
+            faces = []
+            if os.path.exists('faces.json'):
+                try:
+                    with open('faces.json', 'r') as f:
+                        faces = json.load(f)
+                except:
+                    pass
+            
+            faces.append(face_data)
+            
+            with open('faces.json', 'w') as f:
+                json.dump(faces, f)
+                
+            return jsonify({"status": "success"})
+    
+    # GET: Devolver rostros guardados
+    if os.path.exists('faces.json'):
+        try:
+            with open('faces.json', 'r') as f:
+                return jsonify(json.load(f))
+        except:
+            return jsonify([])
+    return jsonify([])
+
+@app.route('/api/attendance', methods=['POST'])
+def api_attendance():
+    data = request.json
+    label = data.get('label') # El label que viene de face-api (puede ser el nombre)
+    
+    if label:
+        print(f"[ASISTENCIA] Registrando: {label}")
+        # Registrar en el sistema de aulas
+        # ClassroomManager buscará por nombre o ID
+        if classroom_manager.record_attendance(label):
+             socketio.emit('notification', {'text': f'Bienvenido/a {label}', 'color': 'green'})
+             return jsonify({"status": "success", "message": f"Asistencia registrada para {label}"})
+        else:
+             # Si no se encuentra en una clase, igual notificar pero indicar advertencia?
+             # O asumimos que es un invitado.
+             socketio.emit('notification', {'text': f'Hola {label} (No inscrito)', 'color': 'blue'})
+             return jsonify({"status": "warning", "message": "Registrado pero no vinculado a curso"})
+
+    return jsonify({"status": "error", "message": "No label provided"}), 400
             return jsonify({"status": "success"})
         return jsonify({"status": "error", "message": "Datos faltantes"}), 400
     

app/templates/asistencia.html

@@ -31,11 +31,21 @@
     <div id="register-form"
         style="display: none; margin-top: 2rem; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 1.5rem;">
         <h3>Nuevo Registro</h3>
-        <p class="text-dim">Mira a la cámara y escribe tu nombre.</p>
-        <div style="display: flex; gap: 1rem; margin-top: 1rem;">
-            <input type="text" id="user-name" class="glass" placeholder="Tu nombre completo"
-                style="flex: 1; padding: 0.8rem; border: none; outline: none; color: white;">
-            <button id="btn-save-face" class="btn" style="background: #38bdf8; color: white;">GUARDAR</button>
+        <p class="text-dim">Selecciona tu curso y nombre para registrarte.</p>
+
+        <div style="display: flex; flex-direction: column; gap: 1rem; margin-top: 1rem;">
+            <select id="course-select" class="glass"
+                style="padding: 0.8rem; border: none; outline: none; color: white;">
+                <option value="">-- Selecciona un Curso --</option>
+            </select>
+
+            <select id="student-select" class="glass"
+                style="padding: 0.8rem; border: none; outline: none; color: white;" disabled>
+                <option value="">-- Selecciona un Estudiante --</option>
+            </select>
+
+            <button id="btn-save-face" class="btn"
+                style="background: #38bdf8; color: white; margin-top: 0.5rem;">GUARDAR</button>
         </div>
     </div>
 </div>
@@ -52,13 +62,55 @@
     const btnRegister = document.getElementById('btn-register');
     const registerForm = document.getElementById('register-form');
     const btnSaveFace = document.getElementById('btn-save-face');
-    const userNameInput = document.getElementById('user-name');
+
+    // Selectores
+    const courseSelect = document.getElementById('course-select');
+    const studentSelect = document.getElementById('student-select');
 
     let mode = 'attendance'; // 'attendance' o 'register'
     let labeledFaceDescriptors = [];
     let faceMatcher = null;
     let detectionActive = false;
     let currentDescriptor = null;
+    let coursesData = [];
+
+    // Cargar datos de cursos
+    async function loadCourses() {
+        try {
+            const res = await fetch('/api/courses');
+            coursesData = await res.json();
+
+            courseSelect.innerHTML = '<option value="">-- Selecciona un Curso --</option>';
+            coursesData.forEach(course => {
+                const opt = document.createElement('option');
+                opt.value = course.id;
+                opt.textContent = course.name;
+                courseSelect.appendChild(opt);
+            });
+        } catch (err) {
+            console.error("Error loading courses:", err);
+        }
+    }
+
+    // Evento cambio de curso
+    courseSelect.addEventListener('change', () => {
+        const courseId = courseSelect.value;
+        studentSelect.innerHTML = '<option value="">-- Selecciona un Estudiante --</option>';
+        studentSelect.disabled = true;
+
+        if (courseId) {
+            const course = coursesData.find(c => c.id === courseId);
+            if (course && course.students) {
+                studentSelect.disabled = false;
+                course.students.forEach(student => {
+                    const opt = document.createElement('option');
+                    opt.value = student.name; // Usamos nombre como ID por ahora si no hay ID único
+                    opt.textContent = student.name;
+                    studentSelect.appendChild(opt);
+                });
+            }
+        }
+    });
 
     // Cargar modelos y arrancar
     async function init() {
@@ -76,6 +128,7 @@
 
             await loadSavedFaces();
             startVideo();
+            loadCourses(); // Cargar cursos al inicio
         } catch (err) {
             console.error("Error inicializando Face API:", err);
             // Mostrar error detallado para depuración
@@ -184,9 +237,11 @@
     });
 
     btnSaveFace.addEventListener('click', async () => {
-        const name = userNameInput.value.trim();
-        if (!name || !currentDescriptor) {
-            alert("Escribe un nombre y asegúrate de que tu rostro es visible.");
+        const studentName = studentSelect.value;
+        const courseId = courseSelect.value;
+
+        if (!studentName || !courseId || !currentDescriptor) {
+            alert("Selecciona un curso, un estudiante y asegúrate de que tu rostro es visible.");
             return;
         }
 
@@ -197,14 +252,16 @@
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify({
-                label: name,
+                label: studentName,
+                student_id: studentName, // Usamos nombre como ID por simpleza
+                course_id: courseId,
                 descriptor: Array.from(currentDescriptor)
             })
         });
 
         if (response.ok) {
             alert("Rostro registrado con éxito.");
-            userNameInput.value = "";
+            studentSelect.value = "";
             await loadSavedFaces();
             btnAttendance.click();
         } else {

app/templates/base.html

@@ -48,6 +48,7 @@
                         <a href="/tutoria" class="nav-item"><i class="fas fa-book"></i> TUTORÍA</a>
 
                         {% if current_user.is_authenticated %}
+                        <a href="/classroom" class="nav-item"><i class="fas fa-chalkboard-teacher"></i> AULAS</a>
                         <div style="margin-top: auto; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 1rem;">
                             <a href="/logout" class="nav-item" style="color: #ef4444;"><i
                                     class="fas fa-sign-out-alt"></i> Salir</a>

app/templates/classroom_dashboard.html

@@ -0,0 +1,33 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="hero section">
+    <h1>GESTIÓN DE AULAS</h1>
+    <p class="text-dim">Administra tus cursos y monitorea la asistencia.</p>
+</div>
+
+<div class="glass" style="padding: 2rem; border-radius: 1rem; margin-bottom: 2rem;">
+    <h3>Crear Nuevo Curso</h3>
+    <form action="{{ url_for('create_course') }}" method="POST" style="display: flex; gap: 1rem; margin-top: 1rem;">
+        <input type="text" name="name" placeholder="Nombre del Aula / Curso (Ej: Robótica 101)" required>
+        <button type="submit" class="btn btn-primary"><i class="fas fa-plus"></i> Crear</button>
+    </form>
+</div>
+
+<div class="card-grid">
+    {% for course in courses %}
+    <a href="{{ url_for('course_details', course_id=course.id) }}" class="card glass"
+        style="text-align: left; align-items: flex-start;">
+        <div style="display: flex; justify-content: space-between; width: 100%;">
+            <h2 style="margin: 0;">{{ course.name }}</h2>
+            <i class="fas fa-chalkboard-teacher" style="font-size: 1.5rem; margin: 0;"></i>
+        </div>
+        <p class="text-dim" style="margin-top: 1rem;">{{ course.students|length }} Estudiantes inscritos</p>
+    </a>
+    {% else %}
+    <div style="grid-column: 1 / -1; text-align: center; color: var(--text-dim);">
+        <p>No hay cursos creados. ¡Crea el primero arriba!</p>
+    </div>
+    {% endfor %}
+</div>
+{% endblock %}

app/templates/course_details.html

@@ -0,0 +1,80 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="hero section" style="text-align: left; display: flex; justify-content: space-between; align-items: center;">
+    <div>
+        <h1>{{ course.name }}</h1>
+        <p class="text-dim">Detalles del curso y registro de asistencia.</p>
+    </div>
+    <a href="{{ url_for('classroom_dashboard') }}" class="btn glass"><i class="fas fa-arrow-left"></i> Volver</a>
+</div>
+
+<div class="grid-container" style="display: grid; grid-template-columns: 1fr 2fr; gap: 2rem;">
+
+    <!-- Columna Izquierda: Lista de Estudiantes -->
+    <div>
+        <div class="glass" style="padding: 1.5rem; border-radius: 1rem; margin-bottom: 2rem;">
+            <h3>Agregar Estudiante</h3>
+            <form action="{{ url_for('add_student', course_id=course.id) }}" method="POST" style="margin-top: 1rem;">
+                <input type="text" name="student_name" placeholder="Nombre completo" required
+                    style="margin-bottom: 1rem;">
+                <button type="submit" class="btn btn-primary" style="width: 100%;">Agregar</button>
+            </form>
+        </div>
+
+        <div class="glass" style="padding: 1.5rem; border-radius: 1rem;">
+            <h3>Estudiantes ({{ course.students|length }})</h3>
+            <ul style="list-style: none; padding: 0; margin-top: 1rem; max-height: 400px; overflow-y: auto;">
+                {% for student in course.students %}
+                <li
+                    style="padding: 0.8rem; border-bottom: 1px solid rgba(255,255,255,0.1); display: flex; align-items: center; gap: 0.5rem;">
+                    <i class="fas fa-user-graduate" style="color: var(--accent);"></i>
+                    {{ student.name }}
+                </li>
+                {% else %}
+                <li class="text-dim">No hay estudiantes inscritos.</li>
+                {% endfor %}
+            </ul>
+        </div>
+    </div>
+
+    <!-- Columna Derecha: Gráfico de Asistencia (Simplificado como Log) -->
+    <div class="glass" style="padding: 1.5rem; border-radius: 1rem;">
+        <h3>Registro de Asistencia</h3>
+        <p class="text-dim" style="font-size: 0.9rem; margin-bottom: 1rem;">Historial de asistencias registradas por IA.
+        </p>
+
+        <div style="overflow-x: auto;">
+            <table style="width: 100%; border-collapse: collapse; text-align: left;">
+                <thead>
+                    <tr style="border-bottom: 2px solid rgba(255,255,255,0.1);">
+                        <th style="padding: 1rem;">Estudiante</th>
+                        <th style="padding: 1rem;">Asistencias</th>
+                        <th style="padding: 1rem;">Última Vez</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {% for student in course.students %}
+                    <tr style="border-bottom: 1px solid rgba(255,255,255,0.05);">
+                        <td style="padding: 1rem; font-weight: bold;">{{ student.name }}</td>
+                        <td style="padding: 1rem;">
+                            <span class="badge"
+                                style="background: rgba(16, 185, 129, 0.2); color: #10b981; padding: 0.2rem 0.5rem; border-radius: 0.5rem;">
+                                {{ student.attendance|length }}
+                            </span>
+                        </td>
+                        <td style="padding: 1rem;" class="text-dim">
+                            {% if student.attendance %}
+                            {{ student.attendance[-1] }}
+                            {% else %}
+                            Nunca
+                            {% endif %}
+                        </td>
+                    </tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+{% endblock %}