Este documento proporciona información sobre el uso de ilustraciones en Chamilo. Explica que las ilustraciones son importantes para mejorar la comprensión y la comunicación, y presenta diferentes tipos de ilustraciones como imágenes de mapa de bits y vectoriales. También describe herramientas como Inkscape y SVG-Edit que permiten crear ilustraciones vectoriales, así como recursos en línea para encontrar cliparts e infografías.

1. Ilustraciones para
Lecciones en Chamilo
Bienvenidos…
Alex Aragón Calixto
aragonc@blenderperu.org
a Chamilo

2. ¿Por qué ilustrar nuestro contenido?
• El colorido tiene una enorme importancia
influyendo en el contenido.
• La imagen debe poseer fuerza creadora: debe
apoyar la comprensión y la comunicación, pero
desarrollando la creatividad mental.

5. ¿Qué es un SCORM?
• SCORM es un conjunto de estándares
y especificaciones que permite crear
objetos pedagógicos estructurados

8. Tipos de Ilustraciones
imágenes de mapa de bits
(JPG , PNG)
imágenes vectoriales
(SVG)

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

10. Herramientas SVG Libres
Es un potente editor
grafico de SVG de
imagen vectorial,
especial para crear
ilustraciones sencillas y
profesionales
www.inkscape.org

12. ¿Qué hago si no tengo Inkscape?
Chamilo cuenta con un editor interno de SVG, para
trabajar contenido online

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

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

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

16. ¿Cómo funciona?
lo que hace es generar una imagen como 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)

17. ¿Por qué dentro de Chamilo?

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

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

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

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

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

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

24. Servicios online

25. Infografías
Piktochart es un servicio onlinea para crear infografías usando
plantillas, donde. Puedes compartir, guardar y exportar tu
infografía.

27. Líneas de Tiempo
• TimeRime es una muy buena herramienta online
que permite crear líneas de tiempo. La idea es
contar una historia en forma cronológica de
forma simple y rápida

28. Animaciones
• Crea animaciones creativas, para tus cursos con
diálogos con sonido, creando historias
relacionadas a tu lección, mediante GoAnimate

29. Crea y edita videos
• Con Wideo.co podemos crear videos de forma
muy sencilla con solo arrastrar y soltar
elementos, obviamente tenemos que aportar un
poco de nuestra propia creatividad, pero con
poco de tiempo pueden lograr resultados
asombrosos.

30. Gracias por su Atención
Aragón Calixto Alex
www.facebook.com/aragonc
www.kusillu.org
www.blenderperu.org