Changeset 69 for trunk/instant_messenger
- Timestamp:
- 09/19/07 17:33:03 (17 years ago)
- Location:
- trunk/instant_messenger/templates/default
- Files:
-
- 1 added
- 4 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/instant_messenger/templates/default/index.tpl
r63 r69 1 1 <!-- BEGIN index --> 2 <h1>Como Utilizar o Mensageiro Instantâneo</h1>2 <h1>Como Utilizar o Expresso Messenger</h1> 3 3 <h2><a name="toc">Conteúdo</a></h2> 4 4 <ol> 5 5 <li><a href="#intro">Introdução</a> 6 <li><a href="#acesso_primeiro">Acessando o Expresso Messenger pela Primeira Vez</a> 6 7 <li><a href="#supported">Browsers Suportados</a> 7 8 <li><a href="#prefe">Menu Opções</a> … … 13 14 </ol> 14 15 <li><a href="#menu_right">Preferências Avançadas</a> 15 <li><a href="#info_ad"> Informações Adicionais</a>16 <li><a href="#info_ad">Vcard - Informações Adicionais</a> 16 17 <li><a href="#info_prefe">Preferências</a> 17 18 <li><a href="#troca_mens">Troca de Mensagens</a> … … 19 20 </ol> 20 21 21 <h2><a name="intro">1. Introdução</ h2></a>22 <h2><a name="intro">1. Introdução</a></h2> 22 23 23 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 Expressoestá associado24 O Expresso 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 Expresso Messenger está associado 24 25 a um serviço de mensagens instantâneas Jabber, este serviço é responsável pelo armazenamento dos seus contatos, preferências e mensagens. 25 26 … … 27 28 <br> 28 29 ( figura 1 ) 29 <img src="templates/default/images/lista_contatos.png" width="24 4" height="369" alt="Im Screenshot" align="left" style="padding-right:4px;">30 <img src="templates/default/images/lista_contatos.png" width="242" height="381" alt="Im Screenshot" align="left" style="padding-right:4px;"> 30 31 31 32 <br clear="all"> 32 33 33 <h2><a name="supported">2. Browsers Suportados</a></h2> 34 <h2><a name="acesso_primeiro">2. Acessando o Expresso Messenger pela Primeira Vez</a></h2> 35 36 Para o acessar o Expresso Messenger, basta clicar em cima da figura <img src="templates/default/images/available.gif">("bolinha verde"), abrirá uma uma janela igual a figura 2. A lista de contatos aparecerá com a seguinte frase : "Nenhum Contato", até que sejam cadastrados novos contatos. 37 38 <br clear="all"> 39 <br> 40 ( figura 2 ) 41 <img src="templates/default/images/lista_contatos_primeira.png" width="222" height="337" alt="Im Screenshot" align="left" style="padding-right:4px;"> 42 43 <br clear="all"> 44 45 <h2><a name="supported">3. Browsers Suportados</a></h2> 34 46 35 47 <p> … … 47 59 </p> 48 60 49 <h2><a name="prefe"> 3. Menu Opções</a></h2>50 ( figura 2)51 <img src="templates/default/images/menu_preferencias.png" width="2 53" height="158" alt="Menu Preferências" align="left">61 <h2><a name="prefe">4. Menu Opções</a></h2> 62 ( figura 3 ) 63 <img src="templates/default/images/menu_preferencias.png" width="272" height="173" alt="Menu Preferências" align="left"> 52 64 <br clear="all"> 53 65 <br> 54 66 55 Para acessar o menu "Opções" ( conforme figura 2), basta dar um clique com o mouse e abrirá um 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> ),56 Informações Adicionais ( <b>veja <a href="#info_ad">Informações Adicionais</a></b> ) e Preferências ( <b>veja <a href="#info_prefe">Preferências</a></b> ).67 Para acessar o menu "Opções" ( conforme figura 3 ), basta dar um clique com o mouse e abrirá um 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> ), 68 Vcard - Informações Adicionais ( <b>veja <a href="#info_ad">Vcard - Informações Adicionais</a></b> ) e Preferências ( <b>veja <a href="#info_prefe">Preferências</a></b> ). 57 69 58 <h2><a name="contact_list"> 4. Lista de Contatos</a></h2>59 ( figura 3)70 <h2><a name="contact_list">5. Lista de Contatos</a></h2> 71 ( figura 4 ) 60 72 <img src="templates/default/images/lista_contatos1.png" width="236" height="242" alt="Lista de Contatos" align="left"> 61 73 <br clear="all"> 62 74 <br> 63 75 64 Na lista de contato ( conforme figura 3), você visualizará seus contatos.76 Na lista de contato ( conforme figura 4 ), você visualizará seus contatos. 65 77 <h3><a name="status">1. Status dos Usuários</a></h3> 66 78 … … 71 83 72 84 <h3><a name="useradd">2. Adicionando um novo contato </a></h3> 73 ( figura 3.1 ) 85 ( figura 4.1 ) 86 <br/> 74 87 <img src="templates/default/images/adicionar_contato.png" width="536" height="342" alt="Adicionar Contato" align="left"> 75 88 <br clear="all"> 76 89 <br> 77 90 78 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 escolher91 Para adicionar um novo contato ( conforme figura 4.1 ), selecione uma organização e automaticamente carregará os usuários que tem permissão para usar o Mensageiro Instantâneo Expresso. Para escolher 79 92 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 80 93 "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"> ) . 81 94 82 95 <h3><a name="userdel">3. Removendo um contato </a></h3> 83 ( figura 3.2 ) 96 ( figura 4.2 ) 97 <br/> 84 98 <img src="templates/default/images/remover_contato.png" width="314" height="157" alt="Remover Contato" align="left"> 85 99 <br clear="all"> 86 100 <br> 87 101 88 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"> ) .102 Para remover um contato da sua lista ( conforme figura 4.2 ), selecione na lista e clique no botao Botão Remover ( <input type="button" value="Remover"> ) . 89 103 90 <h2><a name="menu_right">5. Preferências Avançadas</a></h2> 91 ( figura 3.3 ) 92 <img src="templates/default/images/menu_right.png" width="152" height="130" alt="Preferências Avançadas" align="left"> 93 <br clear="all"> 94 <br> 104 <h2><a name="menu_right">6. Preferências Avançadas</a></h2> 105 ( figura 4.3 ) 106 <br/> 107 <img src="templates/default/images/menu_right.png" width="151" height="108" alt="Preferências Avançadas" align="left"> 108 <br clear="all"/> 109 <br/> 95 110 96 111 Clicando com o botão direito do mouse, você tera acesso a um menu ( conforme figura 3.3 ), com as seguintes funcionalidades : … … 98 113 <ul> 99 114 <li>Apelido: Renomeia o Apelido ( Nickname ) do seu contato 100 <li>Envio Arquivo: Troca de arquivos entre você e seus contatos ( Caso esta opção esteja habilitada )101 115 <li>Grupo: Muda seu contato para um novo grupo 102 116 <li>Remover: Exclui o contato … … 105 119 </ul> 106 120 107 <h2><a name="info_ad"> 6.Informações Adicionais</a></h2>108 ( figura 4)121 <h2><a name="info_ad">7. Vcard - Informações Adicionais</a></h2> 122 ( figura 5 ) 109 123 <img src="templates/default/images/info_adicionais.png" width="410" height="267" alt="Informações Adicionais" align="left"> 110 <br clear="all" >111 <br >124 <br clear="all"/> 125 <br/> 112 126 113 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 lista127 Efetuando o cadastro ( conforme figura 5 ) com seus dados, os contatos que você adicionou em sua lista poderão ver essas informações. Cada contato cadastrado em sua lista 114 128 também possui esta opção ( <b>veja <a href="#menu_right">Preferências Avançadas</a></b>, opção Ver Info). 115 129 116 <h2><a name="info_prefe"> 6. Preferências</a></h2>117 ( figura 5)130 <h2><a name="info_prefe">8. Preferências</a></h2> 131 ( figura 6 ) 118 132 <img src="templates/default/images/preferencias.png" width="356" height="270" alt="Preferências" align="left"> 119 <br clear="all" >120 <br >133 <br clear="all"/> 134 <br/> 121 135 122 136 Personalize seu tempo para ficar ausente, se em sua lista de contato aparecerá seus contatos offline e um tipo de aviso para uma nova mensagem. 123 137 124 <h2><a name="troca_mens"> 7. Troca de Mensagens</a></h2>125 ( figura 6)138 <h2><a name="troca_mens">9. Troca de Mensagens</a></h2> 139 ( figura 7 ) 126 140 <img src="templates/default/images/troca_mensagem.png" width="332" height="272" alt="Troca de Mensagens" align="left"> 127 <br clear="all" >128 <br >141 <br clear="all"/> 142 <br/> 129 143 130 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ível144 Clicando com o mouse em cima do nome do contato escolhido, abrirá uma janela ( conforme figura 7 ), para a troca de mensagens. Nessa mesma janela existe um menu, o qual é possível 131 145 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">. 132 146 133 <h2><a name="troca_status"> 8. Troca de Status</a></h2>134 ( figura 7)147 <h2><a name="troca_status">10. Troca de Status</a></h2> 148 ( figura 8 ) 135 149 <img src="templates/default/images/troca_status.png" width="449" height="313" alt="Troca de Status" align="left"> 136 <br clear="all" >137 <br >150 <br clear="all"/> 151 <br/> 138 152 139 153 Para mudar o seu status basta dar um click em cima do status desejado. 140 154 141 <br ><br>155 <br/><br/> 142 156 143 <img src="templates/default/images/available.gif" align="top"> - Online <br >144 <img src="templates/default/images/away.gif" align="top"> - Ausente <br >145 <img src="templates/default/images/dnd.gif" align="top"> - Ocupado <br >146 <img src="templates/default/images/unavailable.gif" align="top"> - Offline - Não recebe mensagem <br >147 <img src="templates/default/images/img/icon_edit.gif" align="top"> - Mensagem - Personalize sua mensagem <br >157 <img src="templates/default/images/available.gif" align="top"> - Online <br/> 158 <img src="templates/default/images/away.gif" align="top"> - Ausente <br/> 159 <img src="templates/default/images/dnd.gif" align="top"> - Ocupado <br/> 160 <img src="templates/default/images/unavailable.gif" align="top"> - Offline - Não recebe mensagem <br/> 161 <img src="templates/default/images/img/icon_edit.gif" align="top"> - Mensagem - Personalize sua mensagem <br/> 148 162 149 163 <hr noshade>
Note: See TracChangeset
for help on using the changeset viewer.