🕶️ PANORAMA DO 2º ANO REVOLUÇÃO DIGITAL
Desvendando Algoritmos, Reconectando Humanidade
UTFPR Campus Siqueira Campos
"Quem aqui já passou 40 minutos rolando o feed sem saber por quê? Quem já falou de um tênis e, 5 minutos depois, viu um anúncio dele? Quem já se sentiu um lixo depois de ver a vida perfeita dos outros no Instagram?
Pois é. Isso não é coincidência. Isso é ENGENHARIA. É ALGORITMO. É CAPITALISMO DE VIGILÂNCIA travestido de 'experiência do usuário'.
E, spoiler: você não é o cliente. Você é o PRODUTO. E o produto não reclama. O produto só clica em 'Aceito os termos' e segue a vida.
Mas este ano, isso acaba.
Este ano, vocês não vão mais estudar o mundo digital vocês vão CRIAR o mundo digital que querem ver. E não, não estou falando de um site genérico. Estou falando de um PROJETO COMPLETO. Do zero. No ar. Com a cara de vocês. E COM PROPÓSITO.
Vocês vão DESMONTAR a Matrix, vão CODIFICAR a revolução, vão ANALISAR o impacto das redes na saúde mental, vão DEBATER o futuro da IA e da privacidade, e, no final, vão APRESENTAR esse projeto para o mundo e provar que a revolução é possível.
Aviso: este material contém doses altas de sarcasmo, referências à cultura pop, e a crença inabalável de que um dia os alunos vão lembrar que
<div>não é uma divindade é uma ferramenta de libertação.
CARTA DE ABERTURA O MANIFESTO DO ANO
ATENÇÃO, TURMA DO 2º ANO! 🕶️🔥
No ano passado, vocês aprenderam a construir castelos digitais (HTML, CSS, JS). Depois, descobriram que esses castelos foram feitos PARA CONTROLAR vocês (algoritmos, dados, vigilância). E, finalmente, planejaram a revolução.
Agora, esqueçam tudo. De novo.
Porque este ano, a parada é OUTRA. Este ano, vocês não vão mais estudar sobre o mundo digital vocês vão CRIAR o mundo digital que vocês querem ver. E não, não estou falando de um site genérico. Estou falando de um PROJETO COMPLETO. Do zero. No ar. Com a cara de vocês. E COM PROPÓSITO.
Neste bimestre, vocês vão:
- ✅ PLANEJAR uma revolução digital do zero (não, não é só um trabalho de escola, é um MANIFESTO).
- ✅ CODIFICAR uma aplicação web completa com HTML, CSS e JS puros sem firulas, sem frameworks, sem muletas.
- ✅ DESCONSTRUIR o algoritmo que te prende e construir um que te liberta.
- ✅ ANALISAR o impacto das redes na sua saúde mental e criar ferramentas de bem‑estar.
- ✅ DEBATER o futuro da IA, da ética e da privacidade.
- ✅ E, no final, vocês vão APRESENTAR esse projeto para o mundo. E vão provar que, sim, a revolução é possível.
Aviso: Este material contém doses altas de sarcasmo, referências
à cultura pop, e a crença inabalável de que um dia os alunos vão
lembrar que <div> não é uma divindade é uma
ferramenta de libertação.
MAPEAMENTO COMPLETO DE HABILIDADES BNCC E RCP-PR POR BIMESTRE
| Semana | Título da Aula | Habilidades BNCC (Matemática) | Habilidades BNCC (LP) | Habilidades BNCC (Outras) | Pilares do PC |
|---|---|---|---|---|---|
| 1 | "Do Caos ao Código: O Planejamento da Revolução" | EM13MAT101 - Interpretar criticamente situações que envolvem variação de grandezas | EM13LP01 - Analisar contexto de produção de textos | EM13CO07 - Planejar e executar projetos de software | Abstração - modelar o problema e definir o MVP |
| 2 | "HTML: A Estrutura da Resistência" | EM13MAT102 - Analisar tabelas e gráficos em diferentes mídias | EM13LP02 - Estabelecer relações entre partes de um texto | EM13CO03 - Utilizar ferramentas de programação | Decomposição - estruturar a página em partes |
| 3 | "CSS: O Estilo da Revolução" | EM13MAT301 - Resolver problemas com equações e sistemas | EM13LP04 - Analisar efeitos de sentido de recursos linguísticos | EM13CO05 - Utilizar recursos computacionais de forma crítica | Reconhecimento de Padrões - estilização consistente e design system |
| 4 | "JavaScript: A Mágica da Interatividade" | EM13MAT302 - Construir modelos matemáticos para descrever fenômenos | EM13LP05 - Produzir textos em diferentes gêneros | EM13LGG303 - Utilizar recursos tecnológicos para produção | Algoritmos - lógica de programação e sequenciamento |
| 5 | "DOM: O Controle Remoto da Sua Página" | EM13MAT201 - Interpretar dados estatísticos e implicações éticas | EM13LP06 - Analisar efeitos de sentido em diferentes textos | EM13CO04 - Reconhecer e aplicar princípios da computação | Abstração + Algoritmos - manipulação da árvore DOM |
| 6 | "Eventos: Quando o Usuário Toca na Tela" | EM13MAT303 - Resolver problemas com funções polinomiais | EM13LP07 - Analisar marcas de posicionamento do enunciador | EM13CO02 - Construir soluções computacionais | Decomposição + Algoritmos - eventos e respostas |
| 7 | "Dados e Arrays: A Biblioteca da Revolução" | EM13MAT304 - Construir modelos matemáticos para situações do cotidiano | EM13LP08 - Produzir textos com adequação ao contexto | EM13CO05 - Utilizar recursos computacionais de forma crítica | Abstração + Reconhecimento de Padrões - arrays e loops |
| 8 | "Funções: O Exército da Revolução" | EM13MAT401 - Aplicar conceitos matemáticos em outras áreas | EM13LP09 - Produzir textos em diferentes gêneros | EM13CO07 - Planejar e executar projetos de software | Algoritmos - modularização com funções |
| 9 | "Debug e Polimento: A Batalha Final" | EM13MAT402 - Utilizar raciocínio lógico e linguagem matemática | EM13LP10 - Revisar e editar textos produzidos | EM13CO09 - Refletir sobre o processo de construção | Decomposição + Algoritmos - depuração e refatoração |
| 10 | "Lançamento Oficial: O Mundo Vai Ver" | EM13MAT501 - Comunicar ideias matemáticas de forma clara | EM13LP11 - Apresentar e defender pontos de vista | EM13CO08 - Comunicar e compartilhar soluções computacionais | Todos os Pilares - apresentação integrada e reflexão |
| Semana | Título da Aula | Habilidades BNCC (Matemática) | Habilidades BNCC (LP) | Habilidades BNCC (Outras) | Pilares do PC |
|---|---|---|---|---|---|
| 11 | "O Algoritmo Invisível" | EM13MAT101 - Interpretar criticamente situações que envolvem variação de grandezas | EM13LP01 - Analisar contexto de produção de textos | EM13CO23 - Analisar criticamente comunidades virtuais | Abstração |
| 12 | "Dados: O Novo Petróleo" | EM13MAT102 - Analisar tabelas, gráficos e amostras | EM13LP02 - Estabelecer relações entre partes de um texto | EM13CO26 - Aplicar conceitos de direito digital | Reconhecimento de Padrões |
| 13 | "A Fábrica de Dopamina" | EM13MAT201 - Interpretar dados estatísticos e implicações éticas | EM13LP04 - Analisar efeitos de sentido de recursos linguísticos | EM13CO24 - Identificar interferência das redes na saúde mental | Decomposição |
| 14 | "A Bolha que te Aprisiona" | EM13MAT301 - Resolver problemas com equações e sistemas | EM13LP05 - Produzir textos em diferentes gêneros | EM13CO23 - Analisar criticamente comunidades virtuais | Reconhecimento de Padrões |
| 15 | "LGPD e Privacidade" | EM13MAT302 - Construir modelos matemáticos para descrever fenômenos | EM13LP07 - Analisar marcas de posicionamento do enunciador | EM13CO26 - Direito digital no cotidiano | Abstração |
| 16 | "Netiqueta e Cyberbullying" | EM13MAT401 - Aplicar conceitos matemáticos em outras áreas | EM13LP08 - Produzir textos com adequação ao contexto | EM13CO25 - Dialogar em ambientes virtuais com segurança | Algoritmos |
| 17 | "Planejando a Revolução" | EM13MAT402 - Utilizar raciocínio lógico e linguagem matemática | EM13LP09 - Produzir textos em diferentes gêneros | EM13CO02 - Construir soluções computacionais | Todos os Pilares |
| 18 | "Mão na Massa: O Início da Guerra" | EM13MAT501 - Comunicar ideias matemáticas de forma clara | EM13LP10 - Revisar e editar textos | EM13CO03 - Utilizar ferramentas de programação | Decomposição + Algoritmos |
| 19 | "Mão na Massa: A Batalha Final" | EM13MAT501 - Comunicar ideias matemáticas | EM13LP10 - Revisar e editar textos | EM13CO05 - Utilizar recursos computacionais de forma crítica | Reconhecimento de Padrões + Abstração |
| 20 | "A Grande Estreia" | EM13MAT501 - Comunicar ideias matemáticas | EM13LP11 - Apresentar e defender pontos de vista | EM13CO07 - Planejar e executar projetos de software | Todos os Pilares |
| Semana | Título da Aula | Habilidades BNCC (Matemática) | Habilidades BNCC (LP) | Habilidades BNCC (Outras) | Pilares do PC |
|---|---|---|---|---|---|
| 21 | "O Algoritmo Invisível (Revisitado)" | EM13MAT101 | EM13LP01 | EM13CO23 | Abstração |
| 22 | "Dados: O Novo Petróleo (Revisitado)" | EM13MAT102 | EM13LP02 | EM13CO26 | Reconhecimento de Padrões |
| 23 | "A Fábrica de Dopamina (Revisitado)" | EM13MAT201 | EM13LP04 | EM13CO24 | Decomposição |
| 24 | "A Bolha que te Aprisiona (Revisitado)" | EM13MAT301 | EM13LP05 | EM13CO23 | Reconhecimento de Padrões |
| 25 | "LGPD e Privacidade (Revisitado)" | EM13MAT302 | EM13LP07 | EM13CO26 | Abstração |
| 26 | "Netiqueta e Cyberbullying (Revisitado)" | EM13MAT401 | EM13LP08 | EM13CO25 | Algoritmos |
| 27 | "Planejando a Revolução (Versão 2.0)" | EM13MAT402 | EM13LP09 | EM13CO02 | Todos os Pilares |
| 28 | "Mão na Massa: O Início da Guerra (Parte 2)" | EM13MAT501 | EM13LP10 | EM13CO03 | Decomposição + Algoritmos |
| 29 | "Mão na Massa: A Batalha Final (Parte 2)" | EM13MAT501 | EM13LP10 | EM13CO05 | Reconhecimento de Padrões + Abstração |
| 30 | "A Grande Estreia (Parte 2)" | EM13MAT501 | EM13LP11 | EM13CO07 | Todos os Pilares |
| Semana | Título da Aula | Habilidades BNCC (Matemática) | Habilidades BNCC (LP) | Habilidades BNCC (Outras) | Pilares do PC |
|---|---|---|---|---|---|
| 31 | "Do Caos ao Código: O Planejamento da Revolução" | EM13MAT101 | EM13LP01 | EM13CO07 | Abstração |
| 32 | "HTML: A Estrutura da Resistência" | EM13MAT102 | EM13LP02 | EM13CO03 | Decomposição |
| 33 | "CSS: O Estilo da Revolução" | EM13MAT301 | EM13LP04 | EM13CO05 | Reconhecimento de Padrões |
| 34 | "JavaScript: A Mágica da Interatividade" | EM13MAT302 | EM13LP05 | EM13LGG303 | Algoritmos |
| 35 | "DOM: O Controle Remoto da Sua Página" | EM13MAT201 | EM13LP06 | EM13CO04 | Abstração + Algoritmos |
| 36 | "Eventos: Quando o Usuário Toca na Tela" | EM13MAT303 | EM13LP07 | EM13CO02 | Decomposição + Algoritmos |
| 37 | "Dados e Arrays: A Biblioteca da Revolução" | EM13MAT304 | EM13LP08 | EM13CO05 | Abstração + Reconhecimento de Padrões |
| 38 | "Funções: O Exército da Revolução" | EM13MAT401 | EM13LP09 | EM13CO07 | Algoritmos |
| 39 | "Debug e Polimento: A Batalha Final" | EM13MAT402 | EM13LP10 | EM13CO09 | Decomposição + Algoritmos |
| 40 | "Lançamento Oficial: O Mundo Vai Ver" | EM13MAT501 | EM13LP11 | EM13CO08 | Todos os Pilares |
PLANO ANUAL COMPLETO 40 SEMANAS SEM RESUMO
Abaixo, a lista completa das 40 semanas. Sem rodeios. Sem 'trabalho para casa opcional'. É o que vai acontecer.
1º Bimestre (Semanas 1 a 10)
- 1. Do Caos ao Código: O Planejamento da Revolução
- 2. HTML: A Estrutura da Resistência
- 3. CSS: O Estilo da Revolução
- 4. JavaScript: A Mágica da Interatividade
- 5. DOM: O Controle Remoto da Sua Página
- 6. Eventos: Quando o Usuário Toca na Tela
- 7. Dados e Arrays: A Biblioteca da Revolução
- 8. Funções: O Exército da Revolução
- 9. Debug e Polimento: A Batalha Final
- 10. Lançamento Oficial: O Mundo Vai Ver
2º Bimestre (Semanas 11 a 20)
- 11. O Algoritmo Invisível
- 12. Dados: O Novo Petróleo
- 13. A Fábrica de Dopamina
- 14. A Bolha que te Aprisiona
- 15. LGPD e Privacidade
- 16. Netiqueta e Cyberbullying
- 17. Planejando a Revolução
- 18. Mão na Massa: O Início da Guerra
- 19. Mão na Massa: A Batalha Final
- 20. A Grande Estreia
3º Bimestre (Semanas 21 a 30)
- 21. O Algoritmo Invisível (Revisitado)
- 22. Dados: O Novo Petróleo (Revisitado)
- 23. A Fábrica de Dopamina (Revisitado)
- 24. A Bolha que te Aprisiona (Revisitado)
- 25. LGPD e Privacidade (Revisitado)
- 26. Netiqueta e Cyberbullying (Revisitado)
- 27. Planejando a Revolução (Versão 2.0)
- 28. Mão na Massa: O Início da Guerra (Parte 2)
- 29. Mão na Massa: A Batalha Final (Parte 2)
- 30. A Grande Estreia (Parte 2)
4º Bimestre (Semanas 31 a 40)
- 31. Do Caos ao Código: O Planejamento da Revolução
- 32. HTML: A Estrutura da Resistência
- 33. CSS: O Estilo da Revolução
- 34. JavaScript: A Mágica da Interatividade
- 35. DOM: O Controle Remoto da Sua Página
- 36. Eventos: Quando o Usuário Toca na Tela
- 37. Dados e Arrays: A Biblioteca da Revolução
- 38. Funções: O Exército da Revolução
- 39. Debug e Polimento: A Batalha Final
- 40. Lançamento Oficial: O Mundo Vai Ver
CRITÉRIOS DE AVALIAÇÃO ANO LETIVO COMPLETO
A nota não é um prêmio de participação. É a medida do quanto você
realmente entendeu que <div> não é um deus, e
que o algoritmo não é seu amigo.
Rubrica Geral (Aplicável a Todos os Bimestres)
| Critério | Excelente (10) | Bom (7) | Regular (5) | Insuficiente (3) |
|---|---|---|---|---|
| Compreensão do Problema | Identificou e analisou profundamente o problema da Cultura Digital, com dados e exemplos concretos. | Identificou o problema, mas com análise superficial. | Identificou o problema de forma vaga. | Não identificou ou compreendeu o problema. |
| Aplicação dos Pilares do PC | Aplicou os 4 pilares de forma criativa e eficaz, com justificativas claras em cada etapa. | Aplicou a maioria dos pilares corretamente. | Aplicou alguns pilares, mas com falhas. | Não aplicou os pilares ou aplicou incorretamente. |
| Desenvolvimento do Protótipo | Protótipo funcional, criativo, bem executado e com bom design/experiência do usuário. | Protótipo funcional, mas com pouca criatividade ou usabilidade. | Protótipo parcialmente funcional. | Protótipo não funcional ou incompleto. |
| Apresentação (Pitch) | Comunicação clara, envolvente, com domínio do conteúdo e boa demonstração. | Clara, mas com algumas hesitações ou falhas na demo. | Razoável, com dificuldades e sem demo convincente. | Confusa, tímida ou sem preparo. |
| Trabalho em Equipe | Colaboração excelente, divisão equilibrada e comunicação efetiva. | Boa colaboração, pequenos desequilíbrios. | Razoável, alguns conflitos ou desorganização. | Pouca colaboração ou trabalho individual. |
| Reflexão e Autoavaliação | Reflexão profunda e crítica sobre o processo, com aprendizados claros e aplicáveis. | Reflexão honesta, mas superficial. | Reflexão vaga ou genérica. | Sem reflexão ou autoavaliação. |
Critérios Específicos por Bimestre
| Bimestre | Peso do Projeto | Peso das Atividades Práticas | Peso da Participação/Debates | Critério Extra (O Diferencial) |
|---|---|---|---|---|
| 1º Bimestre | 50% (Projeto Final) | 30% (Exercícios de HTML/CSS/JS) | 20% (Planejamento e Pitch) | MVP entregue Se não tiver nada rodando, já era. |
| 2º Bimestre | 40% (Projeto Final) | 40% (Análise de Algoritmos e Dados) | 20% (Debates e Simulações) | Capacidade de argumentação Mostre que você entendeu a manipulação. |
| 3º Bimestre | 50% (Projeto Final Versão 2.0) | 30% (Refatoração e Testes) | 20% (Apresentação e Feedback) | Evolução técnica O código melhorou ou você só copiou e colou? |
| 4º Bimestre | 60% (Projeto Final Completo) | 20% (Documentação e Polimento) | 20% (Autoavaliação e Celebração) | Resiliência Você sobreviveu ao ano inteiro e tem um produto no ar. Isso já vale meio ponto. |
RECURSOS E MATERIAIS SUGERIDOS (PARA O PROFESSOR NÃO PERDER A SANIDADE)
- Computadores ou chromebooks (um por dupla, se possível senão, o caos é garantido).
- Editor de código (VS Code, Sublime, ou até o Bloco de Notas mas aí o sofrimento é opcional).
- Navegador com DevTools (Google Chrome ou Firefox o Edge até funciona, mas não confiamos).
- Projetor ou TV para demonstrações ao vivo (e para mostrar que o código do professor também quebra às vezes).
- Papel e caneta para os planejamentos (sim, a revolução digital ainda precisa de analógico).
- Acesso à internet para pesquisas, consultas e para ver os alunos tentando esconder o TikTok.
- Cópias impressas dos mapas mentais e cronogramas (para os alunos que insistem em dizer que "não viram no Drive").
- Café (para o professor) e paciência (para todos).
DICAS PARA O PROFESSOR COMO SOBREVIVER A 40 SEMANAS DE REVOLUÇÃO
- Comece cada aula com um gancho provocador uma pergunta que incomoda, uma estatística chocante ou um vídeo curto. Se eles não estiverem minimamente indignados, você não está fazendo certo.
- Não tenha medo de errar junto com eles quando seu código quebrar ao vivo, use como exemplo de debug. Isso humaniza o processo e mostra que errar é parte do jogo.
- Valorize o processo tanto quanto o produto o que importa não é só o site bonito, mas a jornada de aprendizado. Eles vão lembrar mais do dia que o botão explodiu do que do dia que funcionou perfeitamente.
- Incentive a colaboração, mas cobre individualidade grupos são ótimos, mas cada um precisa saber explicar cada linha do código. Se um fizer tudo, os outros vão se dar mal no pitch.
- Use a cultura pop a seu favor referências a Matrix, Black Mirror, Jogos Vorazes, etc., mantêm o engajamento. Se você citar um meme atual, ganha pontos extras (mas cuidado para não parecer forçado).
- Adapte o ritmo conforme a turma algumas semanas vão render mais, outras menos. O importante é que ao final de cada bimestre eles tenham algo funcional para mostrar.
-
Celebre as pequenas vitórias um
console.logque funcionou, um bug corrigido, uma apresentação que não travou. Isso mantém a moral lá em cima. - Lembre-se: você não é o único que está aprendendo cada ano, cada turma, cada projeto é diferente. Aproveite para aprender com eles também. Eles vão te surpreender.
TEXTO DE ENCERRAMENTO (O Tiro de Misericórdia)
"Pronto. Você chegou até aqui. Sobreviveu a 40 semanas de códigos, algoritmos, dados, bolhas, dopamina, LGPD, cyberbullying e pitches que poderiam ter sido melhores se você tivesse testado antes.
Mas você fez. Você construiu. Você quebrou. Você consertou. Você aprendeu que o computador não te odeia ele só é LITERAL. E que o problema não é a tecnologia, é quem a controla.
Agora, você não é mais um usuário passivo que rola o feed igual um zumbi. Você é um CRIADOR. Alguém que sabe que o algoritmo não é um deus é um monte de
ifeelseescrito por alguém que provavelmente não tem sua saúde mental como prioridade.O mundo digital não vai mudar sozinho. Ele vai mudar porque pessoas como você decidiram que não querem mais ser reféns querem ser arquitetos.
Então, da próxima vez que você abrir o Instagram, lembre-se: você não é o cliente. Você é o produto. E, agora, você sabe como desligar a máquina.
A revolução não vai ser televisionada. Ela vai ser CODIFICADA. E você acabou de escrever as primeiras linhas.
Parabéns, guerreiro digital. O próximo nível é o mundo real." 🚀🔥