source: trunk/instant_messenger/templates/default/index.tpl @ 20

<!-- BEGIN index -->
    <h1>Como Utilizar o Mensageiro Instantâneo</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">Menu Preferências</a>
      <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>
          <li><a href="#userdel">Removendo um contato</a>          
        </ol>
      <li><a href="#menu_right">Preferências Avançadas</a>
      <li><a href="#info_ad">Informações Adicionais</a>
          <li><a href="#troca_mens">Troca de Mensagens</a>
          <li><a href="#troca_status">Troca de Status</a>      
    </ol>

    <h2><a name="intro">1. Introdução</h2></a>
    
    O Mensageiro Instantâneo do Expresso é 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 Mensageiro Instantâneo do Expresso está associado
    a um serviço de mensagens instantâneas Jabber, 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/lista_contatos.png" width="256" height="371" alt="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>Mozilla Firefox desde a versão 1.5</li>
          </ul>
          
    <p>
      <b>Linux:</b>
      <ul>
            <li>Mozilla Firefox desde a versão 1.5</li>
      </ul>
    </p>

    <h2><a name="prefe">3. Menu Preferências</a></h2>
        ( figura 2 )
    <img src="templates/default/images/menu_preferencias.png" width="259" height="188" alt="Menu Preferências" align="left">
    <br clear="all">
    <br>

        Para acessar suas "Preferências" ( conforme figura 2 ), basta dar um clique com o mouse e abrirá uma menu com as opções de Adicionar Contato ( <b>veja <a href="#useradd">Adicionando um novo contato</a></b> ), Remover Contato ( <b>veja <a href="#userdel">Removendo um contato</a></b> ) e
        Informações Adicionais ( <b>veja <a href="#info_ad">Informações Adicionais</a></b> ).
    
    <h2><a name="contact_list">4. Lista de Contatos</a></h2>
        ( figura 3 )
    <img src="templates/default/images/lista_contatos1.png" width="230" height="248" alt="Lista de Contatos" align="left">
    <br clear="all">
    <br>
    
    Na lista de contato ( conforme figura 3 ), você visualizará seus contatos. 
    <h3><a name="status">1. Status dos Usuários</a></h3>
    
    <img src="templates/default/images/online.gif" align="top"> - Contato Online<br>
    <img src="templates/default/images/offline.gif" align="top"> - Contato Offline<br>
    <img src="templates/default/images/not_authorized.gif" align="top"> - Contato aguardando autorização ou não autorizado<br>
    <img src="templates/default/images/chat.gif" align="top"> - Existe uma janela aberta para a troca de mensagens<br>

    <h3><a name="useradd">2. Adicionando um novo contato </a></h3>
        ( figura 3.1 )
    <img src="templates/default/images/adicionar_contato.png" width="510" height="337" alt="Adicionar Contato" align="left">
    <br clear="all">
    <br>

        Para adicionar um novo contato ( conforme figura 3.1 ), selecione uma organização 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, três campos são necessários para adicionar o novo contato, sendo que o campo "Email Expresso" e
        "Nickname" são preenchidos no momento da escolha do novo contato e o campo grupo terá que ser definido. Tendo os três campos preenchidos basta clicar no Botão Adicionar ( <input type="button" value="Adicionar"> ) .

        <h3><a name="userdel">3. Removendo um contato </a></h3>
        ( figura 3.2 )
    <img src="templates/default/images/remover_contato.png" width="410" height="164" alt="Remover Contato" align="left">
    <br clear="all">
    <br>

        Para remover um contato da sua lista ( conforme figura 3.2 ), selecione na lista e clique no botao Botão Remover ( <input type="button" value="Remover"> ) .
    
    <h2><a name="menu_right">5. Preferências Avançadas</a></h2>
        ( figura 3.3 )
    <img src="templates/default/images/menu_right.png" width="259" height="359" alt="Preferências Avançadas" align="left">
    <br clear="all">
    <br>

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

    <ul>
      <li>Apelido: Renomeia o Apelido(Nickanem) do seu contato
      <!--<li>Envio Arquivo: Troca de arquivos entre você e seus contatos-->
      <li>Grupo: Muda seu contato para um novo grupo
      <li>Remover: Exclui o contato
      <li>Ver Info: Visualize as informações dos seus contatos
    </ul>

    <h2><a name="info_ad">6. Informações Adicionais</a></h2>
        ( figura 4 )
    <img src="templates/default/images/info_adicionais.png" width="410" height="274" alt="Informações Adicionais" align="left">
    <br clear="all">
    <br>

        Efetuando o cadastro ( conforme figura 4 ) com seus dados, os contatos que você adicionou em sua lista poderão ver essas informações. Cada contato cadastrado em sua lista
        também possui esta opção ( <b>veja <a href="#menu_right">Preferências Avançadas</a></b>, opção Ver Info).

    <h2><a name="troca_mens">7. Troca de Mensagens</a></h2>
        ( figura 5 )
    <img src="templates/default/images/troca_mensagem.png" width="485" height="270" alt="Troca de Mensagens" align="left">
    <br clear="all">
    <br>

        Clicando com o mouse em cima do nome do contato escolhido, abrirá uma janela ( conforme figura 5 ), para a troca de mensagens. Nessa mesma janela existe um menu, o qual é possível
        configurar o formato da : Fonte, Tamanho, Cor e o Estilo. Você também pode enviar os Smiles, clicando nessa figura <img src="templates/default/images/img/1.gif">.

    <h2><a name="troca_status">8. Troca de Status</a></h2>
        ( figura 6 )
    <img src="templates/default/images/troca_status.png" width="391" height="250" alt="Troca de Status" align="left">
    <br clear="all">
    <br>

        Já está disponível o recurso de mudar o status para "online/offline".

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