buscar Buscar en RED Descartes    

Mostrando artículos por etiqueta: Descartes

Tercera sesión (22 de abril de 2022)

 

1A. 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 22 de abril de 2022 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.

Comparten gestión y docencia: Lcdo. José Antonio Salgueiro González, secretario de la RED Descartes de España y el Ing. MSc. Ramiro A. Lopera Sánchez de la IU Pascual Bravo y miembro de la RED Descartes Colombia.

 

El desarrollo de la clase se realiza siguiendo los contenidos escritos en el libro interactivo: "Diseño de libros interactivos" y en el orden ahí incluido. Si tiene el libro abierto en el navegador podrá parar el vídeo y observarlo con el detenimiento que necesite. 

 

 

 

Nota: Consultad previamente el material incluido al final de este artículo.

 

0 m 00 s: Cómo diseñar algunos estilos desde un diseño externo.

2 m 10 s: Crear un archivo de estilos mis_estilos.css (archivo con extensión css)

3 m 33 s: referenciar en el index del libro interactivo este nuevo archivo de estilos.

4 m 32 s: intervenir el body {   }

4 m 48 s: cambio del tamaño de la fuente font-size. Unidad de medida el pixel: px (hay otras unidades pero en el libro se usa ésta en su diseño). Es una medida absoluta

8 m 00 s: Una página del libro tiene un ancho y alto de 640 px 825 px, con margen izquierdo y derecho de 50 px, arriba 30 px y abajo 20 px. Así el ancho de la página que se interviene es de 540 px.

8 m 45 s: em medida relativa 1.25 em (aumenta un 25%), por ejemplo font-size: 1.25 em incrementa un 25% el tamaño establecido de la fuente. No se recomienda su uso, al menos en este momento.

9 m 40 s: Corregir el final de una página para separarla algo del número de la página incluyendo un estilo en la etiqueta div reduciendo a un 98% el tamaño de la fuente (es un "truco" ). 

12 m 20 s: Cambio de tipo de fuente font-family. Por defecto Lato.

15 m 16 s: Intervenir los párrafos  p {  }. Alinear los textos a la izquierda: text-align: left.

16 m 39 s: cambio del color de la fuente: color.

18 m 04 s: Introducir cajas (contenedor). Las clases de etiquetas nuevas van precedidas por un punto. Por ejemplo .caja1 {   }

19 m 15 s: Invocar una clase de etiqueta desde el texto del libro: class="xxxxx"

19 m 48 s: Inlcuir un borde: border

20 m 50 s: Poner un margen usando un ancho para la caja, por ejemplo width:  80%;  (simepre terminando en ;)

21 m 52 s: Centrar la caja usando un margen izquierdo margin-left y porcentaje, o mejor usando con margen izquierdo y derecho automático.

23 m 08 s: Margen del texto incluido en una caja respecto al borde de esta padding.

23 m 40 s: Redondear los bordes de las esquinas border-radius.

23 m 58 s: Incluir una sombra box-shadow.

25 m 45 s: Poner un fondo background.

26 m 28 s: Incluir un título a la caja.

34 m 10 s: Verificar los estilos con el modo oscuro del libro. Modificar el fondo en modo oscuro body.dark

35 m 38 s: Guardar el libro en pdf.

37 m 18 s: Publicación en otras plataformas por ejemplo al publicar en ISSUU todo funciona adecuadamente y se recupera el formato flipbook.

39 m 10 s: Fase de coloquio y preguntas.

  • Poner sombra a una caja dentro de otra caja. Se puede poner sobra al texto text-shadow. También se puede poner la sombra a la izquierda poniendo -4px (negativo).
  • Conveniencia de la hoja de estilo externa frente al uso particular en algunas etiquetas.
  • Uso de textos preelaborados para integrar en un futuro libro, ¿preparar la hoja de estilos con antelación? Conveniencia de planificar el diseño, aunque en la producción el autor suele ir cambiando.
  • W3Schools web de referencia para aprendizaje de html.
  • Publicación de los libros interactivos y reconocimiento de los mismos mediante ISBN y certificado de la Editorial. RED Descartes los aporta para que puedan integrarlos en su currículum y méritos. 

 

Material previo a esta sesión: hoja de estilos (CSS) diseñados en un archivo externo (páginas 30 a 44 del libro guía).

Repartidos en tres videos se explican 12 estilos, con un objetivo principal que es el diseño de contenedores o cajas (box).
Los tres videos y los estilos usados son:

Parte 1: https://www.youtube.com/watch?v=YUSi0rtup-0

font-size
font-family
text-align
color

Parte 2: https://www.youtube.com/watch?v=mY17B6kO_AQ

border
border-radius
width
margin
padding
background-color
box-shadow

Parte 3: https://www.youtube.com/watch?v=B6fx-Lid1mY
Clases
text-shadow

Para incluir imágenes en las viñetas, puede observarse el procedimiento en https://www.youtube.com/watch?v=yZ1bRu7wMF0

Publicado en RedDescartes

Segunda sesión (8 de abril de 2022)

 

1A. 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 8 de abril de 2022 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.

Comparten gestión y docencia: Lcdo. José Antonio Salgueiro González, secretario de la RED Descartes de España y el Ing. MSc. Ramiro A. Lopera Sánchez de la IU Pascual Bravo y miembro de la RED Descartes Colombia.

 

El desarrollo de la clase se realiza siguiendo los contenidos escritos en el libro interactivo: "Diseño de libros interactivos" y en el orden ahí incluido. Si tiene el libro abierto en el navegador podrá parar el vídeo y observarlo con el detenimiento que necesite. 

 

 

 

0 m 00 s: Recordatorio de la sesión anterior.

1 m 52 s: Diseño de hojas de estilo. p. 21 del libro guía de formación. Trabajamos sobre la plantilla base "Mi libro" (descarga).

2 m 45 s: Editamos nuestro primer párrafo sobre "Mi libro". Uso de <h1>, <h2> y <p>

4 m 50 s: Nuestro primer estilo: style=" ". Alineación de textos: text-align: left; o right; o center; o justify;

6 m 34 s: Color al texto: color: bien denominándolo con su nombre en inglés o bien mediante códigos rgb.

8 m 03 s: Cambio de tamaño de la fuente: font-size: mediante píxeles px o porcentaje %.

11 m 45 s: Salto de línea <br>.

14 m 09 s: Estilos para párrafos. Inclusión de cajas con sombras: box-shadow.

16 m 00 s: Ancho de la caja: width.

16 m 50 s: Márgenes: margin-left, margin-right.

19 m 00 s: padding márgenes dentro de la propia caja.

20 m 00 s: color para la caja: backgrouund-color.

21 m 05 s: Necesidad de agrupar estilos en lugar de usar estilos en cada etiqueta: Hojas de estilo o CSS.

22 m 20 s: Uso de estilos predifinidos en <div>. Encapsular estilos en <div>. p. 24 del libro de formación

28 m 00 s: Estilos en <head>. Etiqueta  <style type="text/css">

33 m 00 s: Familias de fuentes de los textos.

37 m  26 s: diferencia entre fuentes serif y sans-serif

39 m 30 s: Heramienta para practicar con estilos disponible en la p. 28 del libro de formación.

40 m 45 s: Etiqueta neutra: <span>. Negrilla: <b>. Itálica: <i>

42 m 27 s: En la próxima sesión se abordan las hojas de estilo en un archivo externo.

 42 m 30 s: Preguntas:

  • 42 m 40 s: Distinguir varios <div>. Inicialmente mediante comentarios, pero se verá cómo distinguirlos en la próxima clase.
  • 43 m 20 s: Diferencia <div> y <body>.
  • 44 m 14 s: Cómo organizar el trabajo de practicar con "Mi libro", qué hacer o a qué esperar.
  • 52 m 00 s: Uso de id para la tabla de contenido.

1 h 00 m 00 s: Despedida. 

 

Publicado en RedDescartes

Primera sesión (25 de marzo de 2022)

 

1A. youtube Desarrollo de la primera sesión. Primera sesión en línea.

Descripción   Contenidos temporalizados

Grabación de la primera sesión celebrada el 25 de marzo de 2022 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.

Comparten gestión y docencia: Lcdo. José Antonio Salgueiro González, secretario de la RED Descartes de España y el Ing. MSc. Ramiro A. Lopera Sánchez de la IU Pascual Bravo y miembro de la RED Descartes Colombia.

 

El desarrollo de la clase se realiza siguiendo los contenidos escritos en el libro interactivo: "Diseño de libros interactivos" y en el orden ahí incluido. Si tiene el libro abierto en el navegador podrá parar el vídeo y observarlo con el detenimiento que necesite. 

 

 

 

 0 m 00 s: Presentacion del director del curso y de los docentes del mismo.

2 m 50 s: Inicio del curso. Presentación del mismo.

3 m 17 s: Libro guía del curso. Para la edición de nuestro libro interactivo personal será necesario tener descargado el modelo o plantilla básica del libro (ver vídeo de introdución del curso y el apartado 1B de este artículo). Se describen los elementos básicos: sumarios o tabla de contenidos, modo de visualización y herramientas auxiliares incluidas.

6 m 15 s: Objetivo del curso y del proyecto "iCartesiLibri".

7 m 25 s: Nuestros primeros libros interactivos tipo flipbook y otras posibilidades como issu (pero no interactivos). Nuestra versión actual es adaptable a cualquier tipo de dispositivo.

10 m 45 s: Herramientas de edición. Editor html (ver sección 1B de este artículo).

13 m 28 s: La plantilla inicial básica de nuestro libro interactivo (Mi_libro)

14 m 20 s: Imágenes a usar en los libros (verificar licencia de uso). Fuentes donde conseguir imágenes reutilizables y reconocimiento de créditos.

17 m 13 s: Formatos de las imágenes.

18 m 14 s: Etiquetas HTML. <html> </html>, <head> </head>, <body> </body>.

21 m 19 s: <title> Título del libro </title> (título en la pestaña del navegador).

23 m 15 s: En la barra de herramientas del libro hay un editor html para poder practicar. Forma de usarlo.

24 m 46 s: Etiquetas informativas al navegador: <!DOCTYPE html> información al navegador del tipo de archivo: HTML5. Y <meta character="UTF-8"> información de la codificación usada en los caracteres.

28 m 05: Color de fondo "background-color". Estilos <style>.

30 m 27 s: Párrafos <p></p>.

31 m 55 s: Títulos o encabezados de secciones en un texto. <h1, <h5></h5> y <h6></h6>.

34 m 16 s: Listas o viñetas <ul> </ul>, <li> </li>.

36 m 07 s: Un ejemplo con "Mi_libro" (enlace de descarga en sección 1B de este artículo). Carpetas book, extra e images. El archivo html del libro: index.html.

37 m 29 s: Editar el arcjivo index.html.

38 m 11s: Posicionarse en la primera página del libro (línea 181 del index de  Mi_libro). 

39 m 02 s: Intervenir la primera página (conviene tener abierto el fuchero en el editor para realizar las modificaciones y en el navegaodor para observar lo cambiado --guardar el archivo en el editor y actualizar la pestaña del navegador--.

40 m 48 s: Escritura de un párrafo en Mi_libro.

42 m 09 s: La paginación del libro no es automática, es el autor quien ha de detectar cuando cambiar de página. <div class="page"> </div>.

43 m 00s: Cómo identificar las páginas: Línea de comentario <!-- comentario -->, <div class="page"> </div>. 

44 m 51 s: Invitación a editar algunas páginas del primer libro de cada uno de los asistentes. Y a ver el vídeo de herramientas de edición incluido en la sección 1B de este atículo.

45 m 40 s: Preguntas e inquietudes.

  • 46 m 30 s: Paso entre páginas ¿cómo se gestiona? y número de líneas en cada página.
  • 47 m 14 s: Duda sobre imágenes. Pantallazos.
  • 48 m 52 s: Sobre la gestión simultánea del editor y de la pestaña delnavegador.
  • 53 m 43 s: Consulta sobre derechos de autor. Sobre la editorial RED Descartes y licencia con la que publicamos los libros en nuestra editorial.
  • 59 m 46 s: ¿La plantilla está actualizada con la última versión?
  • 1 h 01 m 14 s: Sobre la paginación automática ¿es posible? No, ha de hacerse manualmente, bien creando una nueva página o cambiando el tamaño de la fuente.
  • 1h 12 m 47 s: ¿El diseño se ha de indicar en cada página? No, se usan estilos globales, hojas de estilo. Sólo para páginas específicas en las que se quiera cambiar el diseño para destacar algo en particular se inclurá el estilo en dicha página. 

 

1B. youtube Herramientas de edición. Vídeo auxiliar de repaso de los editores de texto plano y primeras etiquetas html.

Descripción   Contenidos temporalizados

Uso de las herramientas de edición para elaborar un libro interactivo. Se parte de una plantilla básica (Mi_libro) que hay que descargar previamente.

Se muestra la edición de Mi_libro con tres editores (Notepad ++, Sublime y Visual Estudio).

Aprendizaje de las primeras etiquetas:

  • Párrafo.
  • División con clase página.
  • Comentario.
  • Sección.
   

10s: La plantilla inicial: Mi_libro.

35s: Descarga del editor html.

1m 30s: Edición de la plantilla del libro interactivo.

4m 0s: Editar la primera página con algunos editores (usted seleccionará el que desee). Uso de la etiqeta párrafo: <p></p>

8m 45s: Incluir más páginas. <div class="page"> </div>. Etiqueta comentario <!-- Comentario -->.

9m 40s: Cambiar el título de una sección del libro (encabezado a segundo nivel) , etiqueta <h2> </h2>

Publicado en RedDescartes
 

La tercera edición del curso "Edición de libros interactivos" de la RED Descartes (segundo semestre de 2022, marzo a julio de 2022) se está desarrollando según la siguiente planificación:

calendario contenidos curso joomla
 
A continuación se enlazan diferentes artículos que incluyen diversos vídeos grabados en las sesiones en línea y que le pueden servir como orientación y guía auxiliar en su autoformación:










 Página inicial del curso "Edición de libros interactivos" III edición


 

Publicado en RedDescartes
 
Para la formación en la "Edición de libros interactivos" de la RED Descartes, acción que se enmarca en nuestro programa de Educación Abierta, el recurso básico con el que contamos es, como no podía ser otro, el siguiente libro interactivo:

Diseno Libros Interactivos

 Diseño de libros interactivos
   Autor: Juan Guillermo Rivera Berrío y Joel Espinosa Longi.
   ISBN 978-84-18834-27-1

Este curso tiene como objetivo abordar la conceptualización y el diseño, desarrollo y experimentación de nuevos libros, basados en la interactividad, que permitan poner de manifiesto que es posible dar una respuesta positiva y asequible a los retos educativos intrínsecos al paradigma educativo emergente (Proyecto iCartesiLibri). 

 
¿Qué necesita para editar su libro interactivo?
 
Lo fundamental es la necesidad de comunicar un contenido y lo colateral conocer el soporte o continente en el que va a volcar ese contenido. Aquí nos centramos en enseñarle el continente y usted, conociendo qué se puede hacer, es quien lo hará. 
Los libros interactivos de RED Descartes se construyen sobre una plantilla que interpretada por una librería javascript y combinada con unas hojas de estilo muestra adecuada, útil y vistosamente lo que se le ha indicado. Esa plantilla está elaborada en HTML y css, pero no necesita ser un experto en estos códigos, basta ser un mero aprendiz o principiante lector de esos lenguajes para conseguir su objetivo. Gran parte de su trabajo se reducirá a escribir en los huecos predefinidos en la plantilla o a copiar y pegar determinadas etiquetas. Así pues, que la técnica no le asuste, ¡será capaz de construir su libro! sin más que poner un poquito de atención y algo de esfuerzo y dedicación. A medida que se adentre verá que lo que le decimos es cierto y a medida que profundice logrará mejorar la vistosidad de su libro.  
 
Prepare las herramientas (puede ver este vídeo)
 
  1. La plantilla o plantillas del libro interactivo. Acceda, mire, observe y descargue la plantilla que vaya a usar.
    En el curso se comienza con una plantilla básica (Mi_libro) que puede ver aquí y también descargarla desde acá.
  2. Necesita un editor de texto plano para poder editar ficheros en código html, puede ser el bloc de notas de Windows o TextEdit de iOS, pero le recomendamos Notepad++ o Sublime text porque estos colorean las etiquetas y faclitan la edición. Por favor, descargue el que vaya a usar.

 Comience su auto-formación

Lea e interactúe con el libro "Curso de libros interactivos", antes enlazado. También puede descargarlo.

¿Alguna ayuda adicional?

  1. Puede escribirnos a Esta dirección de correo electrónico está siendo protegida contra los robots de spam. Necesita tener JavaScript habilitado para poder verlo..
  2. Puede inscribirse a los cursos de formación en línea cuando se convoquen (ver convocatoria de la tercera edición).
  3. Puede consultar los vídeos grabados en las sesiones de la tercera edición del curso en línea que ha sido promovido por la Institución Universitaria Pascual Bravo de Medellín (Colombia), por RED Descartes de Colombia y RED Descartes España y que está dirigido e impartido por el Dr. Rivera, vicerrector de dicha institución y presidente de la RED Descartes de Colombia.

 

Vídeos de la tercera edición en línea del curso "Edición de libros interactivos"

videoscurso




 La editorial "Red Educativa Digital Descartes"
 
La Red Educativa Digital Descartes también desarrolla su labor como editorial de libros interactivos. Nos ofrecemos a los autores de libros de este tipo para publicar su trabajo bajo nuestro sello editorial. Si ése es su deseo, puede contactar con nosotros en la 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 RedDescartes

La Semana de la Educación Abierta (Open Education Week) es una oportunidad para compartir activamente y aprender sobre los últimos logros en Educación Abierta en todo el mundo. OE Week brinda a los profesionales, educadores y estudiantes la oportunidad de obtener una mayor comprensión de las prácticas educativas abiertas y de inspirarse en el maravilloso trabajo que está desarrollando la comunidad en todo el mundo. Unos objetivos que encajan perfectamente con el lema de Red Descartes: "trabajando altruistamente por la comunidad educativa de la aldea global". Por ello, en esta nueva edición, que se desarrolla durante los días comprendidos entre el 7 y el 11 de marzo de 2022, desde Proyecto Descartes hemos decidido colaborar, compartir y aportar algunos de nuestros proyectos en la línea de la OE Week, centrándonos en los más recientes y abarcando las diferentes líneas de la Educación Abierta.

Pero antes, para nuestros seguidores, docentes, comunidad educativa y ciudadanía, en general, conviene recordar el origen oficial y concepto de Recurso Educativo Abierto, que aparece en París en junio de 2012, durante el Congreso Mundial sobre los Recursos Educativos Abiertos (REA), y que "designa a materiales de enseñanza, aprendizaje e investigación en cualquier soporte, digital o de otro tipo, que sean de dominio público o que hayan sido publicados con una licencia abierta que permita el acceso gratuito a esos materiales, así como su uso, adaptación y redistribución por otros sin ninguna restricción o con restricciones limitadas". Una definición cuyos requisitos cumplen escrupulosamente los recursos interactivos generados con la herramienta de autor Descartes JS y compartidos con la aldea global en el portal de la ong RED Descartes.

Presentado 2022 OEW

 

RECURSOS EDUCATIVOS ABIERTOS EN LENGUA PORTUGUESA
Adiçao Subtraçao Fraçoes
 Números enteros I  Números enteros II  Matemática Básica
 Trigonometria  Geometria do plano  Perimetros

 

FORMACIÓN ABIERTA
 Curso diseño de libros interactivos Curso Descartes JS 

 

Además de los recursos educativos abiertos en lengua portuguesa y de los cursos para formación, a los que puede accederse desde cada imagen al espacio de la Open Education Week, desde RED Descartes hemos presentado nuestra revista digital y la herramienta de autor de software libre Descartes JS, el pilar sobre el que se sostiene nuestra RED.

REVISTA DIGITAL RED DESCARTES
 Revista digital RED Descartes

 

¿Por qué es importante la Educación Abierta?

La gente quiere aprender. Al proporcionar acceso gratuito y abierto a la educación y al conocimiento, la educación abierta ayuda a crear un mundo para apoyar el aprendizaje. Los estudiantes pueden obtener información adicional, puntos de vista y materiales para ayudarlos a tener éxito. Los trabajadores pueden aprender cosas que los ayudarán en el trabajo. La facultad puede recurrir a recursos de todo el mundo. Los investigadores pueden compartir datos y desarrollar nuevas redes. Los maestros pueden encontrar nuevas formas de ayudar a los estudiantes a aprender.

Las personas pueden conectarse con otras personas que de otra manera no se encontrarían para compartir ideas e información. Los materiales se pueden traducir, mezclar, dividir y compartir abiertamente de nuevo, lo que aumenta el acceso e invita a nuevos enfoques. Cualquiera puede acceder a materiales educativos, artículos académicos y comunidades de aprendizaje de apoyo en cualquier momento que lo deseen. La educación está disponible, accesible, modificable y gratuita".

 (El párrafo anterior ha sido extraído literalmente de la web de la Open Education Week)

 

HERRAMIENTA DE AUTOR DE SOFTWARE LIBRE DESCARTES JS
 Descartes JS
Publicado en Difusión

Octava sesión (4 de febrero de 2022)

 

1A. youtube Desarrollo de la octava sesión. Octava sesión en línea.

Descripción   Contenidos temporalizados

Grabación de la octava sesión celebrada el 4 de febrero de 2022 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: Guión y contenidos de la octava sesión (descarga).

Línea temporal del vídeo:

00 m 00 s: Inicio. 

00sm 38 s: Variables en DescartesJS

01 m 40 s: ancho y alto de un espacio mediante la variable: espacio._w y espacio._h 

03 m 10 s: Centrar un contolr usando las variables ancho y alto de un espacio.

04 m 08 s: Variable escala de un espacio: espacio.escala. Variables para traslación de los ejes, ver página 7 del guión de la sesión.

05 m 58 s: Otras variables par espacios tridimensionales: espacio.rot.y, espacio.rot.z. Ver páginas 8 y 9 del guión.

07 m 00s: Variables del ratón (páginas 10 a 12 del guión). Posición: espacio.mouse_x, espacio.mouse_y. Parámetro "sensible al movimiento del ratón" en un espacio.

10 m 15 s: Más variables de ratón: mouse_clicked y mouse_pressed.

12 m 00 s: Variable rnd, valor aleatorio en el intervalo [0, 1).

13 m 40 s Funciones de Descartes: Funciones comunes (p.p.17 a 20 del guión).

16 m 30 s: Funciones definidas por el usuario.

19 m 25 s: Autoevaluación. Uso de una plantilla para elaborar esa autievaluación.

25 m 50 s: Macros (macroinstrucciones).

27 m 00 s: Un ejemplo de macro: la barra Jinich (pp. 39 a 42 del guión).

34 m 00 s: Modificación del color con variables en el intervalo [0, 1] o con funciones que toman valores en dicho intervalo.

36 m 53 s: Utilización de una macro. Cambio de los valores incluidos en esa macro.

42 m 00 s: Otro ejemplo: La macro random.txt. Permutación de n números naturales.

45 m 38 s: Finalizando el curso.

45 m 45 s: Intervalo para la preguntas:

  • Agradecimiento por el curso recibido. Sugerencia de que el curso, en próximas ocasiones, en lugar de ocho semanas se ptograme al menos para diez.
  • Cómo trabajar con las definiciones y los algoritmos incluidos en el selector PROGRAMA. Profundizar en ello.
  • ¿Curso adicional? Para profundizar sobre la programación.
  • Certificados del curso.
  • Agradecimientos adicionales y admiración. Algunas sugerencias adicionales, más sobre la duración y la parte de programación.
  • El curso se plantea como "clase invertida" y no se ha llevado a cabo totalmente esa metodología que presupone una dedicación previa de los discentes.
  • Despedida y motivación. ¡Ánimo! 

 

 

Publicado en RedDescartes

Séptima sesión (28 de enero de 2022)

 

1A. 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 28 de enero de 2022 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: Guión y contenidos de la séptima sesión (descarga). Y "más sobre fuentes".

Sobre 

Línea temporal del vídeo:

00 m 00 s: Inicio. 

00 m 18 s: Introducción: Se abordará el aprendizaje del control gráfico, el diseño de secuencias temporales, lógicas o de ordenación. Finalmente cómo cambiar fuentes de caracteres diferentes a los que tiene por defecto DescartesJS.

2 m 10 s: Uso de los controles gráficos. Se puede inncluir una imagen en la propia definición del control o usar las coordenadas de este para posicionar una imagen definida en gráficos. Diferencia entre ambas situaciones.

4 m 59 s: Como indicar las coordenadas de un control gráfico a una imagen.

6 m 12 s: ¿Por qué optar por usar la imagen controlada por un control, en lugar de el control con su imagen?: para poder cambiar la imagen.

7 m 05s: Detalle sobre las cinco definiciones incluidas en la escena ejemplo de secuencia temporal:

7m 10 s: Vector para indicar posición relativa de las imágenes a usar. Explicación de dirección relativa de un archivo.

9 m 25 s: Sitios para descargar imágenes de secuencias temporales (ver p. 5 y 6 del guión).

10 m 33 s: uso de tres funciones. ¿Qué es una función?

10 m 45 s: Descripción de la función denominada rota().

12 m 15 s: Cómo rotar (girar) una imagen.

13 m 13 s: Escalar una imagen (aumentar o disminuir). 

14 m 30 s: Al inicio de la carga de la escena (algoritmo INICIOo que se ejecuta sólo una vez) se invoca la función rota() para conseguir rotar de manera aleatoria las imágenes. Uso de rnd que genera número aleatorio en el intervalo [0, 1). Como obtener un número aleatorio en un intervalo por ejemplo [0, 45) o en [-45, 45).

16 m 48 s: Dos funciones que se invocan permanentemente en el algoritmo CALCULOS que se ejecuta siempre.

16 m 50 s: Una es controla() que controla posición del control gráfico y cómo limitar los valores que toma éste.

19 m 20 s: Cómo controlar el cambiar del tamaño de la imagen. 

21 m 30 s: Forzar que la imagen coincida con los cajones de la secuencia temporal

22 m 54 s: Función evalua() para evaluar la respuesta del usuario si se corresponde con la posición adecuada.

24 m 10 s: Se incluye una animación inicial como reclamo o adorno.

25 m 20 s: Dibujo de un polígono para representar los cajones que acogen la secuencia temporal. 

28 m 10 s: Uso de familias, aquí se define una familia de tres polígonos. Consultar p. 10 del guión de esta sesión.

31 m 50 s: Dibujo del los rectangulos rojos cuando la posiciónen la secuencia es errónea.

33 m 20 s: Cambio de la fuente de los textos.

33 m 35 s: Carpeta fonts con dieciséis fuentes.

34 m 46 s: La fuente no se puede cambiar en DescartesJS, se realiza de manera externa a la escena, en el código html de la página que contiene la escena: <link rel...>

36 m 10 s: Más sobre fuentes (consultar documento: "más sobre fuentes").

38 m 40 s: Incluir una fuente seleccionada de la colección antes mostrada.

40 m 54 s: Cómo conseguir una fuente (p. 33 y siguientes del guión de esta sesión).

43 m 30 s: Conclusión, propuestas de tareas.

44 m 05 s: Preguntas:

  • Sobre selección de un tipo de fuente para unos textos y otra para otros. Uso de más de un <link font...>.
  • Sobre la sesión octava y última. 
  • Cómo aleatorizar la posición de las preguntas en un test.

 53 m 24 s: Despedida.

 

 Para la séptima sesión:

Publicado en RedDescartes

Sexta sesión (21 de enero de 2022)

 

1A. 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 21 de enero de 2022 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: Guión y contenidos de la sexta sesión (descarga).

Línea temporal del vídeo:

00 m 00 s: Inicio. Esta sesión de amplios y extensos contenidos.

00 m 45 s: Esquema de la sesión: Introducción, vídeo motivador.

01 m 40 s: Recomendación de uso mp3 en los controles tipo audio. Escena ejemplo.

03 m 00 s: uso de variables "mudas" par invocar funciones.

03 m 22 s: Formatos de vídeo. Usaremos y recomendación de uso mp4 que admiten todos los navegadores.

05 m 10 s: ¿Dónde conseguir vídeos?: Vídeo propio o búsqueda en la web (Pixabay, por ejemplo).

07 m 41 s: Ejemplo de qué ha de ser un vídeo interactivo. Inclusión de actividades evaluativas o formativas usando espacios padre, hijo y nieto.

10 m 24 s: Escena de prueba como muestra para aprender a incluir un vídeo.

13 m 15 s: Conversión del vídeo en interactivo. Inclusión de una actividad interactiva en la escena anterior.

14 m 45 s: Controles de vídeos. Inclusión de un vídeo usando el control de Descartes tipo "vídeo" y gestión del mismo con las funciones play(), pause() y currentTime() y la variable currentTime. 

23 m 10 s: Parada del vídeo para poder realizar la actividad interactiva.

25 m 00 s: Comunicación entre escena padre/hijo. parent.set('xxxx', yyyy)  y parent.update(). Escena ejemplo.

28 m 00 s: Ocultar el vídeo mientra se realiza la actividad interactiva.

30 m 20 s: Uso de plantillas y envío de la nota con parent.set y parent.update.

32 m 18 s: Más sobre comunicación de escenas de DescartesJS (p. 14 del guión de esta sesión).

32 m 45 s: Detalle de elaboración del vídeo interactivo (páginas 19 a 28).

35 m 30 s: Necesidades a cubrir dentro de los controles de vídeo de DescartesJS. Alternativa uso de un plug-in para incrementar funciones adicionales de gestión del vídeo.

39 m 52 s: Un segundo ejemplo (páginas 28 a 32 del guión).

42  m 16 s: Un tercer ejemplo (páginas 33 y 34).

44 m 36 s: Un  ejemplo adicional (pp. 35 a 41). Inclusión de líneas de tiempo y elementos auxilares adicionales.

48 m 50 s: Uso de vídeos de YouTube.

49 m 10 s: Preguntas.

  • Zhema aporta su visión sobre el potencial y sobre la dificultad, salvable con dedicación.
  • Ramiro invita al uso de las plantillas para conseguir una alta productividad a un bajo coste. La planificación de la actividad interactiva es la que necesita mayor dedicación que el montaje con la plantilla.
  • Zhema coincide con Ramiro.
  • Juan Guillermo incide en que la necesidad es la que conduce a la profundización y estudio. Invita a Héctor a hablar sobre ello.
  • Héctor incide en que el aprendizaje requiere un esfuerzo importante, pero que con las plantillas se  consiguen resultados buenos sin necesidad de adentrarse en la programación.
  • Juan Guillermo transmite la facilidad del uso de las plantillas. Pero también la motiviación propia de iniciar un proyecto personal ya supone haber realizado la mitad del proyecto a realizar.
  • Juan Guillermo invita a Rosa a hacer interactivos los vídeos de su libro interactivo de Historia.
  • Héctor pregunta. Ubicación de los archivos de GeoGebra para comunicar con escenas de Descartes. Juan Gmo. ejemplifica la situación.
  • La siguiente sesión, la séptima, también requiere tiempo de preparación, de planificación. Y en la octava usaremos macros.
  • Zhema valora positivamente el uso de secuencias lógicas que se aprenderán en la siguiente sesión.

 1 h 04 m 54 s: Despedida.

 

 Para la séptima sesión:

Publicado en RedDescartes

Quinta sesión (14 de enero de 2022)

 

1A. 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 14 de enero de 2022 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: Guión y contenidos de la quinta sesión (descarga).

Línea temporal del vídeo:

00 m 00 s: Saludos.

00 m 19 s: Los controles.

00 m 57 s: Un primer ejercicio.

02m 17 s: El control tipo menú y sus opciones.

04 m 17 s: Asignación de valores por defecto en un control tipo menú (comienza por cero).

05 m 00 s: Realización de cálculos según el valor del identificador del control menú.

08 m 00 s: Inicialización de valores en el algoritmo INICIO.

09 m 09 s: Controles tipo pulsador.

09 m 45 s: Cómo agregar controles y seleccionar su tipo.

10 m 20 s: Ubicación de los controles.

11 m 00 s: Los parámetros que definen el control tipo pulsador.

13 m 52 s: El control tipo barra.

14 m 28 s: Los parámetros que definen el control tipo barra. 

17 m 54 s: Casillas de verificación.

18 m 55 s: Valores por defecto en las casillas de verificación.

19 m 49 s: Agrupación en un control tipo casilla de verificación y tipo radio botón.

23 m 13 s: Incluir un gráfico usando un control tipo gráfico.

26 m 26 s: Constricciones en un control tipo gráfico.

28 m 20 s: Gestión de los valores de un control gráfico en el algoritmo CALCULOS.

30 m 20 s: Más ejemplos de uso de estos controles (ver en el guión de esta sesión las secciones 1.5, 1.6 y 1.7).

31 m 45 s: Algunas actividades evaluativas usando controles (apartado 1.8 del guión).

 36 m 02 s: La próxima sesión versará sobre "vídeos interactivos".

36 m 26 s: Adelanto de trabajo. Consuta del libro "Comunicación DescartesJS-GeoGebra", en concreto el apartado de vídeos interactivos (desde p. 112 a p. 119).

39 m 10s: Avance acerca de cómo comunicar dos escenas de Descartes.

40m 23 s: Preguntas.

  •  40sm 55 s: Cómo hacer que las preguntas aparezcan de manera aleatoria.
  • 42 m 15 s: En los controles tipo pulsador cambiar las flechas que aparecen por defecto.
  • 43 m 20 s: ¿Se puede centrar el número en la casilla de introducción de un texto?
  • 46 m 27 s: Di Benedetto, en relación a la pregunta anterior, muestra una escena para agrupar varias imágenes en un espacio, en lugar de ponerlas una a continuación de otra en un documento, aportando un sentido unitario. El centrado de ese texto se puede realizar anulando el parámetro visible y usando un texto.
  • 56 m 35 s: Sugerencia de búsqueda de un vídeo que se quiera pasar a interactivo y determinar los puntos en los que se3 interrumpirá la reproducción para que el discente interactúe.

1 h 04 m: Despedida.

 

 Para la sexta sesión:

Publicado en RedDescartes
Página 4 de 10

Módulo de Búsqueda

Palabras Clave

Título

Categoría

Etiqueta

Autor

Acceso

Últimos materiales de Física y Química

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