Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante...

46
Mapas Conceptuales con Cmap Juan Carlos Asinsten Versión 1.6 / Febrero de 2014

Transcript of Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante...

Page 1: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Mapas Conceptuales con Cmap

Juan Carlos Asinsten

Versión 1.6 / Febrero de 2014

Page 2: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 2Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

Contenido

Esta obra puede utilizarse libremente en actividades educativas, siempre que se cumplan las siguientes condiciones:1) Distribuir tal cual está publicada, sin introducir ninguna modificación2) Reconocer la autoría.3) No comercializar ni utilizar en proyectos educativos arancelados.

Primeros pasos ............................................................................................3

Un proyecto muy sencillo ............................................................................5Guardar como vs. exportar ........................................................................................... 9

Mejorar visualmente el mapa....................................................................10Color del fondo y la fuente .......................................................................................... 12Aplicar estilos ............................................................................................................... 13Estilos........................................................................................................................... 13Estilos globales ............................................................................................................. 15Flechas en líneas .......................................................................................................... 15

Recursos y Fondos .....................................................................................16Recursos en Cmap ....................................................................................................... 17Cargar recursos ........................................................................................................... 17Fondos en nodos conceptuales ................................................................................... 20Fondos en los mapas ................................................................................................... 22También en mosaicos .................................................................................................. 24Imágenes para fondos .................................................................................................. 25

Recursos desplegables ...............................................................................26

Exportaciones y publicación ......................................................................30El tamaño justo ............................................................................................................ 31Publicación ................................................................................................................... 33Exportar con medida exacta ........................................................................................ 33

Instalar Cmap ............................................................................................37

Page 3: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 3Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

Primeros pasos

Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier lugar del escritorio.

Ventana principal de trabajo

Ventana de Vistas

Ventana de Estilos

Además, hay una ventana auxiliar de navegación, para proyectos muy extensos.

Ventana principalCon una barra de menúes, una barra de herramientas muy reducida y otra en el margen derecho.La ventana es redimensionable, pero sólo para agrandarla.

Icono que aparece en la barra de tareas de Windows

Page 4: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 4Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

Ventana VistasEs una ventana de gestión de proyectos.No la utilizaremos en el presente tutorial, por lo que la podemos cerrar.

Ventana de estilosEsta ventana concentra las opciones de formatos de cada tipo de elemento. La utilizaremos intensivamente.Una curiosidad: las pestañas están en la parte inferior, y no arriba como es lo habitual.

Abrir ventanasSe accede mediante el menú Ventana.

Page 5: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 5Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

Un proyecto muy sencillo

1

Abrimos Cmap con doble clic sobre su ícono

2

Haciendo doble clic sobre la superficie de trabajo aparecen los nodos.1) Zona para texto2) Agrandar o

achicar la figura3) Para dibujar las

líneas.

1) Haciendo doble clic en el interior de la figura se puede escribir el texto de la misma.

2

1

3

1

Para aprender a usar el programa...

Page 6: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 6Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

4

5

3Haciendo clic sobre la superficie del nodo, lo volvemos a editar.1) Clic sobre la zona

de flechas, y sin soltar el botón principal...

...Arrastramos el puntero del mouse hasta donde queremos situar el siguiente nodo.Mientras hacemos el trazado, el programa dibuja la línea y la flecha que vemos en la captura

Cuando soltamos el botón del mouse, aparece 1) el segundo nodo y 2) la caja del texto

del enlace.

2

1

Page 7: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 7Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

7

6

1

Volvemos al nodo principal1) Clic sobre el

mismo para volver a editarlo

2) Clic sostenido sobre la segunda flecha

2

1

Armamos el resto del pequeño mapa.De los conectores también podemos sacar más de una flecha.1) Zona para iniciar

flechas.

Page 8: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 8Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

9

8

2

1

4

5

3

5

21

Vamos a guardar el mapa...1) Menú Archivo2) Guardar Cmap

como...

La pantalla de guardar como... no es muy convencional.1) Subir un escalón

en el árbol de carpetas.

2) Ir a Mis Cmaps. Carpeta que fue creada en el proceso de instalación.

3) Sitios públicos en la red para guardar los mapas.

4) Nombre del mapa.5) Para búsqueda...

datos meta.

Guardar y Guardar como...El programa tiene las dos opciones. En este caso guardamos al final, porque es un proyecto muy corto, pero conviene siempre ir guardando a medida que se avanza, para evitar perder el trabajo por accidente.

Page 9: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 9Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

Guardar como vs. exportar

El programa Cmap trabaja con el modelo de proyectos. Los proyectos guardan toda la información en modo editable, en formato propietario, que no puede ser editado ni publicado por otras aplicaciones.

Cmap posee un importante repertorio de modos de exportación, me-diante los cuales los mapas pueden ser insertados en otras publicaciones o en la Web.

El archivo del Cmap, de extensión cmap no es utilizable en otras aplicaciones.Para usar el mapa debemos exportarlo.1) Menú Archivo2) Exportar Cmap

como...3) Elegir formato de

la lista.

10

101) Cuando se elige

la opción Mis sitios...

2) Aparece una lista elegible para guardar en línea. Veremos más adelante cómo publicar allí un objeto ya construido.

1

2

2

1

3

Page 10: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 10Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

Mejorar visualmente el mapa

La paleta de estilos de Cmap nos permite elegir entre una importante va-riedad de formas y colores para los nodos, los enlaces y las líneas de unión. Todas esas opciones están agrupadas en la paleta de estilos.

1

2

Seleccionamos el primer nodo...

2

1

1) En la paleta de estilos clic sobre la pestaña Objeto.

2) Clic sobre el menú de Color del fondo del nodo.

3) Modifica la forma del nodo. (No lo usamos ahora)3

Page 11: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 11Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

3

1

6

8

3

2

9

7

5

4

1) Aparece una paleta de colores con sólo 40 colores, que no son suficientes para lo que queremos...

2) Clic sobre Más colores...

3) Aparece una paleta con muchas más opciones, incluyendo matices de colores claros...

4) Elegimos un color5) Un elemento

importante de esta paleta que muestra cómo «funciona» el color sobe blanco, o con tipografía banca o negra sobre el mismo...

Las otras opciones de selección son la pestaña RGB y HSB6) Pestaña RGB7) Correderas y

casillas numéricas para modificar los valores de cada canal.

8) Color de la muestra

9) Paleta HSB, similar a las comunes de Windows (muy intuitiva.

Page 12: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 12Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

6

5

4

2

1) Clic sobre el botón de color de la sombra...

2) Para la sombra no son necesarios los matices sutiles. Elegimos de la paleta pequeña.

3) Un detalle: en el botón de color del fondo del objeto aparece el que hemos seleccionado (y aplicado) antes...

1

3

El nodo muestra los cambios realizados.

3

6

2

5

4

1

Vamos a mejorar el contraste de la tipografía en el interior de los nodosCon el nodo seleccionado...1) Clic sobre la

pestaña Fuente.2) Clic sobre el botón

de Bold (negrita).Otros parámetros seleccionables en esta pestaña:3) Color de la

tipografía 4) Espacio (fondo)

alrededor del texto (se ajusta automáticamente al valor de la casilla)

5) Ubicación del texto en la figura

6) Alineación del texto.

Color del fondo y la fuente

La recomendación es la de siempre: tipografía negra sobre fondos claros y tipografía blanca para fondos oscuros.

Salvo para textos de tamaño grande, no conviene utilizar color. Y si se usa, respetar el contraste.

Page 13: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 13Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

Aplicar estilos

1

3

2

Estilos

Los estilo permite aplicar una serie de atributos (forma, color, etc.) a objetos, líneas o textos.

Facilitan el trabajo de forma-teo de mapas, sobre todo si son extensos.

1

2

1

Vamos a crear un estilo para los nodos.Con el nodo seleccionado...1) Clic sobre el

botón de Crear Estilo

2) Le damos un nombre al nuevo estilo...

En la paleta de estilos aparece el nuevo estilo creado.1) Para verlo, clic

sobre el botón de desplegar la lista

Seleccionando cada nodo y con clic sobre el nombre del estilo se lo aplicamos al resto de los nodos.

Page 14: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 14Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

7

6

5

41

También se pueden crear estilos para las líneasCon una de las líneas seleccionadas1) Seleccionar el

Estilo para líneas2) Establecer en

ancho en 2 puntos.

3) Clic sobre el botón Color

4) Elegimos un color oscuro (para mejor visibilidad)

2

4

3

Con la línea seleccionada bautizamos nuestro nuevo estilo...Como los estilos se agrupan en una lista única, conviene diferenciar el tipo de objeto en el nombre.

En la lista de estilos aparece el de las líneas.

Seleccionamos cada tramo y aplicamos el nuevos estilo a todas.

Page 15: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 15Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

1) Selecciona todos los conceptos

2) Selecciona todos los conectores (palabras de enlace)

3) Selecciona todas las conexiones (líneas)

Estilos globales

El procedimiento que mostramos hasta ahora, aplicando los estilos a cada ele-mento por separado, uno por uno, es útil sólo para proyectos muy pequeños.

El programa tiene opciones de selección que permiten aplicar estilos a todos los objetos de una misma clase.

Estas opciones están en el menú de edición.

Una vez seleccionados todos los objetos de cada categoría, se aplica global-mente el estilo correspondiente.

Flechas en líneas

En algunos casos el programa dibuja puntas de flechas para indicar la dirección de lectura de la imagen. Si no queremos que se visualicen las puntas de flecha, debemos eliminarlas con un botón que tiene la paleta de estilos.

En otros casos se da la situación inversa. Hacen falta las flechas y el programa no las ha colocado. Hay tres botones para agregarles puntas de dirección a las líneas conectoras.

23

1

1

22

Botones para flechas1) Eliminar flechas2) Agregar flechas

Page 16: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 16Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

Recursos y Fondos

El programa Cmap permite agregar fondos gráficos a los nodos de conceptos y al fondo del mapa.

La primera recomendación es ser muy cuidadosos y prudentes al utilizar fondos. La tentación de colocar fondos vistosos y coloridos puede traer el resultado indeseado de hacer perder legibilidad al proyecto.Los fondos deben ser suaves (poco dibujo), y muy oscuros o muy claros: los tonos intermedios no son buenos, porque nada contrasta con ellos. Sobre fondos oscuros, tipografía (y líneas) blancas, sobre fondos claros, negras.

El mapa puede tener un fondo de color liso, que se aplica directamente desde la pestaña Cmap de la paleta de Estilos.

Esta opción (color liso de fondo) suele ser la más conveniente para mapas destina-dos a la publicación en línea. Para los mapas destinados al papel no convienen fondos de color.

1

2

1

1) Clic sobre pestaña Cmap

2) Clic sobre el botón color.

Page 17: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 17Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

3

2Elegimos un color muy claro

El color aparece en el fondo del mapa.

Recursos en Cmap

Cmap llama recursos a información adicional, en muy diversos formatos (hasta páginas Web) que pueden adosarse a un nodo conceptual.

La gestión de recursos en Cmap no es muy intuitiva. Guarda todos los recursos en la carpeta MyCmap, pero hay que «registrarlos» mediante el procedimiento que mostramos más adelante. No sirve copiarlos directamente a esa carpeta.

Veremos en primer lugar cómo se cargan y «registran» esos recurso, y luego los utilizaremos como fondos. En otro capítulo analizaremos el uso de recursos como ampliación de la información del mapa.

Cargar recursos

Vamos a cargar unos gráficos que he-mos preparado y guar-dado en una carpeta en el Escritorio. Más ade-lante daremos unos datos técnicos sobre cómo deberían ser estos gráficos.

11

3

21) Necesitamos tener

abierta la ventana Vistas

2) Menú Archivo.3) Opción Agregar

recursos...

Page 18: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 18Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

4

2

3

1

1

3

2

1

1

Aparecerá una ventana de navegación.1) Clic sobre el botón

de Escritorio2) Si está en un

disco/carpeta en Mi PC, clic sobre la opción.

3) Abrir la ventana de mostrar lista de recursos (muestra la carpeta MyCmap)

1) En nuestro caso (para este ejemplo) tenemos los recursos en una carpeta en el Escritorio.

Doble clic...

1) Seleccionar el o los recursos que queremos cargar.

2) Clic sobre el botón Agregar a la lista.

Page 19: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 19Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

6

5

1

2

1) Aparecerán los recurso en la carpeta MyCmap

2) Clic sobre el botón Agregar todo para «registrar» los recursos

Para quienes trabajen intensivamente con el programa, están disponibles herramientas que facilitarán la búsqueda de recursos (palabras clave, descripciones, etc)

En la ventana Vistas, en Mis Cmaps aparecerán miniaturas de los recursos cargados.

Page 20: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 20Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

Fondos en nodos conceptuales

1

3

2

3

2

1

1

3

2

1

1) Con el nodo seleccionado...

2) Clic sobre pestaña Objeto.

3) Clic sobre el botón de agregar imagen de fondo al nodo.

1) Aparece la ventana de agregar fondo.

2) Elegimos el que queremos.

3) Clic en botón Aceptar.

1) El nodo muestra el fondo seleccionado, pero adapta su tamaño al de la imagen.

Page 21: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 21Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

4

5

1

Con el nodo seleccionado...En la paleta de Estilos1) Clic sobre el botón

de redimensionar el fondo al tamaño original del nodo.

El nodo conceptual vuelve al tamaño original y muestra el fondo adaptado a su superficie.

También con estilosLos estilos admiten no sólo colores, como vimos antes, sino también fondos

gráficos. El procedimiento es el mismo: se crea el estilo a partir de un nodo for-mateado, y después se aplica al resto.

Page 22: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 22Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

Fondos en los mapas

La carga de las imágenes es similar al procedimiento que vimos en las páginas anteriores.

Vamos a colocar un fondo en nuestro mapa

3

2

1

2

1

1) Clic sobre la pestaña Cmap

2) Clic sobre el botón de agregar imagen de fondo al mapa.

Aparece la ventana de seleccionar fondo1) Clic sobre el

gráfico que elegimos para el fondo.

2) Clic sobe el botón Aceptar.

1

2

1

1) En el vértice superior izquierdo aparecerá el gráfico de fondo, con el tamaño original.

Page 23: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 23Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

5

41) Clic sobre

el botón de modificar tamaño manualmente.

1) Clic sobre uno de los puntos de modificar tamaño.

2) Arrastramos en diagonal hasta el lugar adecuado

3) Cuando soltamos el botón del mouse queda establecido el tamaño.

4) Completamos la operación con clic sobre el tilde verde, en el extremo superior izquierdo.

2

1

4

3

4

Page 24: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 24Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

6El mapa exportado como gráfico

También en mosaicos

Con un pequeño gráfico podemos cubrir toda la su-perficie del mapa

3

2

1Se carga el pequeño gráfico como ya vimos

1) Clic sobre el botón de cubrir con mosaicos, en la paleta de estilos.

El pequeño gráfico cubre con mosaicos toda la superficie

1

Page 25: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 25Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

Imágenes para fondos

Cmap permite utilizar una variedad grande de formatos para las imágenes de fondo. Reconoce el JPG, GIF, PNG, BMP y otros, con lo que no tendremos problemas a la hora de decidir.

En las pruebas que realizamos, la variable que tuvimos que analizar fue la del tamaño. Resolvimos tres dimensiones, para distintos usos:

200x60 píxels, para fondos de botones. Cubren los nodos con-ceptuales habituales.

Quienes utilicen nodos de mayor tamaño, pueden probar aumen-tando a 300x100.

300x300 píxels para fondos de mapas. Se extienden hasta ocupar el espacio necesario.

No hemos experimentado con mapas de gran tamaño.

100x100 píxels para tiles (mosaicos) para fondos de mapas.

Criterios de diseñoPara fondos sobre los que se ubican textos que deben ser leídos, los diseños

deben ser suaves, sin líneas definidas, que se confunden con los trazos de la tipo-grafía. Los fondos de diseño soft, disfuminado, son los mejores.

No tiene sentido utilizar imágenes de fondo con colores planos, ya que esa opción está disponible en el programa, sin utilizar gráficos de fondo. Los colores armónicos en degradado proporcionan resultados estéticamente agradables.

Para los nodos conceptuales se puede experimentar con diseños que simulen volumen 3D, tan de moda en el diseño Web actual. El programa, al ajustar el tama-ño de los gráficos al de la figura del nodo, respeta bastante bien las proporciones (reduce, no corta).

Tres fondos de botón con diseño adecuado

Dos fondos de mapa:1) Fondo claro,

suave. Líneas perfectamente horizontales (sirve para mosaico). Adecuado.

2) Fondo con contrastes intensos, líneas oblicuas. Inadecuado.

21

Page 26: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 26Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

Recursos desplegables

Los mapas conceptuales tienen la importante opción de desplegar contenidos adicionales, embebidos en los nodos conceptuales. El método de carga es muy sencillo y sólo aparecen problemas a la hora de mostrar esos recursos: si bien en el proceso de edición arma ventanas adecuadas para cada tipo de recurso, o utiliza los programas de la computadora para ello, al exportar como Web los mapas, despliega los contenidos en la misma ventana/pestaña, en paginas de fondo blanco, sin límite espacial, lo que produce efectos estéticamente no agradables. Hasta el momento de escribir esta guía, no hemos encontrado el modo de configurar este modo de exportación (y funcionamiento).

Cómo cargar recursos desplegables

1

1

2

En la ventana Vistas...1) Menú Archivo2) Agregar

Recursos...

Page 27: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 27Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

4

3

2Buscamos el recurso que deseamos agregar. Sólo de uno por vez...

Aparece una pantalla en la que podemos agregar metadatos para un uso posterior, o para otros usuarios, si publicamos el mapa en un sitio de acceso público.

Los recursos que vamos cargando, aparecen en la ventana respectiva de Mis Cmaps

Page 28: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 28Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

5

7

6

3

1

1

Para agregar un recurso desplegable a un nodo1) Seleccionar un

nodo conceptual2) Clic sobre el

mismo con botón derecho del mouse.

3) En el menú emergente, seleccionar Agregar....

1) En la ventana respectiva seleccionamos el recurso que deseamos agregar al recurso.

2) Clic sobre el botón Agregar a la Lista.

2

El recurso aparece en la ventana correspondiente a los contenidos acumulados en Mis Cmaps

Finalizamos con el botón Actualizar.

Page 29: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 29Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

10

9

8

1

2 3

1 2

1) Aparece un pequeño botón-ícono que sirve para indicar que el nodo contiene información adicional, y mostrar la misma.

2) Ícono de un documento PDF o de un documento flash (SWF)

3) ícono de un documento de texto.

Para desplegar el recurso...1) Clic sobre el

ícono-botón.2) Aparece el nombre

del recurso. Clic sobre el mismo.

Las imágenes se despliegan en una ventana propietaria de Cmap.Los recursos textuales, flash y PDF, en programas predeterminados en la computadora para esos formatos.

11Al intentar desplegar el archivo SWF, apareció esta ventana de advertencia. Hay que tener cuidado cuando se utiliza con algunos públicos, que pueden asustarse ante la posibilidad de virus.

Page 30: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 30Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

Exportaciones y publicación

Como indicamos ya en la página 10, Cmap utiliza el modelo de proyectos. Es decir, guarda las producciones en un formato propie-tario, que sólo puede leer y editar el propio programa. La extensión de los archivos es .cmap

Para poder utilizar los diagramas en otros documentos, necesitaremos expor-tarlos, con el formato más adecuado para esos documentos.

1

2 3

Para exportar1) Menú Archivo2) Exportar Cmap

como...3) Se despliega la

lista de formatos posibles

Page 31: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 31Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

Formatos gráficosLos formatos gráficos disponibles para exportación son: BMP, JPG, GIF, PNG,

SVG (Scalable Vector Graphics) y EMF (Metafiles de Windows). Como se ve, una importante variedad.

SVG (Scalable Vector Graphics) es un formato vectorial de código abierto que reconocen GIMP y edita InkScape. Admite animacio-nes, pero por consola.

EMF (Metafiles de Windows). Es el formato vectorial de Microsoft. Funciona en los programas de Office. Se imprime a cualquier es-cala sin pérdida de calidad. Tiene una imagen de posicionamiento bastante precisa.

Es una versión mejorada del WMF (Windows Meta File).

Para usarlo en Word hay que cambiar la letra e de la extensión por la w. De manera que quede wmf y así la reconozca Word.

Otros formatosSe puede exportar también en formato PDF y Postscript (PS y EPS), así como

en XML.

PDF es la extensión de los documentos de Adobe Acrobat, multi plataforma.

EPS (y PS) es la extensión del formato postscript. Un forma-to de descripción de páginas muy preciso. No tiene imagen de posicionamiento, lo que dificulta su colocación precisa en otros documentos.

XML, siglas en inglés de eXtensible Markup Language, un lenguaje de marcas de tipo similar al HTML.

El tamaño justo

Cmap es un programa muy orientado a la impresión en papel. Nosotros, para usar los mapas en espacios virtuales (plataformas, blogs, Webs, etc.) necesitamos que los gráficos exportados tengan un tamaño máximo dado por el espacio disponible, en píxels. Cmap tiende a exportar en tamaños muy grandes para eso, más apropiados para la impresión en papel. Por ejemplo, en nuestras clases virtuales, el tamaño máximo es de 530 píxels, y los gráficos exportados pueden tener casi 2000.

Cmap no posee la capacidad de establecer ese tamaño de exportación de manera exacta. Pero sí podemos realizar varios trucos que nos ayudarán.

La soluciónEn el momento de exportar, podemos ajustar el tamaño mediante los pasos

siguientes:

Ese cambio se hace en la carpeta del Explorador de Windows

Page 32: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 32Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

1

2

23

1

1) Menú Archivo2) Exportar como...3) Imagen....

1) De la lista de formatos gráficos elegimos PNG, ya que de los dos compatibles con los navegadores de Internet (el otro es el JPG) es el que mejor reproduce líneas y tipografía.

2) Le damos un nombre al gráfico

y antes de guardar...

3) Clic sobre el botón Opciones.

3

2

1

Page 33: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 33Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

Publicación

La publicación de un objeto Cmap en un sitio Web público, para que puedan acceder al mismo otros docentes, es un proceso sencillo.

2

1

1

En la ventana Vistas Cmap -Tools...1) Clic sobre Cmaps

en sitios...2) Elegimos un sitio

público.

31 Aparecerá la ventana

de Opciones para el formato.1) Modificamos el

valor del %. suele aparecer 300. Lo llevamos a 90 o 100%

2) Clic sobre Aceptar.3) Al volver a la

pantalla anterior, clic sobre Guardar.

En dos pasosEs posible que las dimensiones del gráfico sean diferentes (mayores o menores)

a lo que necesitamos. Los pasos a seguir son:

Abrir el gráfico en un editor (GIMP u otro)

Verificar el tamaño en píxels que tiene.

Volver a exportar

Modificar el % de escala para que nos de las medidas adecuadas.

Exportar con medida exacta

Supongamos que necesitamos que el gráfico mida 530 px, y con el 90% que usamos nos dio un gráfico de 580 px de ancho. Recordemos la ecuación que expresa la relación entre el porcentaje usado (90) y la medida obtenida (580), y nuestra incógnita (el nuevo porcentaje: X) y la medida deseada.

82 % será el valor que deberemos usar en la segunda exportación

530X

58090

= despejando X 530 x580

90X = = 82

Si necesitamos llegar a una medida exacta, exportemos el gráfico en una medida un poco mayor (sólo un poco), y luego lo redimensionamos en GIMP

Page 34: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 34Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

2

3

32

1

4

3

1

2

4

1) Clic con el botón derecho sobre el ícono del sitio público elegido.

2) En el menú emergente, clic sobre Nuevo...

3) Clic sobre Carpeta...

Aparecerá una ventana para crear la nueva carpeta1) Nombre de la

carpeta.2) Descripción.

Escriba una descripción que entiendan otros docentes.

3) Palabras clave, para ayudar a la búsqueda.

4) Define datos de administrador y permisos de edición

Page 35: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 35Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

4

5

6

1

3

4

2

1

2

1

Doble clic sobre el ícono del sitio público donde creamos la carpeta

1) Aparecerá una ventana del sitio público...

2) ...con l as carpetas en su interior.

3) Entre ellas la que acabamos de crear.

Esta ventana es una representación local de una carpeta o directorio en el sitio remoto elegido.

1

1) Desde la ventana Vistas/Cmap en mi equipo...

2) ...arrastramos el Cmap a la carpeta (como si fuera una carpeta local)

7El programa sube (copia) el Cmap y todos los recursos asociados a la carpeta del sitio remoto.

Page 36: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 36Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

8Con doble clic sobre la carpeta 01-Juank (remota), la abrimos y podemos acceder al objeto Cmap «Pequeño mapa»

http://informaiti9.blogspot.com/2010/04/mapas-conceptuales-en-cmap-tools.html

Page 37: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 37Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

Instalar Cmap

La instalación de Cmap es bastante sencilla, pero nos hace pasar por una cantidad de pantallas, una para cada opción de la instalación.

Después de bajar el programa instalador al disco de la computadora, hace-mos...

2

1Clic sobre el ícono del programa instalador.

El instalador descomprime los archivos

Page 38: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 38Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

4

3Pregunta si se aceptan las condiciones de la licencia:1) elegir el botón de

radio... I accept2) Clic sobre el botón

Next.

1

Se puede elegir entre una instalación típica... (el programa instalador decide todo) y una personalizada o avanzada.Elegimos esta última.

Seguimos con Next

Page 39: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 39Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

6

5

3

4

2

1

Pantalla para elegir el lugar donde se instalará.1) Con el botón Choose se

puede buscar el lugar.2) Aparece una ventana

de navegación por el disco.

3) Aparece el nombre del disco y la carpeta que elegimos (se puede escribir directamente en la casilla).

4) Seguimos con Next

Pantalla para elegir dónde queremos íconos.

Page 40: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 40Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

7

8

Pantalla para indicar cuándo queremos que el programa chequee por updates (actualizaciones)

Conviene elegir On demand (a pedido)

Pantalla sobre el tema de usuarios y claves. La dejamos sin tocar

Page 41: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 41Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

10

9Para el lugar donde se guarda información variable.Elegimos una subcarpeta de la de instalación del programa.

Pantalla para determinar la ubicación de la carpeta myCmaps, donde el programa guarda recursos y proyectos

Page 42: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 42Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

12

11Cmap puede grabar un video con todas las acciones que se realicen durante la construcción de un objeto.Esta pantalla pregunta si comienza a grabar automáticamente o no.Lo conveniente es responder que no.

Activa un protocolo de seguridad para comunicación con servidores remotos seguros.

Page 43: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 43Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

15

14

13Pantalla que pregunta si queremos un archivo que registre eventuales problemas. Podemos dejar así la opción.

Lugar donde guardará el archivo de registro de problemas.

Prefijo para el archivo de registro de problemas

Page 44: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 44Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

18

17

16Máximo tamaño del archivo de registro de problemas

Máxima cantidad de archivos de registro de problemas que pueden crearse.

Sumario de preinstalación. Si queremos cambiar algo debemos volver atrás.

Page 45: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 45Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

20

19Instalando runtime de Java.

Nos informa que se completó la instalación.

Page 46: Juan Carlos Asinsten · Mapas conceptuales con Cmap Primeros pasos Cmap tiene una interfaz bastante sencilla, con tres ventanas principales, flo-tantes, que podemos ubicar en cualquier

Pág. 46Juan Carlos Asinsten

Material didáctico digital.

Mapas conceptuales con Cmap

23

22

21Otra pantalla más de finalización de instalación...

Pantalla de inicio del programa, mientras se carga.

Al comenzar, hay que llenar esta pantalla de datos, que serán la referencia para los objetos que cada uno cree con Cmap.