Curso de Engenharia da Computação DESENVOLVIMENTO DE PROTÓTIPO DE UM SITE DE COMÉRCIO ELETRÔNICO

Transcrição

1 Curso de Engenharia da Computação DESENVOLVIMENTO DE PROTÓTIPO DE UM SITE DE COMÉRCIO ELETRÔNICO Henrique Ribeiro Cavalli RA: Itatiba São Paulo Brasil Novembro de 2004

2 ii Curso de Engenharia da Computação DESENVOLVIMENTO DE PROTÓTIPO DE UM SITE DE COMÉRCIO ELETRÔNICO Henrique Ribeiro Cavalli RA: Monografia apresentada à disciplina Trabalho de Conclusão de Curso, do Curso de Engenharia da Computação da Universidade São Francisco, sob a orientação do Prof. Raimundo Cláudio Vasconcelos e coorientação do Prof. José Aparecido Carrilho, como exigência parcial para conclusão do curso de graduação. Orientador: Prof. Raimundo Cláudio Vasconcelos Co-orientador: Prof. José Aparecido Carrilho Itatiba São Paulo Brasil Novembro de 2004

3 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.

4 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.

5 v Sumário 1 Introdução Comércio Eletrônico Ferramentas A Linguagem HTML A Linguagem PHP Photoshop [4] Editores HTML/PHP MySQL A Linguagem SQL LOJA virtual O Protótipo A Página Inicial (index.php) Página de Busca (busca.php) Página Administrativa Página do Produto (produto.php) Carrinho de Compras (carrinho.php) Minhas Compras (display.php) Finalizando a Compra (carrinhofinal.php) Conclusão Contribuições Extensões... 19

6 vi Lista de Siglas HTML ODBC PHP SGBD SQL UML URL Hypertext Markup Language Open DataBase Connectivity Hypertext Preprocessor Sistema de Gerenciamento de Banco de Dados Structured Query Language Unified Modeling Language Uniform Resource Locator

7 vii CAVALLI, Henrique Ribeiro. Loja Virtual f. 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

8 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: 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

9 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.

10 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.

11 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 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.

12 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 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.

13 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 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.

14 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 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].

15 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 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.

16 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] 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.

17 10 MySQL. O estudo se baseou nas linguagens HTML e PHP, e o uso do banco de dados on-line 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.

18 11 Figura 3 Diagrama de Classes UML 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 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.

19 12 Figura 4 Página Inicial (Index.php) Figura 5 Página de Busca (busca.php)

20 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 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

21 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 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 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 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.

22 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

23 16 Figura 8 Página de Exclusão Figura 9 Página Inicial de Alteração

24 17 Figura 10 Página do Produto Figura 11 Carrinho de Compras

25 18 Figura 12 Minhas Compras Figura 13 Carrinho Final

26 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.

27 20 Referências Bibliográficas [1] Web Insider, acessado em 14/11/2004 [2] ecommerceorg Tudo Sobre Comércio Eletrônico Loja Virtual, 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, [6] Ajuda para HTML, acessado em 14/11/2004 [7] PHP: Hypertext Preprocessor, acessado em 14/11/2004 [8] imasters - Por uma internet mais dinâmica e criativa, acessado em 14/11/2004 [9] phpbrasil.com colaboração <-> comunidade, acessado em 14/11/2004 [10] MySQL - The world's most popular open source database, acessado em 14/11/2004 [11] Info Wester Banco de Dados PostegreSQL e MySQL acessado em 01/12/2004