Manual para atualização do portal do CNPq Comunicação
Sumário 1. INTRODUÇÃO... 3 1.1. Finalidade... 3 2. METAS E RESTRIÇÕES PARA ATUALIZAÇÃO... 3 2.1. Metas... 3 2.2. Restrições... 3 3. ACESSANDO O PORTAL... 3 4. COMUNICAÇÃO... 4 4.1. Lista de conteúdo... 4 4.2.1. Notícias... 5 4.2.2. Fotos institucionais... 11 4.2.3. Cadastro de jornalistas... 16 4.2.4. Fale com a acessoria... 16 4.3.1. Áudios... 17 4.3.2. Imagens... 18 4.3.3. Vídeos... 18 4.4.2. C & D para o Brasil (Conhecimento e Desenvolvimento para o Brasil)... 23 4.5.1. Marca CNPq... 26 4.5.2. Manual de aplicação... 28
1. Introdução 1.1. Finalidade Este documento tem como objetivo definir os padrões de atualização de conteúdo do portal do CNPq específicamente na área de Comunicação. Este documento deverá ser atualizado contemplando novas situações de uso. 2. Metas e restrições para atualização Esta seção descreve os requisitos necessários e os objetivos para o fluxo de inserção, revisão e aprovação de conteúdo no portal do CNPq. 2.1. Metas O conteúdo do portal será inserido/editado pelas áreas correspondentes do CNPq, sendo as áreas também responsáveis pela revisão e aprovação deste conteúdo. 2.2. Restrições O acesso à interface de edição está restrito aos servidores e colaboradores do CNPq, não podendo ser acessado para fins de alteração por usuários externos. Nenhuma formatação como: (alteração de cor, tamanho ou tipo de fonte) deverá ser executada para não comprometer o layout do portal. Os usuários responsáveis pela atualização das informações do portal deverão adotar os seguintes navegadores: Mozilla Firefox versão 12 ou superiores; Google Chrome 18.0.1025.168 ou superiores; e Safari 5.1.2 ou superiores. 3. Acessando o portal Na página principal: www.cnpq.br, clique no ícone, localizado no canto superior direito, que abrirá a seguinte tela: Figura 1 - Tela de login 3
Digite seu login e senha nos campos indicados, você será redirecionado para a página inicial do portal, porém com permissão para atualizar os conteúdos que seu perfil dá acesso. Atenção: verifique sempre antes de editar e publicar qualquer conteúdo, se a barra de endereços do seu navegador apresenta o seguinte endereço inicial: http://portal-adm.cnpq.br/... Caso contrário, efetue o login novamente. 4. Comunicação Clique no menu COMUNICAÇÃO para acessar a página: Figura 2 - Página Comunicação 4.1. Lista de conteúdo Nesta página, o usuário irá encontrar alguns tipos distintos de modelos de conteúdo e consequentemente formas de inserção do mesmo. As páginas referentes a este item são: - Imprensa; - Multimídia; - Publicações; - Identidade visual; - Eventos. 4
4.2. Imprensa Nesta página o usuário irá atualizar notícias, notas ou informes relacionados ao CNPq, seja em forma de texto, imagem, áudio ou vídeo: 4.2.1. Notícias Para adicionar um novo conteúdo à página de notícias clique no botão Adicione novo em seguida em Conteúdo web como mostra a figura 3: Figura 3 - Botão Adicione novo Conteúdo Web O usuário será remetido a página padrão de inserção de conteúdo web, porém para esse conteúdo deverá escolher um modelo de conteúdo expecífico: a Figura 4 - Página padrão de inserção de conteúdo a - Clique no botão, aparecerá a seguinte mensagem: Selecionando um novo modelo vai modificar a estrutura, o conteúdo dos campos preenchidos e modelos disponíveis. Deseja continuar? Clique no botão Ok. Esta ação abrirá uma janela com uma lista de modelos de conteúdo. Escreva no campo de pesquisa a palavra Notícias e clique no botão Pesquisar ou tecle Enter : 5
Figura 5 - Tela de pesquisa de modelo de conteúdo Clique no link NOTICIAS para selecionar o modelo de conteúdo. A janela fechará automaticamente e o formulário sofrerá as alterações do novo modelo de conteúdo conforme mostra a figura 6. 6
a h b c d e f g Figura 6 - Tela de inserção de notícia 7
a - Campo Nome : Campo de identificação do conteúdo. Também é exibido como título da notícia. Este campo serve de referência para as pesquisas de conteúdo através do painel de controle e ou da busca geral do site. b - Campo Editor de conteúdo web : Trata-se de um editor de texto web. O usuário deverá inserir o conteúdo completo de exibição. Nele o usuário irá encontrar alguns botões de formatação de conteúdo: Inserção de imagens, faça o upload simples ou escolhendo uma imagem já existente na galeria de imagens; Inserção de tabelas, traz opções de largura, altura, bordas, quantidades de colunas e linhas, espaçamento e alinhamento; Inserção de links (URL simples, ãncora ou e-mail); Opções de alinhamento de texto; Obs1.: O usuário não deverá efetuar formatações no texto do tipo: alteração de cores, alterar tamanho ou do tipo da fonte padrão. Isso implicaria em alteração direta na identidade visual do portal. Obs2.: Caso o usuário necessite copar um texto de uma outra base (Exemplo: páginas da Internet, documento word ou planilha excel), deverá, antes de colá-lo no editor de conteúdo web, colá-lo em um bloco de notas e recopia-lo, afim de evitar que o texto seja colado com formatações da base onde foi copiado, e só após este procedimento colá-lo no editor de conteúdo web. Isso evita que o texto apresente caracteres especiais, tais como:. c - Campo Imagem : Incorpora uma imagem ao resumo da notíca. Observação1: É indispensável que toda notícia em destaque tenha uma imagem vinculada. Observação2: É necessário que a imagem tenha sido incluida na galeria de imagens na pasta (Página - Comunicação/Notícias2012); Para incorporar uma imgem ao resumo da notícia clique no botão Selecionar, esta ação fará abrir uma janela como mostra a figura 7: Figura 7 - Janela de selação de imagem 8
Selecione a pasta Página - Comunicação e em seguida a pasta denominada notícias+ ano vigente exemplo: Figura 8 - Janela de selação de imagem sub-pasta ano Selecione a pasta relacionada ao mês relacionado a notícia. Exemplo: Maio; Figura 9 - Janela de selação de imagem sub-pasta mês Abrirá uma janela com uma lista de imagens e as informações: (miniatura, altura, largura, tamanho) como mostra a figura 10: 9
Figura 10 - Janela de selação de imagem Clique no botão Selecionar ao lado da imagem escolhida. O popup fechará automaticamente colando o endereço da imagem ao campo imagem. Observação:: A ação de clicar sobre a imagem fará com que a mesma seja aberta em tamanho real em uma nova janela. Observação:: As imagens relacionadas as notícas devem ter a dimensão máxima de 480x320 pixels e mínima de 300x200 pixels. d - Campo creditos-imagem : Incorpora um texto a imagem, informando o autor ou a fonte da foto ou imagem relacionada a notícia, como mostra a Figura 11. Abstract: Resumo Créditos da imagem Figura 11 - Notícia e - Campo de notícias em destaque: A notícia aparecerá na página correspondente ao campo selecionado. É possível selecionar mais de um campo para a mesma notícia. Por exemplo: Se marcarmos o campo primeira-noticia e primeira-noticia-estudante a mesma notícia será formatada como primeira notícia na página inicial, na página de notícias e na página de esturandes. Observação: O fato de marcar este campo não faz com que a notícia apareca nos locais indicados, é necessário categorizar para que o filtro seja ativado. 10
f - Campo Abstract : Refere-se ao resumo da notícias apresentada em primeiro plano, abaixo da data como mosta a figura11; Observação: O resumo deve ser parte do texto da notícia completa, preferencialmente o primeiro parágrafo. g - Campo Categorização : Este campo define a qual categoria o conteúdo faz parte, isso quer dizer onde o conteúdo irá aparecer no portal. Exemplo: Se categorizarmos uma notícia como: noticias e Destaque-empresas esta apareca na página de notícia e também na página de empresas. Observação: A categoria notícias é obrigatória para este conteúdo. Caso esqueça esta categoria, o conteúdo não aparecerá na página de notícias. Figura 12 - categorização e Tags Para mais detalhes de categorização consulte o manutal geral do portal. Campo Tags : Preencha este campo com palavras-chave para ajudar na pesquisa do usuário. g - Campo Agendar : As notícias estão classificadas por data de publicação, com isso, o usuário poderá agendar uma data de publicação organizando assim seu conteúdo. Observação: A notícia poderá ser agendada com uma data futura, assim, mesmo com o status de aprovada a notícia só aparecerá no dia e hora agendados. 4.2.2. Fotos institucionais As imagens deste conteúdo devem estar previamente cadastradas em uma sub-pasta localizada dentro das pastas Páginacomunicação/Fotos institucionais. Esta deve estar nomeada com o ano referente ao ano da galeria. A forma de inserção destas imagens está disposta no Manual para atualização do portal CNPq - Padrão 11
Figura 13 - Galeria de imagens Figura 14 - Página - Fotos institucionais Localizado no item imprensa, o sub-item Fotos institucionais apresenta em sua página um pequeno texto introdutório, um filtro por ano em forma de lista e as capas das galerias com título e data de cada uma. Para adicionar um novo conteúdo à página de fotos institucionais clique no botão Adicione novo em seguida em Conteúdo web como mostra a Figura 15: Figura 15 - Botão Adicione novo - Conteúdo Web O usuário será remetido a página padrão de inserção de conteúdo web, porém para esse conteúdo, deverá escolher um modelo de conteúdo expecífico: 12
a Figura 16 - Página padrão de inserção de conteúdo a - Clique no botão, aparecerá a seguinte mensagem: Selecionando um novo modelo vai modificar a estrutura, o conteúdo do campos preenchidos e modelos disponíveis. Deseja continuar? Clique no botão Ok, está ação abrirá uma janela com uma lista de modelos de conteúdo. Escreva no campo de pesquisa: FOTOS-INSTITUCIONAIS e clique no botão Pesquisar ou aperte em Enter : Figura 17 - Tela de pesquisa de modelo de conteúdo Clique no link FOTOS-INSTITUCIONAIS para selecionar o modelo de conteúdo. O pop-up fechará automaticamente e o formulário sofrerá as alterações do novo modelo de conteúdo conforme mostra a figura 18. 13
a b c d f g e h Figura 18 - Tela inserção de conteúdo - Fotos institucionais a - Campo Nome : Campo de identificação do conteúdo. Este campo serve como referência para as pesquisas de conteúdo através do painel de controle e ou pela busca geral do site. b - Campo Data do album : Este campo refere-se a data da galeria de fotos exibida abaixo do título. Obs.: Este campo não define a ordem de apresentação do conteúdo, esta será feita atravéz do ítem Agendar do lado esquerdo do formulário. c - Campo Descrição/ Créditos : O conteúdo deste campo será apresentado como um pequeno resumo sobre a galeria. Observação: Este campo só aparecerá dentro da galeria, não aparecerá na capa. d - Campo Foto miniatura do album : O usuário deverá selecionar uma das fotos da galeria que aparecerá como capa do album. Clique no botão Selecionar e aguarde abrir a janela de pesquisa e seleçao de imagens, clique na pasta Página- 14
Comunicação e em seguida na pasta Fotos institucionais, escolha a pasta referente ao ano onde cadastrou as fotos e selecione uma das imagens como capa da galeria. e - Campo Fotos da galeria : Cada bloco de campos destes é referente a uma foto da galeria. O campo Legenda cria uma pequena descrição de cada imagem, que é apresentada junto a foto ampliada. Para atualizar o campo Foto, o usuário deverá serguir os mesmos passos do item d ; f - Botão Incluir : Este botão duplica o bloco de campos descritos no ítem e e seus respectivos conteúdos. O usuário deverá alterar as informações e a imagem relacionadas aos campos duplicados. g - Botão Excluir : Este botão exclui um bloco de campos descritos no ítem e e seus conteúdos. h - Botão Categorias : O usuário deverá selecionar as categorias de acordo com as páginas e aos filtros do conteúdo. Exemplo: Figura 19 - Categorias Neste exemplo o usuário selecionou a categoria de ano 1l- 2012 e a categoria fotos-institucionais Observação: A categoria fotos-institucionais é de carater obrigatório, sem ela o conteúdo não será apresentado na pagina Fotos institucionais ; Observação2: A categoria de ano é usada como base de filtro para a lista de ano da página de fotos institucionais; 15
Figura 20 - Filtro de conteúdo por ano - Fotos Institucionais 4.2.3. Cadastro de jornalistas Nesta página, apenas o texto inicial é um conteúdo editável. Para edita-lo, basta clicar no ícone e alterar o texto. Figura 21 - Cadastro de Jornalistas 4.2.4. Fale com a acessoria Nesta página, apenas o texto inicial é um conteúdo editável. Para tal, basta clicar no ícone lembrando que não é recomendado qualquer tipo de formatação. e alterar o texto, Figura 22 - Fale com a assessoria 4.3. Multimídia 16
4.3.1. Áudios a Figura 23 - Página de Áudios a - Editando conteúdo de áudio: Clique no ícone de edição localizado no topo direito do player. b c a.1 a a.2 a.3 Figura 24 - Formuário de edição - Página de Áudios a - Arquivos de áudio: Cada áudio possui um bloco de informações, um campo de identificação e dois tipos de extenção de áudio; a.1 - Campo Nome do arquivo : Título do arquivo de áudio; a.2 - Campo Arquivo OGG : Cole o endereço do arquivo de áudio do tipo.ogg do estático. Este tipo de extenção de áudio é a única reconhecida pelo browser Mozilla Firefox. Exemplo: http://estatico.cnpq.br/portal/audios/arquivo.ogg; a.3 - Campo Arquivo.MP3 : Cole o endereço do arquivo de áudio do tipo.mp3 do estático. Este tipo de extenção de áudio é reconhecida por outros browsers que não o Mozilla Firefox. Exemplo: http://estatico.cnpq.br/portal/audios/arquivo.mp3; b - Botão Adicionar : Duplica o bloco de campos descritos no ítem a juntamente com o seu conteúdo. Cabe ao usuário altera-los com o novo conteúdo. 17
c - Botão Excluir : Exclui o bloco de campos descritos no ítem a e seu conteúdo; 4.3.2. Imagens Este ítem segue o mesmo modelo e forma de inclusão do ítem 4.1.2.1 - Fotos institucionais, porém com as categorias expecíficas para esta página: Figura 25 - Categorias página Imagens Neste exemplo o usuário selecionou a categoria de ano 1l- 2011 e a categoria fotos-galeria Observação: A categoria fotos-galeria é de carater obrigatório. Sem ela o conteúdo não será apresentado na pagina Imagens ; Observação2: A categoria de ano é usada como base de filtro para a lista de ano da página Imagens ; 4.3.3. Vídeos Esta página é atulizada automaticamente atravéz do canal do CNPq no yotube, lá são feitas listas de reprodução expecíficas para cada área do portal. 4.4. Publicações 4.4.1. Informes CNPq Cadastrando novo Informe Página localizada no ítem Comunicação sub-ítem Publicações. Figura 26 - Página Informes CNPq 18
Para adicionar um novo conteúdo à página de informes clique no botão Adicione novo em seguida em Conteúdo web como mostra a Figura 27: Figura 27 - Botão Adicione novo - Conteúdo Web O usuário será remetido a página padrão de inserção de conteúdo web, porém para esse conteúdo, deverá escolher um modelo de conteúdo expecífico: a Figura 28 - Página padrão de inserção de conteúdo a - Clique no botão, aparecerá a seguinte mensagem: Selecionando um novo modelo vai modificar a estrutura, o conteúdo do campos preenchidos e modelos disponíveis. Deseja continuar? Clique no botão Ok, está ação abrirá uma janela com uma lista de modelos de conteúdo. Escreva no campo de pesquisa a palavra INFORMES e clique no botão Pesquisar ou aperte em Enter : 19
Figura 29 - Tela de pesquisa de modelo de conteúdo Clique no link INFORMES-CNPQ para selecionar o modelo de conteúdo. O pop-up fechará automaticamente e o formulário sofrerá as alterações do novo modelo de conteúdo conforme mostra a figura 30. 20
a b c d g h e f i Figura 30 - Cadastro de informes a - Campo Nome : Campo de identificação do conteúdo, apresentado como título do conteúdo; b - Campo Número do informe : Informe neste campo o nº do informe a ser cadastrado; c - Campo Imagem : Clique no botão Selecionar. Clique na pasta Informes, sub-pasta do ano relacionado ao informe exemplo: 2011 ; 21
Clique no botão Selecionar localizado do lado direito da imagem. Observação: A imagem já deve ter sido cadastrada atravéz do painel de controle. Para cadastrar uma imagem, siga as instruções do (Manual para atualização do portal CNPq - Padrão); d - Campo Descrição : O usuário deverá fazer uma pequena descrição sobre o informe; e - Campo Links relacionados : Cole neste campo o link de uma notícia relacionada ao informe; f - Campo Título do link : Informe o título do Link relacionado à notícia anterior; g - Ícone Incluir : Duplica os campos links relacionados e Título do link e seus conteúdos, cabe ao usuário modificalos; h - ícone Excluir : Exclui um campo Links relacionados e um campo Título do link ; i - Campo Categorias : O usuário deverá incluir obrigatóriamente a categoria Informes, pois sem ela o conteúdo não será exibido na página Informes. O usuário deverá incluir também uma categoria relacionada ao ano do informe, exemplo: 1D-2011, para que o mesmo seja filtrado corretamente; Figura 31 - Categorias e Tagas Devem ser inseridas também Tags relacionadas ao assunto do informe. Apesar deste ítem não ser de carater obrigatório, o ato de tagear o conteúdo facilita a busca para o usário final; Após Cadastar todos os campos, basta apenas clicar no botão Submeter a publicação ; Editando informes já cadastrados Para atualizar basta clicar no ícone de edição localizado no topo esquerdo de cada conteúdo: 22
Este ícone edita este conteúdo Figura 32 - Informes - Edição Altere os campos desejados e clique no botão submeter a publicação ; 4.4.2. C & D para o Brasil (Conhecimento e Desenvolvimento para o Brasil) a Figura 33 - Informes - Edição a - Clique no botão Adicionar novo e em seguida Conteúdo web : a Figura 34 - Página padrão de inserção de conteúdo a - Clique no botão, aparecerá a seguinte mensagem: Selecionando um novo modelo vai modificar a estrutura, o conteúdo dos campos preenchidos e modelos disponíveis. Deseja continuar? 23
Clique no botão Ok, está ação abrirá uma janela com uma lista de modelos de conteúdo. Escreva no campo de pesquisa a palavra PARA-O-BRASIL e clique no botão Pesquisar ou aperte em Enter : Figura 35 - Tela de pesquisa de modelo de conteúdo Clique no link CNPQ-PARA-O-BRASIL para selecionar o modelo de conteúdo. O pop-up fechará automaticamente e o formulário sofrerá as alterações do novo modelo de conteúdo conforme mostra a figura 36. a d e b c f Figura 36 - Formulário de cadastro para C e D para o Brasil 24
a - Campo Nome : O usuário deverá informar o ano da lista dos informativos neste campo; b - Campo Link pdf: Clique no botão Selecionar : b.1 Figura 37 - Estruturas de pastas de piblioteca de documentos b.1 - Clique no Link Próximo localizado no topo e no rodapé da página, em seguida clique na pasta Página Comunicação/Publicações/C e D para o Brasil/2012 escolha a pasta com o nome referente ao ano dos Informativos que está cadastrando; Em seguida clique no botão Selecionar localizado ao lado direito do documento que deseja anexar; c - Campo Mês : O usuário deverá complementar o texto existente, adicionando o mês e o ano do documento. Exemplo: Informativo CNPq - Setembro 2011 ; d - Ícone Adicionar : Clicando neste ícone o usuário irá duplicar os campos link pdf e mês com seus respectivos conteúdos. Cabe ao usuário alterá-los; e - Ícone Excluir : Clicando neste ícone o usuário irá excluir um campo link pdf e um campo mês e seus respectivos conteúdos; f - Campo Categoria : O usuário deverá, obrigatóriamente, selecionar a categoria C e D para o Brasil para que o conteúdo seja exibido nesta página; 4.5. Identidade visual 25
4.5.1. Marca CNPq Figura 38 - Página - Identidade Visual / Marca CNPq Nesta página o ícone de edição está localizado na base esquerda do conteúdo. Clique no referido ícone para iniciar a edição do conteúdo: 26
a b c d e h f g Figura 39 - Formulário de inserção e edição de conteúdo - Marca CNPq a - Campo Texto : Texto inicial explicativo sobre a aplicação da marca do CNPq. b - Campo Imagem do documento - Coluna 1 : Refere-se a imagem da Logomarca do CNPq que aparece no topo da lista de arquivos de aplicação em fundo claro. O usuário deverá seleciona-la na pasta Logos da galeria de imagens; d - Campo Título do documento - Coluna 1 : Refere-se ao título do documento apresentado na tabela de aplicação em fundo claro. O usuário deverá informar o tipo de arquivo a ser baixado pelo usuário comum, exemplo: Illustrator ou Photoshop (.eps)(formato Vetorial) d - Campo Link do documento - Coluna 1 : Refere-se ao link do documento apresentado na lista de aplicação em fundo claro. O usuário deverá selecionar o arquivo na pasta Logo CNPq (fundo claro) da biblioteca de documentos; e - Campo Imagem do documento - Coluna 2 : Refere-se a imagem da Logomarca do CNPq que aparece no topo da lista de arquivos de aplicação em fundo escuro. O usuário deverá seleciona-la na pasta Logos da galeria de imagens; f - Campo Título do documento - Coluna 2 : Refere-se ao título do documento apresentado na lista de aplicação em fundo escuro. O usuário deverá informar o tipo de arquivo a ser baixado pelo usuário comum, exemplo: Illustrator ou Photoshop (.eps)(formato Vetorial) 27
g - Campo Link do documento - Coluna 2 : Refere-se ao link do documento apresentado na lista de aplicação em fundo escuro. O usuário deverá selecionar o arquivo na pasta Logo CNPq (fundo escuro) da biblioteca de documentos; h - Campo replicavéis: O bloco de campos Título do documento e Link do documento tanto para fundo claro quanto para fundo escuro, poderão ser duplicados através do ícone campos e seus conteúdos diretamente abaixo do bloco do ícone selecionado;. Ao clicar no referido ícone o usuário duplica os O usuário poderá ainda, excluir o mesmo bloco de campos clicando no ícone. Ao clicar no referido ícone, o bloco de campos Título do documento e Link do documento, para fundo ou para fundo escuro, serão excluidos juntamente com seus conteúdos. 4.5.2. Manual de aplicação Esta página segue o modelo padrão de edição de conteúdo. Este padrão está disponível no Manual para atualização do portal CNPq - Padrão. 4.6. Eventos 4.6.1. Calendário de eventos Este conteúdo segue o modelo padrão para edição de calendário descrito no Manual para atualização do portal CNPq - Padrão. 4.6.1. Solicitar eventos O texto de apresentação deste conteúdo segue o modelo padrão para edição/atualização de conteúdo descrito no Manual para atualização do portal CNPq-Padrão Caso ainda tenha alguma dúvida quanto a atualização do portal do CNPq, ligue nos ramais: 4566, 4554 ou 9019; Para quaisquer solicitações, dúvidas, reclamações, pedidos de alteração envie um e-mail para: gat@cnpq.br 28