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
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
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
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).
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.
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.
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.
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.
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.
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.
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.
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.
INSTALAÇÃO DO JOOMLA!


Instalação do Joomla!
- Agora que o XAMPP já foi instalado, iniciaremos a instalação do Joomla!
efetivamente.
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!
INSTALAÇÃO DO JOOMLA!

Instalação do Joomla!
- Acesse: http://localhost/joomla - Será exibida a tela abaixo. (AVANÇAR)
INSTALAÇÃO DO JOOMLA!
Instalação do Joomla!
- (AVANÇAR)
INSTALAÇÃO DO JOOMLA!
Instalação do Joomla!
- (PRÓXIMO)
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
INSTALAÇÃO DO JOOMLA!


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




        Insira um título:


        Dados de acesso:


Instalar conteúdo de exemplo:
INSTALAÇÃO DO JOOMLA!



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


Depois veja como ficou. 
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
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

Comoinstalarojoomlanomicro

  • 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! Aorealizar 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! Executea 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! Informea 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! Crieatalhos 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! Acompanheo 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! Concluaa 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! Carregueo 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! Inicieo 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! Testandoa 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çãodo Joomla! - Agora que o XAMPP já foi instalado, iniciaremos a instalação do Joomla! efetivamente.
  • 14.
    INSTALAÇÃO DO JOOMLA! SITE Baixeo 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çãodo Joomla! - Acesse: http://localhost/joomla - Será exibida a tela abaixo. (AVANÇAR)
  • 16.
    INSTALAÇÃO DO JOOMLA! Instalaçãodo Joomla! - (AVANÇAR)
  • 17.
    INSTALAÇÃO DO JOOMLA! Instalaçãodo Joomla! - (PRÓXIMO)
  • 18.
    INSTALAÇÃO DO JOOMLA! Nomedo 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! Removao diretório INSTALLATION e clique em site para visualizar o site instalado.
  • 22.
    INSTALAÇÃO DO JOOMLA! Depoisveja 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çãodo 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