respirandonumeros/index.html at main · profjoaolemos/respirandonumeros · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Respirando Números</title>
    <link rel="icon" href="icone.png">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;700&display=swap" rel="stylesheet">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Satisfy&display=swap" rel="stylesheet">

</head>
<body>
    <header class="cabecalho">
        <h1 class="cabecalho__menu"><img class="cabecalho__imagem" src="avatar.png" alt="logotipo do site"></h1>
        <ul class="cabecalho__menu">
            <li class="cabecalho__menu-item">Sobre</li>
            <li class="cabecalho__menu-item">Objetivos</li>
            <li class="cabecalho__menu-item">Público</li>
            <li class="cabecalho__menu-item">Práticas</li>
            <li class="cabecalho__menu-item">Depoimentos</li>
        </ul>
    </header>

    <section class="sobre">
            <div class="sobre-div-conteudo">
                <h2 class="sobre-titulo">Origem do Site</h2>
                <p class="escola-texto-um">A proposta do site surgiu por meio do Grupo de Estudos Formadores em Ação, que tem como foco os estudantes do Estado do Paraná. O grupo de estudos está articulado em várias áreas e componentes curriculares e, nesse contexto, com o Itinerário Formativo do Ensino Médio, a trilha de aprendizagem de Programação.</p>
                <p class="escola-texto-dois">O professor João Carlos Lemos Júnior, cursista da componente, orientado pela Professora Franciele Pastori, é o responsável pela alimentação deste site. A escola envolvida, é o Colégio Estadual Cívico Militar Parigot de Souza, da cidade de Inácio Martins, de onde sairão as experiências com os estudantes, as quais serão compartilhadas com a comunidade em que a escola está inserida.</p>
                <p class="escola-texto-tres">O nome do site "Respirando Números" surgiu de ideias e diálogos com os estudantes, de modo que o nome ilustrasse nossa visão e objetivo. O logo para o site foi construído e customizado por meio do Canva.</p>
            </div>
        <img class="logotipo-junto" src="imagem-inicial.png" alt="Logotipo da escola, do formadores em ação e do site">
    </section>

    <section class="objetivos">
        <img class="alvo-imagem" src="objetivo.png" alt="alvo">
        <div class="objetivos-div-conteudo">
            <h2 class="objetivos-titulo">Onde Queremos Chegar?</h2>
            <p class="objetivos-texto-um">O principal objetivo deste site é permitir que estudantes matriculados no ensino fundamental, em especial estudantes do 6º Ano, reconheçam a importância e versatilidade da programação, enquanto uma área necessária e fundamental para a humanidade em que vivem. </p>
            <p class="objetivos-texto-dois">Como principais objetivos específicos, buscaremos contribuir na efetivação do letramento matemático, fazendo da programação uma oportunidade para dar abertura a aulas atrativas, e que ainda por meio delas, os estudantes possam compartilhar com a comunidade como um todo, as práticas desenvolvidas em sala de aula, assim como, relatar por meio de depoimentos em diferentes formatos, como foram as experiências em sala de aula.</p>
        </div>
    </section>

    <section class="publico">
             <div class="publico-div-conteudo">
                <h2 class="publico-titulo">Turmas Participantes do Projeto</h2>
                <p class="publico-texto-um">Estão participando desse projeto, duas turmas do Ensino Fundamental, ambas do 6 º Ano, do Colégio Estadual Cívico Militar Parigot de Souza.</p>
                <p class="publico-texto-dois">As turmas participantes do projeto, são as turmas do 6º Ano C e D, do turno da tarde, em sua maioria composta por estudantes da área urbana.</p>
             </div>
        <img class="imagem-tres-turmas" src="turmas.png" alt="imagem das tres turmas participantes">
    </section>

    <section class="experiencias">
        <h2 class="experiencias-titulo">Práticas em Sala de Aula</h2>
    </section>

    <section class="experiencia-zero">
        <img class="imagem-aula-programacao" src="experiencia-zero.png" alt="aula de programação">
            <div class="experiencia-zero-div-conteudo">
                <h2 class="experiencia-zero-titulo">Primeiro contato com a programação</h2>
                <p class="experiencia-zero-texto-um">Tendo em vista que a maioria dos estudantes do 6º Ano da nossa instituição, não possuem noções ou ideias sobre programação, foi realizado uma discussão sobre ideias norteadores iniciais. Os estudantes se mostraram interessados e curiosos, apesar de acharem complexo.</p>
                <p class="experiencia-zero-texto-dois">O propósito foi mostrar aos alunos a estrutura do nosso site, comentando sobre as linguagens utilizadas, nesse caso, HTML e CSS e suas funções dentro da programação. Foram feitas algumas analogias para diferenciar HTML e CSS. Essa conversa deu abertura para conversarmos brevemente sobre algoritmo, protótipo, e assim por diante, para que os estudantes compreendessem como são formados os sites. </p>
            </div>

    </section>

    <section class="experiencia-um">
            <div class="experiencia-um-div-conteudo">
                <h2 class="experiencia-um-titulo">A construção de ábacos com material reciclável</h2>
                <p class="experiencia-um-texto-um">Após explorarmos em sala de aula, as principais características do Sistema de Numeração Decimal, os alunos foram orientados para construírem um ábaco utilizando materiais recicláveis.</p>
                <p class="experiencia-um-texto-dois">Para a socialização dos materiais, notou-se uma imensa variedade de ábacos com diferentes materiais, onde foram utilizados para a discussão de alguns exercícios de fixação, com ênfase na interpretação dos números. </p>
                <p class="experiencia-um-texto-tres">Os alunos demonstraram envolvimento e compromisso, além de manifestação da criatividade na produção dos materiais. Sem dúvidas, foi uma chance de proporcionar uma aprendizagem ativa. Como contribuição, alguns ábacos foram destinados para a Sala de Recursos Multifuncional da escola.</p>
            </div>
        <img class="experiencia-um-foto" src="experiencia-um.png" alt="">
    </section>

    <section class="experiencia-dois">
        <img class="experiencia-dois-foto" src="experiencia-dois.png" alt="fotos das turmas jogando">
        <div class="experiencia-dois-div-conteudo">
            <h2 class="experiencia-dois-titulo">Fortalecendo o conceito de multiplicação com o quadro pitagórico invertido</h2>
            <p class="experiencia-dois-texto-um">Sabendo da importância em reconhecer a multiplicação como uma soma de parcelas iguais, os estudantes tiveram a oportunidade de fazer um desafio utilizando o Quadro Pitagórico Invertido, uma vez que a atividade contribui para fortalecer o domínio da tabuada. </p>
            <p class="experiencia-dois-texto-dois">O material utilizado para o jogo é composto por um tabuleiro que simula um quadro pitagórico, e as peças que são os produtos das linhas pelas colunas. A diagonal do quadro já está preenchida com os produtos cujo os fatores são iguais.</p>
            <p class="experiencia-dois-texto-tres">A sala foi dividida em dois grupos, um grupo com alunos números pares da chamada, e um outro  grupo com alunos de números ímpares da chamada. Foi possível perceber um amplo engajamento e diversão dos alunos, uma vez que participaram de forma ativa, tornando a aula mais dinâmica.</p>
        </div>
    </section>


    <section class="experiencia-tres">
        <div class="experiencia-tres-div-conteudo">
            <h2 class="experiencia-tres-titulo">Super Desafio Paraná</h2>
            <p class="experiencia-tres-texto-um">A partir de hoje (10/04), os estudantes começaram a se preparar para a 1ª Edição da Prova Paraná, que ocorrerá nos dias 26 e 27 de abril em todo o estado. A avaliação externa, tem como objetivo avaliar os descritores com maior potencial e maior dificuldade em todas as turmas, conforme os tópicos trabalhados no 1º trimestre.</p>
            <p class="experiencia-tres-texto-dois">O Super Desafio Paraná é uma organização da Secretaria Estadual de Educação, que orienta os professores na postagem de atividades preparatórias durante duas semanas que antecedem a Prova Paraná, por meio da Plataforma Quizizz, que é uma plataforma interativa e gamificada, onde os estudantes utilizam o laboratório de informática da escola, para realização das atividades, conforme disponibilidade.</p>
        </div>
        <img class="experiencia-tres-foto" src="experiencia-tres.png" alt="fotos no laboratóric de informática">
    </section>


    <section class="experiencia-quatro">
        <img class="experiencia-quatro-foto" src="experiencia-quatro.png" alt="imagem dos alunos na prática com o mercadinho">
        <div class="experiencia-quatro-div-conteudo">
            <h2 class="experiencia-quatro-titulo">Trabalhando as quatro operações básicas: simulação de um mercadinho</h2>
            <p class="experiencia-quatro-texto-um">Sabemos da importância em fortalecer o domínio das operações matemáticas básicas (adição, subtração, multiplicação e divisão), uma vez que tais operações são o norte para quase tudo que será abordado ao longo do caminho escolar na componente de Matemática. Dessa forma, buscou-se trabalhar com a ideia do "mercadinho", como estratégias para engajar os estudantes.</p>
            <p class="experiencia-quatro-texto-dois">A ideia projetada para a aula, foi de que todos os estudantes deveriam elaborar produtos fictícios que simulassem a realiade, precificando-os e também, confeccionando cédulas e moedas para as compras e trocos.</p>
            <p class="experiencia-quatro-texto-tres">Essa prática permitiu que os estudantes manipulem e compreendam o Sistema Monetário Brasileiro, sendo essa uma ferramenta essencial e mecanismo de troca para a sobrevivência. Foi nesse momento, que é possível perceber como alguns estudantes mesmo com dificuldades, deram conta de realizar os cálculos para as compras e trocos.</p>
        </div>
    </section>

    <section class="depoimentos">
        <div class="depoimentos-div-conteudo">
            <h2 class="depoimentos-titulo">Relatos dos Estudantes Sobre as Práticas</h2>
            <p class="depoimentos-texto">Nesta seção, mesclamos alguns relatos dos estudantes sobre as práticas realizadas.</p>
            <img class="depoimentos-foto-um" src="dep-um.png" alt="imagem dos depoimentos por extenso">
            <img class="depoimentos-foto-um" src="dep-dois.png" alt="imagem dos depoimentos por extenso">
            <img class="depoimentos-foto-um" src="dep-tres.png" alt="imagem dos depoimentos por extenso">
            <img class="depoimentos-foto-um" src="dep-quatro.png" alt="imagem dos depoimentos por extenso">
        </div>
    </section>

<footer>
    <h1 class="rodape"><img class="rodape" src="avatar1.png" alt="logotipo do site"></h1>
</footer>

</body>
</html>