verGraficos.html
5.92 KB
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
132
133
134
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Ajuda - SAE</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../../Style/HelpSae.css" />
</head>
<body>
<div class="header">
<a href="../../index.html" title="AjudaSAE">
<img src="../../images/Template/logo.jpg" alt="SAE" />
</a>
<p class="mensagens">
Bem-vindo! Escolha uma opção!
</p>
<div class="contexto">
<h2>Administrador</h2>
<h3>Monitoria</h3>
</div>
<ul class="menu">
<li>
<a href="../../Orientacao/Administrador/index.html" title="Orientação">Orientação</a>
</li>
<li>
<a href="../../Questoes/Administrador/index.html" title="Questões">Questões</a>
</li>
<li>
<a href="../../Cooperacao/Administrador/index.html" title="Cooperação">Cooperação</a>
</li>
<li>
<a href="../../Chat/Administrador/index.html" title="Chat">Chat</a>
</li>
<li>
<a href="../../Monitoria/Administrador/index.html" title="Monitoria">Monitoria</a>
</li>
<li>
<a href="../../Academico/Administrador/index.html" title="Acadêmico">Acadêmico</a>
</li>
<li>
<a href="../../Usuario/Administrador/index.html" title="Usuário">Usuário</a>
</li>
<li>
<a href="../../Navegacao/Administrador/index.html" title="Navegação">Navegação</a>
</li>
</ul>
</div>
<div class="left-column">
<ul>
<li>
<a href="#" title="Configura o ambiente SAE pelo Administrador"><img src="../../images/Template/configurar.jpg" alt="Configurar" /></a>
</li>
<li>
<a href="#" title="Acessa o ambiente do AjudaSAE"><img src="../../images/Template/ajuda.jpg" alt="Ajuda" /></a>
</li>
<li>
<a href="#" title="Sair do ambiente SAE com segurança"><img src="../../images/Template/sair.jpg" alt="Sair" /></a>
</li>
</ul>
<div class="navegacao">
<ul>
<li>
<a href="../../Navegacao/Administrador/index.html" title="Administrador">Administrador</a>
</li>
<li>
<a href="../../Navegacao/Aluno/index.html" title="Aluno">Aluno</a>
</li>
<li>
<a href="../../Navegacao/Monitor/index.html" title="Monitor">Monitor</a>
</li>
<li>
<a href="../../Navegacao/Professor/index.html" title="Professor">Professor</a>
</li>
<li>
<a href="../../Navegacao/Diretor/index.html" title="Diretor">Diretor</a>
</li>
</ul>
</div>
</div>
<div class="main-content">
<div>
<h2>Como visualizar gráficos de barra e pizza dos atendimentos dos monitores?</h2>
<ol class="bulleted">
<li>
Para visualizar os atendimentos dos monitores, é necessário estar conectado ao SAE. Caso não
saiba como se conectar, <a href="../../Navegacao/Administrador/Acesso.html">clique aqui</a>.
</li>
<li>
No menu principal ou no menu superior da página, clique em "Monitoria".
<img src="../../images/Monitoria/esfera_monitoria.png" alt="Menu principal" />
</li>
<li>
No menu lateral, clique em "Histórico".
<img src="../../images/Monitoria/menuLateral_adminHistorico.png" alt="Menu lateral do módulo de Monitoria"/>
</li>
<li>
Selecione como deseja visualizar o gráfico.
<img src="../../images/Monitoria/MonitoriaGraficoOpcoes.png" alt="Opções de Gráfico"/>
</li>
<li>
Selecione a data que deseja fazer a visualização e clique em "Gerar Relatório".
<img src="../../images/Monitoria/monitoriaGraficoData.png" alt="Data do relatorio"/>
</li>
<li>
Escolhendo a aba de gráfico de pizza.
<img src="../../images/Monitoria/monitoriaGraficoAbaPizza.png" alt="Opção de gráfico pizza"/>
</li>
<li>
Aparecerá um gráfico como esse, assim acessando novas informações de visualização e data ele se atualizará.
<img src="../../images/Monitoria/monitoriaGraficoPizza.png" alt="Gráfico de pizza"/>
</li>
<li>
Escolhendo a aba de gráfico de barra.
<img src="../../images/Monitoria/monitoriaGraficoAbaBarra.png" alt="Opção de gráfico barra"/>
</li>
<li>
Aparecerá um gráfico como esse, assim acessando novas informações de visualização e data ele será atualizado.
<img src="../../images/Monitoria/monitoriaGraficoBarra.png" alt="Gráfico de barras"/>
</li>
<li>
No final da página do gráfico de pizza, há uma lista dos dados mostrados em forma tabular.
<img src="../../images/Monitoria/monitoriaGraficoDados.png" alt="Lista de monitores"/>
</li>
</ol>
</div>
</div>
</body></html>