• Unidades didácticas adaptables – diseño responsive

    En otro artículo relativo a «Escenas adaptables- diseño responsive» se expone que el diseño web adaptable, responsive o –en una castellanización simple– responsivo, tiene por objetivo adaptar la apariencia de las páginas web al dispositivo que se esté utilizando para visualizarla:  tabletas, smartphones, libros electrónicos, portátiles, ordenadores,… Igualmente, observamos que la adaptabilidad también se logra en el tamaño de la ventana donde se está visionando la página web, propiedad que se extiende a marcos y tablas (ver ejemplo al final de este apartado).

    Diseñar una unidad didáctica de Descartes adaptable, posibilita que ésta se pueda incrustar con cualquier tamaño, sin que se pierdan sus propiedades. La siguiente unidad, del proyecto Un_100, tiene un tamaño original de 990×670 píxeles, al ser adaptativa permite que la incrustemos o la embebamos en la columna izquierda de este blog:

    El procedimiento para lograr esta adaptabilidad se puede consultar en el siguiente vídeo. Por otra parte, los dos ejemplos (el del vídeo y la escena en sí), se pueden descargar en los siguientes enlaces:

    Ejemplo 1

    Ejemplo 2

    Finalmente, en la siguiente escena se presentan tres objetos Descartes distribuidos en tres celdas de diferente tamaño (en el apartado anterior, en el ejemplo 2, se incluye la tabla para que la consultes).

  • Escenas adaptables – diseño «responsive»

    El diseño web adaptable o adaptativo, conocido por las siglas RWD (del inglés, Responsive Web Design) es una filosofía de diseño y desarrollo cuyo objetivo es adaptar la apariencia de las páginas web al dispositivo que se esté utilizando para visualizarla. Hoy día las páginas web se visualizan en multitud de tipos de dispositivos como tabletas, smartphones, libros electrónicos, portátiles, PCs,… Además, aún dentro de cada tipo, cada dispositivo tiene sus características concretas: Tamaño de pantalla, resolución, potencia de CPU, capacidad de memoria,… Esta tecnología pretende que con un solo diseño web, tengamos una visualización adecuada en cualquier dispositivo (Wikipedia).

    Diseñar una escena de Descartes adaptable, posibilita que ésta se pueda incrustar con cualquier tamaño, sin que se pierdan sus propiedades. La siguiente escena tiene un tamaño original de 790×500 píxeles, al ser adaptativa permite que la incrustemos o la embebamos en la columna izquierda de este blog:

    El procedimiento para lograr esta adaptabilidad se puede consultar en el vídeo que se encuentra al final de este apartado. Por otra parte, los dos ejemplos (el del vídeo y la escena de este apartado), se pueden descargar en los siguientes enlaces:

    Ejemplo 1

    Ejemplo 2

  • Ejemplos con «docBase»

    En las escenas que utilizan imágenes, macros y/o ficheros puede utilizarse en el código de la escena el parámetro «docBase» con objeto de localizar estos archivos (ver detalle en el artículo Copiar y pegar escenas en html). Aquí podemos observar diferentes ejemplos de esta utilidad con cada uno de los tipos de archivo antes mencionado:

    1. Acceso a imágenes y archivos de audio

    2. Acceso a macros

    3. Acceso a ficheros de manera estática o dinámica con _GetValues_ 

    4. Acceso a ficheros de manera dinámica

    5. Acceso a matrices con _GetValues_  y con _GetMatrix_

    6. Acceso a matrices de manera dinámica

     

    Puede descargar las páginas con los ejemplo anteriores desde este enlace.