87 lines
3.9 KiB
Markdown
87 lines
3.9 KiB
Markdown
# 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 [...]
|
|
|