UNIVERSIDADE DE SÃO PAULO (USP) ESCOLA DE ARTES, CIÊNCIAS E HUMANIDADES (EACH)

Tamanho: px

Começar a partir da página:

Download "UNIVERSIDADE DE SÃO PAULO (USP) ESCOLA DE ARTES, CIÊNCIAS E HUMANIDADES (EACH)"

Anna Meneses Terra
7 Há anos
Visualizações:

1 UNIVERSIDADE DE SÃO PAULO (USP) ESCOLA DE ARTES, CIÊNCIAS E HUMANIDADES (EACH) TUTORIAL PRIMEIROS PASSOS: PREPARANDO SEU PC PARA CONSEGUIR DESENVOLVER SEU PRIMEIRO SITE EM WORDPRESS! Parte Um Autoria e revisão por: PET Sistemas de Informação () SÃO PAULO Novembro/2011

2 INFORMAÇÕES AO LEITOR Nessa coleção Tutorial Primeiros Passos: Preparando seu PC para conseguir desenvolver seu primeiro site em WordPress! trazemos informações sobre como iniciar o processo de instalação de componentes que lhe auxiliarão na manutenção e desenvolvimento de uma página Web. Mais especificamente, esta Parte Um lhe ajudará a realizar o procedimento necessário para obter e instalar em seu PC o WAMP. E, em seguida, criar o Banco de Dados para o seu site. Pedimos que, caso você encontre algum erro neste tutorial, ou fique com alguma dúvida, por favor, entre em contato conosco através do a seguir: pet-sieach@usp.br. Boa leitura! 2

3 PRIMEIRO PASSO: O WAMP! A seguir uma sequência de passos para que você consiga instalar sozinho(a) o pacote WAMP em seu PC. Passo 0: Descobrindo a versão do seu SO (Sistema Operacional) A primeira atitude que você deve tomar, antes mesmo de iniciar qualquer download, é descobrir a versão do seu Sistema Operacional, para que possa, dessa forma, fazer o download de softwares compatíveis ao seu SO. Ao fazer isso, transtornos futuros relacionados à incompatibilidade são evitados. Uma vez que este tutorial, por enquanto, é voltado apenas para usuários de SOs da Microsoft, Windows, recomendamos que observe se está rodando em seu PC a versão 32bits ou a 64 bits. Essa informação auxiliará na identificação do arquivo correto a ser baixado posteriormente. Para obter a informação supracitada, localize o ícone/botão do Meu Computador ou Computador. Provavelmente você o encontre com mais facilidade acessando o menu Iniciar de sua barra de tarefas. Clique com o botão direito de seu mouse sobre o ícone/botão encontrado. Em seguida, selecione a opção Propriedades, uma tela abrirá. Nesta existirá uma opção chamada Tipo de sistema, na qual estará especificada a versão do seu Windows. Passo 1: Baixando o WAMP 1 Agora vamos baixar o pacote WAMP. Abra seu navegador de Internet e acesse o link abaixo: Você está prestes a fazer o download do WampServer 2.2a, a versão estável mais recente deste pacote a qual foi disponibilizada em 26 de setembro de É neste ponto que entra a pesquisa de versão feita no Passo 0: 1 Windows Apache MySQL PHP. Em uma versão futura e mais completa deste mesmo tutorial, explicaremos mais a cerca do que se trata o WAMP e o porquê de ele ser tão importante quando desejamos preparar nosso computador para desenvolver um site. Aguarde próxima versão do tutorial Primeiros Passos WordPress. 3

a. Faça o download do arquivo WampServer2.2a-x64.exe, caso seu Windows seja a versão 64 bits; b. Ou, faça o download do arquivo WampServer2.2a-x32.exe, caso seu Windows seja a versão 32 bits.

4 a. Faça o download do arquivo WampServer2.2a-x64.exe, caso seu Windows seja a versão 64 bits; b. Ou, faça o download do arquivo WampServer2.2a-x32.exe, caso seu Windows seja a versão 32 bits. Passo 2: Instalando o WAMP Executando o arquivo que você acabou de baixar, aparecerá a tela abaixo. O instalador é bem simples, sendo necessário somente que você clique no botão Next para prosseguir com a operação de instalação. Figura 1. Primeira tela Início da instalação do WAMP. A seguir aparecerá uma tela com o License Agreement (ou, Contrato/Termo de Licença). Selecione a opção I accept the agreement, caso você aceite o contrato. Depois avance, clicando em Next. 4

$Recomendamos que você não altere o local default, a saber, C:\wamp, pois, caso o contrário, essa ação poderá trazer problemas futuros. Clique em Next. Figura 3.$

5 Figura 2. Segunda Tela License Agreement para instalação do WAMP. Uma tela questionando o local onde você deseja que o WampServer 2 seja instalado aparecerá. Recomendamos que você não altere o local default, a saber, C:\wamp, pois, caso o contrário, essa ação poderá trazer problemas futuros. Clique em Next. Figura 3. Terceira Tela Seleção do local onde o WAMP será instalado. A seguir, mais uma tela com opções adicionais aparecerá. Desta vez, questionará se você deseja criar diferentes tipos de ícone para o WampServer 2. Marque a caixa de seleção relativa à opção Create a Desktop icon para criar um atalho para o WampServer 2 em sua Área de Trabalho (Desktop). A seguir, clique em Next. 5

Figura 4. Quarta Tela Seleção de tarefas adicionais: Criação de atalhos. Assim que a tela abaixo aparecer, clique em Install para confirmar a instalação do WampServer2. Figura 5.

6 Figura 4. Quarta Tela Seleção de tarefas adicionais: Criação de atalhos. Assim que a tela abaixo aparecer, clique em Install para confirmar a instalação do WampServer2. Figura 5. Quinta Tela Confirmação de instalação do WAMP. Durante a instalação do WAMP, o sistema irá solicitar que você informe qual será o navegador de Internet padrão (Ex. Firefox, Internet Explorer, Google Chrome etc.). No caso da imagem abaixo, selecionamos o Internet Explorer, porém é possível selecionar qualquer navegador de sua preferência. Para tal, basta selecioná-lo ele e clicar em Abrir. 6

7 Figura 6. Sexta Tela Indicando navegador de Internet padrão. A seguir, uma tela tratando de configurações de servidor SMTP aparecerá. Aconselhamos fortemente que não altere nenhum dos campos previamente preenchidos. Apenas clique em Next. Figura 7. Sétima Tela Configurações de servidos SMTP e endereço de a ser usado pelo PHP. Por fim, a tela seguinte será a de finalização. Clique em Finish para encerrar o processo de instalação do WampServer 2. 7

8 Figura 8. Oitava Tela Finalização do processo de instalação do WAMP. O ícone do WampServer deverá aparecer na sua barra de tarefas. Clicando nele, o menu do WampServer aparecerá, bem como o ilustrado abaixo: Figura 9. Menu do WampServer na barra de ferramentas. Parabéns! Você terminou a instalação do WAMP! 8

Passo 3: Ativando e testando os serviços do WAMP Para ativar os serviços do WAMP, basta clicar em Start All Services no menu do aplicativo, assim como indicado abaixo: Figura 9.

9 Passo 3: Ativando e testando os serviços do WAMP Para ativar os serviços do WAMP, basta clicar em Start All Services no menu do aplicativo, assim como indicado abaixo: Figura 9. Menu do WampServer na barra de ferramentas. Importante: Sempre que ligar o computador, você deve repetir o passo descrito acima para iniciar os serviços do Wamp. Caso isto não seja feito, o WordPress não irá funcionar corretamente. Por fim, abra seu navegador e acesse: Se você seguiu todos os passos corretamente a seguinte página aparecerá em seu navegador: Figura 10. Navegador aberto com o endereço: 9

Passo 4: Criando o Banco de Dados do seu site A última tarefa a ser cumprida nesta etapa de seu desenvolvimento é criar um Banco de Dados (BD), onde os dados do seu site em WordPress serão

10 Passo 4: Criando o Banco de Dados do seu site A última tarefa a ser cumprida nesta etapa de seu desenvolvimento é criar um Banco de Dados (BD), onde os dados do seu site em WordPress serão armazenados. Acesse: A seguinte página aparecerá: Figura 11. Criando o BD do site em WordPress através do PHPMyAdmin. Na área indicada pela seta digite o nome do Banco de Dados a ser criado, ele deve se chamar: wordpress. Em seguida, clique no botão Criar. Pronto, seu BD está completo! Importante: o nome do banco deve ser exatamente: wordpress. 10

Documentos relacionados

UNIVERSIDADE DE SÃO PAULO (USP) ESCOLA DE ARTES, CIÊNCIAS E HUMANIDADES (EACH)

UNIVERSIDADE DE SÃO PAULO (USP) ESCOLA DE ARTES, CIÊNCIAS E HUMANIDADES (EACH) TUTORIAL PRIMEIROS PASSOS: PREPARANDO SEU PC PARA CONSEGUIR DESENVOLVER SEU PRIMEIRO SITE EM WORDPRESS! Parte Dois Autoria