UTN- CFPTE

!

Curso: Elaboración de diagramas

colaborativos en Cacoo

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

5

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

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

…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

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.

1. Clic en la pestaña Diagramas.

2. Clic en crear nuevo diagrama

12

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

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

Esta es la barra principal de Cacoo:

14

…Conocer lainterfaz:

Ella le permite modificar el color de la forma de acuerdo a la plantilla seleccionada.

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

15

…Conocer lainterfaz:

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

• Se trabaja con una misma barra de herramientapara darle formato especializado al texto.

16

…Conocer lainterfaz:

• 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

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

…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

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

21

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.

Insertarautoformas:

•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

Chat y trabajocolaborativo:

•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

Chat y trabajocolaborativo:

•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

Más sobre lainterfaz:

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

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

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

30

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

…Propiedades del diagrama:

31

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

…Propiedades del diagrama:

32

•Para continuar los pasos establecidos y obtener el •obsequio, se requiere salir de la edición del diagrama.

Salir deldiagrama:

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