🔍 Buscar en RED Descartes    

Cuarta sesión de la tercera edición del curso "Edición de objetos interactivos con DescartesJS"

Cuarta sesión (2 de diciembre de 2022)

 

1A. 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 2 de diciembre de 2022 dirigida e impartida por el Dr. Rivera de la Institución Universitaria Colegio Mayor de Antioquia 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 Institución Universitaria Pascual Bravo y miembro de la RED Descartes Colombia.

 

 

 

Documento de referencia de esta sesión: "Curso de DescartesJS. Sesión 4

Línea temporal de contenidos

00 m 00 s: Introducción. 

00 m 50 s: Revisión de tareas de la sesión anterior.

05 m 51 s: Comienzo de la seión cuatro siguiendo el guión o dodumento de referencia enlazado al inicio de este bloque.

06 m 10 s: Elementos de programación. En la p. 5 se presentan algunos problemas y unos enlaces (alguno roto para poner en evidencia la conveniencia de enlaces locales siempre que se respeten los derechos de autor, licencia que lo permita).

07 m 22 s: Según la programación estructurada bastan tres estructuras lógicas: secuencial, selectiva e iterativa.

08 m 08 s: Concepto de algoritmo.

09 m 27 s: Algoritmo expresado con un pseudocódigo, ejemplos (p. 7 y siguientes).

12 m 20 s: Codificación en DescartesJS. 

13 m 08 s: Selector "Programa" en DescartesJS. Algoritmos INICIO y CALCULOS.

13 m 46 s: Comentarios en DescartesJS "//". Asignaciones con ":=" o "=".

15 m 24 s: Mostrar el resultado del algoritmo con un gráfico tipo texto y valor de una variable entre corchetes: "[nombre_variable]. Las nombres de variables distinguen mayúsculas y minúsculas (case sensitive).

17 m 55 s: Otro ejemplo (p. 11 del guión): Cálculo del área de un triángulo con la fórmula de Herón una vez se ha leido los valores de sus lados.

19 m 30 s: Uso de controles tipo campo de texto.

24 m 45 s: Activar teclado en un campo de texto, tipos de teclado y posicionamiento de éste.

26 m 30 s: Cálculo del área en el algoritmo CALCULOS del selector Programa. Raíz cuadrada como potencia exponente 0.5 o 1/2.

29 m 45 s: Cálculo del área activando el cálculo con un botón. La función raíz cuadrada: sqrt.

31 m 40 s: Textos enriquecidos. Expresiones (exp). 

35 m 18 s: Un tercer problema (p. 20 y siguientes).

37 m 30 s: Números aleatorios: rnd (random o aleatorio).

40 m 20 s: Función parte entera: ent().

43 m 20 s: Generar dos puntos aleatorios y su representación textual.

44 m 55 s: Representación gráfica de los puntos. Objeto cartesiano punto en Gráficos.

45 m 48 s: Objeto cartesiano segmento en Gráficos.

48 m 20 s: Estructuras selectivas (p. 26 y siguientes) las veremos en la siguiente sesión, la quinta, a final de enero de 2023).

49 m 30 s: Preguntas y diálogo.

54 m 30 s: Despedida y felicitaciones.  

 

 

 Para la quinta sesión: Pongánse al día, repasen lo visto hasta ahora y practiquen.

Funciones

Funciones

Título: Funciones
Sección: iCartesiLibri
Bloque: Análisis matemático
Unidad: Funciones
Nivel/Edad: Bachillerato y Universidad (16 años o más)
Idioma: Castellano
Autores: Norma Patricia Apodaca Alvarez
ISBN: 978-84-18834-56-1

 pdf versión en pdf con enlace a los interactivos



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 libros interactivos de iCartesiLibri en
http://proyectodescartes.org/iCartesiLibri/index.htmVer Créditos

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

 

Recursos interactivos

Recursos_Interactivos

Título: Recursos interactivos
Sección: iCartesiLibri
Bloque: Ciencias computacionales
Unidad: Aplicaciones gráficas y multimedia
Nivel/Edad: Infantil y Primaria/4 a 8 años
Idioma: Castellano
Autor: Marisol Ramos Astudillo
ISBN: 978-84-18834-57-8

pdf32 Haz clic aquí para ver una versión en pdf

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 libros interactivos de iCartesiLibri en
http://proyectodescartes.org/iCartesiLibri/index.htmVer Créditos

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

 

 

Cuarta sesión de la 4ª edición del curso "Edición de libros interactivos"

Cuarta sesión (25 de noviembre de 2022)

 

 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 25 de noviembrebre de 2022 dirigida e impartida por el Dr. Rivera 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" (disponible también en versión pdf, pero siendo necesaria la conexión a internet para acceder a los objetos interactivos) y en el orden ahí incluido.

 

 

 Descripción línea temporal de contenidos

Libro interactivo con la  "Guía de la cuarta sesión".

 Línea temporal de contenidos

 00 m 00s: Introducción. Trabajaremos con elementos multimedia: textos e imágenes (primera parte).

02 m 32 s: Para textos consulten el libro guía p. 46 donde se detalla el código necesario.

03 m 15 s: En la guía de esta cuarta sesión tienen los elementos que trabajaremos.

03 m 57 s: Como intersertar listas. 

04 m 50 s: Etiqueta <ul> (listas no ordenadas) y <li>.

06 m  05 s: Crear en "mis estilos" nuevas listas. Inclusión de una imagen como ilustración de cada elemento de la lista mediante una clase. Diferencia entre outside e inside en list-style.

11 m 13 s: Crear un tipo de lista propio.

16 m 50 s: En flaticon.es tienen iconos.

17 m 38 s: Inclusión de citas textuales. Hiperenlaces. Notas a pie de página y refrencias bibliográficas.

19 m 30 s: Para una cita textual incluimos una clase class="note".

21 m 17 s: Quitar la línea lateral de adorno en una cita textual incluyendo una modificación en mis_estilos e introducir otros cambios opcionales.

25 m 20 s: Incluir un hiperenlace: etiqueta <a>.

28 m 34 s: Poner una nota a pie de página. Etiqueta <span> es una etiqueta neutra, pero permite introducir estilos y clases. Para nota a pie de página usamos class="footnote".

32 m 34 s: Bibliografía: <bibitem id="xxx"> y referencias bibliográficas: <bibref ref_id="xxx">.

37 m 35 s: Tarea de esta sesión: elaborar una página similar a la incluida en el libro de referencia "Diseño de libros interactivos p. 53" con un mínimo de dos notas a pie de página, dos hiperenlaces y una cita textual.

38 m 34 s: Inclusión de imágenes: eitqueta <img> (cierre especial <img />.

 41 m 27 s: Centrado de imágenes.

44 m 10 s: class="image_expand" propia del libro interactivo y onclick.

48 m 52 s: Etiqueta <figure> con un título a pie de figura: <figcaption>. O encima de la figura. O con otro prefijo como Tabla (prefix="Tabla").

52 m 30 s: Preguntas y diálogos.

 

Chat de la sesión

 

 

Tercera sesión de la tercera edición del curso "Edición de objetos interactivos con DescartesJS"

Tercera sesión (18 de noviembre 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 18 de noviembre de 2022 dirigida e impartida por el Dr. Rivera de la Institución Universitaria Colegio Mayor de Antioquia 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 Institución Universitaria Pascual Bravo y miembro de la RED Descartes Colombia.

 

 

 

Documento de referencia de esta sesión: "Curso de DescartesJS. Sesión3

Línea temporal   

00 m 00 s: Introducción. Objetivos de esta sesión.

01 m 14 s: En el documento de referencia (Sesión 3) la primera actividad es incluir diferentes tipos de fondo y de marcos incluyendo el manejo de imágenes, controles tipo botón, espacios y condicionales.

03 m 17 s: Recordad configurar la escena para que se escale (selector "Escena", parámetro "expandir escena").

04 m 02 s: Incluir una imagen en un espacio indicandp expadir en "despliegue". Puede descargar las imágenes auxiliares —fondos, botones y marcos— que se usan en la sesión 3 (y otras más) desde aquí.

05 m 19s: El selector "Programa" y los algoritmos "Inicio" y "Cálculos". Dibujar si en un espacio.

06m 16s: Crear más espacios (agregar o clonar) y condicionar su representación con dibujar si. 

09 m 35 s: Uso de un control para poder seleccionar los espacios y las imágenes ques estos contienen. Selector "Controles" y tipos controles. Control tipo botón y sus parámetros (ubicación, tamaño, imagen asociada, acción).

15 m 30 s: Crear un espacio auxiliar botones para ubicar en él el control tipo botón y con fondo transparente.

17 m 20 s: Limitar el valor de la variable usada en el control tipo botón.

18 m 20 s: Incluir otro botón para retroceder en los espacios e imágenes asociadas a ellos.

20 m 30 s: Surge un problema en la codificación (en este vídeo se explica cuál fue el error).

21 m 10 s: Agregar un título a la escena. Selector "Gráficos" tipo texto.

22 m 48 s: Cambiar el color del texto.

23 m 40 s: Agregar marcos. Usamos una variable auxiliar m (de marco) y un espacio adicional. Hay que posicionar u ordenar los espacios para su representación (son capas una encima de otra que se dibujan según el orden puesto en el editor de configuración de espacios).

28 m 20 s: Agregamos un control tipo barra para cambiar los marcos (cambiar el valor de la variable auxiliar m).

32 m 30 s: Tarea a realizar: Editar una escena similar a la construida en esta primera parte de la sesión.

33 m 00 s: Parámetros o propiedades del control tipo barra. Uso de gradiente en colores.

36 m 00 s: En la p. 36 del libro guión de la sesión 3 tenemos otra actividad.

37 m 00 s: Agregar un gráfico tipo imagen, en este caso es vectorial (svg). Ancho y alto de la imagen en porcentaje. Posicionamiento según coordenadas relativas a los ejes. Si el porcentaje es negativo invierte la imagen.

40 m 27 s: Incluir un espacio 3D con trasparencia. Nuevo selector "Gráficos 3D". Añadir un gráfico 3D.

42 m 04 s: Selector animación y control de una animación.

42 m 26 s: Variables de espacio (rotación en z, espacio.rot.z).

44 m 49 s: Un botón para una animación. Ubicación del botón usando el ancho del espacio (espacio. _w). Seleccionar en el paraámetro acción el valor "animar".

47 m 20 s: Incluir una rotación en y (selector animación y espacio.rot.y).

49 m 06 s: Añadir una imagen tipo gif animado o WebP animado. Es necesario un espacio HTMLIframe.

52m 20 s: Formatos o tipos de imágenes (p. 6 y siguientes del libro guión de esta sesión).

56 m 00 s: Tarea a realizar y se solicita algo de creatividad.

58 m 30 s: Preguntas y/o comentarios.


 

 Para la cuarta sesión: Hagan la tarea propuesta y practiquen.

Página 1 de 176

SiteLock

Módulo de Búsqueda

Palabras Clave

Título

Categoría

Etiqueta

Autor

Acceso

Últimos materiales de Matemáticas

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