EEEFM DR.

FERNANDO MOURA CUNHA LIMA CPM

CURSO TCNICO INTEGRADO DE INFORMTICA PARA INTERNET

INFORMTICA PARA INTERNET

AYSLANE SILVA MARTINS

HEGLA BELL RAMOS
JULLIANA SILVA OLIVEIRA

UTILIZANDO O CMS PRESTASHOP PARA A CRIAO DE LOJAS VIRTUAIS

Joo Pessoa 22 de dezembro de 2014

Pgina 1

AYSLANE SILVA MARTINS

HEGLA BELL RAMOS
JULLIANA SILVA OLIVEIRA

UTILIZANDO O CMS PRESTASHOP PARA A CRIANO DE LOJAS VIRTUAIS

Trabalho de Curso submetido Escola Estadual de

Ensino Fundamental e Mdio Doutor Fernando
Moura Cunha Lima Estudante Rebeca Cristina
como parte dos requisitos necessrios para a
obteno do Grau Tcnico em Informtica para
Internet. Sob a orientao do Professor Luancarlos
Costa Bezerra.

Joo Pessoa - PB
2014
AYSLANE SILVA MARTINS
Pgina 2

HEGLA BELL RAMOS

JULLIANA SILVA OLIVEIRA

UTILIZANDO O CMS PRESTASHOP PARA A CRIAO DE LOJAS VIRTUAIS

BANCA EXAMINADORA

Orientador

Membro da Banca Examinadora

Membro da Banca Examinadora

Membro da Banca Examinadora

Joo Pessoa - PB
2014

Pgina 3

Dedicamos este trabalho a todos que

Contriburam direta ou indiretamente em
Nossa formao acadmica.

ABREVIAES
Pgina 4

GNU: General Public. License

PHP:

PROCURE AS SIGLAS USADAS NO TRABALHO E COLOQUEAS COM OS

SIGNIFICADOS AQUI E EM ORDEM ALFABETICA.

LISTA DE FIGURAS
Pgina 5

Figura 1..............................................................................................................................9
Figura 2..............................................................................................................................9
Figura 3............................................................................................................................10
Figura 4............................................................................................................................10
Figura 5............................................................................................................................11
Figura 6............................................................................................................................11
Figura 7............................................................................................................................12
Figura 8............................................................................................................................13
Figura 9............................................................................................................................13
Figura 10..........................................................................................................................14
Figura 11..........................................................................................................................14
Figura 12..........................................................................................................................14
Figura 13..........................................................................................................................15
Figura 14..........................................................................................................................15
Figura 15..........................................................................................................................16
Figura 16..........................................................................................................................16
Figura 17..........................................................................................................................16
Figura 18..........................................................................................................................17
Figura 19..........................................................................................................................17
Figura 20..........................................................................................................................18

SUMRIO
Pgina 6

1 Introduo..........................................................................................................8
1.1 Objetivo.......................................................................................................8
1.2 Justificativa.................................................................................................8
1.3 Empresa......................................................................................................8
2 Metodologias usadas..........................................................................................9
3 Contedo do projeto...........................................................................................9
3.1 Instalao..................................................................................................10
3.2 Configurao............................................................................................10
3.3 Resultado final..........................................................................................10

1 Introduo
Pgina 7

Comrcio on-line uma forma de comrcio eletrnico, atravs do qual os consumidores

compram bens ou mercadorias diretamente de um vendedor na Internet sem um servio
intermedirio. Uma loja online ou Loja virtual, webstore evoca a analogia fsica da
compra de produtos ou servios na loja fsica e virtual ou centro comercial. O relatrio
descreve as atividades efetuadas para o projeto de realizao da loja virtual Stylize.
Sero apresentadas as estruturas das plataformas usadas, o resultado final, o cadastro de
produtos dentre outras configuraes.
1.1 Objetivo
Criar uma loja virtual no intuito de aumentar as vendas de uma loja fsica, atendendo as
necessidades dos consumidores, deixando assim mais acessvel ao pblico produtos
variado.
Objetivos especficos:

Cadastro de produtos reais dentro da loja.

Comodidade para o consumidor.

Aumento gradativo das vendas. (Olha o outro arquivo que enviei para hegla pq
acho que acrescentei algumas itens aqui)

1.2 Justificativa
Este trabalho se justifica a partir do levantamento de dados sobre o perfil de clientes
varejistas e suas estruturas na cidade de Joo Pessoa. Constatamos que as mesmas no
possuem vinculo virtual. Pois este servio, embora esteja disponvel h alguns anos,
carece de profissionais capacitados e de divulgao.
1.3 Empresa
A empresa Stylize nova no mercado consumidor de roupas e acessrios, com pouco
mais de um ano de funcionamento, busca uma nova ferramenta de trabalho que d mais
agilidade, segurana e comodidade para todos os consumidores. Foi fundada em
Dezembro de 2012 na capital da Paraba em Joo Pessoa.

Pgina 8

2 Metodologias usadas
Usando os conhecimentos obtidos durante o curso, principalmente em linguagens de
programao iniciamos nosso projeto com uma pesquisa direcional a fim de elencar
uma tecnologia de plataforma web que fosse ao mesmo tempo fcil de programar e de
configurar. Fizemos algumas pesquisas na internet, para nos auxiliar.

3 Contedo do projeto
Dentre as ferramentas que foram encontradas, escolhemos o prestashop por possuir..
(Descrever vantagens em relao as outras.). Baixamos e instalamos o programa
disponvel no link a seguir: www.prestashop.com.br

Figura 1
Fonte: www.prestashop.com

Por ser uma plataforma que lida com estrutura de site dinmico isto , possui recursos
tais como banco de dados, segurana por autenticao dentre outros se fez necessrio
para o desenvolvimento off-line, a instalao de um servidor web local, que contivesse
um suporte a banco de dados, a linguagem de php e o apache. Por isso elegemos o
WAMP, um software publicado sob a licena GNU e desenvolvido pela PHP Team.
Com essa soluo pudemos ento instalar rapidamente no computador o software PHP
5, MySQL e Apache, disponibilizando suporte ao uso de scripts PHP localmente no
Windows.

Pgina 9

Figura 2
Fonte: gxmediagy.com

Aps instalar e executar o WAMP, criamos uma plataforma de banco de dados para
comear a fazer a loja virtual.

Figura 3
Fonte: Prpria

Pgina 10

Figura 4
Fonte: Prpria

3.1 Instalao

Para instalao inicial, utilizamos um ambiente local para que todos pudessem
experiment-lo em seu computador. Em resumo, os procedimentos em trs etapas:
Resumindo o que fizemos:
1. Instalamos Wampserver
2. Criamos o banco de dados para Prestashop
3. Instalamos o Prestashop
Para isso, precisamos baixar os seguintes arquivos:
Http://wampserver www.wampserver.com
Http://prestashop www.prestashop.com
Passo 1. Instalao do Wampserver
Wampserver requer Visual C ++ 2010 SP1 Package Resdistributable para trabalhar.
Caso ele no esteja instalado, voc poder fazer o download e instal-lo a partir da
pgina do WAMP. Essa parte estava horrvel. Tirei tudo. Compara depois

Pgina 11

Figura 5
Fonte: http://www.sistemasolutions.com/wp-content/uploads/2013/03/instalacionWamp-300x231.png

Uma vez com a biblioteca C++ instalada, pudemos proceder para executar o arquivo de
instalao do WAMP. Durante a instalao, ele pede para voc indicar o navegador
padro e configurar o servidor SMTP. Ns tambm temos que dar permisso no firewall
para funcionar corretamente.

Figura 6
Fonte: / http://www.sistemasolutions.com/wp-content/uploads/2013/03/iconoWamp.png

Desde a concluso da instalao e uma vez inicializado o WAMP, nosso apache + mysql
+ php esto prontos para uso. Ento pode se ver um cone na rea de notificao do
Windows que confirma se tudo correu bem indicando a cor verde.
Passo 2. Criar banco de dados para prestashop
Para instalar prestashop precisa de um banco de dados onde todos os dados sero
armazenados para a loja. Nesse caso abrimos o phpmyadmin que vem com wampserver
e criamos um novo usurio e um novo banco de dados.

Pgina 12

Figura 7
Fonte: http://www.sistemasolutions.com/wp-content/uploads/2013/03/basededatos-300x175.png

Logo depois abrimos o navegador e vai para http: // localhost / phpmyadmin, na guia
Usurios, digitamos os dados e marcamos o banco de dados, onde criamos com mesmo
nome para conceder a todos os privilgios.
Passo 3. Copie os arquivos prestashop no wamp diretrio pblico
Uma vez que baixamos o prestashop zip, tivemos que descompactar e copiar o
prestashop na pasta wamp diretrio www. Por padro C: \ wamp \ www

Figura 8
Fonte: http://www.sistemasolutions.com/wp-content/uploads/2013/03/copiarArchivos-300x284.png

Pgina 13

Passo 4. Instale Prestashop

Esse processo foi realizado a partir do browser. Ns introduzimos a url http: assistente
de instalao Prestashop // localhost / prestashop e nos aparece. Devemos seguir os
passos e introduzindo os dados estejam pedindo-nos.
Escolhemos o idioma da loja, como mostra a seguir:

Figura 9
Fonte: http://www.sistemasolutions.com/wp-content/uploads/2013/03/elegirIdioma-300x179.png

Aceitamos os seguintes e licena:

Figura 10
Fonte: http://www.sistemasolutions.com/wp-content/uploads/2013/03/aceptarLicencia-300x166.png

Agora tornar os dados no banco de dados que criamos anteriormente, verificamos a

conexo com o banco de dados e, se tudo correr bem aparecer a tela a seguir:

Pgina 14

Figura 11
Fonte: http://www.sistemasolutions.com/wp-content/uploads/2013/03/configuracionDelSistema-300x184.png

Apresentamos nossas informaes e logotipo, onde mais tarde foi ajustado:

Figura 12
Fonte: http://www.sistemasolutions.com/wp-content/uploads/2013/03/informacionDeLaTienda-300x175.png

Basta esperar:

Figura 13
Fonte: http://www.sistemasolutions.com/wp-content/uploads/2013/03/InstalacionDeLaTienda-300x137.png

Instalao Prestashop foi completa:

Pgina 15

Figura 14
Fonte: http://www.sistemasolutions.com/wp-content/uploads/2013/03/InstalacionFinalizada-300x158.png

Para a segurana aps a instalao removemos o diretrio de instalao (C: \ wamp \

www \ prestashop \ install).E depois acessamos o backoffice e frontoffice nossa loja
prestashop.
Depois de ter seguido todos os passos, temos visto como instalar prestashop em um
ambiente local em que ns podemos fazer todos os tipos de testes em nossa loja.

3.2 Configurao
O nome e a logomarca da loja foram desenvolvidos por ns, stylize vem de estilizar que
tem tudo a ver com moda e estilo. A logo marca foi inspirada no objetivo da loja,
utilizamos um nome central, e um desenho de vestido para representar as roupas.

Figura 15
Fonte: Prpria

Aps a criao da logo marca, partimos para a configurao do painel de controle da

loja virtual.

Pgina 16

Figura 16
Fonte: Prpria

Logo aps comeamos a introduzir os produtos na loja virtual:

Figura 17
Fonte: Prpria

Cadastro dos menus:

Pgina 17

Figura 18
Fonte: Prpria

Mudana das cores:

Figura 19
Fonte: Prpria

Pgina 18

3.3 Resultado final

Figura 20
Fonte: Prpria

FALTA A CONCLUSO

Pgina 19

Referencias
http://www.sistemasolutions.com/como-instalar-prestashop/
http://www.prestashop.com

mais referencias

Pgina 20