Funcionalidades
Sistema de Gestión de Videos - Postea.la
**Fecha:** Diciembre 2025
Sistema de Gestión de Videos - Postea.la
Resumen Funcional para NotebookLM
Fecha: Diciembre 2025
Objetivo: Documentación funcional del sistema donde el organizador administra todos los videos de sus eventos
🚀 ¿Cómo acceder a esta funcionalidad?
Navegación desde el Panel de Administración:
1. Inicia sesión en tu cuenta de Postea.la
↓
2. Entra a tu Panel de Administración
↓
3. Selecciona un evento desde el selector de eventos (arriba del sidebar)
💡 IMPORTANTE: Debes seleccionar un evento primero
↓
4. Una vez seleccionado el evento, las opciones del menú se habilitan
↓
5. En el menú lateral (sidebar), expande la categoría "Contenido"
↓
6. Selecciona "Gestión de Videos"
↓
7. El sistema carga automáticamente todos los videos del evento seleccionado
(en páginas de 20 videos para mejor rendimiento)
↓
8. Ya puedes gestionar los videos:
- Ver estado (VISIBLE/OCULTO)
- Reproducir videos directamente
- Ocultar/Mostrar según necesites
- Descargar videos en calidad original
- Eliminar videos permanentemente
⚠️ Nota: Sin moderación automática por IA
🎯 ¿Qué es este sistema?
Es el panel de control donde el organizador puede ver, filtrar, aprobar, ocultar, descargar y eliminar todos los videos que los invitados suben a sus eventos. Funciona de forma similar a la gestión de fotos, pero específicamente para contenido de video con reproductor integrado.
⚠️ IMPORTANTE - DIFERENCIA CON FOTOS: El sistema de moderación por IA NO aplica a videos. A diferencia de las fotos (que sí tienen análisis automático de contenido inapropiado), los videos NO son analizados por inteligencia artificial. Esto significa:
- ✅ Videos NO tienen badge de IA
- ✅ Videos NO son bloqueados automáticamente
- ✅ Todos los videos subidos aparecen como VISIBLES por defecto
- ✅ El organizador debe revisar manualmente cada video
- ✅ La moderación de videos es 100% manual
Problema que resuelve
Cuando organizas un evento, los invitados suben videos de momentos especiales, pero no todos son apropiados o de calidad.
Sin sistema de gestión:
- ❌ No puedes revisar los videos antes de publicar
- ❌ Videos inapropiados aparecen automáticamente
- ❌ No sabes quién subió cada video
- ❌ Difícil eliminar contenido no deseado
- ❌ Sin control sobre qué se muestra públicamente
- ❌ Descargar videos uno por uno es tedioso
- ❌ No hay forma de previsualizar videos rápidamente
Con sistema de gestión:
- ✅ Ves todos los videos en un solo lugar
- ✅ Puedes ocultar/mostrar videos con un click
- ✅ Sabes quién subió cada video y cuándo
- ✅ Eliminas videos rápidamente
- ✅ Control total sobre contenido público
- ✅ Descargas videos fácilmente
- ✅ Reproductor integrado para previsualizar
- ✅ Filtros para ver solo visibles u ocultos
🔍 ¿Cómo funciona?
El proceso completo:
1. Organizador inicia sesión en Postea.la
↓
2. Entra a su Panel de Administración
↓
3. Selecciona un evento desde el selector de eventos (arriba del sidebar)
💡 IMPORTANTE: Debes seleccionar un evento primero
↓
4. Una vez seleccionado el evento, las opciones del menú se habilitan
↓
5. En el menú lateral (sidebar), expande la categoría "Contenido"
↓
6. Selecciona "Gestión de Videos"
↓
7. Sistema carga automáticamente todos los videos del evento seleccionado (20 por página)
↓
8. Organizador revisa videos:
- Ve estado (VISIBLE/OCULTO)
- Ve info de quién subió
- Ve fecha y hora de subida
- Reproduce video directamente
↓
9. Organizador puede:
- Ocultar videos inapropiados
- Mostrar videos previamente ocultos
- Descargar videos
- Eliminar videos permanentemente
↓
10. Cambios se aplican instantáneamente
↓
11. Invitados ven solo videos visibles
Analogía del mundo real:
Es como moderar videos en YouTube Studio:
- Ves todos los videos subidos
- Puedes hacer privado o público cada uno
- Sabes quién subió cada video
- Puedes eliminar permanentemente
- Los usuarios solo ven los videos públicos
- Previsualizas antes de aprobar
📋 Estructura de la Vista
Pantalla principal con 4 secciones:
╔════════════════════════════════════════════════╗
║ 🎥 Gestión de Videos ║
╠════════════════════════════════════════════════╣
║ ║
║ ┌─────────────────────────────────────────┐ ║
║ │ 📅 Seleccionar Evento │ ║
║ │ [Grilla visual con tarjetas de eventos] │ ║
║ │ ┌─────┐ ┌─────┐ ┌─────┐ │ ║
║ │ │Event│ │Event│ │Event│ │ ║
║ │ │ 1 │ │ 2 │ │ 3 │ │ ║
║ │ │[Img]│ │[Img]│ │[Img]│ │ ║
║ │ └─────┘ └─────┘ └─────┘ │ ║
║ └─────────────────────────────────────────┘ ║
║ ║
║ ☐ Mostrar filtros de videos ║
║ ║
║ [Si checkbox marcado, aparece panel filtros] ║
║ ┌─────────────────────────────────────────┐ ║
║ │ 🔍 Búsqueda por nombre │ ║
║ │ ┌─────────────────────────────────────┐ │ ║
║ │ │ Buscar por nombre... │ │ ║
║ │ └─────────────────────────────────────┘ │ ║
║ │ │ ║
║ │ 📅 Rango de fechas │ ║
║ │ ┌──────────────┐ ┌──────────────────┐ │ ║
║ │ │Desde: [____] │ │Hasta: [_______] │ │ ║
║ │ └──────────────┘ └──────────────────┘ │ ║
║ │ │ ║
║ │ [🔍 Buscar] [🧹 Limpiar] │ ║
║ └─────────────────────────────────────────┘ ║
║ ║
║ 🎬 Videos (15 de 127 total) ║
║ Mostrando página 1 ║
║ ║
║ ◀ Página 1 de 7 ▶ ║
║ ║
║ ┌──────────┐ ┌──────────┐ ┌──────────┐ ║
║ │ VISIBLE │ │ OCULTO │ │ VISIBLE │ ║
║ │ ┌──────┐ │ │ ┌──────┐ │ │ ┌──────┐ │ ║
║ │ │▶Video│ │ │ │▶Video│ │ │ │▶Video│ │ ║
║ │ │Player│ │ │ │Player│ │ │ │Player│ │ ║
║ │ └──────┘ │ │ └──────┘ │ │ └──────┘ │ ║
║ │ │ │ │ │ │ ║
║ │Por: Juan │ │Por: María│ │Por: Pedro│ ║
║ │24/12/25 │ │24/12/25 │ │24/12/25 │ ║
║ │18:45 │ │19:30 │ │20:15 │ ║
║ │"Brindis" │ │"Torta" │ │"Baile" │ ║
║ │ │ │ │ │ │ ║
║ │👁️ 💾 🗑️ │ │👁️ 💾 🗑️ │ │👁️ 💾 🗑️ │ ║
║ └──────────┘ └──────────┘ └──────────┘ ║
║ ║
║ ◀ Página 1 de 7 ▶ ║
╚════════════════════════════════════════════════╝
🎨 Componentes de la Interfaz
1. Selector de Evento (Grid Visual)
Diseño visual:
┌─────────────────────────────────────────┐
│ 📅 Mis Eventos │
├─────────────────────────────────────────┤
│ │
│ ┌─────────┐ ┌─────────┐ ┌─────────┐ │
│ │ Boda │ │ Cumple │ │ Empresa │ │
│ │ María │ │ Pedro │ │ X Años │ │
│ │ [Foto] │ │ [Foto] │ │ [Foto] │ │
│ │ 15 Dic │ │ 20 Dic │ │ 5 Ene │ │
│ │ 2024 │ │ 2024 │ │ 2025 │ │
│ └─────────┘ └─────────┘ └─────────┘ │
│ ↑ │
│ Seleccionado │
└─────────────────────────────────────────┘
¿Cómo se usa?
- Ves tarjetas visuales de tus eventos
- Cada tarjeta muestra:
- Nombre del evento
- Fecha del evento
- Imagen de portada (primera foto del evento)
- Haces click en la tarjeta del evento deseado
- El evento seleccionado se resalta con borde de color
- Sistema carga automáticamente los videos de ese evento
Ventaja:
- Más visual que un dropdown tradicional
- Identificas eventos rápidamente por su imagen
- Interfaz más moderna e intuitiva
2. Checkbox de Filtros
¿Qué es?
Un interruptor que muestra u oculta los filtros de búsqueda.
¿Por qué existe?
- Mantiene la interfaz limpia
- Los filtros solo aparecen cuando los necesitas
- Ahorra espacio en pantalla
¿Cómo se usa?
- Por defecto, filtros están ocultos
- Marcas el checkbox ☐ → aparecen los filtros
- Desmarcas el checkbox ☑ → desaparecen los filtros
3. Panel de Filtros (Opcional)
Aparece solo si activas el checkbox de filtros.
Filtro por Nombre
┌───────────────────────────────┐
│ Búsqueda por nombre del evento │
│ ┌───────────────────────────┐ │
│ │ Buscar por nombre... │ │
│ └───────────────────────────┘ │
└───────────────────────────────┘
¿Qué hace?
Te permite buscar eventos que contengan el texto ingresado en su nombre.
¿Cómo se usa?
- Escribes parte del nombre del evento
- Presionas Enter o click en "Buscar"
- Sistema muestra solo eventos que coincidan
Ejemplo:
Escribo: "boda"
→ Sistema muestra solo eventos con "boda" en el nombre
→ Puedo encontrar rápidamente eventos específicos
Filtro por Rango de Fechas
┌───────────────────────────────┐
│ Rango de fechas │
├───────────────────────────────┤
│ 📅 Desde esta fecha │
│ ┌───────────────────────────┐ │
│ │ dd/mm/yyyy │ │
│ └───────────────────────────┘ │
│ │
│ 📅 Hasta esta fecha │
│ ┌───────────────────────────┐ │
│ │ dd/mm/yyyy │ │
│ └───────────────────────────┘ │
└───────────────────────────────┘
¿Qué hace?
Permite filtrar eventos por su fecha de realización dentro de un rango específico.
Tipo:
- Dos campos de fecha (Desde/Hasta)
- Selector visual de calendario
- Formato: dd/mm/yyyy
¿Cómo se usa?
- Seleccionas fecha inicial en "Desde esta fecha"
- Seleccionas fecha final en "Hasta esta fecha"
- Click en "Buscar" para aplicar filtro
Casos de uso:
Ver eventos de diciembre 2024:
→ Desde: 01/12/2024
→ Hasta: 31/12/2024
Ver eventos del último mes:
→ Desde: 25/11/2024
→ Hasta: 25/12/2024
Ver eventos futuros:
→ Desde: 26/12/2024
→ Hasta: [dejar vacío]
Botones del Panel de Filtros
🔍 Buscar:
- Aplica los filtros seleccionados
- Recarga la lista con resultados filtrados
- Solo se ejecuta al hacer click (no automático)
🧹 Limpiar:
- Resetea todos los filtros
- Vuelve a mostrar todos los eventos
- Nombre: se vacía
- Fechas: se vacían ambas
Comportamiento importante:
⚠️ Los filtros NO se aplican automáticamente
- Puedes modificar múltiples filtros sin que se ejecute la búsqueda
- Solo al hacer click en "Buscar" se aplican los filtros
- Esto evita búsquedas innecesarias mientras escribes o seleccionas fechas
Ejemplo:
1. Escribo "cumpleaños" en el nombre
2. Selecciono fecha desde: 01/12/2024
3. Selecciono fecha hasta: 31/12/2024
4. Hago click en "Buscar" → ahora sí se aplican los 3 filtros
⚠️ NOTA: Se eliminó el filtro por persona/uploader. Los videos solo se pueden filtrar por nombre de evento y rango de fechas.
4. Tarjeta de Video
Cada video aparece en una tarjeta individual con toda su información y reproductor integrado.
⚠️ NOTA IMPORTANTE: A diferencia de las tarjetas de fotos, las tarjetas de video NO tienen badge de IA porque el sistema de moderación por inteligencia artificial solo analiza fotos, no videos. Todos los videos deben ser revisados manualmente por el organizador.
Diseño completo de tarjeta:
┌────────────────────────────────────┐
│ 🎬 VISIBLE │ ← Badge de estado (sin IA)
├────────────────────────────────────┤
│ ┌────────────────────────────────┐ │
│ │ ▶ Video Player │ │ ← Reproductor HTML5
│ │ [────────────────────] 🔊 ⛶ │ │ ← Controles
│ │ 00:45 / 02:30 │ │ ← Duración
│ └────────────────────────────────┘ │
├────────────────────────────────────┤
│ Por: Juan Pérez │ ← Quién subió
│ 24/12/2025 14:30 │ ← Cuándo subió
│ "Video del brindis" │ ← Descripción (opcional)
├────────────────────────────────────┤
│ 👁️ 💾 🗑️ │ ← Botones de acción
└────────────────────────────────────┘
Estado del Video
Aparece en la parte superior de cada tarjeta.
Estados posibles:
VISIBLE (verde)
- El video está público
- Los invitados pueden verlo
- Aparece en la galería del evento
- Estado por defecto al subir (sin análisis IA previo)
OCULTO (gris)
- El video está privado
- Los invitados NO pueden verlo
- Solo tú lo ves en gestión
- Solo puede estar oculto si tú manualmente lo ocultaste
⚠️ DIFERENCIA CON FOTOS:
- Las fotos pueden estar ocultas por moderación automática de IA
- Los videos NUNCA están ocultos automáticamente
- Solo el organizador puede ocultar videos (manualmente)
- No hay badge de "IA" en videos
Video Player Integrado
¿Qué es?
Un reproductor de video nativo del navegador integrado en cada tarjeta.
Características:
- Play/Pause con un click
- Controles de volumen
- Barra de progreso
- Pantalla completa disponible
- Thumbnail de previsualización
- Carga optimizada (metadata primero)
¿Cómo funciona?
1. Video muestra thumbnail inicial
2. Haces click en play ▶️
3. Video comienza a reproducirse
4. Puedes pausar, adelantar, retroceder
5. Puedes poner pantalla completa
Ventaja:
No necesitas descargar el video para verlo, puedes previsualizarlo directamente.
Información del Video
Datos mostrados:
- Subido por: Nombre de quien subió el video
- Fecha y hora: Cuándo se subió exactamente
- Descripción: Mensaje opcional del uploader
Ejemplo real:
Por: María García
24/12/2025 18:45
"El baile sorpresa que preparamos"
Acciones Disponibles
Cada video tiene 3 botones de acción:
👁️ Mostrar/Ocultar
¿Qué hace?
Cambia la visibilidad del video entre visible y oculto.
Comportamiento:
Si está VISIBLE → Botón muestra 👁️🗨️ (ocultar)
- Click → Video cambia a OCULTO
- Invitados dejan de verlo inmediatamente
Si está OCULTO → Botón muestra 👁️ (mostrar)
- Click → Video cambia a VISIBLE
- Invitados empiezan a verlo inmediatamente
Casos de uso:
Caso 1: Video inapropiado
- Video aparece como VISIBLE
- Lo revisas y no te gusta
- Click en 👁️🗨️ (ocultar)
- Video queda OCULTO inmediatamente
Caso 2: Video mal ocultado
- Video está OCULTO pero era correcto
- Click en 👁️ (mostrar)
- Video vuelve a VISIBLE
- Invitados lo ven de nuevo
💾 Descargar
¿Qué hace?
Descarga el video original a tu computadora.
Características:
- Descarga el archivo original
- Calidad completa sin compresión
- Formato original del uploader
- Nombre de archivo automático:
[Nombre]-[ID].mp4
¿Cómo se usa?
1. Click en botón 💾
2. Navegador inicia descarga automática
3. Video se guarda en tu carpeta de Descargas
4. Puedes compartirlo, editarlo, guardarlo
Caso de uso:
Quiero guardar todos los videos del evento
→ Voy video por video
→ Click en 💾 en cada uno
→ Se descargan todos a mi computadora
→ Tengo backup completo del evento
🗑️ Eliminar
¿Qué hace?
Elimina el video permanentemente del servidor y S3.
⚠️ ADVERTENCIA:
- La eliminación es PERMANENTE
- NO se puede deshacer
- El video desaparece para todos
- Se borra de los servidores
Proceso de eliminación:
1. Click en botón 🗑️
↓
2. Aparece diálogo de confirmación:
"¿Estás seguro de eliminar este video?"
[Cancelar] [Eliminar]
↓
3a. Si cancelas → No pasa nada
3b. Si confirmas:
→ Video se elimina del servidor
→ Video se elimina de S3
→ Video desaparece de la lista
→ Video NO se puede recuperar
Casos de uso:
Caso 1: Video completamente inapropiado
- Video tiene contenido ofensivo
- Quieres eliminarlo para siempre
- Click en 🗑️ → Confirmar
- Video eliminado permanentemente
Caso 2: Liberar espacio
- Evento tiene muchos videos duplicados
- Eliminas los duplicados
- Liberas espacio en tu plan
⚠️ Precaución:
Antes de eliminar, considera:
- ¿Es mejor solo ocultarlo?
- ¿Alguien puede querer este video después?
- ¿Tienes backup del video?
5. Paginación
Los videos se muestran de 20 en 20 para mejor rendimiento.
◀ Página 1 de 7 ▶
Controles:
- ◀ Anterior: Va a la página previa
- Página X de Y: Muestra página actual y total
- ▶ Siguiente: Va a la siguiente página
Comportamiento:
- Botón ◀ deshabilitado en página 1
- Botón ▶ deshabilitado en última página
- Al cambiar página, scroll vuelve arriba
- Ventaja nueva: Al hacer acciones (ocultar/eliminar), el scroll se mantiene en la misma posición
¿Por qué 20 videos por página?
- Carga rápida de la página
- No sobrecarga el navegador
- Fácil de navegar
- Reproduce videos sin lag
💡 Casos de Uso Reales
Caso 1: Revisar videos de la boda
📍 Situación:
Tu boda fue ayer. Los invitados subieron 127 videos durante el evento.
Quieres revisarlos todos.
🎯 Proceso:
1. Entras a "Gestión de Videos"
2. Seleccionas evento "Boda María & Juan"
3. Sistema muestra página 1 (videos 1-20)
4. Revisas cada video:
- Reproduciendo directamente en el navegador
- Si no te gusta → Click 👁️🗨️ (ocultar)
- Si te gusta → Dejas visible
5. Click ▶ para siguiente página
6. Repites hasta revisar todos
✅ Resultado:
- Revisaste 127 videos en 15 minutos
- Ocultaste 12 videos inapropiados
- 115 videos quedaron visibles para invitados
Caso 2: Video inapropiado reportado
📍 Situación:
Un invitado te avisa que hay un video ofensivo en la galería.
Necesitas actuar rápido.
🎯 Proceso:
1. Entras a "Gestión de Videos"
2. Seleccionas el evento
3. Activas filtros con checkbox
4. Escribes nombre del invitado que reportó
5. Encuentras el video problemático
6. Click 👁️🗨️ (ocultar) inmediatamente
7. Revisas el video con calma
8. Decides si solo ocultarlo o eliminarlo
9. Si es muy grave → Click 🗑️ (eliminar)
✅ Resultado:
- Video oculto en 30 segundos
- Invitados no lo ven más
- Problema resuelto rápidamente
Caso 3: Descargar videos especiales
📍 Situación:
Hay 5 videos muy especiales del brindis que quieres guardar.
Necesitas descargarlos para editarlos después.
🎯 Proceso:
1. Entras a "Gestión de Videos"
2. Seleccionas el evento
3. Activas filtros
4. Escribes "brindis" en búsqueda de persona (si alguien puso eso en descripción)
O simplemente navegas buscando esos videos
5. Por cada video especial:
- Click en 💾 (descargar)
- Video se descarga a tu PC
6. Repites con los 5 videos
✅ Resultado:
- 5 videos descargados en calidad original
- Listos para editar
- Tienes backup personal
Caso 4: Limpiar videos duplicados
📍 Situación:
Varios invitados subieron el mismo momento (ej: corte de torta).
Tienes 8 videos del mismo momento.
🎯 Proceso:
1. Entras a "Gestión de Videos"
2. Seleccionas el evento
3. Navegas hasta los videos del corte de torta
4. Reproduces cada uno para compararlos
5. Eliges los 2 mejores
6. El resto → Click 🗑️ (eliminar)
7. Confirmas eliminación de 6 videos
✅ Resultado:
- Solo 2 videos del corte de torta (los mejores)
- Galería más organizada
- Menos espacio usado
- Mejor experiencia para invitados
Caso 5: Ver solo videos ocultos
📍 Situación:
Hace 2 semanas ocultaste varios videos.
Quieres revisarlos de nuevo por si alguno era válido.
🎯 Proceso:
1. Entras a "Gestión de Videos"
2. Seleccionas el evento
3. Activas filtros con checkbox
4. Cambias estado a "Solo ocultos"
5. Click en "Buscar"
6. Sistema muestra solo videos OCULTOS
7. Revisas cada uno:
- Si era correcto → Click 👁️ (mostrar)
- Si sigue siendo inapropiado → Dejas oculto
✅ Resultado:
- Recuperaste 3 videos que eran buenos
- Confirmaste que 7 deben seguir ocultos
- Galería más completa y justa
🔄 Flujos de Trabajo Comunes
Flujo 1: Revisión Completa de Videos del Evento
1. Seleccionar Evento
↓
2. Ver página 1 (20 primeros videos)
↓
3. Por cada video:
- Reproducir para revisar contenido
- Si es apropiado → Dejar VISIBLE
- Si es inapropiado → Ocultar
- Si es duplicado → Eliminar
↓
4. Ir a siguiente página
↓
5. Repetir hasta terminar todas las páginas
↓
6. Resultado: Evento seleccionado y profesional
Tiempo estimado:
- 50 videos: 10-15 minutos
- 100 videos: 20-30 minutos
- 200 videos: 40-60 minutos
Flujo 2: Responder a Reporte de Video
1. Recibir reporte de invitado
↓
2. Entrar a Gestión de Videos
↓
3. Seleccionar evento reportado
↓
4. Activar filtros
↓
5. Buscar por nombre del uploader o descripción
↓
6. Localizar video reportado
↓
7. Reproducir para verificar
↓
8. Tomar acción:
- Ocultar si es moderadamente inapropiado
- Eliminar si es gravemente ofensivo
↓
9. Confirmar con el invitado que reportó
Tiempo estimado: 2-5 minutos
Flujo 3: Backup de Videos del Evento
1. Seleccionar evento
↓
2. Navegar por todas las páginas
↓
3. Por cada video que quieres guardar:
- Click en 💾 (descargar)
- Video se descarga automáticamente
↓
4. Repetir hasta tener todos los videos deseados
↓
5. Organizar videos en carpetas locales
Tiempo estimado: Depende de cantidad de videos y velocidad de internet
🎯 Reglas de Negocio
Moderación y Visibilidad
⚠️ IMPORTANTE - SIN MODERACIÓN AUTOMÁTICA POR IA:
A diferencia del sistema de fotos, los videos NO tienen moderación automática por inteligencia artificial:
- ❌ Videos NO son analizados por IA al subirse
- ❌ Videos NO pueden ser bloqueados automáticamente
- ❌ NO existe badge de "IA" en videos
- ✅ Todos los videos aparecen VISIBLES por defecto
- ✅ La moderación es 100% manual por el organizador
- ✅ El organizador debe revisar cada video personalmente
Razón técnica: El análisis de video por IA es computacionalmente costoso y requiere mucho más tiempo de procesamiento que las fotos. Por eso, actualmente solo las fotos tienen moderación automática.
Visibilidad de Videos
Video VISIBLE:
- Estado por defecto al subirse
- Aparece en galería pública del evento
- Todos los invitados pueden verlo
- Cuenta para estadísticas del evento
- Puede recibir likes y comentarios
Video OCULTO:
- Solo si el organizador lo ocultó manualmente
- NO aparece en galería pública
- Solo el organizador lo ve
- NO cuenta para estadísticas
- NO puede recibir interacciones
Eliminación de Videos
Es permanente:
- No hay papelera de reciclaje
- No se puede deshacer
- Se borra del servidor
- Se borra de Amazon S3
Requiere confirmación:
- Siempre aparece diálogo de confirmación
- Dos pasos: Click 🗑️ + Confirmar
- Previene eliminaciones accidentales
Efecto inmediato:
- Video desaparece de la lista
- Invitados no lo ven más
- Espacio se libera inmediatamente
Paginación
20 videos por página:
- Optimiza carga de página
- Mejor rendimiento del navegador
- Navegación más fluida
Estado se mantiene:
- Al cambiar página, filtros persisten
- Selección de evento se mantiene
- No tienes que reconfigurar
Scroll inteligente:
- Al hacer acciones (ocultar/eliminar), mantiene posición del scroll
- No te regresa al inicio de la página
- Mejor experiencia de usuario
Filtros
Filtros son acumulativos:
- Estado + Persona = Ambos aplican
- Ejemplo: "Solo ocultos" + "Juan" = Videos ocultos de Juan
Búsqueda case-insensitive:
- "maria" encuentra "María"
- "JUAN" encuentra "juan"
Filtros resetean paginación:
- Al aplicar filtros → Vuelve a página 1
- Lógico porque hay nuevos resultados
📊 Información que Necesita el Usuario
Por Evento
- Cantidad total de videos
- Videos visibles vs ocultos
- Página actual de paginación
Por Video
- Estado actual (VISIBLE/OCULTO)
- Nombre del uploader
- Fecha y hora de subida
- Descripción (si la tiene)
- Thumbnail de previsualización
🎨 Estados Visuales
Tarjeta de Video VISIBLE
Características visuales:
- Badge verde "VISIBLE"
- Fondo blanco normal
- Botón 👁️🗨️ (para ocultar)
- Video se puede reproducir
Tarjeta de Video OCULTO
Características visuales:
- Badge gris "OCULTO"
- Fondo ligeramente gris
- Botón 👁️ (para mostrar)
- Video se puede reproducir
Video Reproduciéndose
- Controles de reproducción activos
- Barra de progreso en movimiento
- Botón de pausa visible
- Controles de volumen disponibles
🔐 Permisos y Seguridad
¿Quién puede ver esta sección?
Solo el organizador del evento (dueño).
¿Qué puede hacer el organizador?
- ✅ Ver todos los videos (visibles y ocultos)
- ✅ Ocultar cualquier video
- ✅ Mostrar cualquier video
- ✅ Descargar cualquier video
- ✅ Eliminar cualquier video
- ✅ Usar todos los filtros
¿Qué NO puede hacer?
- ❌ Editar videos
- ❌ Cambiar uploader original
- ❌ Modificar fecha de subida
- ❌ Cambiar descripción del video
💻 Comportamiento en Diferentes Dispositivos
Desktop (PC/Mac)
- Grilla de 3 videos por fila
- Controles grandes y fáciles de usar
- Reproductor de video con todos los controles
- Navegación fluida entre páginas
Tablet
- Grilla de 2 videos por fila
- Controles adaptados al tamaño
- Reproductor optimizado para touch
- Scroll natural
Mobile (Teléfono)
- 1 video por fila (columna única)
- Controles grandes para dedos
- Reproductor en pantalla completa disponible
- Paginación simplificada
- Botones de acción más grandes
🚀 Mejoras Futuras Potenciales
Edición básica de videos:
- Recortar inicio/fin
- Rotar video
- Ajustar brillo
Descarga masiva:
- Seleccionar múltiples videos
- Descargar todos como ZIP
- Filtrar y descargar conjunto
Etiquetas y categorías:
- Etiquetar videos por momento
- Categorizar por tipo
- Buscar por etiquetas
Estadísticas de videos:
- Videos más vistos
- Videos con más likes
- Uploader más activo
Compartir individual:
- Generar link único por video
- Compartir video específico
- Control de privacidad por video
📝 Notas Técnicas (Solo para Referencia)
Almacenamiento
- Videos se guardan en Amazon S3
- Cada video tiene thumbnail automático
- Formato original preservado
Procesamiento
- Videos se pueden ver inmediatamente después de subir
- Sistema carga metadata primero (rápido)
- Video completo se carga on-demand
Paginación
- 20 videos por página
- Backend maneja paginación
- Frontend solo muestra página actual
✅ Checklist de Funcionalidades
- Selector visual de eventos con grilla
- Listado de videos con paginación (20 por página)
- Reproductor de video integrado
- Filtro por nombre de evento
- Filtro por rango de fechas (desde/hasta)
- Activación manual de filtros (botón "Buscar")
- Panel de filtros colapsable (checkbox)
- Ocultar video con un click
- Mostrar video con un click
- Descargar video original
- Eliminar video permanentemente
- Confirmación antes de eliminar
- Información del uploader
- Fecha y hora de subida
- Estado visual claro (VISIBLE/OCULTO)
- Paginación superior e inferior
- Mantener scroll al hacer acciones
- Responsive design (móvil, tablet, desktop)
- Loading states durante carga
- Sin moderación automática por IA (diferencia clave con fotos)
🎓 Resumen para NotebookLM
¿Qué es?
Panel de administración donde el organizador gestiona videos de sus eventos.
¿Para qué sirve?
Controlar qué videos son públicos, descargar backups, eliminar contenido inapropiado.
¿Cómo funciona?
- Seleccionas evento desde grilla visual
- Ves videos paginados (20 por página)
- Reproduces videos directamente
- Ocultas/muestras con un click
- Descargas o eliminas según necesites
Acciones principales:
- 👁️ Ocultar/Mostrar
- 💾 Descargar
- 🗑️ Eliminar
Ventajas clave:
- Reproductor integrado (no necesitas descargar)
- Control total sobre contenido
- Filtros por nombre y fechas para búsqueda rápida
- Activación manual de filtros (no automático)
- Paginación para mejor rendimiento
- Mantiene scroll al hacer acciones
- Interfaz clara y simple
Casos de uso:
- Revisar videos del evento
- Ocultar contenido inapropiado
- Descargar backups
- Limpiar duplicados
- Responder a reportes
Fecha de última actualización: Diciembre 2025