1. Na
Prática
GUIA PASSO A PASSO
“TRABALHANDO COM O JOOMLA OFFLINE.”
Como instalar o CMS para utilizá-lo no seu computador.
Facilitadores
Fernando Rosa e Danilo Barros Andrade

2. INSTALAÇÃO DO JOOMLA!
O que significa XAMPP?
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 acrônimo para
Structured Query Language, ou em português, Linguagem de Consulta
Estruturada)
P = PHP (significa "PHP: Hypertext Preprocessor", que é uma linguagem de
programação)
P = Perl (uma linguagem de programação dinâmica)
Facilitadores
Fernando Rosa e Danilo Barros Andrade

3. INSTALAÇÃO DO JOOMLA!
Ao realizar os cursos presenciais, muitas pessoas ficavam com
dúvidas de como realizar uma instalação 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, é necessário
uma aplicação 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. INSTALAÇÃO DO JOOMLA!
1. Requisitos para instalação
1.1. Sistema operacional
O XAMPP é multiplataforma, podendo ser instalado no Linux Windows
e MAC OS x.
1.2. Espaço em disco necessário
São necessários aproximadamente 210.1 Mb de espaço em disco
1.3. Baixe o XAMPP
http://www.apachefriends.org/en/xampp.html.
Selecione 1 dos 3 pacotes de instalação:
Installer
ZIP
EXE
**Todos são iguais, a diferença é na forma de fazer a instalação.
Neste tutorial utilizaremos "installer" (de instalação).

5. INSTALAÇÃO DO JOOMLA!
Execute a instalação do XAMPP
Após baixar o XAMPP dê um duplo clique sobre o arquivo
XAMPP Windows 1.7.1
Na primeira tela, abaixo, pressione o botão [NEXT]
As imagens são da versão 1.6.1, porém é o mesmo procedimento de instalação.

6. INSTALAÇÃO DO JOOMLA!
Informe a pasta destino
Na próxima tela, deverá ser informado a pasta onde o XAMPP será instalado.
Por padrão, a instalação é feita na pasta "C:XAMPP". Mude conforme sua
conveniência ou mantenha o original e pressione o botão [NEXT].
As imagens são da versão 1.6.1, porém é o mesmo procedimento de instalação.

7. INSTALAÇÃO DO JOOMLA!
Crie atalhos na área de trabalho
- Na próxima 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 botão [INSTALL]
As imagens são da versão 1.6.1, porém é o mesmo procedimento de instalação.

8. INSTALAÇÃO DO JOOMLA!
Acompanhe o progresso da instalação
Durante o processo de instalação será exibida a tela:
Depois basta clicar em FINISH
As imagens são da versão 1.6.1, porém é o mesmo procedimento de instalação.

9. INSTALAÇÃO DO JOOMLA!
Conclua a instalação
A tela abaixo mostra que a instalação foi concluída com sucesso. Pressione o
botão [sim] para carregar o painel de controle do XAMPP ou o botão [não] para
finalizar. por enquanto pressione [não].
As imagens são da versão 1.6.1, porém é o mesmo procedimento de instalação.

10. INSTALAÇÃO 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 são da versão 1.6.1, porém é o mesmo procedimento de instalação.

11. INSTALAÇÃO DO JOOMLA!
Inicie o servidor web Apache
Para inciar o Apache pressione o primeiro botão [START], ao lado do texto
Apache. O botão mudará para [STOP].
Inicie o banco de dados MySql
Para inciar o bacno de dados MYSQL pressione o segundo botão [START], ao
lado do texto MySql. O botão mudará para [STOP]
As imagens são da versão 1.6.1, porém é o mesmo procedimento de instalação.

12. INSTALAÇÃO DO JOOMLA!
Testando a instalação
Para verificar se o servidor web está funcionando, depois de clicar nos botões
[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 são da versão 1.6.1, porém é o mesmo procedimento de instalação.

13. INSTALAÇÃO DO JOOMLA!
Instalação do Joomla!
- Agora que o XAMPP já foi instalado, iniciaremos a instalação do Joomla!
efetivamente.

14. INSTALAÇÃO DO JOOMLA!
SITE
Baixe o Joomla versão 1.5.10 e descompacte o arquivo dentro de:
C:xampphtdocscrie 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.
Você poderá criar quantos sites quiser com o nome que desejar, para isso
crie várias pastas, uma para cada site. E quando quiser visualizar, acesse
seguindo o caminho abaixo:
http://localhost/nomedapastadesejeda (onde estão os arquivos do joomla!)
Neste tutorial criaremos um site dentro de uma pasta chamada
JOOMLA!

15. INSTALAÇÃO DO JOOMLA!
Instalação do Joomla!
- Acesse: http://localhost/joomla - Será exibida a tela abaixo. (AVANÇAR)

16. INSTALAÇÃO DO JOOMLA!
Instalação do Joomla!
- (AVANÇAR)

17. INSTALAÇÃO DO JOOMLA!
Instalação do Joomla!
- (PRÓXIMO)

18. INSTALAÇÃO DO JOOMLA!
Nome do servidor: LOCALHOST
Nome de usuário: ROOT
Senha: defina uma senha para o Banco de dados
Nome de Banco de Dados: defina um nome

19. INSTALAÇÃO DO JOOMLA!
Esta área é para preenchimento dos dados de FTP do Joomla! caso não queira
preencher clique em [PRÓXIMO]

20. INSTALAÇÃO DO JOOMLA!
Insira um título:
Dados de acesso:
Instalar conteúdo de exemplo:

21. INSTALAÇÃO DO JOOMLA!
Remova o diretório INSTALLATION e clique em site para visualizar o site
instalado.

22. INSTALAÇÃO DO JOOMLA!
Depois veja como ficou. 

23. Sobre a Konfide
Planejamento estratégico em
comunicação digital
Consultoria in- Alocação de
company recursos e seleção
de fornecedores
Avaliação de Sites Marketing Digital
Comunicação Digital alinhada à estratégia de sua empresa
Facilitadores
Fernando Rosa e Danilo Barros Andrade

24. Fontes consultadas:
-http://www.igoia.info/rode-no-seu-micro.html
(para instalação do XAMPP)
- Instalação Joomla!
Criação Danilo Barros Andrade
Dúvidas?
danilo@konfide.com.br
fernando@konfide.com.br
www.cursodejoomla.com.br
www.konfide.com.br
informacaonaweb.wordpress.com
blog.konfide.com.br
Facilitadores
Fernando Rosa e Danilo Barros Andrade