Please enable JavaScript.

Coggle requires JavaScript to display documents.

ENGAGE HUB, Comportamiento de visualización de la nube, Roles,…

- - - - También debe permitir sumar puntos por participación, alimentando:
        
        Un ranking del juego Encuestas.
        
        Un ranking general de toda la plataforma (si se conectan varios juegos).
  - - - Enunciado en texto.
      - Opciones de respuesta en texto.
    - - Pregunta en texto o sin texto.
      - Imagen principal (PNG/JPG/SVG).
        
        Cargar imagen al S3 y generar lin
      - Opciones pueden ser:
        
        Texto
        
        Ícono
        
        Imágenes
    - - Puede tener autoplay y mute configurables.
      - Editar titulo en texto y opciones de respuesta
      - Embeber video Vimeo o también S3 un MP4?
    - - Reproducirse automáticamente, Botón de reproducir/pausa.
      - Opciones en texto, imagen o ícono.
      - Puede configurarse:
        
        Tiempo máximo de reproducción
        
        Si se permite o no repetir
      - Cargar MP3 al S3 y generar link
    - - Lista A (elementos): texto, imágenes, audio
      - Lista B (elementos): texto o imágenes.
      - El usuario debe unir cada par arrastrando o seleccionando.
  - - - Respuesta única
        
        Solo una respuesta es válida.
      - Múltiples respuestas
        
        Varias opciones pueden ser correctas.
        
        Debe marcarse visualmente cuando varias están seleccionadas.
      - Unir parejas
        
        Lógica especial: validar que cada unión coincida con la pareja correcta.
  - - - Activar/desactivar.
      - Configurar tiempo total o tiempo por pregunta.
      - Tiempo visible como:
        
        Barra regresiva
        
        Número en cuenta regresiva
    - - Elegible en el panel:
        
        Barra de progreso continua
        
        Número (Pregunta X de Y)
    - - Correcto = verde.
      - Incorrecto = rojo.
      - Para preguntas de unir parejas:
        
        Línea verde o roja temporal al unir.
    - - Orden fijo.
      - Aleatorio (shuffle).
    - - Avanzar automáticamente a la siguiente pregunta tras 1–3 segundos.
      - O requerir botón “Siguiente”.
  - - - Logo
        
        Subir logo principal del juego.
        
        Definir ubicación: arriba-centro, arriba-izquierda, arriba-derecha.
        
        O se sube logo y se ubica en partes determinadas
      - Colores
        
        Fondo general del juego.
        
        Colores del header.
        
        Color de botones.
        
        Color de selección (hover/active).
        
        Color de correcto/incorrecto.
        
        Color de progreso.
      - Tipografías
        
        Selección de fuentes Google Fonts.
        
        Tamaños y pesos de letra.
      - Fondos y recursos gráficos
        
        Fondo general.
        
        Fondo de cada pregunta (opcional).
        
        Fondos específicos por tipo de pregunta (opcional).
  - - - CRUD de trivias
        
        Crear nueva trivia.
        
        Editar.
        
        Clonar (para campañas similares).
        
        Eliminar/desactivar.
      - Editor de preguntas
        
        Para cada pregunta:
        
        Tipo (texto, imagen, video, audio, unir parejas).
        
        Cargar assets (imagen/video/audio).
        
        Agregar opciones.
        
        Marcar opciones correctas.
        
        Configurar tiempo por pregunta (si aplica).
        
        Configurar puntos.
        
        Configurar retroalimentación y modal (texto opcional).
      - Configuración general de la trivia
        
        Título.
        
        Subtítulo.
        
        Descripción.
        
        Número total de preguntas.
        
        Orden de aparición.
        
        Activar temporizador global o por pregunta.
        
        Método de progreso.
      - Configuración de resultados
        
        Mostrar puntaje final.
        
        Mostrar tiempo total.
        
        Mostrar número de aciertos.
        
        Mostrar mensaje personalizado de finalización.
  - - - Datos generales
        
        Número de partidas iniciadas.
        
        Número de partidas completadas.
        
        Tiempo promedio por trivia.
        
        Preguntas con mayor tasa de fallo.
        
        Tipo de pregunta más usado.
      - Ranking (si aplica)
        
        Usuario / puntaje.
        
        Aciertos.
        
        Tiempo.
      - Exportables
        
        CSV / XLS de participación.
        
        Detalle por pregunta.
- - - - Las palabras más repetidas se muestran más grandes.
      - Cada palabra tiene un color asignado según la marca.
      - Se normalizan variaciones como mayúsculas/minúsculas y tildes.
      - El resultado es visible en: Pantallas grandes (modo proyector / desktop). Móviles (vista individual del usuario).
      - Debe existir un descargable con resultados y estadísticas.
      - También debe permitir sumar puntos por participación, alimentando:
        
        Un ranking del juego Encuestas.
        
        Un ranking general de toda la plataforma (si se conectan varios juegos).
- - - - Parametrizables desde panel:
        
        Gráfica de barras
        
        Gráfico de torta / pie chart
        
        Gráfica horizontal (opcional)
    - - La gráfica se actualiza en tiempo real con cada nuevo voto.
      - Se muestra:
        
        Porcentaje por opción
        
        Número de votos
        
        Total de participantes
      - Debe mostrar animaciones suaves al actualizar.
    - - Después de enviar la respuesta:
        
        Se muestra la gráfica del resultado.
        
        Optimizada para pantallas pequeñas.
        
        Sin elementos que se desborden.
        
        Con porcentajes legibles.
    - - Vista limpia para proyectar en escenario.
      - Gráficas más grandes.
      - Placeholder para logo del cliente.
      - Modo "pantalla completa" sin UI innecesaria.
  - - - Colores
        
        Paleta para barras del gráfico.
        
        Color por opción específica (si se desea forzar).
        
        Color de fondo.
        
        Color del texto.
        
        Colores de estados (resaltado, selección, hover).
      - Logo
        
        Cargar logo de cliente.
        
        Definir posición:
        
        Arriba izquierda, arriba derecha, centro o debajo de la gráfica.
      - Tipografía
        
        Seleccionar fuente (Google Fonts).
        
        Configurar pesos y tamaños base.
      - Estilos de gráficos
        
        Barras redondeadas o cuadradas.
        
        Animación de entrada.
        
        Estilos de etiquetas:
        
        Porcentaje
        
        Número absoluto
        
        Ambos
  - - - El panel define:
        
        Puntos por responder una encuesta.
        
        Puntos por responder cada pregunta.
        
        Bonus (opcional) por responder rápido.
    - - Debe registrar:
        
        Usuario
        
        Puntos acumulados
        
        Tiempo de respuesta (si aplica)
        
        Posición
    - - Debe sumar puntos de otros juegos:
        
        Trivias
        
        Concéntrese
        
        Nube de palabras
        
        Otros juegos futuros del Engage Hub
      - Cada juego alimenta el ranking global mediante un API centralizado.
  - - - Título de la encuesta.
      - Descripción o instrucciones.
      - Número de preguntas.
      - Orden fijo o aleatorio.
      - Requerir o no iniciar sesión.
      - Activar tiempo límite por pregunta (opcional).
    - - Para cada pregunta:
        
        Tipo (única, múltiple, sí/no, campo abierto).
        
        Texto de la pregunta.
        
        Opciones de respuesta.
        
        Marcar si tendrá puntos.
        
        Elegir el tipo de gráfico para visualizar resultados.
        
        Activar moderación para campo abierto.
        
        Límite de caracteres (si aplica).
    - - Permitir votar solo una vez por usuario.
      - Permitir múltiples votaciones por usuario.
      - Activar geolocalización/IP restrictions para evitar spam.
    - - Previsualizar la encuesta.
      - Previsualizar resultados.
  - - - XLS/CSV con:
        
        ID del usuario
        
        Pregunta
        
        Respuesta seleccionada
        
        Timestamp
        
        Puntos asignados
        
        Origen (mobile/desktop)
    - - Exportar gráfico como PNG/JPG.
      - Exportar resultados crudos.
    - - Gráfico + tabla + resumen en PDF (opcional).
  - - - También debe permitir sumar puntos por participación, alimentando:
        
        Un ranking del juego Encuestas.
        
        Un ranking general de toda la plataforma (si se conectan varios juegos).
  - - - Respuesta única
        
        Pregunta con varias opciones.
        
        El usuario solo puede elegir una.
      - Respuesta múltiple
        
        Varias opciones posibles.
        
        Se puede parametrizar si la pregunta admite 2, 3 o “todas las correctas”.
      - Pregunta Sí / No
        
        Opción binaria.
        
        Render minimalista para respuestas rápidas.
      - Campo abierto
        
        Usuario escribe texto libre.
        
        Puede tener límite de caracteres.
        
        Puede activarse filtro de moderación.
        
        IMPORTANTE: :warning:
        
        Se debe decidir si:
        
        Se incluyen en el gráfico
        
        O se almacenan solo como texto sin visualización gráfica.
  - - - Debe manejar:
        
        Configuración de encuestas.
        
        Registro de respuestas.
        
        Actualización inmediata de estadísticas.
      - Endpoints
        
        POST registrar respuesta.
        
        GET obtener estado actualizado de resultados.
        
        GET obtener configuración visual.
        
        GET ranking.
    - - En preguntas de campo abierto:
        
        Unificar mayúsculas/minúsculas.
        
        Quitar tildes para comparación.
        
        Mantener versión escrita en BD, pero normalizar para agrupación.
    - - Evitar respuestas duplicadas.
      - Validar tokens de sesión.
      - Protección contra flood/spam.
  - - - Enviar respuesta rápido.
      - Mostrar gráfica compacta.
      - Evitar barras o labels cortadas.
    - - Visual centrada.
      - Gráficas con grandes proporciones.
      - Animaciones visibles desde lejos.
      - Botón de “modo presentación”.
- - - - Logo de la marca (si aplica).
      - Imagen de la ruleta.
      - Texto o instrucción.
      - Botón “Girar”.
    - - Animación de giro con aceleración y desaceleración.
      - Se debe controlar:
        
        Duración del giro (segundos).
        
        Ángulo final según premio asignado.
    - - Mostrar modal de premio:
        
        Título: “¡Ganaste!”
        
        Imagen opcional del premio.
        
        Descripción del premio.
    - - Si el modo “Premio condicionado a Trivia” está activado:
        
        Luego del resultado, sale una trivia rápida.
        
        Si responde bien → confirma premio.
        
        Si responde mal → premio perdido o premio alternativo (configurable).
    - - Guardar el premio obtenido por el usuario.
      - Mostrar mensaje final.
      - Enviar puntos al ranking del juego / ranking general.
  - - - Imagen de ruleta
        
        Subida de imagen completa (PNG/JPG/SVG).
        
        O cargar cada segmento por separado (opcional futuro).
        
        Indicar desde el panel cuántos segmentos tiene la ruleta.
      - Colores del juego
        
        Color del fondo.
        
        Color del botón de “Girar”.
        
        Colores del modal de premio.
        
        Fuente y colores de texto.
      - Logo
        
        Posición: arriba, centro o abajo.
        
        Tamaño ajustable.
      - Tipografías
        
        Tipo de fuente.
        
        Tamaños.
      - Sonidos
        
        Sonido al girar.
        
        Sonido al ganar.
        
        Sonido al fallar trivia (si aplica).
  - - - El panel debe permitir:
        
        Crear premios ilimitados.
        
        Subir imagen por premio.
        
        Nombre del premio.
        
        Descripción.
        
        Probabilidad del premio (peso).
        
        Cupo máximo de premios (límite disponible).
        
        Premio alternativo si se activa la trivia.
    - - Definir peso por premio.
      - Sistema de aleatoriedad debe respetar probabilidades.
      - Evitar que aparezcan premios “agotados”.
    - - Permitir configurar cuántas unidades se pueden entregar.
      - Una vez agotado, ese premio ya no debe ser considerado por la ruleta.
  - - - Título del juego.
      - Subtítulo o instrucciones.
      - Seleccionar si requiere login del usuario o no.
      - Definir si el usuario puede jugar:
        
        Solo una vez.
        
        Una vez al día.
        
        Varias veces.
    - - Duración del giro (en segundos).
      - Velocidad inicial.
      - Curva de desaceleración.
      - Ángulo exacto de cada premio.
      - Si se usa ruleta personalizada o plantilla del sistema.
    - - Activar/desactivar trivia condicionada.
      - Elegir:
        
        Una sola pregunta por premio.
        
        Una pregunta general para todos.
      - Tipos de trivia igual que en “Trivias”:
        
        Respuesta única
        
        Respuesta múltiple
        
        Sí/No
        
        Imagen
        
        Audio/video (opcional)
      - Configurar:
        
        Texto de correcta/incorrecta.
        
        Modal de premio condicionado.
  - - - Ruleta centrada.
      - Botón grande y accesible.
      - Modal legible.
    - - Modo “pantalla completa”.
      - Animaciones fluidas.
      - Visual amplio de premios.
    - - Ruleta nunca se debe cortar.
      - Ajuste automático en orientación portrait/landscape.
  - - - Desde el panel se debe poder configurar:
        
        Puntos por jugar.
        
        Puntos por ganar un premio.
        
        Puntos por trivia correcta.
        
        Bonus por rapidez (opcional).
    - - Debe registrar
        
        Usuario
        
        Premio ganado
        
        Puntos obtenidos
        
        Timestamp
    - - La ruleta debe enviar puntos al ranking global (Si aplica)
  - - - CSV/XLS
        
        Usuario
        
        Premio ganado
        
        Probabilidad
        
        Fecha/hora
        
        Trivia (correcta/incorrecta)
        
        Puntos asignados
        
        Estado del inventario
    - - Premios disponibles.
      - Premios entregados.
      - Premios agotados.
    - - Gráfica de premios entregados.
      - Lista de ganadores.
      - Resumen de participación.
  - - - Endpoints:
        
        GET configuración del juego.
        
        GET premios.
        
        GET probabilidades y segmento angular.
        
        POST registrar giro.
        
        POST registrar trivia.
        
        POST registrar puntos.
      - Reglas del backend:
        
        Validar que el premio asignado aún esté disponible.
        
        Bloquear acceso si inventario = 0.
        
        Evitar manipulaciones del cliente (no se debe confiar en el ángulo del frontend).
        
        Manejar lógica de aleatoriedad en backend.
    - - Animación del giro basada en el ángulo enviado por el backend.
      - Modal de ganancia.
      - Soporte para trivia inmediata.
      - Uso de assets personalizados de la ruleta.
      - Adaptación responsiva.
    - - Token por usuario para evitar repetición no autorizada.
      - Evitar manipulación de la animación para cambiar premio.
      - Validar límites de intentos.
- - - - Si la imagen coincide con la primera → se considera pareja, ambas quedan reveladas y ya no se pueden tocar.
      - Si no coincide → se muestran por ~1 segundo y luego ambas tarjetas se giran nuevamente para quedar ocultas.
  - - - Configuración del tablero
        
        Número de tarjetas (pares): 6, 8, 10, 12, 15, etc.
        
        Distribución de la rejilla (3x4, 4x4, 4x5, etc.).
        
        Tiempo máximo (si aplica).
        
        Número de intentos permitidos (opcional).
        
        Activar/desactivar temporizador.
        
        Velocidad de animación del giro.
      - Imágenes del juego
        
        El admin debe poder
        
        Cargar imágenes personalizadas (pares).
        
        Subir pack completo de imágenes en lote.
        
        Elegir si las imágenes se mezclan aleatoriamente o en orden.
        
        Cambiar la imagen del dorso de las tarjetas (branding).
      - Textos y contenido
        
        Título del juego.
        
        Mensajes de instrucciones.
        
        Mensajes de “acierto”, “error” y “felicitaciones”.
        
        Texto final cuando el jugador termina.
    - - El panel debe permitir:
        
        Identidad de marca
        
        Logo principal (PNG/SVG).
        
        Logo alterno (si se usa en footer o header).
        
        Colores principales del juego (primario, secundario, fondo, botones).
        
        Tipografía (seleccionar entre varias o cargar fuentes —si se permite).
        
        Imagen de fondo del tablero (subida o selector).
        
        Versiones para diferentes clientes
        
        Debe ser posible crear múltiples “instancias” del juego, cada una con su propia configuración, sin afectar a las demás.
    - - El desarrollador debe contemplar:
        
        Comportamientos variables
        
        Tiempo que las cartas permanecen abiertas antes de voltearse.
        
        Efectos de animación personalizables (intensidad/duración).
        
        Nivel de dificultad
        
        Seleccionar dificultad → cambia el número de parejas.
        Elegir si las tarjetas se mezclan automáticamente al iniciar.
    - - El panel puede guardar estadísticas por sesión o jugador:
        
        Tiempo total jugado.
        
        Número de intentos.
        
        Parejas encontradas.
        
        Porcentaje de avance.
        
        Ranking si la plataforma lo requiere (para dinámicas competitivas).
    - - El juego debe estar preparado para:
        
        Recibir configuración vía API o JSON desde el panel.
        
        Guardar resultados en la base de datos central.
        
        Usar un ID de juego/instancia para cargar la configuración correspondiente.
        
        Funcionar como un módulo embebible (iframe, widget, standalone, etc.)
    - - Se debe considerar
        
        Separación entre motor del juego y configuración dinámica.
        
        Uso de un archivo JSON o endpoint para cargar todas las variables.
        
        Sistema de assets dinámicos (logos, imágenes, sonidos).
        
        Caché limpio para no conservar branding anterior entre instancias.
        
        Optimización para web y móvil (responsive).
    - - Roles
        
        Rol “admin”: puede crear, editar y eliminar configuraciones.
        
        Rol “cliente”: solo puede ver o modificar su propia instancia del juego.
        
        Opciones de duplicar una configuración ya existente (ahorra tiempo).
    - - CRUD campañas
        
        Crear nueva campaña.
        
        Duplicar campaña existente.
        
        Editar parámetros.
        
        Eliminar o desactivar campaña.
      - Gestor de assets
        
        Subir imágenes delantera/reverso.
        
        Subir logos.
        
        Subir fondos.
        
        Subir sonidos.
      - Vista previa (preview)
        
        Previsualización del juego antes de publicar.
        
        Simulación de tamaño desktop / tablet / móvil.
  - - - También debe permitir sumar puntos por participación, alimentando:
        
        Un ranking del juego Encuestas.
        
        Un ranking general de toda la plataforma (si se conectan varios juegos).
- - - - Mostrar la imagen completa durante X segundos (configurable).
      - Contador regresivo visible o no (configurable).
    - - La imagen desaparece.
      - Se presentan las piezas desordenadas.
      - Inicia el temporizador global.
    - - El jugador toma una pieza → arrastra → suelta en el tablero hacia la posición correcta.
        
        El jugador toma una pieza → arrastra → suelta en el tablero.
        
        Cuando una pieza entra en su zona correcta, puede:
      - Cuando una pieza se ubica correctamente:
        
        Se “ancla”.
        
        No vuelve a moverse.
        
        Actualiza el conteo de piezas correctas.
      - Cuando una pieza entra en su zona correcta, puede:
        
        Encajar automáticamente (modo Snap).
        
        O requerir precisión exacta (modo Precisión)
    - - Puede terminar por:
        
        Tiempo completado.
        
        Usuario arma todas las piezas.
        
        Usuario abandona.
    - - Mostrar:
        
        Piezas correctas.
        
        Tiempo restante.
        
        Puntos obtenidos.
        
        Imagen completa como confirmación.
  - - - El panel debe permitir:
        
        Subir una sola imagen base (PNG/JPG).
        
        El sistema divide automáticamente la imagen en piezas según configuración.
        
        ✔️ Recomendación técnica (lo ideal)
        
        El usuario solo debe subir UNA imagen, y el sistema genera las piezas automáticamente.
        
        Por qué
        
        Evita errores manuales.
        
        Mantiene tamaño y proporción exactos.
        
        Permite cambiar dificultad sin subir nuevas imágenes.
        
        Mantiene consistencia visual.
        
        ✔️ Alternativa opcional (si se quiere más control)
        
        El panel permita subir piezas manualmente.
        Solo recomendable para rompecabezas “creativos” o de formas irregulares.
        (No es necesario en un MVP y agrega mucha complejidad.)
    - - El panel debe permitir seleccionar la cantidad de piezas:
        
        Fácil: 3x3, 4x4 (9 o 16 piezas)
        
        Intermedio: 5x5, 6x6
        
        Difícil: 8x8, 10x10
        
        Personalizado: X por X
      - Cada nivel decide:
        
        Número de piezas.
        
        Tamaño individual de piezas.
        
        Tiempo máximo por nivel.
    - - El panel permite configurar:
        
        Tiempo de memorización (3 / 5 / 10 segundos o manual).
        
        Tiempo límite para resolver.
        
        Penalización por fallos (si aplica).
    - - Debe poder configurarse:
        
        Puntos por cada pieza colocada correctamente.
        
        Puntos por completar el rompecabezas.
        
        Bonus por completarlo antes de tiempo.
        
        Penalización por piezas mal ubicadas (opcional).
      - Los puntos deben sumar al:
        
        Ranking del juego Rompecabezas
        
        Ranking general del Engage Hub
    - - El cliente debe poder configurar:
        
        Fondo del tablero.
        
        Imagen guía (mostrar miniatura opcional).
        
        Si se permite “snap” magnético o el usuario debe ser exacto al posicionar.
        
        Si mostrar borde guía o no.
  - - - El sistema mide:
        
        Tiempo.
        
        Cantidad de piezas colocadas correctamente.
        
        Completitud.
        
        Puntos otorgados.
        
        Nivel de dificultad
  - - - Logo del cliente.
      - Colores
        
        Fondo
        
        Contadores
        
        Bordes de piezas
        
        Temporizador
      - Tipografía
      - Sonidos
        
        Pieza colocada correctamente.
        
        Pieza incorrecta.
        
        Tiempo finalizado.
  - - - Piezas más grandes.
      - Tablero optimizado para vertical.
      - Evitar desbordes.
      - Ajustes automáticos según tamaño real de pantalla.
    - - Vista con tablero más amplio.
      - Panel lateral (opcional).
    - - Modo pantalla completa perfecto para eventos.
      - Animaciones suaves al colocar piezas.
  - - - División de la imagen
        
        Dividir en X columnas × X filas.
        
        Crear canvas o layers para cada pieza.
        
        Mantener proporción del recorte.
      - Desorden aleatorio
        
        Mezcla aleatoria de piezas sin repetir posiciones.
        
        Ajustar a grilla responsiva.
      - Validación de posición
        
        Dos modos:
        
        Modo exacto (más preciso): La pieza debe encajar exactamente en su coordenada.
        
        Modo “snap to grid” (más amigable): Si está cerca del área correcta → se acomoda sola.
      - Contador de piezas correctas
        
        Cada pieza válida suma.
        
        Si el usuario intenta mover una pieza ya fijada, no debe moverse.
      - Finalización automática
        
        Si todas las piezas están correctamente posicionadas.
        
        Debe detener el temporizador.
  - - - CSV con:
        
        Usuario
        
        Nivel de dificultad
        
        Tiempo usado
        
        Piezas correctas
        
        Si lo terminó o no
        
        Puntos obtenidos
    - - El panel debe mostrar:
        
        Promedio de piezas armadas.
        
        Porcentaje de completitud por nivel.
        
        Ranking de participantes.
  - - - Generación de piezas.
      - Guardar progreso del usuario (si se desea).
      - Registrar puntuación final.
      - Registrar tiempos.
    - - GET configuración del juego.
      - GET pieza generada (si se usa slicing por backend).
      - POST guardar resultado.
      - POST asignar puntos.
      - GET ranking.
    - - Validar que el usuario no cambie programación del tiempo.
      - Validar intentos permitidos.
  - - - Crear un nuevo rompecabezas.
      - Subir imagen original.
      - Elegir dificultad (número piezas).
      - Configuración de tiempo.
      - Configurar colores.
      - Configurar puntos.
      - Activar/desactivar guía o miniatura.
      - Previsualización del juego completo.
    - - SuperAdmin
      - Cliente
      - Editor
      - Viewer
  - - - Móviles (touch)
      - Tablet
      - Desktop (mouse)
    - - Arrastre con precisión
        
        El usuario debe poder:
        
        Tocar una pieza.
        
        Mantener presionado (touch) o hacer clic (mouse).
        
        Arrastrarla suavemente.
        
        Soltarla en el tablero.
      - Movimiento fluido
        
        El arrastre debe ser:
        
        Sin lag.
        
        Con animación de elevación (opcional).
        
        Independiente de FPS del dispositivo.
        
        Compatible con multitouch (si varios usuarios en un dispositivo compartido).
    - - Modo “Snap to Grid” (recomendado)
        
        Cuando la pieza esté cerca de su posición correcta:
        
        La pieza se acomoda automáticamente.
        
        Se marca como fija.
        
        Se suma al contador de piezas correctas.
      - Modo Precisión (opcional según dificultad)
        
        El usuario debe ubicar la pieza exactamente en su lugar.
        
        Útil para niveles más difíciles.
        
        El panel deberá permitir activar/desactivar este modo.
    - - Una vez la pieza está correctamente ubicada:
        
        No debe poder moverse.
        
        Puede resaltarse con un pequeño “snap” visual o sonido
    - - Móviles:
        
        Las piezas deben arrastrarse con el dedo.
        
        No deben desbordarse de la zona del tablero.
        
        Zoom automático si hay muchas piezas (opcional).
      - Desktop
        
        Usar click + drag natural.
        
        Animación de agarre opcional (“levanta la pieza”).
      - Tablets
        
        Debe funcionar igual que móvil pero con mayor área disponible.
    - - Mientras el usuario arrastra una pieza:
        
        Esa pieza debe ir siempre “arriba” de las demás.
        
        Evitar superposición visual incorrecta.
    - - El desarrollador debe crear dos áreas:
        
        Área de piezas desordenadas
        
        Puede ser una cuadrícula o espacio libre.
        
        Las piezas pueden colocarse allí temporalmente.
        
        Área del tablero
        
        Grilla exacta donde las piezas deben encajar.
        
        Cada celda corresponde a un fragmento de la imagen.
    - - El sistema debe comparar:
        
        Posición actual vs. posición objetivo
        
        Número de pieza vs. índice correcto
        
        Coordenadas dentro de tolerancia (si snap está activo)
    - - Opcional pero recomendado:
        
        Sonido suave cuando el usuario toma una pieza.
        
        Sonido de “clic” cuando encaja correctamente.
        
        Brillo o borde temporal cuando se coloca bien.
- - - - Clasificación general de participantes
      - Puntos obtenidos por juego
      - Posición global
      - Estadísticas de progreso
      - Opcional: ranking por equipos o grupos
      - 3 primeros destacados
      - Cantidad tiempo (si aplica)
      - El cliente podrá configurar cómo se calcula, visualiza y personaliza
  - - - Trivias
      - Concéntrese
      - Encuestas
      - Ruletas
      - Rompecabezas
      - Nube de Palabras
      - (y futuros juegos que se agreguen)
    - - ID de usuario
      - Juego
      - Puntos ganados
      - Timestamp
  - - - Opción para que ciertos clientes:
        
        Usen solo rankings por juego
        
        Usen ranking global
        
        Uso de ranking por rondas
        
        Limpiar ranking
    - - El panel debe permitir:
        
        Definir cuántos puntos aporta cada juego al ranking general.
        
        Asignar ponderaciones por juego:
        
        Ej.: Trivias = 30%, Ruletas = 10%, etc.
        
        Activar/desactivar juegos que suman puntos.
        
        Multiplicadores por:
        
        Día del evento
        
        Racha de participación
        
        Completar todos los juegos
        
        Bonus configurables:
        
        Primeros en terminar
        
        Competencias semanales
        
        Bonus por completar todas las preguntas
    - - El cliente debe poder:
        
        Resetear el ranking (inicio de nueva etapa/evento)
        
        Activar “temporadas”:
        
        Ranking por día
        
        Ranking por semana
        
        Ranking por evento específico
        
        Ver historial de temporadas anteriores
  - - - Logo
      - Colores de fondo
      - Colores de los puestos (oro, plata, bronce)
      - Tipografías
      - Banner o fondo del ranking
      - Estilo de tarjetas de usuarios
      - Mostrar u ocultar avatar del usuario (si existe)
  - - - Posición (1, 2, 3, etc.)
      - Nombre del participante
      - Foto/avatar (si aplica)
      - Puntos totales acumulados
      - Puntos por cada juego (opcional desplegable)
      - Medallas o insignias desbloqueadas (si las usas)
      - Progreso visual (barra de puntos, porcentaje, etc.)
    - - Posición actual
      - Puntos totales
      - Puntos obtenidos por juego
      - Historial de participación
      - Logros y medallas
  - - - Lista compacta
      - Botones laterales para scroll
      - Mostrar solo puntos y puesto
    - - Modo “pantalla completa”
      - Mostrar top 10 o top 20
      - Animaciones para cambios en la tabla
  - - - Ranking por equipos / departamentos / regiones
      - Ranking solo para ciertos juegos
      - Ranking por fecha o jornada
      - Ranking de:
        
        Top 10
        
        Top 20
        
        Últimos lugares (para dinámicas internas)
      - Ranking exclusivo para VIP o grupos filtrados
  - - - Debe almacenar:
        
        user_id
        
        total_points
        
        breakdown_points (JSON por juego)
        
        updated_at
    - - GET ranking general
      - GET puntos por usuario
      - GET top X posiciones
      - POST agregar puntos desde cualquier juego
      - POST resetear ranking / temporada
      - GET configuración general del ranking
    - - Cada vez que llegan puntos:
        
        Se suman al total
        
        Se recomputa la posición
        
        Se actualiza la tabla
  - - - Usuario
      - Puntos totales
      - Puntos por cada juego
      - Posición
      - Fecha de registro
      - Datos adicionales personalizados (empresa, equipo, área, etc.)
    - - Ranking visual
      - Top 10
      - Estadísticas resumen
- - - - La primera escrita correctamente
      - O configuraciones del panel (si se desea fijar lista aprobada).
- - - - Aleatorio dentro de la paleta.
      - Secuencial (palabra nueva → siguiente color).
  - - - Aleatoria.
      - Circular.
      - Horizontal.
      - Forma personalizada (si se requiere futuro upgrade).