source: trunk/jabberit_messenger/templates/default/index.tpl @ 382

<!-- BEGIN index -->
    <h1>Como Utilizar o Jabberit Messenger</h1>
    <h2><a name="toc">Conteúdo</a></h2>
    <ol>
      <li><a href="#intro">Introdução</a>
      <li><a href="#supported">Browsers Suportados</a>
          <li><a href="#prefe">Opções - Troca de Status</a>
                <ol>
                        <li><a href="#conf_status">Mensagens de Status</a>
                </ol>
          <li><a href="#contact_list">Lista de Contatos</a>
        <ol>
          <li><a href="#status">Indicador de Status</a>
          <li><a href="#useradd">Adicionando um novo contato</a>
        </ol>
      <li><a href="#menu_right">Preferências Avançadas</a>
          <li><a href="#troca_mens">Troca de Mensagens</a>
    </ol>

    <h2><a name="intro">1. Introdução</a></h2>
    
    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
    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 clear="all">
        <br>
        ( figura 1 )
    <img src="templates/default/images/tela_inicial.png" style="width:200px; height:297px;" alt="Im Screenshot" title="Im Screenshot" align="left" style="padding-right:4px;"> 
        
    <br clear="all">

    <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>
        ( figura 2 )
    <img src="templates/default/images/menu_opcoes.png" style="width:135px; height:227px; margin-top:5px;" alt="Menu Opções" title="Menu Opções" align="left"/>
    <br clear="all">
    <br>

        Para a troca de status ( conforme figura 2 ), basta dar um clique com o mouse e em cima do botão <img src="templates/default/images/botao_opcoes.png" width="99" height="19" style="margin-left:5px; margin-right:5px;"/> .


    <h3><a name="conf_status">1. Mensagens de Status</a></h3>
        ( figura 3 )

        <img src="templates/default/images/conf_status.png" style="width:249px; height:277px; margin-top:5px;" alt="Mensagens de Status" title="Mensagens de Status" align="left"/>
        <br clear="all">
        <br>

        É possível configurar as mensagens para cada status escolhido ( conforme figura 3 ) clicando no item Personalizar.

        <br clear="all">
        <br>

    <h2><a name="contact_list">4. Lista de Contatos</a></h2>
        ( figura 4 )
    <img src="templates/default/images/lista_contatos.png" width="188" height="255" alt="Lista de Contatos" align="left" style="margin:5px;"/>
    <br clear="all">
    <br>
    
    Na lista de contato ( conforme figura 4 ), você visualizará seus contatos. 
    <h3><a name="status">1. Status dos Usuários</a></h3>
    
    <img src="templates/default/images/available.png" style="margin:1px;" align="top"> - Disponível<br/>
    <img src="templates/default/images/away.png" style="margin:1px;" align="top"> - Ausente<br/>
    <img src="templates/default/images/chat.png" style="margin:1px;" align="top"> - Bate-papo<br/>
    <img src="templates/default/images/dnd.png" style="margin:1px;" align="top"> - Não Perturbe<br/>
    <img src="templates/default/images/invisible.png" style="margin:1px;" align="top"> - Invisível<br/>    
    <img src="templates/default/images/offline.png" style="margin:1px;" align="top"> - Offline / Desconectado<br/>    
    <img src="templates/default/images/xa.png" style="margin:1px;" align="top"> - Ausência Prolongada<br/>    

    <h3><a name="useradd">2. Adicionando um novo contato </a></h3>
        ( figura 4.1 )
        <br/>
    <img src="templates/default/images/adicionar_contato.png" width="237" height="174" alt="Adicionar Contato" title="Adicionar Contato" align="left" style="margin-top:5px;"/>
    <br clear="all"/>
    <br>

        Para adicinar um novo contato, clique na imagem <img src="templates/default/images/group_open.gif"/>, no canto superior esquerdo ( conforme figura 4.1 ) e abrirá uma janela para adição dos contatos ( conforme figura 4.2 ) e automaticamente carregará os usuários que tem permissão para usar o Mensageiro Instantâneo Expresso. 
        Para escolher seu novo contato basta apenas dar um clique em cima do nome desejado. Logo abaixo, dois campos serão necessários para adicionar o novo contato, sendo que o campo "Apelido" e
        é 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 .
        
        <br/>
        <br/>
        ( figura 4.2 )
        <br/>
        <img src="templates/default/images/janela_adicionar_contatos.png" width="612" height="237" style="margin-top:5px;" alt="Adicionar Contato" title="Adicionar Contato"/>
        <br clear="all"/>
        <br/>

    <h2><a name="menu_right">5. Preferências Avançadas</a></h2>
        ( figura 5 )
        <br/>
    <img src="templates/default/images/menu_right.png" width="234" height="145" alt="Preferências Avançadas" align="left" style="margin-top:5px;"/>
    <br clear="all"/>
    <br/>

    Clicando com o botão direito do mouse, você tera acesso a um menu ( conforme figura 5 ), com as seguintes funcionalidades :

    <ul>
      <li>Autorizações : Requisitar e autorizar permissões ( Depois de adicionar um novo contato, é importante solicitar a autorização ).
      <li>Grupo: Trocar / Adicionar / Remover do grupo.
      <li>Renomear : Renomeia o contato.
      <li>Remover: Exclui o contato.
    </ul>

    <h2><a name="troca_mens">6. Troca de Mensagens</a></h2>
        ( figura 6 )
    <img src="templates/default/images/troca_de_mensagem.png" width="410" height="309" alt="Troca de Mensagens" title="Troca de Mensagens" align="left" style="margin-top:5px;"/>
    <br clear="all"/>
    <br/>

        Clicando com o mouse em cima do nome do contato escolhido, abrirá uma janela ( conforme figura 6 ), para a troca de mensagens. Nessa mesma janela existe um menu, o qual é possível
        configurar o formato da fonte e enviar smiles.

        <br/>
        <hr noshade>
<!-- END index -->