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

2. • Web Desinger Profesional
• 5 años de experiencia en la Web
• Técnico en Computación e Informática.
• Promotor de la Comunidad de Jóvenes
TIC Perubeta
• Participo en eventos y capacitaciones
tecnológicos de software libre,
educación y web 2.0.
• Actualmente se dedico como instructor
de Informática en la Institución
Educativa Play School (Huaral)

3. ¿Es posible diseñar en Chamilo?

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

5. ¿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.

6. ¿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.

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

8. 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

9. ¿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)

10. ¿Por qué dentro de Chamilo?

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

12. ¿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.

13. 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

14. ¿y en internet Explorer?

15. También funciona, solo tienes que instalar
Chrome Frame plugin
http://code.google.com/intl/es-ES/chrome/chromeframe/

16. ¿Dónde encuentro el SVG Edit en Chamilo
Ir a la sección
documentos
Clic en el Botón Dibujar
Se activa el SVG Edit

17. Partes del SVG Edit Regla
Capas
Herramientas
Paleta de Colores
Opciones de Rellenos Área de Trabajo

18. Uso de ClipArts
En las artes gráficas, el término clip art, se usa para denominar a
cualquier imagen ya elaborada o predefinida, que se utiliza para
ilustrar cualquier medio

19. ¿Dónde consigo ClipArts?
• http://www.openclipart.org/
• http://cliparts101.com/free_clipart/
• http://geogebra.es/cvg_primaria/banco/clipart_svg.html

20. DEMOSTRACIÓN

21. Gracias por su Atención
Aragón Calixto Alex
www.facebook.com/aragonc
www.perubeta.com