Herramientas colaborativas para diagramas
GUIA DE CACOO PARA EL CURSO SEMIPRESENCIAL HERRAMIENTAS 2.0 PARA EL DOCENTE DICTADO EN LA UETS ENERO 2017. Ing. Wilson Cedillo P. Msc.
El autor otorga permiso para utilizar este documento bajo la licencia Creative Commons “Reconocimiento-NoComercial-SinObraDerivada 3.0 Genérica” (http://creative commons.org/licenses/by-nc-nd/3.0/deed.es)
Usted es libre de : copiar, distribuir y comunicar públicamente ésta guía Bajo las condiciones siguientes: Reconocimiento: Debe reconocer los créditos del documento al autor No comercial: No puede utilizar éste documento para fines comerciales Sin obras derivadas: NO SE PUEDE ALTERAR, TRANSFORMAR O GENERAR UNA OBRA DERIVADA A PARTIR DE ÉSTE DOCUMENTO • Al reutilizar o distribuir la obra, tiene que dejar bien claro los términos de la licencia de esta obra. • Alguna de estas condiciones puede no aplicarse si se obtiene el permiso del titular de los derechos de autor • Nada en esta licencia menoscaba o restringe los derechos morales del autor. Se otorga permiso para enlazar este documento desde cualquier sitio Web, con la siguiente dirección: http://eva2.uets.edu.ec/moodle/ El autor agradece el envío de cualquier comentario o sugerencia sobre esta Guía a los correos: wilsoncp@uets.edu.ec; ing.wilsoncedillo@msn.com
Herramientas 2.0 para el docente
............................................................... 4
...................................................................................................................... 4
..................................................................................................... 4
........................................................................................ 6
........................................................................................................... 11
.......................................................... 13
Ing. Wilson Cedillo P. MSc.
Herramientas 2.0 para el docente
Cacoo es una interesante herramienta 2.0 para crear diagramas de forma online con la particularidad de poder elaborarlos colaborativamente con otros usuarios. Cacoo tiene una interfaz clara y sencilla que facilita mucho su uso. Además de los iconos correspondientes a las diversas opciones de edición, Cacoo cuenta con un chat para poder hablar y comunicarse con los usuarios durante los trabajos colaborativos. En los diagramas elaborados con esta herramienta se puede dibujar, incluir texto, imágenes (prediseñadas o subirlas desde nuestro ordenador) y todo tipo de figuras geométricas, bocadillos para texto, iconos y dibujos decorativos. También podremos exportar los trabajos a formeto PNG, compartirlos a través de enlaces y en las redes sociales. 1. Es un sistema en línea para crear diagramas, es accesible a través de la dirección https://cacoo.com. 2. En la parte superior derecha de la página escogemos la opción INICIAR SESIÓN.
3. Si no tenemos cuenta, podemos ingresar utilizando una cuenta de Google, Facebook o Twitter. Es preferible utilizar tu cuenta de Gmail institucional, de ésta manera, todos los proyectos se guardarán en tu Drive en la nube.
Ing. Wilson Cedillo P. MSc.
Herramientas 2.0 para el docente 4. En cualquiera de los tres casos te pedirá confirmación para utilizar los datos de la cuenta escogida, lo hacen por imperativo legal y para proteger nuestra privacidad.
Cualquiera de las tres opciones que hayas escogido autoriza utilizar tus datos sin ningún recelo, pues Cacoo es un sitio totalmente confiable. Los datos que utilizará serán solo en el caso que desees comprar las versiones comerciales como Cacoo Business o Enterprise. 5. Cuando el sistema está listo, debes hacer clic en el botón CREAR NUEVO DIAGRAMA.
Ing. Wilson Cedillo P. MSc.
Herramientas 2.0 para el docente
El sistema permite inicialmente escoger una plantilla de Cacoo para que puedas modificar y adaptar según tus necesidades. Si deseamos crear un diagrama desde cero, presionamos en el botón CANCELAR.
A continuación se mostrará el espacio de trabajo de Cacoo, compuesto por los paneles Inspector, Plantilla y Chat, la hoja en blanco, el botón Cacoo para desplegar la barra de menú, una barra de herramientas principal y una barra de navegación para administrar las hojas del diagrama.
Barra de Menú Esta barra se despliega haciendo clic en el botón Cacoo, ubicado en la parte superior izquierda de la pantalla. Al hacer clic en este botón se desplegarán las siguientes opciones con sus respectivos submenús:
Ing. Wilson Cedillo P. MSc.
Herramientas 2.0 para el docente File: Al hacer clic en este menú, podrás acceder a las opciones para administrar la hoja en la que está trabajando. Allí podrás guardar, crear una copia, cambiar propiedades, exportar, establecer o confirmar colaboradores, entre otros. Edit: Aquí podrás encontrar las diferentes opciones de edición de la hoja como copiar, cortar, pegar, duplicar, etc. Insert: Con esta opción podrás insertar recursos en el diagrama, ya sean imágenes, textos, tablas, plantillas, entre otros. Puedes hacerlo con los recursos con los que dispone Cacoo o utilizar un recurso externo, como una URL o un objeto escogido directamente desde el computador. View: Permite acceder a las diferentes opciones de visualización como el zoom de la hoja, la vista de los paneles de Chat, Inspector y Plantilla, mostrar la cuadrícula, iniciar la presentación, entre otros. Help: En este menú podrá acceder a las opciones de ayuda que le brinda Cacoo. Go back to list of diagrams: Al hacer clic en esta opción, cerrará el espacio de trabajo del diagrama que está editando y volverá a la pestaña Diagramas. Barra de herramientas principal Esta barra se encuentra ubicada en la parte superior de la pantalla. En ella encontrarás las principales herramientas de Cacoo a la mano: herramientas de edición, visualización e inserción de recursos. Deshacer: Este botón le permite deshacer la última acción realizada en la hoja en la que está trabajando. Rehacer: Este botón le permite rehacer la última acción que haya realizado en la hoja. Copiar: Este botón le permite copiar algún elemento de la hoja de trabajo, conservando el original. Pegar: Con este botón usted puede pegar un elemento de la hoja que haya seleccionado con las herramienta Copiar o Cortar. Cortar: Al hacer clic en este botón, podrá cortar un objeto seleccionado (eliminarlo) y pegarlo en otro lugar con la opción Pegar. Duplicar: Usted podrá duplicar un objeto, seleccionándolo y haciendo clic en este botón. Formato: Este botón le permite copiar el formato de un elemento/objeto para ponérselo a otro. Nuevo texto: Al hacer clic en este botón, el cursor aparecerá en forma de cruz, con el cual podrá dibujar un espacio para introducir texto. Ing. Wilson Cedillo P. MSc.
Herramientas 2.0 para el docente
Nuevo conector: Con esta opción usted podrá crear un conector (líneas o flechas) para unir dos objetos. Este conector cambia de posición automáticamente cuando se mueve alguno de los dos objetos que conecta. Insertar imagen: Con este botón usted podrá ingresar imágenes en diferentes formatos, ya sea una imagen que cargue desde una unidad de almacenamiento o alguna que cree con la herramienta para capturas de pantalla o de sitio web ofrecida en esta opción. Insertar tabla: Con esta opción podrá insertar una tabla con un tamaño máximo inicial de 20x20 celdas. Línea a mano alzada: Esta opción le permite trazar líneas de forma manual, haciendo clic sostenido mientras mueve el mouse para dibujar la forma deseada. Insertar plantilla: Este botón abrirá la ventana Select a template (seleccionar una plantilla, ver Figura 4), en la cual podrá escoger una plantilla para insertar en la hoja de trabajo actual. Plantilla: Este botón muestra u oculta el panel Plantilla, el cual contiene una variedad de objetos prediseñados (Stencil) para usar en la hoja de Cacoo. Chat: Este botón muestra u oculta el panel Chat, que sirve para comunicarse en tiempo real con los usuarios que estén editando el diagrama en ese momento. Los usuarios se invitan por medio de la opción Compartir, la cual se explica más adelante. Inspector: Este botón muestra u oculta el panel Inspector. Al seleccionar cualquier objeto y hacer clic en esta opción, usted accederá a un editor de formato avanzado en el cual podrá modificar tamaño, fuente, color, enlace, entre otros. Zoom: Esta opción le permitirá aumentar o disminuir el tamaño de visualización de la hoja en el espacio de trabajo. Ayuda: Al hacer clic en este botón, se desplegará un recuadro en el que encontrará información para la edición, concerniente propiamente a los diferentes atajos de teclado y opciones de mouse. Exportar: Este botón despliega un recuadro en el cual podrá escoger el formato en que desea exportar el diagrama. Compartir: Al hacer clic en este botón, se abrirá un recuadro en el que podrá ingresar direcciones de correo electrónico y un mensaje para invitar a otros usuarios a editar el diagrama.
Ing. Wilson Cedillo P. MSc.
Herramientas 2.0 para el docente
Property: Este botón abre un recuadro en el cual podrá editar las propiedades del diagrama en el que está trabajando (nombre, tamaño, carpeta, entre otros). Save Diagram: Al hacer clic en este botón usted podrá guardar los últimos cambios realizados en el diagrama. Cerrar: Al hacer clic en este botón, usted cerrará la hoja en la que se encuentre trabajando. Panel Inspector El panel Inspector contiene varias funciones que serán o no habilitadas según el objeto seleccionado; con estas funciones se pueden modificar las diferentes características de los objetos. Texto: Si el objeto seleccionado contiene cuadros de texto, aquí podrá modificar sus propiedades (fuente, tamaño, color, etc.). Rellenar: En este campo podrá cambiar las preferencias de color del objeto seleccionado como lo son el estilo y la sombra. Línea: Con este campo podrá modificar, al seleccionar un objeto, las preferencias de las líneas (grosor, forma, color, etc.). La función Conector se activa al hacer clic en un conector acoplado al objeto que ha seleccionado Tamaño y posición: En este campo es posible cambiar el tamaño y posición del objeto seleccionado; igualmente, se pueden alinear y agrupar varios objetos a la vez, lo cual es importante cuando se desea un esquema ordenado y los objetos deben llevar una posición y un tamaño específico. Link: Al seleccionar un objeto e ingresar a esta opción, usted puede observar los enlaces actuales a los que conduce dicho objeto o generar enlaces nuevos; estos enlaces pueden conducir a una URL externa o a una hoja de Cacoo. Atributos: En este campo podrá nombrar y darle un valor al objeto seleccionado, con el fin de identificarlo entre los demás. Panel Chat El panel Chat es una herramienta de mensajería instantánea ofrecida por Cacoo con el fin de mantener contacto en tiempo real entre los usuarios de un diagrama que se encuentren editándolo en el mismo instante. Este chat se activa automáticamente al ingresar al espacio de trabajo del diagrama. Usted puede ocultar o mostrar este panel haciendo clic en el botón
Ing. Wilson Cedillo P. MSc.
.
Herramientas 2.0 para el docente
Panel Plantilla El panel Plantilla muestra todos los objetos prediseñados de Cacoo que pueden usarse dentro de un diagrama; igualmente, en este panel puede observar los diagramas que usted mismo ha guardado con el formato de Stencil. Para utilizar alguna de las formas prediseñadas, simplemente haga clic sobre esta y arrástrela hasta la hoja de trabajo. Usted puede ocultar o mostrar el panel haciendo clic en el botón
, ubicado en la barra de herramientas principal.
Usted puede cambiar el tamaño de los paneles, cerrarlos haciendo clic en la x respectiva o mostrarlos nuevamente haciendo clic en el botón correspondiente para Plantilla
, Chat
e Inspector
, en la barra de herramientas principal.
Barra de navegación para las hojas del diagrama Esta barra de navegación está ubicada en la parte inferior izquierda de la pantalla; con ella podrá agregar o eliminar hojas dentro del diagrama en el que se encuentra trabajando, así como navegar por ellas. Para agregar una hoja, haga clic en el botón
.
Ing. Wilson Cedillo P. MSc.
Herramientas 2.0 para el docente Si desea eliminar una hoja, haga clic derecho sobre la pestaña correspondiente y escoja la opción Eliminar hoja…; para confirmar su elección haga clic en el botón Yes.
Para cambiar el nombre de la hoja, haga doble clic o clic derecho sobre la pestaña correspondiente, luego elija la opción Configurar hoja… (ver Figura 9), escriba el nombre que desea asignarle en la ventana que se muestra a continuación y haga clic en el botón OK para terminar.
1. Arrastre desde la plantilla Basic hasta su espacio de trabajo la figura con la que va empezar su diagrama, en nuestro caso es un cuadrado.
2. Escoja el relleno en la ventana Inspector, puede escoger un estilo con color simple o con degradado de colores. Además puede adicionar sombra. Tipo de relleno
Color del de relleno
Tipo y color de sombra
Ing. Wilson Cedillo P. MSc.
Herramientas 2.0 para el docente 3. Escoja el tipo y color de borde Tipo de línea del contorno
Espesor del controno
4. Haga doble clic o presione F2 en el rectángulo para que pueda escribir un texto. Inmediatamente aparecerá una ventana emergente con el tipo, tamaño y color de fuente.
5. Dibujamos otro objeto y luego los conectamos, para lo cual escogemos el tipo de conector en la barra de herramientas.
Tipos de conectores
6. Inmediatamente aparecerá una barra de herramientas flotante para que escoja el espesor, color, tipo, forma, inicio y final del conector. Acerque el mouse al objeto desde donde empezará la unión, el objeto aparece contorneado de color amarillo y con pequeños cuadrados, desde uno de los cuales podrá iniciar la conexión.
Mantenga presionado el botón izquierdo del mouse desde el objeto inicial hasta el objeto final
Ing. Wilson Cedillo P. MSc.
Herramientas 2.0 para el docente 7. Una vez dibujado el conector, también podrá cambiar espesor, color, tipo, inicio y fin desde la ventana del inspector, previamente tiene que seleccionar el conector.
Seleccione el conector y cambie sus propiedades
8. Para darle mayor vistosidad a su diagrama puede adicionar imágenes desde su ordenador o desde la web. En la barra de herramientas haga clic en el icono indicado en la figura.
Opciones Insertar Imagen
Puede adicionar elementos de las plantillas y completar su diagrama con textos explicativos.
1. El diagrama puede compartirlo para trabajar colaborativamente con otras personas, para lo cual deberá hacer clic en el botón compartir.
Ing. Wilson Cedillo P. MSc.
Herramientas 2.0 para el docente
2. Escriba la dirección de correo de la persona con la que desea compartir para que colabore, puede escribir un texto de invitación y en seguida presione INVITAR.
Escriba el mail del colaborador
Escriba un mensaje de invitación
3. Un vez que el colaborador acepte su solicitud, podrá realizar cambios y si están en línea pueden comunicarse por el chat.
Ing. Wilson Cedillo P. MSc.