• Embeber como ventana emergente

    9 octubre, 2014 Autor/a: José R Galo Sánchez
    Sin comentarios todavía

    En el servidor de contenidos de RED Descartes cada material tiene un artículo específico en el que se hace una descripción y se reflejan sus características específicas y catalogación. En él también se incluye un campo en el que se recoge el código necesario para embeber en una página html o en cualquier lugar en el que sea admisible el código html (blogs, wikis, Moodle).

    Embeber como ventana emergente

    Embeber como ventana emergente

    Basta copiar ese código y pegarlo en el editor html o de texto del soporte en el que se quiere ubicar y se genera un enlace con la imagen o icono del objeto y el enlace del mismo para que se abra en una nueva ventana emergente.Es lo reflejado a continuación, pulse sobre la imagen y observará el efecto descrito:


    Medir ángulos en radianes

    El código tiene la siguiente estructura:

    <a href=»https://proyectodescartes.org/miscelanea/materiales_didacticos/radianes-JS/index.html» target=»_blank» onclick=»window.open(this.href, this.target, ‘width=1024,height=975,top=30,left=100,toolbar=0,menubar=0,scrollbars=1,resizable=1,location=0,status=0′); return false;»>

    <img
    src=»https://proyectodescartes.org/descartescms/images/materiales/miscelanea/radianes-JS.png» alt=»Medir ángulos en radianes» style=»display: block; margin-left: auto; margin-right: auto;»></a>

    donde los literales reflejados en rojo son los específicos de cada material. El primero es la dirección web del recurso, el ancho, el alto y la posición (top y left) donde se ubicará la ventana emergente. La segunda dirección web se corresponde con el icono del recurso.

    Obviamente este código puede usarse para cualquier otro recurso sin más que cambiar esos valores.

  • Embeber en una wiki

    9 octubre, 2014 Autor/a: José R Galo Sánchez
    Sin comentarios todavía

    Una wiki es un entorno colaborativo en el que los usuarios pueden incluir y editar artículos. Una wiki muy conocida es, por ejemplo, wikipedia. Obviamente dado el carácter y finalidad de los mismos el usuario cuenta con un editor que en general cuenta con una modalidad visual y otra textual.

    Editor visual de una wiki

    Editor visual de una wiki

     

    Editor de texto de una wiki

    Editor de texto de una wiki

     

    Para poder embeber una escena en una wiki es necesario incluir el código de la misma en el modo de edición texto. Seleccionada esta opción basta pegar el código de la escena en la posición deseada, comprobando que la llamada al intérprete está incluida y el parámetro “docBase” si la escena usa imágenes, macros y/o ficheros.

    Al previsualizar o acceder al artículo en el que se ha embebido la escena podrá observar e interactuar con la misma.

     

    Nota: Hay determinadas herramientas o servicios en las que el administrador puede incluir filtros o limitaciones a la hora de embeber código. Si no le funciona este procedimiento, cerciórese que el código que ha copiado no ha sido borrado por algún filtro de este tipo, para ello basta que vuelva a editar y compruebe que el código sigue ahí y que no ha sido cambiado. Si no estuviera o hubiera sido cambiado tendrá que ponerse en contacto con el administrador de su servicio para que cambie ese filtro.

  • Embeber en Moodle

    9 octubre, 2014 Autor/a: José R Galo Sánchez
    Sin comentarios todavía

    Moodle es un software libre que permite instalar y gestionar una plataforma de aprendizaje (e-learning). A ella puede accederse con diferentes perfiles desde usuario, profesor o administrador, y según estos podrá realizar determinadas acciones. Si tiene permiso de edición podrá incluir recursos y actividades.

    Allí donde se puede editar, Moodle presenta un editor que presenta dos modalidades una visual y otra de texto o código html.

    Editor en Moodle

    Editor en Moodle, acceso al editor de código html

     

    Para poder embeber una escena en Moodle es necesario incluir el código de la misma en el modo de edición texto. Seleccionada esta opción basta pegar el código de la escena en la posición deseada, comprobando que la llamada al intérprete está incluida y el parámetro “docBase” si la escena usa imágenes, macros y/o ficheros.

    Código de una escena embebido en Moodle

    Código de una escena embebido en Moodle

     

    Al previsualizar o acceder al recurso o actividad en la que se ha embebido la escena podrá observar e interactuar con la misma.

    A continuación puede observar un vídeo sobre este tema:

    Y ahora otro donde se enlazan recursos

     

    Nota: Hay determinadas herramientas o servicios en las que el administrador puede incluir filtros o limitaciones a la hora de embeber código. Si no le funciona este procedimiento, cersiórese que el código que ha copiado no ha sido borrado por algún filtro de este tipo, para ello basta que vuelva a editar y compruebe que el código sigue ahí y que no ha sido cambiado. Si no estuviera o hubiera sido cambiado tendrá que ponerse en contacto con el administrador de su servicio para que cambie ese filtro.

  • Embeber en un blog

    9 octubre, 2014 Autor/a: José R Galo Sánchez
    Sin comentarios todavía

    La edición de artículos en un blog suele apoyarse en un editor que permite introducir los textos, gráficos, vídeos, etc. Ese editor suele presentar dos modos de edición uno visual y otro tipo texto.

    Editor de artículos en un blog

    Editor de artículos en un blog

    Para poder embeber una escena en un artículo de un blog es necesario incluir el código de la misma en el modo de edición texto. Seleccionada esta opción basta pegar el código de la escena en la posición deseada, comprobando que la llamada al intérprete está incluida y el parámetro «docBase» si la escena usa imágenes, macros y/o ficheros.

    Copiar el código de una escena en un blog

    Copiar el código de una escena en un blog

    Al previsualizar o publicar el artículo podrá observar e interactuar con la escena embebida.

    La escena que puede ver en el artículo https://descartesjs.org/documentacion/?p=2051 de esta documentación, la cual tiene como soporte un blog, está embebida siguiendo estas indicaciones.

    Nota: Hay determinadas herramientas o servicios en las que el administrador puede incluir filtros o limitaciones a la hora de embeber código. Si no le funciona este procedimiento, cersiórese que el código que ha copiado no ha sido borrado por algún filtro de este tipo, para ello basta que vuelva a editar y compruebe que el código sigue ahí y que no ha sido cambiado. Si no estuviera o hubiera sido cambiado tendrá que ponerse en contacto con el administrador de su servicio para que cambie ese filtro.

  • Copiar y pegar una escena en el entorno html

    8 octubre, 2014 Autor/a: José R Galo Sánchez
    Sin comentarios todavía

    Una vez se ha accedido al código de una escena basta seleccionar ese código, copiarlo (Ctrl+C) y simplemente pegarlo (Ctrl+V), en un editor de código cualquiera (editor de texto o html), en la posición donde se desea que la escena quede incorporada.

    El criterio general es que donde puede copiarse código html podrá copiarse una escena ya que ésta sigue la estructura de etiquetas propia de html.

    Para el adecuado funcionamiento de la escena copiada han de tenerse en cuenta los siguientes detalles:

    A. Para que el navegador que abra la página en la que se ha incluido la escena pueda interpretarla es necesario que en el código esté incluida la llamada al intérprete. En particular para DescartesJS la llamada al intérprete a Internet requeriría incluir, si el código copiado no  la incluye ya, la línea

    <script type=’text/javascript’ src=’https://arquimedes.matem.unam.mx/Descartes5/lib/descartes-min.js’></script>

    B. Si la escena hace uso de imágenes, macros o ficheros será necesario indicar el lugar donde pueden encontrarse estos y por defecto se puede incluir la dirección desde la que se está copiando la escena. La forma de indicarlo es mediante el parámetro docBase:

     <param name=»docBase» value=»dirección web donde están esos ficheros«>

    y ubicar esta línea como primer parámetro del código de la escena.

    Por ejemplo, si deseamos copiar la escena de la tortuguita que utiliza imágenes y ficheros y que se incluye en la página de subproyectos de la web de RED Descartes: https://proyectodescartes.org/indexweb.html, el procedimiento sería el siguiente:

    1. Seleccionamos la escena que se quiere incorporar.
    2.Posicionamos el ratón sobre ella y pulsamos el botón auxiliar del ratón (derecho por defecto) que abrirá la ventana en la que aparece el botón «config». Pulsamos este botón y obtenemos el código de la escena.
    código escena

    Acceso al código de la escena

     
    3.Copiar el código y pegarlo en el soporte donde se desea incorporar dicha escena: por ejemplo una página html, o un blog, o una Moolde, o una wiki, etc. Como hemos indicado allá donde se pueda copiar código html se puede copiar la escena.
    Pegar código

    Pegar código en el soporte seleccionado, en este caso en una página html abierta en un editor

     
    4. Revisar si el código pegado tiene la línea de llamada al intérprete incorporada. Si no la tuviera habrá que incluirla. Por ejemplo:
    <script type=’text/javascript’ src=’https://arquimedes.matem.unam.mx/Descartes5/lib/descartes-min.js’></script>. En la imagen anterior puede observarse la escena copiada e incorporado el script indicado.
    5. Comprobar si en el código va incluida la referencia para localizar los ficheros auxiliares (imágenes, macros y ficheros), es decir el parámetro docBase. Si no fuera así, entonces incorporar este parámetro indicando en value la dirección web desde la que se ha copiado la escena. En este ejemplo sería  https://proyectodescartes.org/indexweb.html y la línea a incorporar:
     <param name=»docBase» value=»https://proyectodescartes.org/«>
    En la imagen anterior puede observarse esta línea incorporada en el código de la escena.
    6. Con estas acciones ya tendremos operativa la página en cualquier lugar siempre que se tenga conexión a Internet (dado que las referencias que se han puesto necesitan de ese acceso a Internet). 
     
    Es esencia y de manera simplicada: acceder a la escena, copiar código, pegar código y añadir la llamada al intérprete y al docBase si no estuviera. Eso es lo que se ha hecho aquí para que incorporar la escena citada a esta página de documentación:
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
    Escena copiada y pegada en este blog de documentación
     
     
    Nota: Hay determinadas herramientas o servicios en las que el administrador puede incluir filtros o limitaciones a la hora de embeber código. Si no le funciona este procedimiento, cersiórese que el código que ha copiado no ha sido borrado por algún filtro de este tipo, para ello basta que vuelva a editar y compruebe que el código sigue ahí y que no ha sido cambiado. Si no estuviera o hubiera sido cambiado tendrá que ponerse en contacto con el administrador de su servicio para que cambie ese filtro.
     
Página anterior