source: branches/2.2/jabberit_messenger/templates/default/indexIM.tpl @ 3102

<!-- BEGIN index -->

<fieldset>
        <legend style="font-size:10pt;font-weight:bold; ">JMessenger - Como Utilizar</legend>
        <div style="height:500px; margin:5px;">
                <div style="width:24%; float:left;">
                        <ol>            
                                <li><a href="#intro">Introdução</a><br/>
                                <li><a href="#supported">Browsers Suportados</a><br/>
                                <li><a href="#prefe">Opções - Troca de Status</a><br/>
                                <li><a href="#conf_status">Mensagens de Status</a><br/>
                                <li><a href="#contact_list">Lista de Contatos</a><br/>
                                <li><a href="#status">Indicador de Status</a><br/>
                                <li><a href="#useradd">Adicionando um novo contato</a><br/>
                                <li><a href="#menu_right">Preferências Avançadas</a><br/>
                                <li><a href="#troca_mens">Troca de Mensagens</a><br/>
                        </ol>
                </div>
                <div style="height: 500px; margin-left:25%;overflow-y: auto;">
                    <h2><a name="intro">1. Introdução</a></h2>
                    
                    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
                    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>
                        <img src="{url}templates/default/images/tela_inicial_sem_java.png" style="width:256px; height:414px;" alt="Im Screenshot" title="Im Screenshot" align="left" style="padding-right:4px;"> 
                    <br clear="all">
                        ( figura 1 )
                    <h2><a name="supported">2. Browsers Suportados</a></h2>
                
                    <p>
                      <b>Windows XP/2000/ME/98/95:</b>
                          <ul>
                            <!--li>MS Internet Explorer desde a versão 6.0</li-->
                            <li>Internet Explorer 6.0</li>
                            <li>Mozilla Firefox desde a versão 2.0</li>
                            <li>Mozilla Firefox desde a versão 3.0</li>
                          </ul>
                          
                    <p>
                      <b>Linux:</b>
                      <ul>
                            <li>Mozilla Firefox desde a versão 2.0</li>
                            <li>Mozilla Firefox desde a versão 3.0</li>
                      </ul>
                    </p>
                        <h2><a name="prefe">3. Opções - Troca de Status</a></h2>
                        <br/>
                        A troca do Status pode ser feita de duas maneiras, clicando dentro da janela que contém a lista de contatos (figura 2 ).
                        <br/>
                        <br/>
                    <img src="{url}templates/default/images/menu_opcoes_sem_java.png" style="width:260px; height:230px; margin-top:5px;" alt="Menu Opções" title="Menu Opções" align="left"/>
                    <br clear="all">
                        ( figura 2 )
                        
                    <h2><a name="conf_status">4. Mensagens de Status</a></h2>
                    <br/>
                    É possível configurar uma mensagem de status acessando a janela que contém a lista de contatos (figura 3), ou clicando diretamente em cima da frase que aparece na janela da lista de contatos (figura 4).<br><br>
                        <table>
                                <tr>
                                        <td>
                                                <img src="{url}templates/default/images/menu_opcoes_sem_java.png" style="width:260px; height:230px; margin-top:5px;" alt="Menu Opções" title="Menu Opções" align="left"/>
                                        </td>
                                        <td valign="top">
                                                <img src="{url}templates/default/images/status_mensagem.png" style="width:260px; height:152px; margin-top:5px;" alt="Menu Opções" title="Menu Opções" align="left"/>
                                        </td>
                                </tr>
                                <tr>
                                        <td align="center">( Figura 3 )</td>
                                        <td align="center">( Figura 4 )</td>
                                
                                </tr>
                        </table>
                                            
                        <h2><a name="contact_list">5. Lista de Contatos</a></h2>
                        <br/>
                    Na lista de contato ( conforme figura 4 ), você visualizará seus contatos.  
                    <br/>
                    <br/>
                    <img src="{url}templates/default/images/lista_contatos_sem_java.png" width="258" height="265" alt="Lista de Contatos" align="left" style="margin:5px;"/>
                    <br clear="all">
                    ( figura 4 )
                    <br/>
                    <h2><a name="status">6. Status dos Usuários</a></h2>
                    <img src="{url}templates/default/images/available.png" style="margin:1px;" align="top"> - Disponível<br/>
                    <img src="{url}templates/default/images/away.png" style="margin:1px;" align="top"> - Ausente<br/>
                    <img src="{url}templates/default/images/chat.png" style="margin:1px;" align="top"> - Bate-papo<br/>
                    <img src="{url}templates/default/images/dnd.png" style="margin:1px;" align="top"> - Não Perturbe<br/>
                    <img src="{url}templates/default/images/invisible.png" style="margin:1px;" align="top"> - Invisível<br/>    
                    <img src="{url}templates/default/images/unavailable.png" style="margin:1px;" align="top"> - Offline / Desconectado<br/>    
                    <img src="{url}templates/default/images/xa.png" style="margin:1px;" align="top"> - Ausência Prolongada<br/>    
                    <h2><a name="useradd">7. Adicionando um novo contato </a></h2>
                        <br/>
                        Para adicionar um novo contato, clique na imagem <img src="{url}templates/default/images/group_open.gif"/>, no canto superior esquerdo (figura 5) e abrirá uma janela para adição dos contatos (figura 6) e
                        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. 
                        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
                        terá que ser definido. Preenchendo estes dois campos basta clicar no "Botão Adicionar", e o contato será adicionado em sua Lista de Contatos.
                        <br/>
                        <br/>
                    <img src="{url}templates/default/images/adicionar_contato_sem_java.png" width="282px" height="121px" alt="Adicionar Contato" title="Adicionar Contato" align="left" style="margin-top:5px;"/>
                    <br clear="all"/>
                        ( figura 5 )
                    <br/>
                        <br/>
                        <img src="{url}templates/default/images/janela_adicionar_contatos.png" width="444px" height="353px" style="margin-top:5px;" alt="Adicionar Contato" title="Adicionar Contato"/>
                        <br clear="all"/>
                        ( figura 6 )
                        <br/>
                        <br/>
                    <h2><a name="menu_right">8. Preferências Avançadas</a></h2>
                        <br/>
                        <br/>
                    Clicando com o botão direito do mouse, você tera acesso a um menu ( conforme figura 7 ), com as seguintes funcionalidades :
                
                    <ul>
                      <li>Autorizar : Requisitar e autorizar permissões ( Depois de adicionar um novo contato, é importante solicitar a autorização ).
                      <li>Remover: Remove o contato.
                      <li>Renomear : Renomeia o contato.
                      <li>Trocar grupo: Altera o grupo do contato.
                    </ul>
                        <br/>
                        <br/>
                    <img src="{url}templates/default/images/menu_right_sem_java.png" width="265px" height="127px" alt="Preferências Avançadas" align="left" style="margin-top:5px;"/>
                    <br clear="all"/>
                        ( figura 7 )    
                    <br/>
                    <br/>
                    <h2><a name="troca_mens">9. Troca de Mensagens</a></h2>
                        <br/>
                        <br/>
                        Clicando com o mouse em cima do nome do contato escolhido, abrirá uma janela ( conforme figura 8 ), para a troca de mensagens. 
                        <br/>
                        <br/>
                    <img src="{url}templates/default/images/troca_de_mensagem_sem_java.png" width="391" height="377" alt="Troca de Mensagens" title="Troca de Mensagens" align="left" style="margin-top:5px;"/>
                    <br clear="all"/>
                    ( figura 8 )
                    <br/>
                        <br/>
                </div>
        </div>
</fieldset>     

<!-- END index -->