NTI Ncleo de Tecnologia de Informao / UNIFAL-MG Drupal Manual do Usurio

DRUPAL MANUAL DO USURIO

NTI Ncleo de Tecnologia de Informao / UNIFAL-MG Drupal Manual do Usurio

Primeiros passos para inserir contedo no site.

1. Logar-se no site atravs de seu usurio e senha. 2. Criar um novo menu. 3. Ativar o menu criado, colocando-o em alguma regio do site atravs da administrao dos blocos. 4. Criar o contedo (pgina ou artigo) para este menu.

NTI Ncleo de Tecnologia de Informao / UNIFAL-MG Drupal Manual do Usurio

LOGIN Para acessar a administrao do site, deve ser digitado na barra de endereo o endereo do site seguido de /user (ex. http://enderecodosite/user). Na tela a seguir entrar com Nome de usurio e Senha. Para o primeiro acesso, utilize o Usurio e Senha fornecidos pelo NTI. Em seguida, para sua prpria segurana, altere sua senha.

ALTERAO DE SENHA A alterao da senha pode ser feita acessando Minha conta e clicando em Editar, como na tela a seguir:

Em seguida, digite e confirme a nova senha. Clique em Salvar.

NTI Ncleo de Tecnologia de Informao / UNIFAL-MG Drupal Manual do Usurio

ADMINISTRANDO O SITE Ao logar-se no site, o sistema disponibilizar ao usurio, geralmente na barra lateral esquerda, um bloco administrativo como exibido abaixo.

A seguir so apresentadas as funcionalidades de cada menu: Minha conta: o usurio poder acessar e editar informaes referentes sua conta, como por exemplo, alterar sua senha. Criar contedo: so exibidos os tipos de contedo disponveis ao usurio. Geralmente so pginas (page) e artigo (story). Administrar: nesta rea o usurio poder controlar o funcionamento do site, como ver e editar todo contedo do site, criar e configurar blocos e menus. Sair: sai da administrao do site.

NTI Ncleo de Tecnologia de Informao / UNIFAL-MG Drupal Manual do Usurio

CRIANDO CONTEDO Clique em Criar contedo, como mostra a figura a seguir e escolha o tipo de contedo que deseja criar.

O tipo pgina usada para criar e exibir informao esttica, que no muda com muita frequncia. Por exemplo, usamos pginas para criar uma seo de "Quem somos" num site. Por padro, uma pgina automaticamente publicada. O tipo artigo, tem uma forma similar de uma pgina, ideal para criar e exibir contedo que informa ou engaja os visitantes. Notcias, anncios, podem ser criados com um artigo. Por padro, um artigo automaticamente publicado e promovido para a pgina inicial do site. CRIANDO UMA PGINA Para criar uma pgina clique em Criar contedo Pgina. A seguinte tela ser aberta:

NTI Ncleo de Tecnologia de Informao / UNIFAL-MG Drupal Manual do Usurio

Preencha os seguintes campos: Ttulo: Preencher com o ttulo da pgina. Configuraes de Menu (uma pgina ou artigo no precisa, necessariamente, aparecer em um menu, portanto apenas preencha as Configuraes de menu caso queira vincular a pgina que est sendo criada um menu.)

Ttulo do link do menu: Preencher com o ttulo que ir aparecer no menu. Item superior: Escolher o item superior. Esse item poder ser um menu ou uma pgina. A pgina que est sendo criada ser sub-item do item superior escolhido. Peso: Defina um peso para o item. Peso a ordem em que so posicionados os itens(pginas). No menu os itens so posicionados de forma crescente. No exemplo da figura abaixo, colocamos o peso 6 para a pgina Campus Poos de Caldas(item do menu Cursos). O peso da pgina Campus Alfenas menor que 6 e o peso da pgina Varginha maior que 6.

Corpo (body): Insira o contedo da pgina (texto, imagens). aconselhvel inserir o contedo sem formatao e fazer a formatao na prpria pgina, atravs do prprio editor do drupal.

NTI Ncleo de Tecnologia de Informao / UNIFAL-MG Drupal Manual do Usurio

Inserindo Figuras/Imagens: Para inserir figuras /imagens clique no cone mostrado na figura abaixo.

V em Localizar no Servidor

Na tela que se segue, escolha a imagem j disponvel no site ou faa um upload de uma nova imagem clicando em Arquivo, selecionando a imagem e clicando no boto Upload.

Escolha a imagem e d Ok na tela que surge. Inserindo Hiperlink: Selecione o texto ou figura que deseja inserir um hiperlink. Clique no cone Inserir/Editar Hiperlink, como mostra a figura abaixo.

Na aba Informaes digite o endereo do link.

NTI Ncleo de Tecnologia de Informao / UNIFAL-MG Drupal Manual do Usurio

Na aba Destino escolha Nova_Janela (_blank) para que o link abra em uma nova janela.

Criando hiperlink para um arquivo do prprio site: Ainda possvel inserir um hiperlink para um arquivo do prprio site, dessa forma o arquivo ser redirecionado para download. No corpo da pgina, selecione o texto ou figura que deseja inserir um hiperlink. Clique no cone Inserir/Editar Hiperlink, como mostra a figura abaixo.

Na aba Informaes , clique no boto Localizar no Servidor para selecionar um arquivo j existente no servidor do site ou fazer o upload do arquivo.

Caso o arquivo no esteja disponvel no servidor, selecione o arquivo (do seu computador, cd, etc) clicando no boto Selecionar arquivo e em seguida clique no boto Upload.

Ao selecionar o arquivo desejado, o campo URL do hiperlink na aba Informaes ser automaticamente preenchido. Apenas clique em OK para finalizar.

NTI Ncleo de Tecnologia de Informao / UNIFAL-MG Drupal Manual do Usurio

Arquivos anexados:(somente quando desejar anexar algum arquivo pgina). Esta uma opo para anexar arquivos ao site. Outra opo atravs do hiperlink, descrito no tpico acima. Clique no boto Arquivo para selecionar o arquivo a ser anexado. Clique em Anexar.

O arquivo anexado aparecer como na figura:

O campo Descrio preenchido automaticamente com o nome do arquivo anexado, porm esta descrio pode ser alterada. Novos arquivos podero ser anexados, atravs do mesmo processo. Marque Apagar quando desejar apagar um arquivo. Deixe selecionado Listar para que seja publicado na pgina. Para reordenar os arquivos, clique e arraste a setinha Importante: No esquecer de salvar a pgina para que as alteraes sejam feitas. Configuraes de endereo: Digitar o ttulo da pgina, por exemplo campusdealfenas. Isso ir substituir o nome da pgina na barra de endereo, que por padro nomeada de node/numero, pelo nome escolhido. Assim o endereo http://enderecodosite/node/1, por exemplo, ser substitudo por http://enderecodosite/campusdealfenas . Opes de publicao: Por padro a pgina j publicada. Caso queira trabalhar na pgina antes de public-la, basta desmarcar a opo Publicado e depois public-la novamente. Importante: Clique em Salvar (Save) para salvar a pgina criada ou editada. CRIANDO UM ARTIGO A criao de um artigo segue os mesmos passos da criao de uma pgina. A diferena entre os dois tipos que no artigo, a opo Promovida pgina principal j aparece selecionada por padro, como mostra a figura:

NTI Ncleo de Tecnologia de Informao / UNIFAL-MG Drupal Manual do Usurio

Esse tipo de contedo utilizado quando se deseja que seja publicada na pgina inicial uma chamada para a pgina. No exemplo a seguir foram publicadas na pgina inicial trs chamadas (Leia Mais), cada uma para a respectiva pgina. Esses artigos ficam dispostos em ordem decrescente da criao. Assim o primeiro que aparece o ltimo artigo criado.

Pode ainda ser definido um artigo para que fique fixo no topo da pgina. Para isso basta marcar a opo Fixa no topo da lista em Opes de Publicao. Obs: No esquecer de sempre clicar em Salvar (Save) para que as alteraes tenham efeito.

Dessa forma os outros artigos criados no aparecero acima dele. Esse artigo fica destacado no topo da tela, como mostra a figura seguinte.

NTI Ncleo de Tecnologia de Informao / UNIFAL-MG Drupal Manual do Usurio

MENU ADMINISTRAR
CONFIGURAES DOS POSTS Utilizado principalmente quando so criados contedos do tipo artigo (story), que so contedos que tero chamadas na pgina inicial. Clique em Administrar Configuraes dos posts.

Na tela seguinte defina o n de posts que ser exibido na pgina inicial e o comprimento de cada post em nmero de caracteres. A opo Visualizar Post pode ficar marcada como opcional.

NTI Ncleo de Tecnologia de Informao / UNIFAL-MG Drupal Manual do Usurio

Caso haja mais posts publicado na pgina inicial (contedo do tipo artigo) do que o n definido para exibio, os mesmos sero mostrados em mais pginas, como mostra a figura a seguir:

O comprimento da chamada o nmero de caracteres que ir aparecer na chamada antes do link Leia mais.

NTI Ncleo de Tecnologia de Informao / UNIFAL-MG Drupal Manual do Usurio

CONTEDO Permite visualizar todo contedo do site, bem como editar e apagar. Clique em Administrar Contedo.

Na tela que se segue, pode-se aplicar um filtro para que se exiba apenas os itens desejados. Pode-se aplicar diversas opes de atualizao, como publicar, despublicar, apagar, etc. Selecione o contedo, escolha uma opo em Opes de Atualizao e clique em Atualizar. Para editar um contedo basta clicar em editar na frente do ttulo do contedo.

NTI Ncleo de Tecnologia de Informao / UNIFAL-MG Drupal Manual do Usurio

BLOCOS Define as regies do site em que os blocos iro aparecer. Clique em Administrar Blocos.

Defina a regio do bloco. Prefira a barra lateral esquerda (left sidebar) ou a barra lateral direita (right sidebar). Quando se cria um menu, este aparece como um bloco desativado, para ativ-lo defina uma regio para ele. Obs.: Mesmo ativado, um menu somente ficar visvel se existir alguma pgina vinculada a ele.

NTI Ncleo de Tecnologia de Informao / UNIFAL-MG Drupal Manual do Usurio

Se desejar inserir algum outro contedo que no seja um menu, pode-se criar um novo bloco. Para criar um novo bloco clique em Novo Bloco como mostra a figura:

Na tela que surge preencha o campo Descrio do Bloco (nome que aparecer na tela de administrao e visualizao dos blocos e regies). Preencha o Ttulo do Bloco (ttulo que ser exibido ao usurio). Em Corpo do bloco insira o contedo do bloco. Obs.: Nas outras opes no so necessrias alteraes. Clique em Salvar Bloco. O bloco criado aparecer como desativado. Basta ativ-lo.

NTI Ncleo de Tecnologia de Informao / UNIFAL-MG Drupal Manual do Usurio

Abaixo a figura mostra o bloco criado como exemplo.

MENUS Clique em Administrar Menus.

Por padro o site possui trs menus (menu primrio, menu secundrio e de navegao), que no devero ser utilizados.

NTI Ncleo de Tecnologia de Informao / UNIFAL-MG Drupal Manual do Usurio

Para criar um novo menu clique em Novo menu. Preencha os campos Nome do Menu e Ttulo e clique em Salvar.

Este novo menu criado aparecer desativado nos blocos (Administrar Blocos). Basta ativ-lo escolhendo uma regio para ele. Importante: mesmo ativado, o menu s ficar visvel ao usurio quando possuir pelo menos um item(pgina vinculada ele).

NTI Ncleo de Tecnologia de Informao / UNIFAL-MG Drupal Manual do Usurio

GUIA DE BOAS PRTICAS

No recomenda-se publicar pginas com expresso em construo. O website deve apresentar apenas o que j est finalizado e pronto para acesso. Caso voc queira trabalhar em alguma pgina, que ainda no esteja finalizada, basta no public-la. Acesse a edio da pgina e em Opes de publicao desmarque a opo Publicado, dessa forma sua pgina ter o acesso negado para o pblico. importante que a pgina em questo no esteja disponvel em nenhum link ou menu, at que seja publicada, a fim de no induzir o usurio acess-la.

Procure categorizar as informaes no seu site, isso deixa o site mais organizado e facilita a localizao rpida e direta do que o usurio procura, alm de causar um efeito visual mais agradvel. Para isso faa uso dos menus e blocos. No fuja do padro adotado nas pginas da UNIFAL-MG. Procure adotar sempre o mesmo tipo e tamanho de fontes nos textos. Padronize as cores e os tamanhos para os ttulos. Defina uma ou duas cores predominantes para o texto e as mantenha em todas as pginas. O mesmo deve ser feito para os destaques. Usar vrias cores com a finalidade de destacar pode provocar um efeito inverso e acabar no destacando nada. Prefira as cores, o negrito ou o itlico ao invs do sublinhado para destacar um texto. O sublinhado pode ser confundido com um link. Se achar conveniente a utilizao de imagens como marcadores utilize sempre a mesma em todo o site, mas procure dar preferncia utilizao do prprio marcador padro do Drupal. Lembre-se: o objetivo sempre o de padronizar. Evite colocar fundos coloridos nos contedos publicados. Caso seja realmente necessrio utilize cores sutis e que no entrem em desarmonia com o layout do site. No use efeitos visuais piscantes. Procure disponibilizar as informaes diretamente nas pginas. Deixe para colocar um link para um documento(pdf, doc, etc) quando realmente se tratar de um documento anexo como editais, normas, manuais, etc. O que o usurio pode visualizar diretamente no navegador sem a necessidade de fazer o download deve ser escrito e formatado diretamente no editor de texto do Drupal. Isso melhora o visual das pginas e evita que muitas pginas fiquem com pouco contedo e com muitos links para documentos desnecessrios.