source: branches/2.2.0.1/jabberir_messenger/templates/default/indexIM.tpl @ 4453

Revision 4453, 8.2 KB checked in by rafaelraymundo, 13 years ago (diff)

Ticket #1726 - Adicionando jabberit_messenger da comunidade.

  • Property svn:executable set to *
Line 
1<!-- BEGIN index -->
2
3<fieldset>
4        <legend style="font-size:10pt;font-weight:bold; ">Expresso Messenger - 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                        </ol>
18                </div>
19                <div style="height: 500px; margin-left:25%;overflow-y: auto;">
20                    <h2><a name="intro">1. Introdução</a></h2>
21                   
22                    O Expresso Messenger é um módulo que permite o envio e recebimento de mensagens instantaneamente. Você pode trocar mensagens em tempo real com a sua lista de contatos e
23                    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 ( verifique a sessão <a href="#status">Indicador de Status</a> ) que abrirá uma janela para enviar e receber as mensagens. O Expresso Messenger está associado
24                    a um serviço de mensagens instantâneas Jabber e este serviço é responsável pelo armazenamento dos seus contatos e mensagens.
25                        <br>
26                        <br>
27                        <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;">
28                    <br clear="all">
29                        ( figura 1 )
30                    <h2><a name="supported">2. Browsers Suportados</a></h2>
31               
32                    <div style="margin:0px 5px 2px 5px; text-align: justify;">
33                   
34                                <fieldset style="margin-bottom:10px; width:250px;">
35                                        <legend><img src="{url}jmessenger/templates/default/images/compatible_epiphany.png" align="middle"/><span style="margin:5px;">Epiphany</span></legend>
36                                        <span> Versão : 2.22 ou superior </span><br/>
37                                        <span> Avaliação : <span style="color:red;font-weight:bold;">Ideal para o uso</span></span>
38                                </fieldset>
39                                <br/>
40                                <fieldset style="margin-bottom:10px; width:250px;">
41                                        <legend><img src="{url}jmessenger/templates/default/images/compatible_iceweasel.png" align="middle"/><span style="margin:5px;">Iceweasel</span></legend>
42                                        <span> Versão : 3.06 ou superior </span><br/>
43                                        <span> Avaliação : <span style="color:red;font-weight:bold;">Ideal para o uso</span></span>
44                                </fieldset>
45                                <br/>
46                                <fieldset style="margin-bottom:10px; width:250px;">
47                                        <legend><img src="{url}jmessenger/templates/default/images/compatible_ie.gif" align="middle" /><span style="margin:5px;">Internet Explorer ( IE )</span></legend>
48                                        <span> Versão : 8.0 </span><br/>
49                                        <span> Avaliação : Recomendado</span>
50                                </fieldset>
51                                <br/>
52                                <fieldset style="margin-bottom:10px; width:250px;">
53                                        <legend><img src="{url}jmessenger/templates/default/images/compatible_firefox.gif" align="middle"/><span style="margin:5px;">Mozilla Firefox</span></legend>
54                                        <span> Versão : 3.0 ou superior </span><br/>
55                                        <span> Avaliação : <span style="color:red;font-weight:bold;">Ideal para o uso</span></span>
56                                </fieldset>
57                        </div>         
58                   
59                        <h2><a name="prefe">3. Opções - Troca de Status</a></h2>
60                        <br/>
61                        A troca do Status pode ser feita de duas maneiras, clicando dentro da janela que contém a lista de contatos (figura 2 ).
62                        <br/>
63                        <br/>
64                    <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"/>
65                    <br clear="all">
66                        ( figura 2 )
67                       
68                    <h2><a name="conf_status">4. Mensagens de Status</a></h2>
69                    <br/>
70                    É 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>
71                        <table>
72                                <tr>
73                                        <td>
74                                                <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"/>
75                                        </td>
76                                        <td valign="top">
77                                                <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"/>
78                                        </td>
79                                </tr>
80                                <tr>
81                                        <td align="center">( Figura 3 )</td>
82                                        <td align="center">( Figura 4 )</td>
83                               
84                                </tr>
85                        </table>
86                                           
87                        <h2><a name="contact_list">5. Lista de Contatos</a></h2>
88                        <br/>
89                    Na lista de contato ( conforme figura 4 ), você visualizará seus contatos. 
90                    <br/>
91                    <br/>
92                    <img src="{url}templates/default/images/lista_contatos_sem_java.png" width="258" height="265" alt="Lista de Contatos" align="left" style="margin:5px;"/>
93                    <br clear="all">
94                    ( figura 4 )
95                    <br/>
96                    <h2><a name="status">6. Status dos Usuários</a></h2>
97                    <img src="{url}templates/default/images/available.png" style="margin:1px;" align="top"> - Disponível<br/>
98                    <img src="{url}templates/default/images/away.png" style="margin:1px;" align="top"> - Ausente<br/>
99                    <img src="{url}templates/default/images/chat.png" style="margin:1px;" align="top"> - Bate-papo<br/>
100                    <img src="{url}templates/default/images/dnd.png" style="margin:1px;" align="top"> - Não Perturbe<br/>
101                    <img src="{url}templates/default/images/unavailable.png" style="margin:1px;" align="top"> - Offline / Desconectado<br/>   
102                    <img src="{url}templates/default/images/xa.png" style="margin:1px;" align="top"> - Ausência Prolongada<br/>   
103                    <h2><a name="useradd">7. Adicionando um novo contato </a></h2>
104                        <br/>
105                        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
106                        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.
107                        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
108                        terá que ser definido. Preenchendo estes dois campos basta clicar no "Botão Adicionar", e o contato será adicionado em sua Lista de Contatos.
109                        <br/>
110                        <br/>
111                    <img src="{url}templates/default/images/adicionar_contato_sem_java.png" width="290px" height="131px" alt="Adicionar Contato" title="Adicionar Contato" align="left" style="margin-top:5px;"/>
112                    <br clear="all"/>
113                        ( figura 5 )
114                    <br/>
115                        <br/>
116                        <img src="{url}templates/default/images/janela_adicionar_contatos.png" width="444px" height="353px" style="margin-top:5px;" alt="Adicionar Contato" title="Adicionar Contato"/>
117                        <br clear="all"/>
118                        ( figura 6 )
119                        <br/>
120                        <br/>
121                    <h2><a name="menu_right">8. Preferências Avançadas</a></h2>
122                        <br/>
123                        <br/>
124                    Clicando com o botão direito do mouse, você tera acesso a um menu ( conforme figura 7 ), com as seguintes funcionalidades :
125               
126                    <ul>
127                      <li>Autorizar : Requisitar e autorizar permissões ( Depois de adicionar um novo contato, é importante solicitar a autorização ).
128                      <li>Remover: Remove o contato.
129                      <li>Renomear : Renomeia o contato.
130                      <li>Trocar grupo: Altera o grupo do contato.
131                    </ul>
132                        <br/>
133                        <br/>
134                    <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;"/>
135                    <br clear="all"/>
136                        ( figura 7 )   
137                    <br/>
138                    <br/>
139                    <h2><a name="troca_mens">9. Troca de Mensagens</a></h2>
140                        <br/>
141                        <br/>
142                        Clicando com o mouse em cima do nome do contato escolhido, abrirá uma janela ( conforme figura 8 ), para a troca de mensagens.
143                        <br/>
144                        <br/>
145                    <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;"/>
146                    <br clear="all"/>
147                    ( figura 8 )
148                    <br/>
149                        <br/>
150                </div>
151        </div>
152</fieldset>     
153
154<!-- END index -->
Note: See TracBrowser for help on using the repository browser.