Want to create interactive content? It’s easy in Genially!
(ALTERAR) MAT: 5.º ano - Piratas decimais - Aula 53
Núcleo de Mídias Edu
Created on September 21, 2023
Start designing with a free template
Discover more than 1500 professional designs like these:
Transcript
Piratas Decimais
Objetivo: resolver e elaborar problemas de situações multiplicativas (números racionais cuja forma decimal é finita – com multiplicador natural) com o significado de adição de parcelas iguais, disposição retangular, utilizando estratégias próprias de resolução (desenhos, palavras ou oralmente), algoritmos (convencionais ou por decomposição) ou calculadora.
VIDEOAULA: 53
5.° ANO
Piratas decimais
Prepare-se para viver várias aventuras pelos sete mares do Norte...
Jogar
Continuar
Um dia serei um pirata e navegarei pelos mares em busca de tesouros perdidos...
Serei o pirata mais esperto do mundo e ninguém me vencerá...
- 3000
- 70
- 20
- 700
- 6
- [1-9]
- color
- #FF9900, #FAF700, #00CC00, #FF0000, #6633FF
- no-repeat
Estou aqui, porque preciso da sua ajuda para navegar pelos mares em busca de tesouros perdidos...
... Será uma grande aventura a bordo do meu navio. Você tem coragem de me acompanhar?
- 3000
- 70
- 20
- 700
Muito bem... Teremos que atravessar as sete ilhas dos mares do Norte...
E enfrentar alguns desafios para conquistar o tesouro escondido... Você está pronto?
- 3000
- 70
- 20
- 700
Se você iniciar um novo jogo, perderá todo o seu progresso e as recompensas.
80%
Início
Salvando
Código:
Recompensas:
Salvando
Ilha da Cachoeira
Bom trabalho pirata!
Você foi esperto e conquistou o tesouro da ilha! Clique na seta para coletá-lo.
ILHA DA CACHOEIRA Marcos resolveu pintar alguns cômodos da sua casa. Para isso, comprou 4 latas de tinta. Cada lata contém 3,2L. Quantos litros de tinta ele comprou ao todo?
1,28L
128,0L
12,8L
Salvando
Eu sabia que não estava errado sobre você... Persistente como um bom pirata deve ser... Clique na seta para a próxima batalha!
- 3000
- 70
- 20
- 700
Salvando
ILHA DA FLORESTA Selecione os números do baú que, quando somados, darão os resultados marcados nas placas.
67,35
72,05
71,15
Muito bem! Tenha cuidado, você ainda não terminou...
Errado
7,86
24,17
32,72
39,33
59,49
46,98
Guardando
ILHA DA FLORESTA Selecione os números do baú que, quando subtraídos, darão os resultados marcados nas placas.
45,58
38,68
40,78
Para o embarque! Vamos buscar nossa recompensa.
Errado
19,42
58,1
28,72
46,85
92,43
69,5
Que maravilha! Encontramos o tesouro! Você é um grande pirata. Vamos para o próximo desafio!
- 3000
- 70
- 20
- 700
Salvando
Salvando
ILHA DESERTA Escreva o resultado da adição e subtração nos cactos do deserto.
Errado
Muito bom!!! Um novo tesouro nos espera...
234,56 + 394,109
15,4 + 65 + 36,21
832,1 - 356,943
Confirmar
VALIDER
Salvando
Falta pouco pra você conquistar as sete ilhas dos mares do Norte...
- 3000
- 70
- 20
- 700
inflexible
Salvando
00:00
Tente novamente!
ILHA GLACIAL Elimine todos os números que não são resultados das seguintes operações.
Tempo
8976 : 10
34,54 : 100
0,4536 x 1000
3454
4536
897,6
89760
0,3454
453,6
45,36
Seguir
89,76
3,454
X/N
Salvando
inflexible
00:00
ILHA GLACIAL Elimine todos os números que não são resultados das seguintes operações.
Tente novamente!
Tem sido difícil, mas conseguimos conquistar o tesouro...
Tempo
54,33 x 10
1,28 x 1000
7,43 : 100
0,743
5433
543,3
0,0743
0,0128
128
743
5,433
1280
X/N
Salvando
Bom trabalho! Pegue o tesouro rápido e vamos embora antes de congelarmos...
- 3000
- 70
- 20
- 700
Salvando
Errado
ILHA DA TERRA ÁRIDA Combine cada multiplicação com seu resultado.
Ilha da terra árida
Bom trabalho, pirata!
Cada vez mais seu trabalho me surpreende. Só nos restam dois tesouros para terminar a missão.
50,204
54,6 x 2,3
Valider
Confirmar
1,6 x 5,79
125,58
Recommencer
Excluir
9,264
37,6 x 6,8
255,68
7,7 x 6,52
De quem são esses ossos? Com certeza são muito valiosos... Seguimos em frente...
- 3000
- 70
- 20
- 700
Salvando
Salvando
ILHA PARAÍSO Escreva o quociente e o resto da divisão que marca cada navio abandonado.
Confirmar
Errado
VALIDER
Ótimo trabalho! Vamos pegar o tesouro...
62541 : 85
58791 : 43
9021 : 37
Quociente
Quociente
Quociente
Resto
Resto
Resto
Salvando
Já conquistamos seis ilhas. Resta apenas uma... Mas, para entrar, é necessário utilizar o código... Tenha cuidado...
- 3000
- 70
- 20
- 700
ABRIR
1234
123456
ERRADO
123456
Salvando
- 3000
- 70
- 20
- 700
Capitão Barba Negra, disseram-me que você tem seis tesouros das ilhas do Norte...
Você não conquistará o tesouro da última ilha... Tenho ao meu lado o melhor pirata que se pode ter. Prepare-se para perder!!!
Sabendo que 64 x 2 = 128, qual é o produto da multiplicação 6,4 x 2?
0,128
1,28
12,8
128,0
SALVANDO
Sabendo que 150 x 3 = 450, qual é o produto da multiplicação 1,5 x 3?
0,045
4,5
0,45
45,0
SALVANDO
Sabendo que 18 x 3 = 54, qual é o produto da multiplicação 0,018 x 3?
0,054
0,54
54
5,4
SALVANDO
DESAFIO
O resultado da multiplicação 2 x 3,5 é:
7,5
3,5
7,0
6,5
SALVANDO
Eu avisei...
Tente novamente!!!
SALVANDO
- 3000
- 70
- 20
- 700
Somos os maiores piratas de todos os tempos!
Salvando
Algumas horas depois...
- 3000
- 70
- 20
- 700
Tive um sonho incrível: uma aventura com um pirata de verdade!!!!
E esse tesouro? Meus amigos não vão acreditar quando eu contar...
OBRIGADO PELA AJUDA, GRANDE PIRATA!!!
- 3000
- 70
- 20
- 700
OUTRO JOGO
Página de creación
Elemento obligatorio en la primera página que se debe agrupar con un botón de continuar.
Coloca este elemento en la página del GICODE. Puedes cambiar el formato de la fuente. El texto (opcional) se reemplazará con el código final obtenido
Elemento obligatorio. Se debe poner en una página por la que obligatoriamente pasen al principio. Por ejemplo, la de introducción.
- 5 indica el número de retos. Si escribes un valor de más de 2 cifras lo asumirá como clave predefinida, con tantos retos como dígitos tenga el número introducido
- [1-5] indica el rango de valores posibles para la clave. Opcional, si no se incluye se considerará [0-9].
- color añade un color asociado a cada dígito. Opcional.
- Son los colores que asociaremos a la clave. (Ej: #FF0000). Es algo opcional y puede no incluirse.
- no-repeat hace que los dígitos/imágenes/colores de la contraseña no se repitan
Juego completado. Opcional. Puede usarse si no se implementa un candado. Coloca este objeto en una página donde quieras que el juego se de por terminado.
80%
- 5
- [1-5]
- color
- #FF9900, #FAF700, #00CC00, #FF0000, #6633FF
- no-repeat
80%
Barras de progreso
80%
80%
80%
80%
Coloca este elemento en una página para borrar los datos de partida.
Elige el modelo que más se adapte a la estética de tu Breakout
Página de creación
Dígitos. Número conseguido al superar un reto
Agrupar con un texto. Colocarla en la última página del reto, al conseguir la recompensa de ese reto
Agrupar con imageno cualquier elemento Genially. Aparece cuando se haya conseguido la recompensa final del itinerario.
Agrupar con #. Saldrá el dígito de la contraseña conseguido de cada reto. Agrupar con imagen o texto de recompensa. Aparecerá la imagen y/o texto del reto conseguido. Agrupar con imagen de feedback de reto conseguido. Se puede poner encima del mapa para marcar retos conseguidos e incluso impedir que se repitan.
Recompensas
Candado boss. Agrupar con imageno cualquier elemento Genially. para bloquear el enigma o candado final. Desaparecerá al conseguir todos los retos.
Candados
Agrupar con imagen o cualquier elemento Genially. Los candados hacen visible un elemento hasta que se completen las misiones anteriores, después se ocultará. Agrupado a un elemento que cubra el enlace a la misión correspondiente, por ejemplo, impedirá realizar dicha misión hasta completar las anteriores.
OFF Boss. Agrupar con imagen o cualquier elemento Genially. Desaparece cuando se haya conseguido la recompensa final
OFF
Agrupar con imagen o cualquier elemento Genially. Se ocultará cuando consigas una misión.
Página de creación para código de colores
Otorga la recompensa que indica al hacer click.
Agrupar con cualquier elemento Genially para hacerlo visible y clicable.
RETOMAR LA PARTIDA
Recompensas
Reemplaza el texto en negrita por el código de tu barra. Luego, copia todo el texto e insértalo en tu itinerario
<div class="css-progressBarGen" style="width: 100%; height: 100%; padding: 0px; border-color: rgb(0, 0, 0); border-width: 0px; border-style: solid; background-color: rgba(251, 244, 198, 0.33); border-radius: 12px; backdrop-filter: blur(1.4px); transform: scaleY(-1); overflow: hidden;"><div style="height: 81%; width: 100%; padding: 0px; margin: 0px; border-width: 0px; border-radius: 12px; backdrop-filter: blur(1.4px); box-shadow: rgba(195, 175, 44, 0.3) -7.53158e-16px 4.1px 6.4px 4.1px; background-image: linear-gradient(0deg, rgba(247, 221, 95, 0.86) 0%, rgba(200, 130, 9, 0.86) 71%);" data-ref="progressBar" orientation="vertical" data-value="0" data-range="0"></div></div> <script> if (document.querySelector('.container-wrapper-genially')) { var progress = document.querySelectorAll("div[data-ref=progressBar]"); for (var i = 0; i < progress.length && !progress[i].getAttribute('data-init'); i++) { var url = window.location.pathname.split("/"); var found = false; var conNumero = /\d/; for (var y = 0; y < url.length && !found; y++) { if (conNumero.test(url[y])) { var referencia = url[y]; found = true; } } var textosAdjuntos = progress[i].closest('div.genially-animated-wrapper').querySelectorAll('.genially-view-text'); for (var k = 0; k < textosAdjuntos.length; k++) { var texto = textosAdjuntos[k]; var porcentaje = /^[0-9]+\%$/; if (porcentaje.test(texto.innerText.trim())) {} else if (texto.innerText.trim().substring(0, 3) == 'htt') { url = texto.innerText.trim().split("/"); var found = false; var conNumero = /\d/; for (var y = 0; y < url.length && !found; y++) { if (conNumero.test(url[y])) { referencia = url[y]; found = true; } } texto.style.display = 'none' } } var claveCadena = localStorage.getItem('claveGenerada' + referencia); actualizaBarra(claveCadena, progress[i]); progress[i].setAttribute('data-init', true); } } function actualizaBarra(claveCadena, barra) { var progress = barra; let grupo = progress.closest('div.genially-animated-wrapper'); var txtBarra = getTexte(progress); if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = 0 + "%"; progress.setAttribute('data-value', 0); } else { progress.style.width = 0 + "%"; progress.setAttribute('data-value', 0); } if (txtBarra) { txtBarra.innerText = 0 + "%" }; if (claveCadena) { var found = (claveCadena.match(/true/gi) ? claveCadena.match(/true/gi).length : 0), notFound = (claveCadena.match(/false/gi) ? claveCadena.match(/false/gi).length : 0); var avance = Math.max(((found - 1)/(notFound + found) * 100), 0); var value = parseInt(progress.getAttribute('data-value')); if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = avance + "%"; progress.setAttribute('data-value', avance); } else { progress.style.width = avance + "%"; progress.setAttribute('data-value', avance); } console.log("actualizando la barra con digito"); let idInterval = setInterval(function () { value = parseInt(progress.getAttribute('data-value')); var range; if(value < 20){ range = 0; } else if (value < 40){ range = 20; } else if (value < 60){ range = 40; } else if (value < 80){ range = 60; } else { range = 80; } if (value >= (found/(notFound + found) * 100) - 1) { clearInterval(idInterval); value = (found/(notFound + found) * 100); if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = value + "%"; progress.setAttribute('data-value', value); } else { progress.style.width = value + "%"; progress.setAttribute('data-value', value); } progress.setAttribute('data-range', range); if (txtBarra) { txtBarra.innerText = Math.ceil(parseFloat(value)) + "%" }; } else { value++; if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = value + "%"; progress.setAttribute('data-value', value); } else { progress.style.width = value + "%"; progress.setAttribute('data-value', value); } progress.setAttribute('data-range', range); if (txtBarra) { txtBarra.innerText = Math.ceil(parseFloat(value)) + "%"; } } }, 100); } } function getTexte(progress) { var textosAdjuntos = progress.closest('div.genially-animated-wrapper').querySelectorAll('.genially-view-text'); for (var k = 0; k < textosAdjuntos.length; k++) { var texto = textosAdjuntos[k]; var porcentaje = /^[0-9]+\%$/; if (porcentaje.test(texto.innerText.trim())) { var lastElementChild = texto; while (lastElementChild.firstChild) { lastElementChild = lastElementChild.firstChild; } return lastElementChild.parentNode; } } } </script>
<style> .progressCh { padding: 4px; background: rgba(0, 0, 0, 0.25); border-radius: 6px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08); } .progress-barCh { height: 16px; border-radius: 4px; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05)); -webkit-transition: 0.4s linear; -moz-transition: 0.4s linear; -o-transition: 0.4s linear; transition: 0.4s linear; -webkit-transition-property: width, background-color; -moz-transition-property: width, background-color; -o-transition-property: width, background-color; transition-property: width, background-color; -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1); } /* * Note: using adjacent or general sibling selectors combined with * pseudo classes doesn't work in Safari 5.0 and Chrome 12. * See this article for more info and a potential fix: * https://css-tricks.com/webkit-sibling-bug/ */ .progressCh > .progress-barCh[data-range="0"] { background-color: #f63a0f; } .progressCh > .progress-barCh[data-range="20"] { background-color: #f27011; } .progressCh > .progress-barCh[data-range="40"] { background-color: #f2b01e; } .progressCh > .progress-barCh[data-range="60"] { background-color: #f2d31b; } .progressCh > .progress-barCh[data-range="80"] { background-color: #86e01e; } </style> <div class="css-progressBarGen" style="width: 100%; height: 100%; padding: 0px; border-color: rgb(0, 0, 0); border-width: 0px; border-style: solid; background-color: rgba(251, 244, 198, 0.33); border-radius: 12px; backdrop-filter: blur(1.4px); transform: scaleY(-1); overflow: hidden;"><div style="height: 81%; width: 100%; padding: 0px; margin: 0px; border-width: 0px; border-radius: 12px; backdrop-filter: blur(1.4px); box-shadow: rgba(195, 175, 44, 0.3) -7.53158e-16px 4.1px 6.4px 4.1px; background-image: linear-gradient(0deg, rgba(247, 221, 95, 0.86) 0%, rgba(200, 130, 9, 0.86) 71%);" data-ref="progressBar" orientation="vertical" data-value="0" data-range="0"> </div></div> <script> if (document.querySelector('.container-wrapper-genially')) { var progress = document.querySelectorAll("div[data-ref=progressBar]"); for (var i = 0; i < progress.length && !progress[i].getAttribute('data-init'); i++) { var url = window.location.pathname.split("/"); var found = false; var conNumero = /\d/; for (var y = 0; y < url.length && !found; y++) { if (conNumero.test(url[y])) { var referencia = url[y]; found = true; } } var textosAdjuntos = progress[i].closest('div.genially-animated-wrapper').querySelectorAll('.genially-view-text'); for (var k = 0; k < textosAdjuntos.length; k++) { var texto = textosAdjuntos[k]; var porcentaje = /^[0-9]+\%$/; if (porcentaje.test(texto.innerText.trim())) {} else if (texto.innerText.trim().substring(0, 3) == 'htt') { url = texto.innerText.trim().split("/"); var found = false; var conNumero = /\d/; for (var y = 0; y < url.length && !found; y++) { if (conNumero.test(url[y])) { referencia = url[y]; found = true; } } texto.style.display = 'none' } } var claveCadena = localStorage.getItem('claveGenerada' + referencia); actualizaBarra(claveCadena, progress[i]); progress[i].setAttribute('data-init', true); } } function actualizaBarra(claveCadena, barra) { var progress = barra; let grupo = progress.closest('div.genially-animated-wrapper'); var txtBarra = getTexte(progress); if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = 0 + "%"; progress.setAttribute('data-value', 0); } else { progress.style.width = 0 + "%"; progress.setAttribute('data-value', 0); } if (txtBarra) { txtBarra.innerText = 0 + "%" }; if (claveCadena) { var found = (claveCadena.match(/true/gi) ? claveCadena.match(/true/gi).length : 0), notFound = (claveCadena.match(/false/gi) ? claveCadena.match(/false/gi).length : 0); var avance = Math.max(((found - 1)/(notFound + found) * 100), 0); var value = parseInt(progress.getAttribute('data-value')); if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = avance + "%"; progress.setAttribute('data-value', avance); } else { progress.style.width = avance + "%"; progress.setAttribute('data-value', avance); } console.log("actualizando la barra con digito"); let idInterval = setInterval(function () { value = parseInt(progress.getAttribute('data-value')); var range; if(value < 20){ range = 0; } else if (value < 40){ range = 20; } else if (value < 60){ range = 40; } else if (value < 80){ range = 60; } else { range = 80; } if (value >= (found/(notFound + found) * 100) - 1) { clearInterval(idInterval); value = (found/(notFound + found) * 100); if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = value + "%"; progress.setAttribute('data-value', value); } else { progress.style.width = value + "%"; progress.setAttribute('data-value', value); } progress.setAttribute('data-range', range); if (txtBarra) { txtBarra.innerText = Math.ceil(parseFloat(value)) + "%" }; } else { value++; if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = value + "%"; progress.setAttribute('data-value', value); } else { progress.style.width = value + "%"; progress.setAttribute('data-value', value); } progress.setAttribute('data-range', range); if (txtBarra) { txtBarra.innerText = Math.ceil(parseFloat(value)) + "%"; } } }, 100); } } function getTexte(progress) { var textosAdjuntos = progress.closest('div.genially-animated-wrapper').querySelectorAll('.genially-view-text'); for (var k = 0; k < textosAdjuntos.length; k++) { var texto = textosAdjuntos[k]; var porcentaje = /^[0-9]+\%$/; if (porcentaje.test(texto.innerText.trim())) { var lastElementChild = texto; while (lastElementChild.firstChild) { lastElementChild = lastElementChild.firstChild; } return lastElementChild.parentNode; } } } </script>
Barras de progreso que cambian de color
Reemplaza el texto en negrita por los colores que quieras. Luego, copia todo el texto e insértalo en tu itinerario
Cambia de color según %