Vidcode: Animoji
Recurso para educadores
60 minutos
JavaScript
Acerca de la actividad
Use un bucle (loop) para iterar sobre una matriz (array), haciendo que un emoji se anime a través de múltiples opciones.
Gran idea: modulo operator hace que su conteo se ajuste, como un reloj.
Standards
CCSS.MATH.PRACTICE.MP1 Entender los problemas y perseverar en resolverlos.
CCSS.MATH.PRACTICE.MP2 Razón abstracta y cuantitativa.
CCSS.MATH.PRACTICE.MP4 Modelo con matemáticas.
CSTA 1B-AP-09 Crear programas que usan variables para almacenar y modificar datos.
CSTA 1B-AP-15 Probar y depurar (identificar y corregir errores) un programa o algoritmo para garantizar que se ejecute según lo previsto.
CSTA 1B-AP-17 Describir las elecciones realizadas durante el desarrollo del programa utilizando comentarios de código, presentaciones y demostraciones.
NGSS ETS1.B: Desarrollo de posibles soluciones.
AP CS P Standards
EK 4.2.4C La exactitud de un algoritmo se determina razonando formal o matemáticamente sobre el algoritmo, no probando una implementación del algoritmo.
EK 5.3.1G Los parámetros proporcionan diferentes valores como entrada a los procedimientos cuando se los llama en un programa.
EK 5.5.1D Las expresiones matemáticas que utilizan operadores aritméticos son parte de la mayoría de los lenguajes de programación.
Lesson Plan
Tiempo: 60-80 minutos
10 minutos de background
60 minutos de codificación
5 minutos compartiendo
5 minutos de reflexión
Background
Revisión *: ¿Qué es un operador? (Un símbolo que manipula datos)
Revisión *: ¿Qué operadores aprendimos la última vez? (++, -, + =, - =) numbers)
Revisión *: ¿Cómo se hace una matriz (array)? (var matriz = [a, b, c];)
Revisión *: ¿Cómo contamos los elementos en una matriz (array)? (Comenzando en cero)
Revisión *: ¿Cómo accedemos a un elemento en una matriz (array)? (Usando su índice: array [5])
Hay un nuevo operador en la ciudad, y su nombre es modulo. Parece el signo de porcentaje (%). Le da el resto cuando el primer número se divide por el segundo.
14 % 5 = 4 “Fourteen mod five equals 4”
Esto puede sonar confuso, ¡pero usa modulo todos los días para decir la hora! Estás haciendo constantemente% 12 a Es por eso que tres horas después de las 11:00 son las 2:00.
Contamos con relojes hasta las 12:00 (o 24:00), luego regresamos a la 1:00. Esto es lo mismo que calcular el resto cuando la hora se divide por 12 (o 24).
Escriba este cuadro en la pizarra para que los alumnos completen el patrón.
9 %12 = 9
10 %12 = 10
11 %12 = 11
12 %12 = 0 (convention translates this to 12)
13 %12 = 1
14 %12 = 2
En este proyecto, vamos a utilizar modulo operator para contar a través de una matriz (array), pero volveremos al principio cuando nos quedemos sin elementos.
Desafío de código
Invite a los estudiantes a completar el módulo "Animoji". Este es particularmente atractivo con los estudiantes, así que dales la libertad de producir múltiples videos y experimentar con emoji.
Compartir
Clase:
Publique los proyectos completados en la galería Vidcode. Permita que los estudiantes exploren todos los proyectos de sus compañeros en la página de la galería.
Socios:
Comparte tu proyecto con tus vecinos. ¡Si tienes tiempo, toma ideas de tus propios videos y combínalos con tus vecinos para hacer un video colaborativo! ¡Puedes compartir con otros grupos y luego colaborar aún más!
Reflexión:
¿Qué es modulo? (un operador que calcula un resto)
¿Por qué es útil? (te permite contar como un reloj)
¿Qué respuesta te da modulo cuando el primer número es divisible por el segundo? (0)
modulo operator se puede utilizar para verificar si un número se divide de manera uniforme en otro número. Discuta cómo esto podría ser útil (Ejemplos: El reloj, decidir si puede compartir varias cosas de manera uniforme).
