Diseñando con Chamilo LMS Alex Aragón Calixto

Web Desinger Profesional

• 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)

¿Es posible diseñar en Chamilo?

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

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

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

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

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

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

¿Por qué dentro de Chamilo?

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

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

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

¿y en internet Explorer?

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

http://code.google.com/intl/es-ES/chrome/chromeframe/

¿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

Partes del SVG Edit

Herramientas

Opciones de Rellenos Paleta de Colores

Área de Trabajo

Regla Capas

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

¿Dónde consigo ClipArts? • http://www.openclipart.org/

• http://cliparts101.com/free_clipart/

• http://geogebra.es/cvg_primaria/banco/clipart_svg.html

DEMOSTRACIÓN

Gracias por su Atención

www.facebook.com/aragonc

Aragón Calixto Alex

www.perubeta.com