{"id":2702,"date":"2020-04-17T10:53:29","date_gmt":"2020-04-17T10:53:29","guid":{"rendered":"http:\/\/localhost\/?p=2702"},"modified":"2021-02-12T06:46:33","modified_gmt":"2021-02-12T06:46:33","slug":"uso-de-simuladores-en-ubuvirtual","status":"publish","type":"post","link":"https:\/\/www3.ubu.es\/ubucevblog\/uso-de-simuladores-en-ubuvirtual\/","title":{"rendered":"Uso de simuladores en UBUVirtual"},"content":{"rendered":"
<\/div>

<\/path><\/svg><\/i> \"Loading\"<\/p>

<\/div>\n

En ocasiones tenemos contenidos de todo tipo (v\u00eddeos, audio, programas interactivos, presentaciones…) que est\u00e1n alojados fuera de UBUVirtual pero nos gustar\u00eda incluirlos en nuestra asignatura<\/strong> para que los alumnos puedan consultarlos en la propia plataforma.<\/p>\n\n\n\n

En lo relativo a la inclusi\u00f3n de v\u00eddeos<\/strong> puedes consultar nuestra completa entrada<\/a> con ejemplos desde diversas fuentes.<\/p>\n\n\n\n

<\/p>\n\n\n\n

C\u00f3mo incrustar simulaciones interactivas en UBUVirtual <\/h2>\n\n\n\n

Aparte de mediante v\u00eddeos, algunas materias de tipo experimental se pueden comprender mucho mejor si se utilizan contenidos multimedia con los que el estudiante pueda interactuar.<\/p>\n\n\n\n

La Universidad de Colorado dispone de una completa biblioteca de simulaciones interactivas<\/strong> de matem\u00e1ticas y ciencias, desarrolladas durante a\u00f1os por el equipo de su proyecto PhET<\/a>. Tambi\u00e9n dispone de una app para Android<\/a> que suele ser gratuita durante algunos periodos concretos.<\/p>\n\n\n\n

Filtrando por nuestros intereses<\/a> encontraremos alguna simulaci\u00f3n que resulte interesante para nuestra asignatura.<\/p>\n\n\n\n

Podemos dar el enlace a los estudiantes para que ellos investiguen o, mejor a\u00fan: podemos montar una p\u00e1gina en nuestra asignatura con explicaciones acerca del concepto que queremos transmitir. Es muy sencillo.<\/p>\n\n\n\n

En nuestra asignatura de UBUVirtual a\u00f1adimos un recurso de tipo p\u00e1gina<\/strong>.<\/p>\n\n\n\n

\"A\u00f1adir<\/figure><\/div>\n\n\n\n

En dicha p\u00e1gina, incluimos las indicaciones convenientes a nuestros estudiantes. Preparamos el contenido que ir\u00e1 colocado antes y despu\u00e9s de la simulaci\u00f3n (explicaci\u00f3n del experimento, objetivos de aprendizaje, instrucciones, aspectos o detalles que deban tener en cuenta, etc).<\/p>\n\n\n\n

Despu\u00e9s, vamos a la p\u00e1gina de la simulaci\u00f3n en PhET, buscamos el c\u00f3digo HTML para insertar<\/strong>lo en nuestra p\u00e1gina y lo copiamos:<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Pasamos a UBUVirtual<\/strong>.<\/p>\n\n\n\n

Copiamos ese c\u00f3digo HTML en la p\u00e1gina que estamos creando para nuestros estudiantes. Antes de pegarlo tenemos que conmutar a la vista HTML<\/em> pulsando el \u00faltimo bot\u00f3n del editor<\/strong>:<\/p>\n\n\n\n

\"Pegar<\/figure>\n\n\n\n

Con este tipo de contenidos multimedia conseguimos que los estudiantes adquieran una mayor comprensi\u00f3n de la materia sin salir de UBUVirtual.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Incrustar otros objetos interactivos<\/h2><\/a>\n\n\n\n

Los mapas y gr\u00e1ficas interactivas<\/strong> son recursos muy efectivos para mostrar informaci\u00f3n de una manera mucho m\u00e1s comprensible.<\/p>\n\n\n\n

Podemos tomar ejemplos de la p\u00e1gina datawrapper.de<\/a> o crear nuestros gr\u00e1ficos a partir de datos propios.<\/p>\n\n\n\n

\"gr\u00e1fica<\/figure>\n\n\n\n

Una vez tengamos el elemento configurado avanzamos hasta el paso 4, en el cual publicamos la gr\u00e1fica y obtenemos un c\u00f3digo para embeberlo<\/strong> en nuestro recurso de tipo p\u00e1gina.<\/p>\n\n\n\n

Para pegar el c\u00f3digo HTML debemos acudir como siempre al \u00faltimo bot\u00f3n del editor, que permite conmutar la vista HTML<\/strong> de nuestra p\u00e1gina.<\/p>\n\n\n\n

\"incrustar<\/figure>\n\n\n\n

De tal manera que, una vez guardados los cambios, en la posici\u00f3n adecuada se cargar\u00eda un gr\u00e1fico interactivo similar al siguiente (con anchura completa):<\/p>\n\n\n\n

<\/div>\n\n\n\n

<\/p>\n\n\n\n

\n