Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

aula04 #4

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

aula04 #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 1 addition & 13 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,23 +11,11 @@
<body>
<div class="caixa-principal">
<h1>Você decide o futuro da IA</h1>
<div class="tela-inicial">
<p>Novembro de 2022, a humanidade se viu em uma realidade perturbadora.
De repente, percebemos que as máquinas evoluíram para além do que imaginávamos.
Agora, elas escrevem e falam de um jeito tão parecido com humanos que é quase impossível diferenciar
quem foi que escreveu ou falou o que.
Em meio a esse caos de identidade, uma missão surgiu.
Nosso objetivo: explorar o impacto da Inteligência Artificial (IA) em nossas vidas e confrontar as
possibilidades que o futuro nos reserva.
O mundo nunca mais será o mesmo.
</p>
<button class="iniciar-btn">Iniciar</button>
</div>
<div class="caixa-perguntas"></div>
<div class="caixa-alternativas"></div>
<div class="caixa-resultado">
<p class="texto-resultado"></p>
<button class="novamente-btn">Jogar novamente</button>
<buttton class="novamente-btn"></button>
</div>
</div>
<script type="module" src="js/aleatorio.js"></script>
Expand Down
4 changes: 0 additions & 4 deletions js/aleatorio.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,4 @@
const nomes = ["Fernanda", "Giuliana", "Maria Eduarda", "Marcelo", "Amanda", "Gustavo", "Gabriel"];

export function aleatorio (lista){
const posicao = Math.floor(Math.random()* lista.length);
return lista[posicao];
}

export const nome = aleatorio(nomes)
157 changes: 35 additions & 122 deletions js/perguntas.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,170 +4,83 @@ export const perguntas = [
alternativas: [
{
texto: "Isso é assustador!",
afirmacao: [
"No início ficou com medo do que essa tecnologia pode fazer.",
afirmacao: ["No início ficou com medo do que essa tecnologia pode fazer. ",
"Achou assustador pensar na velocidade na qual a tecnologia está avançando."
],
proxima: 1,
]
},
{
texto: "Isso é maravilhoso!",
afirmacao: [
"Quis saber como usar IA no seu dia a dia.",
"Pensou que IA pode ajudar em tarefas da sua vida."
],
proxima: 2,
},
afirmacao: ["Quis saber como usar IA no seu dia a dia.",
"Foi atrás de vídeos, artigos e mais informaçõe sobre como utilizar essa tecnologia."
]
}
]
},
{
enunciado: "Utilizar uma IA pode ser aterrorizante mesmo, e foi pensando nisso que uma professora de tecnologia da escola decidiu fazer uma sequência de aulas sobre esta tecnologia. No fim de uma aula ela pede que você escreva um trabalho sobre o uso de IA em sala de aula. Qual atitude você toma?",
enunciado: "Com a descoberta desta tecnologia, chamada Inteligência Artificial, uma professora de tecnologia da escola decidiu fazer uma sequência de aulas sobre esta tecnologia. No fim de uma aula ela pede que você escreva um trabalho sobre o uso de IA em sala de aula. Qual atitude você toma?",
alternativas: [
{
texto: "Utiliza uma ferramenta de busca na internet que utiliza IA para que ela ajude a encontrar informações relevantes para o trabalho e explique numa linguagem que facilite o entendimento.",
afirmacao: [
"Conseguiu utilizar a IA para buscar informações úteis.",
afirmacao: ["Conseguiu utilizar a IA para buscar informações úteis.",
"Percebeu que a IA pode ajudar a encontrar informações úteis na internet de forma mais rápida e direcionada.",
"Percebeu que a IA consegue explicar termos complicados de forma simplificada e isso ajudou muito suas pesquisas sobre assuntos complexos."
],
proxima: 3,
]
},
{
texto: "Escreve o trabalho com base nas conversas que teve com colegas, algumas pesquisas na internet e conhecimentos próprios sobre o tema.",
afirmacao: [
"Sentiu mais facilidade em utilizar seus próprios recursos para escrever seu trabalho.",
afirmacao: ["Sentiu mais facilidade em utilizar seus próprios recursos para escrever seu trabalho.",
"Achou que era muito mais fácil procurar por respostas utilizando alguns meios mais tradicionais mesmo que levasse mais tempo.",
"Sentiu um pouco de medo de quais dados pessoais seus a IA poderia utilizar e por isso prefere fazer suas coisas com pouca intromissão da tecnologia."
],
proxima: 4,
},
]
}
]
},
{
enunciado: "Um chat com IA pode ser uma boa alternativa para realizar tarefas do dia a dia e foi pensando nisso que uma professora de tecnologia da escola decidiu fazer uma sequência de aulas sobre esta tecnologia. No fim de uma aula ela pede que você escreva um trabalho sobre o uso de IA em sala de aula. Qual atitude você toma?",
alternativas: [
{
texto: "Utiliza uma ferramenta de busca na internet que utiliza IA para que ela ajude a encontrar informações relevantes para o trabalho e explique numa linguagem que facilite o entendimento.",
afirmacao: [
"Conseguiu utilizar a IA para buscar informações úteis.",
"Percebeu que a IA pode ajudar a encontrar informações úteis na internet de forma mais rápida e direcionada.",
"Percebeu que a IA consegue explicar termos complicados de forma simplificada e isso ajudou muito suas pesquisas sobre assuntos complexos."
],
proxima: 3,
},
{
texto: "Escreve o trabalho com base nas conversas que teve com colegas, algumas pesquisas na internet e conhecimentos próprios sobre o tema.",
afirmacao: [
"Sentiu mais facilidade em utilizar seus próprios recursos para escrever seu trabalho.",
"Achou que era muito mais fácil procurar por respostas utilizando alguns meios mais tradicionais mesmo que levasse mais tempo.",
"Sentiu um pouco de medo de quais dados pessoais seus a IA poderia utilizar e por isso prefere fazer suas coisas com pouca intromissão da tecnologia."
],
proxima: 4,
},
]
},
{
enunciado: "Ferramentas de busca que utilizam IA podem facilitar muito nosso processo de busca por informações. Agora imagine que você precisa participar de um debate sobre o quanto a IA impacta no trabalho do futuro. Qual posicionamento tomar?",
alternativas: [
{
texto: "Defende a ideia de que a IA pode criar novas oportunidades de emprego e melhorar habilidades humanas.",
afirmacao: [
"Vem impulsionando a inovação na área de IA e luta para abrir novos caminhos profissionais com IA.",
"Participa ativamente do desenvolvimento de soluções criativas e na melhoria de processos em IA."
],
proxima: 5,
},
{
texto: "Me preocupo com as pessoas que perderão seus empregos para máquinas e defendem a importância de proteger os trabalhadores.",
afirmacao: [
"Sua preocupação com as pessoas motivou a criar um grupo de estudos entre trabalhadores para discutir meios de utilização de IA de forma ética.",
"Criou grupos de ética voltado para IA e busca ativamente reduzir as desigualdades geradas pela automação."
],
proxima: 6,
},
]
},
{
enunciado: "Utilizar informações próprias traz um toque pessoal ao nosso trabalho. Agora imagine que você precisa participar de um debate sobre o quanto a IA impacta no trabalho do futuro. Qual posicionamento tomar?",
enunciado: "Após a elaboração do trabalho escrito, a professora realizou um debate entre a turma para entender como foi realizada a pesquisa e escrita. Nessa conversa também foi levantado um ponto muito importante: como a IA impacta o trabalho do futuro. Nesse debate, como você se posiciona?",
alternativas: [
{
texto: "Defende a ideia de que a IA pode criar novas oportunidades de emprego e melhorar habilidades humanas.",
afirmacao: [
"Vem impulsionando a inovação na área de IA e luta para abrir novos caminhos profissionais com IA.",
afirmacao: ["Vem impulsionando a inovação na área de IA e luta para abrir novos caminhos profissionais com IA.",
"Participa ativamente do desenvolvimento de soluções criativas e na melhoria de processos em IA."
],
proxima: 5,
]
},
{
texto: "Me preocupo com as pessoas que perderão seus empregos para máquinas e defendem a importância de proteger os trabalhadores.",
afirmacao: [
"Sua preocupação com as pessoas motivou a criar um grupo de estudos entre trabalhadores para discutir meios de utilização de IA de forma ética.",
afirmacao: ["Sua preocupação com as pessoas motivou a criar um grupo de estudos entre trabalhadores para discutir meios de utilização de IA de forma ética.",
"Criou grupos de ética voltado para IA e busca ativamente reduzir as desigualdades geradas pela automação."
],
proxima: 6,
},
]
}
]
},
{
enunciado: "Novas tecnologias trazem novos desafios, por isso após a elaboração do trabalho escrito, a professora realizou um debate entre a turma para entender como foi realizada a pesquisa e escrita. Nessa conversa também foi levantado um ponto muito importante: como a IA impacta o trabalho do futuro. Nesse debate, como você se posiciona?",
enunciado: "Ao final da discussão, você precisou criar uma imagem no computador que representasse o que pensa sobre IA. E agora?",
alternativas: [
{
texto: "Defende a ideia de que a IA pode criar novas oportunidades de emprego e melhorar habilidades humanas.",
afirmacao: [
"Vem impulsionando a inovação na área de IA e luta para abrir novos caminhos profissionais com IA.",
"Participa ativamente do desenvolvimento de soluções criativas e na melhoria de processos em IA."
],
proxima: 7,
texto: "Criar uma imagem utilizando uma plataforma de design como o Paint.",
afirmacao: ["Notou também que muitas pessoas não sabem ainda utilizar as ferramentas tradicionais e decidiu compartilhar seus conhecimentos de design utilizando ferramentas de pintura digital para iniciantes.",
"Ainda acha que os meios de desenho tradicionais são mais eficazes para a criatividade, por isso vem estimulando pessoas em suas redes sociais a fazer pintura em aquarela."
]
},
{
texto: "Me preocupo com as pessoas que perderão seus empregos para máquinas e defendem a importância de proteger os trabalhadores.",
afirmacao: [
"Sua preocupação com as pessoas motivou a criar um grupo de estudos entre trabalhadores para discutir meios de utilização de IA de forma ética.",
"Criou grupos de ética voltado para IA e busca ativamente reduzir as desigualdades geradas pela automação."
],
proxima: 7,
},
texto: "Criar uma imagem utilizando um gerador de imagem de IA.",
afirmacao: ["Acelerou o processo de criação de trabalhos utilizando geradores de imagem e agora consegue ensinar pessoas que sentem dificuldades em desenhar manualmente como utilizar também!",
"Compartilhou artes em redes sociais como forma de ensinar como se comunicar através da arte.",
"Percebeu que muitas pessoas têm dificuldade em expressar suas ideias desenhando e acha que a IA é capaz de empoderar essas pessoas a tirarem ideias do papel."
]
}
]
},
{
enunciado: "É muito importante refletir sobre os trabalhadores do futuro. Por isso a professora realizou um debate entre a turma para entender como foi realizada a pesquisa e escrita. Nessa conversa também foi levantado um ponto muito importante: como a IA impacta o trabalho do futuro. Nesse debate, como você se posiciona?",
enunciado: "Você tem um trabalho em grupo de biologia para entregar na semana seguinte, o andamento do trabalho está um pouco atrasado e uma pessoa do seu grupo decidiu fazer com ajuda da IA. O problema é que o trabalho está totalmente igual ao do chat. O que você faz? ",
alternativas: [
{
texto: "Defende a ideia de que a IA pode criar novas oportunidades de emprego e melhorar habilidades humanas.",
afirmacao: [
"Vem impulsionando a inovação na área de IA e luta para abrir novos caminhos profissionais com IA.",
"Participa ativamente do desenvolvimento de soluções criativas e na melhoria de processos em IA."
],
proxima: 7,
texto: "Escrever comandos para o chat é uma forma de contribuir com o trabalho, por isso não é um problema utilizar o texto inteiro.",
afirmacao: "Infelizmente passou a utilizar a IA para fazer todas suas tarefas e agora se sente dependente da IA para tudo."
},
{
texto: "Me preocupo com as pessoas que perderão seus empregos para máquinas e defendem a importância de proteger os trabalhadores.",
afirmacao: [
"Sua preocupação com as pessoas motivou a criar um grupo de estudos entre trabalhadores para discutir meios de utilização de IA de forma ética.",
"Criou grupos de ética voltado para IA e busca ativamente reduzir as desigualdades geradas pela automação."
],
proxima: 7,
},
texto: "O chat pode ser uma tecnologia muito avançada, mas é preciso manter a atenção pois toda máquina erra, por isso revisar o trabalho e contribuir com as perspectivas pessoais é essencial.",
afirmacao: "Percebeu que toda IA reproduz orientações baseadas na empresa que programou e muito do que o chat escrevia não refletia o que pensava e por isso sabe que os textos gerados pela IA devem servir como auxílio e não resultado final. "
}
]
},
{
enunciado: "Ao final da discussão, você precisou criar uma imagem no computador que representasse o que pensa sobre IA. E agora?",
alternativas: [
{
texto: "Criar uma imagem utilizando uma plataforma de design como o Paint.",
afirmacao: [
"Notou também que muitas pessoas não sabem ainda utilizar as ferramentas tradicionais e decidiu compartilhar seus conhecimentos de design utilizando ferramentas de pintura digital para iniciantes.",
"Ainda acha que os meios de desenho tradicionais são mais eficazes para a criatividade, por isso vem estimulando pessoas em suas redes sociais a fazer pintura em aquarela."
],
},
{
texto: "Criar uma imagem utilizando um gerador de imagem de IA.",
afirmacao: [
"Acelerou o processo de criação de trabalhos utilizando geradores de imagem e agora consegue ensinar pessoas que sentem dificuldades em desenhar manualmente como utilizar também!",
"Compartilhou artes em redes sociais como forma de ensinar como se comunicar através da arte.",
"Percebeu que muitas pessoas têm dificuldade em expressar suas ideias desenhando e acha que a IA é capaz de empoderar essas pessoas a tirarem ideias do papel."
],
},
]
}
];
41 changes: 7 additions & 34 deletions js/script.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,31 +1,17 @@
import { aleatorio, nome } from './aleatorio.js';
import { perguntas } from './perguntas.js';
import {aleatorio} from './aleatorio.js';
import {perguntas} from './perguntas.js';

const caixaPrincipal = document.querySelector(".caixa-principal");
const caixaPerguntas = document.querySelector(".caixa-perguntas");
const caixaAlternativas = document.querySelector(".caixa-alternativas");
const caixaResultado = document.querySelector(".caixa-resultado");
const textoResultado = document.querySelector(".texto-resultado");
const botaoJogarNovamente = document.querySelector(".novamente-btn");
const botaoIniciar = document.querySelector(".iniciar-btn");
const telaInicial = document.querySelector(".tela-inicial");

let atual = 0;
let perguntaAtual;
let historiaFinal = "";

botaoIniciar.addEventListener('click', iniciaJogo);

function iniciaJogo() {
atual = 0;
historiaFinal = "";
telaInicial.style.display = 'none';
caixaPerguntas.classList.remove("mostrar");
caixaAlternativas.classList.remove("mostrar");
caixaResultado.classList.remove("mostrar");
mostraPergunta();
}

function mostraPergunta() {
if (atual >= perguntas.length) {
mostraResultado();
Expand All @@ -49,34 +35,21 @@ function mostraAlternativas() {
function respostaSelecionada(opcaoSelecionada) {
const afirmacoes = aleatorio(opcaoSelecionada.afirmacao);
historiaFinal += afirmacoes + " ";
if (opcaoSelecionada.proxima !== undefined) {
atual = opcaoSelecionada.proxima;
} else {
mostraResultado();
return;
}
atual++;
mostraPergunta();
}

function mostraResultado() {
caixaPerguntas.textContent = `Em 2049, ${nome}`;
caixaPerguntas.textContent = "Em 2049...";
textoResultado.textContent = historiaFinal;
caixaAlternativas.textContent = "";
caixaResultado.classList.add("mostrar");
botaoJogarNovamente.addEventListener("click", jogaNovamente);
botaoJogarNovamente.addEventListener("click", jogaNovamente());
}

function jogaNovamente() {
function jogaNovamente(){
atual = 0;
historiaFinal = "";
caixaResultado.classList.remove("mostrar");
mostraPergunta();
}

function substituiNome() {
for (const pergunta of perguntas) {
pergunta.enunciado = pergunta.enunciado.replace(/você/g, nome);
}
}

substituiNome();
mostraPergunta();
Loading