buscar Buscar en RED Descartes    

Valora este artículo
(3 votos)

Proporcionalidad. Las Espirales V

Entre las innovaciones producidas en el ámbito de la Red Educativa Digital Descartes y gracias al convenio trilateral entre la Facultad de Ciencia y Tecnología de la Universidad Autónoma de Entre Ríos (FCyT-UADER) en la provincia de Entre Ríos en Argentina, la Red Educativa Digital Descartes Colombia (colDescartes) y la Red Educativa Digital Descartes (RED Descartes), están: el libro Opúsculo sobre la función lineal y afín, la recta en el plano creado por las profesoras Irma Manuela Benitez - Alicia Elena Carbonell y María Alicia Gemignani, la siguiente imagen enlaza con dicho libro

función lineal

y la integración de los mapas de Google en una escena DescartesJS realizada por Diego Feria Gómez, que abre un amplio abanico de posibilidades al proyecto GEOGráfica según muestra la escena que enlazamos a continuación.

Capitales

También cabe destacar la aportación de la profesora Montserrat Gelis Bosch que ha adaptado al catalán el material sobre planos de simetría en 3D creado por el profesor José R. Galo Sánchez que puede consultarse en los siguientes vínculos,

Cubo Cono esfera prisma pirámide

y el Opúsculo sobre los complejos de María José García Cebrian que se enlaza a continuación y que, encarecidamente, aconsejamos visitar y utilizar en el tema de Complejos por su completitud y potencial didáctico.

Complejos

De la espléndida colección de libros dinámicos, interactivos y multimedia del subproyecto iCartesiLibri que los profesores: Juan Jesús Cañas Escamilla, José R. Galo Sánchez, Juan Guillermo Rivera Berrío, Irma Manuela Benitez, Alicia Elena Carbonell y María Alicia Gemignani han creado sobre algunos temas de Estadística y Análisis enlazamos, por su indudable interés, el libro de estadística.

Estadística

La extraordinaria acogida a los materiales del proyecto @prende, recientemente elaborado por: José Luis Abreu León (Instituto de Matemáticas), Joel Espinosa Longi (Instituto de Matemáticas), Deyanira Monroy Zariñán (LITE) y equipo para Primaria, comentada ampliamente en los foros hace que no sea necesario reiterar los elogios a tan meritotia creación, en la imagen siguiente enlazamos el recurso dedicado a las áreas.

área triángulo

Seguimos insistiendo en la necesidad de estar al día de las posibilidades operativas y de uso de los materiales y escenas de la Red Educativa Digital Descartes. Aconsejamos acudir a los foros y contenidos de la Documentación técnica de la herramienta de autoría DescartesJS, en especial a estos, que llevan a la información sobre las animaciones y la construcción, paso a paso, de algunas escenas ejemplo, elaborada por el profesor Juan Guillermo Rivera Berrío.

Antes de comenzar con el análisis de como hemos incluido en la miscelánea que estamos creando las escenas de la espiral de Teodoro y las espirales de tres a veinte centros, vamos a mostrar un vídeo de la presencia de la espiral en el organismo con objeto de apreciar diferentes formas de enfocar el tema que nos ocupa.

Continuamos con la creación de la miscelánea que con el título Las Espirales va a contener una serie de escenas donde se introducirán, estudiarán y representarán algunas espirales.  

En el artículo anterior terminamos de estudiar el proyecto de miscelánea, tal y como estaba hasta aquella fecha, indicando que íbamos a integrar en el mismo el contenido de la escena de la espiral de Teodoro.
También hemos añadido al proyecto el contenido de la siguiente escena sobre como dibujar las espirales de 3, 4, 5 ... 20 centros

La escena de la espiral de n centros, que vemos a continuación

está formada por:

  • dos controles tipo pulsador
  • un control gráfico de color rojo que es la referencia para la construcción de la gráfica.
  • un texto.
  • dos familias de puntos (los vértices y sus trasladados)
  • dos familias de segmentos (los lados y sus prolongaciones).
  • una familia de arcos.

Los pulsadores controlan, respectivamente, la cantidad de centros de la espiral y la longitud del lado del polígono regular sobre cuyos vértices se encuentran dichos centros. Inicialmente es visibles la espiral de tres centros.
Con objeto de que puedan verse todas las espirales, la escala del espacio donde se representan tiene un valor de 16 en lugar de 48 que es el valor por defecto. Aunque para ver bien las espirales de más de 9 centros es conveniente poner la longitud del lado a 1. Esto se ha hecho así para que se practique con el cambio de escala. Puede conseguirse el mismo efecto poniendo un control en la escena que modifique la escala; o reduciendo - aumentando el tamaño del lado del polígono base.
Para poder dibujar la colección de centros y los segmentos de los lados y sus prolongaciones, hemos definido:

  • Cuatro vectores de tamaño dinámico para albergar las coordenadas de los vértices y sus trasladados que harán posible la gráfica de los segmentos de la escena.
  • Un algoritmo que calcula las coordenadas de los vértices y sus trasladados.

Desde este enlace puede descargarse el proyecto de miscelánea con la espiral de Teodoro y las espirales de n centros incluidas, se puede observar que el nombre del archivo ha cambiado respecto al original, es así para que se puedan comparar los códigos y ver los cambios realizados. Aconsejamos, a quienes comienzan a crear escenas fundamentalmente, y a cualquiera que visite el Blog, leer detenidamente el extraordinario artículo creado por el profesor Ángel Cabezudo Bueno sobre las Escenas con DescartesJS: Técnicas y trucos, donde se detalla con rigor el significado y uso de los componentes que pueden intervenir en una escena aportando una buena colección de atajos y utilidades que agilizan la creación y dotan a las escenas de funcionalidades extraordinarias.
La escena del proyecto puede verse a continuación:

Como aplicación de la proporción Humana hemos elaborado la siguiente escena.

También, en la misma dirección, hemos creado, con el programa GeoGebra, una breve aplicación que muestra como teselar un triángulo cordobés con triángulos cordobeses.

Acceso al recurso en GeoGebraTube

En próximas entradas continuaremos con el paso a paso de la escena incluyendo la espiral Cordobesa, la de Durero, la de Fibonacci y otras más entre sus funcionalidades, analizando el subproyecto Misceláneas, y las nuevas posibilidades que el código ofrece.

Animamos a los lectores a colaborar en el proyecto elaborando contenidos o aportando ideas y sugerencias.

Ildefonso Fernández Trujillo

 

Viernes, 15 Enero 2016 00:39

Unidades de masa. @prende.mx

Escrito por
Valora este artículo
(3 votos)

El proyecto @prende.mx es una iniciativa de la Secretaría de Educación Pública de México. Está formado por materiales interactivos para primaria, diseñados para su uso en tabletas usando la herramienta DescartesJS. En su desarrollo han participado el Instituto de Matemáticas de la Universidad Autónoma de México y el Laboratorio de Tecnologías de la Educación (LITE)

En el siguiente vídeo analizamos la unidad Unidades de masa, con actividades para introducir la masa y sus medidas en primaria.

Todas las unidades pertenecientes al proyecto @prende.mx constan de cuatro fases: observa, explora, aprende y prueba. En el apartado observa de la unidad Unidades de masa se pueden ver diferentes imágenes. Situando el ratón sobre cada una de ellas aparece un mensaje indicando la masa del objeto que representa y la unidad en que se mide.

En el apartado explora el alumnado debe completar una tabla de equivalencias entre unidades de masa. Para ello se dispone de una balanza que se debe equilibrar.

En los apartados aprende y prueba, se proponen varios ejercicios de conversiones entre diferentes unidades de masa. Una vez completado el ejercicio, el alumno puede verificar si la respuesta es correcta o no.

Se trata de actividades interactivas autocorrectivas que se pueden realizar tantas veces como se precise ya que se van generando aleatoriamente.

Valora este artículo
(12 votos)

En este artículo se describe cómo se pueden elaborar libros interactivos donde la interactividad la aporta Descartes y el soporte visual y de navegación viene dado por "Moleskine notebook".

A continuación tienes un ejemplo de libro interactivo diseñado con estas herramientas. Puedes navegar en él.

(Puedes descargar este libro desde este enlace y para verlo en otra pestaña pulsa aquí)

Este nuevo recurso de la Red Educativa Digital Descartes lo hemos definido con el término LIBRO, fundamentado en las siguientes razones:

  • Diseño. Su presentación gráfica simula la cubierta y hojas de un libro.
  • Animación. La transición entre las páginas es una animación que simula el desplazamiento de natural de una página a otra.
  • Interactividad. Según la UNESCO, un libro debe tener 50 o más páginas. Esta afirmación la consideramos válida para libros estáticos; sin embargo, en los libros digitales interactivos, una página no es “una simple página”, en tanto que factores como la interactividad y la aleatoriedad, la convierten  en un número indefinido de páginas. La siguiente imagen, que hace parte del libro ejemplo de este tutorial, valida la afirmación anterior.

 

Una página diferente cada vez

Si aceptamos los argumentos anteriores, diseñar un libro digital interactivo será algo sencillo para cualquier desarrollador de escenas Descartes. Veamos, entonces, cuál es el procedimiento para ello.

RECURSOS A UTILIZAR

Este tutorial viene acompañado de un libro ejemplo, sobre el cual haremos todas las explicaciones. Los recursos necesarios para diseñar nuestro libro son los siguientes:

  • Moleskine Notebook. Hemos realizado una adaptación de este recurso, ampliando el tamaño de las páginas, ajustando fuentes y tamaño de imágenes. El recurso original, se puede descargar desde este enlace: http://tympanus.net/codrops/2010/12/14/moleskine-notebook/.
  • Escenas Descartes. Es importante, de acuerdo al tercer argumento planteado para validar nuestro concepto de “Libro”, que las escenas que incluyamos en nuestro libro tengan algo de aleatoriedad. En caso contrario, se podría optar por diseñar 50 páginas, o definirlo simplemente como un folleto.
  • Editor de textos. Podría bastar con un editor simple (bloc de notas de Windows, por ejemplo); sin embargo, es recomendable utilizar un editor como Notepad (https://notepad-plus-plus.org/), que presenta las líneas de código en una forma más comprensible para su edición.

Los tres recursos son de acceso y uso libre, lo que facilita el diseño de nuestro libro.

CONTENIDO DEL LIBRO

El modelo que acompaña este tutorial, contiene los siguientes elementos:

  • Seis archivos tipo html. Sólo son útiles los archivos index.html e indexb.html, los otros cuatro se han dejado para que el usuario, si lo desea, los consulte o modifique desde el editor de Descartes, pues son las escenas que se incorporarán en el libro. Se pueden eliminar.
  • Carpeta audio. Hace parte de la última escena del libro. Para otros diseños no es necesaria, se puede eliminar.
  • Carpeta "imagenes". Incluye las imágenes usadas en las escenas Descartes.
  • Carpeta "images". Incluye las imágenes usadas por Moleskine.
  • Carpeta css. Contiene el archivo style.css, que intervendremos en el diseño.
  • Otras carpetas. Todas necesarias, no las intervendremos.

ESCRITORIO

Iniciamos el diseño de nuestro libro con la elección del escritorio. Para darle más realismo a la presentación, Moleskine usa una imagen de fondo que muestra una superficie (escritorio) sobre el que está apoyado el libro. Además de la imagen original, hemos incluido otras que puedes elegir o, si lo prefieres, incluir otra que desees (ver carpeta images).EscritorioCambiar escritorio Para cambiar el escritorio, abrimos con el editor de textos el archivo style.css, que se encuentra en la carpeta css. Luego cambiamos el nombre de la imagen en la línea seis: Código para cambiar escritorio TIPO DE FUENTE

Hemos incluido nueve tipos de fuente, diferentes a la original de Moleskine, que aceptan los caracteres del español. fuentes Puedes ensayar varios de ellos, modificando la línea 20 del archivo indexb.html: Cambiar fuente Nosotros, hemos usado la fuente Note_this_400.font5.js.

PRIMERA PÁGINA

Primera páginaPor defecto, Moleskine deja en blanco la página de la contraportada. Nos ocuparemos, entonces, de diseñar la primera página. Antes de iniciar con la primera página, es importante que sepas que cada página está incluida en un bloque <div>. Nuestra primera página podemos crearla de dos formas. La primera, puede ser una imagen de un texto que diseñemos en un editor gráfico (PowerPoint, por ejemplo), un ejemplo de ello lo veremos en la segunda página. La segunda, es usar las etiquetas de HTML, así: Etiquetas javascript En el diseño hemos usado:

  • Centrado de página: <div align= "center">.
  • Etiqueta <h1>. Moleskine incluye, para esta etiqueta, un subrayado informal (ver imagen). Por ser la primera página, hemos aumentado tres veces el tamaño de la fuente usando style="font-size:300%;" y alineado el texto a la izquierda.
  • Etiqueta <p>. Tiene el mismo efecto de <h1>, pero sin el subrayado. Aquí hemos usado diferentes tipos de color de fuente.
  • Salto de línea <br/>.

Si no deseas usar el tipo de fuente, puedes combinar con las etiquetas <h2>, <h3>,… Si no deseas usar ninguna etiqueta, siempre te queda la opción de la imagen, como veremos a continuación.

PÁGINA CON IMAGEN

Página con imagen Se trata de una imagen, que podemos incorporar así: Código para insertar imagen Es importante tener en cuenta que su ancho y alto no puede ser superior a 450 pixeles.

PÁGINAS CON ESCENAS DESCARTES

Aquí terminamos nuestro tutorial, explicando cómo insertamos una escena Descartes. Escena de Descartes Nuestra escena debe tener un tamaño no superior a los 500x500 pixeles. Ocasionalmente, en escenas ya diseñadas, podríamos extendernos a 550x550, sacrificando un poco las márgenes de la página. Para incluir nuestras escenas al libro, seguimos este procedimiento:

  • Abrimos con el editor de textos el archivo de la escena Descartes.
  • Copiamos el código comprendido entre las etiquetas <ajs> y </ajs>.
  • En un bloque <div> pegamos este código y… listo.

Sugerencias de diseño:

  • Centrar la escena. Para ello, usamos <div align=”center”>.
  • Incluir título de la página. Podemos usar: <h1 align= "left"><b>APRENDIENDO A SUMAR</b></h1>.
  • Incluir un texto introductorio. Algo así como: <p align= "left">Observa cómo se suma con los dedos. Luego arrastra los números a la casilla de la suma. </p>.
  • Incluir los créditos. Además del reconocimiento al autor del libro, recomendamos incluir los créditos a la herramienta Descartes y a http://tympanus.net/codrops/2010/12/14/moleskine-notebook/, además de la licencia.

Pulsa sobre la siguiente imagen para acceder a otro libro interactivo diseñado con estas herramientas y que está publicado en el subproyecto iCartesiLibri

Cuaderno para practicar la suma

(Puedes descargar este libro desde este enlace)

  

Valora este artículo
(5 votos)

En este artículo se muestra el proceso de comunicación entre una escena de Descartes y una página web que integra un mapa de Google Maps. Google Maps es un servidor de aplicaciones de mapas en la web que pertenece a Google. Ofrece imágenes de mapas desplazables, así como fotografías por satélite del mundo e incluso la ruta entre diferentes ubicaciones o imágenes a pie de calle con Google Street View. La interacción entre la escena de Descartes y la página web aprovecha el manejador de eventos propuesto en el artículo "Comunicación escena-html usando DescartesJS" y la API de Google Maps Javascript para controlar las acciones del usuario.

En el siguiente objeto interactivo, usado para afianzar el conocimiento de las capitales del continente americano, se propone localizar en un mapa de Google Maps la capital de un determinado país. Dicho objeto está formado por una página html que sostiene dos grandes contenedores: el primer bloque soporta una escena de Descartes embebida mediante un iframe (ubicado a la izquierda) y el segundo, un mapa de Google Maps (ubicado a la derecha).

 

Descartes Maps

Autor: Diego Luis Feria Gómez Red Educativa Digital Descartes Colombia
Este material está publicado bajo una licencia:
Licencia Creative Commons
Creative Commons Reconocimiento-NoComercial-SinObraDerivada 4.0 Internacional

(Puedes descargar esta escena desde este enlace)

 

La comunicación entre la escena de Descartes y la página html tiene lugar en 3 momentos:

  1.  Envío de la pregunta desde la escena de Descartes
  2. Gestión de la pregunta y envío de las respuesta desde el archivo html hasta la escena de Descartes.
  3. Administración de respuestas desde la escena de Descartes.

En la primera fase, internamente la escena de Descartes (incluida en el archivo comunicacion_Descartes.html) carga las capitales, configura las variables que controlan las respuestas del usuario y ordena los países de manera aleatoria, y después envía una pregunta a la página html en la que está embebida como iframe y que se denomina indexb.html. Este proceso es controlado por el código javascript incluido en comunica.js.

En la segunda etapa, la página indexb.html administra la interacción del usuario con el mapa y envía la respuesta a la escena de Descartes a través de el código javascript externo incluido en mapa.js. Este documento también es responsable de la construcción y configuración del mapa.

Finalmente, en la fase tercera, la escena de Descartes valida los resultados, controla los aciertos y desaciertos, y a continuación reinicia el ciclo con una nueva pregunta. 

Página 89 de 166

SiteLock

Módulo de Búsqueda

Palabras Clave

Título

Categoría

Etiqueta

Autor

Acceso

Canal Youtube

 Youtube CanalDescartes

Calculadora Descartes

Versión 3.1 con estadística bidimensional

ComparteCódigo para embeber

Utilizamos cookies para mejorar nuestro sitio web y su experiencia al usarlo. Las cookies utilizadas para el funcionamiento esencial de este sitio ya se han establecido. Para saber más sobre las cookies que utilizamos y cómo eliminarlas , consulte nuestra Política de Privacidad.

  Acepto las Cookies de este sitio.
EU Cookie Directive Module Information