1.

• • TRABALHANDO COM O JOOMLA OFFLINE.

• • Como instalar o CMS para utiliz-lo no seu computador.

Facilitadores Fernando Rosa e Danilo Barros Andrade Na Prtica

• • GUIA PASSO A PASSO

2. INSTALAO DO JOOMLA! X = Qualquer sistema operacional, Windows, Linux, Mac OS X, etc A = Apache (Um famoso servidor HTTP) M = MySQL (banco de dados.. My significa Meu , SQL o acrnimo para Structured Query Language , ou em portugus, Linguagem de Consulta Estruturada ) P = PHP (significa " PHP: Hypertext Preprocessor ", que uma linguagem de programao) P = Perl (uma linguagem de programao dinmica) O que significa XAMPP? Facilitadores Fernando Rosa e Danilo Barros Andrade

3. INSTALAO DO JOOMLA! Ao realizar os cursos presenciais, muitas pessoas ficavam com dvidas de como realizar uma instalao local do Joomla!, da veio a necessidade de criar este tutorial passo a passo. O Joomla! roda em plataforma LINUX. Caso voc queira instalar o CMS no seu computador que tem o Windows instalado, necessrio uma aplicao para isso. Antes dever ser instalado um servidor Web (preferencialmente o servidor web Apache), um interpretador PHP e o banco de dados MYSQL, que pode ser feito automaticamente utilizando o XAMPP. Este tutorial mostrar como instalar o pacote XAMPP que instala e configura automaticamente o servidor Web Apache, o interpretador PHP e o banco de dados MYSQL. Facilitadores Fernando Rosa e Danilo Barros Andrade

4. INSTALAO DO JOOMLA!

• Requisitos para instalao

• 1.1. Sistema operacional

• O XAMPP multiplataforma, podendo ser instalado no Linux Windows e MAC OS x.

• 1.2. Espao em disco necessrio

• So necessrios aproximadamente 210.1 Mb de espao em disco

• 1.3. Baixe o XAMPP

• http://www.apachefriends.org/en/xampp.html .

• Selecione 1 dos 3 pacotes de instalao:

• Installer

• ZIP

• EXE

• **Todos so iguais, a diferena na forma de fazer a instalao. Neste tutorial utilizaremos "installer" (de instalao).

5. INSTALAO DO JOOMLA! Execute a instalao do XAMPP Aps baixar o XAMPP d um duplo clique sobre o arquivo XAMPP Windows 1.7.1 Na primeira tela, abaixo, pressione o boto [NEXT] As imagens so da verso 1.6.1, porm o mesmo procedimento de instalao.

6. INSTALAO DO JOOMLA! Informe a pasta destino Na prxima tela, dever ser informado a pasta onde o XAMPP ser instalado. Por padro, a instalao feita na pasta "C:XAMPP". Mude conforme sua convenincia ou mantenha o original e pressione o boto [NEXT]. As imagens so da verso 1.6.1, porm o mesmo procedimento de instalao.

7. INSTALAO DO JOOMLA! Crie atalhos na rea de trabalho - Na prxima tela, deixe: - Marcado " Create a XAMPP desktop icon " para ser criado um atalho na rea de trabalho. - Marcado " Create an Apache Friends XAMPP folder in the start menue " para criar uma entrada no menu iniciar do Windows. - Pode deixar habilitados os 2 primeiros itens de SERVICE SECTION - Pressione o boto [INSTALL] As imagens so da verso 1.6.1, porm o mesmo procedimento de instalao.

8. INSTALAO DO JOOMLA! Acompanhe o progresso da instalao Durante o processo de instalao ser exibida a tela: As imagens so da verso 1.6.1, porm o mesmo procedimento de instalao. Depois basta clicar em FINISH

9. INSTALAO DO JOOMLA! Conclua a instalao A tela abaixo mostra que a instalao foi concluda com sucesso. Pressione o boto [sim] para carregar o painel de controle do XAMPP ou o boto [no] para finalizar. por enquanto pressione [no]. As imagens so da verso 1.6.1, porm o mesmo procedimento de instalao.

10. INSTALAO DO JOOMLA! Carregue o painel de controle do XAMPP Clique para iniciar o Apache e o banco de dados MySQL, de um duplo clique no icone do XAMPP criado na sua rea de trabalho que o painel de controle do XAMPP ser exibido, conforme abaixo. As imagens so da verso 1.6.1, porm o mesmo procedimento de instalao.

11. INSTALAO DO JOOMLA! As imagens so da verso 1.6.1, porm o mesmo procedimento de instalao. Inicie o servidor web Apache Para inciar o Apache pressione o primeiro boto [START], ao lado do texto Apache. O boto mudar para [STOP]. Inicie o banco de dados MySql Para inciar o bacno de dados MYSQL pressione o segundo boto [START], ao lado do texto MySql. O boto mudar para [STOP]

12. INSTALAO DO JOOMLA! Testando a instalao Para verificar se o servidor web est funcionando, depois de clicar nos botes [START] descritos acima, abra o seu navegador e digite http://localhost e pressione ENTER. Ser exibida a tela abaixo indicando que o servidor est instalado. As imagens so da verso 1.6.1, porm o mesmo procedimento de instalao.

13. INSTALAO DO JOOMLA! Instalao do Joomla! - Agora que o XAMPP j foi instalado, iniciaremos a instalao do Joomla! efetivamente.

14. INSTALAO DO JOOMLA! SITE Baixe o Joomla verso 1.5.10 e descompacte o arquivo dentro de: C:xampphtdocs crie uma pasta e jogue os arquivos do joomla dentro. Para criar um site chamado joomla", basta criar a pasta de nome joomla" dentro da pasta htdocs C:xampphtdocsjoomla e colocar todos os arquivos do site nesta pasta. http://localhost/ nomedapastadesejeda (onde esto os arquivos do joomla!) Voc poder criar quantos sites quiser com o nome que desejar, para isso crie vrias pastas, uma para cada site. E quando quiser visualizar, acesse seguindo o caminho abaixo: Neste tutorial criaremos um site dentro de uma pasta chamada JOOMLA !

15. INSTALAO DO JOOMLA! Instalao do Joomla! - Acesse: http://localhost/joomla - Ser exibida a tela abaixo. (AVANAR)

16. INSTALAO DO JOOMLA! Instalao do Joomla! - (AVANAR)

17. INSTALAO DO JOOMLA! Instalao do Joomla! - (PRXIMO)

18. INSTALAO DO JOOMLA! Nome do servidor: LOCALHOST Nome de usurio: ROOT Senha : defina uma senha para o Banco de dados Nome de Banco de Dados : defina um nome

19. INSTALAO DO JOOMLA! Esta rea para preenchimento dos dados de FTP do Joomla! caso no queira preencher clique em [PRXIMO]

20. INSTALAO DO JOOMLA! Insira um ttulo: Dados de acesso: Instalar contedo de exemplo:

21. INSTALAO DO JOOMLA! Remova o diretrio INSTALLATION e clique em site para visualizar o site instalado.

22. INSTALAO DO JOOMLA! Depois veja como ficou.

23. Facilitadores Fernando Rosa e Danilo Barros Andrade Planejamento estratgico em comunicao digital Consultoria in-company Alocao de recursos e seleo de fornecedores Avaliao de Sites Marketing Digital Sobre a Konfide Comunicao Digital alinhada estratgia de sua empresa

24. Dvidas? Facilitadores Fernando Rosa e Danilo Barros Andrade [email_address] [email_address] www.cursodejoomla.com.br www.konfide.com.br informacaonaweb.wordpress.com blog.konfide.com.br Fontes consultadas:

• http://www.igoia.info/rode-no-seu-micro.html

• (para instalao do XAMPP)

• - Instalao Joomla! Criao Danilo Barros Andrade