!

Curso:

Elaboración de diagramas
colaborativos en Cacoo

UTN- CFPTE
1
Manual para utilizar

2
 Paseo por Cacoo

●Antes de registrarse se recomienda que elaboren un

paseo por las pestañas de Tour y de Samples , con el
fin de conocer la función del programa y lo que se
puede elaborar en el.
3
 Registrarse en
Cacoo

Para inscribirse por

primera vez se tienen
dos opciones:
!
1. Crear una cuenta
desde cualquier
correo.
!
2. Crear una cuenta
desde Google,
Facebook o Twiter.
 Luego de registrarse
en Cacoo…
●Vaya a la bandeja de
entrada de su correo
(el cual registró) con
que va a utilizar
Cacoo.
●El mensaje le dará la
bienvenida, le dirá el
Alias que usted
escogió y una
dirección para 5

consultas.
 Configuración

En el punto es opcional
de acuerdo a las
notificaciones que desea o
no recibir por medio del
correo electrónico
registrado.
!
6
 Imagen del
usuario:
●Parte de la configuración es subir una imagen que
identifique al usuario.

Seleccione una imagen en

formato .png, .jpeg o .gif
de su rostro que se
encuentre almacenada en
7
su pc o usb la cual no
sobrepase los 500 KB.
 Planes
Cacoo ofrece 3 planes, dos de ellos de pago, pero
por el momento usaremos el gratuito: Free
● Una vez registrado, se recomiendan 5 pasos
para
continuar con la utilizaci

8
 …Cambiar
contraseña?
●En la parte de configuración se puede modificar o
cambiar la contraseña:

9
 …Listos?
●Antes de empezar a utilizar Cacoo se recomienda 5
pasos fundamentales, con el fin de que puedan
aprovechar el obsequio que se ofrece al completarlos.
!
!
●Queda en ustedes descubrir el obsequio que se
ganarían al completarlo.

● A continuación los 5 pasos…

10
 Para crear el primer diagrama
vamos a la siguiente imagen
donde se explica detalladamente:
 Crear un diagrama
● Para crear un diagrama pulsamos clic en el ícono
1. Clic en la pestaña
Diagramas.
2. Clic en crear nuevo
diagrama

Este es el espacio donde se elaborará el Diagrama.

Como tenemos la cuenta gratuita, solo contamos
con 25 páginas para elaborar, si requerimos de más
páginas, se debe adquirir otro paquete con un costo 12
adicional.
 Escoger

plantilla?!

1.Con tiempo podrá observar la variedad de plantillas a elegir.

Por ahora se escogerá la categoría: Mind Map, para generalizar
y explicar el proceso.
!
2.Podrá observar tres tipos, usted escoge la que guste; para
ejemplificar se escogió en este caso la #3.

3. Una vez seleccionada presiona clic en el botón inferior

derecho: Selec. 13
 Conocer la

interfaz:
Esta es la barra principal de Cacoo:

• En ella se encuentran elementos muy similares a

una plantilla de word, en el orden que aparece de
izquierda a derecha: deshacer, rehacer, copiar,
pegar, cortar, duplicar y copiar estilo de formato. 14
 …Conocer la

interfaz:
Este ícono se activa únicamente
cuando se selecciona una forma de
texto.

Ella le permite modificar el

color de la forma de
acuerdo a la plantilla
15
seleccionada.
 …Conocer la

interfaz:

• Ícono de texto: se utiliza para insertar cuadros de

texto.
!
• Se trabaja con una misma barra de herramienta
16
para darle formato especializado al texto.
…Conocer la

interfaz:

• Si desea insertar rectas y líneas

este es el ícono.


• Ellas funcionan como conectores

entre imágenes y entre texto-
imagen. 


• A continuación como utilizar una17

recta como conector…
 Segmentos como
conectores:
• Si selecciona una recta o línea se
observarán tres puntos:
!
• Al pulsar clic izquierdo (sin soltar el cursor)
sobre un punto de los extremos, este toma
la acción de enlazar el segmento con algún
cuadro de texto o forma prediseñada.

• Puede observar como el borde de la

forma a la que se dirige el extremo del
segmento, se coloca en color amarillo,
ello indica que ambos se unirán y al
movilizar la forma, en este caso, el 18

segmento la seguirá.
 …segmentos
como conectores:

• Al mover el punto central del segmento, esto permitirá

hacer curvo el segmento o recta.


• Al pulsar doble clic sobre el segmento,

este me genera otro punto el cual puedo
movilizar la curvatura del mismo.

• Dejaría eso sí la mitad del segmento

inmóvil al correr alguna de las formas 19
que une.
 Insertar imágenes:

• Ícono para insertar imágenes desde la computadora,

desde un website o hacer una captura de pantalla
desde cualquier parte o programa abierto.
• 20
 Insertar tablas:

•Ícono para insertar tablas de

1 fila por 1 columna, hasta de
20 filas por 20 columnas.
•El formato de la tabla es
similar al de una forma, se
le puede cambiar color de
bordes y fondo; además 21
movilizar filas y columnas.
 Usar lápiz:

• Para usar un lápiz a mano alzada, se puede

seleccionar este ícono el cual permite regular el
espesor (grueso de la línea), el color y la forma o tipo.
 …Más plantillas…

•Este ícono permite

insertar dentro del
diagrama, otro tipo
de diagrama para
complementar, ya
que el lienzo a
trabajar es muy
amplio.
 Insertar

autoformas:

•Si necesita insertar

formas, flechas,
dibujos, personas,
smiley y muchas más,
este es el ícono.


•Además, a las formas

se les puede cambiar 24

de color.
 Chat y trabajo

colaborativo:

•Cacoo es una herramienta

de trabajo colaborativo
pues permite compartir la
edición del diagrama y al
mismo tiempo cuenta con
un chat para conversar
con los editores del
25
mismo.
 Chat y trabajo

colaborativo:

26

•El ícono de inspector es

ideal para cambiar color,
grosor, fondo a imágenes
o formas, además el
formato de texto e insertar
hipervínculos a figuras o
textos.
Más sobre la

interfaz:

•Si requiere de ayuda con

respecto a los comandos
desde el teclado, basta
con pulsar clic sobre la
pestaña Ayuda y se le
desglosa una ventada
con los detalles de
dichos comandos o sobre
la herramienta en 27

general.
 Exportar

documento:

•Cacoo permite exportar el

diagrama en diversos formatos
como: Una imagen en png, a
gráfico vectorial (svg), a un
documento pdf, para
photoshop (ps), en formato de
Power point (ppt) o solamente28
para imprimir.
 Exportar

documento:

•Al ser una herramienta

colaborativa como se
les mencionó
anteriormente, se puede
compartir la edición del
diagrama con solo
editar los correos
electrónicos de las
personas a invitar.
 Propiedades

del diagrama:

•Es necesario guardar las

propiedades del diagrama.
•Para ello basta con dar clic en
Property.
•En esta sección se puede
asignar un nombre o título y
descripción.
•Folder o carpeta aún no porque
este es el paso 2 para el 30

obsequio.
 …Propiedades

del diagrama:

•Si activa el check de seguridad,

esto le permitirá compartir la
visión del diagrama por correo
(compartiendo la URL), por
Twitter, Google + o Facebook.
•Si gusta que cualquiera lo edite,
se activa el respectivo chek.
•Además se puede asignar un
tamaño específico para la 31

apertura del mismo.

 …Propiedades

del diagrama:

•Una vez guardadas las

propiedades, se guardó
automáticamente los
cambios elaborados en
el diagrama.
•Aún no le podemos
asignar una carpeta pues
no se ha creado. 32
 Salir del

diagrama:

•Para continuar los pasos establecidos y obtener el

•obsequio, se requiere salir de la edición del diagrama.

En esta interfaz puede

observar los detalles
generales del diagrama,
ahora pulsa clic en Volver
para continuar con el Paso
2. 33
Crear una carpeta

34
 Crear una carpeta
•Ahora se encuentran en la página principal, donde
observarán el diagrama que acaban de editar:

35
 Crear una carpeta
•Pulse clic en el ícono de la carpeta con el fin de
crearla y asignar el diagrama a dicha carpeta.

36
 Crear una carpeta
•Pulse clic en el ícono de la carpeta con el fin de
crearla y asignar el diagrama a dicha carpeta.

37
 Compartir carpeta
•Para elaborar el tercer paso, pulsamos clic en el ícono
de crear carpeta compartida:

38
…Compartir carpeta

39
Compartir Diagrama:
•Este paso
lo cumplió
al
compartir
el
diagrama
cuando lo
editaba.
40
 Compartir Diagrama:

•Este paso lo
cumplió al editar
la imagen en la
sección de
Configuración.
41
42
43