Changeset 3010


Ignore:
Timestamp:
07/08/10 10:28:29 (14 years ago)
Author:
alexandrecorreia
Message:

Ticket #1136 - Modificar a pagina do modulo IM, para se adequar as duas versoes ( JAVA e SEM JAVA ).

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/jabberit_messenger/templates/default/indexIM.tpl

    r3008 r3010  
    11<!-- BEGIN index --> 
    2     <h1>JMessenger - Como Utilizar</h1> 
    3     <ol> 
    4       <li><a href="#intro">Introdução</a> 
    5       <li><a href="#supported">Browsers Suportados</a> 
    6           <li><a href="#prefe">Opções - Troca de Status</a> 
    7           <li><a href="#conf_status">Mensagens de Status</a> 
    8           <li><a href="#contact_list">Lista de Contatos</a> 
    9       <li><a href="#status">Indicador de Status</a> 
    10       <li><a href="#useradd">Adicionando um novo contato</a> 
    11       <li><a href="#menu_right">Preferências Avançadas</a> 
    12           <li><a href="#troca_mens">Troca de Mensagens</a> 
    13           <li><a href="#certi_java">Assinatura de Applet - Java</a>        
    14     </ol> 
    152 
    16     <h2><a name="intro">1. Introdução</a></h2> 
    17      
    18     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 
    19     a um serviço de mensagens instantâneas Jabber e este serviço é responsável pelo armazenamento dos seus contatos, preferências e mensagens. 
    20         <br> 
    21         <br> 
    22         <img src="{url}templates/default/images/tela_inicial.png" style="width:239px; height:436px;" alt="Im Screenshot" title="Im Screenshot" align="left" style="padding-right:4px;">  
    23     <br clear="all"> 
    24         ( figura 1 ) 
    25     <h2><a name="supported">2. Browsers Suportados</a></h2> 
     3<fieldset> 
     4        <legend style="font-size:10pt;font-weight:bold; ">JMessenger - Como Utilizar</legend> 
     5        <div style="height:500px; margin:5px;"> 
     6                <div style="width:24%; float:left;"> 
     7                        <ol>             
     8                                <li><a href="#intro">Introdução</a><br/> 
     9                                <li><a href="#supported">Browsers Suportados</a><br/> 
     10                                <li><a href="#prefe">Opções - Troca de Status</a><br/> 
     11                                <li><a href="#conf_status">Mensagens de Status</a><br/> 
     12                                <li><a href="#contact_list">Lista de Contatos</a><br/> 
     13                                <li><a href="#status">Indicador de Status</a><br/> 
     14                                <li><a href="#useradd">Adicionando um novo contato</a><br/> 
     15                                <li><a href="#menu_right">Preferências Avançadas</a><br/> 
     16                                <li><a href="#troca_mens">Troca de Mensagens</a><br/> 
     17                                <li><a href="#certi_java">Assinatura de Applet - Java</a><br/> 
     18                        </ol> 
     19                </div> 
     20                <div style="height: 500px; margin-left:25%;overflow-y: auto;"> 
     21                    <h2><a name="intro">1. Introdução</a></h2> 
     22                     
     23                    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 
     24                    a um serviço de mensagens instantâneas Jabber e este serviço é responsável pelo armazenamento dos seus contatos, preferências e mensagens. 
     25                        <br> 
     26                        <br> 
     27                        <img src="{url}templates/default/images/tela_inicial.png" style="width:239px; height:436px;" alt="Im Screenshot" title="Im Screenshot" align="left" style="padding-right:4px;">  
     28                    <br clear="all"> 
     29                        ( figura 1 ) 
     30                    <h2><a name="supported">2. Browsers Suportados</a></h2> 
     31                 
     32                    <p> 
     33                      <b>Windows XP/2000/ME/98/95:</b> 
     34                          <ul> 
     35                            <!--li>MS Internet Explorer desde a versão 6.0</li--> 
     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                          </ul> 
     40                           
     41                    <p> 
     42                      <b>Linux:</b> 
     43                      <ul> 
     44                            <li>Mozilla Firefox desde a versão 2.0</li> 
     45                            <li>Mozilla Firefox desde a versão 3.0</li> 
     46                      </ul> 
     47                    </p> 
     48                        <h2><a name="prefe">3. Opções - Troca de Status</a></h2> 
     49                        <br/> 
     50                        Para a troca de status ( conforme figura 2 ), basta dar um clique com o mouse e em cima do botão <img src="{url}templates/default/images/botao_opcoes.png" width="116" height="21" style="margin-left:5px; margin-right:5px;"/> . 
     51                        <br/> 
     52                        <br/> 
     53                    <img src="{url}templates/default/images/menu_opcoes.png" style="width:238px; height:267px; margin-top:5px;" alt="Menu Opções" title="Menu Opções" align="left"/> 
     54                    <br clear="all"> 
     55                        ( figura 2 )     
     56                    <h2><a name="conf_status">4. Mensagens de Status</a></h2> 
     57                    <br/> 
     58                    É possível configurar as mensagens para cada status escolhido (figura 3) clicando no item Personalizar.<br><br> 
     59                        <img src="{url}templates/default/images/conf_status.png" style="width:345px; height:270px; margin-top:5px;" alt="Mensagens de Status" title="Mensagens de Status" align="left"/> 
     60                        <br clear="all"/> 
     61                        ( Figura 3 ) 
     62                        <br clear="all"/> 
     63                        <h2><a name="contact_list">5. Lista de Contatos</a></h2> 
     64                        <br/> 
     65                    Na lista de contato ( conforme figura 4 ), você visualizará seus contatos.   
     66                    <br/> 
     67                    <br/> 
     68                    <img src="{url}templates/default/images/lista_contatos.png" width="274" height="239" alt="Lista de Contatos" align="left" style="margin:5px;"/> 
     69                    <br clear="all"> 
     70                    ( figura 4 ) 
     71                    <br/> 
     72                    <h2><a name="status">6. Status dos Usuários</a></h2> 
     73                    <img src="{url}templates/default/images/available.png" style="margin:1px;" align="top"> - Disponível<br/> 
     74                    <img src="{url}templates/default/images/away.png" style="margin:1px;" align="top"> - Ausente<br/> 
     75                    <img src="{url}templates/default/images/chat.png" style="margin:1px;" align="top"> - Bate-papo<br/> 
     76                    <img src="{url}templates/default/images/dnd.png" style="margin:1px;" align="top"> - Não Perturbe<br/> 
     77                    <img src="{url}templates/default/images/invisible.png" style="margin:1px;" align="top"> - Invisível<br/>     
     78                    <img src="{url}templates/default/images/unavailable.png" style="margin:1px;" align="top"> - Offline / Desconectado<br/>     
     79                    <img src="{url}templates/default/images/xa.png" style="margin:1px;" align="top"> - Ausência Prolongada<br/>     
     80                    <h2><a name="useradd">7. Adicionando um novo contato </a></h2> 
     81                        <br/> 
     82                        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 
     83                        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.  
     84                        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 
     85                        terá que ser definido. Preenchendo estes dois campos basta clicar no "Botão Adicionar", e o contato será adicionado em sua Lista de Contatos. 
     86                        <br/> 
     87                        <br/> 
     88                    <img src="{url}templates/default/images/adicionar_contato.png" width="282px" height="142px" alt="Adicionar Contato" title="Adicionar Contato" align="left" style="margin-top:5px;"/> 
     89                    <br clear="all"/> 
     90                        ( figura 5 ) 
     91                    <br/> 
     92                        <br/> 
     93                        <img src="{url}templates/default/images/janela_adicionar_contatos.png" width="444px" height="353px" style="margin-top:5px;" alt="Adicionar Contato" title="Adicionar Contato"/> 
     94                        <br clear="all"/> 
     95                        ( figura 6 ) 
     96                        <br/> 
     97                        <br/> 
     98                    <h2><a name="menu_right">8. Preferências Avançadas</a></h2> 
     99                        <br/> 
     100                        <br/> 
     101                    Clicando com o botão direito do mouse, você tera acesso a um menu ( conforme figura 7 ), com as seguintes funcionalidades : 
     102                 
     103                    <ul> 
     104                      <li>Autorizações : Requisitar e autorizar permissões ( Depois de adicionar um novo contato, é importante solicitar a autorização ). 
     105                      <li>Grupo: Trocar / Adicionar / Remover do grupo. 
     106                      <li>Renomear : Renomeia o contato. 
     107                      <li>Remover: Exclui o contato. 
     108                    </ul> 
     109                        <br/> 
     110                        <br/> 
     111                    <img src="{url}templates/default/images/menu_right.png" width="412px" height="183px" alt="Preferências Avançadas" align="left" style="margin-top:5px;"/> 
     112                    <br clear="all"/> 
     113                        ( figura 7 )     
     114                    <br/> 
     115                    <br/> 
     116                    <h2><a name="troca_mens">9. Troca de Mensagens</a></h2> 
     117                        <br/> 
     118                        <br/> 
     119                        Clicando com o mouse em cima do nome do contato escolhido, abrirá uma janela ( conforme figura 8 ), para a troca de mensagens. Nessa mesma janela existe um menu, o qual é possível 
     120                        configurar o formato da fonte e enviar smiles. 
     121                        <br/> 
     122                        <br/> 
     123                    <img src="{url}templates/default/images/troca_de_mensagem.png" width="300" height="351" alt="Troca de Mensagens" title="Troca de Mensagens" align="left" style="margin-top:5px;"/> 
     124                    <br clear="all"/> 
     125                    ( figura 8 ) 
     126                    <br/> 
     127                        <br/> 
     128                    <h2><a name="certi_java">10. Assinatura de Applet - Java</a></h2> 
     129                        <br/> 
     130                        <br/> 
     131                        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 
     132                        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 
     133                        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 
     134                        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 
     135                        que esta janela abra, marque a opção "Always trust content from this publisher". 
     136                        <br/> 
     137                        <br/> 
     138                    <img src="{url}templates/default/images/cert_java.png" width="520" height="356" alt="Troca de Mensagens" title="Troca de Mensagens" align="bottom" style="margin-top:5px;"/> 
     139                    <br clear="all"/> 
     140                    ( figura 9 ) 
     141                    <br/> 
     142                        <br/> 
     143                </div> 
     144        </div> 
     145</fieldset>      
    26146 
    27     <p> 
    28       <b>Windows XP/2000/ME/98/95:</b> 
    29           <ul> 
    30             <!--li>MS Internet Explorer desde a versão 6.0</li--> 
    31             <li>Internet Explorer 6.0</li> 
    32             <li>Mozilla Firefox desde a versão 2.0</li> 
    33             <li>Mozilla Firefox desde a versão 3.0</li> 
    34           </ul> 
    35            
    36     <p> 
    37       <b>Linux:</b> 
    38       <ul> 
    39             <li>Mozilla Firefox desde a versão 2.0</li> 
    40             <li>Mozilla Firefox desde a versão 3.0</li> 
    41       </ul> 
    42     </p> 
    43         <h2><a name="prefe">3. Opções - Troca de Status</a></h2> 
    44         <br/> 
    45         Para a troca de status ( conforme figura 2 ), basta dar um clique com o mouse e em cima do botão <img src="{url}templates/default/images/botao_opcoes.png" width="116" height="21" style="margin-left:5px; margin-right:5px;"/> . 
    46         <br/> 
    47         <br/> 
    48     <img src="{url}templates/default/images/menu_opcoes.png" style="width:238px; height:267px; margin-top:5px;" alt="Menu Opções" title="Menu Opções" align="left"/> 
    49     <br clear="all"> 
    50         ( figura 2 )     
    51     <h2><a name="conf_status">4. Mensagens de Status</a></h2> 
    52     <br/> 
    53     É possível configurar as mensagens para cada status escolhido (figura 3) clicando no item Personalizar.<br><br> 
    54         <img src="{url}templates/default/images/conf_status.png" style="width:345px; height:270px; margin-top:5px;" alt="Mensagens de Status" title="Mensagens de Status" align="left"/> 
    55         <br clear="all"/> 
    56         ( Figura 3 ) 
    57         <br clear="all"/> 
    58         <h2><a name="contact_list">5. Lista de Contatos</a></h2> 
    59         <br/> 
    60     Na lista de contato ( conforme figura 4 ), você visualizará seus contatos.   
    61     <br/> 
    62     <br/> 
    63     <img src="{url}templates/default/images/lista_contatos.png" width="274" height="239" alt="Lista de Contatos" align="left" style="margin:5px;"/> 
    64     <br clear="all"> 
    65     ( figura 4 ) 
    66     <br/> 
    67     <h2><a name="status">6. Status dos Usuários</a></h2> 
    68     <img src="{url}templates/default/images/available.png" style="margin:1px;" align="top"> - Disponível<br/> 
    69     <img src="{url}templates/default/images/away.png" style="margin:1px;" align="top"> - Ausente<br/> 
    70     <img src="{url}templates/default/images/chat.png" style="margin:1px;" align="top"> - Bate-papo<br/> 
    71     <img src="{url}templates/default/images/dnd.png" style="margin:1px;" align="top"> - Não Perturbe<br/> 
    72     <img src="{url}templates/default/images/invisible.png" style="margin:1px;" align="top"> - Invisível<br/>     
    73     <img src="{url}templates/default/images/unavailable.png" style="margin:1px;" align="top"> - Offline / Desconectado<br/>     
    74     <img src="{url}templates/default/images/xa.png" style="margin:1px;" align="top"> - Ausência Prolongada<br/>     
    75     <h2><a name="useradd">7. Adicionando um novo contato </a></h2> 
    76         <br/> 
    77         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 
    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         <br/> 
    83     <img src="{url}templates/default/images/adicionar_contato.png" width="282px" height="142px" alt="Adicionar Contato" title="Adicionar Contato" align="left" style="margin-top:5px;"/> 
    84     <br clear="all"/> 
    85         ( figura 5 ) 
    86     <br/> 
    87         <br/> 
    88         <img src="{url}templates/default/images/janela_adicionar_contatos.png" width="444px" height="353px" style="margin-top:5px;" alt="Adicionar Contato" title="Adicionar Contato"/> 
    89         <br clear="all"/> 
    90         ( figura 6 ) 
    91         <br/> 
    92         <br/> 
    93     <h2><a name="menu_right">8. Preferências Avançadas</a></h2> 
    94         <br/> 
    95         <br/> 
    96     Clicando com o botão direito do mouse, você tera acesso a um menu ( conforme figura 7 ), com as seguintes funcionalidades : 
    97  
    98     <ul> 
    99       <li>Autorizações : Requisitar e autorizar permissões ( Depois de adicionar um novo contato, é importante solicitar a autorização ). 
    100       <li>Grupo: Trocar / Adicionar / Remover do grupo. 
    101       <li>Renomear : Renomeia o contato. 
    102       <li>Remover: Exclui o contato. 
    103     </ul> 
    104         <br/> 
    105         <br/> 
    106     <img src="{url}templates/default/images/menu_right.png" width="412px" height="183px" alt="Preferências Avançadas" align="left" style="margin-top:5px;"/> 
    107     <br clear="all"/> 
    108         ( figura 7 )     
    109     <br/> 
    110     <br/> 
    111     <h2><a name="troca_mens">9. Troca de Mensagens</a></h2> 
    112         <br/> 
    113         <br/> 
    114         Clicando com o mouse em cima do nome do contato escolhido, abrirá uma janela ( conforme figura 8 ), para a troca de mensagens. Nessa mesma janela existe um menu, o qual é possível 
    115         configurar o formato da fonte e enviar smiles. 
    116         <br/> 
    117         <br/> 
    118     <img src="{url}templates/default/images/troca_de_mensagem.png" width="300" height="351" alt="Troca de Mensagens" title="Troca de Mensagens" align="left" style="margin-top:5px;"/> 
    119     <br clear="all"/> 
    120     ( figura 8 ) 
    121     <br/> 
    122         <br/> 
    123     <h2><a name="certi_java">10. Assinatura de Applet - Java</a></h2> 
    124         <br/> 
    125         <br/> 
    126         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 
    127         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 
    128         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 
    129         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 
    130         que esta janela abra, marque a opção "Always trust content from this publisher". 
    131         <br/> 
    132         <br/> 
    133     <img src="{url}templates/default/images/cert_java.png" width="520" height="356" alt="Troca de Mensagens" title="Troca de Mensagens" align="bottom" style="margin-top:5px;"/> 
    134     <br clear="all"/> 
    135     ( figura 9 ) 
    136     <br/> 
    137         <br/> 
    138  
    139  
    140         <hr noshade> 
    141147<!-- END index --> 
Note: See TracChangeset for help on using the changeset viewer.