source: companies/celepar/jabberit_messenger/templates/default/content.html @ 763

Revision 763, 9.1 KB checked in by niltonneto, 15 years ago (diff)

Importação inicial do Expresso da Celepar

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'>JMessenger - 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          <a href="#certi_java"><font size="2" style="text-decoration:underline" color="DARKBLUE"><li>Assinatura de Applet - Java</li></font></a>                 
21    </ol>
22
23    <a name="intro"><p class='item'>1. Introdução</p></a>
24    <div class='texto'>
25    O JMessenger é 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 JMessenger está associado
26    a um serviço de mensagens instantâneas Jabber e este serviço é responsável pelo armazenamento dos seus contatos, preferências e mensagens.
27    <br><br>
28        <img src="images/tela_inicial.png" style="width:228px; height:442px;" alt="Im Screenshot" title="Im Screenshot" align="bottom" style="padding:4px;">
29        <br clear="all">
30        ( Figura 1 )
31        </div>
32    <br clear="all">
33    <p class='item'><a name="supported">2. Navegadores Suportados</a></p>
34    <div class='texto'>
35        <p><u>Windows XP/2000/ME/98/95</u></p>
36            <li>Internet Explorer 6.0</li>
37            <li>Mozilla Firefox desde a versão 2.0</li>
38            <li>Mozilla Firefox desde a versão 3.0</li>
39                <p><u>Linux</u></p>
40            <li>Mozilla Firefox desde a versão 2.0</li>
41            <li>Mozilla Firefox desde a versão 3.0</li>
42   </div>
43        <p class='back'><a href="#indice">Voltar</a></p>
44        <p class='item'><a name="prefe">3. Opções - Troca de Status</a></p>
45    <div class='texto'>
46        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="116" height="21" style="margin-left:5px; margin-right:5px;"/> .
47        <br><br>
48    <img src="images/menu_opcoes.png" style="width:180px; height:213px;" alt="Menu Opções" title="Menu Opções" align="bottom"/><br>( figura 2 )
49        </div>
50    <p class='item'><a name="conf_status">4. Mensagens de Status</a></p>
51        <div class='texto'>
52        É possível configurar as mensagens para cada status escolhido (figura 3) clicando no item Personalizar.<br><br>
53        <img src="images/conf_status.png" style="width:317px; height:235px; margin-top:5px;" alt="Mensagens de Status" title="Mensagens de Status" align="bottom"/>
54        <br>
55        ( figura 3 )
56        </div>
57        <p class='back'><a href="#indice">Voltar</a></p>
58    <p class='item'><a name="contact_list">5. Lista de Contatos</a></p>
59        <div class='texto'>
60        Na lista de contato (figura 4), você visualizará seus contatos.<br><br>
61    <img src="images/lista_contatos.png" width="214px" height="185px" alt="Lista de Contatos" align="bottom" style="border:1px solid black;margin:5px;"/>
62    <br>
63    ( figura 4 )
64        </div>
65    <p class='item'><a name="status">6. Status dos Usuários</a></p>   
66    <div class='texto' style="border:1px solid black;width:30%"><br>
67    <img src="images/available.png" style="margin:1px;" align="top"> - Disponível<br/>
68    <img src="images/away.png" style="margin:1px;" align="top"> - Ausente<br/>
69    <img src="images/chat.png" style="margin:1px;" align="top"> - Bate-papo<br/>
70    <img src="images/dnd.png" style="margin:1px;" align="top"> - Não Perturbe<br/>
71    <img src="images/invisible.png" style="margin:1px;" align="top"> - Invisível<br/>   
72    <img src="images/unavailable.png" style="margin:1px;" align="top"> - Offline / Desconectado<br/>   
73    <img src="images/xa.png" style="margin:1px;" align="top"> - Ausência Prolongada<br/>   
74        </div>
75    <p class='item'><a name="useradd">7. Adicionando um novo contato </a></p>
76        <div class='texto'>
77        Para adicionar um novo contato, clique na imagem <img src="images/group_open.gif"/>, no canto superior esquerdo (figura 5) e abrirá uma janela para adição dos contatos (figura 6) e
78        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.
79        Clique sobre o link "Adicionar Contato" e aparecerá dois campos, sendo que o campo "Apelido" é preenchido no momento da escolha do novo contato e o campo grupo
80        terá que ser definido. Preenchendo estes dois campos basta clicar no "Botão Adicionar", e o contato será adicionado em sua Lista de Contatos.
81        <br/>
82    <img src="images/adicionar_contato.png" alt="Adicionar Contato" title="Adicionar Contato" align="bottom" style="margin-top:5px;"/>
83        <br>( figura 5 )
84        <br><br>
85        <img align="bottom" src="images/janela_adicionar_contatos.png" style="margin-top:5px;" alt="Adicionar Contato" title="Adicionar Contato"/>
86        <br/>   
87        <br/>
88        <h3>Adicionando um novo contato por Email</h3>
89        Também existe a opção de adicionar um novo usuário utilizando o seu email para as <span style="color:red; font-weight:bold;">organizações</span> listadas dentro do menu informações, que pode ser acessado clicando na imagem <img src="images/view.png">.
90        Para adicionar um novo contato utilizando o seu email, marque a opção ( figura 6.1 ) e informe o email.
91        <b>Esta opção é apenas um informativo e nem todos os usuários possuem acesso a essa funcionalidade</b>.
92        <br/>
93        <br/>
94        <img src="images/janela_adicionar_contatos_email.png" width="452" height="399" style="margin-top:5px;" alt="Adicionar Contato" title="Adicionar Contato"/>
95        <br clear="all"/>
96        ( figura 6.1 )
97        <br/>
98        </div>
99        <p class='back'><a href="#indice">Voltar</a></p>
100    <p class='item'><a name="menu_right">8. Preferências Avançadas</a></p>
101        <div class='texto'>
102    Clicando com o botão direito do mouse, você terá acesso a um menu (figura 7), com as seguintes funcionalidades:
103    <blockquote><br>
104      - Autorizações: Requisitar e autorizar permissões.<br>
105      - Grupo: Trocar / Adicionar / Remover do grupo.<br>
106      - Renomear : Renomeia o contato.<br>
107      - Remover: Exclui o contato.
108     </blockquote>
109    <br>
110    <img src="images/menu_right.png" width="392" height="110" alt="Preferências Avançadas" align="bottom" style="margin-top:5px;"/>
111    <br>( figura 7 )
112        </div>
113        <p class='back'><a href="#indice">Voltar</a></p>
114        <p class='item'><a name="troca_mens">9. Troca de Mensagens</a></p>
115        <div class='texto'>
116        Clicando duas vezes com o botão esquerdo sobre o nome do contato escolhido, abrirá uma janela (figura 8), para a troca de mensagens. Nessa mesma janela existe um menu, o qual é possível
117        configurar o formato da fonte e enviar smiles.<br><br>
118    <img src="images/troca_de_mensagem.png" width="494" height="341" alt="Troca de Mensagens" title="Troca de Mensagens" align="bottom" style="margin-top:5px;"/><br>( figura 8 )
119        </div> 
120        <br/>
121        <p class='back'><a href="#indice">Voltar</a></p>
122        <p class='item'><a name="certi_java">10. Assinatura de Applet - Java</a></p>
123        <div class='texto'>
124        O modelo de segurança implementado pela plataforma Java, está sobre o conceito que um código remoto (applet) não é confiável, garantindo assim que um applet malicioso não danifique
125        o computador. Porém existem applets que são de confiança e necessitam de permissões para fornecer determinado tipo de serviço. O Expresso Messenger é desenvolvido em
126        Java e precisa dessas permissões para fornecer o serviço de mensagens instantâneas. Quando carregado pela primeira vez, o Java que está instalado no computador, mostrará uma
127        janela ( figura 9), perguntando se deseja realmente rodar este código remoto e mostra dois botões, "Run" e o "Cancel". É necessário que seja marcada a opção "Run", e caso não queira
128        que esta janela abra, marque a opção "Always trust content from this publisher".
129        <br><br>
130    <img src="images/cert_java.png" width="520" height="356" alt="Troca de Mensagens" title="Troca de Mensagens" align="bottom" style="margin-top:5px;"/><br>( figura 9 )
131        </div> 
132        <br/>   
133        <p class='back'><a href="#indice">Voltar</a></p>
134        <hr noshade>
135</body>
136</html>
Note: See TracBrowser for help on using the repository browser.