lesszin.github.io/index.html at main · lesszin/lesszin.github.io · 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
<!DOCTYPE html>
<html>
<head>
  <title>MAC0499</title>
  <style>
    header {
      background-color: black;
      height: 80px;
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1000;
      padding: 0;
      box-sizing: border-box;
    }
    body {
      margin-top: 120px;
      margin-left: 0;
      margin-right: 0;
      text-align: center;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #2c3e50;
    }
    h1 {
      font-size: 2.8rem;
      margin-bottom: 15px;
      font-weight: 700;
    }
    .subtitle {
      font-size: 1.4rem;
      color: #7f8c8d;
      margin: 8px 0;
      font-weight: 400;
    }
    .synopsis {
      max-width: 850px;
      margin: 60px auto;
      padding: 0 30px;
      text-align: justify;
      letter-spacing: 0.5px;
      line-height: 1.8;
      font-size: 1.4rem;
    }
    .nav-container {
      width: 100%;
      max-width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .nav-spacer {
      width: 150px;
    }
    .nav-link {
      color: white;
      text-decoration: underline;
      font-weight: 700;
      font-size: 1.8rem;
      transition: opacity 0.3s;
      flex-grow: 1;
      text-align: center;
    }
    .nav-link:hover {
      opacity: 0.7;
    }
    .nav-logo-container {
      width: 150px;
      display: flex;
      justify-content: flex-end;
      padding-right: 0;
    }
    .nav-logo {
      max-height: 80px;
      width: auto;
      display: block;
    }
  </style>
</head>
<body>
  <header>
    <nav class="nav-container">
      <div class="nav-spacer"></div>
      <a href="PropostaDeTrabalho.pdf" class="nav-link" target="_blank">Proposta</a>
      <div class="nav-logo-container">
        <img src="Cachorro.jfif" alt="logo" class="nav-logo">
      </div>
    </nav>
  </header>
  <h1>Visualização de Séries Temporais Multivariadas para políticas públicas educacionais</h1>
  <p class="subtitle">Aluno: Lucas Escobar</p>
  <p class="subtitle">Orientadora: Kelly Rosa Braghetto</p>
  <div class="synopsis">
    <p>
      O Censo Escolar realizado anualmente pelo INEP foi criado como ferramenta de planejamento educacional e avalição da qualidade de ensino. Nesse contexto, a plataforma CulturaEduca foi desenvolvida como um Sistema de Informações Geograficas participativo, exibindo os dados do Censo Escolar mais recente atraves de georreferencia. Porém, análises mais complexas na plataforma são limitadas pela falta da visualização da evolução temporal dos dados, chamados de séries temporais.
Esse trabalho propõe o desenvolvimento de uma interface com painéis interativos com a finalidade da visualização e análise de séries temporais multivariadas de escolas brasileiras atraves da modelagem da evoluçâo dos dados exibidos em diversos gráficos. Além disso a interface também permitirá a visualização de séries temporais em camadas territoriais classificadas pelo IBGE, permitindo análises ainda mais profundas sobre a evolução do ensino. Para validar a interface, ocorrerá uma avaliação com usuários finais em relação a métricas e design do sistema.
    </p>
  </div>
</body>
</html>