Como incorporar uma simulação no WordPress

Se você escreve um blog de ensino, mantém o site de um departamento ou publica tarefas de casa em um site escolar feito com WordPress, pode incorporar uma simulação no WordPress para que os leitores rodem um experimento ao vivo dentro do post. Há dois jeitos: colar o código de incorporação em um bloco de HTML personalizado, ou colar o link de reprodução sozinho em uma linha e deixar o WordPress montar a incorporação. Este guia mostra os dois com o Simulic, explica qual escolher, como acertar a altura e o que fazer quando o WordPress remove o quadro sem avisar. Termina com ideias de posts de ensino que usam bem uma simulação.

O que você precisa

• Uma conta gratuita de professor no Simulic. Leitores e alunos nunca precisam de uma.
• Um site WordPress em que você possa editar posts ou páginas.
• Para o método do HTML personalizado, um perfil de usuário com permissão para salvar HTML, como iframes. Em um site WordPress único padrão, Administradores e Editores geralmente podem; Autores e Colaboradores geralmente não. Pergunte ao administrador do site se não tiver certeza.
• Uma simulação e um link de compartilhamento dela.

Qual método usar?

	Colar o link de reprodução	Bloco de HTML personalizado
Esforço	Colar uma linha	Colar o código de incorporação
Altura	Escolhida pelo WordPress e pelo tema	Você define
Perguntas abaixo da simulação	Pode ser preciso rolar dentro do quadro	O quadro cresce com o conteúdo, ou você aumenta a altura
Funciona para todos os perfis de usuário	Geralmente	Só perfis com permissão para salvar HTML

Comece pelo link de reprodução. Se o resultado ficar baixo demais, ou se o link continuar sendo só um link, passe para o bloco de HTML personalizado.

Passo 1: crie um link de compartilhamento no Simulic

1. Abra a página da simulação e clique em Compartilhar.
2. Na aba Simulação, defina os valores iniciais com que os leitores devem começar. Eles ficam fixados no novo link.
3. Vá até a aba Links de compartilhamento. Em Novo link, dê ao link o nome do post, por exemplo "Blog · Post do tabuleiro de Galton", escolha o Idioma e clique em Criar link.
4. No cartão do link, clique em Copiar link para o método A, ou abra Código de incorporação e clique em Copiar código de incorporação para o método B.

Use um link separado para cada post. Cada link guarda seu próprio número de acessos e suas próprias respostas, então você vê qual post os leitores realmente usam.

Método A: cole o link de reprodução (oEmbed)

O Simulic oferece suporte a oEmbed, o padrão que o WordPress usa para transformar um link colado em um quadro incorporado.

1. No editor do post, coloque o cursor em uma linha nova e vazia.
2. Cole o link de reprodução (ele tem a forma https://simulic.com/p/…) sozinho, sem mais nada na linha.
3. Espere um instante. Se o WordPress reconhecer o link, mostra uma prévia da simulação no editor.
4. Visualize o post e depois publique ou atualize.

Se o link continuar como texto simples, o seu site ou o seu editor não criou a incorporação. Isso depende da configuração do WordPress, não do link. Use o método B.

O quadro criado assim tem um tamanho fixo escolhido pelo WordPress e pelo tema. Isso serve para uma simulação sozinha. Se você anexar perguntas ao link, o quadro pode ficar baixo demais para mostrá-las sem rolagem.

Método B: bloco de HTML personalizado

1. No editor de blocos, adicione um bloco de Custom HTML (HTML personalizado) onde a simulação deve aparecer (procure "HTML personalizado" no inseridor de blocos).
2. Cole o código de incorporação do Simulic.
3. Mude o bloco para a visualização de prévia e confira se a simulação carrega.
4. Visualize o post inteiro e depois publique ou atualize.

No editor clássico, mude o editor para a visualização HTML (código) antes de colar, depois volte e salve. Os nomes de menu variam entre versões do WordPress, temas e construtores de página, então procure a opção que permite editar HTML.

O código de incorporação começa com um iframe de 640 px de altura e termina com um pequeno script que faz o quadro crescer junto com o conteúdo, mais uma linha "Simulation by Simulic". Quando o WordPress mantém o script, o quadro se redimensiona sozinho quando as perguntas aparecem. Quando o remove, o quadro fica com 640 px de altura:

• Só a simulação: 640 px bastam.
• Com 2–3 perguntas: troque height="640" por cerca de 850.
• Com 5 perguntas e previsões: tente 1000–1100.

Quando o WordPress remove o iframe

Se o post parece certo no editor, mas a simulação some depois que você salva, algo removeu o iframe. As causas habituais:

• Seu perfil de usuário. O WordPress remove iframes e scripts de usuários sem permissão para publicar HTML sem filtro. Em redes multisite, muitas vezes só o superadministrador da rede pode. Peça a um administrador que cole o código por você, ou use o método A.
• Um plugin de segurança ou construtor de página que filtra HTML. Veja nas configurações dele a opção sobre iframes ou incorporações, ou pergunte a quem gerencia o site.
• Um plano hospedado que limita código personalizado. Alguns planos de WordPress hospedado não permitem iframes ou scripts em posts.

Se só o script for removido, a simulação continua funcionando. Basta aumentar a altura, como acima.

Ideias de blog de ensino que funcionam

Uma simulação transforma um post de algo que os alunos leem em algo que eles testam. Alguns formatos que funcionam:

• Problema da semana. Uma pergunta, uma simulação, respostas coletadas no link.
• Página de revisão por unidade. Três ou quatro simulações, cada uma com uma tarefa de uma linha.
• Aula invertida. Uma explicação curta, uma simulação com perguntas de previsão e depois "traga sua resposta para a aula".
• Explicação para os pais. "Foi isto que fizemos em aula hoje", com a mesma simulação que os alunos usaram.

Aqui está um post de problema da semana em ação, usando a simulação do tabuleiro de Galton:

Na tela Introdução, as bolas caem por 12 fileiras de pinos e quicam para a direita com probabilidade 0,5 em cada pino. Peça aos leitores que prevejam qual compartimento recebe mais bolas antes de clicarem em Soltar 100 bolas. A teoria diz que o compartimento do meio (k = 6) recebe cerca de 22,6% das bolas, os três do meio juntos cerca de 61%, e cada compartimento das pontas só cerca de 0,02%, aproximadamente 1 bola em 4.096. Na tela Laboratório, defina p = 0,7: o pico se desloca para cerca de k = 8,4, a média de 12 × 0,7.

Perguntas para o link (monte-as na aba Perguntas da página de compartilhamento):

• Previsão (sem nota): "Qual compartimento vai reunir mais bolas?" Resposta esperada: o do meio, k = 6.
• Número: "Aproximadamente que porcentagem das bolas cai no compartimento 6?" Resposta 22,6, tolerância ± 1,5, unidade %.
• Texto curto: "Por que tão poucas bolas chegam aos compartimentos das pontas?" Resposta de exemplo: a bola precisa quicar para o mesmo lado nos 12 pinos, e só um caminho em 4.096 faz isso.

Peça aos alunos só um apelido ou o primeiro nome. Você vê as respostas no cartão do link e pode baixá-las em CSV. Para um passo a passo completo, leia como coletar respostas dos alunos sem contas de aluno. Para ideias além da probabilidade, veja atividades interativas de matemática.

Solução de problemas

O quadro está em branco

Abra o link de reprodução diretamente. Se ele falhar só nos dispositivos da escola, um filtro de internet está bloqueando o simulic.com. Se funcionar direto, confira o HTML do post: se a linha do iframe sumiu, veja a seção acima sobre iframes removidos.

O quadro diz que o link não está disponível ou expirou

"This Simulic link is no longer available" significa que o link está desativado: clique em Ativar link na página de compartilhamento. "This Simulic link has expired" significa que uma data final foi definida nas Opções do Pro; altere ou apague a data.

A simulação aparece cortada embaixo

Aumente height no bloco de HTML personalizado, ou passe do método A para o método B.

Para outras plataformas, veja o guia para incorporar uma simulação no seu AVA e a página de ajuda sobre incorporação dentro do aplicativo.

Perguntas frequentes

A simulação incorporada define cookies no meu site WordPress?

Não. A incorporação não define cookies e continua funcionando quando os navegadores bloqueiam cookies de terceiros.

Leitores sem conta podem usar a simulação?

Sim. Ninguém precisa de conta para rodar uma simulação. Se você anexar perguntas, os leitores digitam um apelido para responder.

Por que colar o link funciona em um site WordPress e em outro não?

As incorporações automáticas dependem da configuração do WordPress do site, dos plugins e do editor. Quando o link continua como texto simples, use um bloco de HTML personalizado.

Posso incorporar a mesma simulação em vários posts?

Sim. Crie um link por post para que os acessos e as respostas fiquem separados.

A incorporação quebra se eu mudar o conjunto de perguntas depois?

Não. O código de incorporação continua o mesmo. As mudanças que você faz na página de compartilhamento aparecem no post automaticamente.