producción de material didáctico...

46
UNIDAD 1 Mapas Conceptuales con Cmap Profesor/Autor Juan Carlos Asinsten Versión 1.4 / mayo de 2012 05- 1 Producción de Material Didáctico (2) En ambientes virtuales de aprendizaje

Upload: others

Post on 12-Mar-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

UNIDAD 1Mapas Conceptuales

con CmapProfesor/Autor

Juan Carlos Asinsten

Versión 1.4 / mayo de 2012

05- 1

Producción de Material Didáctico (2)En ambientes virtuales de aprendizaje

Page 2: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 2Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

Contenido

Esta obra puede utilizarse libremente enactividades educativas, siempre que secumplan las siguientes condiciones:1) Distribuir tal cual está publicada, sinintroducir ninguna modificación2) Reconocer la autoría.3) No comercializar ni utilizar en proyectoseducativos arancelados.

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

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

Mejorar visualmente el mapa ...................................................................... 10Aplicar 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 ................................................................................................................... 33

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

Page 3: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 3Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

Primeros pasos

Cmap tiene una interfaz bastante sencilla, con tres ventanas principales,flotantes, 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 pro-yectos muy extensos.

VentanaprincipalCon una barra demenúes, una barra deherramientas muyreducida y otra en elmargen derecho.La ventana esredimensionable, perosólo para agrandarla.

Icono que aparece enla barra de tareas deWindows

Page 4: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 4Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

Ventana VistasEs una ventana degestión de proyectos.No la utilizaremos enel presente tutorial,por lo que lapodemos cerrar.

Ventana deestilosEsta ventanaconcentra lasopciones de formatosde cada tipo deelemento. Lautilizaremosintensivamente.Una curiosidad: laspestañas están en laparte inferior, y noarriba como es lohabitual.

Abrir ventanasSe accede mediante elmenú Ventana.

Page 5: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 5Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

Un proyecto muy sencillo

1

Abrimos Cmap condoble clic sobre suícono

2

Haciendo doble clicsobre la superficie detrabajo aparecen losnodos.1) Zona para texto2) Agrandar o

achicar la figura3) Para dibujar las

líneas.

1) Haciendo dobleclic en el interiorde la figura sepuede escribir eltexto de la misma.

2

1

3

1

Page 6: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 6Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

4

5

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

de flechas, y sinsoltar el botónprincipal...

...Arrastramos elpuntero del mousehasta dondequeremos situar elsiguiente nodo.Mientras hacemos eltrazado, el programadibuja la línea y laflecha que vemos en lacaptura

Cuando soltamos elbotón del mouse,aparece1) el segundo nodo

y2) la caja del texto

del enlace.

2

1

Page 7: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 7Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

7

6

1

Volvemos al nodoprincipal1) Clic sobre el

mismo paravolver a editarlo

2) Clic sostenidosobre la segundaflecha

2

1

Armamos el resto delpequeño mapa.De los conectorestambién podemossacar más de unaflecha.1) Zona para iniciar

flechas.

Page 8: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 8Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

9

8

2

1

4

5

3

5

21

Vamos a guardar elmapa...1) Menú Archivo2) Guardar Cmap

como...

La pantalla de guardarcomo... no es muyconvencional.1) Subir un escalón

en el árbol decarpetas.

2) Ir a Mis Cmaps.Carpeta que fuecreada en elproceso deinstalación.

3) Sitios públicos enla red paraguardar losmapas.

4) Nombre delmapa.

5) Para búsqueda...datos meta.

Guardar yGuardarcomo...El programa tiene lasdos opciones. En estecaso guardamos alfinal, porque es unproyecto muy corto,pero convienesiempre ir guardandoa medida que seavanza, para evitarperder el trabajo poraccidente.

Page 9: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 9Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

Guardar como y exportar

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

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

El archivo del Cmap,de extensión cmap noes utilizable en otrasaplicaciones.Para usar el mapadebemos exportarlo.1) Menú Archivo2) Exportar Cmap

como...3) Elegir formato de

la lista.

10

101) Cuando se elige

la opción Missitios...

2) Aparece una listaelegible paraguardar en línea.Veremos másadelante cómopublicar allí unobjeto yaconstruido.

1

2

2

1

3

Page 10: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 10Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

Mejorar visualmente el mapa

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

1

2

Seleccionamos elprimer nodo...

2

1

1) En la paleta deestilos clic sobre lapestaña Objeto.

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

3) Modifica la formadel nodo. (No lousamos ahora)3

Page 11: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 11Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

3

1

6

8

3

2

9

7

5

4

1) Aparece unapaleta de colorescon sólo 40colores, que noson suficientespara lo quequeremos...

2) Clic sobre Máscolores...

3) Aparece unapaleta conmuchas másopciones,incluyendomatices de coloresclaros...

4) Elegimos un color5) Un elemento

importante deesta paleta quemuestra cómo«funciona» elcolor sobe blanco,o con tipografíabanca o negrasobre el mismo...

Las otras opciones deselección son lapestaña RGB y HSB6) Pestaña RGB7) Correderas y

casillas numéricaspara modificar losvalores de cadacanal.

8) Color de lamuestra

9) Paleta HSB, similara las comunes deWindows (muyintuitiva.

Page 12: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 12Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

6

5

4

2

1) Clic sobre elbotón de color dela sombra...

2) Para la sombra noson necesarios losmatices sutiles.Elegimos de lapaleta pequeña.

3) Un detalle: en elbotón de color delfondo del objetoaparece el quehemosseleccionado (yaplicado) antes...

1

3

El nodo muestra loscambios realizados.

3

6

2

5

4

1

Vamos a mejorar elcontraste de latipografía en elinterior de los nodosCon el nodoseleccionado...1) Clic sobre la

pestaña Fuente.2) Clic sobre el

botón de Bold(negrita).

Otros parámetrosseleccionables enesta pestaña:

3) Color de latipografía

4) Espacio (fondo)alrededor deltexto (se ajustaautomáticamenteal valor de lacasilla)

5) Ubicación deltexto en la figura

6) Alineación deltexto.

Color del fondo y la fuenteLa 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: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 13Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

Aplicar estilos

1

3

2

Estilos

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

Facilitan el trabajo deformateo de mapas, sobre todosi son extensos.

1

2

1

Vamos a crear unestilo para los nodos.Con el nodoseleccionado...1) Clic sobre el

botón de CrearEstilo

2) Le damos unnombre al nuevoestilo...

En la paleta de estilosaparece el nuevoestilo creado.1) Para verlo, clic

sobre el botón dedesplegar la lista

Seleccionando cadanodo y con clic sobreel nombre del estilo selo aplicamos al restode los nodos.

Page 14: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 14Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

7

6

5

41

También sepueden crearestilos para laslíneasCon una de las líneasseleccionadas1) Seleccionar el

Estilo para líneas2) Establecer en

ancho en 2puntos.

3) Clic sobre elbotón Color

4) Elegimos un coloroscuro (paramejor visibilidad)

2

4

3

Con la líneaseleccionadabautizamos nuestronuevo estilo...Como los estilos seagrupan en una listaúnica, convienediferenciar el tipo deobjeto en el nombre.

En la lista de estilosaparece el de laslíneas.

Seleccionamos cadatramo y aplicamos elnuevos estilo a todas.

Page 15: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 15Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

1) Selecciona todoslos conceptos

2) Selecciona todoslos conectores(palabras deenlace)

3) Selecciona todaslas 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 todoslos 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 aplicaglobalmente el estilo correspondiente.

Flechas en líneas

En algunos casos el programa dibuja pun-tas de flechas para indicar la dirección delectura de la imagen. Si no queremos que sevisualicen las puntas de flecha, debemos eli-minarlas con un botón que tiene la paleta deestilos.

En otros casos se da la situación inversa.Hacen falta las flechas y el programa no lasha colocado. Hay tres botones para agre-garles puntas de dirección a las líneasconectoras.

23

1

1

22

Botones parafleches1) Eliminar flechas2) Agregar flechas

Page 16: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 16Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

Recursos y Fondos

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

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

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

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

12

1

1) Clic sobre pestañaCmap

2) Clic sobre elbotón color.

Page 17: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 17Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

3

2Elegimos un colormuy claro

El color aparece en elfondo del mapa.

Recursos en Cmap

Cmaps 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 recursosen la carpeta MyCmap, pero hay que «registrarlos» mediante el procedimientoque mostramos más adelante. No sirve copiarlos directamente a esa carpeta.

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

Cargarrecursos

Vamos a cargarunos gráficos que he-mos preparado y guar-dado en una carpeta enel Escritorio. Más ade-lante daremos unosdatos técnicos sobrecómo deberían ser es-tos gráficos.

11

3

21) Necesitamos tener

abierta la ventanaVistas

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

recursos...

Page 18: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 18Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

4

2

3

1

1

3

2

1

1

Aparecerá unaventana denavegación.1) Clic sobre el

botón deEscritorio

2) Si está en undisco/carpeta enMi PC, clic sobrela opción.

3) Abrir la ventanade mostrar lista derecursos (muestrala carpetaMyCmap)

1) En nuestro caso(para esteejemplo) tenemoslos recursos enuna carpeta en elEscritorio.Doble clic...

1) Seleccionar el olos recurso quequeremos cargar.

2) Clic sobre elbotón Agregar ala lista.

Page 19: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 19Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

6

5

1

2

1) Aparecerán losrecurso en lacarpeta MyCmap

2) Clic sobre elbotón Agregartodo para«registrar» losrecursos

Para quienes trabajenintensivamente con elprograma, estándisponiblesherramientas quefacilitarán la búsquedade recursos (palabrasclave, descripciones,etc)

En la ventana Vistas,en Mis Cmapsaparecerán miniaturasde los recursoscargados.

Page 20: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 20Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

Fondos en nodos conceptuales

1

3

2

3

2

1

1

3

2

1

1) Con el nodoseleccionado...

2) Clic sobre pestañaObjeto.

3) Clic sobre elbotón de agregarimagen de fondoal nodo.

1) Aparece laventana deagregar fondo.

2) Elegimos el quequeremos.

3) Clic en botónAceptar.

1) El nodo muestrael fondoseleccionado,pero adapta sutamaño al de laimagen.

Page 21: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 21Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

4

5

1

Con el nodoseleccionado...En la paleta de Estilos1) Clic sobre el

botón deredimensionar elfondo al tamañooriginal del nodo.

El nodo conceptualvuelve al tamañooriginal y muestra elfondo adaptado a susuperficie.

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 nodoformateado, y después se aplica al resto.

Page 22: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 22Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

Fondos en los mapas

La carga de las imágenes es similar al pro-cedimiento que vimos en las páginas ante-riores.

Vamos a colocar un fondo ennuestro mapa

3

2

1

2

1

1) Clic sobre lapestaña Cmap

2) Clic sobre elbotón de agregarimagen de fondoal mapa.

Aparece la ventana deseleccionar fondo1) Clic sobre el

gráfico queelegimos para elfondo.

2) Clic sobe el botónAceptar.

1

2

1

1) En el vérticesuperior izquierdoaparecerá elgráfico de fondo,con el tamañooriginal.

Page 23: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 23Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

5

41) Clic sobre el

botón demodificar tamañomanualmente.

1) Clic sobre uno delos puntos demodificar tamaño.

2) Arrastramos endiagonal hasta ellugar adecuado

3) Cuando soltamosel botón delmouse quedaestablecido eltamaño.

4) Completamos laoperación con clicsobre el tildeverde, en elextremo superiorizquierdo.

2

1

4

3

4

Page 24: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 24Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

6El mapa exportadocomo gráfico

También en mosaicos

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

3

2

1Se carga el pequeñográfico como yavimos

1) Clic sobre el botónde cubrir conmosaicos, en lapaleta de estilos.

El pequeño gráficocubre con mosaicostoda la superficie

1

Page 25: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 25Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

Imágenes para fondos

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

En las pruebas que realizamos, la variable que tuvimos que analizar fue la deltamañ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 ocuparel 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 esaopción está disponible en el programa, sin utilizar gráficos de fondo. Los coloresarmónicos en degradado proporcionan resultados estéticamente agradables.

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

Tres fondos de botóncon diseño adecuado

Dos fondos demapa:1) Fondo claro,

suave. Líneasperfectamentehorizontales (sirvepara mosaico).Adecuado.

2) Fondo concontrastesintensos, líneasoblicuas.Inadecuado.

21

Page 26: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 26Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

Recursos desplegables

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

Cómo cargarrecursosdesplegables

1

1

2

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

Recursos...

Page 27: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 27Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

4

3

2Buscamos el recursoque deseamosagregar. Sólo de unopor vez...

Aparece una pantallaen la que podemosagregar metadatospara un uso posterior,o para otros usuarios,si publicamos el mapaen un sitio de accesopúblico.

Los recursos quevamos cargando,aparecen en laventana respectiva deMis Cmaps

Page 28: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 28Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

5

7

6

3

1

1

Para agregarun recursodesplegable aun nodo1) Seleccionar un

nodo conceptual2) Clic sobre el

mismo con botónderecho delmouse.

3) En el menúemergente,seleccionarAgregar....

1) En la ventanarespectivaseleccionamos elrecurso quedeseamos agregaral recurso.

2) Clic sobre elbotón Agregar ala Lista.

2

El recurso aparece enla ventanacorrespondiente a loscontenidosacumulados en MisCmaps

Finalizamos con elbotón Actualizar.

Page 29: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 29Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

10

9

8

1

2 3

1 2

1) Aparece unpequeño botón-ícono que sirvepara indicar que elnodo contieneinformaciónadicional, ymostrar la misma.

2) Ícono de undocumento PDF ode un documentoflash (SWF)

3) ícono de undocumento detexto.

Para desplegar elrecurso...1) Clic sobre el

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

del recurso. Clicsobre el mismo.

Las imágenes sedespliegan en unaventana propietariade Cmap.Los recursostextuales, flash y PDF,en programaspredeterminados enla computadora paraesos formatos.

11Al intentar desplegarel archivo SWF,apareció esta ventanade advertencia. Hayque tener cuidadocuando se utiliza conalgunos públicos, quepueden asustarse antela posibilidad de virus.

Page 30: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 30Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

Exportaciones y publicación

Como indicamos ya en la página 10, Cmap utiliza el modelo deproyectos. Es decir, guarda las producciones en un formato pro-pietario, que sólo puede leer y editar el propio programa. La exten-sió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 formatosposibles

Page 31: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 31Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

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, unaimportante variedad.

SVG (Scalable Vector Graphics) es un formato vectorial de códi-go abierto que reconocen GIMP y edita InkScape. Admite anima-ciones, pero por consola.

EMF (Metafiles de Windows). Es el formato vectorial de Micro-soft. Funciona en los programas de Office. Se imprime a cualquierescala sin pérdida de calidad. Tiene una imagen de posiciona-miento 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 porla 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, multiplataforma.

EPS (y PS) es la extensión del formato postscript. Un formato dedescripción de páginas muy preciso. No tiene imagen de posicio-namiento, lo que dificulta su colocación precisa en otros docu-mentos.

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

El tamaño justo

Cmap es un programa muy orientado a la impresión en papel. Nosotros, parausr los mapas en espacios virtuales (plataformas, blogs, Webs, etc.) necesitamosque los gráficos exportados tengan un tamaño máximo dado por el espacio dispo-nible, en píxels. Cmap tiende a exportar en tamaños muy grandes para eso, másapropiados 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 casi2000.

Cmap no posee la capacidad de establecer ese tamaño de exportación de ma-nera 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 haceen la carpeta delExplorador deWindows

Page 32: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 32Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

1

2

23

1

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

1) De la lista deformatos gráficoselegimos PNG, yaque de los doscompatibles conlos navegadoresde Internet (elotro es el JPG) esel que mejorreproduce líneasy tipografía.

2) Le damos unnombre al gráfico

y antes deguardar...

3) Clic sobre elbotón Opciones.

3

2

1

Page 33: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 33Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

Publicación

La publicación de un objetoCmap en un sitio Web público,para que puedan acceder al mis-mo otros docentes, es un procesosencillo.

2

1

1

En la ventana VistasCmap -Tools...1) Clic sobre Cmaps

en sitios...2) Elegimos un sitio

público.

31 Aparecerá la ventana

de Opciones para elformato.1) Modificamos el

valor del %. sueleaparecer 300. Lollevamos a 90 o100%

2) Clic sobre Aceptar.3) Al volver ala

pantalla anterior,clic sobre Guardar.

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

res) 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.

Un ejemploSupongamos 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ónque 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 llegara una medidaexacta, exportemosel gráfico en unamedida un pocomayor (sólo unpoco), y luego loredimensionamos enGIMP

Page 34: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 34Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

2

3

32

1

4

3

1

2

4

1) Clic con el botónderecho sobre elícono del sitiopúblico elegido.

2) En el menúemergente, clicsobre Nuevo...

3) Clic sobreCarpeta...

Aparecerá unaventana para crear lanueva carpeta1) Nombre de la

carpeta.2) Descripción.

Escriba unadescripción queentiendan otrosdocentes.

3) Palabras clave,para ayudar a labúsqueda.

4) Define datos deadministrador ypermisos deedición

Page 35: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 35Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

4

5

6

1

3

4

2

1

2

1

Doble clic sobre elícono del sitio públicodonde creamos lacarpeta

1) Aparecerá unaventana del sitiopúblico...

2) ...con l as carpetasen su interior.

3) Entre ellas la queacabamos decrear.

Esta ventana es unarepresentación localde una carpeta odirectorio en el sitioremoto elegido.

1

1) Desde la ventanaVistas/Cmap enmi equipo...

2) ...arrastramos elCmap a la carpeta(como si fuerauna carpeta local)

7El programa sube(copia) el Cmap ytodos los recursosasociados a la carpetadel sitio remoto.

Page 36: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 36Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

8Con doble clic sobrela carpeta 01-Juank(remota), la abrimos ypodemos acceder alobjeto Cmap«Pequeño mapa»

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

Page 37: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 37Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

Instalar Cmap

La instalación de Cmap es bastante sencilla, pero nos hace pasar por una can-tidad 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 delprograma instalador.

El instaladordescomprime losarchivos

Page 38: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 38Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

4

3Pregunta si se aceptanlas condiciones de lalicencia:1) elegir el botón de

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

Next.

1

Se puede elegir entreuna instalacióntípica... (el programainstalador decidetodo) y unapersonalizada oavanzada.Elegimos esta última.

Seguimos con Next

Page 39: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 39Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

6

5

3

4

2

1

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

se puede buscar ellugar.

2) Aparece una ventanade navegación por eldisco.

3) Aparece el nombre deldisco y la carpeta queelegimos (se puedeescribir directamenteen la casilla).

4) Seguimos con Next

Pantalla para elegir dóndequeremos íconos.

Page 40: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 40Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

7

8

Pantalla para indicarcuándo queremos que elprograma chequee porupdates (actualizaciones)

Conviene elegir On demand(a pedido)

Pantalla sobre el tema deusuarios y claves. Ladejamos sin tocar

Page 41: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 41Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

10

9Para el lugar donde seguarda informaciónvariable.Elegimos una subcarpetade la de instalación delprograma.

Pantalla para determinar laubicación de la carpetamyCmaps, donde elprograma guarda recursosy proyectos

Page 42: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 42Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

12

11Cmap puede grabar unvideo con todas lasacciones que se realicendurante la construcción deun objeto.Esta pantalla pregunta sicomienza a grabarautomáticamente o no.Lo conveniente esresponder que no.

Activa un protocolo deseguridad paracomunicación conservidores remotosseguros.

Page 43: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 43Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

15

14

13Pantalla que pregunta siqueremos un archivo queregistre eventualesproblemas. Podemos dejarasí la opción.

Lugar donde guardará elarchivo de registro deproblemas.

Prefijo para el archivo deregistro de problemas

Page 44: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 44Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

18

17

16Máximo tamaño delarchivo de registro deproblemas

Máxima cantidad dearchivos de registro deproblemas que puedencrearse.

Sumario depreinstalación. Siqueremos cambiar algodebemos volver atrás.

Page 45: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 45Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

20

19Instalando runtime de Java.

Nos informa que secompletó la instalación.

Page 46: Producción de Material Didáctico (2)adpt.ubiobio.cl/~cpleguez/05b-1-Mapas_conceptuales_con_Cmap.pdf · El programa Cmap trabaja con el modelo de proyectos. Los proyec-tos guardan

Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - Mapas conceptuales con Cmap - 46Juan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos AsinstenJuan Carlos Asinsten

05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)05 - Producción de Material Didáctico (2)

Instituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual EducaInstituto de Formación Docente de Virtual Educa

23

22

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

Pantalla de inicio delprograma, mientras secarga.

Al comenzar, hay quellenar esta pantalla dedatos, que serán lareferencia para los objetosque cada uno cree conCmap.