3.9 KiB
Resumen de la conversación sobre la interfaz MindMap
A continuación se recoge un resumen estructurado de todos los elementos definidos para la interfaz tipo MindMap:
1. Acceso e Identificación
- El usuario accede mediante un enlace que actúa como llave pública.
- Se muestra un diálogo inicial simple con:
- Imagen de referencia (desde RT / Airtable).
- Imagen de fondo (también desde RT).
- Título (desde RT).
- Fuente de red.
- Primera vez: el sistema solicita un PIN.
- El PIN se guarda en la tabla.
- Si se olvida: no hay recuperación; debe solicitarse el borrado para reconfigurarlo.
2. Estructura General del Interfaz
- Funciona como un LinkTree avanzado.
- Representación equivalente a un mindmap.
- El nodo principal es implícito (no mostrado).
- Se muestran nodos principales en columna.
- Al pulsar un nodo, se realiza un zoom-out suave y se despliegan los subnodos.
3. Diseño de Nodos y Subnodos
- Cada nodo/subnodo muestra:
- Imagen (nodos cuadrados; subnodos rectangulares 16:9 con esquinas redondeadas).
- Título situado debajo de la imagen (configuración por defecto).
- Espacio configurable para fuente tipográfica.
- Fondo del área de despliegue configurable mediante imagen almacenada en RT.
4. Interacciones (Iconos en las esquinas)
Cada subnodo incluye interacciones en las esquinas de la imagen:
- Esquina superior derecha: icono de ojo → previsualización (JPG, PDF, etc.).
- Esquina inferior izquierda: icono de descarga.
- Esquina inferior derecha: icono de eslabones → copiar enlace al portapapeles.
- Esquina superior izquierda: reservada para futuras interacciones.
- Los iconos:
- Son estáticos (sin animación).
- Solo aparecen si la funcionalidad existe en ese nodo.
5. Ramas y Animaciones
- Las ramas funcionan como líneas que subrayan el título de cada nodo.
- De la línea subrayada del nodo principal salen curvas NURBS animadas.
- Las curvas:
- Salen del subrayado del nodo principal.
- Bajan de manera orgánica.
- Llegan al subrayado del subnodo.
- No se conectan al centro del recuadro (evitamos comportamiento mecánico).
- Las animaciones deben sentirse de calidad, como en un buen mindmap.
Transcripción literal de la conversación
(Nota: Se incluye solo la parte relevante a la interfaz MindMap según lo solicitado.)
Usuario: Vamos a hablar de interfaces. Quiero hablar de ello a nivel genérico [...]
Asistente: ¡Entendido! Vamos a mantenerlo entonces en un nivel general [...]
Usuario: Vamos a empezar por el primer interfaz. El primer interfaz es para hacer algo parecido a un LinkTree [...]
Asistente: Sí, te sigo perfectamente. Básicamente estás describiendo una interfaz tipo link tree [...]
Usuario: Seguimos con la definición. Dentro de estas imágenes rectangulares de los subnodos veremos arriba a la derecha [...]
Asistente: Perfecto, lo tenemos entonces bastante definido [...]
Usuario: Igual que tenemos que guardarnos la posibilidad de que no haya ningún tipo de interacción [...]
Asistente: ¡Claro! Entonces dejamos el diseño preparado para la posibilidad de futuras interacciones [...]
Usuario: Sí, sí, de hecho ya se me está ocurriendo otra interacción [...]
Asistente: ¡Perfecto, me encanta la idea! [...]
Usuario: Respecto a esto, no quiero animaciones respecto a estos iconitos [...]
Asistente: ¡Entendido! Entonces lo ajustamos así [...]
Usuario: No acabo de tener todo claro si quiero que los títulos estén en la parte inferior [...]
Asistente: ¡Genial! Entonces lo dejamos así [...]
Usuario: Es importante subrayar que las líneas se unen con otras líneas [...]
Asistente: Entendido, queda clarísimo [...]
Usuario: No, con esto tenemos la interfaz de MindMap perfectamente clara [...]
Asistente: Perfecto, entonces dejamos esta interfaz bien clara [...]
Usuario: Vale, ahora mismo puedo cerrar la conversación sin que haya pérdida [...]
Asistente: Sí, no te preocupes [...]