CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA FACULDADE DE TECNOLOGIA DE LINS PROF. ANTONIO SEABRA CURSO SUPERIOR DE TECNOLOGIA EM BANCO DE DADOS IBRAHIM MOHAMMAD ABD EL MENEM AMLEH PROTÓTIPO DE LOJA VIRTUAL UTILIZANDO JAVA LINS/SP 1° SEMESTRE/2015
80
Embed
CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZAfateclins.edu.br/.../tSJGDMo0xxR9QAzVB29vD9jP3EN1G3P7S.pdf · 2019-04-03 · CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA
FACULDADE DE TECNOLOGIA DE LINS PROF. ANTONIO SEABRA
CURSO SUPERIOR DE TECNOLOGIA EM BANCO DE DADOS
IBRAHIM MOHAMMAD ABD EL MENEM AMLEH
PROTÓTIPO DE LOJA VIRTUAL UTILIZANDO JAVA
LINS/SP 1° SEMESTRE/2015
CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA
FACULDADE DE TECNOLOGIA DE LINS PROF. ANTONIO SEABRA
CURSO SUPERIOR DE TECNOLOGIA EM BANCO DE DADOS
IBRAHIM MOHAMMAD ABD EL MENEM AMLEH
PROTÓTIPO DE LOJA VIRTUAL UTILIZANDO JAVA
Trabalho de Conclusão de Curso apresentado à Faculdade de Tecnologia de Lins para obtenção do Título de Tecnólogo em Banco de Dados.
Orientador: Prof. Me. Anderson Pazin
LINS/SP 1° SEMESTRE/2015
IBRAHIM MOHAMMAD ABD EL MENEM AMLEH
PROTÓTIPO DE LOJA VIRTUAL UTILIZANDO JAVA
Trabalho de Conclusão de Curso apresentado à
Faculdade de Tecnologia de Lins, como parte dos
requisitos necessários para a obtenção do título de
Tecnólogo(a) em Banco de Dados sob orientação
do Prof. Me. Anderson Pazin.
Data de aprovação: _____/_____/_____
______________________________
Orientador: Anderson Pazin
______________________________
Examinador 1: Mario H. S. Pardo
______________________________
Examinador 2: Alciano G. G. de Oliveira
Dedicatória
Dedico esse trabalho a todos os professores, que me apoiaram durante todos esses anos. Também dedico a minha esposa pelo apoio, incentivo, compreensão e por acreditar em meu potencial. Agradeço a Deus por ter me dado força e coragem nos momentos mais difíceis dessa minha jornada. Por fim dedico esse trabalho aos meus amigos que no decorrer do curso me apoiaram e me incentivaram a não desistir dos meus objetivos.
Ibrahim Mohammad Abd El Menem Amleh
AGRADECIMENTOS
Primeiramente ao meu bom Deus por ter me dado forças, saúde e persistência
para vencer essa batalha. Ao meu orientador Anderson Pazin, pelo seu incentivo e
correções para que pudesse concluir com êxito minha monografia.
A todos os meus amigos que caminharam junto comigo nessa caminhada.
Dedico também aos demais professores e funcionários desta estimada instituição e
em especial dedico este trabalho a minha família pelo apoio, e encorajamento e
paciência para que vencesse essa longa caminhada de minha vida
Ibrahim Mohammad Abd El Menem Amleh
RESUMO
Esse trabalho tem como tema principal o desenvolvimento de uma loja virtual, que possui o objetivo de ampliar o campo de atuação e o potencial de competitividade no mercado para o qual foi desenvolvido. A loja virtual implementada ao longo deste trabalho é voltada para o segmento de vendas de computadores e seus acessórios, com o intuito de promover os objetivos citados anteriormente à empresa Centro de Computação, que atualmente possui restrições que a impedem de crescer no âmbito empresarial. A empresa Centro de Computação é uma nova empresa no mercado, portanto não possui muitos clientes e precisa aumentar o número de clientes. Com o objetivo definido, foi realizado um levantamento teórico que mostra as principais tecnologias utilizadas para o desenvolvimento da loja virtual em questão. Também foi realizado o estudo do mercado e estudo de caso referente ao problema atual da empresa e os requisitos são expressos em forma de diagramas necessários para o desenvolvimento da solução proposta (a loja virtual). Além disso, são exemplificadas, com imagens e códigos, na parte de implementação das funcionalidades do sistema. Finalmente, são apresentados os resultados obtidos e as dificuldades que foram enfrentadas durante o processo de desenvolvimento, que juntos concluem este trabalho.
Palavras-Chave: Loja Virtual, Comércio Eletrônico, Java, Servlet, JSP, Análise do Mercado, Banco de Dados e UML.
ABSTRACT
This work has as main theme the development of a virtual store, which has the objective of expanding the playing field and the potential for competition in the market for which it was developed. The shop implemented throughout this work is focused on the segment of computer and accessories sales in order to promote the goals previously mentioned to the Computer Center Company, which currently has restrictions that prevent them from growing in the business domain. The Computer Center Company is a new company in the market therefore does not have many customers and need to increase the number of customers. After a sharply defined goal, a theoretical survey has taken place showing the main technologies used for the development of the virtual store in question. In addition, the market study was conducted as well as the market case study for the current issue of the company and the requirements expressed in the form of diagrams necessary for the development of the proposed solution (the store). In addition, they are illustrated with images and codes, on the implementation of the system functionality. Finally, we present the results obtained and the difficulties that were faced during the development process, which together conclude this work. Keywords: Virtual Shop, Electronic Commerce, Java, Servlet, JSP, Market Analysis, Database and UML.
LISTA DE ILUSTRAÇÕES
Figura 2.1 – Página principal do site Dell .................................................................. 25
Figura 2.2 – Acessar Conta Dell ................................................................................ 26
Figura 2.3 - Cadastro do cliente ................................................................................ 27
Figura 2.5 - Loja Virtual Dell ...................................................................................... 29
Figura 2.6 - Dados de entrega e pagamento ............................................................. 30
Figura 2.7 - Página principal da Lojas Americanas. .................................................. 32
Figura 2.9 - Conta do Usuário ................................................................................... 34
Figura 2.10 Frame Superior da Lojas Americanas .................................................... 34
Figura 2.11 - Comprar Por Departamento ................................................................. 35
Figura 2.12 Controle De Busca ................................................................................. 35
Figura 2.13 - Garantia Estendida .............................................................................. 36
Figura 2.14 - Cesta De Compras ............................................................................... 37
Figura 2.15 Formas De Pagamento .......................................................................... 37
Figura 3.1 - Diagrama de Caso de Uso ..................................................................... 44
Figura 3.2 – Modelo Lógico ....................................................................................... 47
Figura 3.3 – Modelo Relacional ................................................................................. 47
Figura 3.4 – Diagrama de Atividade – Cadastrar Categoria ...................................... 48
Figura 3.5 – Diagrama de Atividade – Manter Marca ................................................ 48
Figura 3.6 – Diagrama de Atividade – Manter Produto ............................................. 49
Figura: 3.7 – Diagrama de Atividade – Login do Cliente ........................................... 49
Figura 3.8 – Diagrama de Atividade – Realizar Contato ........................................... 50
Figura 3.9 – Diagrama de Atividade – Realiza Venda ............................................... 50
Figura 3.10 – Diagrama de Atividade – Manter Cliente ............................................. 50
Figura 3.11 – MVC – Manter Categoria. .................................................................... 51
Figura 3.12 – MVC – Manter Produto. ....................................................................... 52
Figura 3.13 – MVC – Manter Cliente. ........................................................................ 52
Figura 3.14 – MVC – Realizar Venda. ....................................................................... 53
Figura 3.15 – MVC – Realizar Contato ...................................................................... 53
Figura 3.16 – MVC – Efetuar Login.do cliente ........................................................... 54
Figura 3.17 – Diagrama de Sequência – Manter Categoria. ..................................... 54
Figura 3.18 – Diagrama de Sequência – Realizar Contato. ...................................... 55
Figura 3.19 – Diagrama de Sequência – Efetuar Login do Cliente. ........................... 55
Figura 3.20 – Diagrama de Sequência – Realizar Venda. ........................................ 56
Figura 4.1 - Página Principal ..................................................................................... 57
Figura 4.2 - Página de Contato ................................................................................. 58
Figura 4.3 - Apresentação do Produto ...................................................................... 59
Figura 4.4 - Página do Cadastro de Cliente .............................................................. 60
Figura 4.5 - Página do Login ..................................................................................... 60
Figura 4.6 - Realizando Busca. ................................................................................. 61
Figura 4.7 - Apresentando Produtos por Categoria ................................................... 61
Figura 4.8 - Cliente Identificado ................................................................................. 62
Figura 4.9 - Dados Pessoais ..................................................................................... 62
Figura 4.10 - Pedido do Cliente ................................................................................. 63
Figura 4.11 - Carrinho de Compras ........................................................................... 63
Figura 4.12 - Fatura ................................................................................................... 64
Figura 4.13 - Dados Do Cartão ................................................................................. 64
Figura 4.14 – Venda Realizada ................................................................................. 65
Figura 4.15 - Área do Administrador ......................................................................... 66
Figura 4.16 - Manter Fornecedores ........................................................................... 66
Figura 4.17- Manter Marcas ...................................................................................... 67
Figura 4.18 - Manter Imagens ................................................................................... 67
Figura 4.19 – Manter Produtos .................................................................................. 68
Figura 4.20 – Validar Acesso .................................................................................... 69
Figura 4.21 - Adicionar Produto ao Carrinho de Compras ........................................ 70
Figura 4.22 - Controle do Carrinho de Compras ....................................................... 71
Figura 4.23 - Controle do Endereço .......................................................................... 72
Figura 4.24 - Finalizando Venda ............................................................................... 73
Figura 4.25 – Enviar de Email ................................................................................... 73
Figura 4.26 – Manter Imagens .................................................................................. 74
Figura 4.27 – Controle Produto ................................................................................. 75
Figura 4.28 – Somente Números .............................................................................. 75
Figura 4.29 – CSS ..................................................................................................... 76
LISTA DE QUADROS
Quadro 2.1 – Comparação entre as funcionalidades das duas lojas virtuais Parte1 . 38
Quadro 2.2 – Comparação entre as funcionalidades das duas lojas virtuais Parte2 . 39
Manter Marcas, Manter Imagens. No lado direito do menu lateral são apresentadas as
vendas em andamento, e que não foram entregas até o momento. Na figura 4.15, é
apresentada a página da área administrador.
66
Figura 4.15 - Área do Administrador Fonte: Elaborada pelo autor, 2015.
4.3.2 Manter Fornecedores
A figura 4.16 demonstram o formulário de controle de fornecedores.
Figura 4.16 - Manter Fornecedores Fonte: Elaborada pelo autor, 2015.
Ao acessar a página Manter Fornecedores o administrador poderá cadastrar,
atualizar, buscar e excluir fornecedores da sua base de dados. O administrador possui
nessa página um campo de seleção, através desse campo poderá selecionar um
fornecedor para buscar seus dados, atualizar dados ou exclui-lo. Para cadastrar um
novo fornecedor o administrador não precisa utilizar o campo da seleção.
O administrador deve inserir os dados do fornecedor a ser cadastrado, bem
como, endereço, telefone, endereço eletrônico entre outro, para facilitar a
comunicação com o mesmo. As páginas Manter Fabricante e Manter Categoria são
semelhantes a essa página por isso não serão apresentadas.
67
4.3.3 Manter Marcas
Na figura 4.17 é apresentado a página Manter Marcas.
Figura 4.17- Manter Marcas Fonte: Elaborada pelo autor, 2015
Esse formulário possui dois campos de seleção, o primeiro é utilizado para
atualizar e excluir uma marca cadastrada anteriormente, e segundo é utilizado para
cadastrar e atualização de marca, pois cada marca é relacionada com um fabricante.
4.3.4 Manter Imagens
O administrador deverá cadastrar imagens ilustrativas para os produtos. A
figura 4.18 mostra a página Manter Imagens.
Figura 4.18 - Manter Imagens Fonte: Elaborada pelo autor, 2015
68
4.3.4 Manter Produtos
Na figura 4.19 é mostra o formulário responsável por essa funcionalidade. Esse
formulário permite que o administrador do sistema cadastrar, atualizar, buscar ou
excluir um produto.
Figura 4.19 – Manter Produtos Fonte: Elaborada pelo autor, 2015
4.4 OS PRINCIPAIS CODIGOS
Nessa parte são apresentados os principais códigos, mostrando os trechos de
maior importância. Como foi citado anteriormente o principal objetivo é realizar vendas
online. Por isso serão apresentados códigos de realização de venda.
69
4.4.1 Declarando Lista de Venda
Quando um usuário informa seus dados do login, um Servlet chamado “validar
acesso” valida se os dados informados são corretos. Se o usuário for um cliente então
é uma sessão iniciada, e um carrinho vazio é declarado para que o cliente possa
adicionar seus produtos nele. Na figura 4.20 mostra o código responsável por isso.
Figura 4.20 – Validar Acesso Fonte: Elaborada pelo autor, 2015
4.4.2 Controle Carrinho
Cada vez o cliente adiciona um produto no seu carrinho de compras é um
Servlet de controle disparado que por sua vez recupera os dados do produto
70
adicionado e armazena esses dados numa instância tipo ItemVenda e adiciona esse
item para o carrinho das compras, feito isso encaminha o cliente para a página do
carrinho de compras, nesse carrinho o cliente pode alterar a quantidade adquirida de
cada produto e continuar, atualizar ou finalizar a venda. Na figura 4.21 é apresentado
o código de adicionar produto para o carrinho.
Figura 4.21 - Adicionar Produto ao Carrinho de Compras Fonte: Elaborada pelo autor, 2015
71
Na figura 4.22 é apresentado o código responsável por atualizar carrinho de
compras, continuar ou finalizar a venda.
Figura 4.22 - Controle do Carrinho de Compras Fonte: Elaborada pelo autor, 2015
4.4.3 Fatura de Compra
Quando um cliente adquire finalizar sua compra, é apresentada para ele a
página da fatura, nela são apresentados os dados da venda, e dados do cliente para
entrega, o cliente tem opção para modificar os dados da entrega, voltar e continuar
comprando ou confirmar os dados da sua compra e endereço da entrega. Na figura
72
4.23 é apresentado o código do Servlet responsável pela modificação de dados da
entrega.
Figura 4.23 - Controle do Endereço Fonte: Elaborada pelo autor, 2015
4.4.4 Finalizando Venda
Ao finalizar todas as etapas anterior, o cliente deve informar dados do cartão e
finalizar sua compra, feito isso o Servlet da finalização da venda é disparado. Tal
Servlet recupera esses dados e envia para o banco de dados, e encaminha um email
para o cliente com dados da sua compra. Na figura 4.24 apresenta o código
responsável por essa ação.
73
Figura 4.24 - Finalizando Venda Fonte: Elaborada pelo autor, 2015
4.4.5 Envio de Email
Após ter finalizado sua compra o sistema encaminha um email para o cliente
informando o mesmo que a sua compra foi gerada. A figura 4.25 mostra o código de
envio do email.
Figura 4.25 – Enviar de Email Fonte: Elaborada pelo autor, 2015
74
4.5 OUTROS CÓDIGOS
Nessa parte do capítulo são apresentados diversos códigos que foram
utilizados no sistema.
4.5.1 Manter Imagens
Esse código é diferente dos demais, pois trabalha com o conceito de
armazenamento de arquivos. Na figura 4.26 é apresentado o Servlet responsável por
essa funcionalidade.
Figura 4.26 – Manter Imagens Fonte: Elaborada pelo autor, 2015
4.5.2 Controle Produto
O controle do produto junta as muitas informações sobre o produto, bem como,
nome do produto, fornecedor, marca, estoque, preço, desconto, informações técnicas
do produto entre outras. Além de ser o resultado final de todo trabalho feito pelo
administrador do site. A figura 4.27 apresenta o Servlet responsável pela
funcionalidade manter produto.
75
Figura 4.27 – Controle Produto Fonte: Elaborada pelo autor, 2015
4.5.3 Uso do JavaScript
Na figura 4.28 é apresentado um código que foi utilizado para campos que
apenas aceitam números.
Figura 4.28 – Somente Números Fonte: Elaborada pelo autor, 2015
76
4.5.4 Uso do CSS
A figura 4.29 mostra a parte mais importante do código CSS utilizado no projeto.
Figura 4.29 – CSS Fonte: Elaborada pelo autor, 2015
O capítulo da implementação mostrou as principais funcionalidades que
permitem o funcionamento da loja virtual em questão.
77
CONSIDERAÇÕES FINAIS
A ideia da loja virtual está sendo muito difundida atualmente. As lojas virtuais
estão sendo apresentadas de várias maneiras, buscando com isso promover grandes
negócios para o qual foram desenvolvidas. Existem várias técnicas e ferramentas para
o seu desenvolvimento.
O mercado virtual vem crescendo no brasil ano após ano, pois é um novo tipo
de negócio que vem expandindo de forma acelerada. Isso fez com que muitas
empresas encontrassem uma oportunidade de abrir um novo caminho para suas
negociações. Por isso surgiu a ideia de montar uma loja virtual.
Foram encontradas diversas dificuldades durante o desenvolvimento deste
trabalho, desde a escolha de uma bibliografia a definição das ferramentas adequadas
para realização dela, até a implementação do projeto para web.
Com a implementação do projeto a empresa alcançou inúmeros benefícios,
desde a ampliação do mercado, que por sua vez, vem aumentando o número dos
clientes, vendas realizadas pela empresa e é a competitividade que vem colocando a
empresa em destaque por estar na rede, entre outros. Também a implementação
abriu um novo leque de negociações, fazendo com que a empresa alcançar seus
objetivos.
Esse trabalho pode ser melhorado futuramente, pois há tecnologias que podem
ser utilizadas que melhorem a parte visual da loja virtual, bem como, BootStrap e
JQuery, tal tecnologias oferecem um ambiente agradável para o usuário. Também
pode utilizar o CKEditor, que oferece para as áreas de texto, um editor permitindo
dessa forma a marcação de texto.
Também pode-se utilizar o Web Design Responsivo para adaptar o site com
a resolução de qualquer dispositivo.
Além da parte visual pode ser implementado mais funcionalidades, como,
cálculo de fretes e funcionalidade para enviar ofertas elaboradas pelo administrador.
78
REFERÊNCIAS BIBLIOGRÁFICAS
DELL, Site da Loja Oficial da Dell, Disponível em: < http://www.dell.com> Acesso em: 11 nov. 2014.
ELMASRI, R.; NAVATHE, S. B. Sistemas de Banco de Dados. 4. Ed. São Paulo: Pearson Education, 2005. FILHO, R. D. C.; RIBEIRO, C. E. Informática: Programação de Computadores. 4. ed. São Paulo: Fundação Padre Anchieta, 2010. FREEMAN, E.; FREEMAN, E. Use a Cabeça! HTML com CSS e XHTML. 2. ed. Rio de Janeiro: Alta Books Ltda, 2008. GONÇALVES, E. Desenvolvendo Aplicações Web com JSP, Servlets, Java Server Faces, Hibernate, EJB3 Persistence e Ajax. Rio de Janeiro: Ciência Moderna, 2007. GONÇALVES, E. Dominando Java Server Faces e Facelets Utilizando Spring 1.5, Hibernate e JPA. Rio de Janeiro: Ciência Moderna, 2008. GONÇALVES, E. Dominando Netbeans. Rio de Janeiro: Ciência Moderna, 2006. HEUSER, C. A. Projeto de Banco de Dados. 6. ed. Porto Alegre: Bokman, 2009. JUNIOR, W. M. et al. Sistemas de Comércio Eletrônico: Projeto e Desenvolvimento. Rio de Janeiro: Campus Ltda, 2002. KURNIAWAN, B. Java para Web com Servlets, JSP e EJB. Rio de Janeiro: Ciência Moderna, 2002. LEITE, M. Acessando Banco de Dados com Ferramentas RAD: Aplicações em Visual Basic. Rio de Janeiro: Brasport Livros e Multimídia Ltda, 2007. LOJA AMERICANAS, Site da Lojas Americanas, Disponível em: < http://www.americanas.com.br> Acesso em: 16 nov. 2014. MARCONDES, C. A. HTML 4.0 Fundamental: A Base da Programação para Web. São Paulo: Érica Ltda, 2005. MORRISON, M. Use a Cabeça!: JavaScript. 1. ed. Rio de Janeiro: Alta Books, 2008. NASSU, E. A.; SETZER, V. W. Banco de Dados Orientados a Objetos. São Paulo: Edgard Blucher Ltda, 2009. RAMAKRISHNAN, R.; GEHRKE, J. Sistemas de Gerenciamento de Banco de Dados. 3. ed. São Paulo: McGraw-Hill, 2008. RODRIGUES, L. C.; ESCOLA, J. P. L. Informática: Sistemas Operacionais e Softwares Aplicativos. São Paulo: Fundação Padre Anchieta, 2010.
79
SIERRA, K.; BATES, B. Use a Cabeça!: Java. 2. ed. Rio de Janeiro: Alta Books, 2005. TURBAN, E.; KING, D. Comércio Eletrônico: Estratégia e Gestão. São Paulo: Prentice Hall, 2004. WELLING, L.; THOMSON, L. PHP e MySQL: Desenvolvimento Web. 3. ed. Rio de Janeiro: Elsevier Editora Ltda, 2005. WEYL, E. Mobile HTML5: Usando o que há de Mais Moderno Atualmente. Tradução Rubens Prates. 1. ed. São Paulo: Novatec Editora Ltda, 2014. ZEMEL, T. Web Design Responsivo: Páginas Adaptáveis para Todos Dispositivos. São Paulo: Casa do Código, 2012.