{"id":19246,"date":"2023-08-29T22:52:35","date_gmt":"2023-08-30T01:52:35","guid":{"rendered":"https:\/\/portifolioos-prontos.com\/?post_type=product&p=19246"},"modified":"2025-08-11T21:58:51","modified_gmt":"2025-08-12T00:58:51","slug":"aula-pratica-desenvolvimento-de-e-commerce-com-cms","status":"publish","type":"product","link":"https:\/\/portifolioos-prontos.com\/index.php\/product\/aula-pratica-desenvolvimento-de-e-commerce-com-cms\/","title":{"rendered":"Aula Pr\u00e1tica Desenvolvimento de e-commerce com CMS"},"content":{"rendered":"

Aula Pr\u00e1tica Desenvolvimento de e-commerce com CMS<\/h4>\n
\n

ROTEIRO DE AULA PR\u00c1TICA
\nNOME DA DISCIPLINA: Desenvolvimento de e-commerce com CMS
\nUnidade 3
\nSe\u00e7\u00e3o 3.3
\nOBJETIVOS
\nDefini\u00e7\u00e3o dos objetivos da aula pr\u00e1tica:
\nRealizar o download e instala\u00e7\u00e3o do wordpress em um servidor local;
\nRealizar a instala\u00e7\u00e3o do plugin \u201cwoocommerce\u201d ao wordpress;
\nConfigurar uma loja utilizando o painel administrativo;
\nRealizar o cadastramento de alguns itens iniciais para uma loja padr\u00e3o;
\nEstilizar a p\u00e1gina inicial;
\nTestar a aplica\u00e7\u00e3o desenvolvida.
\nINFRAESTRUTURA
\nInstala\u00e7\u00f5es:
\nLaborat\u00f3rio de Inform\u00e1tica
\nMateriais de consumo:
\nDescri\u00e7\u00e3o
\nQuantid. de materiais por
\nprocedimento\/atividade
\nN\u00e3o se aplica.
\nSoftware:
\nSim ( X ) N\u00e3o ( )
\nEm caso afirmativo, qual? XAMPP e WordPress.
\nPago ( ) N\u00e3o Pago ( X )
\nTipo de Licen\u00e7a: Gratuita.
\nDescri\u00e7\u00e3o do software:
\nWordPress: plataforma de publica\u00e7\u00e3o de c\u00f3digo aberto, popular para cria\u00e7\u00e3o e gerenciamento de
\nsites e blogs.
\n3
\nXAMPP: pacote de software gratuito e de c\u00f3digo aberto que fornece um ambiente de
\ndesenvolvimento web.
\nEquipamento de Prote\u00e7\u00e3o Individual (EPI):
\nN\u00e3o se aplica.
\nPROCEDIMENTOS PR\u00c1TICOS
\nProcedimento\/Atividade N\u00ba 1
\nAtividade proposta:
\nConfigurar o ambiente de instala\u00e7\u00e3o para o framework Woocommerce (wordpress), instalar o
\nmesmo e realizar as configura\u00e7\u00f5es iniciais de uma loja padr\u00e3o: inser\u00e7\u00e3o de categorias, produtos,
\nconfigura\u00e7\u00e3o de m\u00e9todos de pagamento, entrega e estiliza\u00e7\u00e3o da p\u00e1gina inicial.
\nProcedimentos para a realiza\u00e7\u00e3o da atividade:
\nPara a realiza\u00e7\u00e3o desta aula pratica voc\u00ea dever\u00e1 ter o software ter o XAMPP instalado no seu
\ncomputador.
\nFa\u00e7a o download e instale na sua m\u00e1quina:\u00a0https:\/\/www.apachefriends.org\/download.html<\/a>.
\n1. Localize o local onde o XAMPP foi instalado no seu computador e crie uma pasta com o
\nnome \u201cwoocommerce\u201d dentro do caminho \u201cxampp\\htdocs\\\u201d.
\n2. Fa\u00e7a o download do WordPress:\u00a0https:\/\/wordpress.org\/download\/<\/a>
\n3. Descompacte o arquivo e copie o seu conte\u00fado para dentro da pasta \u201cwoocommerce\u201d.
\n4. Procure pelo aplicativo Xampp Control Panel e execute o mesmo. Clique em \u201cstart\u201d tanto
\npara a op\u00e7\u00e3o \u201cApache\u201d quanto \u201cMySql\u201d. Seu servidor localhost estar\u00e1 ativo e voc\u00ea poder\u00e1
\nutiliza-lo.
\n5. No seu navegador digite o endere\u00e7o\u00a0http:\/\/localhost\/phpmyadmin\/<\/a>.
\n6. No menu \u00e0 esquerda selecione a op\u00e7\u00e3o \u201cNew\u201d para criar um novo banco de dados,
\nconforme demonstrado na Figura 1:
\n4
\nFigura 1 \u2013 painel phpmyadmin
\nFonte: Elaborada pelo autor.
\n7. Vamos criar um banco de dados com o nome \u201cwoocommerce_db\u201d:
\nFigura 2 \u2013 cria\u00e7\u00e3o da base de dados
\nFonte: Elaborada pelo autor.
\n8. Agora abra o navegador e digite o endere\u00e7o\u00a0http:\/\/localhost\/woocommerce<\/a>.
\n9. Siga os passos da instala\u00e7\u00e3o:
\na. Lembre-se de inserir o nome correto do banco de dados apenas criado:
\n\u201cwoommerce_db\u201d;
\nb. O usu\u00e1rio do banco de dados costuma ser \u201croot\u201d por default, e a senha costuma
\nficar vazia;
\nc. Insira o t\u00edtulo do site, usu\u00e1rio e senha \u00e0 sua escolha;
\n10. Terminada a instala\u00e7\u00e3o, acesse o painel, conforme sugerido, utilizando o usu\u00e1rio e senha
\nescolhidos.
\n11. Acesse o menu \u201cPlugins > Adicionar novo\u201d e pesquise por \u201cWooComerce\u201d.
\n5
\nFigura 3 \u2013 instala\u00e7\u00e3o plugins
\nFonte: Elaborada pelo autor.
\n12. Selecione a op\u00e7\u00e3o \u201cInstalar agora\u201d e, ap\u00f3s instalado, selecione a op\u00e7\u00e3o \u201cAtivar\u201d;
\n13. Insira os detalhes da loja, escolha um setor onde sua loja ir\u00e1 operar, os tipos de produtos e
\numa quantidade aproximada de produtos que sua loja ir\u00e1 vender.
\n14. Clique em continuar e aguarde.
\n15. Assim que o painel administrativo reaparecer, selecione a op\u00e7\u00e3o \u201cWooCommerce\u201d:
\na. Insira pelo menos 3 novos produtos:
\ni. Insira um nome para o produto;
\nii. Insira um descri\u00e7\u00e3o para o produto;
\niii. Insira um pre\u00e7o para o produto;
\niv. Insira a quantidade em estoque;
\nv. Insira as dimens\u00f5es (importante para servi\u00e7os de c\u00e1lculo de frete);
\nvi. Insira pelo menos uma imagem;
\nvii. Clique em Publicar;
\nb. Crie pelo menos 1 nova categoria:
\ni. D\u00ea um nome e um slug (nome que aparecer\u00e1 na URL)
\nii. Insira uma imagem;
\niii. Insira uma descri\u00e7\u00e3o breve;
\nc. Defina um m\u00e9todo de Pagamento, uma sugest\u00e3o \u00e9 selecionar a op\u00e7\u00e3o \u201cCome\u00e7ar a
\nUsar\u201d do m\u00e9todo de pagamento \u201cPayPal\u201d:
\ni. Aguarde a instala\u00e7\u00e3o;
\n6
\nii. Selecione a op\u00e7\u00e3o \u201cTest payments wth PayPal sandbox\u201d ou simplesmente
\nselecione a op\u00e7\u00e3o \u201cActivate PayPal\u201d se desejar;
\niii. Insira as informa\u00e7\u00f5es requeridas;
\n(Para voltar ao passo a passo, basta selecionar o menu \u201cWooCommerce\u201d)
\nd. Habilite o meio de pagamento PayPal e\/ou outros.
\ne. Na op\u00e7\u00e3o adicionar taxas, escolha \u201cEu n\u00e3o combro impostos sobre vendas\u201d.
\nf. Adicione custos \u00e0 sua entrega, i.e.: 5 reais.
\ng. Adicione uma logo.
\n16. Personalize sua p\u00e1gina inicial.
\n17. Teste a aplica\u00e7\u00e3o.
\nFigura 4 \u2013 Resultado [1]
\nFonte: Elaborada pelo autor.
\nFigura 5 \u2013 Resultado [2]
\nFonte: Elaborada pelo autor.
\n7
\nChecklist:
\n1. Aquisi\u00e7\u00e3o e inicializa\u00e7\u00e3o do aplicativo Xampp;
\n2. Cria\u00e7\u00e3o do banco de dados da loja;
\n3. Download e instala\u00e7\u00e3o do framework wordpress;
\n4. Instala\u00e7\u00e3o do plugin woocommerce;
\n5. Cria\u00e7\u00e3o de nova loja;
\n6. Configura\u00e7\u00e3o b\u00e1sica da loja;
\n7. Estiliza\u00e7\u00e3o da p\u00e1gina principal (home page).
\n8. Testar o resultado inicializando o Apache.
\nRESULTADOS
\nResultados da aula pr\u00e1tica:
\n\u00c9 esperado que o aluno ao t\u00e9rmino da pr\u00e1tica saiba configurar uma loja WooCommerce e entregue
\num conjunto de pastas na estrutura do WordPress: ser\u00e3o os arquivos presentes na pasta
\nwoocommerce dentro de C:\/Xampp\/htdocs\/. N\u00e3o se esque\u00e7a de realizar todos os passos do
\nexerc\u00edcio e adicionar caracter\u00edsticas necess\u00e1rias para a visualiza\u00e7\u00e3o da sua loja. Importar um script
\n(.sql) com os dados referentes ao banco de dados woocommerce_db<\/p>\n

\n
\n

Como funciona?<\/strong><\/p>\n

Elaboramos os portf\u00f3lios, j\u00e1 deixamos prontos, nas normas da ABNT e conforme os requisitos da universidade. F\u00e1cil assim! O MELHOR \u00c9 QUE VOC\u00ca COMPRA E J\u00c1 BAIXA NA HORA O SEU ARQUIVO EM WORD! Sabemos que conciliar trabalho, fam\u00edlia, vida profissional e estudos \u00e9 dif\u00edcil hoje em dia, por isso, estamos aqui para ajudar voc\u00ea. Conte com nossa qualidade, experi\u00eancia e profissionalismo adquirindo seu portf\u00f3lio conosco. GARANTIMOS SEU CONCEITO!<\/p>\n

Como se realizam os envios?<\/strong><\/p>\n<\/div>\n

O seu trabalho \u00e9 disponibilizado pronto, respondido e nas normas j\u00e1 na mesma hora aqui em nosso site na sua \u00e1rea de downloads e tamb\u00e9m no seu e-mail.<\/p>\n

Em quanto tempo recebo o portf\u00f3lio?<\/strong><\/p>\n

Os envios s\u00e3o imediatos. Ap\u00f3s sua compra, o trabalho j\u00e1 \u00e9 disponibilizado instantaneamente aqui em nosso site e no seu e-mail.<\/p>\n

E se o portf\u00f3lio que comprei precisar de corre\u00e7\u00e3o?<\/strong><\/p>\n

Caso haja alguma solicita\u00e7\u00e3o de corre\u00e7\u00e3o\/altera\u00e7\u00e3o por parte do tutor, basta entrar em contato conosco pelo\u00a0WhatsApp\u00a0que provid\u00eanciaremos sem custo algum.<\/p>\n

Qual o formato do arquivo?<\/strong><\/p>\n

Os arquivos s\u00e3o enviados em formato Word e s\u00e3o edit\u00e1veis.<\/p>\n

Caso eu tiver alguma d\u00favida, terei suporte no p\u00f3s venda?<\/strong><\/p>\n

Sim, com certeza. Basta clicar no \u00edcone do WhatsApp no cantinho da tela. Ser\u00e1 um prazer atend\u00ea-lo(a).<\/p>\n

\n

Quais os seus canais de contato?<\/strong><\/p>\n<\/div>\n

\n

Whatsapp: 53 984751621 \u2013 Clicar no canto da tela ou ESCANEIE O QRCODE ABAIXO<\/p>\n

\"projeto<\/h4>\n<\/div>\n
\n
\n

E-mail:portifoliosp@gmail.com<\/p>\n

\n
\n

Portf\u00f3lio<\/a>\u00a0em Word, respondido, completo e j\u00e1 nas normas<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

\n
\n

Pague pelo PIX ou cart\u00e3o e fa\u00e7a o download agora mesmo.<\/strong><\/p>\n<\/div>\n

\n
\n

\"portf\u00f3lio\"portf\u00f3lio\"portf\u00f3lio\"portfolio<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"featured_media":19248,"template":"","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"%%post_title%% %%sitetitle%%","_seopress_titles_desc":"%%post_content%%","_seopress_robots_index":""},"product_cat":[15],"product_tag":[],"class_list":{"0":"post-19246","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-uncategorized","8":"first","9":"instock","10":"downloadable","11":"virtual","12":"purchasable","13":"product-type-simple","14":"col-xs-6 col-sm-4","15":"col-mf-5","16":"un-5-cols"},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product\/19246","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/types\/product"}],"version-history":[{"count":0,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product\/19246\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/media\/19248"}],"wp:attachment":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/media?parent=19246"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product_cat?post=19246"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product_tag?post=19246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}