1

1. Introduo pg. 3 2. Apresentao do Sistema: Joomla! pg. 3 3. Acessando a interface administrativa do Site pg. 4 4. Artigos 4.1 Editando um Artigo pg. 7 4.2 Criando um Artigo pg. 9 4.3 Excluindo um Artigo pg. 10 4.4 Publicando e despublicando Artigo pg. 10 4.5 Lincando um artigo a um item de menu pg.11 4.6 Criando uma Seo de artigo pg. 12 4.7 Criando uma Categoria de Artigo pg. 13 4.8 Adicionando Imagem a um Artigo pg. 14 5. Download 5.1 Inserindo link de Download/arquivo pg. 17 5.2 Excluindo link de Download/arquivo pg. 20 5.3 Criando Link para Pgina da Web pg.21 6. Algumas informaes importantes pg. 21

1. Introduo
O principal objetivo deste tutorial explicar como o responsvel pela manuteno do site pode atualizar seu contedo e gerenciar, caso necessrio, cadastro de usurios. O tutorial tem uma abordagem simples e clara, utilizando imagens de forma a ilustrar cada tema abordado, facilitando o seu entendimento. Para sua aprendizagem, no se faz necessrio nenhum conhecimento prvio em programao para web.

2. Apresentao do Sistema: Joomla!

O Joomla um sistema gerenciador de contedo que permite, dentre outras funcionalidades, a administrao do site de forma dinmica e em tempo real. Por ser usado em diversas plataformas e ser de fcil uso, tornou-se o mais popular Software disponvel para Web, no que diz respeito ao desenvolvimento e manuteno de Sites. Ele um Open Source gratuito e est disponvel para todos os que desejarem desenvolver sites utilizando CMS. O download do sistema, assim como suas extenses e atualizaes, pode ser obtido atravs do portal oficial do Joomla: http://www.joomla.org

3. Acessando a interface administrativa do Site

No tutorial que se segue usaremos um site extremamente genrico e simples, para que possamos abranger todos os temas referentes a manuteno do seu site.

IMPORTANTE QUE O USURIO DESTE TUTORIAL SE PRENDA APENAS AOS MTODOS AQUI ABORDADOS E NO TENTE DESENVOLVER OS SEUS PRPRIOS, ASSIM COMO NO EXPLORE QUALQUER OUTRA FUNCIONALIDADE DO JOOMLA, SEM A PRVIA NOTIFICAO AO DESENVOLVEDOR DO SITE. AT MESMO A MENOR ALTERAO EM COMPONENTES NO ABORDADOS AQUI PODE CAUSAR DANOS A ESTRUTURA DO SITE.

Esse o layout do site que utilizaremos como exemplo para o tutorial.

O primeiro passo a ser entendido como acessar a interface administrativa. Na barra de endereos do seu navegador digite o endereo do site, barra administrator. Desse modo: endereo do site/administrator. Ex: www.nti.uff.br o endereo do site do NTI, caso o administrador do site queira gerenciar seu contedo acessando a interface administrativa ele deve digitar www.nti.uff.br/administrator.

Caso tenha seguido o passo anterior corretamente uma pgina de login ser exibida. Nessa pgina um campo para login e outro para sua respectiva senha sero apresentados, portanto entre com os valores previamente criados pelo administrador do site.

Aps efetuado o Login, a interface administrativa principal ser exibida.

Comearemos ento a aprender como alimentar e atualizar o seu site.

4. Artigos
Os artigos representam quase toda a parte textual esttica do seu site, e geralmente so os tens que possuem o maior volume de atualizaes. A administrao dos mesmos extremamente simples e ser explicada detalhadamente a seguir. 4.1 Editando um Artigo: Para iniciar a edio de um artigo clique no cone 'Administrar Artigo' na tela inicial ou acesse o tem de menu 'Contedo' e ento clique em 'Administrar Artigos'.

Uma lista contendo todos os artigos presentes no site ser aberta, nesta lista selecione o artigo onde quer efetuar a alterao. No nosso caso selecionaremos o 'artigo #1'.

Na tela seguinte so exibidos o ttulo do artigo, sua categoria e seo (ambos explicados mais a frente), e o corpo do artigo para o qual disponibilizado um editor de texto. Modifique tudo o que julgar necessrio e salve suas alteraes. Caso no queira mais modificar o artigo em questo selecione 'fechar' no canto superior direito.

4.2 Criando um Artigo: Em 'Administrar Artigo' selecione a opo 'Novo'.

8

Na tela exibida a seguir insira o ttulo e se desejar, indique uma Categoria e uma Seo que devem ter sido previamente criadas, importante mencionar que o Joomla no permite a criao de um artigo sem modificarmos as informaes apresentadas em Seo e Categoria, caso no os tenha criado selecione a opo 'Sem Categoria'. Feito isso insira ou modifique o texto do seu artigo e salve-o. Voc deve ter notado o menu 'Aplicar' ao lado de 'Salvar', a diferena de um para o outro que o primeiro aplica as alteraes e continua na tela do editor e j o segundo salva e retorna para a tela anterior. Caso desista de criar ou alterar o artigo durante o processo clique em 'Cancelar' e nada ser alterado. Ateno: Nunca saia da edio utilizando as abas de navegao do navegador que normalmente utilizamos. Isso impedir a edio do mesmo artigo por outro administrador.

4.3 Excluindo um artigo: Para excluir um artigo selecione a caixa ao lado do nome do arquivo que deseja excluir, feito isso clique no menu 'Lixeira' localizado no canto superior direito da tela administrativa e ento o artigo ser excludo.

Aps excluir o artigo, caso tenha em seu site algum item de menu que faa referncia ao artigo excludo, ele passar a conter uma mensagem de que o artigo referenciado no pode ser encontrado, portanto ou exclua o menu em questo ou faa-o apontar para um novo contedo. 4.4 Publicando e despublicando artigos: Uma outra opo para a excluso citada acima apenas despublicarmos o artigo. Isso pode ser feito clicando sobre o cone na coluna Publicado na linha referente ao artigo ou selecionando a sua
10

respectiva caixa e clicando em despublicar na barra de ferramentas Administrar Artigos. Para publicar, que exatamente o processo inverso do anterior basta clicar no mesmo cone que agora estar exibido em cor vermelha ou selecionar a caixa relativa ao artigo e clicar em publicar tambm na barra de ferramentas. A grande vantagem desta forma de excluso o fato de ser uma excluso lgica, ou seja, o artigo fisicamente ainda existe porm est invisvel ao usurio do portal. uma boa opo quando no estamos convictos de que realmente o artigo no ser mais utilizado. 4.5 Lincando um artigo a um item de menu: Para lincar um item de menu a um artigo clique em 'Menus' e escolha o menu ao qual deseja associar o contedo.

11

Ento escolha a qual artigo seu item de menu far referncia atravs do campo a direita da tela administrativa. importante ressaltar que o artigo deve estar previamente criado para que possa ser lincado ao menu.

4.6 Criando uma Seo de Artigo: Para criar uma nova seo selecione no menu 'Contedo' o tem 'Administrar Seo'.

Na tela exibida aps o passo anterior, clique no cone 'Novo' na barra de ferramentas.

12

Digite o nome da seo na tela que exibida, nesse momento insira apenas o nome pois os demais campos no so relevantes para nosso caso. Escrito o nome salve e sua seo estar criada. No nosso exemplo acima criamos uma seo de nome artigos. 4.7 Criando uma Categoria de Artigo: J possvel notar que os mtodos de criao e edio so bem mecnicos e com poucas variaes de um para outro. Para criar uma nova categoria, selecione novamente em 'Contedo' o menu 'Administrar categoria'. Clique em 'Novo', digite o nome da categoria, selecione a Seo qual est associada (no nosso exemplo abaixo fizemos a categoria nova categoria de artigo integrar a seo artigos) e salve.

13

4.8 Adicionando imagem a um artigo: Para adicionar uma imagem a um artigo, na tela de edio do texto do artigo, procure pelo cone 'Insert/edit image..

Uma nova janela ser exibida. A imagem precisa estar em uma das pastas do servidor para que possa ser inserida. Primeiro crie uma pasta para inserir suas imagens. Clique no cone 'New Folder' e de um nome a pasta na janela que se abrir.
14

Agora selecione a pasta que foi criada e procure pelo cone 'Upload'.

Ento clique no boto 'Add' na nova janela exibida.

15

Procure pela imagem, atualmente em seu computador, que deseja adicionar, selecione a imagem e ento clique no boto 'Upload'. At esse ponto, fizemos o upload da imagem que agora passa a estar disponvel no servidor.

Para inserirmos a imagem de modo que seja exibida em nossa pgina, selecione a imagem que acabou de inserir e clique em 'Insert' deste modo sua imagem inserida no corpo do texto.
16

5. Download 5.1 Inserindo link de download/arquivo: Se voc acompanhou todo o tutorial ser mais fcil adicionar um arquivo para download, pois o mtodo muito semelhante ao de insero de imagens. No corpo do texto do artigo crie um nome que servir como link de download para o usurio. No nosso caso usaremos como link o texto 'Download #1', porm o link tambm pode ser feito sobre imagens, caso existia alguma imagem em seu artigo. O processo ser o mesmo.

17

Selecione o texto ou a imagem e procure no editor de texto pelo cone 'Insert/edit link' representado por uma corrente.

Ento, na janela exibida clique no cone 'Browse'.

A partir de agora o mtodo muito parecido com o de adio de imagens. Voc novamente precisa criar uma pasta que recebe seus arquivos que estaro disponveis para download. Com o boto 'Create new folder' (caso a pasta j exista no necessrio criar outra).
18

Ento selecione a pasta e clique em 'Enviar'.

Na nova janela, procure pelo boto 'Add' selecione o arquivo em sua mquina e faa o 'Upload'.

At este momento realizamos o Upload do arquivo para o servidor. Para que seu link seja construdo selecione o arquivo e pressione 'Insert'. Agora seu arquivo est disponvel para download.

19

5.2 Excluindo link de download/arquivo: Para excluir um link de download basta marcar exatamente o que representa o nosso link e clicar no cone Unlink' representado por uma corrente partida. Para deletar o arquivo do servidor, entre em qualquer artigo existente em seu portal selecione um trecho qualquer e procure o cone j comentado que representa link. Na janela exibida aps o passo anterior procure pelo arquivo que deseja apagar e selecione-o, na coluna ao lado a dos arquivos que exibe os detalhes de cada tem clique no cone 'X' em vermelho e o arquivo ser excludo do servidor.

Por fim cancele a edio do artigo.

20

5.3 Criando um Link para Web: Para criar um link externo, para web, repita os passos de para insero de link para download. A diferena nesse caso que ao invs te procurar o arquivo que deseja adicionar, simplesmente insira o endereo da pgina no campo URL e clique em inserir. Salve o artigo para que as alteraes tenham efeito. No nosso exemplo inserimos um link para o site da UFF. Observe que no nosso exemplo no inserimos o prefixo http://, nesse caso o sistema informar sobre a insero automtica do mesmo. uma forma de garantia da insero correta do link.

7. Algumas informaes importantes Caso seu site tenha alguma funcionalidade alm das que foram abordadas nesse tutorial, no tente explorar o sistema por si mesmo, pois possvel que essa atitude, se executada de maneira equivocada, cause danos a estrutura geral do site. Solicite ao desenvolvedor do site a manuteno ou insero da ferramenta. Pergunte sempre ao desenvolvedor sobre qualquer alterao cujos passos no foram abordados aqui. Restaurar um site pode ser muito custoso dependendo do nvel de alteraes que um usurio sem os conhecimentos adequados possa fazer. Esperamos que o tutorial possa facilitar e reforar o entendimento mas caso algum tema tenha ficado confuso no exite em entrar em contato para que possamos esclarecer a sua dvida.
21