Treinamento de Drupal para Administradores do Site Bibliotecas UFU

Treinamento de Drupal para administradores do website da Biblioteca da UFU 03/2010

1. Como logar no sistema como usurio autenticado Para logar no sistema como usurio autenticado necessrio digitar /user na frente do nome do website. No exemplo do website da biblioteca da UFU seria: http://www.portal.bibliotecas.ufu.br/user. Posteriormente, quando o sistema estiver migrado para o website definitivo, o nome ser http://www.bibliotecas.ufu.br/user. 2. Como inserir um tipo de contedo O tipo de contedo uma forma definida pelo Drupal para organizar os contedos do website de forma eficaz. Por padro, alguns tipos de contedo j esto criados como, por exemplo, o tipo de contedo artigos. Uma forma de organizar os contedos criar tipos de contedo para cada menu ou submenu. Outra forma criar tipos de contedo para cada regio ou assunto do website. Para criar tipos de contedo, inicialmente deve-se estar logado no sistema. Alm disso, o usurio deve ter a permisso de insero de contedos. Tendo estes parmetros satisfeitos, clique sobre o menu Organizar contedo/Tipos de contedo/Novo tipo de contedo. Em seguida preencha o nome, tipo e a descrio do tipo de contedo. Por fim, clique no boto salvar tipo de contedo.

Figura 0: Insero do tipo de contedo 3. Como inserir um contedo Contedo refere-se s informaes que existem em um website. Ex: pgina com textos, fotos, vdeos ou documentos.
Treinamento de Drupal para administradores do website da Biblioteca da UFU 03/2010

Para inserir um contedo no Drupal, inicialmente deve-se estar logado no sistema. Alm disso, o usurio deve ter a permisso de insero de contedos. Tendo estes parmetros satisfeitos, clique sobre o menu Organizar contedo/Criar contedo e selecione o tipo de contedo que deseja inserir. A titulo de exemplo, escolha o tipo de contedo SISBI. Veja na figura abaixo:

Figura 1: Menu Criar contedo Em seguida, abrir uma pgina que vista na figura 2. Insira um ttulo para este contedo. Caso queira linkar este contedo a um menu, clique sobre a opo Configuraes de menu. Insira o ttulo do link do menu. Na opo Item superior, insira o local onde o menu aparecer. Caso queira que aparea na raiz do menu principal, deixe com est. No nosso exemplo, iremos inserir um contedo do tipo SISBI, ento selecione o submenu SISBI. A opo Peso, refere-se em que seqncia voc quer que o ttulo do menu aparea dentro do submenu. Caso todos os pesos sejam iguais, a seqncia definida por ordem alfabtica.

Figura 2: Opo de insero do ttulo, ttulo do menu, local de insero do ttulo do menu (Item superior) e a posio do ttulo dentro do menu (Peso).

Treinamento de Drupal para administradores do website da Biblioteca da UFU 03/2010

4. Como editar um contedo Para editar um contedo necessrio estar logado como usurio autenticado. Estando logado no sistema, basta acessar o contedo que deseja editar e clicar no boto editar como visto na figura abaixo:

Figura 3: Boto Editar a. Trabalhando com o editor de texto do Drupal O editor de texto que estamos trabalhando chamado Fck editor (figura 2). Com este editor de textos do Drupal, possvel inserir, editar ou deletar contedos de forma visual, fcil e eficiente. Este editor no possui todas as ferramentas que um software de edio de texto como, por exemplo, o Microsoft Word. Contudo, possui a maioria dos recursos necessrios para inserir contedos para a web.

Figura 3: Fck Editor i. Alterando a fonte, cor da fonte, cor de fundo, tamanho da fonte, estilo e posicionamento. O editor de texto do Drupal permite que voc altere a fonte do texto, cor e tamanho sem precisar utilizar o cdigo html. Caso queira utilizar o cdigo html, basta clicar no boto Cdigo-Fonte, visto na imagem abaixo:

Figura 4: Boto Cdigo-Fonte A figura abaixo, apresenta os botes utilizados para alterar a fonte. Da esquerda para a direita temos as opes de negrito, itlico ou sublinhado. Alinhamento para esquerda, centralizado, direita e justificado. Opo de escolha da fonte de texto e o tamanho desejado. Figura 5: Botes de edio de texto bsico ii. Inserindo marcadores e numerao Marcadores e numerao so importantes para citar e organizar um contedo. Abaixo temos os botes dos marcadores comum e numrico:

Figura 6: Boto do marcador e numerao

Treinamento de Drupal para administradores do website da Biblioteca da UFU 03/2010

iii. Copiar e colar O editor de texto Fck Editor permite que voc copie e cole um contedo pr formatado de um outro documento. Existe tambm a opo de copiar e colar sem a formatao. Na figura abaixo, da esquerda para a direita temos o boto colar normal, colar sem formatao e o boto colar com formatao do Microsoft Word. Figura 7: Botes de colar iv. Inserindo links Para inserir links de outro website ou para o e-mail basta clicar no boto da esquerda, mostrado na figura abaixo. Caso queira remover um link, basta clicar no boto da direita.

Figura 8: Botes de link e unlink v. Localizando e substituindo palavras Para localizar uma palavra no texto, basta clicar no boto esquerda, visto na imagem abaixo. Caso queira substituir uma palavra que aparece em diversos lugares no texto para uma outra palavra de uma vez, basta clicar no boto da direita mostrado abaixo e digitar o nome da palavra a ser substituda e a nova palavra.

Figura 9: Botes de localizar e substituir vi. Inserindo tabelas Tabelas so importantes para organizar um contedo em diversas colunas e linhas permitindo aproveitar a rea de exibio do contedo. Para inserir uma tabela basta clicar no boto mostrado do lado esquerdo, mostrado na figura abaixo. Caso queira formatar a tabela, selecione a tabela e clique no boto a direita, que mostrado na figura abaixo. Figura 10: Botes de insero/edio e formatao de tabelas vii. Inserindo ncoras As ancoras so importantes quando o contedo muito extenso. Assim, quando o usurio clica no sumario do contedo, o sistema automaticamente vai para a pgina onde est localizado o ttulo. Para criar a ancora, selecione o local onde ser ancorado. Clique no boto mostrado abaixo e aps isso, crie um link onde esta ancora ser chamada:

Treinamento de Drupal para administradores do website da Biblioteca da UFU 03/2010

Figura 11: Boto ancora viii. Inserindo fotos As fotos so importantes para ilustrar de forma efetiva o contedo que se pretende passar ao usurio final. Para inserir fotos, clique no cone mostrado na figura 11. Em seguida abrir uma janela. Clique no boto localizar no servidor. Posteriormente, abrir outra janela que mostrado na figura 12. Com isso, realize os passos abaixo: Clique no boto Upload localizado no canto superior esquerdo; Clique no boto Enviar arquivo... Selecione a foto que deseja postar no contedo e clique em abrir Clique no boto Upload localizado a direita do boto Enviar arquivo Clique no boto Enviar para o fckeditor

Figura 12: Boto imagem

Figura 13: Janela de insero de imagens

ix. Inserindo vdeos Existem diversas formas de postar vdeos. A forma mais simples e econmica de exibir vdeos utilizando o sistema do Youtube. A vantagem que no preciso salvar os vdeos que geralmente so grandes no servidor local. A desvantagem que caso o vdeo no seja de sua autoria, existe o risco do usurio deletar o vdeo do Youtube. Portanto, procure postar vdeos de sua autoria. Para publicar vdeos do Youtube faa o seguinte: Acesse o vdeo do Youtube que deseja publicar; Copie (ctrl+c) o cdigo html do vdeo como visto na figura abaixo.

Treinamento de Drupal para administradores do website da Biblioteca da UFU 03/2010

Figura 14: Website do Youtube Volte para o editor de texto do Drupal e clique no boto Cdigo-fonte; Cole (ctrl+v) o cdigo no contedo e clique em pr-visualizar

5. Outras informaes sobre contedo a. Anexando documentos ao contedo Muitas vezes necessrio anexar documentos a um contedo. Seja normas, leis, regulamentos ou outro documento registrado. Para isso, o drupal permite, de forma simples e intuitiva, a opo de anexar documentos. Sendo assim, para realizar esta tarefa, no modo de edio de um contedo, existe a opo File attachments ( veja na figura 15). Clique nesta opo e em seguida clique no boto Escolher arquivo (figura 16). Selecione o documento desejado e clique em abrir. Em seguida clique no boto Attach. Marque a opo Listar e salve o contedo.

Figura 15: Opo de anexar documentos, File attachments

Treinamento de Drupal para administradores do website da Biblioteca da UFU 03/2010

Figura 16: Boto Escolher Arquivo

6. Organizando os menus O menu um conjunto de itens, links que chamam os contedos. A organizao do menu essencial para que o usurio final consiga encontrar as informaes com eficcia. No drupal, por padro, existem dois menus criados. Porm podem-se criar outros menus caso seja necessrio. No menu principal, costuma-se colocar as informaes mais importantes. E no menu secundrio, coloca-se informaes adicionais. Para ajustar o posicionamento dos itens do menu, editar ou remover algum item do menu, clique em Construo do site, Menus. A titulo de exemplo, clique no menu primrio. Na figura abaixo temos um exemplo de organizao do menu primrio. Existem duas opes de seleo para cada item de menu: Ativado: Se selecionado exibe o link. Caso contrrio, deixa oculto; Expandido: Se selecionado, permite exibir os submenus caso exista. Alm disso, para cada item existem duas operaes: Editar: Permite editar o item do menu. Pode-se alterar o link do menu, o ttulo do link do menu e a descrio; Apagar: Permite apagar o item do menu.

Treinamento de Drupal para administradores do website da Biblioteca da UFU 03/2010

Figura 17: Pgina de edio do menu Pode-se tambm hierarquizar os itens de menu. Por exemplo, ao arrastar um item de menu, pode-se posiciona-lo onde melhor desejar. 7. Organizando a pgina principal Como podemos ver na figura abaixo, a pgina principal possui 3 colunas. Na primeira coluna temos dois blocos: Bloco notcia: Exibe as ltimas 10 notcias publicadas; Bloco slideshow: Exibe uma seqncia de fotos da biblioteca aleatoriamente.

Treinamento de Drupal para administradores do website da Biblioteca da UFU 03/2010

Figura 18: Pgina principal

Na segunda coluna, temos 5 blocos: Bloco GRU: uma imagem que est linkada ao contedo GRU Bloco Solicitao On-line de material informacional: uma imagem que est linkada ao contedo; Bloco Bases de dados de acesso temporrio: uma imagem que est linkada ao contedo; Bloco Celsius: uma imagem que est linkada ao contedo; Bloco Levantamento Bibliogrfico: uma imagem que est linkada ao contedo;

Na terceira coluna temos 6 blocos, cada um linkado ao seu contedo destino. a. Como inserir um novo bloco Caso deseje inserir outro bloco, v no menu Construo de site, Blocos, Novo Bloco. Preencha o campo Descrio do bloco. Caso queira, insira o ttulo do bloco. No corpo do bloco, insira a imagem, link ou contedo que desejar.

Treinamento de Drupal para administradores do website da Biblioteca da UFU 03/2010

10

Figura 19: Menu de edio dos blocos Em seguida, clique no menu Construo do site, Panels.

Figura 20: Menu de edio da pgina principal

Selecione a opo Panel page e em seguida clique em Listar. Encontre a panel page inicial e clique em Operaes, Panel content. Na figura abaixo, temos a pgina de edio da pgina principal:

Treinamento de Drupal para administradores do website da Biblioteca da UFU 03/2010

11

Figura 21: Panel page

Figura 22: Pgina de edio da pgina principal Observe na figura acima que a pgina principal possui trs colunas. A titulo de exemplo, escolha a coluna do meio (Middle collum). Clique no sinal positivo localizado no canto superior esquerdo da coluna Middle collum. Clique em Add content. Uma nova janela ser aberta como visto na figura abaixo:

Treinamento de Drupal para administradores do website da Biblioteca da UFU 03/2010

12

Figura 23: Janela de seleo do bloco Clique na opo Miscellaneous e escolha o bloco que deseja inserir. Em seguida, clique no boto finish. b. Como editar ou deletar um bloco Caso queira editar um bloco da pgina inicial, passe o mouse por cima do bloco. Em seguida aparecer a opo Configurar bloco como mostrado no exemplo abaixo. Clique nesta opo e edite ou apague caso necessrio.

Figura 24: Bloco de exemplo com a opo de configurar o bloco

8. Organizando o slide show O Slide show um mdulo do Drupal que permite a exibio de imagens de forma aleatria ou seqencial. a. Como configurar a exibio Passe o mouse por cima do bloco de exibio do slide show e clique em Configurar Bloco. Na pgina que ser aberta, pode-se definir a quantidade mxima de fotos para exibir, a altura e largura da imagem, o efeito de visualizao de uma foto para outra, a ordem de exibio, etc. b. Como inserir ou deletar imagens Para inserir ou deletar imagens, clique no menu Organizar contedo, Contedo, Listar.

Treinamento de Drupal para administradores do website da Biblioteca da UFU 03/2010

13

Em seguida, filtre a pesquisa dos contedos por tipo: Imagem do slide show como visto na figura abaixo:

Figura 25: Filtro de pesquisa de contedo do tipo Imagem do slide show Clique no boto Filtro. Em seguida, clique em editar. Com isso, uma a pgina de edio de imagens do slide show ser aberta como visto na imagem abaixo:

Treinamento de Drupal para administradores do website da Biblioteca da UFU 03/2010

14

Figura 26: Pgina de edio do Slide show Caso queira remover a imagem, clique em Remove. Se desejar inserir uma nova imagem, clique no boto escolher arquivo. Selecione o arquivo, clique em abrir e em seguida clique no boto Upload. Caso queira inserir mais imagens, clique no boto Add another item e repita o passo anterior, caso contrrio, clique no boto salvar no final da pgina.

Figura 27: Opo de insero de imagens no Slide show

Treinamento de Drupal para administradores do website da Biblioteca da UFU 03/2010

15

9. Organizando o bloco notcia O bloco noticia permite que o usurio final visualize as ltimas notcias postadas no website. Este bloco na verdade uma view. A view um mdulo do Drupal que permite filtrar os contedos criados e exibe na forma de lista. No nosso caso, estamos filtrando o tipo de contedo notcia. a. Como configurar a exibio da notcia Passe o mouse sobre o bloco noticia e clique em Editar. A pgina de edio da View ser aberta. Nesta pgina possvel limitar a quantidade de notcias exibidas, definir o tipo de ordenao da noticias, inserir cabealho, alterar o tipo de exibio das noticias, inserir rodap, alterar os filtros de dados, etc. b. Como inserir ou deletar as noticias Para editar uma notcia j existente, clique na notcia e clique no boto editar. Se quiser deletar, clique no boto apagar. Caso deseje criar uma nova notcia, clique no menu Organizar contedo, Criar contedo, Noticia. Dessa forma, insira o ttulo e o contedo desejado.

Treinamento de Drupal para administradores do website da Biblioteca da UFU 03/2010

16