Desarrollar una aplicación nativa de Windows usando Visual Studio Code y Claude Sonnet ha sido una experiencia que confirma mi convicción: los docentes no debemos limitarnos a administrar herramientas educativas prefabricadas. La Pizarra Digital Pro, una herramienta de anotación overlay para Windows, representa un salto cualitativo desde los plugins de Photoshop hacia el desarrollo de aplicaciones independientes.
En el contexto de la educación en diseño y fotografía, la capacidad de anotar directamente sobre cualquier contenido de pantalla durante las clases presenciales ha transformado mi metodología de enseñanza. Esta herramienta permite explicar conceptos de composición, señalar elementos importantes y garabatear ideas al vuelo, sin interrumpir el flujo natural de la clase.
A diferencia de los plugins de Photoshop, que operan dentro de un ecosistema controlado, desarrollar una aplicación nativa presenta desafíos técnicos considerables. La instalación de componentes como .NET 8.0 y la configuración del entorno WPF requirieron un proceso de aprendizaje guiado completamente por inteligencia artificial.
La aplicación está construida sobre Windows Presentation Foundation (WPF) con C#, proporcionando una interfaz transparente que funciona como overlay sobre cualquier aplicación. El sistema de herramientas incluye múltiples opciones de dibujo, desde trazos libres hasta formas geométricas específicas, cada una optimizada para diferentes necesidades pedagógicas.
Durante las clases de fotografía y diseño, la capacidad de anotar directamente sobre ejemplos proyectados ha demostrado ser invaluable. Los estudiantes pueden seguir visualmente las explicaciones de composición, reglas de tercios, y análisis de equilibrio visual sin perder el contexto de la imagen original.
La herramienta elimina la fricción entre la explicación teórica y la demostración práctica, permitiendo transiciones fluidas entre conceptos abstractos y aplicaciones concretas.
El desarrollo de esta aplicación refuerza un principio fundamental: el docente debe ser un creador activo de herramientas educativas, no simplemente un administrador de plataformas prediseñadas. Mientras las aplicaciones educativas comerciales replican mecánicas de redes sociales, las herramientas desarrolladas específicamente para nuestras necesidades pedagógicas ofrecen soluciones más precisas y efectivas.
La colaboración con Claude Sonnet a través de Visual Studio Code demostró que la barrera técnica para el desarrollo de software educativo es más permeable de lo que tradicionalmente se asume. La IA no solo guió la instalación de componentes avanzados, sino que también facilitó la comprensión de conceptos de programación complejos, permitiendo concentrar el esfuerzo en los aspectos pedagógicos del diseño.
| Herramienta | Función | Uso Pedagógico |
|---|---|---|
| Pen (Lápiz) | Trazo libre con grosor variable | Anotaciones generales y escritura a mano |
| Highlighter (Marcador) | Resaltado semitransparente | Énfasis en elementos específicos |
| Line (Línea) | Líneas rectas precisas | Indicación de direcciones y guías |
| Rectangle (Rectángulo) | Formas rectangulares | Delimitación de áreas de interés |
| Circle (Círculo) | Formas circulares | Señalamiento de puntos focales |
| Arrow (Flecha) | Indicadores direccionales | Guía visual y secuencias |
| Double Arrow (Flecha doble) | Indicadores bidireccionales | Relaciones y comparaciones |
| Thought (Globo de pensamiento) | Anotaciones conceptuales | Ideas y reflexiones |
La experiencia confirma que la combinación de herramientas de desarrollo modernas (Visual Studio Code) con agentes de inteligencia artificial especializados (Claude Sonnet) democratiza el acceso al desarrollo de software educativo. Esto permite a los docentes concentrarse en el diseño pedagógico mientras la IA maneja la complejidad técnica subyacente.