Plan Integral de Educacin Digital

Direccin Operativa de Incorporacin de Tecnologas (DOInTec)

COLECCIN DE APLICACIONES GRATUITAS PARA CONTEXTOS EDUCATIVOS

Tutorial easel.ly
Aplicacin en lnea gratuita para realizar
infografas de manera sencilla y clara

Coleccin de aplicaciones gratuitas

para contextos educativos

easel. ly // pg. 2

Prlogo

Este tutorial se enmarca dentro de los lineamientos del Plan Integral de Educacin Digital (PIED) del Ministerio de Educacin
del Gobierno de la Ciudad Autnoma de Buenos Aires que busca integrar los procesos de enseanza y de aprendizaje de las
instituciones educativas a la cultura digital.
Uno de los objetivos del PIED es fomentar el conocimiento y la
apropiacin crtica de las Tecnologas de la Informacin y de la Comunicacin (TIC) en la comunidad educativa y en la sociedad en
general.
Cada una de las aplicaciones que forman parte de este banco
de recursos son herramientas que, utilizndolas de forma creativa, permiten aprender y jugar en entornos digitales. El juego es
una poderosa fuente de motivacin para los alumnos y favorece
la construccin del saber. Todas las aplicaciones son de uso libre
y pueden descargarse gratuitamente de Internet e instalarse en
cualquier computadora. De esta manera, se promueve la igualdad de oportunidades y posibilidades para que todos puedan
acceder a herramientas que desarrollen la creatividad.
En cada uno de los tutoriales se presentan consideraciones pedaggicas que funcionan como disparadores pero que no deben limitar a los usuarios a explorar y desarrollar sus propios usos educativos.
La aplicacin de este tutorial no constituye por s misma una
propuesta pedaggica. Su funcionalidad cobra sentido cuando
se integra a una actividad. Cada docente o persona que quiera
utilizar estos recursos podr construir su propio recorrido.

Plan Integral de Educacin Digital

Direccin Operativa de Incorporacin de Tecnologas (DOInTec)

Coleccin de aplicaciones gratuitas

para contextos educativos

easel. ly // pg. 3

ndice
Qu es?.................................................................................................

p.4

Requerimientos tcnicos ...............................................................

p.4

Consideraciones pedaggicas.....................................................

p.4

Actividad propuesta.........................................................................

p.4

Nociones bsicas
Cmo acceder?.................................................................

p.5

Cmo registrarse?...........................................................

p.6

Paso a paso
Cmo ingresar el usuario?............................................

p.7

Cmo comenzar una infografa?................................

p.8

Cmo editar un objeto o forma?...............................

p.15

Cmo editar un texto?...................................................

p.17

Cmo guardar una infografa?....................................

p.17

Cmo compartir una infografa?................................

p.18

Cmo borrar una infografa?....................................... p.20

Enlaces de inters.............................................................................. p.20

Plan Integral de Educacin Digital

Direccin Operativa de Incorporacin de Tecnologas (DOInTec)

Coleccin de aplicaciones gratuitas

para contextos educativos

Qu es?

easel. ly // pg. 4

Easel.ly es una aplicacin en lnea gratuita para realizar infografas de manera sencilla y clara. Las infografas1 pueden ser
exportadas como archivos de imagen.

Requerimientos
tcnicos

Est disponible para los Sistemas Operativos Windows y

GNU/Linux.

Computadora con conexin a internet.

URL para acceder a la aplicacin: www.easel.ly

Nivel: Primario - Medio

Consideraciones
pedaggicas

reas sugeridas: Prcticas del Lenguaje, Ciencias Sociales,

Ciencias Naturales.
Contar una noticia de actualidad, en Prcticas del lenguaje.
Describir caractersticas de los seres vivos en Ciencias
Naturales.
Ubicar a la escuela en el barrio, destacando los puntos
de inters ms cercanos de la institucin, en Ciencias Sociales.

Idea: Armado de una infografa conteniendo informacin sobre

Actividad propuesta

las energas renovables.

Materiales: Netbooks, conexin a internet, easel. ly, Dropbox,
GoogleDocs

ndice

Plan Integral de Educacin Digital

Direccin Operativa de Incorporacin de Tecnologas (DOInTec)

Coleccin de aplicaciones gratuitas

para contextos educativos

easel. ly // pg. 5

Desarrollo de la actividad:
a. El docente dividir a los alumnos en grupos indicando a
cada uno los temas a buscar.
Cules son las principales energas renovables?
Cundo comenzaron a utilizarse las energas renovables?
Qu es la biomasa? Por qu se la considera una energa renovable?
El uso de biocombustibles. Impacto ambiental sobre el
medio.
Cules son las materias primas que se emplean para
la obtencin de biodisel?
Enunciar ventajas y desventajas.
b. La informacin ser recabada de internet guardando las
imgenes en una carpeta compartida en Dropbox y los textos en un documento compartido en GoogleDocs.
c. Con la informacin obtenida, armar una infografa que ser
publicada en el blog escolar y redes sociales.

Nociones bsicas

Cmo acceder?

Desde un navegador web se accede al sitio www.easel.ly

Se obtendr la siguiente ventana de inicio:

ndice

Plan Integral de Educacin Digital

Direccin Operativa de Incorporacin de Tecnologas (DOInTec)

Coleccin de aplicaciones gratuitas

para contextos educativos

Nociones bsicas

Cmo registrarse?

easel. ly // pg. 6

En la parte superior de la ventana se cuenta con la opcin

Register para registrarse como usuario.

Debern completarse los datos del siguiente formulario:

1
2

3
4
5
6

1. Nombre de usuario (Username)

2. Correo electrnico (E-mail)
3. Contrasea (Password). La clave elegida debe tener al menos 6 caracteres.
4. Confirmacin de contrasea (Confirm Password)
5. Nombre (First Name)
6. Apellido (Last Name)

Plan Integral de Educacin Digital

Direccin Operativa de Incorporacin de Tecnologas (DOInTec)

Coleccin de aplicaciones gratuitas

para contextos educativos

easel. ly // pg. 7

Luego de completar los campos presionar el botn Register.

Se ver un mensaje de Registro completo. Es necesario revisar
la cuenta de correo electrnico para confirmar la creacin del
usuario.

Paso a paso

Cmo ingresar

En caso de contar con una cuenta ya creada, en la parte superior

de la ventana se encuentra la opcin Login.

Una vez confirmada la cuenta creada, completar los datos

Username (Nombre de usuario) y Password (Contrasea) en el
cuadro y presionar el botn Log In.

Se podr observar en pantalla la bienvenida a la cuenta y se

mostrarn miniaturas de los trabajos ya creados por el usuario
(myvisuals).

ndice

Plan Integral de Educacin Digital

Direccin Operativa de Incorporacin de Tecnologas (DOInTec)

Coleccin de aplicaciones gratuitas

para contextos educativos

Paso a paso

Cmo comenzar
una infografa?

easel. ly // pg. 8

Presionar el ejemplo startfresh para comenzar a trabajar en

una nueva infografa.

Se obtendr una pgina como la siguiente:

Como puede observarse el lienzo contiene algunos elementos

que pueden ser eliminados fcilmente.

ndice

Plan Integral de Educacin Digital

Direccin Operativa de Incorporacin de Tecnologas (DOInTec)

Coleccin de aplicaciones gratuitas

para contextos educativos

easel. ly // pg. 9

En el men Clear, presionar el botn Clear.

Esta orden limpia el lienzo dejndolo en blanco. Podemos

entonces observar:
2

1. Lienzo, rea de trabajo.

2. Opciones de men.

ndice

Plan Integral de Educacin Digital

Direccin Operativa de Incorporacin de Tecnologas (DOInTec)

Coleccin de aplicaciones gratuitas

para contextos educativos

easel. ly // pg. 10

a. Home (Inicio): Cierra la pantalla de diseo y abre la pgina de inicio. Presionar el botn Leave para confirmar esta
accin.

b. Save (Guardar). Elegir un nombre para la infografa y presionar el botn Save.

c. Open(Abrir): Abre una infografa creada previamente. Presionar en la lista desplegable y elegir la infografa que se
desea abrir. Presionar el botn Open.

d. Clear (Limpiar): Comienza un nuevo diseo de infografa.

Recordar guardar los cambios realizados antes de presionar este botn o se perdern.

ndice

Plan Integral de Educacin Digital

Direccin Operativa de Incorporacin de Tecnologas (DOInTec)

Coleccin de aplicaciones gratuitas

para contextos educativos

easel. ly // pg. 11

3. Barra de Herramientas.

e. Vhemes (Temas pre-diseados). Seleccionar y arrastrar

el diseo elegido hacia la presentacin.

El tema seleccionado se aplicar al lienzo.

ndice

Plan Integral de Educacin Digital

Direccin Operativa de Incorporacin de Tecnologas (DOInTec)

Coleccin de aplicaciones gratuitas

para contextos educativos

easel. ly // pg. 12

f. Objects (Objetos): Se encuentran divididos en categoras.

Seleccionar y arrastrar al lienzo.

Las categoras disponibles son:

1. Animals (Animales)
2. Banners (Pancartas)
3. Food (Comida)
4. Icons (Iconos)
5. Landmarks (Puntos de referencia)
6. Maps (Mapas)
7. Music (Msica)
8. Nature (Naturaleza)
9. People (Gente)
ndice

10. Transportation (Transporte)

Plan Integral de Educacin Digital

Direccin Operativa de Incorporacin de Tecnologas (DOInTec)

Coleccin de aplicaciones gratuitas

para contextos educativos

easel. ly // pg. 13

g. Backgrounds (Fondos).Seleccionar el fondo que desea

aplicarse y arrastrarlo hasta la infografa.

h. Shapes (Formas). Permite seleccionar formas y arrastrarlas hasta la infografa.

i. Text (Textos).Permite incorporar cuadros de texto en el

lienzo. Seleccionar el tipo de texto y arrastrarlo hasta la
infografa.

I.

Title (Ttulo)

II.

Header (Encabezado)

III.

Body (Cuerpo de texto)

Nota: El programa no reconoce caracteres del idioma espaol. No

se puede utilizar la letra nilos acentos. Una solucin sera subir
un texto como imagen creado en otro programa de edicin de
imagen como GIMP.

ndice

Plan Integral de Educacin Digital

Direccin Operativa de Incorporacin de Tecnologas (DOInTec)

Coleccin de aplicaciones gratuitas

para contextos educativos

easel. ly // pg. 14

j. Upload (Subir archivos).Esta opcin permite subir archivos de imagen desde un equipo o dispositivo externo.
Presionar el botn Add files Se abre una ventana donde
seleccionar la ubicacin de la imagen a subir.

La imagen subida es ubicada fuera del lienzo. Se la arrastra

al lugar deseado.

k. Zoom (Escala o acercamiento).Acerca o aleja la imagen.

l. Grid (Grilla). Muestra la grilla cuadriculada.

ndice

m. Undo (Deshacer).

Plan Integral de Educacin Digital

Direccin Operativa de Incorporacin de Tecnologas (DOInTec)

Coleccin de aplicaciones gratuitas

para contextos educativos

Paso a paso

Cmo editar un
objeto o forma?

easel. ly // pg. 15

Los objetos o formas pueden ser modificados: tamao,

orientacin, color y posicin con respecto a otras figuras.

Para cambiar su tamao, solo basta con seleccionar la imagen y

de los puntos de control (cuadraditos que se ubican alrededor
de la misma), agrandar o achicar la figura.
Tambin es posible rotarla.

Al seleccionar un objeto o forma cualquiera, aparece un men

para modificarlo.
1. Delete item from canvas: Permite borrar elementos del lienzo.

2. Lock item. Bloquea el objeto para evitar su modificacin o

desplazamiento. Antes de borrar un objeto o modificarlo se
debe deseleccionar esta opcin.
3. Clone an item on the canvas to create a duplicate. Esta opndice

cin permite clonar o duplicar un objeto.

Plan Integral de Educacin Digital

Direccin Operativa de Incorporacin de Tecnologas (DOInTec)

Coleccin de aplicaciones gratuitas

para contextos educativos

easel. ly // pg. 16

4. Position. Permite modificar la ubicacin de los objetos.

a. Bring forward: Enviar adelante

b. Send backward: Enviar atrs
c. Bring to front: Enviar al frente
d. Send to back: Enviar al fondo

5.

Opacity: Transparencia

Color

ndice

Plan Integral de Educacin Digital

Direccin Operativa de Incorporacin de Tecnologas (DOInTec)

Coleccin de aplicaciones gratuitas

para contextos educativos

Paso a paso

Cmo editar
un texto?

easel. ly // pg. 17

Cuando se selecciona un texto se habilita su barra de

herramientas:

1. Text: Opciones de formato.

a. Bold: Negrita
b. Italic: Cursiva
c. Underline: Subrayado
d. Shadow: Sombra
2. Font: Tipo de letra tipografa.
3. Size: Tamao de fuente.

Paso a paso

Para guardar una infografa seleccionar el men Save.

Cmo guardar
una infografa?

Indicar el nombre de la infografa y presionar el botn Save.

ndice

Plan Integral de Educacin Digital

Direccin Operativa de Incorporacin de Tecnologas (DOInTec)

Coleccin de aplicaciones gratuitas

para contextos educativos

easel. ly // pg. 18

Una vez guardada se deber acceder a la pgina principal donde

podr verse la infografa recin guardada. Seleccionar del men
la opcin Home y presionar el botn Leave.

Paso a paso

Cmo compartir
una infografa?

En la pgina de inicio (Home), se selecciona la opcin view|share

(ver/compartir) de la infografa que se desea compartir.

ndice

Plan Integral de Educacin Digital

Direccin Operativa de Incorporacin de Tecnologas (DOInTec)

Coleccin de aplicaciones gratuitas

para contextos educativos

easel. ly // pg. 19

Se abrir la siguiente ventana:

1
2
3

1. Download (Descargar). Al seleccionar esta opcin se abre

una ventana emergente para guardar la infografa como
imagen.

Seleccionar Guardar Archivo y presionar el

botn Aceptar. En caso de haberlo descargado
automticamente, buscarlo en D:\Archivos\Descargas.
2. View in browser(Ver en navegador). Abre la infografa en
un navegador web.
3. Web link. Enlace de la infografa en internet.
4. Embed link. Cdigo para insertar la infografa en una pndice

gina webu otros recursos web 2.0.

Plan Integral de Educacin Digital

Direccin Operativa de Incorporacin de Tecnologas (DOInTec)

Coleccin de aplicaciones gratuitas

para contextos educativos

easel. ly // pg. 20

5. Set this visual to private/public.Seleccionar si la infografa

es privada o pblica. Al seleccionar privada slo la puede
ver el usuario que la creo y al seleccionar pblica la puede ver cualquier persona que conozca el link o ingrese al
sitio www.easely.ly

Paso a paso

Cmo eliminar
una infografa?

Para borrar una infografa se debe seleccionar el botn Delete

this visual.

Tener en cuenta que al pulsar la opcin, la infografa ser

eliminada sin pedido de confirmacin.

Paso a paso

Enlaces de inters

Sitio oficial: www.easel.ly

ndice

Plan Integral de Educacin Digital

Direccin Operativa de Incorporacin de Tecnologas (DOInTec)

Coleccin de aplicaciones gratuitas

para contextos educativos

easel. ly // pg. 21

Contacto:
asistencia.pedagogica.digital@bue.edu.ar

Esta obra se encuentra bajo una Licencia Attribution-NonCommercial-ShareAlike 2.5 Argentina de Creative
Commons. Para ms informacin visite http://creativecommons.org/licenses/by-nc-sa/2.5/ar/

Plan Integral de Educacin Digital

Direccin Operativa de Incorporacin de Tecnologas (DOInTec)