source: trunk/jabberit_messenger/templates/celepar/content.html @ 382

Revision 382, 7.1 KB checked in by niltonneto, 16 years ago (diff)

Inclusão do módulo JabberIt? Messenger, novo módulo de mensagens
instantâneas do Expresso. É uma customização do projeto original
Jeti, e foi desenvolvido em Java.

  • Property svn:executable set to *
Line 
1<html>
2<head>
3<title>Ajuda</title>
4<link rel='stylesheet' type='text/css' href='../../../help/templates/celepar/css/index.css'>
5</head>
6<body bgcolor="WHITE">
7<a name='indice'/>
8<table width='100%'>
9    <p class='item'>Expresso Messenger - Como Utilizar</p>
10    <ol>
11      <a href="#intro"><font size="2" style="text-decoration:underline" color="DARKBLUE"><li>Introdução</li></font></a>
12      <a href="#supported"><font size="2" style="text-decoration:underline" color="DARKBLUE"><li>Browsers Suportados</li></font></a>
13      <a href="#prefe"><font size="2" style="text-decoration:underline" color="DARKBLUE"><li>Opções - Troca de Status</li></font></a>
14      <a href="#conf_status"><font size="2" style="text-decoration:underline" color="DARKBLUE"><li>Mensagens de Status</li></font></a>
15          <a href="#contact_list"><font size="2" style="text-decoration:underline" color="DARKBLUE"><li>Lista de Contatos</li></font></a>
16      <a href="#status"><font size="2" style="text-decoration:underline" color="DARKBLUE"><li>Indicador de Status</li></font></a>
17      <a href="#useradd"><font size="2" style="text-decoration:underline" color="DARKBLUE"><li>Adicionando um novo contato</li></font></a>
18      <a href="#menu_right"><font size="2" style="text-decoration:underline" color="DARKBLUE"><li>Preferências Avançadas</li></font></a>
19          <a href="#troca_mens"><font size="2" style="text-decoration:underline" color="DARKBLUE"><li>Troca de Mensagens</li></font></a>
20    </ol>
21
22    <a name="intro"><p class='item'>1. Introdução</p></a>
23    <div class='texto'>
24    O JabberIT Messenger é uma aplicação que permite o envio e recebimento de mensagens instantaneamente. Através da sua lista de contatos, você pode trocar mensagens e arquivos com seus contatos. Através da lista também é possível saber se seus contatos estão Online ou Offline. Para a troca de mensagens basta clicar em cima do nome do seu contato, se o mesmo estiver online ( verifique a sessão <a href="#status">Indicador de Status</a> ) abrirá uma janela onde você poderá enviar/receber as mensagens. O JabberIT Messenger está associado
25    a um serviço de mensagens instantâneas Jabber e este serviço é responsável pelo armazenamento dos seus contatos, preferências e mensagens.<br><br>
26    <img src="images/tela_inicial.png" style="width:200px; height:297px;" alt="Im Screenshot" title="Im Screenshot" align="bottom" style="padding:4px;"><br>( figura 1 )
27        </div>
28    <br clear="all">
29    <p class='item'><a name="supported">2. Navegadores Suportados</a></p>
30    <div class='texto'>
31        <p><u>Windows XP/2000/ME/98/95</u></p>
32            <li>Internet Explorer 6.0</li>
33            <li>Mozilla Firefox desde a versão 2.0</li>
34            <li>Mozilla Firefox desde a versão 3.0</li>
35                <p><u>Linux</u></p>
36            <li>Mozilla Firefox desde a versão 2.0</li>
37            <li>Mozilla Firefox desde a versão 3.0</li>
38   </div>
39        <p class='back'><a href="#indice">Voltar</a></p>
40        <p class='item'><a name="prefe">3. Opções - Troca de Status</a></p>
41    <div class='texto'>
42        Para a troca de status ( conforme figura 2 ), basta dar um clique com o mouse e em cima do botão <img src="images/botao_opcoes.png" width="99" height="19" style="margin-left:5px; margin-right:5px;"/> .
43        <br><br>
44    <img src="images/menu_opcoes.png" style="width:135px; height:227px;" alt="Menu Opções" title="Menu Opções" align="bottom"/><br>( figura 2 )
45        </div>
46    <p class='item'><a name="conf_status">4. Mensagens de Status</a></p>
47        <div class='texto'>
48        É possível configurar as mensagens para cada status escolhido (figura 3) clicando no item Personalizar.<br><br>
49        <img src="images/conf_status.png" style="width:249px; height:277px; margin-top:5px;" alt="Mensagens de Status" title="Mensagens de Status" align="bottom"/><br>( figura 3 )
50        </div>
51        <p class='back'><a href="#indice">Voltar</a></p>
52    <p class='item'><a name="contact_list">5. Lista de Contatos</a></p>
53        <div class='texto'>
54        Na lista de contato (figura 4), você visualizará seus contatos.<br><br>
55    <img src="images/lista_contatos.png" width="188" height="255" alt="Lista de Contatos" align="bottom" style="border:1px solid black;margin:5px;"/><br>( figura 4 )
56        </div>
57    <p class='item'><a name="status">6. Status dos Usuários</a></p>   
58    <div class='texto' style="border:1px solid black;width:30%"><br>
59    <img src="images/available.png" style="margin:1px;" align="top"> - Disponível<br/>
60    <img src="images/away.png" style="margin:1px;" align="top"> - Ausente<br/>
61    <img src="images/chat.png" style="margin:1px;" align="top"> - Bate-papo<br/>
62    <img src="images/dnd.png" style="margin:1px;" align="top"> - Não Perturbe<br/>
63    <img src="images/invisible.png" style="margin:1px;" align="top"> - Invisível<br/>   
64    <img src="images/offline.png" style="margin:1px;" align="top"> - Offline / Desconectado<br/>   
65    <img src="images/xa.png" style="margin:1px;" align="top"> - Ausência Prolongada<br/>   
66        </div>
67    <p class='item'><a name="useradd">7. Adicionando um novo contato </a></p>
68        <div class='texto'>
69        Para adicionar um novo contato, clique na imagem <img src="images/group_open.gif"/>, no canto superior esquerdo (figura 6) e abrirá uma janela para adição dos contatos (figura 7) e
70        faça uma pesquisa pelo nome. O resultado retornará <u>somente</u> os usuários que <u>tem permissão</u> para usar o Mensageiro Instantâneo do Expresso.
71        Clique sobre o link "Adicionar Contato". Logo abaixo, dois campos serão necessários para adicionar o novo contato, sendo que o campo "Apelido" e
72        é preenchido no momento da escolha do novo contato e o campo grupo terá que ser definido. Tendo os dois campos preenchidos basta clicar no Botão Adicionar .
73        <br/>
74    <img src="images/adicionar_contato.png" alt="Adicionar Contato" title="Adicionar Contato" align="bottom" style="margin-top:5px;"/>
75        <br>( figura 6 )
76        <br><br>
77        <img align="bottom" src="images/janela_adicionar_contatos.png" style="margin-top:5px;" alt="Adicionar Contato" title="Adicionar Contato"/><br>( figura 7 )
78        </div>
79        <p class='back'><a href="#indice">Voltar</a></p>
80    <p class='item'><a name="menu_right">8. Preferências Avançadas</a></p>
81        <div class='texto'>
82    Clicando com o botão direito do mouse, você terá acesso a um menu (figura 8), com as seguintes funcionalidades:
83    <blockquote><br>
84      - Autorizações: Requisitar e autorizar permissões.<br>
85      - Grupo: Trocar / Adicionar / Remover do grupo.<br>
86      - Renomear : Renomeia o contato.<br>
87      - Remover: Exclui o contato.
88     </blockquote>
89    <br>
90    <img src="images/menu_right.png" width="234" height="145" alt="Preferências Avançadas" align="bottom" style="margin-top:5px;"/><br>( figura 8 )
91        </div>
92        <p class='back'><a href="#indice">Voltar</a></p>
93        <p class='item'><a name="troca_mens">9. Troca de Mensagens</a></p>
94        <div class='texto'>
95        Clicando duas vezes com o botão esquerdo sobre o nome do contato escolhido, abrirá uma janela (figura 9), para a troca de mensagens. Nessa mesma janela existe um menu, o qual é possível
96        configurar o formato da fonte e enviar smiles.<br><br>
97    <img src="images/troca_de_mensagem.png" width="410" height="309" alt="Troca de Mensagens" title="Troca de Mensagens" align="bottom" style="margin-top:5px;"/><br>( figura 9 )
98        </div> 
99        <br/>
100        <p class='back'><a href="#indice">Voltar</a></p>
101        <hr noshade>
102</body>
103</html>
Note: See TracBrowser for help on using the repository browser.