Tutorial Joomla 1.5 Edio 1.0, jun/2010 - por Estdio Buteko Assessoria em Imagem Empresarial - Redao: Mrio L.

L. Pertile www.estudiobuteko.com.br | No reproduzir sem os devidos crditos. Nesta Edio: Como utilizar a Administrao e edio de artigos / Itens de contedo pelo Back End.

TUTORIAL JOOMLA 1.5 EDIO 1.0 (Jun/2010)

Nesta Edio: Como utilizar a Administrao e Edio de Artigos / Itens de Contedo

NDICE
1 - Introduo 1.1 - O que CMS?...............................................................................................03 1.2 - O que Joomla?...........................................................................................03 2 - Logando no sistema...............................................................................................04 3 - Administrar Artigos (contedo).............................................................................05 4 - Adicionar ou Editar Artigo.....................................................................................07 5 - Administrar capa do site.......................................................................................10

CRDITOS E CONSIDERAES:
Este tutorial foi elaborado pelo Estdio Buteko Assessoria em Imagem Empresarial e a primeira edio de uma srie de tutoriais relativos a verso 1.5 do Joomla. Este tutorial NO tem o intuito de explanar questes tcnicas do sistema, tais como instalao, configurao, banco de dados ou linguagens de programao, E SIM, destinado a usurios administradores de sites e portais que, ou j instalaram o Joomla e possuem dvidas de como proceder em suas ferramentas, ou empresas que contrataram a confeco de um site em Joomla (pelo Estdio Buteko ou qualquer outra empresa) e agora precisam administrar seu prprio site de forma autnoma. Uma terceira utilizao deste tutorial cabe a usurios que ainda no possuem um site em Joomla ou ainda no contrataram uma empresa para o desenvolvimento de seu site e procuram algum tipo de explanao e/ou esclarecimentos sobre o funcionamento, na prtica, de um sistema de CMS. Como este tutorial foi desenvolvido do zero, sem basear-se em tutoriais j existentes, e distribudo de forma gratuta, solicitamos a voc a gentileza de, caso voc publique este contedo em partes ou de forma integral em seu site ou blog, ou ainda distribuir junto com o seu trabalho, publique juntamente de forma visvel a tag de crditos abaixo (no rodap deste documento). De forma alguma este tutorial, em partes, ou em sua totalidade, valendo tanto para esta edio, quanto para as demais, dever ser cobrado. Mrio L. Pertile Diretor de Arte e Planejamento do Estdio Buteko

Tutorial Joomla 1.5 Edio 1.0, jun/2010 - por Estdio Buteko Assessoria em Imagem Empresarial - Redao: Mrio L. Pertile www.estudiobuteko.com.br | No reproduzir sem os devidos crditos. Nesta Edio: Como utilizar a Administrao e edio de artigos / Itens de contedo pelo Back End.

1 INTRODUO
1.1 - O que um sistema CMS? Um sistema de CMS (Content Management System) um conjunto de arquivos que juntos formam um sistema onde o administrador do site tem acesso a todas as ferramentas de forma visual sem necessariamente entender de programao ou de toda a parte tcnica envolvida no desenvolvimento Web. Ele instalado e configurado sobre um banco de dados que contm toda a estrutura do site, bem como o contedo inserido nele. Isso quer dizer que um sistema CMS serve para, pelo lado do visitante do site, pegar toda a informao contida no banco de dados, processar e mostrar na tela de uma forma bonita e navegvel. Para o administrador, mostra atravs do Back End (parte de trs do site) as ferramentas necessrias para a administrao do banco de dados (contedo do site) de forma prtica, e visualmente compreensvel. Como 100% baseado em web, possvel administrar o seu site h qualquer momendo, de qualquer lugar do mundo onde haja conexo com a internet. 1.2 - O que Joomla? Joomla um sistema de CMS desenvolvido e distribuido sob licena de software livre em plataforma PHP. O Estdio Buteko testou, durante alguns anos, vrios sistemas CMS e especializou-se em Joomla, definindo-o como a melhor das opes por alguns pontos cruciais tais como segurana, maleabilidade de edio, simples administrao at para usurios mais leigos e perfil ativos de sua comunidade de desenvolvedores. No quesito segurana (sempre que hospedado em um SERVIDOR SEGURO), o Joomla j ganhou diversos prmios internacionais. Sua estrutura oferece total maleabilidade de edio por webdesigners especializados na plataforma, que conseguem assim entregar ao cliente um resultado final satisfatrio e de fcil aprendizado. A comunidade Joomla extremamente ativa, desenvolvendo solues todos os dias, para as mais variadas utilidades e melhorias. Para instalar e configurar o Joomla, mantendo uma cpia estvel e sem problemas, necessrio um profissional com conhecimento nas reas de PHP e banco de dados, Alm claro de estar constantemente informado sobre o que acontece na cena Joomla. Para a confeco de um layout personalizado que atenda as necessidades atuais do mercado, se faz necessrio uma equipe de webdesigners capacitada e familiarizada com a ferramenta. Vale ressaltar que uma ferramenta auto-gerencivel no o suficiente para um site de sucesso ou o sucesso de sua empresa na internet. necessrio todo um trabalho de estudo mercadolgico para entender os motivos de seu site estar no ar e o que o seu pblico realmente necessita, alm de uma convergncia entre sua empresa e as mdias sociais como sites de relacionamentos, marketing direto e indireto, marketing de guerrilha, construo de um conceito, alm claro de um trabalho slido de imagem empresarial. Sendo assim, o motivo real da utilizao de uma ferramenta de CMS nica e exclusivamente para eliminar os custos com um profissional que realize a manuteno peridica de contedo, que agora pode ser feita pelo dono da empresa ou funcionrios da mesma designados para tal. Alm de Assessoria em Imagem Empresarial, o Estdio Buteko especializado na plataforma Joomla e, quando contratado, realiza todo o processo de instalao e configurao, alm do desenvolvimento / personalizao de estrutura e design, entregando o site pronto para a empresa, instruindo-a como proceder fornecendo o suporte necessrio a partir do momento em que o site est no ar.

Tutorial Joomla 1.5 Edio 1.0, jun/2010 - por Estdio Buteko Assessoria em Imagem Empresarial - Redao: Mrio L. Pertile www.estudiobuteko.com.br | No reproduzir sem os devidos crditos. Nesta Edio: Como utilizar a Administrao e edio de artigos / Itens de contedo pelo Back End.

2 LOGANDO NO SISTEMA
2.1 - Para fazer o login no sistema de seu site necessrio acess-lo pelo Back End. Para isso, basta acessar o endereo www.seudominio.com.br/administrator. Aparecer a seguinte tela, onde voc dever inserir seu usurio e senha.

2.2 - Aps o login voc ser redirecionado para a tela inicial do sistema.

Tutorial Joomla 1.5 Edio 1.0, jun/2010 - por Estdio Buteko Assessoria em Imagem Empresarial - Redao: Mrio L. Pertile www.estudiobuteko.com.br | No reproduzir sem os devidos crditos. Nesta Edio: Como utilizar a Administrao e edio de artigos / Itens de contedo pelo Back End.

3 ADMINISTRAR ARTIGOS (CONTEDO)

3.1 - No menu superior, v em "Contedo -> Administrar Artigos".

3.2 - Aparecer a rea "Administrar Artigos" com uma lista de todos os artigos existentes no site, sem distino de seo ou categoria. 3.3 - Aqui voc pode: (Imagem ilustrativa de tela no final do item 3) 3.3.A - Visualizar os artigos por sees; Abaixo dos icones, clique em "Selecione uma seo" e selecione, para listar artigos de uma seo especfica. 3.3.B - Visualizar os artigos por categorias; Abaixo dos icones, clique em "Selecione uma categoria" e selecione, para listar artigos de uma categoria especfica. 3.3.C - Visualizar os artigos por autor; Abaixo dos icones, clique em "Selecione um autor" e selecione, para listar artigos de um autor especfico (no caso de existir mais de um administrador). 3.3.D - Visualizar os artigos por estado (publicado ou despublicado); Abaixo dos icones, clique em "Selecione um estado" e selecione, para listar artigos de um estado especfico (publicados ou despublicados). 3.3.E - Publicar artigos despublicados; Marcar o artigo desejado (que estar com um "X" em vermelho na coluna "Publicado") e clicar no cone "Publicar".

Tutorial Joomla 1.5 Edio 1.0, jun/2010 - por Estdio Buteko Assessoria em Imagem Empresarial - Redao: Mrio L. Pertile www.estudiobuteko.com.br | No reproduzir sem os devidos crditos. Nesta Edio: Como utilizar a Administrao e edio de artigos / Itens de contedo pelo Back End.

3.3.F - Despublicar artigos publicados; Marcar o artigo desejado (que estar com um "V" em verde na coluna "Publicado") e clicar no cone "Despublicar". 3.3.G - Mover um artigo de uma categoria para outra; Marcar o artigo desejado e clicar no cone "Mover". Na prxima tela, selecionar a categoria para qual deseja mover o artigo e clicar em "Salvar". Move o artigo e no mantm uma cpia. 3.3.H - Copiar um artigo de uma categoria para outra; Marcar o artigo desejado e clicar no cone "Copiar". Na prxima tela, selecionar a categoria para qual deseja copiar o artigo e clicar em "Salvar". Move o artigo e mantm uma cpia. 3.3.I - Enviar um artigo para a lixeira; Marcar o artigo desejado e clicar no cone "Lixeira". (Nota: esta ao no pede confirmao e envia o artigo direto para a lixeira) 3.3.J - Editar um artigo existente; Clicar no ttulo do artigo que deseja editar (para saber mais leia o tem 4) 3.3.K - Criar um novo artigo. Clicar no cone "Novo" (para saber mais leia o tem 4) 3.3.L - Adicionar artigos ou remover artigos da pgina inicial (Capa do site) Na coluna "Pgina inicial", clicar no cone correspondente ao artigo desejado.

Tutorial Joomla 1.5 Edio 1.0, jun/2010 - por Estdio Buteko Assessoria em Imagem Empresarial - Redao: Mrio L. Pertile www.estudiobuteko.com.br | No reproduzir sem os devidos crditos. Nesta Edio: Como utilizar a Administrao e edio de artigos / Itens de contedo pelo Back End.

4 ADICIONAR OU EDITAR ARTIGO

Tanto para editar quanto para adicionar um novo artigo, o usurio ser redirecionado para uma tela de exibio de um artigo. A diferena que no caso de edio, todos os campos j estaro preenchidos, uma vez que o artigo j foi criado anteriormente. Aqui fica subentendido que voc j possui um site em Joomla configurado e funcionando corretamente, com todas as sees e categorias de seu site criadas e devidamente configuradas. (Imagem ilustrativa de tela de cada sub-item no final do item 4) 4.1 Ttulo Insira o ttulo que o contedo dever receber 4.2 Apelido Deixar em branco, pois o nome que o sistema utilizar para identificar internamente o item. Deixando em branco, o sistema inserir a melhor forma baseada no ttulo. 4.3 Seo Selecione a seo que contm a categoria onde o artigo dever ser publicado 4.4 Publicado Selecione sim para colocar o item no ar de imediato e no para deix-lo salvo no sistema, porm invisvel para o usurio final que est visitando o site 4.5 - Exibir na pgina inicial Selecione SIM para mandar uma cpia deste artigo para a capa do site e NO para public-lo normalmente, sem o destaque na capa. 4.6 Categoria Selecione a categoria onde o artigo dever ser publicado 4.7 - Editor de Textos 4.7.A - Formatao: A formatao pode ser realizada de acordo com aplicativos de edio de textos como Microsoft Word ou Open Office. possvel deixar o texto em negrito, itlico, sublinhado ou riscado, bem como alinhar pela esquerda, pelo centro, pela direita ou justificado.

Tutorial Joomla 1.5 Edio 1.0, jun/2010 - por Estdio Buteko Assessoria em Imagem Empresarial - Redao: Mrio L. Pertile www.estudiobuteko.com.br | No reproduzir sem os devidos crditos. Nesta Edio: Como utilizar a Administrao e edio de artigos / Itens de contedo pelo Back End.

NOTA: Sempre que for copiar algum texto de qualquer lugar (site, documentos de Word, etc), antes de colar no editor do sistema voc deve colar em um Bloco de Notas / Note Pad vazio, e aps, copiar do bloco de notas e colar no editor. Desta forma voc remover a formatao original que possivelmente causar conflitos em relao a programao do editor. 4.7.B - Inserindo imagens: - No rodap do editor existe um boto "imagem". Este boto quando clicado, abrir uma lightbox mostrando a pasta do sistema onde esto alocadas as imagens enviadas. - Caso voc j tenha enviado alguma vez as imagens para o servidor, clique na imagem desejada. Abaixo da janela das imagens, haver um menu suspenso de alinhamento, onde voc escolhe se a imagem ficar esquerda ou direita do texto. Insira a descrio e o ttulo da imagem e clique em "Inserir" no topo da lightbox. - Caso a imagem ainda no esteja hospedada no servidor, voc pode envi-la clicando em "Escolher arquivo", selecionar a imagem e clicar em "Iniciar Envio". NOTA: Procure no enviar imagens muito grandes, pois alm de prejudicarem o layout do artigo, demoraro para carregar e ainda ocuparo espao desnecessrio no servidor. Uma sugesto de configurao ideal de imagem para artigos .JPG, em RGB, com 72dpi, 150px de largura para imagens pequenas e 500px de largura para imagens grandes. 4.7.C - Link "Leia Mais" - Para inserir um link "Leia Mais" em seu artigo, clique com o cursor na rea do texto onde voc deseja que o link seja inserido. V at o rodap do editor e clique em "Leia Mais". Aparecer uma linha no local selecionado (como voc pode observar no meio do texto da imagem abaixo), dividindo o texto em 2 partes, sendo que a segunda s ser exibida quando o usurio clicar em "Leia Mais". 4.8 - Aps finalizar a edio/criao, clique em salvar. DICA: Se estiver redigindo o artigo direto no sistema, interessante de tempo em tempo clicar em "Aplicar", para o caso de sua conexo com a internet sofrer alguma instabilidade. Ao clicar em Aplicar, o artigo salvo no sistema, porm voc continua na mesma tela de edio, para continuar editando o mesmo artigo. Ao clicar em Salvar voc salvar o artigo e voltar para a tela anterior contendo a lista de todos os artigos (ou a lista de seo ou categoria que estavam selecionadas antes da edio).

Tutorial Joomla 1.5 Edio 1.0, jun/2010 - por Estdio Buteko Assessoria em Imagem Empresarial - Redao: Mrio L. Pertile www.estudiobuteko.com.br | No reproduzir sem os devidos crditos. Nesta Edio: Como utilizar a Administrao e edio de artigos / Itens de contedo pelo Back End.

Tutorial Joomla 1.5 Edio 1.0, jun/2010 - por Estdio Buteko Assessoria em Imagem Empresarial - Redao: Mrio L. Pertile www.estudiobuteko.com.br | No reproduzir sem os devidos crditos. Nesta Edio: Como utilizar a Administrao e edio de artigos / Itens de contedo pelo Back End.

5 ADMINISTRAR CAPA DO SITE

No menu superior, v em "Contedo -> Administrar capa". Aqui voc pode organizar a ordem dos artigos presentes na capa do site clicando nas setas verdes ao lado dos artigos, que apontam para cima ou para baixo. Tambm possvel despublicar artigos por este caminhos. (Despublicando da capa ele ser despublicado de sua categoria principal tambm. Se voc quiser que o artigo saia da capa, porm continue normalmente em sua categoria, deve entrar na edio do artigo e marcar "Exibir na pgina inicial: No" ----------------------------------------------------------------------------------------------------------------Este o final do primeiro tutorial da srie Joomla 1.5 desenvolvido pelo Estdio Bueko. A partir de agora voc est apto a criar e editar os artigos de seu site. Para acompanhar mais tutoriais e artigos diversos sobre o mercado em geral, acesse sempre o blog do Estdio Buteko: www.estudiobuteko.posterous.com . O site oficial do Estdio o www.estudiobuteko.com.br . Assinando a revista eletrnica do site oficial do Estdio voc receber dicas, matrias e artigos sobre diversos ramos de mercado. Se voc cliente do Estdio Buteko, solicite pelo e-mail contato@estudiobuteko.com.br seu usurio e senha para acessar a rea restrita do site, onde constam diversos downloads e arquivos teis para o seu negcio. Se este tutorial lhe foi til, fique vontade para comentar no Blog ou nos enviar um e-mail com crticas ou sugestes. Agradecemos a ateno

Tutorial Joomla 1.5 Edio 1.0, jun/2010 - por Estdio Buteko Assessoria em Imagem Empresarial - Redao: Mrio L. Pertile www.estudiobuteko.com.br | No reproduzir sem os devidos crditos. Nesta Edio: Como utilizar a Administrao e edio de artigos / Itens de contedo pelo Back End.