Anatomía de la Interfaz

Anatomía de la Interfaz

1. Anatomía de la Interfaz (El Mapa Visual) 🗺️

"Antes de tocar la primera nota, conoce tu espacio de trabajo. Cada elemento de la pantalla tiene un propósito musical, no decorativo."

AulaChord no es un editor de partituras tradicional. Es un laboratorio de armonía en tiempo real donde la información fluye desde tus manos hasta el análisis teórico sin interrumpir tu creatividad. La interfaz está dividida en zonas estratégicas que trabajan juntas como un ecosistema musical.

Vamos a recorrer este mapa visual paso a paso.


1.1 Controles Principales: Barra Superior y Zona Central

[PLACEHOLDER: IMAGEN PANORÁMICA]

Puesto de mando: Configuración del contexto tonal y modo de inserción.


Aquí configuras qué información quieres procesar y cómo. Aunque algunos selectores están en la barra superior, los controles operativos más importantes se ubican en la zona central, justo entre el pentagrama y los paneles inferiores de instrumentos:

Botón de Captura (ON/OFF)

El indicador visual de estado (Atajo: Ctrl (⌘)/Cmd (⌘) + K). Si está en ON (Verde), las notas que tocas se registran en AulaChord. Si está en OFF (Rojo), activas el Modo Monitor: escuchas el sonido pero no se registra en la partitura. Útil cuando solo quieres probar ideas sin alterar la zona de trabajo y sin compromiso de análisis.

Selectores de Instrumento (Iconos Piano/Guitarra)

Dos botones que despliegan paneles completos de trabajo, no simples visualizadores:

  • 🎹 Piano (Ctrl (⌘)/Cmd (⌘)+1): Un teclado de 88 teclas con distribución automática entre claves de Sol y Fa, código de colores pedagógico que revela errores armónicos en tiempo real, y asistente de digitación didáctico para mano derecha y mano izquierda que se activa con el clic derecho.

  • 🎸 Guitarra (Ctrl (⌘)/Cmd (⌘)+2): Un diapasón interactivo con generador de posiciones basado en el sistema CAGED, exploración de inversiones, modo construcción para diseñar acordes nota a nota, asistente de digitación didáctico para mano derecha y guías diatónicas que mapean toda la escala sobre el mástil.

Ambos paneles están sincronizados bidireccionalmente para graficar lo seleccionado en el pentagrama.

Armadura de Clave

La armadura de clave establece el contexto tonal de tu pieza (ej. 1 sostenido = Sol Mayor o Mi menor). Se modifica mediante:

  • Atajos de teclado: Ctrl (⌘)/Cmd (⌘)+→ añade un sostenido, Ctrl (⌘)/Cmd (⌘)+← añade un bemol, Ctrl (⌘)/Cmd (⌘)+D resetea la armadura
  • Menú Configuración: Opciones "Añadir Sostenido", "Añadir Bemol" y "Resetear Armadura"

Selector de Duración

La duración de las notas que vas a insertar se controla mediante:

  • Atajos de teclado: 5 (negra), 6 (blanca), 7 (redonda)
  • Puntillo: Tecla . (punto) para activar/desactivar el puntillo
  • Menús: También disponible en los menús de la aplicación

Piensa en esto como el "pincel" que eliges antes de pintar.

Modo de Conducción de Voces

Un menú desplegable para elegir entre SATB Estricto (máxima vigilancia académica), Teclado Estricto (balance entre rigor y libertad), o Modo Libre (permiso de paralelismos para jazz/neo-soul).

Contexto Armónico

AulaChord tiene el poder de análisis para trabajar en modo Auto/Tonal (identificando inteligentemente relaciones Mayor/Menor según la progresión), pero también tienes el poder de forzar el contexto a uno de los 6 modos griegos complementarios (Dórico, Frigio, Lidio, Mixolidio, Eólico, Locrio). El Contexto que elijas modifica radicalmente el análisis de los números romanos.

Selectores MIDI

Listas desplegables para elegir de dónde viene la señal (Input) y por dónde suena (Output). El sistema detecta automáticamente los dispositivos disponibles. Esta salida es compatible con los dispositivos MIDI de tu computadora o los que tengas conectados.


1.2 El Espacio de Trabajo (Workspace)

[PLACEHOLDER: IMAGEN DESTACADA]

El Pentagrama Dinámico: Visualización gramatical de la armonía en tiempo real.


El centro de la aplicación, donde tus ideas cobran forma visual:

El Pentagrama Dinámico (Grand Staff)

Es un espacio que reacciona a tus manos en milisegundos. Visualiza simultáneamente la clave de Sol (mano derecha) y la clave de Fa (mano izquierda). El sistema distribuye automáticamente tus notas de la forma más legible posible para un músico. Tiene incorporado un sistema de saltos de pentagrama que se van agregando a medida que te vas extendiendo pero también puedes generar el salto a voluntad y puedes navegar a través de ellos

Cifrado Americano Flotante

Nombres como Cmaj7 o Am7 que identifican el "evento" armónico. La posición del cifrado (arriba, abajo o ninguno) se alterna con la tecla , (coma). Estos son los "Nombres Dorados" del sistema: consistentes en todo el software.

Cifrado Romano Flotante

La lógica funcional (I, IV, V, etc.) que te explica por qué ese acorde funciona en relación con la tonalidad. La tecla , (coma) alterna entre las diferentes opciones de visualización, incluyendo mostrar u ocultar el cifrado romano.

El Splitter Vertical

La línea divisoria que separa el pentagrama de los instrumentos inferiores. Pasa el ratón sobre ella y arrástrala: puedes dar más espacio al pentagrama para leer mejor o al piano para ver mejor las teclas.


1.3 El Panel Inferior: Toca con lo que Tengas a Mano

Tu interfaz de entrada visual. Cambia según lo que necesites ver en cada momento de la composición.

Zona de Piano Virtual

[PLACEHOLDER: IMAGEN]

Piano didáctico: Código de colores que enseña la estructura armónica mientras tocas.


Un teclado de 88 notas totalmente interactivo:

Código de Colores Pedagógico

Los colores no son estética, son enseñanza instantánea. Basados en las normas clásicas de conducción de voces y los principios de armonía moderna:

  • 🔵 Azul: Nota seleccionada para modificar su altura o posición enarmónica
  • 🟡 Amarillo/Naranja: Idetnifica el último evento ingresado y en el analisis de voicing identiifica alertas que son opcionales de atender como una sensible sin resolución o un "overlaping" trasspaso de registro.
  • 🔴 Rojo: Infracciones armónicas (quintas paralelas, duplicaciones prohibidas, cruces de voces)

Estos colores son consistentes en toda la aplicación: piano, guitarra y pentagrama.

Modo de Digitación

¿Quieres practicar posiciones de mano o crear material pedagógico? Seleccionas un acorde en el pentagrama y verás reflejadas esas teclas en el piano. Para enseñar la digitación sugerida, primero debes activar el Modo Digitación con el botón ubicado en la cabecera del piano. Una vez activo, dispones del clic derecho sobre las teclas para asignar y alternar la numeración de los dedos recomendados para la mano derecha y la izquierda.


Zona de Diapasón de Guitarra

[PLACEHOLDER: IMAGEN]

Diapasón interactivo: Lógica de 6 cuerdas que entiende la ergonomía de tu mano.


Un mástil que entiende la ergonomía de la mano. Muestra exactamente dónde estás pisando y te ayuda a "graficar" posiciones complejas:

  • Botón Construir Acorde: Para el modo manual de diseño de voicings
  • Flecha hacia Arriba (Commit): Para enviar tu diseño al pentagrama
  • Botón Guías: Muestra u oculta los nombres de las notas diatónicas según la tonalidad configurada en el pentagrama (ej. si estás en Do Mayor, verás do, re, mi, fa, sol, la, si sobre el diapasón)

[!NOTE]
Nota del Mentor: El diapasón no solo muestra notas, enseña la ergonomía de tu instrumento. Cada posición sugerida respeta las limitaciones reales de la mano humana en el mástil.


1.4 Los Paneles Flotantes: Tus Colegas Silenciosos

[PLACEHOLDER: IMAGEN]

El Tutor y el Analista: Tus colegas silenciosos que validan y sugieren caminos creativos.


Herramientas avanzadas que aportan una capa de inteligencia extra cuando la necesitas. Estos paneles son flotantes: puedes moverlos, redimensionarlos y colocarlos donde prefieras en tu espacio de trabajo.

Panel de Análisis Armónico (Ctrl (⌘)/Cmd (⌘)+3)

Una ventana flotante que muestra todos los acordes de tu progresión en bloques visuales. Cada bloque contiene:

  • Cifrado Americano (Cmaj7, Dm7, etc.)
  • Cifrado Romano (Imaj7, iim7, etc.)
  • Contexto didáctico (si importaste información de IA o hay notas de uso)

Puedes hacer clic en cualquier bloque para seleccionar ese acorde en el pentagrama. Ideal para tener una visión panorámica de toda tu progresión.

Panel del Tutor (Ctrl (⌘)/Cmd (⌘)+T)

Una ventana flotante que actúa como tu colega silencioso. No solo te avisará de errores de conducción (quintas paralelas, movimientos prohibidos), sino que también te ofrece Sugerencias Creativas: caminos armónicos alternativos que enlazan mejor con tu siguiente acorde.

Ventana del Intérprete (M)

El modo de proyección en vivo de AulaChord. Al pulsar M, la interfaz se limpia completamente, y solo queda la música en un tamaño gigante, optimizado para que sea legible a distancia. Esta es la funcionalidad prometida en la landing page como "Modo Vista en Vivo", diseñada específicamente para:

  • Clases online: Pantalla compartida perfectamente legible para tus estudiantes
  • Presentaciones en vivo: Proyectar tu análisis armónico en tiempo real durante conciertos o talleres
  • Lectura a distancia: Leer cómodamente desde lejos del monitor mientras tocas

El pentagrama y los cifrados se muestran con tipografía aumentada para máxima claridad visual.

AI Assistant (Ctrl (⌘)/Cmd (⌘)+Shift+A)

[PLACEHOLDER: IMAGEN]

Diálogo del AI Assistant: Prompt musical listo para ser enviado a Gemini o Claude, demostrando tecnología que no estorba.


Tu puente con inteligencias artificiales externas (ChatGPT, Gemini, Claude). Genera prompts profesionales con el contexto musical de tu pentagrama, listos para copiar y pegar en tu IA favorita. La IA es tu consultor externo, no tu jefe interno.

Captura de Pentagrama (Ctrl (⌘)/Cmd (⌘)+Shift+I)

Crea capturas de alta resolución de cualquier sección del pentagrama y la copia al portapapeles. Ideal para crear materiales didácticos, ilustraciones para libros o thumbnails de video. La captura incluye el fondo tal como se visualiza en la aplicación.

Exportación a MusicXML (Menú Archivo)

Exporta tu trabajo a formato MusicXML 4.0, el estándar universal de intercambio de partituras. Esto te permite:

  • Abrir tu progresión en MuseScore, Sibelius o Finale para edición avanzada
  • Compartir con otros músicos que usan diferentes software de notación
  • Archivar tu trabajo en un formato estándar y duradero

El diálogo de exportación te permite configurar título, compositor, tempo y compás antes de guardar el archivo .musicxml.

Panel de Atajos de Teclado (Menú Ayuda)

Una referencia completa de todos los comandos y sus atajos de teclado, organizada por categorías:

  • Archivo y Edición: Operaciones básicas (Nuevo, Guardar, Copiar, Pegar)
  • Navegación: Movimiento entre acordes y páginas
  • Edición Musical: Modificación de notas, duraciones, enarmonías
  • Visualización: Controles de zoom, paneles, modos de vista
  • Panel del Tutor: Atajos específicos para el modo Tutor

Esta ventana flotante te permite consultar rápidamente cualquier atajo sin interrumpir tu flujo de trabajo.


La franja al final de la ventana es el "susurrador" que te da información clave sin interrumpir tu flujo:

  • Indicador de Octava: Fundamental si usas el teclado QWERTY. Te dice en qué registro estás trabajando (ej. Octava: 3, Octava: 4)
  • Monitor de Mensajes: Aquí aparecerán confirmaciones de guardado, y mensajes informativos sobre el estado del sistema (cambio de modo, conexión MIDI, acciones de portapapeles, etc.)

1.6 Funciones de Copia de Análisis (Menú Edición)

Estas funciones te permiten copiar el análisis armónico directamente desde el pentagrama al portapapeles:

  • Copiar Cifrado Americano (Ctrl (⌘)/Cmd (⌘)+Shift+C): Copia el cifrado americano del acorde seleccionado (ej. "Cmaj7", "Dm7")
  • Copiar Cifrado Romano (Ctrl (⌘)/Cmd (⌘)+Shift+R): Copia el análisis funcional del acorde seleccionado (ej. "Imaj7", "iim7")

Estas funciones están disponibles desde el menú Edición y funcionan sobre el acorde que tengas seleccionado en el pentagrama.