UNIVERSIDADE TECNOLGICA FEDERAL DO PARAN CURSO SUPERIOR DE TECNOLOGIA EM ANLISE E DESENVOLVIMENTO DE

SISTEMAS

JONE EMILIO MAASS

DESENVOLVIMENTO DE LOJA VIRTUAL UTILIZANDO PLATAFORMA DE E-COMMERCE OPEN SOURCE

TRABALHO DE CONCLUSO DE CURSO

PATO BRANCO 2013

JONE EMILIO MAASS

DESENVOLVIMENTO DE LOJA VIRTUAL UTILIZANDO PLATAFORMA DE E-COMMERCE

Trabalho de Concluso de Curso de graduao, apresentado disciplina de Trabalho de Diplomao, do Curso Superior de Tecnologia em Anlise e Desenvolvimento de Sistemas, da Universidade Tecnolgica Federal do Paran, Cmpus Pato Branco, como requisito parcial para obteno do ttulo de Tecnlogo.

Orientadora: Prof. Rbia E. O. Schultz Ascari, MSc.

PATO BRANCO 2013

RESUMO

MAASS, Jone Emilio. Desenvolvimento de loja virtual utilizando plataforma de e-commerce. 2013. 78f. Monografia (Trabalho de Concluso de Curso) - Curso Superior de Tecnologia em Anlise e Desenvolvimento de Sistemas. Universidade Tecnolgica Federal do Paran, Cmpus Pato Branco. Pato Branco, 2013.

A comercializao por meio da Internet , em geral, sustentada por sistemas de comrcio de eletrnico, tambm chamados de lojas virtuais. Esse trabalho tem como tema a utilizao de uma plataforma de e-commerce open source para a personalizao e implantao de uma loja virtual. Foi realizado um levantamento sobre plataformas de e-commerce disponveis no mercado, identificadas algumas plataformas open source e verificado quais dessas so mais utilizadas. Dentre as plataformas estudadas, a plataforma chamada Magento foi selecionada para realizao de um estudo de caso, referente criao de uma loja virtual para comercializao de produtos de informtica. Todo o processo realizado para instalao e configurao da loja virtual descrito nesse trabalho. Com base na experincia adquirida, a recomendao de que seja feito um estudo antes da utilizao de qualquer plataforma, para entender bem o seu funcionamento, evitando assim problemas durante o processo de instalao ou personalizao causados por desconhecimento da ferramenta. Conclui-se que o Magento uma plataforma bem completa, com muitas funcionalidades, que exige um pouco de estudo para ser utilizada, mas pode-se considerar uma tima plataforma para desenvolvimento fcil e rpido de uma loja virtual.

Palavras-chave: E-commerce. Plataforma de desenvolvimento. Loja virtual.

ABSTRACT

MAASS, Jone Emilio. Development of virtual store using e-commerce platform open source. 2013. 78f. Monografia (Trabalho de Concluso de Curso) - Curso Superior de Tecnologia em Anlise e Desenvolvimento de Sistemas. Universidade Tecnolgica Federal do Paran, Cmpus Pato Branco. Pato Branco, 2013.

Commercialization by means of Internet in general is supported by e-commerce systems, also called virtual stores. This work has as theme the use of an e-commerce platform for open source customization and deployment of a virtual store. Was performed survey about e-commerce platforms available in the market, was identified some open source platforms and verified which of these are most used. Among the studied platforms, the Magento was selected to conduct a case study on setting up a virtual store for selling computer products. The whole process carried out for installation and configuration of the virtual store is described in this work. Based on experience gained, the recommendation is that a study be done before using any platform, to understand how it works, thus avoiding problems during the installation or customization. Magento is a very complete platform with many features that require a bit of study to be used, but it can be considered a great platform for easy and rapid development of a virtual store.

Keywords: E-commerce. Development platform. Virtual store.

LISTA DE FIGURAS

Figura 1 - Balano do primeiro semestre de 2012 ..................................................... 18 Figura 2 - Balano de 2012 ....................................................................................... 19 Figura 3 Evoluo do faturamento e-commerce (em bilhes de reais) .................. 20 Figura 4 Tela do painel de controle do WAMP ....................................................... 28 Figura 5 Resultados da pesquisa sobre utilizao de plataformas de e-commerce

........................................................................................................................... 30 Figura 6 - Tela de instalao do WampServer .......................................................... 32 Figura 7 - Tela de instalao do WampServer (PHP mail) ........................................ 33 Figura 8 - Tela de download do Magento .................................................................. 34 Figura 9 - Tela de criao do Bando de Dados ......................................................... 35 Figura 10 - Tela inicial para instalao do Magento .................................................. 35 Figura 11 - Tela de configurao de localizao ....................................................... 36 Figura 12 - Tela de configurao de acesso ao banco de dados .............................. 37 Figura 13 - Tela de criao de acesso loja virtual .................................................. 38 Figura 14 - Tela final da configurao do Magento ................................................... 39 Figura 15 - Tela inicial da loja virtual ......................................................................... 39 Figura 16 - Tela e login administrativo....................................................................... 40 Figura 17 - Tela do painel administrativo da loja virtual............................................. 40 Figura 18 - Tela de traduo do Magento ................................................................. 41 Figura 19 - Tela de configurao do design da loja ................................................... 41 Figura 20 - Tela inicial da loja aps alterao de layout ............................................ 42 Figura 21 - Tela com primeiro produto cadastrado .................................................... 44 Figura 22 - Cadastro de produtos agrupados ............................................................ 45 Figura 23 - Exemplo de produto agrupado ................................................................ 45 Figura 24 - Cadastro de Produto Virtual .................................................................... 46 Figura 25 - Cadastro de produto digital ..................................................................... 47 Figura 26 - Produto gigital cadastrado....................................................................... 47 Figura 27 - Criando categorias .................................................................................. 48 Figura 28 - Configurando produtos relacionados ...................................................... 49 Figura 29 - Produtos relacionados configurados ....................................................... 49 Figura 30 - Personalizando produtos ........................................................................ 50

Figura 31 - Produto personalizado ............................................................................ 50 Figura 32 - Configurando Tier Price .......................................................................... 51 Figura 33 - Tier Price configurado ............................................................................. 51 Figura 34 Tela de gerenciando de pedidos ............................................................ 52 Figura 35 - Opo recomprar no painel do cliente .................................................. 53 Figura 36 - Configurando termos de uso ................................................................... 54 Figura 37 - Termos de uso ........................................................................................ 54 Figura 38 - Cadastro de clientes ............................................................................... 55 Figura 39 - Cadastrando grupo de clientes ............................................................... 56 Figura 40 - Clientes on-line ....................................................................................... 57 Figura 41 - Gerando chave de instalao Bcash ....................................................... 58 Figura 42 - Instalando mdulo Bcash ........................................................................ 59 Figura 43 - Configurando Bcash no site da loja Magento .......................................... 60 Figura 44 - Copiando dados da conta Bcash ............................................................ 60 Figura 45 - Realizando pagamento com mdulo Bcash ............................................ 61 Figura 46 - Configurando mdulo dos correios ......................................................... 62 Figura 47 - Usando mdulo dos correios................................................................... 63 Figura 48 - Adicionando imagem banner................................................................... 63 Figura 49 - Configurando bloco ................................................................................. 64 Figura 50 - Pgina inicial com banner configurado ................................................... 65 Figura 51 - Apagando a imagem de propagada do bloco esttico ............................ 66 Figura 52 - Configurando cdigo para adicionar bloco na pgina ............................. 67 Figura 53 - Pgina inicial com bloco esttico esquerdo configurado ......................... 68 Figura 54 - Configurando enquete ............................................................................. 69 Figura 55 - Enquete configurada ............................................................................... 69 Figura 56 - Configurando promoo .......................................................................... 70 Figura 57 - Configurando promoo .......................................................................... 71 Figura 58 - Comprando com cupom de desconto ..................................................... 71 Figura 59 - Cadastro boletim informativo................................................................... 72 Figura 60 - Assinando Newsletter ............................................................................. 73 Figura 61 - Pgina inicial da loja configurada ............................................................ 73

LISTA DE QUADROS

Quadro 1 Conceitos sobre o comrcio eletrnico....................................................... 16 Quadro 2 - Cdigo HTML para incluso de bloco.......................................................... 66 Quadro 3 - Cdigo html do banner-esquerdo ................................................................. 67

LISTA DE SIGLAS

B2C Business to Consummer CE Comrcio Eletrnico CMS Content Management System FTP File Transfer Protocol GPL General Public License HTTP Hyper-Text Transfer Protocol IBM International Business Machines Corporation OMC Organizao Mundial do Comrcio SAAS Software-as-a-Service SEO Search Engine Optimization SSL Secure Socket Layer TI Tecnologia da Informao

11

SUMRIO

1 INTRODUO ....................................................................................................... 10 1.1 CONSIDERAES INICIAIS .............................................................................. 10 1.2 OBJETIVOS ........................................................................................................ 11 1.2.1 Objetivo Geral .................................................................................................. 11 1.2.2 Objetivos Especficos ....................................................................................... 11 1.3 JUSTIFICATIVA................................................................................................... 12 1.4 ESTRUTURA DO TRABALHO............................................................................. 12 2 REFERENCIAL TERICO ..................................................................................... 14 2.1 COMRCIO ELETRNICO ................................................................................. 14 2.2 EVOLUO DO COMRCIO ELETRNICO ...................................................... 17 2.3 LOJAS VIRTUAIS ................................................................................................ 21 2.4 PLATAFORMAS DE E-COMMERCE ................................................................... 22 3 MATERIAIS E MTODOS ..................................................................................... 26 3.1 MATERIAIS ......................................................................................................... 26 3.1.2 Servidor Web Apache ....................................................................................... 26 3.1.1 WampServer .................................................................................................... 27 3.2 MTODO ............................................................................................................. 28 4 RESULTADOS E DISCUSSES ........................................................................... 30 4.1 INSTALAO DO WAMPSERVER ..................................................................... 31 4.2 INSTALAO DO MAGENTO ............................................................................. 33 4.3 PERSONALIZAO DA LOJA VIRTUAL ............................................................ 41 4.3.1 Cadastro de Produtos ....................................................................................... 42 4.3.1.1 Cadastro de Produtos Simples ...................................................................... 43 4.3.1.2 Cadastro de Produtos Agrupados ................................................................. 44 4.3.1.3 Cadastro de Produto Virtual .......................................................................... 45 4.3.1.4 Cadastro de produto digital (download) ......................................................... 46 4.3.2 Categorias de Produtos .................................................................................... 47 4.3.3 Produtos Relacionados .................................................................................... 48 4.3.4 Opes Personalizadas dos Produtos.............................................................. 49 4.3.5 Tier Price ( Camada de Preo) ......................................................................... 50 4.3.6 Gerenciar Pedidos ............................................................................................ 52 4.3.7 Configurar Termos de Uso e Condies .......................................................... 53 4.3.8 Cadastrar e Gerenciar Clientes ........................................................................ 54 4.3.9 Cadastro de Grupo de Clientes ........................................................................ 55 4.3.10 Clientes On-line .............................................................................................. 56 4.3.11 Mdulos de Pagamento .................................................................................. 57 4.3.12 Mdulos dos Correios ..................................................................................... 61 4.3.13 Criar Blocos Estticos .................................................................................... 63 4.3.14 Editando Blocos Estticos .............................................................................. 65 4.3.15 Criando Enquetes ........................................................................................... 68 4.3.16 Criando Promoes no Magento .................................................................... 70 4.3.17 Criando um Newsletter (Boletim Informativo) ................................................. 72 5 CONCLUSO ........................................................................................................ 74 REFERNCIAS ......................................................................................................... 76

10

1 INTRODUO

Neste captulo so apresentadas as consideraes iniciais ao estudo, objetivos, justificativa e estrutura do trabalho.

1.1 CONSIDERAES INICIAIS

Segundo Kalakota e Whinston (1996), e-commerce ou comrcio eletrnico consiste na compra e venda de produtos, servios e informaes por meio de rede de computadores ou Internet. Na definio de Albertin (2004), comrcio eletrnico a realizao de toda a cadeia de valores dos processos de negcio em um ambiente eletrnico, por meio da aplicao intensa das tecnologias de comunicao e de informao.

Cada vez mais indivduos e empresas esto eletronicamente conectados e isso vem impulsionando e estimulando o crescimento do comrcio eletrnico.

A comercializao por meio da Internet , em geral, sustentada por sistemas de comrcio de eletrnico, tambm chamados de lojas virtuais. Um sistema de comrcio eletrnico corresponde a uma pgina na Internet com um software de gerenciamento de pedidos, na qual empresas oferecem e vendem seus produtos.

Como exemplo de aplicaes de comrcio eletrnico, pode-se citar: bibliotecas digitais, livrarias virtuais, sites de leilo, floriculturas, supermercados, bancos, entre outros.

Considerando a grande demanda por desenvolvimento de lojas virtuais, optou-se neste trabalho, por estudar plataformas de e-commerce disponveis no mercado com o intuito de facilitar a personalizao e implantao de uma loja virtual.

Dentre as plataformas de e-commerce open source existentes, pode-se citar osCommerce, Magento, OpenCart, Zen Cart, Virtuemart, PrestaShop, Ubercart for Drupal, entre outras.

Aps realizar uma anlise sobre algumas plataformas de e-commerce open source disponveis no mercado, optou-se por utilizar a plataforma chamada

11

Magento, pelo fato de ser a plataforma mais utilizada no mundo, para criar como estudo de caso, uma loja virtual para comercializao de produtos de informtica. O magento possui 3 edies: Magento Go, Enterprise Edition e Community Edition, as duas primeiras sendo pagas, e a Community edition, que foi utilizada no trabalho, gratuita. O estudo sobre as plataformas de desenvolvimento disponveis no mercado foi realizado como estgio e o desenvolvimento de uma loja virtual utilizando uma das plataformas estudadas o foco desse trabalho de concluso de curso.

1.2 OBJETIVOS

O objetivo geral corresponde ao resultado principal da realizao deste trabalho, ou seja, a utilizao de uma plataforma de e-commerce open source para criao de uma loja virtual. Os objetivos especficos complementam o objetivo geral em termos da finalidade do projeto.

1.2.1 Objetivo Geral

Desenvolver uma loja virtual empregando a plataforma de e-commerce Magento.

1.2.2 Objetivos Especficos

o Identificar dentre as plataformas de e-commerce existentes no mercado uma que permita o desenvolvimento fcil e rpido de uma loja virtual.

o Descrever um estudo de caso sobre o desenvolvimento de uma loja virtual por meio do emprego de uma plataforma de e-commerce.

o Identificar as vantagens e desvantagens com relao utilizao de plataformas de e-commerce open source.

12

1.3 JUSTIFICATIVA

O comrcio eletrnico est se tornando mais comum na vida dos usurios de Internet. O nmero de pessoas que utiliza este meio para comprar algo cresce a cada dia.

Considerando a necessidade atual de disponibilizar um "espao" comercial on-line com produtos personalizados e direcionados para os vrios pblicos de uma empresa, a utilizao de lojas virtuais representa uma forma de agregar conforto e agilidade nas escolhas, criando uma relao de proximidade e fidelidade com os clientes.

Com base nessas informaes, considera-se adequado estudar as diferentes plataformas de e-commerce disponveis no mercado, a fim de facilitar o desenvolvimento de uma loja virtual.

Uma plataforma de e-commerce corresponde a um sistema de loja virtual desenvolvido para aplicaes B2C (Business to Consummer), que permite configurar e adaptar totalmente a estrutura original para ajustar o site de acordo o ramo de aplicao da loja a ser criada. Essas plataformas so tambm conhecidas como sistemas gerenciadores de contedo, por permitirem criar, editar, gerenciar e publicar diferentes tipos de contedo digital de forma simples.

Alm de facilitar a configurao e manuteno de uma loja virtual, uma plataforma de e-commerce pode facilitar o trabalho dos administradores, permitindo uma anlise rpida e eficaz das vendas virtuais, em funo de j disponibilizar vrias ferramentas para acompanhamento e anlise das movimentaes.

1.4 ESTRUTURA DO TRABALHO

O presente trabalho est organizado em captulos, dos quais este o primeiro e apresenta o conceito geral do sistema, contendo os objetivos e a justificativa.

No Captulo 2 apresentado o referencial terico sobre comrcio eletrnico,

13

plataforma de e-commerce e caractersticas apresentadas pelas mesmas. No Captulo 3 so indicados o mtodo e os materiais utilizados durante a

elaborao do estudo proposto, ou seja, o desenvolvimento de uma loja virtual utilizando uma plataforma de e-commerce open source.

Os resultados obtidos com o trabalho, utilizando a metodologia proposta no Capitulo 3 esto contidos no Captulo 4, apresentando imagens, grficos e quadros para melhor compreenso.

Por fim, no Captulo 5 est a concluso do estudo, bem com as consideraes finais.

14

2 REFERENCIAL TERICO

Este captulo apresenta o referencial terico do trabalho com conceitos de comrcio eletrnico, plataforma de e-commerce e caractersticas apresentadas pelas mesmas.

2.1 COMRCIO ELETRNICO

Abordando o tema comrcio, Cruz (2000, p.16) o apresenta como uma das mais antigas atividades humanas, responsvel por aproximar e manter pessoas associadas. o comrcio a troca de mercadorias ou servios por moeda ou outras mercadorias e servios. Neste processo so negociadas desde peas industriais, arte, consultoria especializada, gado, alimentos ou promessas de dinheiro. Relvas (2005) vai alm desta percepo e afirma que desde a descoberta do comrcio e das possibilidades que mantm, que o homem teve a ideia de globalizao, quando realizava trocas entre as tribos e os povos diferentes a fim de obter o que lhe faltava ou considerava conveniente e oferecendo os frutos de sua habilidade e mesmo tomando pela fora. A tecnologia que trouxe a expanso da globalizao, como um meio que atinge cada vez mais lugares distantes e povos longnquos. O comrcio eletrnico, tambm denominado de e-commerce ou e-business tem o seu surgimento registrado no ano de 1998, quando a International Business Machines Corporation (IBM) passou a divulgar em comerciais pela televiso produtos para o e-commerce de modo a despertar o interesse pelo assunto nos executivos e empresrios (CRUZ, 2000). Relvas (2005, p.23) apresenta o comrcio eletrnico ou e-commerce, como uma expresso que abrange a prtica do comrcio de bens e servios com suporte na Tecnologia da Informao (TI) e definida pela Organizao Mundial do Comrcio

15

(OMC) como o meio de produo, distribuio, marketing, vendas e distribuio de bens e servios atravs de meios eletrnicos. O comrcio eletrnico tem como base o processamento e a transmisso de dados, incluindo sons e imagens. Dentre as suas atividades inclui:

O comrcio eletrnico de bens e servios, a entrega em linha de contedo digital, as transferncias financeiras eletrnicas, o comrcio eletrnicos de aes, conhecimentos de embarques eletrnicos, leiles comerciais, concepo e engenharia em cooperao, determinao em linha das melhores fontes para aquisies (sourcing), contratos pblicos, comercializao direta ao consumidor e servios aps venda. Envolve quer produtos (por exemplo, bens de consumo, equipamentos mdicos especializados), quer servios (por exemplo, servios de informao, servios financeiros e jurdicos), atividades tradicionais (por exemplo, cuidados de sade, educao) e atividades novas (por exemplo, centros comerciais virtuais) (RELVAS, 2005, p.23).

O comrcio eletrnico (e-commerce) se refere substituio de processos fsicos por processos eletrnicos e gerao de novos modelos de colaborao com clientes e fornecedores (SIMCHI-LEVI; KAMINSKY; SIMCHI-LEVI, 2008, p.516). Em sua utilizao facilita a interao entre diferentes empresas e indivduos, em uma determinada organizao, incluindo as compras pela Internet, trocas, rastreamento de pedidos e correio eletrnico. Existindo h vrios anos, o e-commerce utiliza redes privadas, no caso de corporaes, e pblicas para universidades e rgos governamentais (SIMCHI-LEVI; KAMINSKY; SIMCHI-LEVI, 2008). Visto como uma recente e promissora aplicao criada com a Tecnologia da Informao, o comrcio eletrnico vai alm da compra e venda de produtos e servios utilizando-se de redes de computadores. Com os sistemas de Comrcio Eletrnico (CE), so realizadas comunicaes entre filiais, conectividade com clientes e fornecedores, publicidade e a realizao de transaes comerciais. Com esta descrio, o conceito de comrcio eletrnico apresentado sob quatro diferentes perspectivas (Quadro 1).

16

Identificao Perspectiva Descrio 1 Comunicaes O CE a entrega de informaes, produtos/servios ou

pagamentos por meio de linhas de telefone, redes de computadores ou qualquer outro meio eletrnico.

2 Processo de negcio

O CE a aplicao de tecnologia para a automao de transaes de negcio e fluxos de dados.

3 Servio O CE uma ferramenta que enderea o desejo das empresas, dos consumidores e da gerncia para cortar custos de servios, enquanto melhora a qualidades da mercadoria e aumenta a velocidade da entrega do servio.

4 On-line O CE prev a capacidade de comprar e vender produtos e informaes na Internet e em outros servios on-line.

Quadro 1 Conceitos sobre o comrcio eletrnico Fonte: Pinho (2000, p. 211).

Segundo Fuoco (2003, p.15) o comrcio eletrnico pode envolver tanto as operaes entre uma rede de varejo e seus consumidores quanto as transaes comerciais entre uma empresa e sua cadeia de fornecedores. Verifica-se, assim, que os negcios pela Internet tm aceitao tranquila no mundo tradicional, no se confirmando um pressuposto inicial de que poderia se caracterizar uma velha economia, que seguia os moldes tradicionais fadada obsolescncia, e uma nova economia, que prometia lucros milionrios (FUOCO, 2003). Os resultados mostram que [...] s existe uma economia, em mutao e renovao constantes. A nova no era um pote de ouro no fim do arco-ris como se esperava, mas veio agregar componentes importantes velha, que mostrou ser slida o suficiente para no se deixar derrubar (FUOCO, 2003, p.22). Em razo do volume de vendas possvel de ser gerado e pela reduo de preos que poder proporcionar aos produtos negociados, o comrcio eletrnico se torna tentador e compensador. De fato, o surgimento e a expanso do comrcio eletrnico na Internet em escala global motivou especialistas na previso de uma tendncia a um estgio de desenvolvimento da sociedade na qual os contatos comerciais entre fabricantes e consumidores seriam realizados de forma diferenciada, sem burocracia a com menores custos. A Internet e o comrcio eletrnico fizeram surgir novas oportunidades de negcios. So profissionais e empresas que procuram tornar mais fcil, mais rpido e mais seguro o processo de compra on-line (PINHO, 2000, p.227).

17

2.2 EVOLUO DO COMRCIO ELETRNICO

Alguns dados relacionados evoluo do comrcio eletrnico no Brasil nos ltimos anos sero apresentados a fim de confirmar as tendncias j citadas por autores relacionados ao tema de estudo.

Fundada em 1999, a E-bit pioneira em realizar pesquisas com usurios do meio on-line buscando analisar e entender hbitos e perfil do e-consumidor (E-BIT, 2014). Em julho de 2007, a E-bit foi integrada ao Buscap Company tornando-se o brao de inteligncia de mercado da empresa.

Para apresentar aspectos da evoluo do comrcio eletrnico, buscou-se informaes em trs edies dos relatrios WebShoppers, dos anos 2011, 2012 e 2013, publicados pela VP de Intellingence Marketing do Buscap, sob o comando de Pedro Guasti.

O WebShoppers, consiste de uma iniciativa da E-bit, com o objetivo de difundir informaes essenciais para o entendimento do comportamento de compras dos internautas brasileiros e sua relao com o e-commerce. Apresenta a evoluo do comrcio eletrnico, as mudanas de comportamento e preferncias dos e-consumidores, bem como permite investigar pontos a serem melhorados no desenvolvimento do e-commerce brasileiro.

Com relao aos consumidores, a E-bit atua como um consultor de compras pela Internet; publica em seu site - www.ebit.com.br - as avaliaes feitas pelas pessoas que compraram nas lojas virtuais.

Com uma coleta de mais de 17 milhes de questionrios respondidos aps o processo de compras on-line, mais de 300.000 novos questionrios so agregados a este valor mensalmente (GUASTI, 2012).

Dos dados coletados alguns resultados so significativos, conforme apresentado a seguir, referentes ao primeiro semestre de 2012 (GUASTI, 2012, p.8):

Entre o perodo de 01/01/2012 a 30/06/2012 foram faturados R$ 10,2 bilhes nas vendas on-line no pas, o que significou um acrscimo nominal de 21% perante o mesmo perodo do ano anterior;

18

No primeiro semestre do ano, 5,6 milhes de pessoas fizeram a sua primeira compra on-line, o que significa que j somos 37,6 milhes de e-consumidores;

Foram realizadas aproximadamente 29,6 milhes de encomendas nas lojas virtuais brasileiras no perodo analisado, com um tquete mdio de R$ 346. No primeiro semestre de 2011, haviam sido registrados 25 milhes de pedidos;

Em junho de 2012, 1,3% das compras on-line foram realizadas atravs de aparelhos mobiles, sejam eles smartphones ou tablets. No mesmo perodo de 2011, esse indicador era de 0,3%;

A maioria dos e-consumidores que utilizam smartphones e tablets para efetuar compras pela Internet so mulheres, com 53% de participao.

Alguns dados coletados no primeiro semestre de 2012 so mostrados na Figura 1.

Figura 1 - Balano do primeiro semestre de 2012 Fonte: Guasti (2012, p. 9).

Com relao ao segundo semestre de 2012, as informaes coletadas pelo e-bit foram as seguintes (GUASTI, 2013a, p.8):

Fechamento do setor em 2012: R$ 22,5 bilhes de faturamento, um crescimento nominal de 20% em relao a 2011;

Nmero de pedidos em 2012: 66,7 milhes; Novos consumidores virtuais: 10,3 milhes de entrantes; Nmero de consumidores virtuais: mais de 42,2 milhes de pessoas que

fizeram, ao menos, uma compra on-line at hoje no Brasil;

19

Dados socioeconmicos: em 2012, 46% das pessoas que fizeram sua primeira compra on-line at hoje, possuam renda familiar entre R$ 1.000,00 e R$ 3.000,00, faixa pertencente Classe C;

Sistema de fretes: 54% dos pedidos realizados foram com frete grtis, gerando economia de R$ 1,09 bilho para os consumidores;

Previso de vendas: o e-commerce B2C deve apresentar um crescimento nominal de 25%, chegando a um faturamento de R$ 28 bilhes em 2013.

Com relao ao fechamento do ano de 2012, alguns dados so mostrados na Figura 2.

Figura 2 - Balano de 2012 Fonte: Guasti (2013a, p. 13).

A evoluo das compras e-commerce no Brasil apresentada na Figura 3, considerando do ano de 2008 at o fechamento de 2012.

20

Figura 3 Evoluo do faturamento e-commerce (em bilhes de reais) Fonte: Guasti (2013a, p. 12).

Para o ano de 2013, com a previso de crescimento nas vendas, a tendncia da retomada do crescimento econmico e da acelerao das vendas de dispositivos mveis como tablets e smartphones, tambm explicada pela entrada da Classe C e D, sendo que cerca de 56% dos novos entrantes pertencem a essa classe, apesar dos atuais sinais de endividamento, que pode acabar freando o consumo (GUASTI, 2013a).

Por fim, as informaes coletadas pelo E-bit para o primeiro semestre de 2013 informam um montante de vendas pelo comrcio eletrnico brasileiro de R$ 12,74 bilhes, considerando um valor 24% maior que o registrado no mesmo perodo de 2012.

Verificou-se aumento de 20%, na quantidade de pedidos feitos via Web chegando a 35,54 milhes: No primeiro semestre, 3,98 milhes de pessoas fizeram a sua primeira compra on-line. Com isso, o nmero total de e-consumidores, que j fizeram ao menos um pedido via Internet, chegou a 46,16 milhes (GUASTI, 2013b, p.8).

A previso de que no ano de 2013 mais 8,9 milhes de pessoas comprem por meio do comrcio eletrnico pela primeira vez, totalizando 51 milhes de consumidores que j fizeram ao menos um pedido pela Internet (GUASTI, 2013b).

21

2.3 LOJAS VIRTUAIS

Do uso inicial da Internet, que exibia material de marketing, verifica-se a expanso que possibilita a visualizao do status do cliente e rastreamento de solicitaes, associado s compras de produtos (SIMCHI-LEVI; KAMINSKY; SIMCHI-LEVI, 2008). As denominadas lojas virtuais ganharam espao na rede, com mudanas em sua profissionalizao e possibilitando a compra e a venda de inmeros produtos: inicialmente, o forte eram os produtos de fcil escolha e transporte, a exemplo de livros, CDs de msica e jogos. Aos poucos, porm,

Outras iniciativas de transaes eletrnicas, como os leiles, as aplicaes bancrias e as integraes de cadeias de fornecedores de empresas, tambm chegaram para popularizar a Web como uma via para compra e venda de produtos e servios (FUOCO, 2003, p.15).

Com a transformao radical no mundo corporativo pela ao do comrcio eletrnico e com a criao de lojas virtuais, com presena somente na Internet e sem comportar instalaes fsicas, como vitrines, estoques e produtos, com atendimento 24 horas por dia, em qualquer lugar do mundo, alguns aspectos devem ser observados: em sua natureza, um site de vendas deve apresentar uma seleo de produtos maior ou mais especializada do que aquela oferecida pelo concorrente e possuir informaes de qualidade superior e em maior quantidade (PINHO, 2000). Segundo Fuoco (2003), entretanto, sendo a Internet um canal barato e de amplitude significativa, seria considerado um desperdcio qualquer empresa perder a oportunidade de us-la como um meio de oferta de seus produtos, especialmente a um pblico selecionado e, geralmente apresentando alto poder de compra. Alm de poder oferecer produtos e servios, o uso da Web pode ser dinmico e a Internet usada como um canal gil e eficiente de marketing e de relacionamento com os clientes, porque permite planejar estratgias personalizadas com pouco investimento.

Deve-se lembrar, contudo, que o lucro com as vendas pela Internet viro se o produto for vivel, com aceitao pelo cliente, mediante adequado atendimento e eficincia nos servios prestados, a exemplo de um negcio realizado na economia

22

tradicional: foi a duras penas que se entendeu que o comrcio eletrnico mais um canal de venda, mas exige a mesma infra-estrutura e o mesmo empenho de qualquer outro canal para que a empresa chegue ao lucro (FUOCO, 2003, p.32).

Para Fuoco (2003, p. 33), criar uma loja virtual, implica planejar o que se pretende fazer, o pblico a ser atingido, integrar a vitrine, o atendimento e a entrega. Em seguida, preciso registrar um domnio na Internet, criando o endereo eletrnico da loja. Os proprietrios devem decidir quais produtos vendero pela Internet, se toda a sua linha ou apenas alguns itens, obedecendo estratgia planejada; depois deve-se elaborar a forma de visualizao dos produtos no site, com vitrines (catlogos de produtos) atraentes ao internauta, apresentando cada produto com o seu texto de venda definido e a estratgia de venda. Por fim:

Precisa adquirir softwares que interliguem os departamentos envolvidos e estabelecer parcerias com bancos e administradores de cartes de crdito para viabilizar as formas de pagamento. Promoes e poltica de preos tambm costumam ser diferentes na Internet e no mundo tradicional. preciso que esta estratgia faa parte do plano de negcios que a empresa prev para sua loja virtual (FUOCO, 2003, p.33).

O procedimento a seguir definir como a loja ser desenvolvida: realizando desenvolvimento completo do site, ou partindo de uma plataforma de e-commerce existente.

Tendo a loja desenvolvida, possvel se dedicar a explorar o mercado via Internet. O Brasil ocupa uma posio importante no ranking dos dez pases com maior nmero de usurios de Internet, confirmando-o como pas potencial para a explorao do e-commerce (CAMPOS; RIBEIRO, 2007).

2.4 PLATAFORMAS DE E-COMMERCE

Uma plataforma de e-commerce, assim denominada no varejo eletrnico, consiste no sistema responsvel pelo gerenciamento e visualizao da loja na Web. Trata-se do sistema que possibilita criar a loja virtual e gerenci-la, incluindo produtos, preos, estoques e demais funes que compem o dia-a-dia de um comrcio eletrnico (VALLE, 2013, p.1).

23

Informa Neves (2013, p.1): plataforma de e-commerce um sistema estruturado para que uma loja possa ser exibida na Web e administrada pelos responsveis, que cadastraro produtos ou servios para serem comercializados na Internet, caracterizando a loja virtual. Em outra compreenso, assim disps Diniz (2013, p.1):

Uma plataforma de E-commerce uma tecnologia oferecida atravs de software e servio por uma empresa capaz de viabilizar vendas on-line, tanto business-to-business (B2B), quanto business-to-consumer (B2C). Estas plataformas possibilitam as transaes pela Web e a continuidade do relacionamento com seus clientes. Entre as funes mais comuns esto a criao e manuteno do visual da loja, gerenciamento do carrinho de compras, clculo de taxas, personalizao, opes de pagamento, logstica, manuteno e criao de novos produtos.

O desenvolvimento de um projeto no segmento do e-commerce requer planejamento envolvendo aspectos que incluem a escolha correta da plataforma de comrcio eletrnico chegando montagem da estratgia de divulgao e mensurao de resultados. Assinala Valle (2013, p.1) que como o sistema a base de toda a operao de e-commerce, um desalinhamento dessa plataforma com as necessidades do restante do projeto, pode provocar transtornos srios e at mesmo o fracasso do projeto. Lembra Ferreira (2013) que quando o empresrio decidir criar uma loja virtual para vender os seus produtos, deve pensar primeiramente na definio da plataforma de e-commerce que ir utilizar, optando entre trs escolhas: alugar, comprar ou criar a prpria, sendo que cada uma delas apresenta as suas vantagens, do mesmo modo que cada opo combina mais com determinados tipos de negcio. De acordo com Valle (2013), preciso muita ateno quanto escolha da plataforma de e-commerce, considerando que ela deve ser completa e conter as ferramentas bsicas para a gesto da loja virtual, de modo a integrar as demais tarefas relevantes ao sucesso de uma loja virtual, a exemplo da rea de marketing. Dentre estas ferramentas so referidas a integrao com a verso para e-commerce do Google Analytics; ferramentas que possibilitem um bom trabalho de Search Engine Optimization (SEO); e integrao com as principais redes sociais. Contemporaneamente, um sistema de loja virtual no pode ser comparado a uma soluo de e-commerce, mas funcionar como um verdadeiro Hub da atividade

24

do comrcio eletrnico (VALLE, 2013). Em uma rede, o Hub funciona como a pea central, que recebe os sinais transmitidos pelas estaes e os retransmite para todas as demais (MORIMOTO, 2005, p.1). A condio de um Hub exige que o fornecedor do sistema, independentemente de que seja ele o Software-as-a-Service (SAAS), Open Source ou uma plataforma exclusiva, agregue as funcionalidades necessrias (VALLE, 2013). Um Software-as-a-Service, tambm apresentado como computao por demanda, utility computing ou servios hospedados tem como objetivo superar o desafio comum para que uma empresa possa atender s demandas flutuantes com eficincia, um requisito da empresa adaptativa (TURBAN et al., 2008, p.76). Referente locao do e-commerce Consiste em plataformas padronizadas e, por isso, podem ser criadas rapidamente, as quais so disponibilizadas por meio de pacotes mensais preestabelecidos. A escolha por essa alternativa implica alugar de uma empresa especializada na plataforma da loja virtual e montar o negcio na Internet (FERREIRA, 2013, p.1). Na opo de plataforma de e-commerce alugada, as denominadas econmicas, disps Santos (2012) que:

Nessa modalidade, sem dvida a forma mais fcil e rpida de ter sua loja virtual, e com o mnimo de esforo, e so plataformas mais econmicas em termos de custo. Essas plataformas foram desenvolvidas e so mantidas por empresas especializadas em TI que te oferecem [hospedagem + loja virtual + manuteno], num nico pacote que voc paga somente um valor mensal (SANTOS, 2012, p. 1).

So sugeridas como plataformas de e-commerce econmicas a FastCommerce, DotStore, Tray, Iset, SoluesNet, Locaweb, entre outras. Entre suas vantagens apresentam a forma mais rpida de ter uma loja virtual, com custo baixo de implantao assim como o custo mensal. Dentre as suas desvantagens: Por ser uma plataforma alugada, os recursos de personalizao da loja so limitados, e os recursos para aplicar tcnicas de SEO buscando trfego no pago tambm so limitados, mas nada que impea que um e-commerce pequeno tenha sucesso e prospere (SANTOS, 2012, p.1).

A indicao deste modelo de plataforma de e-commerce para os lojistas que iniciam no comrcio on-line, ou para pequenos projetos de e-commerce, com trfego inferior a 100 mil pageviews (visualizaes) por ms.

25

Quanto criao de sua prpria plataforma, ser elaborada no formato que o empresrio decidir, totalmente personalizada, sem necessidade de uma grande equipe para viabilizar o negcio. preciso, portanto, que o empresrio disponha de recursos financeiros significativos e tempo para o investimento (FERREIRA, 2013). Ainda que seja vista como a melhor opo, no indicada para empresrios que estejam comeando um negcio pela primeira vez, porque preciso um mnimo de experincia para investir em uma plataforma prpria: em geral, as alugadas servem at um determinado momento, quando o seu negcio crescer ela poder se insuficiente, a sim, seria a hora certa para isso (FERREIRA, 2013, p.1).

Em casos assim, uma alternativa so as plataformas open source (cdigo aberto) gratuitas, que em geral exigem muito trabalho, sendo necessrio entender, aprender ou contratar algum que conhea de linguagem de programao. Esse tipo de plataforma traz como vantagens a personalizao total, incluindo recursos de tcnicas de SEO avanadas.

E, como comum nos sistemas Open Source, contam com a colaborao de uma grande comunidade, com uma infinidade de mdulos adicionais para personalizao, tanto gratuitos como pagos, e ainda conta com atualizaes de recursos frequentes (SANTOS, 2012, p.1).

Referindo-se s desvantagens, so citadas algumas ponderaes e recomendaes quanto escolha:

Embora a licena seja gratuita, voc ter que contratar prestadores de servio altamente qualificados para dar manuteno no sistema da loja, como no servidor se for uma hospedagem gerenciada pelo cliente. E ainda quanto a atualizaes no sistema voc ter que acompanhar as verses, se atentando a compatibilidade de cada mdulo adicional instalado. Deve-se pensar bem antes de optar por um sistema open source, sem dvida existem inmeras vantagens tecnolgicas, entretanto alm de a responsabilidade ser muito maior, o custo de manter o sistema no ar pode ser muito maior tambm, do que optar por uma empresa especializada que te d a soluo completa. E ainda corre o risco, de voc se desfocar de seu core business que vender pela Internet, para estar se envolvendo com questes de TI dada a complexidade envolvida (SANTOS, 2012, p.1).

As indicaes incluem os lojistas virtuais que buscam alta personalizao, visando aplicao de tcnicas de SEO avanadas e trfego orgnico; as ressalvas incluem os lojistas virtuais que iniciam o seu negcio e-commerce e no entendem de questes de TI, como a hospedagem, os servidores e a programao (SANTOS, 2012).

26

3 MATERIAIS E MTODOS

Este captulo apresenta os materiais e o mtodo utilizados para realizao deste trabalho. Os materiais se referem s ferramentas e s tecnologias utilizadas para implementar a loja virtual proposta. O mtodo se refere aos procedimentos utilizados para conduo do trabalho.

3.1 MATERIAIS

Para a realizao deste trabalho utilizou-se o Apache como servidor Web para desenvolvimento do estudo de caso.

Para desenvolvimento da loja virtual foi utilizada a plataforma de e-commerce denominada Magento, escolhida em razo de ser a plataforma mais utilizada mundialmente.

A linguagem de programao PHP e banco de dados MySQL foram utilizados em funo de ser esta a estrutura utilizada pela plataforma de e-commerce Magento.

3.1.2 Servidor Web Apache

O servidor Web o programa responsvel pela publicao de documentos, imagens ou qualquer outro objeto que venha a ser acessado por um cliente atravs de um navegador (SOUZA, 2014). Ele processa solicitaes HTTP (Hyper-Text Transfer Protocol), o protocolo padro da Web, assim, quando se envia um e-mail por meio de um formulrio, se coloca uma mensagem em um frum de discusso, se realiza uma compra on-line, etc, um servidor Web (ou um conjunto de servidores) responsvel por processar todas essas informaes.

O servidor Web pode ser configurado para ser acessado apenas em uma rede interna (Intranet) ou uma rede externa (Internet), cada qual com suas

27

funcionalidades definidas pelas necessidades da publicao (SOUZA, 2014). No caso do servidor Web Apache, ele no s executa o HTTP, como outros

protocolos, tais como o HTTPS (O HTTP combinado com a camada de segurana (SSL - Secure Socket Layer) e o FTP (File Transfer Protocol), entre outros. Este servidor Web bastante conhecido e usado. Os motivos incluem sua excelente performance, segurana, compatibilidade com diversas plataformas e todos os seus recursos (ALECRIM, 2006).

O servidor Web Apache um software livre, o que significa que qualquer um pode estudar ou alterar seu cdigo-fonte, alm de poder utiliz-lo gratuitamente. graas a essa caracterstica que o software foi (e continua sendo) melhorado ao passar dos anos.

Segundo Alecrim (2006) o Apache est disponvel para o sistema operacional Linux (e outros baseados no Unix), para o Windows, entre outros, o que o torna uma tima opo para computadores com menos recursos (desde que este atenda aos requisitos mnimos de hardware).

3.1.1 WampServer

O Windows Apache Server MySQL (WAMP), um pacote gratuito, disponibilizado em vrias verses. Neste trabalho foi utilizada a verso 2.4.

O WAMP traz ainda, alm do servidor Web HTTP, um servidor de banco de dados MySQL, alm de scripts, interpretadores e ferramentas grficas que facilitam as atividades de desenvolvimento.

O objetivo do WAMP permitir que sejam criadas aplicaes Web com Apache, PHP e um banco de dados MySQL, juntamente com o phpAdmin que permite gerenciar facilmente bancos de dados MySQL (WAMPSERVER, 2014).

A Figura 4 apresenta a tela do painel de controle do WAMP.

28

Figura 4 Tela do painel de controle do WAMP

3.2 MTODO

A documentao das etapas e procedimentos para realizao do trabalho aconteceu na medida em que cada etapa foi realizada. A seguir, so descritas as principais etapas realizadas no trabalho:

Levantamento bibliogrfico: sobre comrcio eletrnico, sua evoluo nos ltimos anos, conceituao sobre lojas virtuais e utilizao de plataformas de e-commerce.

Busca por plataformas de e-commerce: foi realizado levantamento, principalmente por meio de buscas na Internet, sobre plataformas de e-commerce disponveis para facilitar a criao de lojas virtuais.

Definio de critrio para seleo das plataformas de e-commerce: inicialmente optou-se por delimitar o estudo a plataformas de e-commerce open source, e posteriormente, buscou-se dentre estas a mais utilizada

29

mundialmente nos ltimos anos, para ento realizar o desenvolvimento da loja com a plataforma escolhida.

Estudo e documentao sobre caractersticas e funcionalidades das plataformas de e-commerce selecionadas: Magento, Zen Cart e VirtueMart.

Desenvolvimento de uma loja virtual para comercializao de produtos de informtica, como estudo de caso sobre utilizao da plataforma de e-commerce Magento.

30

4 RESULTADOS E DISCUSSES

Bragana (2010) aponta, dentre as vrias plataformas de e-commerce disponveis no mercado, as seguintes: Magento; osCommerce; OpenCart; Spree E-Commerce; PrestaShop; VirtueMart; Ubercart; Zeuscart; Afcommerce; Zen Cart; SimpleCart js; TomatoCart; CubeCart; RokQuickCart; StoreSprite.

Pode-se destacar a plataforma Magento, OpenCart e Virtuemart como exemplos de plataformas Open Source, ou seja, de cdigo aberto, com licena gratuita, podendo ser baixados gratuitamente os arquivos fontes da Internet e instalado em um servidor de responsabilidade do empresrio, podendo ser um servidor prprio ou at mesmo um servidor pblico (SANTOS, 2012). O grfico apresentado na Figura 5 mostra que as trs plataformas citadas, so as mais utilizadas mundialmente e em funo disso, foram estudadas e testadas durante o estudo dirigido realizado como estgio curricular. O Magento citado por vrios autores como a plataforma mais utilizada mundialmente, e conforme o grfico apresentado por Pessa (2013) (Figura 5), ele aparece em primeiro lugar, com 26,2% na edio Magento Community.

Figura 5 Resultados da pesquisa sobre utilizao de plataformas de e-commerce Fonte: Pessa (2013, p. 1).

31

Com base nestas informaes, optou-se por utilizar a plataforma Magento para o desenvolvimento da loja virtual que servir como estudo de caso para esse trabalho. A seguir sero apresentados os passos seguidos para realizar a instalao e personalizao da plataforma de e-commerce Magento.

4.1 INSTALAO DO WAMPSERVER

Para poder instalar a plataforma Magento, necessrio ter um servidor Web, a linguagem de programao PHP e banco de dados MySQL instalados.

Nesse trabalho, optou-se por utilizar a ferramenta WampServer, que j fornece em sua instalao o servidor Web Apache, o PHP e o banco de dados MySQL devidamente configurados.

A instalao do WampServer est disponvel para download em http://www.wampserver.com/en. Nesse site h uma guia chamada Download para selecionar o instalador de acordo com o sistema operacional utilizado. Aps escolher a verso, ser baixado para o computador um executvel, que deve ser executado, iniciando a instalao do WampServer. A instalao bem simples, precisando apenas avanar as etapas e dados sugeridos, sem nenhuma alterao. Aps o trmino da instalao ser exibida uma janela solicitando para escolher o navegador padro para abrir as aplicaes PHP, a opo que vem selecionada o Internet Explorer, no necessitando que seja alterada, conforme ilustra a Figura 6.

32

Figura 6 - Tela de instalao do WampServer

Aps a escolha do navegador padro, abrir uma janela solicitando a configurao SMTP e e-mail, no caso do trabalho no ser necessria alterao, portanto deve-se deixar com as configuraes padres, conforme a Figura 7.

33

Figura 7 - Tela de instalao do WampServer (PHP mail)

Ao continuar, aparecer a janela de concluso da instalao.

4.2 INSTALAO DO MAGENTO

A instalao da plataforma de e-commerce Magento est disponvel para download no site http://www.magentocommerce.com/download, onde preciso realizar um cadastro gratuito no site. Aps o cadastro, possvel ento acessar a aba downloads, escolher a verso compatvel com o sistema operacional utilizado e clicar em no boto correspondente, conforme a Figura 8. Aps este passo, deve-se extrair o arquivo, que vem compactado, para o diretrio padro do WampServer, que fica no endereo: C:\wamp\www.

34

Figura 8 - Tela de download do Magento

Aps essa etapa, deve-se fazer o download do arquivo de traduo, que permitir utilizar o idioma Portugus-BR na loja virtual que ser criada. A traduo pode ser encontrada no site http://www.magentocommerce.com/translations. Com o processo concludo, deve-se extrair o arquivo, e copiar a subpasta app e colar dentro da pasta Magento que deve estar no endereo C:\wamp\www.

O prximo passo criar um banco de dados para a loja Magento por meio do sistema gerenciador de banco de dados phpMyAdmin, que pode ser acessado pelo seguinte endereo no navegador de Internet: http://localhost/phpmyadmin. Com a pgina aberta, deve-se clicar na guia Base de Dados (nmero 1 destacado na imagem), escolher um nome para o banco da loja (nmero 2 destacado na imagem) , e clicar no boto Criar (nmero 3 destacado na imagem), conforme a Figura 9.

35

Figura 9 - Tela de criao do Bando de Dados

Para iniciar a instalao do Magento, basta abrir o navegador de Internet e acessar o endereo http://localhost/magento.

A Figura 10 apresenta a tela inicial para instalao da plataforma.

Figura 10 - Tela inicial para instalao do Magento

36

Nesta tela inicial basta aceitar os termos da Magento marcando a opo I agree to the above terms and conditions e clicar no boto continue. Aps aguardar alguns segundos necessrio configurar a localizao, conforme a Figura 11. Na janela h o campo Locale, que pode ser mantido com o valor default English, pois no influenciar na linguagem do site, isso ser feito posteriormente por meio do painel administrativo. O campo Time Zone responsvel pelo horrio utilizado no banco de dados do site e na loja virtual. Considerando nossa localizao regional, foi escolhido a opo E.South America Standard Time (America/Sao_Paulo). E o campo Default Currency o responsvel pela correo monetria do site, como a loja que ser configurada vai trabalhar com reais, foi selecionada a opo Brazilian Real. Na sequncia, basta clicar em continue.

Figura 11 - Tela de configurao de localizao

A Figura 12 apresenta a terceira tela apresentada no processo de instalao do Magento, onde so configuradas as opes relacionadas a acesso ao banco de dados. A maioria dos campos sugeridos pode ter seu valor mantido se for utilizada a ferramenta WAMP. No WAMP o usurio padro root e a senha usada em branco, assim foi utilizado root em User Name e deixado em branco o campo User password. Pode-se clicar em continue para chegar no prximo passo, que costuma demorar um pouco, pois o Magento ir verificar o acesso ao banco de dados e atualiz-lo no que for necessrio.

37

Figura 12 - Tela de configurao de acesso ao banco de dados

38

Figura 13 - Tela de criao de acesso loja virtual

Na janela apresentada na Figura 13 pode-se criar os acessos para a loja virutal. Na seo Personal information, deve-se colocar nome e e-mail do proprietrio da loja. Na seo login information, deve-se colocar as informao de login e senha que sero utilizadas para acessar o painel administrativo da loja. A senha deve conter letras e nmeros. importante anotar o login e senha utilizados, pois eles sero solicitados toda vez que se quiser acessar o painel administrativo. O campo Encryption key no necessrio ser preenchido. Clicando no boto continue tm-se acesso ltima tela do processo de instalao, apresentada na Figura 14.

39

Figura 14 - Tela final da configurao do Magento

A Figura 14 mostra que foi finalizada a instalao. O cdigo que mostrado nesta etapa da instalao o cdigo usado para criptografar os dados, ou seja, se por algum motivo for preciso migrar o contedo do banco de dados para uma instalao nova do Magento, ser preciso utilizar este cdigo. A opo Go to frontend o acesso loja virtual, na viso do cliente, e a opo Go to Backend o acesso ao painel administrativo da loja.

Clicando em Go to Frontend, ser mostrada a tela inicial da loja virtual, conforme a imagem apresentada na Figura 15.

Figura 15 - Tela inicial da loja virtual

40

Ao clicar na opo Go to Backend ir aparecer a tela de login, para dar acesso ao painel administrativo (Figura 16).

Figura 16 - Tela e login administrativo

Para acessar o painel administrativo, deve-se colocar o usurio e senha configurados na instalao do Magento. Posteriormente, o usurio direcionado para a pgina administrativa do Magento, apresentada na Figura 17.

Figura 17 - Tela do painel administrativo da loja virtual.

O prximo passo refere-se personalizao da loja virtual, ajustando idioma, catlogo de produtos, forma de trabalho, entre outros.

41

4.3 PERSONALIZAO DA LOJA VIRTUAL

Para personalizar a loja virtual instalada, deve-se acessar o painel administrativo. O primeiro passo a ser feito traduzir a loja para o idioma desejado. Para isso basta ir na pgina inicial do Magento Admin (painel administrativo) e no canto inferior esquerdo, alterar o idioma do sistema. Para esta loja foi escolhido Portugus (Brasil).

Figura 18 - Tela de traduo do Magento

Na sequncia, pode-se configurar o design do site para trs colunas. Para isso, deve-se clicar no menu CMS > Pginas e posteriormente em HOME PAGE > DESIGN. Deve-se mudar o layout para 3 colunas e preciso retirar o comentrio do cdigo Extensible Markup Language (XML) da atualizao do layout (deve-se apagar o no final do cdigo). Com estas alteraes, o incio e o final do cdigo XML ficam com o visual apresentado na Figura 19. Feito isso, deve-se clicar no boto Salvar Pgina.

Figura 19 - Tela de configurao do design da loja

42

O prximo passo apagar o nome Home Page que aparece na pgina inicial da loja Magento. Para isso, deve-se clicar na opo Home Page > contedo e ento apagar o contedo que aparece na caixa de texto ( Home Page) e clicar em Salvar Pgina. Aps essas configuraes, a pgina inicial do Magento estar com layout de 3 colunas e pronto para comear a configurar os produtos, como apresentado na Figura 20.

Figura 20 - Tela inicial da loja aps alterao de layout

4.3.1 Cadastro de Produtos

Para realizar o cadastro de produtos, pode-se optar por criar quatro tipos distintos de produtos: produtos simples, produtos agrupados, produtos virtuais e produtos digitais.

43

4.3.1.1 Cadastro de Produtos Simples

Para comear a adicionar produtos do tipo simples no site deve-se acessar o painel administrativo, e em seguida clicar no menu superior, na opo Catlogo > Gerenciar Produtos > Adicionar Produto, e em tipo de produto, escolher Produto Simples. Clicando em continuar, tm-se acesso primeira tela de configurao do produto, na qual deve ser informado o nome do produto, uma descrio completa do produto e tambm uma descrio curta. Deve-se tambm escolher o cdigo do produto na loja (o fato de ter que escolher o cdigo torna um pouco complicado o cadastro, pois deve-se lembrar quais foram os cdigos j usados), que um campo obrigatrio, com cdigo nico, e tambm o seu peso. Pode-se escolher o perodo que o produto aparecer como novo na loja.

O status do produto deve ser alterado para habilitado, as demais opes podem ficar marcadas com seus valores sugeridos por padro. O prximo passo clicar em Prices (aparece em ingls, pois o pacote de traduo do Magento ainda no consegue traduzir todas as opes do site) no menu esquerdo e configurar o preo do produto, podendo tambm configurar um preo especial, escolhendo o preo especial e o perodo que o produto ficar com promoo. Pode-se tambm informar o custo do produto, para um melhor controle da loja. A opo Tas Class deve ficar em branco por enquanto.

O prximo passo cadastrar as imagens relacionadas ao produto, fazendo upload das imagens e escolhendo a forma de visualizao. Feito isso, deve-se clicar na opo inventrio e escolher a quantidade do produto que estar disponvel em estoque, podendo tambm configurar outras opes, como a quantidade mnima no estoque e a quantidade mxima que o cliente poder adicionar no carrinho, entre outras.

Por fim, deve-se mudar a disponibilidade do produto no estoque para Em estoque. Feito isso, pode-se clicar no boto Salvar, e o primeiro produto simples estar cadastrado.

44

Figura 21 - Tela com primeiro produto cadastrado

4.3.1.2 Cadastro de Produtos Agrupados

Para cadastrar produtos agrupados, deve-se acessar o painel administrativo, clicar em catlogo > gerenciar produtos e em tipo de produtos escolher produto agrupado. O produto agrupado ser a juno de dois ou mais produtos simples que j esto cadastrados na loja, portanto no preciso cadastrar preos, pois o preo de cada produto j est cadastrado em seu anncio original e da mesma forma no preciso gerenciar o estoque no anncio agrupado, pois isso j acontece no anncio original do produto.

Os passos seguintes so basicamente os mesmos do cadastro de produtos simples, escolhendo o nome do anncio, a descrio dos produtos, cadastro de imagens, etc. Apenas para finalizar o cadastro preciso clicar na aba produtos associados e escolher quais sero os produtos que sero vinculados ao anncio. Feito isso, basta clicar em salvar e o produto agrupado estar cadastrado na loja. A

45

Figura 22 apresenta o cadastro de produtos agrupados, como por exemplo, um notebook, associado a uma mochila para notebook.

Figura 22 - Cadastro de produtos agrupados

A Figura 23 permite visualizar um produto agrupado em uma simulao de compra.

Figura 23 - Exemplo de produto agrupado

4.3.1.3 Cadastro de Produto Virtual

Produto virtual pode ser um servio, ou outro produto que no possa ser entregue fisicamente. Por exemplo, um plano de hospedagem oferecido ao cliente, pode ser considerado um produto virtual. Ento para cadastrar um produto virtual, deve-se acessar a opo catalogo > gerenciar produtos > adicionar produtos e

46

em tipo de produtos escolher produto virtual. Os prximos passos so iguais aos executados para cadastro de produtos simples, escolhendo nome, descrio, preo, imagem, etc. A nica diferena neste produto que no preciso gerenciar o estoque dele, portanto pode-se desabilitar essa opo na aba inventrio. A Figura 24 apresenta um exemplo de produto virtual sendo cadastrado.

Figura 24 - Cadastro de Produto Virtual

4.3.1.4 Cadastro de produto digital (download)

Produto digital um produto para download, sendo que o cliente pode efetuar a compra do produto e baixar o mesmo diretamente em seu computador, por exemplo, algum software, pacotes de fontes para determinado software, etc. Para fazer o cadastro de um produto digital deve-se seguir os mesmos passos de um cadastro de produto simples, porm na ltima aba, existe a opo Informaes de download, onde se faz o upload do produto para o cliente baixar, podendo ser hospedado diretamente no servidor do site, ou podendo configurar apenas o link (link direto) de algum servidor de terceiro. H tambm a opo de por algum arquivo demo (demonstrao) para o cliente baixar uma verso de teste do produto antes de fazer a compra. Nesse caso o arquivo completo ser liberado apenas depois que o cliente efetuar a compra. A Figura 24 apresenta um exemplo de produto digital sendo cadastrado e a Figura 25 apresenta a visualizao desse produto na loja virtual.

47

Figura 25 - Cadastro de produto digital

Figura 26 - Produto gigital cadastrado

4.3.2 Categorias de Produtos

Categorias servem para ajudar a organizar melhor o site e tambm auxilia os clientes a encontrarem melhor os produtos desejados. Para criar categorias, deve-se acessar o painel administrativo, clicar em catlogo > gerenciar categorias. Pode-se criar uma Categoria Raiz, com o nome Menu, e marcar o status dela como ativo, podendo configurar outras opes como imagem, descrio, porm no obrigatrio, para finalizar, basta clicar em salvar categoria. Aps salvar a categoria raiz, deve-se selecion-la e clicar em adicionar subcategoria, configurando o nome,

48

deixando ela com status ativa e podendo tambm configurar outras opes no obrigatrias, da mesma forma que a categoria raiz. Aps isso deve-se clicar na aba categoria de produtos para escolher os produtos que sero adicionados categoria que est sendo criada. Para finalizar basta clicar em salvar categoria. A Figura 27 apresenta o cadastro de categorias.

Figura 27 - Criando categorias

4.3.3 Produtos Relacionados

Produtos relacionados so os produtos que aparecem como sugesto quando o cliente comprar algum produto. Por exemplo, se o cliente estiver comprando uma placa me para um computador, quando ele clicar no produto para ver as informaes do mesmo, do lado direito da pgina ir aparecer algum produto relacionado, como uma memria, processador, etc., algo que tenha relao com o produto que ele estiver comprando. Para configurar isso, deve-se acessar o painel administrativo, clicar em catlogo > gerenciar produtos, escolher o produto desejado e clicar em editar. Com a pgina de edio aberta, deve-se clicar na aba Produtos Relacionados e escolher o produto que ser relacionado ao produto principal. Para salvar as alteraes, basta clicar na opo salvar. A Figura 28 apresenta o cadastro de produtos relacionados e a Figura 29 a visualizao de um produto relacionado na loja virtual (quadro vermelho destacado na imagem).

49

Figura 28 - Configurando produtos relacionados

Figura 29 - Produtos relacionados configurados

4.3.4 Opes Personalizadas dos Produtos

Opes personalizadas so opes que o cliente pode escolher na hora de comprar determinado produto, como por exemplo, a cor, o tamanho, etc. Para configurar esta opo, deve acessar o painel administrativo, clicar em catlogo > gerenciar produto, escolher qual produto ser personalizado e clicar em editar. Com o menu de edio aberto, deve-se clicar na aba personalizar opes, escolher o ttulo e configurar quais opes o cliente poder escolher. Aps isso, basta clicar em salvar. A Figura 30 apresenta a tela de personalizao de produtos e a Figura

50

31 apresenta um produto com opes personalizadas (quadro vermelho destacado na imagem) na loja virtual.

Figura 30 - Personalizando produtos

Figura 31 - Produto personalizado

4.3.5 Tier Price ( Camada de Preo)

Tier price, traduzido como camada de preo, uma opo que pode ser utilizada para dar descontos ao cliente quando ele comprar um produto em maior quantidade, por exemplo, se o cliente comprar um pen drive ele ir pagar R$ 15,90, se ele optar comprar 2 pen drives, o preo ir cair para 14,90 cada e se ele optar por comprar 3 ir pagar 13,90 cada um. Para habilitar esta opo, deve-se acessar o painel administrativo, clicar em catlogo > gerenciar produtos, selecionar o

51

produto a ser editado e clicar em editar. Com a pgina de edio do produto aberta, deve-se clicar na aba prices, onde sero exibidas as informaes de preos do produto. Umas das opes listadas ser Tier Price e basta clicar em adicionar camada que sero exibidas as opes para cadastrar o grupo de clientes que se encaixaro na opo, a quantidade de produtos e o preo para a quantidade selecionada. Feitas as alteraes, basta clicar em salvar. A Figura 32 apresenta a tela de configurao Tier Price e um exemplo de produto na loja virtual visto na Figura 33 (quadro vermelho destacado na imagem).

Figura 32 - Configurando Tier Price

Figura 33 - Tier Price configurado

52

4.3.6 Gerenciar Pedidos

Para gerenciar os pedidos, deve-se acessar o painel administrativo e clicar na opo Vendas > Pedidos que sero listados os pedidos existentes. Nesta pgina encontram-se algumas opes como: filtrar pedidos pelo nome do cliente, nmero pedido, data, status, etc. Encontram-se tambm aes como cancelar o pedido, suspender, liberar, imprimir faturas, etc.

Para visualizar as opes avanadas do pedido, basta escolher o pedido desejado e clicar no link ver, localizado do lado direito. Na pgina que ser aberta, sero mostradas todas as informaes do pedido, como nmero do pedido, status, informaes do cliente, endereo de cobrana e envio, opes de pagamento, etc. Nesta pgina possvel tambm gerar a fatura e enviar para o cliente por e-mail e tambm cadastrar um nmero de rastreamento do pedido, para manter o cliente informado sobre o andamento do seu pedido. A Figura 34 apresenta a tela de gerenciamento dos pedidos.

Figura 34 Tela de gerenciando de pedidos

Outra opo interessante nos pedidos a opo recomprar pedido, ou seja, se o cliente por algum motivo cancelou um pedido e quer novamente fazer a compra que havia escolhido. Para isso no necessrio fazer o pedido todo novamente, basta apenas o administrador do site acessar o pedido e clicar no link recomprar, ou ento, o prprio cliente pode acessar sua conta no site e na sua pgina de pedidos, clicar na opo recomprar (Figura 35). Fazendo isso gerado

53

um novo nmero de pedido e ele altera o seus status de cancelado para pendente novamente.

Figura 35 - Opo recomprar no painel do cliente

4.3.7 Configurar Termos de Uso e Condies

Uma opo importante configurar os termos de uso da loja para que fique bem claro ao cliente como funciona a loja, quais as polticas de funcionamento, o prazo de envio da loja, as condies de pagamento, entre outras. Para configurar esses termos de uso, deve-se acessar o painel administrativo da loja, clicar em Vendas > Termos e condies. Na pgina exibida, basta clicar no boto Adicionar nova condio e abrir uma janela para cadastrar a nova condio, sendo necessrio cadastrar o nome da condio, alterar o status para ativado, escolher o texto para a caixa de verificao (texto que aparecer ao lado da opo que o cliente dever selecionar, informando que concorda com os termos) e tambm o contedo do termo de condio. Aps isso, basta clicar em salvar condio (Figura 36).

Feito isso o termo estar configurado, porm ele ainda no estar sendo exibido na pgina de vendas. Para isso preciso acessar o painel administrativo, clicar em Sistema > Configurao, no menu lateral, encontrar a aba vendas, clicar em encerrar compra, e em "habilitar termos e condies, mudar a opo para sim. Feito isso estar habilitada no site a opo termos e condies, ou seja,

54

quando o cliente for finalizar alguma compra, ele dever aceitar os termos e condies para poder continuar (quadro vermelho destacado na Figura 37).

Figura 36 - Configurando termos de uso

Figura 37 - Termos de uso

4.3.8 Cadastrar e Gerenciar Clientes

Para cadastrar e gerenciar novos clientes pelo painel administrativo deve-se clicar em Clientes > Gerenciar Clientes, e clicar no boto Adicionar Novo

55

Cliente. Na pgina de cadastro de clientes, devem-se cadastrar as informaes do cliente como nome, sobrenome, e-mail, senha, endereo, etc. Nesta pgina de clientes tambm possvel filtrar clientes por nome, e-mail, telefone, etc. Para alterar os dados de um cliente j cadastrado, basta selecionar o cliente e clicar em editar e ao final da edio clicar em salvar cliente (Figura 38).

Figura 38 - Cadastro de clientes

Uma opo interessante em caso de o cliente esquecer a senha da sua conta, basta o administrador acessar os dados do cliente no painel administrativo e marcar a opo enviar a senha gerada automaticamente, assim o cliente ir receber uma nova senha gerada automaticamente e poder acessar novamente a sua conta, cadastrando a sua prpria senha novamente.

4.3.9 Cadastro de Grupo de Clientes

Outra opo interessante criar um grupo de clientes para criar promoes e ofertas exclusivas apenas para determinados clientes, como por exemplo, clientes que mais compram no site, clientes que sempre pagam em dia, etc. Para criar grupo de clientes deve-se acessar o painel administrativo e clicar em Clientes > Grupo

56

de Clientes > Adicionar novos grupos de clientes, escolhendo o nome do grupo e clicando em Salvar grupo de clientes.

Aps isso, deve-se clicar em Clientes > Gerenciar Clientes, selecionar o cliente que deseja adicionar ao grupo criado, clicar em editar e na opo grupo escolher o grupo que foi criado (quadro vermelho destacado na imagem), aps isso, basta clicar em salvar cliente (Figura 39).

Figura 39 - Cadastrando grupo de clientes

4.3.10 Clientes On-line

O Magento permite ao administrador consultar todos os visitantes e clientes on-line na pgina em determinado momento. Para isso, basta acessar o painel administrativo, clicar em Clientes > Clientes Conectados. Se a pessoa que estiver on-line no site estiver cadastrada, o sistema ir trazer as informaes do cadastro do cliente como nome, sobrenome, e-mail, etc.

Esta opo auxilia o administrador a controlar melhor a sua loja, por exemplo, se estiver com muitos clientes on-line, ele pode aumentar o nmero de atendentes, ou ento pode tambm aproveitar o grande movimento de clientes para criar alguma promoo que chame ateno de todos, entre outras (Figura 40).

57

Figura 40 - Clientes on-line

4.3.11 Mdulos de Pagamento

Existem vrios mdulos de pagamento disponveis para serem adicionados aos sites feitos com Magento. Os mdulos escolhidos para serem utilizados na loja virtual desenvolvida nesse trabalho foram o Bcash e o Moip, pelo fato de serem citados na comunidade Magento como os mais completos para nessa plataforma.

Para instalar um mdulo de pagamento no Magento, o primeiro passo baixar a chave de instalao do mdulo. Para isso deve-se acessar o site do Magento Connect, disponvel no link http://www.magentocommerce.com/magento-connect, onde ser necessrio fazer login com sua conta Magento (a mesma conta utilizada para fazer download da instalao do Magento) e na opo de busca do site basta digitar o mdulo que ser utilizado, no caso Bcash e mandar localizar. Aps localizar o mdulo, basta clicar sobre ele e ir abrir uma nova pgina que conter um boto azul com opo Install Now. Clicando neste boto, abrir algumas opes para escolha como a plataforma utilizada. Nesse trabalho foi utilizada a verso gratuita (Magento Community). Outra opo que deve ser preenchida sobre qual verso Magento Connect est sendo usada (sugere-se utilizar sempre a ltima verso). Aps isso deve-se clicar em I agree to the extension license agreement, para concordar com os termos e por fim clicar em Get Extension Key para gerar a chave de instalao do mdulo (Figura 41).

58

Figura 41 - Gerando chave de instalao Bcash

Feito isso, deve-se copiar a chave que foi gerada. O prximo passo acessar o painel administrativo, clicar em Sistema > Conexo Magento > Gerenciador de Conexo Magento, ir abrir uma nova pgina e em Paste extension key to install (Figura 42) deve ser colada a chave que foi gerada no site Magento Connect. Aps colar a chave, basta clicar em Install e em seguida em Proceed. Aparecer uma janela de instalao e aps aguardar alguns segundos aparecer uma mensagem cache cleaned successfully. Ento estar concluda a instalao do mdulo Bcash.

59

Figura 42 - Instalando mdulo Bcash

O prximo passo configurar o mdulo, para isso deve-se acessar o painel administrativo da loja novamente, clicar em Sistema > Configurao > Mtodos de Pagamento, e localizar a opo Bcash Todas as Formas de Pagamento (Figura 43). Para configurar, preciso deixar habilitada a opo ativado e configurar as opes conta (e-mail) do Bcash, cdigo da loja e token. Essas 3 ltimas opes devem ser preenchidas com os dados da conta Bcash, criada no site Bcash, no endereo https://www.bcash.com.br. Aps realizar o cadastro no site, basta acessar a conta e clicar na aba Ferramentas que ser mostrada a Chave de Acesso (Token) e tambm o cdigo da loja (quadro vermelho destacado na Figura 44). Basta copiar essas 2 informaes, juntamente com o e-mail de cadastro e colar nas configuraes no Bcash do site Magento.

60

Figura 43 - Configurando Bcash no site da loja Magento

Figura 44 - Copiando dados da conta Bcash

Aps configurar os dados da conta Bcash, preciso escolher a quantidade mxima de parcelas que sero aceitas na compra com a utilizao do mdulo e

61

tambm deixar ativo a opo Ativar retorno automtico para redirecionar o cliente novamente para a loja Magento aps escolher a forma de pagamento (Figura 45). Feito estas configuraes, basta clicar em Salvar Configurao e estar configurado o mdulo Bcash no site da loja.

O processo de instalao do mdulo Moip praticamente o mesmo do Bcash.

Figura 45 - Realizando pagamento com mdulo Bcash

4.3.12 Mdulos dos Correios

Para realizar a instalao do mdulo dos correios no site da loja Magento, o processo praticamente o mesmo da instalao do mdulo de pagamento Bcash. Deve-se acessar o site do Magento Connect, fazer a busca pelo nome correios, nesta busca iro aparecer vrias opes de mdulo dos correios (alguns mdulos gratuitos e outros pagos). O mdulo escolhido nesse trabalho foi o mdulo com

62

nome Pedro Teixeira Correios - gratuito. Selecionado o mdulo basta seguir os passos executados para instalao do mdulo Bcash, citado acima.

Aps a instalao, deve-se realizar a configurao do mdulo no site da loja, para isso preciso acessar o painel administrativo, clicar em Sistema> Configurao, clicar na aba Vendas e escolher Tipos de Frete. Feito isso aparecero algumas configuraes do mdulo dos correios que foi instalado, como nome do meio de entrega, formato do peso (Kg ou gramas), tipos de servio (PAC, Sedex), entre outras opes no obrigatrias que podem ser configuradas de acordo com a necessidade de cada loja (Figura 46). Para continuar basta clicar em Salvar Configuraes.

Figura 46 - Configurando mdulo dos correios

O prximo passo configurar os dados de origem, ou seja, os dados para envio dos produtos para poder calcular corretamente o valor do frete. Para isso basta acessar novamente a aba Vendas e selecionar Configuraes de Entrega e cadastrar os dados de origem, ou seja, os dados da loja que est vendendo os produtos. Para finalizar, basta clicar em Salvar Configuraes e o mdulo dos

63

correios j estar instalado no site da loja e pronto para uso, como apresentado na Figura 47.

Figura 47 - Usando mdulo dos correios

4.3.13 Criar Blocos Estticos

Por meio dos mdulos estticos do Magento possvel adicionar um banner na pgina da loja. Para isso deve-se acessar a pgina administrativa do site, clicar em SGC > Blocos Estticos e clicar na opo Acrescentar novo bloco. O prximo passo configurar um ttulo para o bloco, um identificador e deixar o status como habilitado. Aps o cadastro, o prximo passo fazer upload da imagem que ser utilizada, para isso basta clicar na opo insert/edit image localizada no menu, conforme quadro vermelho destacado na Figura 48)

Figura 48 - Adicionando imagem banner

64

Aps clicar em inserir imagem ser aberta uma nova janela para selecionar a imagem desejada e ento basta clicar em Upload File. Feito isso, basta clicar em Insert para inserir a imagem na caixa de texto e clicar em Salvar Bloco para finalizar a criao do bloco. Aps salvar o bloco, deve-se clicar novamente no menu SGC> Pginas e ento selecionar a pgina Home Page que ser listada.

Ao abrir a configurao da pgina Home Page, deve-se clicar na aba Contedo e na caixa de texto que ser aberta, deve ser colocado o cdigo para mostrar o bloco que foi criado, o cdigo deste exemplo : {{block id='banner-topo'}} , ficando configurado conforme a Figura 49).

Figura 49 - Configurando bloco

Aps configurar a linha de cdigo para mostrar o bloco que foi criado, (contendo um banner para a pgina), basta clicar em Salvar Pgina e o banner j estar aparecendo na pgina inicial da loja (Quadro vermelho na Figura 50).

65

Figura 50 - Pgina inicial com banner configurado

4.3.14 Editando Blocos Estticos

Para editar blocos estticos, primeiramente deve-se remover a imagem que vem configurada por padro no Magento (propaganda que possui uma imagem de um cachorro). Para isso, preciso acessar o diretrio de instalao do Magento, que neste trabalho est configurado na pasta padro do WampServer e acessar a pasta C:\wamp\www\magento\app\design\frontend\base\default\template\callouts.

Dentro da pasta callouts, encontram-se dois arquivos: left_col.phtml e right_col.phtml, como no exemplo que ser editado, o bloco est no lado esquerdo da pgina, ser necessrio alterar o arquivo left_col.phtml. Para isso, basta abrir o arquivo com algum editor de texto (notepad, notepad++, entre outros.). Feito isso, preciso achar a linha de cdigo que se refere imagem da propaganda que ser excluda, a linha comea com

66

Figura 51 - Apagando a imagem de propagada do bloco esttico

Aps apagar toda a linha de cdigo desejada, basta salvar o arquivo e fechar o editor. Feito isso, o banner do cachorro no estar mais aparecendo na pgina principal da loja Magento. O prximo passo criar um bloco esttico para inserir na pgina no lugar do banner de propaganda que acabou de ser removido. Para isso, deve-se acessar o painel administrativo da loja, clicar em SGC > Blocos Estticos> Adicionar Novo Bloco, configurar um nome e identificador para o bloco, deixar o status como habilitado e por fim associar uma imagem ao bloco. Com a imagem adicionada, basta clicar em Salvar Bloco. Feito isso, deve-se acessar novamente o menu SGC > Pginas, clicar em Home Page e depois em Design. Na caixa de texto que ir aparecer haver um cdigo HTML, deve-se clicar no fim do cdigo e adicionar as linhas apresentadas no Quadro 2.

Identificador-do-Bloco

Quadro 2 - Cdigo HTML para incluso de bloco

Vale lembrar que os locais que esto descritos como Identificador-do-Bloco, devem ser substitudos pelo nome do identificador que foi configurado na criao do bloco. No exemplo do trabalho, o identificador foi configurado com nome

67

banner-esquerdo, portanto o cdigo foi ajustado e ficou como apresentado no Quadro 3. banner-esquerdo

Quadro 3 - Cdigo html do banner-esquerdo

A Figura 52 apresenta a incluso do cdigo na caixa de texto (quadro vermelho destacado) correspondente no painel administrativo do Magento.

Figura 52 - Configurando cdigo para adicionar bloco na pgina

Terminando de configurar o cdigo, basta clicar em Salvar Pgina e o novo bloco j estar configurado na pgina principal da loja Magento (Quadro vermelho na Figura 53).

68

Figura 53 - Pgina inicial com bloco esttico esquerdo configurado

4.3.15 Criando Enquetes

Para criar enquete no Magento, primeiramente deve-se apagar a enquete que vem configurada por padro no site, para isso basta acessar o painel administrativo, clicar em SGC > Pesquisas, selecionar a pesquisa padro e clicar em Apagar Enquete. Para configurar uma nova enquete, basta clicar em Adicionar Nova Enquete, configurar a Pergunta da Pesquisa e depois clicar na aba Respostas da Pesquisa e configurar as respostas que aparecero para escolha (Figura 54). Feito isso basta clicar em Salvar Pesquisa e a enquete estar disponvel na pgina inicial do site Magento, como no exemplo apresentado na Figura 55 (quadro vermelho destacado).

69

Figura 54 - Configurando enquete

Figura 55 - Enquete configurada

70

4.3.16 Criando Promoes no Magento

Para criar promoes no Magento, primeiramente preciso acessar o painel administrativo, clicar em Promoes > Regras de Preos de Carrinho de Compras, e clicar no boto Adicionar Nova Regra, para configurar o nome da regra e uma descrio (opcional). O status dever ser mantido como ativado (Figura 56).

Figura 56 - Configurando promoo

Existem duas formas de cadastrar a promoo, uma delas escolher apenas um ou mais grupos de clientes que podero ter acesso promoo, ou ento utilizar um cupom de desconto, ou seja, s ter acesso a promoo quem tiver o cdigo do cupom de desconto.

No exemplo feito para esse trabalho, optou-se por utilizar a opo de cupom. Para isso, no campo cupom deve-se escolher a opo cupom especfico e logo abaixo configurar o cdigo do cupom. Pode-se tambm limitar o nmero de vezes que o cupom ser utilizado e tambm quantas vezes cada cliente poder usar o cupom. Outra opo escolher o perodo em que a promoo estar ativa

71

(opcional). O prximo passo clicar na aba Aes para cadastrar o valor de desconto na promoo, no caso do exemplo feito para esse trabalho, o percentual de 10% (Figura 57). Para concluir, basta clicar em Salvar.

Figura 57 - Configurando promoo

Com isso, o cliente que tiver acesso ao cdigo do cupom, ter desconto de 10% na compra de qualquer produto, como mostram os quadros vermelhos destacados na Figura 58.

Figura 58 - Comprando com cupom de desconto

72

4.3.17 Criando um Newsletter (Boletim Informativo)

Newsletter um boletim informativo que ser enviado para os clientes informando alguma promoo, por exemplo. Para cadastrar um novo boletim informativo, deve-se acessar o painel administrativo, clicar em Newsletter > Modelos de Boletim Informativo e clicar em Adicionar novo modelo, informando o nome do modelo, o assunto, nome do remetente, e-mail do remetente e o contedo do modelo (Figura 59). Uma informao importante, na caixa de texto, na qual ser cadastrado o contedo do modelo, por padro vem configurado uma mensagem e um link, este link no deve ser removido, pois serve para o cliente clicar caso ele no queira mais receber estes boletins informativos. Para salvar a configurao, basta clicar em Salvar Modelo.

Figura 59 - Cadastro boletim informativo

Aps cadastrar o boletim informativo, o prximo passo configurar o envio do modelo, para isso basta clicar na opo Ao (localizada ao lado do boletim que foi cadastrado), escolher Newsletter da fila e selecionar a data de incio de envio, e depois clicar em Salvar Newsletter. Uma informao importante que s iro receber os informativos, os clientes que solicitarem o recebimento, ou seja, para um cliente receber o boletim informativo, ele dever acessar a pgina da loja e assinar a newsletter, informando o seu e-mail, conforme apresentado no quadro vermelho destacado na Figura 60.

73

Figura 60 - Assinando Newsletter

Com as todas as configuraes citadas acima, obteve-se a seguinte loja virtual configurada, conforme a figura 61, que mostra a pgina inicial da loja.

Figura 61 - Pgina inicial da loja configurada

74

5 CONCLUSO

O Trabalho de Diplomao teve enfoque no uso da plataforma de e-commerce Magento, buscando desenvolver uma loja virtual de forma prtica e rpida. Ao longo da pesquisa bibliogrfica realizada e seleo das plataformas para estudo, verificou-se que algumas delas se destacam pela preferncia em sua utilizao, selecionando-se em funo disso, para desenvolvimento de uma loja virtual como estudo de caso, a plataforma Magento. Entende-se que os objetivos propostos nesse trabalho foram cumpridos, tendo em vista que a loja virtual foi instalada e personalizada como previsto. Ao trmino desse trabalho importante destacar a constatao de que simples a instalao e configurao de uma loja virtual utilizando uma plataforma de e-commerce como a Magento. Com um pouco de empenho e dedicao, totalmente possvel montar sua prpria loja com esta ferramenta, basta apenas mergulhar no mundo Magento, para descobrir que uma ferramenta utilizada por milhares de pessoas no mundo todo, sendo assim, encontram-se muitas informaes sobre ela. Deve-se levar em conta algumas consideraes em relao utilizao do Magento, como por exemplo, o pacote de traduo do Magento para o portugus brasileiro no consegue atualizar totalmente a pgina da loja virtual, ficando algumas palavras em ingls, como prices, short description, entre outras, exigindo um conhecimento maior do administrator do site para poder alterar o cdigo fonte da pgina e deixar as palavras em portugus. Essas palavras em ingls tambm podem tornar a usabilidade do site um pouco complicada para o cliente. Outro fator que pode causar um pouco de dor de cabea para o administrador da loja virtual em relao compatibilidade dos mdulos instalados separadamente na loja virtual, ou seja, o administrador instala uma verso X de algum mdulo em sua loja Magento, e ao sair uma nova atualizao para o Magento, o mdulo pode no ser mais compa