SENADO FEDERAL Secretaria Especial do Interlegis - SINTER

Transcrição

1 Brasília, novembro de 2010

2 Sumário 1 Introdução O que é o Interlegis Quem pode aderir ao Programa Interlegis Portal Modelo Conhecendo o Portal Modelo Perfis dos usuários Usuário Anônimo Objetivos de Usuário Anônimo Atribuições de Usuário Anônimo Usuário Gestor Objetivos de Usuário Gestor Atribuições de Usuário Gestor Usuário Administrador Objetivos de Usuário Administrador Atribuições de Usuário Administrador Gestão do Conteúdo Acessar o sistema (Autenticar Usuário) Conteúdos Gerencia de Pastas Paginas Arquivo Noticias Destaque Eventos Sistema de Boletins Boletins Eletrônicos Boletim Inscrito Ouvidoria Funcionalidades do sistema de ouvidoria Administração do Portal Alimentar dados no portal Definir aparência do portal Configurar cores Imagens do cabeçalho do Portal Texto de rodapé Gerenciar usuários Administração de usuários Adicionar novo usuário Buscar usuário cadastrado Atualizar Associar Definir perfil...33

3 4.4 Configurar recursos Previsão do tempo Enquete Integrar com outros sistemas...35 Apêndice...37

4 1 Introdução O presente manual descreve os passos necessários para a execução de tarefas específicas para o funcionamento do Portal Modelo utilizado em Casas Legislativas. Este foi desenvolvido para administradores e gerentes de conteúdo, abordando descrições de passos simplificados e direcionados. O manual tem por objetivo capacitar os usuários do Portal Modelo nas atividades de inserir, revisar e publicar conteúdos, modificar o layout do site, configurar alguns recursos do portal, cadastrar usuários, modificar as propriedades do portal e etc. 1.1 O que é o Interlegis O Interlegis é uma Secretaria Especial do Senado Federal, responsável pela execução do Programa Interlegis. A missão precípua do Programa Interlegis é a de modernizar e fortalecer o Poder Legislativo Brasileiro, nos níveis Municipal, Estadual e Federal com a capacitação de servidores e de parlamentares, a disponibilização de equipamentos, produtos e serviços nas áreas de: Infraestrutura Tecnológica; Sistemas de Informação para as áreas Legislativa, Informação, Comunicação e Administrativa; e, na melhoria de processos organizacionais, formando assim a Comunidade Virtual do Poder Legislativo o mundo Interlegis. 1.2 Quem pode aderir ao Programa Interlegis Casas Legislativas e Parlamentares das esferas federal, estadual e municipal. 2 Portal Modelo O Portal Modelo é um produto do Interlegis de gerenciamento de conteúdo na internet, moldado em sua estrutura para o atendimento às inúmeras funcionalidades das Casas Legislativas e orientado para a publicação na web de informações relevantes sobre a sua atuação legislativa e administrativa de interesse público. O Portal Modelo oferece uma organização de informações padronizada (mas que pode ser personalizada), definida junto às diversas Casas Legislativas que já possuem 4

5 portais na Internet. Com o Portal, a Casa Legislativa disponibiliza ao cidadão, toda a sua produção legislativa, bem como a de seus parlamentares. Além disso, estabelece um canal direto com o cidadão através do mecanismo de Ouvidoria, de modo a permitir a ele cidadão cobrar e propor ações aos seus representantes. Possibilita a criação de diversos canais de comunicação com a sociedade, seja por meio da distribuição de boletins eletrônicos diretamente aos cidadãos via s, serviço de Ouvidoria, de transparência das ações dos parlamentares e outros serviços. O seu sistema de gerenciamento de conteúdo permite que qualquer pessoa, mesmo sem conhecimento das linguagens e técnicas da Internet, possa publicar notícias, documentos, imagens e eventos da Casa Legislativa, entre outros tipos. 2.1 Conhecendo o Portal Modelo O Portal Modelo utiliza uma ferramenta 1 que possibilita a uma equipe com várias pessoas, com funções diferentes, em ambientes (computadores) diferentes, incluir, excluir, alterar e publicar conteúdos como: Elaboração e composição de matéria; Ferramenta de revisão de conteúdo; Notícias; Destaques; Eventos; Enquetes; Sistema de Ouvidoria Sistema de Boletim Eletrônico; Chats, Fóruns e Enquete. O Portal Modelo está estruturado em seções, que podem ser visualizadas na Ilustração 1, veja a relação: 1 CMS (Gestor de Conteúdo Web), o Plone. 5

6 Ilustração 1: Seções do Portal 1 - Logo do Cabeçalho: imagem que corresponde a marca ou brasão da casa legislativa, com link para a página inicial; 2 - Menu de atalhos: links que podem dar acesso à: Página Inicial: link para a página inicial do portal. Fale com a Câmara: página que possui informações sobre como contatar a Casa Legislativa, e formulário para envio de mensagens que serão transmitidas para o cadastrado. Mapa do Site: estrutura que mostra ao usuário como o portal e sua informação estão organizadas. Acessar: formulário que permite aos usuários, previamente cadastrados, se autenticarem no site para poder fazer o gerenciamento do conteúdo. Este link só será mostrado quando o usuário não estiver autenticado no portal. 3 Menu de navegação: links para orientar a navegação dos usuários no site. Mostra como o conteúdo foi organizado. 6

7 4 Caixa com notícias externas: Uma caixa que capita notícias automaticamente do portal do Interlegis; 5 Banners de destaque: Banners de destaque com links para as respectivas instituições; 6 Rodapé: Texto com informações de contato, telefone e endereço da Casa Legislativa; além de presentar as informações de direitos sobre o portal; 7 Previsão do Tempo: Caixa que apresenta a Previsão do Tempo do município da Casa Legislativa, segundo informações do site do Instituto Nacional de Meteorologia (INMET). Suas informações são geradas dinamicamente, isto significa que não podem ser manipuladas, nem sua apresentação; 8 Caixa de utilidades: Uma caixa com links de destaque, podem ser previamente configuradas; 9 Últimas notícias: Caixa de destaque das últimas notícias do portal, as notícias são publicadas nesta caixa por meio de configuração; 10 Enquete: Pesquisa na qual as pessoas respondem uma pergunta escolhendo uma dentre algumas alternativas pré-definidas; 11 Destaque: Destaque principal do portal, apresenta a descrição da notícia e uma foto; 12 Eventos: Eventos cadastrados no portal, são apresentados no calendário na data que foi configurada para acontecer o evento; 13 Banner do cabeçalho: Imagem para compor o cabeçalho; 14 Campo de busca: Campo que deve ser preenchido com palavras ou trechos de frase para encontrar um conteúdo específico no portal. A busca é feita em todos os conteúdos indexados, dentro do arquivo e nas suas descrições. 2.2 Perfis dos usuários Os usuários interagem com o portal modelo, de acordo com o perfil atribuido pelo Administrador do Portal. O Portal Modelo trabalha com 3 (três) perfis de utilização: o Anônimo ou Visitante, o Administrador e o Gestor de conteúdo, com as seguintes definições: Usuário Anônimo Tem interação com o portal, com o acesso a conteúdos publicados, como: comentários em fóruns, participação em chats, enquetes (desde que esteja habilitado), e visualização de conteúdo aberto Objetivos de Usuário Anônimo Visualizar informações, eventos e notícias da Casa Legislativa, que estejam no 7

8 estado publicado. O sistema não atribui este perfil, pois qualquer pessoa que faça uso do portal para consultas, sem autenticar-se, é considerado como usuário Anônimo Atribuições de Usuário Anônimo Consultar / acessar todo e qualquer conteúdo publicado no portal, tais como: notícias, eventos, comentários em fóruns, participação em chats, enquetes (desde que estejam habilitadas para o usuário Anônimo) Usuário Gestor É um usuário autenticado, cujo perfil tem a finalidade de gerir conteúdos. É o responsável por tornar público ou privado os conteúdos, além de compartilha-los com outros usuários, revisa-los ou posta-los para revisão Objetivos de Usuário Gestor Gerir conteúdos em geral e manter as funcionalidades do portal, dando respostas aos usuários por meio das ferramentas do portal, cadastro de usuários de boletim eletrônico e envio Atribuições de Usuário Gestor Realizar mudanças de estados dos conteúdos, além de compartilha-los com outros usuários, revisa-los ou posta-los para revisão. Este perfil pode ser subdividido em: Autor, Revisor, Ouvidoria, Gestão de chats, Gestão de fóruns e Boletim eletrônico Usuário Administrador O usuário Administrador é o que reúne o maior número de atribuições e funcionalidades. É um usuário autenticado com as funções de administrar o Portal Objetivos de Usuário Administrador Administrar o portal na Internet, Atribuições de Usuário Administrador Cabe ao Administrador fazer a gestão de usuários, incluir novos usuários, atribuir e retirar perfis, trocar senhas, acrescentar, retirar permissões de perfis e etc; definir aparência, configurar informações sobre o portal e realizar a integração do Portal com 8

9 outros produtos. Além dessas atribuições o Administrador tem atividades exclusivas como a de modificar o layout do portal, configurar o Webmail, desfazer ações realizadas, agendar backup, controlar grupos e etc. Na Ilustração 2 abaixo detalha os objetivos de cada perfil e suas atribuições Ilustração 2: Perfis, atribuições e funcionalidade dos usuários 9

10 3 Gestão do Conteúdo Esse tópico trata da gerência dos conteúdos no Portal. O conteúdo é qualquer informação ou material (texto, áudio, vídeo, imagem, pasta e etc) que são adicionadas ao portal. O Portal Modelo utiliza um Sistema de Gerenciamento de Conteúdo que facilita a adição, exclusão e a edição de conteúdo do site. 3.1 Acessar o sistema (Autenticar Usuário) Para a administrar o conteúdo é necessário acessar, através de navegador (browser). Se o portal estiver hospedagem remota, geralmente o acesso é da seguinte forma: onde <casalegislativa> refere-se ao nome da Câmara Municipal ou Assembleia Legislativa Se o portal estiver hospedado em um ambiente local o endereço padrão é: nome ou numero de identificação(ip) do servidor <servidor> que estiver hospedado, da seguinte forma, caso contrario, hospedado remotamente o acesso : Após abrir a página, clique no link acessar no topo da página conforme Ilustração 3 Ilustração 3: Acesso a página de autenticação A senha inicial do portal para administração é configurada na instalação. O usuário admin é o administrador, e deve ser usado para cadastrar novos usuários. E orientado que esta senha seja trocada no primeiro acesso. Para isto acesse a opção "preferências" no Portlet2 "Usuário" na pagina inicial. Veja a Ilustração 4 2 O Portlet é um componente visual independente que pode ser utilizado para disponibilizar informações dentro de 10

11 Ilustração 4: Procedimento para troca de senha 3.2 Conteúdos Para gerir conteúdo no site, o usuário deve, obrigatoriamente, estar autenticado e ter permissão de administrador no site. Portanto, nenhum usuário pode alterar um conteúdo senão cumprir estas exigências. O site possui vários tipos de conteúdo que são utilizados para adicionar informação ao site e organizar sua estrutura em seções. Os principais são: Arquivo, Áudio, Janela, Link, Fórum, Página, Pasta, Evento e Vídeo. Os outros tipos de conteúdo são selecionados pelo item Restrições. A seguir uma breve descrição dos mesmos: Arquivo: Documentos anexos, como apresentação multimídia, arquivos PDF, arquivos de texto ou planilhas e etc. Áudio: Reproduzir arquivos de sons de vários formatos; Janela: Página que mostra conteúdo de outro sistema ou site. Veja detalhamento no tópico Integração com outros sistemas na seção de administração do portal; Link: Tem como objetivo criar visualizações de referências externas ao portal; Fórum: Permite que várias pessoas discutam um ou mais assuntos em seus tópicos; Página: São tipos de conteúdo utilizados para mostrar informações no portal. Pasta: Repositório de conteúdo, organiza o conteúdo e compõem a navegação quando publicado; Video: Reproduzir arquivo diretamente no browser ou baixar o arquivo. O vídeo deve estar nos formatos:.mpg,.wmv,.rm, ou.mov; Evento: Representa os acontecimentos cadastrados no portal. Notícias: Representam os acontecimentos pertinentes a Casa Legislativa. Só podem ser adicionadas na pasta notícias, e são o único tipo de conteúdo que é publicado em destaque. Photo (Imagem): Ajuda na construção do Photo Album e à adicionar Imagens ao portal; uma página Web 11

12 Todos os tipos de conteúdo adicionados ao site podem ser editados, excluídos, alterados de nomes e copiados. A seguir serão descritos os passos para realização destas tarefas Gerencia de Pastas As Pastas compõem o Menu de Navegação e podem armazenar todos os tipos de conteúdo, inclusive outras Pastas. Elas ajudam a organizar as informações dentro do portal. Para ver todas as Pastas contidas no portal, basta o usuário estar autenticado e na página inicial. O usuário verá uma barra com os Botões de Gerenciamento envolvendo o conteúdo, como na lustração 5 abaixo. lustração 5: Botões de Gerenciamento Ao clicar na aba Conteúdo será mostrada uma tabela com as Pastas do portal, seu tamanho, quando foram modificadas pela última vez, o estado (Publicado, Privado, Pendente) e ordem, como mostra a Ilustração 6. Somente as Pastas possuem a aba Conteúdo, pois esta, mostra tudo o que elas possuem. Ilustração 6: Tabela com as pastas A Pasta inserida e publicada na raiz do portal é automaticamente mostrada no Menu de Navegação. A que está no estado Privado ou excluída da navegação não aparece no Menu, conforme a Ilustração 7 na aba Propriedades. 12

13 Ilustração 7: Excluir da navegação A ordem da Pasta no Menu Navegação pode ser alterada ao clicar nas setas para cima ou para baixo para mover de posição, como na Ilustração 8 Ilustração 8: Mover Pastas 13

14 Os Ítens de Conteúdos das Pastas podem ser visualizados de diversas maneiras. Ao clicar na Pasta desejada, pode-se escolher, na barra dos Botões de Gerenciamento, no item Exibição, a Visão Sumária, Visão Tabular (em forma de tabela), Visão de Miniaturas (para álbum de fotos ou pasta com imagens), Visão Padrão. Para adicionar uma nova Pasta, deve-se navegar até o local escolhido. Se for a página inicial acessá-la através do link, se for dentro de outra pasta, clicar nesta. Ao fazer isto, na barra dos Botões de Gerenciamento, no link Adicionar item, escolher Pasta. Será apresentado a Ilustração 9, com o seguinte formulário. Ilustração 9: Formulário de adição / edição de Pasta Depois de salvar a Pasta, ela estará disponível apenas para o usuário que a criou e para o Administrador do portal, no Estado Privado. Para ser visível por todos os usuários e aparecer no Menu de Navegação é necessário mudar o estado para Visível ou Publicado. Na barra dos Botões de Gerenciamento, na aba Estado alterar o estado da pasta para Publicar ou Tornar visível. 14

15 3.2.2 Paginas Páginas são tipos de conteúdo utilizados para mostrar informações no portal. Isto é, toda vez que for necessário postar informação em forma de texto. Para inserir conteúdo no site é necessário clicar no Menu de Navegação, na aba Adicionar novo item selecionar Página. Aparecerá o formulário para preencher os dados da Página: Título: Título da página que será exibido quando o item for visualizado ou listado numa busca. Campo obrigatório. Descrição: Descrição do conteúdo, é exibida quando o modo de visão de uma pasta esta no estado Padrão ou em Visão sumária. Corpo de Texto: Formulário com um editor de textos para construção do conteúdo e inserção de imagens. Depois de salvo o formulário, a Página ficará com seu estado Privado, significando que somente o usuário que a criou e o Administrador podem vê-la. Para que todos os usuários possam vê-la, é necessário colocá-la no estado Publicado Arquivo Arquivo é um tipo de conteúdo que possibilita carregar no portal arquivo de extensão.doc,.xls,.pdf,.odt,.txt e outras extensões para que os usuários possam baixar. Arquivos podem ser adicionados em vários locais do portal. Para inserir um Arquivo deve-se acessar uma Pasta que possibilite esta ação. E na barra dos Botões de Gerenciamento, Adicionar item, escolher Arquivo. Aparecerá a seguinte Ilustração

16 Se o campo preenchido, será Título não for automaticamente configurado com o nome do arquivo carregado. Após Salvar não esquecer de modificar o estado de Privado para Publicado. Ilustração 10: Adição de Arquivo Noticias O tipo de conteúdo Notícias representam as Notícias em destaque e as últimas notícias do portal. Só podem ser adicionadas na pasta Notícias, que pode ser acessada quando estiver na página inicial, clicando na aba Conteúdo. Na barra dos Botões de Gerenciamento, link Adicionar item, escolher Notícia conforme Ilustração 11. Ilustração 11: Adição de Noticia Preencher no formulário os campos obrigatórios, Título e Texto, e a Descrição. Salvar e modificar o estado Privado para Publicado. As notícias inseridas aparecerão na página inicial do portal. As noticias mais antigas darão lugar às mais novas. 16

17 Destaque Para publicar as notícias no Destaque principal, selecione o link Publicação, na caixa Usuário na página inicial. O sistema apresenta as seções para escolha de notícias e configuração. Selecione editar na caixa Noticia Destaque. Este box contém uma lista com as últimas notícias no estado publicado. Selecione a notícia desejada. A foto que é apresentada no destaque, é a que foi previamente selecionada na notícia. Pressione o botão salvar para completar a operação. Na Página inicial, nos campos de cada destaque, existe um atalho, que é um ícone de lápis conforme Ilustração 12, que permite a abertura de opção de customização do destaque. Ao selecionar este ícone, o sistema retorna um campo com as últimas notícias no estado publicado. Ilustração 12: Atalho para edição Eventos Evento é um tipo de conteúdo que permite a divulgação dos acontecimentos cadastrados no portal. São publicados no calendário situado na parte superior direita do portal. Para adicionar um evento acesse a página inicial, na barra dos Botões de Gerenciamento, clique na aba Conteúdo, Adicionar item e selecione Evento conforme a Ilustração

18 Ilustração 13: Formulário de Eventos No formulário existem vários campos relativos ao evento e à sua organização que devem ser preenchidos, Salvo, e posteriormente modificado o estado para Publicado. Os campos Título e Descrição são exibidos na página inicial, no calendário de Eventos. O Evento publicado é exibido na pagina inicial, do mais novo ao mais antigo Sistema de Boletins O sistema de boletins é um conjunto de itens: Boletins Eletrônicos, Boletim, Inscrito e Newsletter Large Folder. Tais itens permitem ao administrador do site criar pastas para os arquivos inseridos nos Boletins informativos, agrupá-los por Tema, e enviá-los por aos inscritos no portal. 18

19 Boletins Eletrônicos Boletins Eletrônicos são agrupamentos de Boletins por Tema. Para criar um agrupamento de Boletins, acesse página inicial, Conteúdo e a pasta seleciona a pasta Newsletters conforme a Ilustração 14. Ilustração 14: Adicionar Boletim Eletrônico Um formulário é aberto para criar o Tema do agrupamento de Boletins. No formulário alguns campos a serem preenchidos merecem atenção especial: Endereço de para verificação: é o endereço de para o qual serão enviados alertas e outros avisos do tema. Endereço de do autor do boletim: é o endereço que ficará no campo remetente do enviado. É o do responsável pelo boletim. Assunto do de ativação: quando um usuário se inscreve no Tema, ele recebe um para confirmar a sua intenção e ativar a sua inscrição. Este campo é o título desse . Modelo do de ativação: é o corpo de texto do de ativação. Por padrão, já vem com uma mensagem em inglês. Texto de rodapé do boletim: todos os boletins enviados contém esse texto como rodapé. Comando para executar lynx e Opções do Lynx: Apesar de não serem obrigatórios, estes dois campos são fundamentais para o correto funcionamento do Tema. lynx é um navegador modo texto que é capaz de transformar páginas HTML em texto puro, caso o lynx esteja instalado no sistema operacional em uso, deixe esses campos em branco, caso contrário, preencha os campos com os dados referentes a outro programa que desempenhe papel equivalente Boletim Boletim é um informativo, onde são reunidos notícias, destaques, artigos, entrevistas ou qualquer outro conteúdo. É enviado por aos usuários inscritos no portal, nos Temas do seu interesse. 19

20 Para adicionar um boletim, acesse o Tema e selecione na aba Adicionar novo item o item Boletim. Um formulário com editor é aberto para elaborar o boletim informativo. Após Salvo, o boletim pode ser enviado por aos inscritos. O campo Título é o cabeçalho do . A Descrição deve ser um simples texto explicativo. Na aba Test é possível visualizar como os usuários verão o boletim e também é possível enviar o boletim para si como forma de teste. Na aba Send é possível enviar efetivamente o boletim. O boletim será enviado somente se o envio for confirmado nesta aba, como na Ilustração 15. Ilustração 15: Teste e envio do Boletim Inscrito São os usuários do portal que desejam receber os boletins. Um usuário do portal pode inscrever-se em um Tema pela caixa Nossos Boletins situada na página inicial do portal. O administrador do portal também pode adicionar um usuário selecionando a opção Inscrito na aba Adicionar novo item Ouvidoria Ouvidoria é um tipo de conteúdo que reúne funcionalidades tipicas de um sistema de registro da manifestação dos cidadãos. Recebe e acompanha exclusivamente denúncias, reclamações, agradecimentos, sugestões, informações relativas às atividades das Casas Legislativas e seus parlamentares. 20

21 Funcionalidades do sistema de ouvidoria O administrador do sistema terá que popular as listas de Idade, Estado e Sexo para o cadastro dos usuários no portal e envio de solicitações. Para chegar na ferramenta que controla estas listas é necessário logar no portal como administrador, clicar no link Preferências da caixa de Usuário. Depois clicar no link Ombudsman Tool. Para editar as listas, clicar na aba Edição. Depois de configurar as listas, o administrador terá que acessar a pasta da Ouvidoria no link do menu superior. Veja a Ilustração 16 a seguir: Ilustração 16: Ouvidoria - Edição Ao abrir a pasta da ouvidoria, clique no botão editar para preencher adequadamente os dados de Tipos de solicitação, Área, Responsável pela área e seu . Veja a Ilustração 17 Ilustração 17: Configuração da ouvidoria 21

22 É através dos dados informados nessa área que é enviado o para o usuário do portal responsável pela revisão das solicitações daquela área. Para adicionar mais do que 5 itens na área, é preciso estar no último campo e editá-lo. Automaticamente o campo se expandirá em quantidade. Depois de editada, a pasta, é necessário escolher sob que Workflow ela vai trabalhar. Temos: Published: a pasta estará pública. Usuários anônimos poderão enviar sua solicitação sem se cadastrar e visualizar as postagens realizadas. Published_post: a pasta estará pública. Usuários anônimos poderão enviar sua solicitação mas não poderão visualizar as solicitações. Published_view: idem ao primeiro, porém os usuários anônimos não poderão enviar solicitações, somente vê-las. Authenticated: o estado da pasta ou arquivo, obrigará que para enviar e visualizar uma solicitação o usuário deverá estar cadastrado no portal. Authenticated_post: o usuário que for membro do portal poderá postar sua solicitação e não visualizar as demais. Authenticated_view: o usuário que for membro do portal poderá somente visualizar a solicitação e não poderá postar. Se a Ouvidoria for um sistema aberto o usuário do portal acessará o link de Ouvidoria e a tela que pede para ele enviar uma solicitação e ter acesso a outras solicitações (conforme o workflow da pasta). Clicando no botão para enviar a solicitação, vai ser apresentado um formulário onde ele preencherá seus dados e os detalhes da sua solicitação. Salvando o formulário será enviado para o usuário um com o link da sua solicitação e para o revisor um com o link da solicitação que ele deve dar andamento ou rejeitar. Se o sistema estiver fechado, quando o usuário acessar o link da Ouvidoria, será pedido para que ele coloque seu usuário e senha, ou cadastrar-se caso não os tenha ainda. Após seu cadastro o usuário poderá logar no portal e preencher seu cadastro e enviar uma solicitação para a Casa. 22

23 Na Ilustração 18, uns exemplos de Tipos de solicitação e das áreas que cuidarão da solicitação com respectivos responsáveis: Ilustração 18: Exemplos do sistema de ouvidoria Ainda no sistema, o administrador terá a possibilidade de acompanhar as solicitações e realizar buscas, gerando relatórios sobre as solicitações e sobre os dados dos usuários que as realizaram. O link para a busca será apresentado e estará acessível somente aos administradores como mostrado na Ilustração 19: 23

24 Ilustração 19: Link para busca As solicitações podem passar pelos seguintes estados do workflow: New: estado inicial do objeto. Pending: estado que o objeto passará depois de salvo, enviando um para o responsável pela solicitação. Rejected: estado ao qual o objeto estará se o revisor não aceitar a solicitação. Accepted: estado ao qual o objeto estará se o revisor aceitar a solicitação. Moving: estado ao qual o objeto estará quando estiver em tramitação. Resolved: estado ao qual o objeto se encontra depois de re solvido. 24

25 4 Administração do Portal Esse capitulo trata da administração do portal e o uso das ferramentas para configurar recursos, modificar a aparência do portal, definir cores, alterar texto e imagens do cabeçalho e do rodapé, cadastrar e gerenciar usuários, delegar funções e perfis e integral com outros sistemas. A administração do site e a gestão de conteúdo baseiam-se nas permissões que o usuário tem ao autenticar-se no sistema. Por isso é importante definir as configurações do portal e os perfis dos usuários. Veja a Ilustração 20 Essa seqüência de atividades é uma recomendação e pode ser alterada caso o administrador ache necessário: Ilustração 20: Atividades do Administrador 25

26 4.1 Alimentar dados no portal Esta atividade tem a pré-condição da autenticação do usuário. As configurações são feitas em um painel de controle. Para acessar este painel, na página principal, na área esquerda, clique na opção "preferências" no portlet "Usuário". O sistema apresentará um painel, com uma área lateral esquerda, esta contem todos os recursos, estes separados por abas com links. Para configurar as informações que o portal vai utilizar no envio de "s; clique na aba "Configurações de ". Estas informações são disponibilizadas pelo administrador do servidor. Para definir como a navegação, os menus, são construídos no site, selecione esta aba, o sistema retorna um formulário com múltiplas escolhas. Para cadastro do título, descrição do portal, nome, endereço de , idioma e politica de senhas, selecione esta aba, o sistema retorna um formulário. 4.2 Definir aparência do portal Para esta atividade, é requisito que o usuário autenticado esteja com perfil de administrador. Para que o portal fique com a aparência de acordo com o contexto da Casa Legislativa, poderá ser customizada a aparência de cores, imagens do banner e da logo, texto de cabeçalho e rodapé. A ação inicial começa acessando a opção "preferências", no portlet "Usuário" na página inicial. O sistema mostra um painel de preferências, onde na área a esquerda serão disponibilizadas abas de configuração. 26

27 4.2.1 Configurar cores Selecione a aba "CSS Manager", o sistema retorna um formulário de escolha: Na tela do Gerenciamento do CSS, Ilustração 21, serão apresentados os estilos utilizados para compor a folha de estilo3 do Portal Modelo. Ilustração 21: Tela do Gerenciamento do CSS 3 Folha de estilo ou simplesmente CSS: Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento. É uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML 27

28 Aqui o administrador pode configurar: fontbasesize: Tamanho de fonte do site fontfamily: Estilo de fonte do site fontcolor: Cor da fonte do site, do menu de navegação e do menu de atalho backgroundcolor: Cor de fundo das páginas do site, do rodapé e do mapa do site linkcolor: Cor do link, da fonte dos títulos das caixas, da fonte dos links do menu quando o mouse é passado por cima e dos links do menu de atalho quando o mouse passa por cima ou é selecionado um item linkactivecolor: Cor do link ativo linkvisitedcolor: Cor do link já visitado borderwidth: Largura de borda borderstyle: Estilo da borda globalbordercolor: Cor da borda globalbackgroundcolor: Fundo do corpo da página, fundo do menu de navegação e borda da caixa dos banners headingfontfamily: Estilo de fonte dos títulos das caixas contentviewbordercolor: Cor da borda das abas de ação do conteúdo contentviewbackgroundcolor: Cor de fundo das abas de ação do conteúdo contentviewfontcolor: Cor da fonte das abas de ação do conteúdo inputfontcolor: Cor da fonte do texto digitado no input dos formulários evenrowbackgroundcolor: Cor de destaque nas caixas columnonewidth: Largura da coluna da esquerda columntwowidth: Largura da coluna da direita fontfooter: Cor da fonte do rodapé linkbackgroundcolor: Cor de fundo do link quando o mouse é passado por cima navbackgroundcolor: Cor de fundo do menu de navegação quando o mouse é passado por cima navbordercolor: Cor da borda do menu de navegação globalcabecalhocolor: Cor de fundo do cabeçalho das caixas Notas: É importante observar a relação entre os estilos, pois existem estilos que correspondem a várias propriedades. Por exemplo, o estilo fontcolor, se modificado alterará a cor da fonte do site, do menu de navegação e do menu de atalho. Se o estilo da borda for modificado, isso implicará na mudança do estilo de todas as caixas do portal. 28

29 4.2.2 Imagens do cabeçalho do Portal O Portal Modelo é composto por duas imagens no cabeçalho, uma logo e um banner. Confira na Ilustração 22: I lustração 22: Divisão das imagens do cabeçalho Para alterar essas imagens é necessário acessar a área administrativa do servidor do Portal (ZMI). Para acessar, clique na opção "preferências", no portlet "Usuário" na página inicial. O sistema mostra um painel de preferências, onde na área esquerda será disponibilizadas a aba Interface de Gerência do Zope, com link para à área administrativa (ZMI). O sistema retornará uma lista com todas as funcionalidades do portal, quase no final da lista, selecione a opção "portal_skins" no final da página, e em seguida a opção "ILPortalCasas": O sistema retornará uma lista com as imagens que podem ser customizadas, para alterar a imagem da logo ou do banner, selecione clicando em cima da desejada: 29

30 O sistema retornará uma tela com as opções e informações da imagem, selecione a opção Customize, você será redirecionado para uma tela para poder fazer o upload de uma imagem, que passará a ser a nova imagem. Caso precise alterar esta imagem ela ficará disponível na opção portal_skins/custom/. As imagens do cabeçalho e do rodapé devem ter um tamanho reduzido para diminuir o volume de dados transferido na internet. O Apêndice, do presente manual, traz um Tutorial simplificado em GIMP, de como redimensionar uma imagem Texto de rodapé Para alterar esse texto, é necessário acessar a área administrativa do servidor do Portal. Para acessar clique na opção "preferências", no portlet "Usuário" na página inicial. O sistema mostra um painel de preferências, onde na área esquerda será disponibilizadas a aba Interface de Gerência do Zope, com link para à área administrativa (ZMI). O sistema retornará um lista com todas as funcionalidades do portal, quase no final da lista, selecione a opção portal_properties (Portal das Casas Legislativas), e em seguida a opção portal_casas_properties (Propriedades do Portal das Casas) : 30

31 O formulário deve ser preenchido o campo de texto nota_rodape com os dados da Casa Legislativa. Para validar as informações e necessário salvar a alteração clicando no botão Save Changes. 4.3 Gerenciar usuários A Ilustração 23 a seguir representa como administrar os usuários cadastrados no portal: Essa atividade requer a autenticação no sistema com perfil de administrador. Ilustração 23: Atividade de gerencia de usuário Administração de usuários Para adicionar, editar e remover usuários é necessário acessar a opção "preferências", no portlet "Usuário" na página inicial. O sistema mostrará um painel de preferências, onde na área esquerda será disponibilizada a aba "Administração de usuários e grupos". A Ilustração 24 mostra a função de cadastrar novo usuário, fazer busca, alterar perfil de acesso e atualização de dados. 31

32 Ilustração 24: Tela de Administração de usuário Após acessar a administração de usuários, o sistema apresenta uma tela com as opções de "adicionar novo usuário" ou "buscar usuário" Adicionar novo usuário Ao selecionar a função "adicionar novo usuário", o sistema apresenta um formulário com os campos de Nome, Identificação, e senha. Para validar as informações preenchidas clique no botão "salvar" no final do formulário. Validado os dados, o sistema retorna uma mensagem de sucesso; caso exista algum dado inconsistente o sistema apresenta uma mensagem e retorna para o formulário Buscar usuário cadastrado Na mesma interface de administração de usuário do portal e possível fazer a busca através do "formulário nome", ou pela opção "mostrar todos os usuários". O sistema retorna uma lista com os usuários cadastrados no portal como na Ilustração 25. Ilustração 25: Lista com usuários cadastrados no portal 32

33 Atualizar Para atualizar as informações do usuário, selecione um usuário, clique no link do nome do usuário, Ilustração 26, em seguida o sistema retorna um formulário com os dados: Nome, Localização, Biografia e Retrato. Altere as informações e selecione "salvar" no final do formulário. Ilustração 26: Link O sistema valida as informações e exibe uma mensagem de sucesso, caso contrário, retorna ao formulário Associar Para associar o usuário a um grupo, selecione um usuário na lista de usuários acima, Ilustração 25, o sistema retorna um formulário com abas superiores. Selecione a aba Participantes do Grupo. O sistema retorna um formulário com a lista dos grupos disponíveis. Selecione o grupo que deseja associar ao usuário, em seguida valide a configuração, no botão de confirmação, no final do formulário Definir perfil Para alterar o perfil de acesso do usuário selecionado, como na Ilustração 27, o sistema disponibiliza os seguintes papeis: Ilustração 27: Manutenção de usuário Membro: Esse é o papel padrão atribuído a quem se cadastra no seu site. Este papel dá as seguintes permissões; - Visualizar somente o conteúdo visível e publicado no portal; - Adicionar somente conteúdo no local determinado pelo administrador; - Enviar somente para revisão, o conteúdo que inserir no portal; - Alterar as suas configurações dentro do portal; - Configurar sua conta de , se estiver habilitada a funcionalidade de Webmail; 33

34 Nota: Poderá ser atribuída, pelo administrador, a função de administrador local em uma determinada pasta a qualquer membro do site. Dessa forma, o membro poderá inserir, excluir e alterar o conteúdo daquela pasta, até mesmo publicar os objetos. Administrador: Pode fazer quase tudo no Portal Modelo, como apagar ou editar conteúdo, remover usuários, alterar a configuração do site, gerir o conteúdo do site, atribuindo ou retirando permissões aos perfis, além de todos privilégios detidos por membros, por revisores, e por proprietários. Revisor: Esse é um usuário com mais permissões que um membro, mas menos que um Administrador. Revisores são usuários que podem editar ou revisar conteúdo adicionado por um membro; eles não podem alterar a configuração do site ou uma conta de usuário. Tem as seguintes permissões: Inserir, revisar e publicar conteúdos submetidos no Portal ou somente em um determinado local (pasta) dentro do Portal. 4.4 Configurar recursos A configuração de recursos requer a autenticação no sistema com perfil de administrador. Na página inicial na opção "preferências", no portlet "Usuário" está disponível o painel de preferências, onde na área esquerda apresenta a aba Previsão do Tempo Previsão do tempo Para configurar o portlet previsão do tempo, selecione no menu "Configuração de Produtos Adicionais" a aba "Previsão do tempo". O sistema retorna um formulário com as informações da previsão de tempo, é exibido no topo as abas com: visão, edição e atualizar. Configuração da previsão do tempo está disponível na aba "edição". O prérequisito para esta atividade é ter gerado o endereço eletrônico (URL) no site do "INNET" ( O sistema retorna um formulário com os campos título do portlet e URL da previsão, digite a URL gerada no site do INNET. ( ) 34

35 4.4.2 Enquete Enquete é um conteúdo que permite aos usuários e visitantes do portal opinarem sobre qualquer tema de forma rápida e ágil. As enquetes publicadas são apresentadas na Caixa de Enquetes. Para configurar o portlet enquete (PlonePopoll), selecione no menu "Configuração de Produtos Adicionais" a aba "PlonePopoll configuration". O sistema retorna um Formulário de Configuração da enquete, Ilustração 28, neste formulário você pode selecionar a enquete que deverá ser apresentada ao publico ou as seguintes formas de apresentação: Hidden: oculta as enquetes; Newest poll: mostra as novas enquetes; First poll in branch: mostra as enquetes na hierarquia que são criadas; First poll in branch and sub branches: mastra as enquetes na hierarquia e subhierarquia que são criadas; Lista todas as enquetes publicadas. Ilustração 28: Formulário de Configuração da enquete 4.5 Integrar com outros sistemas A integração do Portal Modelo com outros sistemas, pode ser feito através de uma funcionalidade de janelas, utilizando um iframe4. O pré-requisito para utilizar o iframe é a configuração do produto instalado no portal. A atividade começa acessando a opção "preferências", no portlet "Usuário" na 4 Iframe: Cria uma janela (pagina) dentro de onde você quiser, mostra uma página de html, ou seja, uma página 35 35

36 página inicial. O sistema mostrará um painel de preferências, onde na área esquerda será disponibilizado no menu "Configuração de Produtos Adicionais" a aba "configurações das janelas". Ao selecionar a aba, o portal retorna um formulário de configuração com os seguintes campos: Largura Padrão da Página (Obrigatório): Largura da área da janela. Este é o valor padrão para os conteúdos do tipo "Janela" e pode ser redefinido individualmente em cada conteúdo "Janela". Você pode usar as medidas de "%", "px" e "em". Exemplo: 100% Altura Padrão da Página (Obrigatório): Altura da área da janela. Este é o valor padrão para os conteúdos do tipo "Janela" e pode ser redefinido individualmente em cada conteúdo "Janela". Você pode usar as medidas de "%", "px" e "em". Exemplo: 500px URL Base: URL base disponibilizada como um prefixo para URLs relativas da Janela. Ela é usada somente se a opção Usar a URL Base? estiver selecionada. Exemplo: a página é o prefixo de ou Para validar as configurações, selecione no final do formulário o botão "salvar". O sistema retorna uma mensagem de sucesso, caso contrário, o formulário e apresentado novamente. Este manual do usuário do Portal Modelo, versão 2.0, procurou abordar, de maneira prática, os aspectos importantes para o usuário que detêm pouco conhecimento técnico em informática. Outras informações do Portal Modelo estão disponíveis no site do Interlegis no link: E anida, para sanar dúvidas sobre o funcionamento do Portal Modelo, cadastre-se na grupo de discussão: GITEC, e participe da comunidade, submetendo seus questionamentos, sendo ajudado e ajudando outras pessoas com problemas. 36

37 Apêndice Tutorial GIMP 2.6 Como redimensionar uma imagem: O caminho para abrir qualquer imagem é: Arquivo Abrir A imagem deve ser localizada e selecionada com um clique simples Abrir. O programa vai abrir a imagem em uma camada simples em seu tamanho e formato original. Para reduzir ou aumentar o tamanho da imagem: Selecione a ferramenta de ajuste de tamanho: Clique sobre a imagem para redimensioná-la. Aparecerão alguns quadrados nos cantos da imagem e, através deles, é possível clicar, segurar e arrastar, deixando a imagem do tamanho desejado. Para redimensioná-la sem distorcer, mantendo a proporção, basta segurar a tecla Ctrl e clicar em um dos quadrados das quatro bordas da imagem. Junto com o primeiro clique, abrirá uma janela com os tamanhos dos limites da camada, onde é possível editá-los manualmente. Ao lado dos espaços com os números de pixels da altura e da largura, existe um símbolo semelhante a uma corrente. Se clicar em cima, vai perceber que a corrente fecha e abre. Quando estiver fechado, basta alterar qualquer um dos valores nos campos de altura ou largura que o outro já se ajustará automaticamente para manter a proporção. Se estiver aberto, a imagem se moldará da forma que for desejada, porém pode ocorrer alguma distorção. Anote os valores de altura e largura da imagem. Confirme a alteração clicando em Redimensionar. Com um clique simples com o botão direito sobre a imagem redimensionada, selecione a opção Editar Copiar. 37

38 Na janela principal do GIMP, selecione: Arquivo Novo. Em Tamanho da imagem deve-se colocar um valor de pixels da imagem que foi redimensionada. Para saber esse valor basta clicar com o botão direito uma vez sobre a camada da imagem na janela de camadas, e selecionar a opção Tamanho dos limites da camada. Na nova folha branca aberta que deve ter o tamanho da imagem redimensionada, utilize o menu Editar Colar para colocar a nova imagem redimensionada. No caso de uma imagem copiada da web: Na janela principal do GIMP, selecione: Arquivo Novo. Em tamanho da imagem deve-se colocar um valor de pixels qualquer, quanto maior o valor, maior será a imagem a ser gerada. Porém, e importante selecionar um valor que se adeque ao tamanho da imagem escolhida, uma resolução padrão de monitores antigos, por exemplo é de 800 x 600 pixels, ou seja, a tela inteira. O GIMP vai gerar uma folha branca com o tamanho descrito acima. Para colar a imagem desejada, após copiá-la da web clicando com o botão direito do mouse sobre ela e selecionando a opção copiar, basta acessar, no GIMP o menu Editar Colar, ou, simplesmente, utilizar, na folha branca aberta o comando Ctrl + V. Provavelmente o tamanho da folha branca que foi selecionado previamente não irá se adequar ao tamanho da imagem colada (que deve ser menor do que a folha, para não haver perda de informação). Para ajustar esse problema seguem os passos: 1. Na janela de Camadas do GIMP 2.6 (se não estiver aberta, siga o caminho Janelas Diálogos de encaixe recentes Camadas, Canais, Vetores, Desfazer, - Para abri-la.) Com um clique simples com o botão direito do mouse sobre a Seleção Flutuante (Camada Colada) um pequeno menu irá se abrir. Selecione a opção Nova camada para que a camada colada se torne uma nova camada sobre a folha branca. Selecione a ferramenta de ajuste de tamanho: 38

39 Clique sobre a imagem para redimensioná-la. Aparecerão alguns quadrados nos cantos da imagem e, através deles, é possível clicar, segurar e arrastar, deixando a imagem do tamanho desejado. Para redimensioná-la sem distorcer, mantendo a proporção, basta segurar a tecla Ctrl e clicar em um dos quadrados das quatro bordas da imagem. Junto com o primeiro clique, abrirá uma janela com os tamanhos dos limites da camada, onde é possível editá-los manualmente. Ao lado dos espaços com os números de pixels da altura e da largura, existe um símbolo semelhante a uma corrente. Se clicar em cima, vai perceber que a corrente fecha e abre. Quando estiver fechado, basta alterar qualquer um dos valores nos campos de altura ou largura que o outro já se ajustará automaticamente para manter a proporção. Se estiver aberto, a imagem se moldará da forma que for desejada, porém pode ocorrer alguma distorção. Anote os valores de altura e largura da imagem. Confirme a alteração clicando em Redimensionar. Com um clique simples com o botão direito sobre a imagem redimensionada, selecione a opção Editar Copiar. Na janela principal do GIMP, selecione: Arquivo Novo. Em Tamanho da imagem deve-se colocar um valor de pixels da imagem que foi redimensionada. Para saber esse valor basta clicar com o botão direito uma vez sobre a camada da imagem na janela de camadas, e selecionar a opção Tamanho dos limes da camada. Na nova folha branca aberta que deve ter o tamanho da imagem redimensionada, utilize o menu Editar Colar para colocar a nova imagem redimensionada. Para salvar a imagem: Deve-se clicar em Arquivo Salvar como Digitar o nome da imagem na barra Nome: com a terminação.jpg Salvar. Exemplo: imagem.jpg A imagem salva no formato.jpg ou.jpeg é normalmente a mais recomendada para a web pois mantém a qualidade da imagem e não deixa o arquivo muito pesado. Assim, é indicado para fotos de tamanho médio e pequeno. É necessário digitar a terminação. Para fotos grandes e de alta qualidade, existe o formato.png que não é muito recomendando quando precisa-se que a ágina carregue rápido. O formato.png pode salvar imagens com fundo transparente e mantém 100% de sua qualidade, porém é mais pesado e demora um pouco mais para carregar em conexões mais lentas. Portanto, é indicado utilizar somente quando há uma necessidade alta de qualidade da imagem que normalmente não é o caso de banners ou logos. 39

40 Após digitar o nome da imagem com a terminação o GIMP mostrará a seguinte janela: E para salvar, basta deixar selecionado da forma como a figura mostra e clicar em Exportar. Em seguida será exibida a seguinte tela: Novamente, basta deixar da forma como se encontra na figura e clicar em Salvar para salvar a imagem em seu computador. 40

41