buscar Buscar en RED Descartes    

Mostrando artículos por etiqueta: descartesjs

Curso DescartesJS cohorte 2021-2 

 
Objetivo del curso

Diseñar recursos educativos abiertos en formato de escenas interactivas con la herramienta de autor Descartes JS,  que permitan poner de manifiesto que es posible dar una respuesta positiva y asequible a los retos educativos intrínsecos al paradigma educativo emergente.

Encuentros semanales

Primera etapa: 19 de nov 2021 hasta 8 dic 2021 (4 sesiones)

Segunda etapa: 14 ene 2022 hasta 6 feb 2022 (4 sesiones)

Agenda

1. Introducción (herramientas de autor, plantillas)

2. Editor y espacios (espacios 2D, 3D yHTMLIframe)

3. Imágenes 

4. Algunos elementos mínimos de Programación

5. Controles (pulsador, barra, audio, vídeo, texto, botón, radio botón, etc.)

6. Vídeos interactivos

7. Gráficos

8. Variables y funciones
 
Inscripciones
 
Hasta el 17 de noviembre de 2021 en este enlace
 
 
Publicado en Difusión
Etiquetado como

 Clausura del curso (5 de noviembre de 2021)

Resultados de aprendizaje

 

La clausura del curso se realizó el día 5 de Noviembre de 2021.

Un resumen, no exhaustivo, de los resultados de aprendizaje alcanzados se puede observar en el siguiente vídeo:

¡Enhorabuena a todos los participantes! y gracias por compartir su saber con los discentes y docentes de la aldea global.

Y ¡enhorabuena! y agradecimiento a la Institución Universitaria Pascual Bravo por la gestión de este curso y su ofrecimiento altruista para que cualquier interesado de cualquier lugar lo haya podido cursar o que pueda cursarlo en diferido mediante los vídeos grabados en las sesiones en línea realizadas.

En nuestro subproyecto iCartesiLibri iremos publicando estos magníficos libros interactivos.

 Acceder a todos los vídeos

Publicado en RedDescartes

El segundo número de nuestra publicación periódica: "Revista Digital de la RED Descartes" —panhispánica, educativa e interactiva— ha llegado rápido. Hemos querido satisfacer a nuestros lectores y que este primer año contara con los dos números que han de corresponderse con la periodicidad semestral que hemos elegido. Si bien el primer número lo publicamos en agosto, hace tres meses, nuestras ganas de compartir y divulgar han actuado cual filtro relativista y han logrado estirar el tiempo —en tres meses hacer lo correspondiente a seis—, o según se mire quizás sea contraer —convertir un semestre en un trimestre—. Y nosotros, o mejor dicho nuestros dispuestos articulistas han volcado su saber y buen hacer en unos contenidos diversos y atractivos... ¡Puedes comprobrarlo fácilmente! Basta que cliques con el ratón o pulses con tu dedo sobre la imagen que tienes un poquito más abajo y seguro que más de un autor conectará su saber con algunos de tus focos de interés. Y, para poder satisfacerte lo máximo posible, necesitamos tus comentarios y observaciones. ¡Conecta con RED Descartes! Y si deseas compartir, tus artículos serán muy bienvenidos. 

Revista 2 -2021

 Para acceder al segundo número pulse sobre la imagen

  


Como se indica en el editorial de este segundo número, se constata cómo la crisis pandémica del COVID y las crisis colaterales laborales, económicas y energéticas han producido un acercamiento al tercer entorno —según lo denomina el filósofo y matemático Javier Echevarría— y, en particular, el desarrollo de contenidos educativos digitales se ha incrementado sustancialmente. El modelo educativo se ha visto forzado a cambiar o al menos a asomarse un poquito a ese tercer entorno. En nuestra RED Descartes hemos experimentado ese crecimiento productivo y también en nuestro servidor de contenidos, cuya puerta no tiene llave alguna, se ha constatado ese acercamiento a través de un incremento sustancial en las estadísticas de accesos. Consecuentemente, no es de extrañar que algunos de los contenidos de este número de nuestra revista evidencien esa prolífica producción y, a su vez, ellos le abrirán o acercarán a otros mundos virtuales alternativos mediante los hiperenlaces que incluyen.

Pero no sólo de recursos tecnológicos viven los docentes/discentes del tercer entorno y, por ello, también podremos o tendremos que abrir bien los ojos y a su vez destaponar concienzudamante nuestros oídos para poder constatar la percepción virtual de nuestra mente o el sinsentido de nuestros sentidos que es ocasionado por las denominadas ilusiones ópticas y también en las menos tratadas ilusiones acústicas. Impresionantes ilusiones que aquí se catalizan mediante la utilización de escenas interactivas, las cuales colaboran a su mejor percepción o, si lo miramos desde otra perspectiva, a magnificar su equívoco. ¡Bueno! este mundo de la ilusión se convierte en un mundo engañoso o liante, de ahí su atractivo, puesto que nos descoloca.

Y podremos también aprender de herramientas tecnológicas que nos permiten construir el pensamiento computacional, como la Micro:bit, o a construir mundos virtuales a través de DescartesJS.

Pero un exceso de tercer entorno embriaga y, a veces, nos adentra en mundos difusos. Por ello, siempre es necesario ¡a la fuerza, al menos por mera necesidad biologica! regresar al primer y al segundo entorno. Y estos no pueden ser ajenos a nuestra práctica educativa y, consecuentemente, experiencias constructivas con elementos tangibles, con recursos manipulativos, y fomentando la relación y cooperación directa entre personas, trabajando codo con codo, podremos planificar la construcción de un domo o cúpula geodésica. ¿Algo fácil, verdad?... Pues, por favor, ¡descienda de su tercer entorno! y experimentará cómo las ideas, los conceptos, necesitan de una concreción plástica para verse matizados y realmente comprendidos en base a la evidencia y lo que nuestra mente ve trivial o fácil cambia cuando ha de plasmarse en la realidad. 

Revista


 ¡Quedáis invitados a publicar vuestros artículos en nuestra revista!  Como referencia para la composición de su contenido podéis consultar las "Normas de publicación" y para cualquier duda o propuesta quedamos atentos en nuestra dirección de correo Esta dirección de correo electrónico está siendo protegida contra los robots de spam. Necesita tener JavaScript habilitado para poder verlo..

Publicado en Difusión

Octava sesión (22 de octubre de 2021)

 

8A. youtube Desarrollo de la octava sesión. Séptima sesión en línea.

Descripción   Contenidos temporalizados

Grabación de la octava y última sesión celebrada el 8 de octubre de 2021 dirigida por el Dr. Rivera vicerrector de la Institución Universitaria Pascual Bravo de Medellín (Colombia) y presidente de RED Descartes Colombia, e impartida por el Dr. Rivera.

 

 

 

Ver agenda en el apartados 7B.

00s: Agenda de la sesión.

30s: Observaciones finales de diseño.

3m 22s: Inicio de la numeración de páginas.

5m 35s: Númeración romana y numeración arábiga. 

7m 29s: Posición de los números de página.

10m 00s: Cambio de color en párrafos. Cuidado con el diseño claro/oscuro.

14m 00s: Textos a doble columna.

16m 40s: Objetos interactivos. Clase interactive.

20m 20s: Escala en los interactivos.

22m 10s: Objetos interactivos no escalables. Opción de escalado a partir del editor de DescartesJS (consultad vídeo de ayuda).

24m 32s: Uso del proyecto Plantillas para diseñar recursos interactivos.

31m 50s: Un ejemplo de interactivo con el proyecto plantillas. Cómo hacerlo e incluirlo en nuestro libro.

37m 40s: Contenedores de plantillas.

44m 45s: Vídeos interactivos con vídeos locales. Un ejemplo. Cómo hacerlo.

51m 00s: Videos interactivos con vídeos de YouTube.

51m 50s: Vídeos interactivos con actividades interactivas.

 

 

8B. Agenda de la octava sesión (zip de descarga).

Publicado en RedDescartes

Séptima sesión (8 de octubre de 2021)

 

7A. youtube Desarrollo de la séptima sesión. Séptima sesión en línea.

Descripción   Contenidos temporalizados

Grabación de la séptima sesión celebrada el 8 de octubre de 2021 dirigida por el Dr. Rivera vicerrector de la Institución Universitaria Pascual Bravo de Medellín (Colombia) y presidente de RED Descartes Colombia, e impartida por el Dr. Rivera, el Ing.MSc Lopera y el Lcdo. Cabezudo.

 

 

 

Ver agenda y algunos recursos auxilares al final de esta página (apartados 7B y 7C).

20s: Agenda de la sesión.

3m 07s: Uso de los tooltip.

6m 40s: Algunos ejemplos de tooltip. Diferentes posiciones posibles.

9m 15s: Codificación del tooltip

25m 00s: Ejemplos de tooltip con texto e imagen.

27m 32s: Tooltip sobre una imagen.

33m 30s: Uso de KaTeX para expresiones matemáticas. Libro ejemplo.

37m 00s: Algunos ejemplos de expresiones en KaTeX.

43m 46s: Documentación de KaTeX.

46m 16: Herramientas de autor. Objetos interactivos. Algunas problemáticas que podemos encontrar. "Constructor", "Cuadernia", "JClic", "Cuadernia", "Adobe Captivate", "Youtube", "LIM", "Ardora", "Geogebra", "DescartesJS" y PhET.

1h 1m 00s: Algunos ejemplos embebidos en libros interactivos. 

 

7B. Agenda de la séptima sesión (zip de descarga).

7C. Recursos auxiliares.


Publicado en RedDescartes

Sexta sesión (24 de septiembre de 2021)

 

6A. youtube Desarrollo de la sexta sesión. Sexta sesión en línea.

Descripción   Contenidos temporalizados

Grabación de la sexta sesión celebrada el 24 de septiembre de 2021 dirigida por el Dr. Rivera vicerrector de la Institución Universitaria Pascual Bravo de Medellín (Colombia) y presidente de RED Descartes Colombia., e impartida por el Dr. Rivera y el Ing.MSc Lopera.

 

 

 

Ver agenda y algunos recursos auxilares al final de esta página (apartados 6B y 6C).

00s: Saludos.

10s: Introducción a los elementos multimedia que nos restan por aprender.

1m 43s: Imágenes de fondo sobre dos páginas.

5m 00s: Posición de la imagen.

8m 40s: background-repeat. 

10m 03s: Imagen de fondo en una página.

11m 15s: Centrado de la imagen de fondo.

12m 30s: Parrafos sobre imágenes. Generando cajas con clases.

18m 40s: Degradados. Background linear-gradient y color de la fuente.

21m 48s: Combinando degradados y cajas.

22m 17s: Cambiando la dirección del degradado.

24m 20s: Recurso interactivo para practicar con el degradado y modelos de degradados (ver apartado 6C al final de esta página).

28m 00s: Más recursos auxiliares para determinar el posicionamiento (ver apartado 6C).

30m 44s:Recurso auxiliar para degradados (ver apartado 6C).

31m 08s: Recurso auxiliar para pisicionar párrafos Recurso auxiliar para degradados (ver apartado 6C)

31m 30s: Posicionar una imagen dentro de otro fondo.

37m 05s: Inclusión de audios

42m 00s: Tablas (ver apartado 6C).

49m 16s: Otros diseños especiales (ver contenido de la Agenda).

49m 30s: Solicitud artículos para la Revista RED Descartes.

 

6B. Agenda de la sexta sesión (zip de descarga).

6C. Recursos auxiliares (zip de escarga).


Publicado en RedDescartes

Quinta sesión (10 de septiembre de 2021)

 

5A. youtube Desarrollo de la quinta sesión. Quinta sesión en línea.

Descripción   Contenidos temporalizados

Grabación de la quinta sesión celebrada el 10 de septiembre de 2021 dirigida por el Dr. Rivera vicerrector de la Institución Universitaria Pascual Bravo de Medellín (Colombia) y presidente de RED Descartes Colombia., e impartida por el Dr. Rivera, el Ing.MSc Lopera y el Ldo. Salgueiro.

 

 

 

Documento de referencia el libro de "Edición de libros interactivos" y agenda de la sesión quinta.

0s: Introducción.

31s: Elementos multimedia.

1m 11s: La agenda de esta sesión quinta (en formato libro).

2m 40s: Enlace desde una página a otra página.

11m 45s: Imágenes con enlaces especiales. 

13m 20s: Gif animado con apertura en ventana emergente. Uso de "openInteractive"

15m 50s: Uso de una imagen y openInteractive para abrir interactivos. Comentario sobre el uso de direcciones web externas versus locales.

19m 00s: Utilización de una imagen y openInteractive para enlazar a una página.

19m 40s: Enlace a un vídeo con una imagen y openInteractive. Políticas de youtube. Riesgos de enlaces rotos o no visualización.

24m 18s: Enlace a vídeos de otros servicios como vimeo y dailymotion.

25m 47s: Etiqueta figcaption. Descripción de una figura.

31m 00s: Opciones de imágenes flotantes a derecha o izquierda a incluir en "mis estilos" incluyendo figcaption.

36m 00s: Más sobre imágenes flotantes. Uso de style con  float.

38m 08s: Imágenes de fondo.

43m 56s: Insertar vídeos directamente. Etiqueta <video

47m 52s: Insertar un vídeo de youtube con clase "interactive"

 

5B. Agenda de la quinta sesión. Libro interactivo con el guión de la sesión. 

sesion 5

5C. Vídeos auxiliares.


Publicado en RedDescartes

Cuarta sesión (27 de agosto de 2021)

 

4A. youtube Desarrollo de la cuarta sesión. Cuarta sesión en línea.

Descripción   Contenidos temporalizados

Grabación de la cuarta sesión celebrada el 27 de agosto de 2021 dirigida por el Dr. Rivera vicerrector de la Institución Universitaria Pascual Bravo de Medellín (Colombia) y presidente de RED Descartes Colombia., e impartida por el Dr. Rivera y el Ing.MSc Lopera.

 

 

 

Documento de referencia el libro de "Edición de libros interactivos" y agenda de la sesión cuarta

56s: Elementos multimedia: texto, imágenes, animaciones, vídeos, audios. ¡Interactivos!

3m 00s: La agenda de hoy.

3m 30s: Citas textuales

4m 40s: class="note" de la hoja de estilos del libro interactivo.

6m 30s: Cambio de estilo en las citas textuales editando mis hojas de estilo o cambiando el estilo dentro de la clase (es preferible la primera opción). 

11m 15s: Hipervínculos locales y externos. <a href=, target

14m 29s Destino del hipervínculo.

15m 35s: Asociar hipervínculo a una imagen. parámetro alt.

19m 20s: Enlace a envío de un correo electrónico.

20m 00s: Combinar href con los estilos del libro.

22m 00s: Actualización del book.zip para corregir un error al escribir varias notas a pie de página.

24m 30s: Aclaración en las citas textuales.

26m 00s: Notas al pie de página: <span class="footnote", el comodín mudo span.

32m 00s: Insertar imágenes: etiqueta img.

33m 30s: Cambio de tamaño de imágenes: width

34m 10s: Centrado de imágenes: dentro de estilo de un párrafo o mejor usando la clase del libro "image_expand" y onclick.

37m 30s: Quitar el borde de sombra de la imagen.

39m 40s: cursor:pointer.

40m 00s: Diversas formas de presentar las imágenes.

41m 00s Imágenes animadas y vectoriales.

43m 40s: Imágenes flotantes y pie de imágen... en una próxima sesión.

 

 

4B. Agenda de la cuarta sesión. Libro interactivo con el guión de la sesión. 

sesion4


Publicado en RedDescartes

Tercera sesión (13 de agosto de 2021)

 

3A. youtube Desarrollo de la tercera sesión. Tercera sesión en línea.

Descripción   Contenidos temporalizados

Grabación de la tercera sesión celebrada el 13 de agosto de 2021 dirigida e impartida por el Dr. Rivera, vicerrector de la Institución Universitaria Pascual Bravo de Medellín (Colombia) y presidente de RED Descartes Colombia.

 

 

 

Documento de referencia el libro de "Edición de libros interactivos"

20s: Trabajo sobre una hoja de estilos (CSS). Hojas de estilo en un archivo externo.

52s: Uso del aplicativo de Lea Verou para ver la hoja de estilos de un archivo html. 

2m 0s: Cambio del estilo de h1 (cabecera de primer nivel)

  • cambio tamaño de la fuente.
  • cambio de color.
  • alineación de texto. 
  • grosor de la fuente.
  • sombra.
  • inclusión en una caja.
  • margenes izquierdo y derecho.
  • redondear los bordes

8m 15s: Estilo en párrafos.

11m 0s: padding (margen general).

11m 40s: Justificar los textos o no. Tendencias.

15m 30s: Crear nuestros estilos. Definir nuevos elementos en la hoja de estilo:

.xxx{ }

17m 0s: Uso de un elemento nuevo en el archivo html:

class="xxx"

18m 0s: Crear o incluir una hoja de estilo en un archivo de extensión css.

22m 10s: Incluir mi hoja de estilo en el libro interactivo. link y stylesheet.

28m 50s: Uso de estilos de otros diseñadores.

29m 0s: Uso de viñetas con imágenes usando una hoja de estilo.

31m 30s: background-repeat, background-position.

35m 0s: Otros estilos, uso de cajas. (Ver también el video de apoyo enlazado al final de este artículo)

 

3B. Agenda de la tercera sesión. Documento pdf con el guión de la sesión y enlaces usados o recomendados. 

agenda2


Vídeo de apoyo

Uso de viñetas con imágenes: 

https://www.youtube.com/watch?v=yZ1bRu7wMF0


Publicado en RedDescartes

Segunda sesión (30 de julio de 2021)

 

2A. youtube Desarrollo de la segunda sesión. Segunda sesión en línea.

Descripción   Contenidos temporalizados

Grabación de la segunda sesión celebrada el 30 de julio de 2021 dirigida e impartida por el Dr. Rivera, vicerrector de la Institución Universitaria Pascual Bravo de Medellín (Colombia) y presidente de RED Descartes Colombia.

 

 

 

Documento de referencia el libro de "Edición de libros interactivos"

1s: Algunas etiquetas HTML adicionales. Listas o viñetas  Referencia p. 20 del libro.

  • Listas no ordenadas. Etiquetas <ul></ul>;  <li></li>. Atributo type para cambiar el tipo de viñeta. 
  • Listas ordenadas. Etiquetas <ol></ol>; <li></li>. Inicio de orden en la lista, atributo start y atributo type.

7m 35s: Diseño CSS. Introducción a las hojas de estilo, p. 21 del libro.

11m 35s: Colores CSS.

13m 10s: Códigos de colores. Hexadecimal, RGB, nominativo. Herramientas auxiliares de codificación.

17m 27s: Practicando con colores. style, color y background-color en <body>.

23m 17s: Trasparencia en el color, código rgba.

25m 14s: Tamaño letra: font-size. Unidades de medida: cm, mm, px, %

28m 02s: Ancho del párrafo. width. Alineación del texto align. Bordes: border-radius.

30m 40s: Inclusión de estilos en <head>.

35m 27s: grosor en la fuente: font-weight.

 

 

2B. Agenda de la segunda sesión. Documento pdf con el guión de la sesión y enlaces usados o recomendados. 

agenda2


Vídeos de apoyo

Google como servidor: https://www.youtube.com/watch?v=xv-URqFtr60

Imágenes animadas: https://www.youtube.com/watch?v=J-KDmBCNm-w

Tabla de contenido: https://www.youtube.com/watch?v=jOauL-piook

Editores HTML: https://www.youtube.com/watch?v=TlL0et79vgo

Estilos: https://www.youtube.com/watch?v=8oawkkSGUdU

Archivo de estilos: https://www.youtube.com/watch?v=biQVKma3WZk


Ayuda con los colores

Colores CSS: 
https://proyectodescartes.org/escenas-aux/CursoLibrosInteractivos2Edicion/Colores_CSS/

Combinaciones de colores: https://www.colorcombos.com/color-schemes/2/ColorCombo2.html


Publicado en RedDescartes
Página 7 de 12

SiteLock

Módulo de Búsqueda

Palabras Clave

Título

Categoría

Etiqueta

Autor

Acceso

Últimos materiales de ciencias naturales

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