El documento describe cómo el editor SVG-Edit permite crear y editar archivos SVG dentro de Chamilo LMS para diseñar contenido de cursos en formato vectorial. SVG-Edit es una herramienta basada en HTML5, CSS y JavaScript que permite crear mapas mentales, fórmulas, diagramas y otros diseños vectoriales directamente en el navegador sin necesidad de instalar software adicional. Esto ahorra recursos y hace el proceso de creación de contenido más fácil, práctico y rápido para los usuarios de Chamilo.

1. Diseñando con
Chamilo LMS
Alex Aragón Calixto
Web Desinger Profesional

2. ¿Es posible diseñar en Chamilo?

3. Claro, incluye el SVG Edit dentro, para usarlo como
herramienta interna de edición de contenido en
Chamilo

4. ¿Qué es el SVG-Edit?
SVG-Edit es una aplicación online que permite crear y editar
archivos svg. Está basada en la combinación de HTML5, CSS,
JavaScript y SVG.

5. ¿Qué es el SVG?
Los Gráficos Vectoriales Escalables (del inglés Scalable Vector
Graphics) o SVG es una especificación para describir gráficos
vectoriales bidimensionales, tanto estáticos como animados (estos
últimos con ayuda de SMIL), en formato XML.

6. Sitio web oficial del Proyecto
http://code.google.com/p/svg-edit/

7. El SVG permite tres tipos de objetos
gráficos:
• Formas gráficas de vectores (ejemplo rectas y
curvas, y áreas limitadas por ellos)
• Imágenes de mapa de bits /digitales
• Texto

8. ¿Cómo funciona?
La idea es que uno en vez de generar una imagen,
lo que hace es hacer una especie de página Web,
que cuando el navegador la lee dibuja lo que se
indica a través del uso de vectores (digamos que
pinta los puntos de un plano cartesiano)

9. ¿Por qué dentro de Chamilo?

10. Porque Chamilo desea que
sea fácil, practico y rápido
crear un diseño de
referencia de tus contenidos
para tus cursos.

11. ¿Qué hace el SVG Edit dentro de
Chamilo?
• Permite crear contenido e imágenes para
nuestros cursos en formato SVG.
• Contenidos que podemos crear mapas mentales,
formulas, dibujos de referencia, diseños,
diagramas de flujo, etc.

12. Lo bueno de todo
• Realizamos diseños SVG en la
web, sin necesidad de
instalar un plugins o un
programa.
• Edita cualquier archivo SVG
• Exportar a formato PNG
• Compatible con Inkscape y
Corel
• Funciona en Firefox, Chrome,
Opera, Safari

13. ¿y en internet Explorer?

14. • También funciona, solo tienes que instalar Chrome Frame plugin

15. Documentos
• Permite el almacenamiento y reuso de contenido
• Permite habilitar documentos para los alumnos
• Permite al alumno recuperar el contenido
• Ahorra recursos