Paso a paso cacoo

1. !
Curso:
Elaboración de diagramas
colaborativos en Cacoo
UTN- CFPTE
1

2. Manual para utilizar
2

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

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

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

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

7. 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
su pc o usb la cual no
sobrepase los 500 KB.
7

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

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

10. …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

11. Para crear el primer diagrama
vamos a la siguiente imagen
donde se explica detalladamente:

12. Crear un diagrama
● Para crear un diagrama pulsamos clic en el ícono
1. Clic en la pestaña
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.
Diagramas.
2. Clic en crear nuevo
diagrama
12

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

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

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

16. …Conocer la
interfaz:
• Í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

17. …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 una
recta como conector…
17

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

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

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

21. 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
movilizar filas y columnas. 21

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

23. …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.

24. 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
de color.
24

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

26. Chat y trabajo
colaborativo:
•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.
26

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

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

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

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

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

32. …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

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

34. Crear una carpeta
34

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

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

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

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

39. …Compartir carpeta
39

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

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

42. 42

43. 43