buscar Buscar en RED Descartes    

Mostrando artículos por etiqueta: capitales

 

Selecciona las capitales de los países de América

Título: Selecciona las capitales de los países de América
Sección: Sociales
Bloque: GEOgráfica
Unidad: Capitales
Nivel/Edad: Cualquier nivel y cualquier edad
Idioma: Castellano
Autor de las escenas: Ildefonso Fernández Trujillo

InformaciónHaz clic en la imagen para abrir el recurso

Descargar recursoDescargar recurso

ComparteCódigo para embeber como iframe ComparteCódigo para abrir en ventana emergente

Puedes encontrar todos los recursos de GEOgráfica en
https://proyectodescartes.org/geografica/index.htmVer Créditos

Este material está publicado bajo una licencia:
Licencia Creative Commons
Creative Commons Reconocimiento-NoComercial-SinObraDerivada 4.0 Internacional

 

Publicado en GEOgráfica

 

Selecciona las capitales de los países de África

Título: Selecciona las capitales de los países de África
Sección: Sociales
Bloque: GEOgráfica
Unidad: Capitales
Nivel/Edad: Cualquier nivel y cualquier edad
Idioma: Castellano
Autor de las escenas: Ildefonso Fernández Trujillo

InformaciónHaz clic en la imagen para abrir el recurso

Descargar recursoDescargar recurso

ComparteCódigo para embeber como iframe ComparteCódigo para abrir en ventana emergente

Puedes encontrar todos los recursos de GEOgráfica en
https://proyectodescartes.org/geografica/index.htmVer Créditos

Este material está publicado bajo una licencia:
Licencia Creative Commons
Creative Commons Reconocimiento-NoComercial-SinObraDerivada 4.0 Internacional

 

Publicado en GEOgráfica

La opción Gráficos del menú del Editor de Escenas Descartes nos ayuda a situar cada forma, imagen y texto en el lugar que le corresponde en el escenario y a programar el aspecto que estos elementos van a presentar y cuando van a estar visibles y cuando ocultos. En nuestro caso, y ya con la utilidad en funcionamiento, al desplegar la opción, esta presenta el siguiente aspecto:

editor de escenas

Es conveniente analizar el gráfico anterior detenidamente. Corresponde a la definición de la imagen principal de la utilidad que es el mapa base. Se observan dos regiones: a la izquierda, la zona de inserción, copia, posicionamiento y borrado de los objetos y a la derecha, las características de cada uno de ellos. Vemos que a la "imagen" del mapa se le han asignado unas coordenadas, que corresponden a la esquina superior izquierda del objeto, y otra serie de valores. El significado y uso de cada uno de ellos se explica en los artículos: editor básico,   palabras reservadas  y en otras entradas de la documentación técnica y de usuario de Descartes v5.

En realidad con la opción de menú Gráficos pueden crearse muchos más objetos como observamos en el siguiente vídeo.

A cada uno de los objetos que podemos agregar le corresponde las opciones de menú adecuadas para su configuración, posicionamiento y visibilidad. La ayuda para conocer todas las opciones y su uso está, como ya hemos indicado, en la documentación técnica.

El material de ejemplo que hemos desarrollado en los artículos anteriores, ha posibilitado la creación de un nuevo subproyecto didáctico de la red Descartes para el área de Geografía. El resultado puede observarse siguiendo el enlace gráfico siguiente.

logo

En el apartado materiales de la página anterior hay un enlace para descargar los contenidos y así poder usarlos localmente o examinar su estructura. Este subproyecto está abierto a todas aquellas personas que quieran participar y colaborar en él.

El código que facilita la creación de estos objetos educativos y el mantenimiento de la infraestructura necesaria para la elaboración y distribución de los mismos se debe a:

código

La  red Descartes ha desarrollado  una colección de subproyectos educativos que abarcan cada vez más áreas del curriculum y más niveles

En siguientes entradas continuaremos analizando el subproyecto Misceláneas, y las nuevas posibilidades que la  libreria ofrece.

Ildefonso Fernández Trujillo

Publicado en Experiencias

El menú del Editor de Escenas Descartes tiene las opciones principales: Botones, Espacio, Controles, Definiciones, Programa, Gráficos y Animación. En la pantalla inicial

editor de escenas

también observamos, en la parte superior, un menú desplegable para seleccionar el idioma y una serie de botones: deshacer, rehacer, original, nueva, código, macro y ayuda cuyo significado y uso se explica en documentación técnica y de usuario de Descartes v5.

Seguiremos estudiando la utilidad que hemos desarrollado en artículos anteriores, aunque vamos a introducir algunas variaciones para disponer de más código para analizar y así poder apreciar cómo, utilizando propiedades genéricas de los objetos que usamos puede escribirse un código adaptable, de forma automática, a diferentes situaciones. En síntesis el cambio principal es que en lugar de estudiar el continente europeo vamos a aplicar la utilidad al continente americano, esto conlleva una serie de cambios evidentes que pueden observarse analizando el código fuente de las nuevas páginas comparándolo con los códigos de las páginas anteriores. Continuaremos observando simultáneamente las acciones sobre el Editor de Escenas y el código que se genera, recordando que ahora toca usar la opción de menú Programa, para crear las variables, algoritmos y funciones que aún no se han implementado dándoles funcionalidad y disponer, con la opción Gráficos, los textos, imágenes y gráficos en la escena para que doten de dinamismo y sentido a la utilidad.

Antes de ver como se usan las opciones de menú: Programa y Gráficos, quizá convenga observar el aspecto y funcionamiento de la utilidad aplicada al continente americano, a continuación están los enlaces que nos lo muestran: Capitales de América (menú), Capitales de América (evento click)

El código que genera la opción de menú Programa en esta ocasión es, para la versión de la utilidad basada en la selección de la capital

código

Y el código generado por la versión basada en el evento click del ratón:

código


Las acciones que se han realizado, en el primero de los casos, con la opción de menú Programa, son las que muestra el vídeo siguiente

Ahora pasamos a la opción de menú Gráficos, aquí situamos con precisión los textos, imágenes y gráficos que vayamos a necesitar programando cuando van a estar visibles y cuando ocultos y la manera en que se van a mostrar. Debido a la extensión del artículo dejamos para más adelante el estudio de esta opción del menú.

En siguientes entradas se continuará con la explicación de la opción Gráficos del menú principal del Editor de Escenas, el análisis del código generado y otras consideraciones relativas a las Misceláneas.

Publicado en Experiencias

En esta ocasión, para adentrarnos en la estructura interna de una miscelánea, haremos una síntesis de la documentación técnica y de usuario de Descartes v5, analizando simultáneamente el editor de escenas y el código que genera.

Si navegamos por la página Capitales de Europa y observamos el código fuente de la misma vemos que las primeras líneas de este es lo que muestra la imagen siguiente.

código

Los parámetros de la etiqueta <ajs> de apertura de la escena y los valores de la configuración base se establecen seleccionando la opción de menú: "Botones" en el Editor de Escenas y marcando/desmarcando o eligiendo las características que queremos para nuestra utilidad según se muestra a continuación.

código

En el vídeo del artículo anterior mostramos como crear los espacios de dos dimensiones: R2 y HTMLIFrame que van a contener a los diversos protagonistas de la escena. En el gráfico inicial se observa el código generado con aquellas acciones. Conviene señalar que se han creado seis espacios, que el principal es el primero, con id = E1, y que en el código todos los espacios comienzan con: <param name=E...

Ahora pasamos a la opción de menú: Controles, aquí definimos los botones, campos de texto, pulsadores etc... que vayamos a necesitar. En nuestro caso particular hemos definido controles para los botones: Otra, Indicaciones,Finalizar y Continuar. También hemos definido dos controles que su única función es contener un gráfico y hemos introducido un cambio respecto al código publicado anteriormente, hemos definido un control tipo menú según muestra esta imagen,

controles

La introducción del control tipo menú ha sido debida a que vamos a elaborar una nueva versión de la utilidad basada en la selección del nombre de la capital en un menú desplegable que muestra todas las capitales administrativas del continente; en lugar de en el evento click sobre un punto en un gráfico como sucedía en la primera versión. Así conocemos si la persona que usa la utilidad ha memorizado el nombre de la capital del país y puede identificar en un mapa mudo el lugar donde está esa capital. Los resultados obtenidos con este cambio son los que pueden observarse siguiendo el siguiente enlace

Geografía

El código producido por la opción Controles de esta nueva versión es:

controles

Que debe analizarse y comparar con el código de la versión anterior para apreciar las diferencias. También es conveniente observar el funcionamiento de esta versión de la utilidad para posteriormente poder comprender el significado de cada línea de código contrastandolo con el de la primera versión.

Llegados a este punto se muestra la necesidad de tener una idea clara de como deseamos que reaccione la utilidad que estamos creando a las acciones procedentes de la interactividad, esto se traduce en que debemos tener perfectamente definido cuando queremos que un control se muestre o se oculte, como y cuando debe reaccionar el control ante un evento etc, etc es decir debemos tener un buen guión para la utilidad.
En la práctica lo anterior se traduce, entre otras acciones, en que debemos tener definidas las variables necesarias para controlar las situaciones que puedan producirse. Por ejemplo en el gráfico donde se muestra el control menú puede observarse que el campo de texto parámetro tiene el contenido: responde=responde+1\ncierra=0\n el significado de esto es que cuando hagamos una selección entre las opciones del menú, el valor de la variable responde se incrementa en uno y la variable cierra toma el valor 0. Más adelante veremos como y donde se definen las variables pero todo el que tenga interés en la creación de utilidades debe acudir a la documentación que se enlaza al comienzo del artículo donde hay explicaciones más explícitas y documentadas sobre el tema.

En siguientes artículos se continuará con la explicación del código generado por las opciones: Definiciones, Programa y Gráficos del menú principal del Editor de Escenas para la elaboración de la utilidad.

Publicado en Experiencias

Misceláneas. I

Las distintas utilidades de cada uno de los subproyectos de la Red Descartes están formadas por una, dos, tres o más escenas. Lo que todas las escenas tienen en común es que dependen de la librería "descartes-min.js".

Una escena es el conjunto de instrucciones contenidas entre la etiqueta 'ajs' y su cierre.

El siguiente gráfico muestra parte de una escena que Juan Guillermo Rivera Berrío incluye en el artículo digital 'Ficheros y Vectores' para la documentación técnica del editor de escenas "Descartes". También se observa la manera de insertar la escena en un documento HTML5 y de enlazar la librería que interpreta, en primera instancia, el código. Así, cualquier navegador compatible con este tipo de documentos mostrará la escena.

Escena en documento HTML5. Enlace a la librería.

Por lo tanto las Misceláneas son utilidades digitales formadas por una o más escenas.

Para crear una escena podemos seguir, básicamente, dos métodos. Uno es utilizar un editor de texto plano como el Bloc de Notas, Gedit, TextEdit o cualquier otro, lo que exige un conocimiento de JavaScript y de la librería descartes-min.js excepcional; otro, usar el editor gráfico de escenas Descartes que supone una gran ayuda para este cometido.

En cualquiera de las dos opciones anteriores nos encontraremos con un dilema inicial: comenzar la escena desde cero; o bien, usar una escena ya elaborada como plantilla, a partir de la cual desarrollar la nuestra.

Leyendo el artículo mencionado anteriormente observé que la escena del ejemplo era, en síntesis, la aplicación "Capitales administrativas de los paises del mundo" que en otra plataforma había desarrollado y que estaba tratando de adaptar a DescartesJS. Después de analizar el código del ejemplo, decidí usarlo como plantilla para mi adaptación y este ha sido el resultado para la situación, en un mapa mudo, de las capitales administrativas de los paises de Europa.

Geografía

Usar una plantilla, propia o ajena, facilita y agiliza sobremanera la creación de Misceláneas. En el vídeo siguiente se muestran algunos pormenores del inicio del proceso de creación de una utilidad. En siguientes artículos se explicará como desarrollar, terminar, probar y publicar uno de estos pequeños recursos digitales.

Publicado en Experiencias
Página 3 de 3

SiteLock

Módulo de Búsqueda

Palabras Clave

Título

Categoría

Etiqueta

Autor

Últimos materiales de Plantillas

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