Projeto Básico - Fact Checking

Trabalho desenvolvido para a disciplina de Sistemas de Produção Multimídia Design Visual + Jornalismo + Publicidade e Propaganda | 2019/01 Universidade Federal do Rio Grande do Sul | UFRGS Alunos: Fábio Vargas - Identidade Visual Fernanda Finkelstein - Identidade Visual Giovana Colling - Planejamento Maí Yandara - Redação Marco Antônio Gonçalves - UX e Desenvolvimento Matheus Dias - Redação Orientação: Mariana Amaro e Ana Gruszynski <a rel="license" href="http://creativecommons.org/licenses/by-nc/4.0/"><img alt="Licença Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by-nc/4.0/88x31.png" /></a><br />Este obra está licenciado com uma Licença <a rel="license" href="http://creativecommons.org/licenses/by-nc/4.0/">Creative Commons Atribuição-NãoComercial 4.0 Internacional</a>. [[Jogar|iniciando]]

<img src="https://factcheckingbancodeimagens.yolasite.com/resources/Fake-1-%2B-bal%C3%A3o.deg.png" width="100%"> {[ <div class="modal"> <div class="modal-content"> <span class="close"> {(link-repeat: "&times")[(replace: ?modal)[] ]} </span> =><= <img src="https://factcheckingbancodeimagens.yolasite.com/resources/Fake1.2%2Bbal%C3%A3o_branco.png" width="100%"> <br> =><= <br/> [[Sim! O texto tem fontes confiáveis|erro1]] <br/> <br/> [[Claro que não... Isso é fake news!|acerto1]] </div> </div> ](modal|} =><= (link-repeat:"Abrir notícia")[(show:?modal)] <br/>

<img src="https://factcheckingbancodeimagens.yolasite.com/resources/agora%20vai_Prancheta%201.png" width="110%"> =><= [[Continuar|conselho]]

<img src="https://factcheckingbancodeimagens.yolasite.com/resources/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA_Prancheta%201%20c%C3%B3pia.png" width="110%"> =><= [[Começar|fake1]]

=><= <h3>Muito bem, você acertou!</h3> <== <img src="https://factcheckingbancodeimagens.yolasite.com/resources/Acerto_1.png" width="100%"> =><= [[Continuar|verdadeira2]]

=><= <h3> Você caiu em uma fake news. </h3> Apesar de citar instituições renomadas e pesquisas, essa notícia é falsa! <== <img src="https://factcheckingbancodeimagens.yolasite.com/resources/Erro_1---completa.png" width="100%"> =><= [[Continuar|verdadeira2]]

<img src="https://factcheckingbancodeimagens.yolasite.com/resources/Verdadeira-2-cor-certa.png" width="100%"> {[ <div class="modal"> <div class="modal-content"> <span class="close"> {(link-repeat: "&times")[(replace: ?modal)[] ]} </span> =><= <img src="https://factcheckingbancodeimagens.yolasite.com/resources/Verdadeira-2.2.png" width="100%"> <br> =><= <br/> <br/> [[Parece falsa|erro2]] <br/> <br/> [[Parece verdadeira|acerto2]] </div> </div> ](modal|} =><= (link-repeat:"Abrir notícia")[(show:?modal)]

<img src="https://factcheckingbancodeimagens.yolasite.com/resources/Bal%C3%A3o_2.png" width="100%"> =><= [[Sim!|fake1]] [[Hm… não tenho certeza se consigo fazer isso|cartilha]] <script>audio.trilha.pause() </script>

=><= <h3>É isso aí!</h3> <== <img src="https://factcheckingbancodeimagens.yolasite.com/resources/Acerto_2.png" width="100%"> =><= [[Bora! |fake3]]

=><= <h3>Ops, você errou...</h3> <== <img src="https://factcheckingbancodeimagens.yolasite.com/resources/Erro_2.png" width="100%"> =><= [[Continuar|fake3]]

<img src="https://factcheckingbancodeimagens.yolasite.com/resources/Fake-3.png" width="100%"> {[ <div class="modal"> <div class="modal-content"> <span class="close"> {(link-repeat: "&times")[(replace: ?modal)[] ]} </span> =><= <img src="https://factcheckingbancodeimagens.yolasite.com/resources/Fake%203.1.png" width="100%"> <br> =><= <br/> [[É verdadeira!|erro3]] <br/> <br/> [[É falsa!|acerto3]] </div> </div> ](modal|} =><= (link-repeat:"Abrir notícia")[(show:?modal)]

=><= <h3> Você acertou em cheio! </h3> <== <img src="https://factcheckingbancodeimagens.yolasite.com/resources/Acerto_3.png" width="100%"> =><= [[Continuar|fake4]]

=><= <h3>Errou feio, errou rude</h3> <== <img src="https://factcheckingbancodeimagens.yolasite.com/resources/Erro-3.png" width="100%"> =><= [[continuar|fake4]]

<img src="https://factcheckingbancodeimagens.yolasite.com/resources/Fake-4.png" width="100%"> {[ <div class="modal"> <div class="modal-content"> <span class="close"> {(link-repeat: "&times")[(replace: ?modal)[] ]} </span> =><= <img src="https://factcheckingbancodeimagens.yolasite.com/resources/fake%204.1.png" width="100%"> <br> =><= [[É verdadeira!|erro4]] <br/> [[É falsa!|acerto4]] </div> </div> ](modal|} =><= (link-repeat:"Abrir notícia")[(show:?modal)]

=><= <h3>Essa notícia não é verdadeira! Não compartilhe.</h3> <== <img src="https://factcheckingbancodeimagens.yolasite.com/resources/Erro_4.png" width="100%"> =><= [[Continuar|verdadeira5]]

=><= <h3> Parabéns! Você está atento(a) aos sinais que revelam uma fake news. </h3> <== <img src="https://factcheckingbancodeimagens.yolasite.com/resources/Acerto_4.png" width="100%"> =><= [[Continuar|verdadeira5]]

<img src="https://factcheckingbancodeimagens.yolasite.com/resources/Verdadeira-5.png" width="100%"> {[ <div class="modal"> <div class="modal-content"> <span class="close"> {(link-repeat: "&times")[(replace: ?modal)[] ]} </span> =><= <img src="https://factcheckingbancodeimagens.yolasite.com/resources/noticia-correta-3-protetorsolar.png" width="100%"> <br> =><= [[É verdadeira!|acerto5]] <br/> [[É falsa!|erro5]] </div> </div> ](modal|} =><= (link-repeat:"Abrir notícia")[(show:?modal)]

=><= <h3> Você está cada vez melhor em identificar fake news! A notícia é verdadeira! </h3> <== <img src="https://factcheckingbancodeimagens.yolasite.com/resources/Acerto_5.png" width="100%"> =><= [[Continuar|fake6]]

=><= <h3>A notícia é confiável e verdadeira. </h3> <== <img src="https://factcheckingbancodeimagens.yolasite.com/resources/Erro_4.png" width="100%"> =><= [[Continuar|fake6]]

<img src="https://factcheckingbancodeimagens.yolasite.com/resources/Fake-6.png" width="100%"> {[ <div class="modal"> <div class="modal-content"> <span class="close"> {(link-repeat: "&times")[(replace: ?modal)[] ]} </span> =><= <img src="https://factcheckingbancodeimagens.yolasite.com/resources/ultima%20noticia_Prancheta%201%20c%C3%B3pia.png" width="100%"> <br> =><= [[É verdadeira!|erro6]] <br/> [[É falsa!|acerto6]] </div> </div> ](modal|} =><= (link-repeat:"Abrir notícia")[(show:?modal)]

=><= <h3>Ah não... </h3> <== <img src="https://factcheckingbancodeimagens.yolasite.com/resources/Erro_6.2.png" width="100%"> [[Continuar...|Fim]]

=><= <h3>Isso aí!</h3> <== <img src="https://factcheckingbancodeimagens.yolasite.com/resources/Acerto_6.png" width="100%"> =><= [[Continuar...|Fim]]

<img src="https://factcheckingbancodeimagens.yolasite.com/resources/Bal%C3%A3o_1.2.png" width="100%"> =><= [[Continuar...|jogar]]

<h3> Chegamos ao fim! </h3> <img src="https://factcheckingbancodeimagens.yolasite.com/resources/P%20%2811%29.png" width="18%"> Você provavelmente continuará vendo fake news circularem por aí, mas tenho certeza que agora está um pouco mais preparado para identificar quando um conteúdo pode ser enganoso comparado a quando você iniciou este Quiz. (color: #585858)[(font: "Lato")[ <h1>Preservar a verdade e ao mesmo tempo a livre expressão é nosso dever e não compartilhar conteúdos falsos pode ser um primeiro passo para isso</h1>]] Pode parecer absurdo, mas os conteúdos que fizeram parte desse Quiz foram algumas das notícias mais compartilhadas nos últimos anos, segundo o Ministério da Saúde. Aliás, o site disponibiliza uma <a href="http://www.saude.gov.br/fakenews">página</a> muito bacana de checagem de notícias que você pode recorrer com segurança sempre que tiver dúvidas sobre a veracidade de notícias relativas à saúde!

<img src="https://factcheckingbancodeimagens.yolasite.com/resources/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA_Prancheta%201%20c%C3%B3pia%202.png" width="100%"> =><= [[Começar|Início]] <script> audio.trilha.play(); </script>