Saltar al contenido
Manuel Escobar
Volver a proyectos
Aplicación funcional · Versión de escritorio

PiperNotes

Aplicación de escritorio para crear, organizar, guardar e imprimir partituras de instrumentos tradicionales de tres agujeros.

Rol
Definición funcional, diseño de la experiencia, desarrollo, empaquetado, pruebas y evolución del producto.
Tecnologías
ElectronReactVitejsPDFelectron-builder
Pantalla principal — estructura y facilidad de uso

Resumen

PiperNotes convierte una forma de escritura musical específica en una herramienta visual y fácil de instalar en Windows, con vista previa, guardado de partituras, personalización y exportación a PDF.

Problema

La escritura y preparación de partituras para determinados instrumentos tradicionales se realizaba mediante métodos manuales o documentos poco adaptados a su notación. Era necesario disponer de una aplicación sencilla, instalable en varios equipos Windows, capaz de generar una representación clara y preparar documentos listos para imprimir.

Objetivos

  • Facilitar la escritura de partituras mediante una notación específica.
  • Mostrar una vista previa antes de imprimir.
  • Permitir varias partituras o temas en una misma página.
  • Guardar y recuperar trabajos.
  • Personalizar títulos, agrupación, logotipo y formato de impresión.
  • Exportar a PDF y distribuir la aplicación mediante instalador de Windows.

Solución

ÁreaFunciones
EdiciónEntrada de notas o símbolos según la notación del instrumento y generación visual de la partitura.
OrganizaciónGestión de uno o varios temas, títulos y datos de la agrupación.
Vista previaComprobación del resultado antes de guardar o imprimir.
PersistenciaGuardado y carga de partituras y preferencias locales.
PersonalizaciónNombre de agrupación, tema, logo y opciones de impresión.
SalidaExportación a PDF y guardado mediante diálogo del sistema.
DistribuciónAplicación empaquetada como ejecutable e instalador para Windows.

Mi aportación

Definición funcional, diseño de la experiencia, desarrollo, empaquetado, pruebas y evolución del producto.

Arquitectura

CapaTecnologías
InterfazReact y Vite.
EscritorioElectron, electron-builder y preload seguro para comunicación con el sistema.
Persistenciaelectron-store y almacenamiento local.
DocumentosjsPDF e impresión/exportación desde Electron.
DistribuciónInstalador NSIS, icono propio y configuración de producto PiperNotes.
Control de instalaciónIdentificación de máquina mediante node-machine-id, cuando corresponda a la versión publicada.

Decisiones y dificultades

  • Convertir una notación musical específica en reglas visuales reproducibles.
  • Combinar una interfaz web con capacidades de escritorio y acceso controlado al sistema de archivos.
  • Evitar pantallas en blanco o errores derivados de la comunicación entre Electron, preload y React.
  • Mantener la información del usuario entre sesiones sin depender de conexión a internet.
  • Empaquetar la aplicación, gestionar iconos, archivos incluidos y permisos de instalación en Windows.
  • Conseguir que la exportación y la impresión mantengan la composición prevista.

IA aplicada

Claude Code y ChatGPT se han utilizado como apoyo para revisar la estructura del proyecto, solucionar errores de integración entre Electron y React, depurar el proceso de empaquetado, preparar configuraciones de compilación y documentar cambios. La definición de la notación, el comportamiento esperado y la validación del resultado dependen del conocimiento funcional aportado por Manuel y de las pruebas realizadas con el uso previsto.

Resultado

PiperNotes demuestra capacidad para convertir un problema muy específico en un producto de escritorio utilizable, combinando interfaz, reglas de negocio, persistencia local, generación documental y distribución mediante instalador.

Evidencias

Capturas reales de la aplicación.

Pantalla principal — estructura y facilidad de uso
Exportación PDF — "Solano de las marismas"
Exportación PDF — "Vente con mi simpecado"

Pendiente antes de publicar

  • Confirmar versión pública definitiva
  • Seleccionar el término musical exacto que entenderá el público objetivo
  • Capturas del editor, vista previa y personalización
  • Decidir si se ofrece descarga, vídeo o demostración únicamente
  • URL del repositorio si puede hacerse público