Características generales de uso del  sistema de edición y despliegue de animaciones:

• El profesor ofrece una imagen plantilla infogramática, con zonas transparentes, que se mantiene durante todos los cuadros de la animación. Esta plantilla es instalada en un plano de profundidad gráfica intermedio respecto de otros objetos gráficos y del usuario.
• La plantilla puede ser editada con cualquier herramienta gráfica de buena calidad.
• Los cuadros de animación se realizan mediante una secuencia de figuras geométricas sencillas (círculos, rectángulos, etc.), que se posicionan detrás de las zonas transparentes de la plantilla y en un plano mas profundo que esta. Esto hace que domine la forma de la zona transparente, que puede ser cualquiera, pero diseñada con criterios didácticos.
• Lo que se dibuja tras las zonas ti> Lo que se dibuja tras las zonas transparentes puede ser controlado por el alumno, quién sólo debe editar figuras simples.
• La animación puede tener llevar explicaciones de texto simples directamente sobre los cuadros. El sistema editor despliega el texto delante de la plantilla.
• El código básico del lenguaje queda fijado por la plantilla escogida, y la comunicación se realiza creando las activaciones alternativas que esta permita.

Para la edición de animaciones se usa el prototipo editor, creado en el proyecto.

1. Grilla de fondo
2. Esconder / mostrar plantilla
3. Actualizar figura con atributos por defecto.
4. Agrupar figuras
5. Dibujar Rectángulo vacío
6. Dibujar Rectángulo lleno
7. Dibujar Ovalo vacío
8. Dibujar Ovalo lleno
9. Seleccionar colores
10. Mover figura
11. Escalar figura
12. Copiar figura seleccionada al bufer
13. Copiar todo el cuadro de figuras al bufer
14. Borrar figura seleccionada
15. Borrar todas las figuras del cuadro
16. Eliminar cuadro de la animación
17. Insertar un cuadro vacío antes del cnimación
18. Insertar un cuadro vacío antes del cuadro actual
19. Desagrupar figuras
20. Dibujar Líneas
21. Escribir Texto
22. Visor que indica el grosor de las líneas (sólo óvalos y rectángulos vacíos)
23. Cambiar el grosor de la línea
24. Mensaje (fijo)
25. Cambiar profundidad de la figura seleccionada. Botón izquierdo: más profundo. Botón derecho menos profundo
26. Copiar el contenido del bufer en el cuadro actual
27. Elimina toda la animación
28. Visor que indica el número del cuadro actual
29. Retrocede un cuadro: botón izquierdo del mouse. Avanza un cuadro: botón derecho del mouse
30. Visor: indica la función del botón sobre el cual se encuentra el mouse (sólo botonera izquierda)
31. Grabar animación. Muestra ventana de dialogo (Graba en el servidor)
32. Leer animación : Muestra ventana de dialogo (Graba en el servidor)
33. Traer plantilla desde el servidor. Muestra ventada de dialogo. la visibilidad depende del botón 2
34. Corre la animación desde el cuadro cero
35. Selecciona dibujar la figura delante o detrás de la plantilla (El texto siempre aparece delante)
36. Volver al cuadro cero
37. Botón que muestra ayuda