Sunteți pe pagina 1din 43
!
!

Curso:

Elaboración de diagramas colaborativos en Cacoo

UTN- CFPTE

Manual para utilizar

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
3

Registrarse en Cacoo

Para inscribirse por primera vez se tienen dos opciones: ! 1. Crear una cuenta desde
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.
dos opciones: ! 1. Crear una cuenta desde cualquier correo. ! 2. Crear una cuenta desde

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

Cacoo. ● El mensaje le dará la bienvenida, le dirá el Alias que usted escogió y

5

Configuración

En el punto es opcional de acuerdo a las notificaciones que desea o no recibir
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
Seleccione una imagen en
formato .png, .jpeg o .gif
de su rostro que se
encuentre almacenada en
su pc o usb la cual no
sobrepase los 500 KB.
7

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
● Una vez registrado, se recomiendan 5 pasos
para
continuar con la utilizaci
8
momento usaremos el gratuito: Free ● Una vez registrado, se recomiendan 5 pasos para continuar con

…Cambiar

contraseña?

En la parte de configuración se puede modificar o cambiar la contraseña:

9
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
10
Para crear el primer diagrama vamos a la siguiente imagen donde se explica detalladamente:
Para crear el primer diagrama vamos a la siguiente imagen donde se explica detalladamente:
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

Crear un diagrama

● Para crear un diagrama pulsamos clic en el ícono 1. Clic en la pestaña
● 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
adicional.
12
con 25 páginas para elaborar, si requerimos de más páginas, se debe adquirir otro paquete con

Escoger plantilla?!

1.Con tiempo podrá observar la variedad de plantillas a elegir. Por ahora se escogerá la
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 lainterfaz:

Esta es la barra principal de Cacoo:

la 
 interfaz: Esta es la barra principal de Cacoo: • En ella se encuentran elementos
la 
 interfaz: Esta es la barra principal de Cacoo: • En ella se encuentran elementos

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

…Conocer lainterfaz:

Este ícono se activa únicamente cuando se selecciona una forma de texto. Ella le permite
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
seleccionada.
15

…Conocer lainterfaz:

…Conocer la 
 interfaz: • Ícono de texto: se utiliza para insertar cuadros de texto. •
…Conocer la 
 interfaz: • Ícono de texto: se utiliza para insertar cuadros de texto. •

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

Se trabaja con una misma barra de herramienta para darle formato especializado al texto.

!

16

…Conocer lainterfaz:

…Conocer la 
 interfaz: • Si desea insertar rectas y líneas este es el ícono. 

…Conocer la 
 interfaz: • Si desea insertar rectas y líneas este es el ícono. 


Si desea insertar rectas y líneas este es el ícono.

Ellas funcionan como conectores

entre

imagen.

imágenes y entre texto-

A continuación como utilizar una recta como conector…

17

Segmentos como conectores:

Segmentos como conectores: 18 • Si selecciona una recta o línea se observarán tres puntos: !

18

Segmentos como conectores: 18 • Si selecciona una recta o línea se observarán tres puntos: !

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 segmento la seguirá.

…segmentos como conectores: • Al mover el punto central del segmento, esto permitirá hacer curvo

…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 que une.

19
19

Insertar imágenes:

Insertar imágenes: • Ícono para insertar imágenes desde la computadora, desde un website o hacer una

Ícono para insertar imágenes desde la computadora, desde un website o hacer una captura de pantalla desde cualquier parte o programa abierto.

Insertar tablas:

•Ícono para insertar tablas de 1 fila por 1 columna, hasta de 20 filas por
•Í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 movilizar filas y columnas.

la tabla es similar al de una forma, se le puede cambiar color de bordes y

21

Usar lápiz:

Usar lápiz: • Para usar un lápiz a mano alzada, se puede seleccionar este ícono el

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
•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.
•Si necesita insertar
formas, flechas,
dibujos, personas,
smiley y muchas más,
este es el ícono. 

24

Además, a las formas se les puede cambiar de color.

smiley y muchas más, este es el ícono. 
 24 • A d e m á

Chat y trabajocolaborativo:

Chat y trabajo 
 colaborativo: • Cacoo es una herramienta de trabajo colaborativo pues permite compartir

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

compartir la edición del diagrama y al mismo tiempo cuenta con un chat para conversar con

25

Chat y trabajocolaborativo:

Chat y trabajo 
 colaborativo: 26 • El ícono de inspector es ideal para cambiar color,
26
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 lainterfaz:

Más sobre la 
 interfaz: • Si requiere de ayuda con respecto a los comandos desde
Más sobre la 
 interfaz: • Si requiere de ayuda con respecto a los comandos desde

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

27

Exportar documento:

Exportar 
 documento: • Cacoo permite exportar el diagrama en diversos formatos como: Una imagen en
Exportar 
 documento: • Cacoo permite exportar el diagrama en diversos formatos como: Una imagen en

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 solamente para imprimir.

28

Exportar documento:

Exportar 
 documento: • Al ser una herramienta colaborativa como se les mencionó anteriormente, se puede

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.

se puede compartir la edición del diagrama con solo editar los correos electrónicos de las personas

Propiedades del diagrama:

Propiedades 
 del diagrama: 30 • Es necesario guardar las propiedades del diagrama. • Para ello
30
30
Propiedades 
 del diagrama: 30 • Es necesario guardar las propiedades del diagrama. • Para ello

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

…Propiedades del diagrama:

…Propiedades 
 del diagrama: • Si activa el check de seguridad, esto le permitirá compartir la

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 apertura del mismo.

lo edite, se activa el respectivo chek. • Además se puede asignar un tamaño específico para

31

…Propiedades del diagrama:

…Propiedades 
 del diagrama: • Una vez guardadas las propiedades, se guardó automáticamente los cambios
…Propiedades 
 del diagrama: • Una vez guardadas las propiedades, se guardó automáticamente los cambios

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 deldiagrama:

Salir del 
 diagrama: • Para continuar los pasos establecidos y obtener el • obsequio, se
Salir del 
 diagrama: • Para continuar los pasos establecidos y obtener el • obsequio, se
Salir del 
 diagrama: • Para continuar los pasos establecidos y obtener el • obsequio, se

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

Crear una carpeta 34
Crear una carpeta 34

34

Crear una carpeta • Ahora se encuentran en la página principal, donde observarán el diagrama

Crear una carpeta

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

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

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

35

Crear una carpeta • Pulse clic en el ícono de la carpeta con el fin

Crear una carpeta

Crear una carpeta • Pulse clic en el ícono de la carpeta con el fin de

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

una carpeta • Pulse clic en el ícono de la carpeta con el fin de crearla

36

Crear una carpeta • Pulse clic en el ícono de la carpeta con el fin

Crear una carpeta

Crear una carpeta • Pulse clic en el ícono de la carpeta con el fin de

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

una carpeta • Pulse clic en el ícono de la carpeta con el fin de crearla

37

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

Compartir carpeta

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

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

Compartir carpeta • Para elaborar el tercer paso, pulsamos clic en el ícono de crear carpeta
38
38
…Compartir carpeta 39

…Compartir carpeta

…Compartir carpeta 39
…Compartir carpeta 39

39

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

Compartir Diagrama:

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

Este paso lo cumplió al compartir el diagrama cuando lo editaba.

40

Compartir Diagrama: 41 • Este paso lo cumplió al editar la imagen en la sección

Compartir Diagrama:

Compartir Diagrama: 41 • Este paso lo cumplió al editar la imagen en la sección de
41
41

Este paso lo cumplió al editar la imagen en la sección de Configuración.

42

42

43
43
43