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.

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.