• Vídeo interactivo con enlaces a otros vídeos. Vídeo interactivo YouTube (cuarto modelo)

    16 mayo, 2015 Autor/a: Juan Guillermo Rivera Berrío
    Sin comentarios todavía

    Vídeo interactivo con enlaces a otros vídeos

    Este modelo es similar al segundo, su diferencia la dan los enlaces a nuevos vídeos, mientras que en el segundo se direccionaba al mismo vídeo en un punto temporal diferente. Este modelo no se presentó en la sección en local, en tanto que demandaría la inclusión de varios vídeos con la consecuencia en peso que ello implica.

    (Puedes descargar esta escena desde este enlace)

    En el siguiente documento tenemos una descripción de cómo se puede modificar esta escena:

  • Vídeo interactivo con enlaces a otras escenas interactivas de Descartes. Vídeo interactivo YouTube (quinto modelo)

    16 mayo, 2015 Autor/a: Juan Guillermo Rivera Berrío
    Sin comentarios todavía

    Vídeo interactivo con enlaces a otras escenas interactivas de Descartes

    Una de las aplicaciones interesantes de los vídeos interactivos, es la posibilidad de incluir varias escenas interactivas, que se cargan de acuerdo a los tiempos que definamos para que el vídeo haga una pausa. En este ejemplo, hemos incluido dos escenas.


    (Puedes descargar esta escena desde este enlace)

    En el siguiente documento tenemos una descripción de cómo se puede modificar esta escena:

  • Vídeo interactivo y escena interactiva simultánea. Vídeo interactivo YouTube (sexto modelo)

    16 mayo, 2015 Autor/a: Juan Guillermo Rivera Berrío
    Sin comentarios todavía

    Vídeo interactivo y escena interactiva simultánea

    Una alternativa al modelo anterior, es incluir los comandos de vídeo en una escena interactiva. Dado que cada escena tiene sus particularidades, no damos un instructivo. Sin embargo, algunos elementos comunes son: inclusión de un HTMLIframe con el vídeo, controles para reproducir o detener el vídeo (véanse en este modelo las funciones parada() y controles()), vector de control de tiempo y las instrucciones generales que se dan en los algoritmos de INICIO y CALCULOS. En la escena, se incluiría un control de retorno al vídeo.

    A continuación, mostramos dos ejemplos de este tipo de modelo:

    • Escena de escritura de decimales del Proyecto Pizarra Interactiva. Corresponde al modelo cuya carpeta es video_interactivo_modelo6_YouTube, el vídeo lo hemos diseñado con Camtasia y subido a YouTube.
    • Escena de colorea comunidades del Proyecto GEOgráfica. Corresponde al modelo cuya carpeta es colorea(video_interactivo)-JS. En este caso, se muestra un vídeo de la región andaluza, luego aparece la escena interactiva para colorear una provincia, si esto se hace bien, se muestra un vídeo de esa provincia, además de colorearla.

    Estos son los vídeos:

    (Puedes descargar esta escena desde este enlace)

    (Puedes descargar esta escena desde este enlace)

  • Vídeos interactivos en local

    16 mayo, 2015 Autor/a: Juan Guillermo Rivera Berrío
    Sin comentarios todavía

    Estos modelos de vídeos interactivos incorporan vídeos almacenados en una carpeta de cada modelo; es decir, modelos para ejecución en local, si bien es posible reproducirlos en línea en ordenadores y algunos dispositivos móviles, su propósito principal es poderlos descargar e instalar en ordenadores que presentan baja conectividad. Los vídeos deben estar en formato HTML5, tales como mp4, webm y ogv.

    El ejemplo que presentamos a continuación, carga algunos vídeos en los formatos anteriores.

    Los cuatro modelos que hemos diseñado, los puedes descargar en este enlace

    En el siguiente documento se presenta toda la información sobre este tipo de vídeos interactivos, además de los que usamos con enlaces a YouTube:

  • Funciones para la comunicación

    23 abril, 2015 Autor/a: José R Galo Sánchez
    Sin comentarios todavía

    Se dispone de dos funciones que permiten el envío/recepción de los valores de una variable hacia/desde una escena o hacia/desde la página html que contiene una escena o hacia/desde la página html contenida en un espacio HTMLIframe. En estos dos últimos casos es necesario combinarlo con el manejador de eventos y el interfaz de comunicación de javascript. En otros artículos se detalla cada una de estas situaciones.

    Las funciones indicadas son:

    Sintaxis  Descripción Ejemplo
    Id.set(‘variable_a_actualizar‘,variable_que _actualiza)  Asigna a la variable denominada variable_a_actualizar en el espacio de identificador Id el valor actual de la variable denominada variable_que_actualiza en la escena que incluye la llamada a esta función.Si en Id se indica parent con ello se estará indicando que la variable_a_actualizar se ubica en la escena padre, es decir, aquella que ha abierto a la escena que incluye esta llamada.Obviamente la necesidad de esta función acontece cuando una escena padre lleva embebida a través de un espacio HTMLIframe otra escena. Dentro de una escena la asignación de valores es mediante el operador de asignación = E1.set(‘v1’, v2)A la variable v1 del espacio E1 se le asigna el valor de la variable v2.
    Id.update() En el espacio de identificador Id se actualizan los valores asignados previamente mediante la función set.Puede utilizarse el identificador parent. E1.update()Actualiza en el espacio E1 las variables previamente asignadas con set

    Un ejemplo de utilización de estas funciones puede observarse en la siguiente escena (puede consultarse este artículo) donde tenemos una escena madre que contiene dos espacios HTMLIframe y en cada uno de ellos se tiene una escena de Descartes (Escena hija 1 y Escena hija 2). Puede comprobarse como al cambiar el valor de var1 en la Escena hija 1 se actualiza el valor en la Escena hija 2, y análogamente ocurre con var2.

Página anterior Página siguiente