chatMonitor.html
5.39 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
135
136
137
138
139
140
141
142
143
<!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>Chat</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 acessar o chat?</h2>
<ol class="bulleted">
<li>
Para acessar o Chat é preciso estar conectado ao SAE. Caso não saiba se conectar ao SAE, clique
<a href="../../Navegacao/Administrador/Acesso.html">aqui</a>
</li>
<li>
No menu principal ou no rodapé da página, clique na opção "Chat"
<img src="../../images/Chat/telaInicialNova_chat.png" alt="menu principal" />
</li>
<li>
Será aberta a janela de chat
<img src="../../images/Chat/chat.png" alt="janela de chat" />
<ul>
<li>
Temos aqui a barra de entrada de texto
<img src="../../images/Chat/chatBarraTexto.png" alt="barra de texto" />
Para saber como enviar uma mensagem clique <a href="enviarMensagem.html">aqui</a>
</li>
<li>
Aqui temos o botão enviar
<img src="../../images/Chat/chatBotaoEnviar.png" alt="botao enviar" />
</li>
<li>
Do lado esquerdo da tela temos os participantes do chat, separados por perfil
<img src="../../images/Chat/chatParticipantes.png" alt="participantes do chat" />
</li>
<li>
Na tela central,temos as mensagens enviadas ao chat
<img src="../../images/Chat/chatMensagens.png" alt="mensagens do chat" />
</li>
<li>
Abaixo da tela dos participantes, temos a opção de chat reservado
<img src="../../images/Chat/chatOpcaoReservado.png" alt="opcao reservado" />
Para saber como enviar uma mensagem reservada clique <a href="mensagemPrivada.html">aqui</a>
</li>
<li>
Abaixo da tela de mensagens, temo a opção de auto-rolagem
<img src="../../images/Chat/chatOpcaoAutoRolagem.png" alt="auto-rolagem" />
Para saber como funciona a auto-rolagem clique <a href="autoRolagem.html">aqui</a>
</li>
<li>
Para desconectar do chat, clique no botão acima da barra de entrada de texto
<img src="../../images/Chat/chatBotaoDesconectar.png" alt="botao de desconectar" />
Para saber mais sobre desconectar do chat clique <a href="desconectarChat.html">aqui</a>
</li>
</ul>
</li>
</ol>
</div>
</div>
</body>
</html>