ROTEIRO DE AULA PRÁTICA – DESENVOLVIMENTO DE E-COMMERCE

Roteiro
Aula Prática

Desenvolvimento
de e-commerce
com CMS

ROTEIRO DE AULA PRÁTICA

NOME DA DISCIPLINA: Desenvolvimento de e-commerce com CMS
UNIDADE: 3
SEÇÃO: 3.3

OBJETIVOS

Definição dos objetivos da aula prática:

• Realizar o download e instalação do WordPress em um servidor local;

• Realizar a instalação do plugin “WooCommerce” ao WordPress;

• Configurar uma loja utilizando o painel administrativo;

• Realizar o cadastramento de alguns itens iniciais para uma loja padrão;

• Estilizar a página inicial;

• Testar a aplicação desenvolvida.

INFRAESTRUTURA

Instalações:

• Laboratório de Informática

Materiais de consumo:

• Não se aplica.

Software:

• ( X ) Sim  ( ) Não

• Em caso afirmativo, qual? XAMPP e WordPress

• Pago ( )  Não Pago ( X )

• Tipo de Licença: Gratuita

Descrição do software:

• WordPress: Plataforma de publicação de código aberto, popular para criação e gerenciamento de sites e blogs.

• XAMPP: Pacote de software gratuito e de código aberto que fornece um ambiente de desenvolvimento web.

Equipamento de Proteção Individual (EPI):

• Não se aplica.

PROCEDIMENTOS PRÁTICOS

Procedimento/Atividade Nº 1

Atividade proposta:
Configurar o ambiente de instalação para o framework WooCommerce (WordPress), instalar o mesmo e realizar as configurações iniciais de uma loja padrão: inserção de categorias, produtos, configuração de métodos de pagamento, entrega e estilização da página inicial.

Procedimentos para a realização da atividade:

Para a realização desta aula prática você deverá ter o software XAMPP instalado no seu computador.

1. Faça o download e instale o XAMPP na sua máquina: https://www.apachefriends.org/download.html

2. Crie a pasta “woocommerce” no caminho: xampp\htdocs\

3. Faça o download do WordPress: https://wordpress.org/download/

4. Descompacte o arquivo e copie o conteúdo para dentro da pasta “woocommerce”

5. Execute o XAMPP Control Panel e clique em “Start” em “Apache” e “MySQL”

6. No navegador, acesse: http://localhost/phpmyadmin

7. Clique em “New” no menu lateral esquerdo e crie um banco de dados chamado woocommerce_db

8. Acesse: http://localhost/woocommerce

9. Siga os passos da instalação do WordPress:

   • Nome do banco: woocommerce_db

   • Usuário: root

   • Senha: em branco

   • Título do site, usuário e senha à sua escolha

10. Acesse o painel do WordPress com os dados criados

11. Vá em “Plugins > Adicionar novo” e instale o plugin WooCommerce

12. Após a instalação, clique em Ativar

13. Configure a loja:

• Detalhes da loja (setor, tipo de produto, quantidade estimada)

14. Acesse o menu “WooCommerce” e realize:
    a. Cadastro de Produtos (mínimo 3):

    • Nome, descrição, preço, estoque, dimensões, imagem
      b. Criação de Categoria (mínimo 1):

    • Nome, slug, imagem, descrição breve
      c. Configuração de Pagamento (sugestão: PayPal):

    • Instalar, ativar e configurar (modo sandbox ou real)
      d. Outras configurações:

    • Adição de taxa de entrega (ex.: R$5,00)

    • Inserção de logotipo

    • Marcar “Eu não cobro impostos sobre vendas”

15. Personalize a página inicial (home page)

16. Teste a aplicação

Checklist:

• Aquisição e inicialização do aplicativo XAMPP

• Criação do banco de dados da loja

• Download e instalação do WordPress

• Instalação do plugin WooCommerce

• Criação de nova loja

• Configuração básica da loja

• Estilização da home page

• Testes com Apache ativo

RESULTADOS

Resultados da aula prática:
É esperado que o aluno, ao término da prática, saiba configurar uma loja virtual utilizando o WooCommerce e entregue um conjunto de arquivos organizados na estrutura do WordPress. Esses arquivos devem estar presentes na pasta woocommerce, localizada em:
C:/Xampp/htdocs/woocommerce

Além disso, o aluno deverá:

• Executar todos os passos propostos no exercício

• Adicionar os elementos necessários para a visualização da loja

• Importar o script .sql com os dados do banco de dados woocommerce_db