Embed Size (px)
Citation preview
Curso de Engenharia da Computação
DESENVOLVIMENTO DE PROTÓTIPO DE UM SITE DE
COMÉRCIO ELETRÔNICO
Henrique Ribeiro Cavalli RA: 3270023
Itatiba – São Paulo – Brasil
Novembro de 2004
ii
Curso de Engenharia da Computação
DESENVOLVIMENTO DE PROTÓTIPO DE UM SITE DE
COMÉRCIO ELETRÔNICO
Henrique Ribeiro Cavalli RA: 3270023
Monografia apresentada à disciplina Trabalho deConclusão de Curso, do Curso de Engenharia daComputação da Universidade São Francisco, sob aorientação do Prof. Raimundo Cláudio Vasconcelos e co-orientação do Prof. José Aparecido Carrilho, comoexigência parcial para conclusão do curso de graduação.
Orientador: Prof. Raimundo Cláudio VasconcelosCo-orientador: Prof. José Aparecido Carrilho
Itatiba – São Paulo – Brasil
Novembro de 2004
iii
DESENVOLVIMENTO DE PROTÓTIPO DE UM SITE DE
COMÉRCIO ELETRÔNICO
Henrique Ribeiro Cavalli
O presente exemplar da monografia DESENVOLVIMENTO DE PROTÓTIPO
DE UM SITE DE COMÉRCIO ELETRÔNICO contenpla as correções
sugeridas pela banca examinadora durante a apresentação do Trabalho de
Conclusão de Curso.
Itatiba/SP, 08 de Dezembro de 2004
Prof Raimundo Cláudio Vasconcelos (Orientador)
USF – Universidade São Francisco – Itatiba – SP.
Prof José Aparecido Carrilho (Co-Orientador)
USF – Universidade São Francisco – Itatiba – SP.
Prof Sidney Pio de Campos (Membro Interno)
USF – Universidade São Francisco – Itatiba – SP.
iv
Agradecimentos
Agradeço primeiramente ao Professor Raimundo Cláudio Vasconcelos, meu orientador, que
acreditou em mim e incentivou-me para a conclusão deste trabalho, face aos inúmeros
percalços do trajeto.
Agradeço também ao Professor José Aparecido Carrilho, que agraciou-me incontáveis vezes
com sua paciência, e conseguiu sanar várias dúvidas, ajudando-me para a conclusão deste
trabalho.
Alguns experimentos e vários “entendimentos” não teriam sido possíveis sem a colaboração
de meus amigos Marcus Vinícius Zanotelo e Humberto Anderson Pedrisa.
Eu agradeço fraternalmente a todos.
v
Sumário
1 Introdução .......................................................................................................................... 1
2 Comércio Eletrônico .......................................................................................................... 32.1 Ferramentas ................................................................................................................... 4
2.1.1 A Linguagem HTML..............................................................................................42.1.2 A Linguagem PHP..................................................................................................52.1.3 Photoshop [4]..........................................................................................................62.1.4 Editores HTML/PHP ..............................................................................................72.1.5 MySQL ...................................................................................................................7
2.1.5.1 A Linguagem SQL........................................................................................... 9
3 LOJA virtual ...................................................................................................................... 93.1 O Protótipo .................................................................................................................. 10
3.1.1 A Página Inicial (index.php).................................................................................113.1.2 Página de Busca (busca.php) ................................................................................113.1.3 Página Administrativa ..........................................................................................133.1.4 Página do Produto (produto.php)..........................................................................133.1.5 Carrinho de Compras (carrinho.php)....................................................................143.1.6 Minhas Compras (display.php).............................................................................143.1.7 Finalizando a Compra (carrinhofinal.php) ...........................................................14
4 Conclusão.......................................................................................................................... 194.1 Contribuições .............................................................................................................. 194.2 Extensões..................................................................................................................... 19
vi
Lista de Siglas
HTML Hypertext Markup Language
ODBC Open DataBase Connectivity
PHP Hypertext Preprocessor
SGBD Sistema de Gerenciamento de Banco de Dados
SQL Structured Query Language
UML Unified Modeling Language
URL Uniform Resource Locator
vii
CAVALLI, Henrique Ribeiro. Loja Virtual. 2004. 24f. Monografia (Bacharelado em
Engenharia da Computação) – Curso de Engenharia da Computação da Universidade São
Francisco, Câmpus de Itatiba.
Resumo
A Internet vem crescendo intensamente nos últimos 10 anos, e uma das áreas que
cresce junto com um grande mercado é o comércio eletrônico, onde o cliente pode pesquisar
preços, qualidade, especificações técnicas do produto em poucos minutos.
Uma loja virtual representa uma porcentagem elevada do comércio eletrônico. O custo
benefício para a implantação de uma loja virtual é acessível para qualquer empresa, pois tem
poucos gastos e uma ampliação significante de mercado, como para os próprios clientes, que
podem fazer compras com agilidade, segurança e sem sair de casa.
O PHP é uma linguagem de programação para a Internet que possibilita a criação de
páginas dinâmicas, sendo um recurso bastante interessante para os sites de lojas virtuais
quando aliado com um banco de dados como o MySQL.
O PHP e o MySQL, quando utilizados em conjunto, disponibilizam um amplo leque
de recursos para a criação de uma loja virtual, além de serem ferramentas bastante procuradas
e utilizadas no mundo da criação de sites para estes fins.
Este trabalho apresenta as ferramentas utilizadas para criar uma Loja Virtual e o seu
funcionamento.
PALAVRAS-CHAVE: Loja Virtual, PHP, MySQL, HTML, PHOTOSHOP
1
1 INTRODUÇÃO
As lojas virtuais surgiram em meados dos anos 90, pouco tempo depois do surgimento
da Web e são a face visível de uma verdadeira revolução no comércio. Hoje não há
necessidade da presença física nem do comprador, nem do vendedor em um local pré-
determinado; não há necessidade do manuseio de papel moeda, não há necessidade da
mercadoria no momento da transação. A relação é entre um comprador e um computador
localizado em qualquer lugar do planeta e que é programado para realizar processos que
culminem em uma compra. Esses processos ocorrem nas lojas virtuais.
Com dados de 2004, estima-se que existam, no Brasil, cerca de 20 milhões de usuários
de internet. Desse total, 12% têm o hábito de realizar compras via web, o que movimentou R$
745 milhões no primeiro semestre deste ano e gerou um aumento de 51% ao mesmo período
de 2003 [1].
Figura 1 - Desempenho do Comércio Eletrônico no Brasil [2].Fonte: http://www.e-commerce.org.br
O crescimento do comércio eletrônico no Brasil é fruto de um amadurecimento do
setor que passou a olhar as compras pela web de uma forma mais abrangente. Assim, as
empresas aprimoraram de forma substancial serviços como distribuição, qualidade de
informações, atendimento pré e pós-vendas. Esses fatores, por sua vez, contribuem de forma
decisiva para melhorar a percepção do cliente em relação á segurança.
Muito embora toda loja virtual seja um website, nem todo site é uma loja virtual, ou
seja, nem todo site vende produtos ou serviços on-line. Existem inúmeras outras funções
desempenhadas pelos sites além da venda direta, tais como divulgação institucional, relações
com fornecedores, treinamento de funcionários, e diversas outras. Esses sites não podem ser
2
chamados de lojas virtuais, tendo em vista que lojas virtuais são sites de comércio eletrônico,
onde o cliente visualiza e escolhe seu produto, coloca no carrinho de compras e passa no caixa
para realizar o pagamento, num processo totalmente realizado on-line.
A lojas virtuais desempenham um papel estratégico para qualquer negócio na Internet.
É nas lojas virtuais que o visitante será apresentado aos produtos e, provavelmente, vai se
sentir motivado para realizar a compra. Partindo-se da premissa que os produtos oferecidos,
são de interesse do visitante, e estão sendo oferecidos a um preço justo, a decisão de compra
vai depender basicamente da qualidade da loja virtual em transmitir informações precisas, sua
confiabilidade, segurança e facilidade de navegação.
O correto funcionamento das lojas virtuais, 24 hs por dia, 365 dias por ano depende
primordialmente de um bom provedor de serviços de hospedagem. Não vale a pena
economizar aqui, mesmo porque, o custo desse tipo de serviço está bem acessível no Brasil,
graças a grande concorrência de fornecedores de infra-estrutura.
Pretende-se então, realizar um estudo de algumas ferramentas para a criação de uma
loja virtual, com uma ênfase maior na linguagem PHP e no banco de dados MySQL, mas
citando também o PHP Editor, o Dreamweaver e o Photoshop.
Na seção 2 são apresentados os principais conceitos de comércio eletrônico, bem
como as ferramentas utilizadas para a criação de uma loja virtual. Na seção 3 é apresentado
um protótipo de uma loja virtual de produtos de informática, o qual foi criado com as
ferramentas abordadas na seção 2. As conclusões e extensões possíveis são mostradas na
seção 4.
3
2 COMÉRCIO ELETRÔNICO
Uma loja virtual é o que melhor representa um comércio eletrônico, ela representa
hoje em dia o nível tecnológico de uma empresa. A empresa que tenha um sistema de loja
virtual bem apresentado é vista, pelos seus clientes, como uma empresa desenvolvida e
conseqüentemente está sempre um passo a frente das outras.
Na verdade, a empresa que implanta uma Loja Virtual, tem em vista a ampliação do
mercado consumidor, ou seja, a expansão do território de vendas, além do aumento
significativo nas vendas, principalmente as grandes empresas, como por exemplo, a
Americanas.com.
A Loja Virtual em si apresenta vantagens como [3]:
� Permite ao cliente mais opções de escolha e customização;
� Possibilita ao cliente conhecer detalhes do item comercializado, incluindo
foto, características técnicas, etc;
� tempo e custo na procura e escolha do produto desejado;
� Expande mercados locais e regionais para nacionais e internacionais, com
níveis mínimos de capital, estoque, logística e staff;
� Facilita a produção e pagamento just-in-time, reduzindo o “overhead” e
estoque através do incremento na automação e redução dos tempos de
processamento;
� Reduz os altos custos envolvidos em transporte, armazenamento e
distribuição, bem como em identificar e negociar com potenciais clientes;
� Melhora a eficiência no atendimento ao cliente, incluindo a entrega por
demanda;
� Permite realizar um serviço personalizado, de acordo com o perfil de cada
cliente.
Mas, esse tipo de comércio também possui desvantagens, como:
� Não aceitação da loja pelo público;
� A desconfiança do cliente perante a segurança dos seus dados;
� Conquistar a confiança dos clientes em relação aos produtos vendidos.
4
2.1 Ferramentas
Para o bom desenvolvimento de uma Loja Virtual é necessário conhecer bem algumas
ferramentas de desenvolvimento para a WEB.
O HTML [3] é uma linguagem de marcação para a Internet, o PHP vem sendo,
ultimamente, uma das linguagens de programação com maior aceitação dos programadores,
suportada por vários servidores de Internet, e como toda boa Loja, é necessário ter um bom
design e, com o Photoshop é possível criar e manipular imagens. [4] Também é preciso um
software para o desenvolvimento em si, o DreamWeaver [5] e o PHP Editor são dois recursos
interessantes para serem estudados. E, para o armazenamento de dados, o banco de dados
MySQL oferece um bom desempenho, além do baixo custo.
2.1.1 A Linguagem HTML
HTML é a sigla de Hypertext Markup Language, isto é, linguagem de marcação de
hipertexto. Essa linguagem consiste em um conjunto de códigos, chamados de marcas ou tags
usados para definir a aparência e funcionalidade das páginas da Web exibidas em um
navegador, como o Netscape Navigator/Communicator ou o Microsoft Internet Explorer [6].
O termo “programar em HTML” pode ser considerado incorreto, já que não se
programa nesta liguagem. Como o próprio nome diz, ela é uma linguagem de Marcação, ou
seja, ela serve para indicar formatações para textos, inserir imagens e ligações de hipertexto.
Por ser uma linguagem muito simples, não é necessário utilizar nenhum software
específico para desenvolvimento em HTML, embora existam vários, basta utilizar qualquer
editor de texto, como o Notepad, por exemplo.
Essa linguagem não precisa de nenhum tipo de compilador e nem gera qualquer tipo
de programa executável, ela é simplesmente interpretada pelo seu navegador, sendo assim, a
página é apresentada na tela seguindo a seqüência lógica dos comandos reconhecidos pelo
próprio navegador.
Apesar de não se poder programar em HTML, é possível inserir scripts ou applets de
linguagens mais poderosas como JavaScript ou mesmo PHP.
5
2.1.2 A Linguagem PHP
PHP (um acrônimo recursivo para "PHP: Hypertext Preprocessor") é uma linguagem de
script de Código Aberto de uso geral, especialmente guarnecida para o desenvolvimento de
aplicações Web embútivel dentro do HTML [7].
A linguagem PHP foi criada por Rasmus Lerdorf em meados de 1994, e era utilizada
apenas para que ele pudesse ter informações sobre as visitas que estavam sendo feitas em sua
homepage [3].
A versão 4 foi a que deu mais força para que o PHP se fixasse definitivamente no
mercado de desenvolvimento para WEB [3].
Hoje em dia já é possível obter o PHP em sua versão 5, porém a mais utilizada, mas já
em fase de migração, é a versão 4.3.9.
O PHP tem pouca relação com o layout, eventos ou qualquer coisa relacionada à
aparência de uma página da WEB. De fato, a maior parte do que o PHP realiza é invisível
para o usuário final. O PHP é uma linguagem de script voltada para o desenvolvimento de
páginas dinâmicas para a Internet, possibilitando uma interação com o usuário através de
formulários, parâmetros da URL e links. Permite também a atualização e montagem
instantânea de páginas complexas da WEB, com uma rapidez impossível de ser feita somente
com códigos HTML [5].
Figura 2 – Funcionamento do PHP [3]1. O usuário faz a solicitação da pagina; 2. O servidor busca a página;
3. Interpreta o código PHP contido nela; 4. O usuário visualiza a página.
6
Uma das grandes vantagens do PHP é a proteção do seu código, pois os códigos PHP
são processados no servidor, retornando para o cliente puro código HTML [3][5][8].
A Figura 2 mostra com clareza como ocorre a solicitação, o processamento e a resposta
em uma página com código PHP.
Outra grande vantagem do PHP, é que em relação a um dos principais concorrentes, o
ASP, ele roda em praticamente todas as plataformas, enquanto o outro apenas nas plataformas
Windows e Linux [8].
Porém a mais forte característica do PHP é o suporte a uma ampla variedade de bancos
de dados como MySQL, Informix, Oracle, PostgreSQL, ODBC etc.
No desenvolvimento da Loja Virtual foi utilizado o conceito de Sessões do PHP. Que
nada mais é do que uma maneira de se armazenar dados para usar em um futuro próximo [9],
como por exemplo, em um carrinho de compras, você insere um item no seu carrinho, faz
algumas pesquisas pelo site, e então resolver comprar mais algum item, quando este segundo
item é adicionado ao carrinho de compras pode-se ainda observar que o primeiro item ainda
está lá, graças as sessões que o armazenaram, no entando quando o navegador é fechado a
sessão é finalizada e os dados perdidos.
O PHP oferece ao mesmo tempo a simplicidade e a complexidade, podendo ser
utilizado por usuários iniciantes e também por usuários avançados, tamanha sua variedade de
funções.
2.1.3 Photoshop [4]
Robusto, flexível, preciso e, o Photoshop, software da Adobe, também é uma das
principais ferramentas para quem quer fazer gráficos para a Web. Mas para tanto é preciso
que o usuário tenha um razoável conhecimento das ferramentas básicas do programa.
As ferramentas básicas deste aplicativo são versáteis e poderosas. Seu gerenciador de
camadas, por exemplo, possibilita definir determinada configuração e salvá-la para uso
posterior.
Devido sua ampla riquesa de recursos o Photoshop exige um grande esforço no
aprendizado, o que pode intimidar alguns usuários.
O Photoshop é um software pago e sua aquisição, atualmente, fica em torno de três mil
e cem reais.
7
2.1.4 Editores HTML/PHP
As linguagens PHP e HTML são bem simples, podendo ser editadas em um editor de
texto básico, como o Notepad do Windows. Porém, existem softwares que são específicos
para o desenvolvimento HTML com suporte ao PHP.
No desenvolvimento do protótipo da loja virtual foram utilizados 2 editores com
suporte ao PHP. Na fase inicial do projeto, foi utilizado o Dreamweaver MX da Macromedia,
e em um segundo momento, quando os conhecimentos já estavam um pouco mais avançados
foi utilizado o PHP Editor.
O Dreamweaver é um excelente editor visual de HTML com suporte avançado a
páginas dinâmicas, oferece muitos recursos para gerar diversos aplicativos. A interface é um
pouco diferente dos editore comuns. É poderoso e fácil de trabalhar [5].
Para profissionais, ele é sinônimo de produtividade; para amadores, a virtude é a
facilidade, mas para ambos, a praticidade.
Pode-se editar a página em modo visual, ou seja, diretamente pelo projeto, ou então
pelo código, tornando o Dreamweaver uma ferramenta bem interessante.
Uma das barreiras que inviabilizou a utilização do Dreamweaver no restante do
projeto é que se trata de um software pago, sua licença, atualmente, gira em torno de mil e
duzentos reais, então a solução foi utilizar o freeware PHP Editor.
Com o PHP Editor você poderá editar e visualizar facilmente suas páginas PHP ou
HTML, possui o recurso de coloração de código fonte, ambiente multi-documentos,
bookmarks no texto, auto-complemento de funções e variáveis, entre outras características.
Ao contrário do Dreamweaver, com o PHP Editor só é possível editar as páginas pelo
código, mesmo assim, o software oferece vários recursos de edição em um menu de
ferramentas, que podem ser bem úteis na criação de páginas.
2.1.5 MySQL
O programa MySQL (R) é um servidor robusto de bancos de dados SQL (Structured
Query Language – Linguagem de Consulta Estruturada) rápido, multi-tarefa e multi-usuário.
O Servidor MySQL pode ser usado em sistemas de produção com alta carga e missão crítica
bem como pode ser embutido em programa de uso em massa. MySQL é uma marca registrada
da MySQL AB [10].
8
O MySQL é um sistema de gerenciamento de bancos de dados relacional, sendo
assim, ele pode armazenar os dados em tabelas separadas e não apenas em um único local,
isso proporciona velocidade e flexibilidade.
O banco de dados MySQL pode ser considerado um dos projetos de software de
origem mais interessante desde o Linux [3]. Ele é extremamente rápido, confiável, e fácil de
usar. Ele é tão flexível e rápido que permite armazenar logs e figuras. Mas nem tudo são
maravilhas, esse SGBD ainda peca em não ter um eficiente controle de transações, para
minimizar esse problema é necessário que o programador tente evitar riscos e controlar as
transações via código [3].
O MySQL é um servidor de banco de dados multiusuário. È uma implementação
cliente-servidor que consiste de um servidor e diferentes programas clientes e bibliotecas.
A versão 4 do servidor de banco de dados MySQL tem como principais características
[3]:
� Manipular um número ilimitado de usuários simultâneos;
� Alta velocidade de execução;
� Trabalha com diferentes plataformas;
� Disponibiliza diversos tipos de dados;
� Possibilita misturar tabelas de diferentes bancos de dados na mesma Query;
� Suporte ao ODBC;
� Permite 16 índices por tabela;
� Manipula banco de dados de até 50.000.000 (50 milhões) de registros;
� Escrita em C++;
� Alocação de memória extremamente rápida;
� O servidor pode emitir mensagem de erro em diversas linguagens.
� Uma biblioteca multi-tarefa que você pode ligar à sua aplicação para chegar a
um produto mais rápido, menor e mais fácilmente gerenciável [10].
Um dos programas clientes mais conhecidos, sem dúvida, é o MySQLFront, porém
um programa bem simples que tem funções semelhantes e, ao contrário do primeiro, é
freeware é o MyDataBaseManager, o qual foi utilizado para criar o banco de dados para a
Loja Virtual.
O gerenciamento do banco de dados MySQL pode ser feito totalmente através da
linguagem SQL, a qual é utilizada nos códigos PHP para fazer este gerenciamento.
Uma segunda opção que pode ser usada ao invés do MySQL é o PostgreSQL, menos
conhecido mas também funcional.
9
O PostgreSQL é um banco de dados relacional e orientado a objetos. Seu grande
triunfo é possuir recursos comuns à banco de dados de grande porte, o que o deixa apto a
trabalhar, inclusive, com operações de missão crítica. Além disso, trata-se de um banco de
dados versátil, seguro e gratuito [11].
A principal diferença entre o MySQL e o PostgreSQL, é que o primeiro tem como
foco a agilidade, sendo que foi desenvolvido para permitir alta velocidade de processamento e
curto tempo de resposta, adequado para bancos de dados pequenos e que não exijam recursos
complexos, como um site de comércio eletrônico de pequeno ou médio porte. Já o
PostgreSQL, foi criado para ter vários recursos e assim proporcionar suporte a tarefas
complexas, seu uso é mais indicado em aplicações com grande volume de dados ou que
tratam de informações críticas, onde o banco de dados é grande, ou seja, possui uma
quantidade alta de tabelas e campos. Contudo, para uma Loja Virtual de grande porte, o
PostgreSQL é indicado, devido ao grande armazenamento de pedidos. [11]
2.1.5.1 A Linguagem SQL
O nome "SQL" significa "Structured Query Language". Mediante a linguagem SQL é
possível interagir com os gerenciadores de base de dados relacionais para obter e modificar a
informação armazenada na base de dados.
A informação numa base de dados é armazena em tabelas que por sua vez se compõe
de colunas ou campos. Para realizar uma consulta à uma tabela deve-se utilizar a instrução
SELECT. Em uma consulta básica na clausula SELECT se indicam as colunas a visualizar, na
clausula FROM, a tabela da qual obter os dados e por último a clausula WHERE se indicam
as restrições a aplicar. As operações de incluir, atualizar e excluir informação da base de
dados também se realizam mediante instruções SQL, concretamente através dos comandos
INSERT, UPDATE e DELETE, respectivamente.
3 LOJA VIRTUAL
O objetivo deste trabalho foi estudar ferramentas para desenvolvimento de sites para
WEB e conseqüentemente a implementação de um protótipo de uma Loja Virtual de produtos
de informática.
10
O estudo se baseou nas linguagens HTML e PHP, e o uso do banco de dados on-line
MySQL.
3.1 O Protótipo
O protótipo desenvolvido foi o de uma Loja Virtual de produtos de informática. A
princípio estão sendo utilizados apenas 10 produtos para que se possa exemplificar os
processos que estarão disponíveis.
Na figura 3, é mostrado como foram estruturados os campos em cada a tabela, no
banco de dados, através de um diagrama de classe UML (Unified Modeling Language).
A tabela ‘clientes’, foi utilizada para armazenar os dados do cliente, ou seja, nome,
sobrenome, endereço, telefone etc. Esta tabela tem como chave primária o CPF do cliente,
garantindo um único cadastro para cada indivíduo.
Na tabela ‘fornecedores’, são armazenados os dados cadastrais dos fornecedores dos
produtos.
Os dados dos produtos são armazenados na tabela ‘produtos’, onde também é
localizada a quantidade em estoque de cada produto.
A tabela ‘lista’ foi criada para armazenar os produtos em destaque, os quais são
exibidos na tela inicial da loja.
Enfim, a tabela ‘pedidos’ é onde são armazenadas as compras feitas, ou seja, é
armazenado cada produto comprado por cada cliente.
11
Figura 3 – Diagrama de Classes – UML
3.1.1 A Página Inicial (index.php)
Ao entrar na Loja Virtual, o usuário se deparará com um modelo básico de qualquer
outra loja virtual, ou seja, terá o menu com o logo da empresa, alguns botões das funções
disponíveis, e os produtos da loja.
A página inicial mostra 10 produtos de maneira automática. Foi criada uma tabela
LISTA no banco de dados TCCHC, que tem os campos CODIGO e CODPRO, sendo que o
primeiro tem os dados numerados de 1 a 10, e o segundo com os dados do produto que vai ser
exibido como ícone na página principal, conforme Figura 4.
3.1.2 Página de Busca (busca.php)
A página de busca é bem simples, o usuário terá um campo para digitar no nome do
produto que está procurando e, pressionando o botão ‘OK’, a busca é feita na tabela
PRODUTOS, e todos os produtos que tiverem o conteúdo do campo Busca são mostrados na
tela com o link para a página do produto, a página de busca é mostrada na Figura 5.
12
Figura 4 – Página Inicial (Index.php)
Figura 5 – Página de Busca (busca.php)
13
3.1.3 Página Administrativa
Para entrar na página de Administração é necessário passar por uma página de
Autenticação, como mostra a Figura 6, onde, só terá acesso o Usuário com Senha de
Administrador.
A autenticação do usuário é feita através de uma consulta ao banco de dados, onde
será consultado o Usuário e Senha, e no caso do Administrador, os mesmos dados serão
comparados também com uma senha inserida dentro do código-fonte. A autenticação
processada, os dados são armazenados através de cookies no computador do usuário, para
consultas futuras, assim permitindo utilizar os recursos do site, dependendo do nível do
usuário, cliente ou administrador.
Entrando na página Administrativa, como pode ser visto na Figura 6, o administrador
terá acesso à inclusão, exclusão e alteração de Produtos e Fornecedores, e exclusão e alteração
de Clientes.
Na página de exclusão, exibida na Figura 8, o administrador terá que digitar o código
do Produto, Fornecedor ou Cliente que ele deseja excluir, em seguida, clicando no botão
excluir, o item será exibido na tela para que seja confirmada a remoção do mesmo da tabela
respectiva.
Ao entrar na página de Alteração, com pode ser vista na Figura 9, o administrador irá
digitar o código do item que ele pretende alterar. Clicando em alterar os dados serão exibidos
na tela para que a alteração seja feita.
A inclusão de um item (Fornecedor ou Produto) pelo administrador é feita de forma
bastante simples, ao clicar no link referente a cada inclusão, abrirá uma tela com os campos
para a inclusão, e clicando em incluir o item será incluído na tabela respectiva (fornecedores
ou produtos).
Ao clicar em retornar, na página administrativa, volta-se para a página inicial.
3.1.4 Página do Produto (produto.php)
Os links de cada produto direcionam para a página produto.php e levam consigo o
código do produto referente (“produto.php?id_pro=3”, significa que serão exibidos os dados
do produto com o código 3).
Ao abrir a página do produto, o código do link é lido, e são buscados os dados
referentes a esse produto na tabela PRODUTOS. Em seguida esses mesmos dados são
mostrados na tela apresentada na Figura 10, bem assim como a foto do produto que deve estar
nomeada com o código do produto dentro da pasta fotos (por exemplo, o produto de código 3
14
terá 2 fotos, a 3g.gif com o tamanho de 200x200pixels, que será mostrada na página do
produto, e a 3p.gif com o tamanho de 120x120pixels, que é exibida na página inicial).
Ao fim da página produto tem um link para incluir o item no Carrinho de Compras.
3.1.5 Carrinho de Compras (carrinho.php)
Na página do Carrinho de Compras, estamos trabalhando com cookies, onde os dados
são guardados na máquina do usuário. Ou seja, quando é adicionado um item ao carrinho de
compras, o mesmo permanecerá lá até a finalização da compra ou do navegador. Portanto o
usuário pode navegar por todo o site em busca de novos produtos, não sendo necessário fazer
a comprar de um item por vez.
Ao ser chamada a página carrinho.php é verificado se o usuário está autenticado, caso
não, o usuário é direcionado para a página de login, se já estiver o produto é adicionado à
lista, como mostra a Figura 11.
Na página carrinho.php temos a opção de ver todos os itens adicionados no Carrinho
de Compras até o momento, isto pode ser feito clicando no botão Minhas Compras.
3.1.6 Minhas Compras (display.php)
Todos os produtos adicionados no Carrinho de Compras são mostrados em uma tabela
onde aparece o título do produto, a quantidade, o preço unitário, o preço total de cada item, o
preço total, e a opção de exclusão do item. É possível, se o usuário desejar, comprar mais de
um item do mesmo produto, para isso basta alterar o valor em ‘Quantidade’ e clicar em
‘Atualizar’, a página Minhas Compras é apresentada na Figura 12.
Nessa mesma página também existe a opção de Voltar às Compras, onde o usuário
volta a pesquisar outros produtos na Loja para adicionar ao carrinho de compras, e a opção de
Finalizar a Compra, onde o usuário é encaminhado à página CarrinhoFinal.php.
3.1.7 Finalizando a Compra (carrinhofinal.php)
Para finalizar a compra o usuário clicará no botão ‘Finalizar Compra’ na página
display.php, onde ele será encaminhado para a página Carrinho Final, onde serão confirmados
todos os produtos adquiridos e o os dados de entrega do cliente, como pode ser visto na
Figura 13.
15
O sistema adiciona o código do cliente e, o código e quantidade dos produtos na tabela
‘Pedidos’, e por fim, exclui os cookies dando por encerrada a compra.
Figura 6 – Página de Autenticação
Figura 7 – Página Administrativa
16
Figura 8 – Página de Exclusão
Figura 9 – Página Inicial de Alteração
17
Figura 10 – Página do Produto
Figura 11 – Carrinho de Compras
18
Figura 12 – Minhas Compras
Figura 13 – Carrinho Final
19
4 CONCLUSÃO
Ao longo deste trabalho foi possível estudar e apresentar um conjunto de ferramentas
para a criação de uma loja virtual.
Foram abordados os conceitos de um comércio eletrônico, e a eficiência de uma loja
virtual.
Foram englobados no estudo do desenvolvimento, todas as ferramentas que serão
necessárias para a criação de uma loja virtual profissional. Foi estudado o conceito SGBD
On-Line (o MySQL), ferramentas para a montagem da página (HTML) e para seu design
(Photoshop), a linguagem PHP que é a que deu suporte para a criação do sistema e 2
softwares (Dreamweaver e PHP Editor) que podem ser usados para o desenvolvimento.
4.1 Contribuições
Este projeto mostra que a globalização está aí, não se pode ignora-la, deve-se sempre
manter-se atualizado com as novas tecnologias, e com ela buscar alcançar novos horizontes.
Sendo assim, pode-se dizer que uma empresa seja ela pequena, média ou grande, tem
espaço no mercado, e pode sim, partir para o mercado eletrônico, com chances de um
desenvolvimento e ampliação de seu patrimônio.
4.2 Extensões
Este trabalho pode ser continuado em diversas áreas, como:
� Pode-se implementar o conceito de criptografia, assim, os usuários teriam mais
segurança para efetivar suas compras. E com esse recurso, pode-se inserir
formas de pagamento como a de cartões de crédito on-line.
� Também pode-se investir na parte do design do site, pois um dos principais
atrativos para o mercado consumidor é o layout. Quanto mais atrativo o site,
mais confiança os usuários depositam nele. Hoje em dia, sabe-se que uma boa
interface é fundamental para que um site tenha sucesso.
� O gerenciamento das compras por usuário, poderia ser futuramente introduzido,
para que a loja fique mais personalizada.
20
Referências Bibliográficas
[1] Web Insider, http://www.webinsider.com.br/index.php , acessado em 14/11/2004
[2] eCommerceOrg Tudo Sobre Comércio Eletrônico – Loja Virtual, http://www.e-
commerce.org.br , acessado em 14/11/2004
[3] Claudio Adonai Muto, Dominando 110% - PHP & Mysql: guia completo, Brasport, 2002
[4] Revista Info N° 224 / Novembro 2004 / Ano 19 - Editora Abril
[5] Daniela Bhon, Sites dinâmicos com Dreaweaver, PHP & MySQL, Visual Books, 2004.
[6] Ajuda para HTML, http://help.yahoo.com/help/br/geo/ghtml/ghtml-01.html , acessado em
14/11/2004
[7] PHP: Hypertext Preprocessor, http://br.php.net , acessado em 14/11/2004
[8] iMasters - Por uma internet mais dinâmica e criativa, http://www.imasters.com.br ,
acessado em 14/11/2004
[9] phpbrasil.com – colaboração <-> comunidade, http://www.phpbrasil.com , acessado em
14/11/2004
[10] MySQL - The world's most popular open source database, http://www.mysql.com ,
acessado em 14/11/2004
[11] Info Wester – Banco de Dados PostegreSQL e MySQL
http://www.infowester.com/postgremysql.php , acessado em 01/12/2004
