1 00:00:00,940 --> 00:00:14,599 Vamos a ver en este video tutorial cómo generar un mapa conceptual, cómo pasarlo, cómo crear uno con este mismo como ejemplo, con una herramienta que nos va a facilitar un poco la vida. 2 00:00:14,599 --> 00:00:24,100 después de ver unas cuantas, la que yo recomiendo es la de draw.io 3 00:00:24,100 --> 00:00:29,899 esta es online, no hace falta ni registrarse, es completamente libre 4 00:00:29,899 --> 00:00:34,899 se puede exportar a lo que haga falta, se puede descargar el propio fichero que se está haciendo 5 00:00:34,899 --> 00:00:41,600 con lo cual no va a depender de una cuenta en la que por ejemplo alguien sea propietario 6 00:00:41,600 --> 00:00:47,600 y que luego no se puede pasar al profesor que necesita editarlo en un momento dado. 7 00:00:47,600 --> 00:00:54,600 Hay un montón de cosas en este sentido que aunque se pueda exportar en unos casos o en otros, 8 00:00:54,600 --> 00:01:01,600 pero se necesita desde luego libertad completa para el funcionamiento y para editar. 9 00:01:01,600 --> 00:01:05,599 Cualquier cosa que no sea así, al final nos va a estar poniendo barreras. 10 00:01:05,599 --> 00:01:18,599 Entonces la mejor herramienta que he encontrado es esta de aquí, draw.io. Aquí directamente, como he accedido, nuevo diagrama. 11 00:01:18,599 --> 00:01:27,599 Entonces fijaos que no me registraban, eso es lo primero, pero bueno, nuevo diagrama. Hay una serie de plantillas aquí que nos van a ayudar bastante. 12 00:01:27,599 --> 00:01:37,599 bastante. Por ejemplo, vamos a ver, diagramas de flujo, ingeniería, gráficos o simplemente 13 00:01:37,599 --> 00:01:45,159 organigramas, está fenomenal. Pero concretamente vamos a utilizar el de Maps. Aquí como veis 14 00:01:45,159 --> 00:01:53,090 hay algunos predefinidos que están bastante bien. En este caso voy a utilizar este de 15 00:01:53,090 --> 00:01:58,090 Vale, pues tenemos aquí ya directamente esto cargado. 16 00:01:58,250 --> 00:02:00,750 Entonces, ¿dónde empieza? La autoorientación profesional. 17 00:02:01,709 --> 00:02:11,379 Vale, pues me vengo aquí y la autoorientación profesional. 18 00:02:12,719 --> 00:02:15,500 Vale, está con guión. Vale, sí. 19 00:02:16,000 --> 00:02:18,680 Es un proceso de búsqueda de información. 20 00:02:19,759 --> 00:02:22,419 Vale, pues lo puedo poner aquí. 21 00:02:22,419 --> 00:02:23,419 es un 22 00:02:23,419 --> 00:02:29,240 puede empezar, bueno, más o menos 23 00:02:29,240 --> 00:02:30,520 vamos a ver 24 00:02:30,520 --> 00:02:32,439 vamos a ponerlo aquí 25 00:02:32,439 --> 00:02:34,240 luego quito el otro 26 00:02:34,240 --> 00:02:36,500 es un 27 00:02:36,500 --> 00:02:41,400 proceso de búsqueda de información 28 00:02:41,400 --> 00:02:42,620 y toma de decisiones 29 00:02:42,620 --> 00:02:46,479 vamos a ver 30 00:02:46,479 --> 00:02:56,490 toma de decisiones 31 00:02:57,349 --> 00:02:58,530 profesionales 32 00:03:00,490 --> 00:03:08,490 Aquí, por ejemplo, esto se pasa de lo que es el tamaño en sí mismo. 33 00:03:08,490 --> 00:03:13,490 Lo que es el texto podemos abrir por aquí y lo vamos ajustando. 34 00:03:13,490 --> 00:03:16,490 Con lo cual este es fácil. 35 00:03:16,490 --> 00:03:22,490 Aquí se acaba, no hay nada más. Realmente lo podría haber puesto aquí que me lo hubiera facilitado. 36 00:03:22,490 --> 00:03:31,870 Ahora fijaos que aquí, esto, a ver, lo voy a suprimir, suprimir, suprimir, suprimir, y este me lo traigo aquí. 37 00:03:32,490 --> 00:03:36,949 Fijaos esa línea, ya me dice que lo estoy poniendo ahí justo alineado. 38 00:03:37,689 --> 00:03:38,430 Vale, fenomenal. 39 00:03:38,590 --> 00:03:40,110 Siguiente punto, permite conocer. 40 00:03:40,469 --> 00:03:43,469 Bueno, vamos a ver esta línea, si se quiere hacer tal cual. 41 00:03:43,469 --> 00:03:52,210 Lo seleccionamos, estilo, la línea, ya la tenemos con los guiones. 42 00:03:52,490 --> 00:03:56,069 Y aquí no quiero flechas. 43 00:03:56,530 --> 00:03:58,050 Vale, fenomenal. Pues ya lo tengo. 44 00:03:59,710 --> 00:04:01,009 Permite conocer. 45 00:04:02,590 --> 00:04:07,430 Bueno, aquí está continua, aquí está discontinua, pero bueno, es igual. 46 00:04:07,849 --> 00:04:09,729 Permite conocer el ciclo formativo. 47 00:04:10,949 --> 00:04:12,090 Vale, pues vámonos para acá. 48 00:04:13,969 --> 00:04:14,430 Aquí. 49 00:04:15,370 --> 00:04:21,500 Permite conocer el ciclo formativo. 50 00:04:24,060 --> 00:04:47,209 Una vez finalizado, se obtiene, se obtiene, esto siempre también, bueno, vamos a ver, no lo voy a hacer completo porque al final se tarda mucho para lo que es este videotutorial, pero bueno, quiero que por lo menos veáis un poquito. 51 00:04:47,209 --> 00:05:18,399 Aquí de nuevo, le quitamos la flecha, el título y su futuro, vale, aquí, copio, pego, entonces aquí hemos dicho el título y su futuro, vale, fenomenal, y aquí el título y su futuro, vale, fenomenal. 52 00:05:18,399 --> 00:05:29,939 ¿Cómo ponemos la línea? Pues muy fácil, desde ese punto verde extendemos una hasta allá, aunque en este caso no ha quedado justo como esta. 53 00:05:31,160 --> 00:05:43,939 ¿Aquí qué podemos hacer para dejarla igual? Pues fijarnos en cómo está configurado, el rounded, el color este, vamos a ver, este aquí no es el sharp, el rounded este. 54 00:05:43,939 --> 00:05:49,569 Vamos a ver qué más hay por aquí. 55 00:05:49,569 --> 00:05:53,569 6 puntos. 56 00:05:53,569 --> 00:05:57,569 6 puntos también está. 57 00:06:01,569 --> 00:06:05,569 El directo este. 58 00:06:05,569 --> 00:06:09,569 ¿Qué más había por aquí que no he fijado? 59 00:06:09,569 --> 00:06:13,569 Acá hay una flecha. 60 00:06:13,569 --> 00:06:18,009 este vamos a ponerlo aquí así 61 00:06:18,009 --> 00:06:19,850 y ahora faltaría 62 00:06:19,850 --> 00:06:20,850 lo que es el 63 00:06:20,850 --> 00:06:22,509 color 64 00:06:22,509 --> 00:06:26,209 que copio 65 00:06:26,209 --> 00:06:29,230 y aquí 66 00:06:29,230 --> 00:06:31,689 por ejemplo pego 67 00:06:31,689 --> 00:06:34,129 y faltaría el grosor 68 00:06:34,129 --> 00:06:35,649 de la línea, que esto 69 00:06:35,649 --> 00:06:38,490 aquí está en 3, pues aquí vamos a ponerlo 70 00:06:38,490 --> 00:06:40,329 en 3 71 00:06:40,329 --> 00:06:41,889 vale, pues ya tenemos esto 72 00:06:41,889 --> 00:06:43,089 ahora si lo muevo 73 00:06:43,089 --> 00:06:47,269 la línea se mueve también con lo que yo estoy haciendo 74 00:06:47,269 --> 00:06:49,550 así que nada, fenomenal 75 00:06:49,550 --> 00:06:51,810 aquí voy a necesitar un poquito de espacio 76 00:06:51,810 --> 00:06:53,129 muevo esto también 77 00:06:53,129 --> 00:06:54,689 lo muevo 78 00:06:54,689 --> 00:06:56,250 ¿qué más? 79 00:06:57,449 --> 00:06:59,110 una vez finalizado 80 00:06:59,110 --> 00:07:02,850 se tiene, vale, ciclo formativo que incluye 81 00:07:02,850 --> 00:07:04,189 libro académico 82 00:07:04,189 --> 00:07:11,350 aquí por ejemplo 83 00:07:11,350 --> 00:07:13,129 que incluye 84 00:07:13,129 --> 00:07:17,110 pues vamos a ver, lo acortamos 85 00:07:17,110 --> 00:07:17,769 un poco 86 00:07:17,769 --> 00:07:25,269 aquí, copio y pego 87 00:07:25,269 --> 00:07:29,449 tengo este de aquí, el nivel académico 88 00:07:29,449 --> 00:07:30,389 y el nivel profesional 89 00:07:30,389 --> 00:07:37,129 estoy pensando en varias cosas, nivel académico 90 00:07:37,129 --> 00:07:38,449 y nivel profesional 91 00:07:38,449 --> 00:07:44,610 vale, pues 92 00:07:44,610 --> 00:07:47,189 este de aquí 93 00:07:47,189 --> 00:07:49,050 incluso podemos decirle que le ponga 94 00:07:49,050 --> 00:07:50,850 por defecto, que ya está 95 00:07:50,850 --> 00:07:53,550 y ahora me vengo 96 00:07:53,550 --> 00:07:55,389 aquí 97 00:07:55,389 --> 00:07:57,649 a cualquiera de ellos 98 00:07:57,649 --> 00:07:58,850 por ejemplo desde aquí 99 00:07:58,850 --> 00:08:01,350 un punto verde de estos 100 00:08:01,350 --> 00:08:03,050 y que señale a cualquiera 101 00:08:03,050 --> 00:08:04,769 de estos puntitos 102 00:08:04,769 --> 00:08:07,350 vale, fenomenal, pues ya la tengo ahí 103 00:08:07,350 --> 00:08:09,189 así que así poco a poco 104 00:08:09,189 --> 00:08:09,949 la voy dando forma 105 00:08:09,949 --> 00:08:11,610 este 106 00:08:11,610 --> 00:08:16,410 quizá me puede gustar más desde otro punto 107 00:08:16,410 --> 00:08:18,949 desde aquí, y así me permite también 108 00:08:18,949 --> 00:08:23,370 ir modificando según voy cayendo 109 00:08:23,370 --> 00:08:34,820 bueno, aquí como veis 110 00:08:34,820 --> 00:08:37,779 se pueden establecer flechas de todo tipo, esto no es una flecha 111 00:08:37,779 --> 00:08:42,620 pero se puede poner aquí por ejemplo 112 00:08:42,620 --> 00:08:55,620 el inicio de este, se puede poner la flecha bidireccional, en fin, permite un montón de opciones que es una maravilla. 113 00:08:56,620 --> 00:09:08,620 Una vez terminado esto, aquí siempre se pueden meter nuevos recuadros, círculos, lo que se quiera, hay muchísimas más figuras también por aquí, de todo tipo, 114 00:09:08,620 --> 00:09:09,860 de todo tipo 115 00:09:09,860 --> 00:09:14,000 que también se pueden utilizar 116 00:09:14,000 --> 00:09:17,980 aquí en el avanzado pues también para diagrama de flujo y lo que haga falta 117 00:09:17,980 --> 00:09:19,860 incluso más por ahí 118 00:09:19,860 --> 00:09:23,179 pero aquí como veis 119 00:09:23,179 --> 00:09:25,539 hay para ratón 120 00:09:25,539 --> 00:09:30,389 incluso para símbolos eléctricos 121 00:09:30,389 --> 00:09:32,330 eeeeh 122 00:09:32,330 --> 00:09:35,970 vamos a ver entonces 123 00:09:35,970 --> 00:09:37,370 sin meterme en más 124 00:09:37,370 --> 00:09:38,990 temas de edición 125 00:09:38,990 --> 00:09:48,049 Por no alargarme, lo que es el copiar, lo que es este mapa conceptual a este de aquí, como veis, es fácil. 126 00:09:48,049 --> 00:09:54,129 Es prácticamente ir modificando lo que son las flechas, hacer copia-pega de lo que son los elementos. 127 00:09:55,610 --> 00:10:02,269 Estas flechitas se ponen como, vamos, lo que es por defecto para que no haga falta casi ni copiar. 128 00:10:02,909 --> 00:10:04,929 Es establecer los vínculos entre uno y otro. 129 00:10:05,809 --> 00:10:06,950 Y bueno, poco más. 130 00:10:06,950 --> 00:10:09,450 es decir, que esto debería ser fácil 131 00:10:09,450 --> 00:10:14,809 entonces, lo que sí sería importante es que se utilice esto 132 00:10:14,809 --> 00:10:16,470 guardar 133 00:10:16,470 --> 00:10:18,269 ahora, guardar donde? 134 00:10:19,710 --> 00:10:20,009 aquí 135 00:10:20,009 --> 00:10:21,690 esto del XML 136 00:10:21,690 --> 00:10:26,870 esto debería estar incluido en el aula virtual 137 00:10:26,870 --> 00:10:30,690 de forma que el profesor en cuestión pueda modificarlo siempre que lo necesite 138 00:10:30,690 --> 00:10:35,230 esto siempre se puede poner como un fichero que quede oculto simplemente 139 00:10:35,230 --> 00:10:39,429 o en el área de recursos generales 140 00:10:39,429 --> 00:10:40,870 vamos a ver dónde 141 00:10:40,870 --> 00:10:44,210 aquí de recursos generales en recursos para el profesor 142 00:10:44,210 --> 00:10:48,470 aunque está este de materiales originales 143 00:10:48,470 --> 00:10:50,370 se puede crear un recurso carpeta 144 00:10:50,370 --> 00:10:52,269 que es simplemente recursos para el profesor 145 00:10:52,269 --> 00:10:56,250 en el que meter los ficheres que se están utilizando 146 00:10:56,250 --> 00:10:59,070 los ficheres originales para luego poder tocar las cosas 147 00:10:59,070 --> 00:11:02,129 ahora mismo no está puesto pero lo crearé en cuanto termine este video 148 00:11:02,129 --> 00:11:04,710 vale, pues nada 149 00:11:04,710 --> 00:11:06,429 se guarda 150 00:11:06,429 --> 00:11:08,669 con lo cual 151 00:11:08,669 --> 00:11:10,970 este luego se puede tocar perfectamente 152 00:11:10,970 --> 00:11:14,090 este queda guardado 153 00:11:14,090 --> 00:11:16,129 por ahí, vale 154 00:11:16,129 --> 00:11:17,629 exportar 155 00:11:17,629 --> 00:11:20,070 entonces aquí 156 00:11:20,070 --> 00:11:22,789 permite un montonazo de formatos 157 00:11:22,789 --> 00:11:24,429 como se puede ver 158 00:11:24,429 --> 00:11:26,529 hay libertad total, entonces bueno 159 00:11:26,529 --> 00:11:28,710 por ejemplo el PNG 160 00:11:28,710 --> 00:11:32,610 aquí también hay varias opciones 161 00:11:32,610 --> 00:11:38,110 y aquí en el device 162 00:11:38,110 --> 00:11:40,210 aquí elegimos descargarlo 163 00:11:40,210 --> 00:11:41,769 guardar como 164 00:11:41,769 --> 00:11:44,149 y aquí ejemplo 165 00:11:44,149 --> 00:11:47,700 draw 166 00:11:47,700 --> 00:11:48,620 y 167 00:11:48,620 --> 00:11:54,120 entonces esto si vamos a buscarlo 168 00:11:54,120 --> 00:11:55,220 lo tengo por aquí 169 00:11:55,220 --> 00:11:58,039 esto como veis 170 00:11:58,039 --> 00:12:00,100 es una imagen normal y de corriente 171 00:12:00,100 --> 00:12:01,840 que ya bueno sabéis como 172 00:12:01,840 --> 00:12:06,100 incluirla en cualquier contenido del libro Moodle. Hay otros vídeos donde 173 00:12:06,100 --> 00:12:09,720 también lo tengo bastante bien explicado. Así que bueno, como veis es bastante 174 00:12:09,720 --> 00:12:13,220 sencillo este proceso. 175 00:12:14,960 --> 00:12:23,179 Hay otras opciones aquí también que merecen la pena, que es, vamos a ver, 176 00:12:23,179 --> 00:12:37,480 edit-link, aquí por ejemplo, htps://fp-distancia-educa.mxg.rg, por poner un caso. 177 00:12:38,299 --> 00:12:43,179 Entonces aquí, en este diagrama incluso, se pueden poner enlaces. 178 00:12:44,179 --> 00:12:50,139 Si fuera este el caso, a la hora de exportar, NSVG conserva los enlaces. 179 00:12:53,179 --> 00:13:14,860 Entonces, aquí, vamos a ver, tenemos aquí el dispositivo, guardar como, ejemplo, droguio.svg, entonces aquí en el svg, lo único, esto va a tener que verse sobre un navegador, 180 00:13:14,860 --> 00:13:24,759 Para lo cual, para este ejemplo, lo arrastro aquí. Fijaos, he estado viendo una imagen, pero esta imagen contiene enlaces. 181 00:13:25,200 --> 00:13:31,980 Si pincho aquí, voy precisamente a nuestra plataforma. 182 00:13:32,700 --> 00:13:42,679 Entonces, bueno, si uno no quiere complicaciones, PNG o JPG, pero si uno quiere incluir enlaces, que en momentos dados puede venir bien, ya habéis visto cómo se hace. 183 00:13:42,679 --> 00:13:49,000 así que bueno, espero que por lo menos esta parte sea un poquito más fácil ahora