Embed Size (px)
Citation preview
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
LISTA DE ABREVIATURAS E SIGLAS
API – Application Programming Interface
B2B – Business to Business
B2C – Business to Consumer
BD – Banco de Dados
C2B – Consumer to Business
CE – Comércio Eletrônico
CSS – Cascading Style Sheets
HTML – Hypertext Markup Language
JDBC – Java Data Base Connectivity
JEE – Java Enterprise Edition
JME – Java Micro Edition
JSE – Java Standard Edition
JSP – Java Server Pages
MB – Mega Bytes
MVC – Model-View-Controller
ODBC – Open Data Base Connectivity
RAM – Random Access Memory
SGBD – Sistema Gerenciador de Banco de Dados
SGML – Standard Generalized Markup Language
XHTML – Extensible Hypertext Markup Language
XML – Extensible Markup Language
SUMÁRIO
INTRODUÇÃO .......................................................................................................... 15
1 FUNDAMENTAÇÃO TEÓRICA .............................................................................. 17
1.1 COMÉRCIO ELETRÔNICO (CE) ......................................................................... 17
1.2 LINGUAGEM DE MARCAÇÃO ............................................................................ 18
1.2.1 Hypertext Markup Language (HTML) ............................................................... 18
1.2.2 Extensible Markup Language (XML) ................................................................ 19
1.2.3 Extensible Hypertext Markup Language (XHTML) ........................................... 19
1.2.4 HTML5 .............................................................................................................. 19
1.3 CASCADING STYLE SHEETS (CSS).................................................................. 20
1.4 NETBEANS ......................................................................................................... 20
1.5 ECLIPSE ............................................................................................................. 20
1.6 JAVA.................................................................................................................... 20
1.6.1 Servlet .............................................................................................................. 21
1.6.2 JSP ................................................................................................................... 22
1.7 BANCO DE DADOS (BD) .................................................................................... 22
1.8 SISTEMAS DE GERENCIAMENTO DE BANCO DE DADOS (SGBD)................. 22
1.9 MYSQL ................................................................................................................ 23
1.10 JDBC ................................................................................................................. 23
1.11 HIBERNATE ...................................................................................................... 24
1.12 JAVASCRIPT .................................................................................................... 24
2 ANÁLISE DO MERCADO....................................................................................... 25
2.1 DELL.................................................................................................................... 25
2.1.1 Cadastro de Cliente .......................................................................................... 26
2.1.2 Acessar conta ................................................................................................... 27
2.1.3 Loja Dell ........................................................................................................... 28
2.1.4 Produtos ........................................................................................................... 29
2.1.5 Carrinho De Compras....................................................................................... 29
2.1.6 Formas De Pagamento .................................................................................... 31
2.1.7 Considerações Finais sobre a Loja Virtual da DELL ........................................ 31
2.2 LOJAS AMERICANAS ......................................................................................... 31
2.2.1 Página Principal ............................................................................................... 31
2.2.2 Cadastro do Cliente .......................................................................................... 32
2.2.3 Acessar Conta .................................................................................................. 33
2.2.4 Loja Virtual ....................................................................................................... 34
2.2.5 Produtos ........................................................................................................... 35
2.2.6 Cesta de Compras ........................................................................................... 36
2.2.7 Formas De Pagamento .................................................................................... 37
2.2.8 Considerações Finais sobre a Lojas Americanas ............................................. 38
2.3 COMPARANDO OS DOIS SITES ........................................................................ 38
3 ANÁLISE E PROJETO DE SISTEMA .................................................................... 40
3.1 ANÁLISE DE NEGÓCIO ...................................................................................... 40
3.1.1 Instrução do Problema ..................................................................................... 40
3.1.2 Atores envolvidos no processo ......................................................................... 40
3.1.3 Descrição do ambiente atual ............................................................................ 41
3.2 A VISÃO DO PRODUTO ...................................................................................... 41
3.2.1 Perspectiva do Produto .................................................................................... 41
3.2.2 Premissas e Dependências .............................................................................. 41
3.2.3 Características ................................................................................................. 42
3.3 ANÁLISE DE REQUISITOS ................................................................................. 43
3.3.1 Análise de Requisitos Funcionais ..................................................................... 43
3.3.2 Análise de Requisitos Não Funcionais ............................................................. 45
3.4 ANÁLISE E DESIGN ............................................................................................ 46
3.4.1 Projeto de Banco de Dados .............................................................................. 46
3.4.2 Diagrama de Atividades ................................................................................... 48
3.4.3 MVC ................................................................................................................. 51
3.4.4 Diagrama de Sequência ................................................................................... 54
4 IMPLEMENTAÇÃO ................................................................................................ 57
4.1 ÁREA DO USUÀRIO............................................................................................ 57
4.1.1 Página Principal do Site ................................................................................... 57
4.1.2 Página do Contato ............................................................................................ 58
4.1.3 Apresentação do Produto ................................................................................. 58
4.1.4 Cadastro do Cliente .......................................................................................... 59
4.1.5 Login................................................................................................................. 60
4.1.6 Realizar Busca. ................................................................................................ 60
4.1.7 Produtos por Categoria .................................................................................... 61
4.2 ÁREA DO CLIENTE ............................................................................................. 62
4.2.1 Área do Cliente ................................................................................................. 62
4.2.2 Dados Do Cliente ............................................................................................. 62
4.2.3 Pedidos do Cliente ........................................................................................... 63
4.2.4 Carrinho de Compras ....................................................................................... 63
4.2.5 Realizar Venda ................................................................................................. 64
4.3 ÁREA DO ADMINISTRADOR .............................................................................. 65
4.3.1 Área do Administrador ...................................................................................... 65
4.3.2 Manter Fornecedores ....................................................................................... 66
4.3.3 Manter Marcas ................................................................................................. 67
4.3.4 Manter Imagens ............................................................................................... 67
4.3.4 Manter Produtos ............................................................................................... 68
4.4 OS PRINCIPAIS CODIGOS ................................................................................. 68
4.4.1 Declarando Lista de Venda .............................................................................. 69
4.4.2 Controle Carrinho ............................................................................................. 69
4.4.3 Fatura de Compra ............................................................................................ 71
4.4.4 Finalizando Venda ............................................................................................ 72
4.4.5 Envio de Email ................................................................................................. 73
4.5 OUTROS CÓDIGOS............................................................................................ 74
4.5.1 Manter Imagens ............................................................................................... 74
4.5.2 Controle Produto .............................................................................................. 74
4.5.3 Uso do JavaScript ............................................................................................ 75
4.5.4 Uso do CSS ...................................................................................................... 76
CONSIDERAÇÕES FINAIS ...................................................................................... 77
REFERÊNCIAS BIBLIOGRÁFICAS .......................................................................... 78
15
INTRODUÇÃO
Desde o surgimento de primeiro computador em 1946 a tecnologia tem se
acelerado causando enorme mudança no estilo de vida do ser humano. Desde então
a tecnologia da informação (TI) parece apenas começando, mas já possui grande
capacidade de inovação, gerando empregos em todo planeta e é área que mais cresce
no momento (RODRIGUES; ESCOLA, 2010).
Segundo Rodrigues e Escola (2010), também a internet se tornou algo muito
importante, pois a área que terá um desenvolvimento de software acelerado por
suceder diferentes novidades nas aplicações associadas a ela.
Além desse avanço acelerado, os sites se tornam cada vez mais complexos,
segundo Zemel (2012), estão surgindo diferentes tipos de telas com diferentes
resoluções e os sites estão oferecendo suporte a elas. Alguns dos exemplos de
aplicações que se adaptaram, o Paypal que movimenta milhões de dólares
diariamente em pagamentos mobile, também no eBay que chegou movimentar 2
bilhões de dólares em 2010. Há duas formas para desenvolver site para dispositivos
móveis, a primeira é a criação de um site para cada tipo de resolução, e a segunda a
optar por utilizar a Web Design Responsivo, que se trata de uma técnica que faz os
sites adaptem a todas as resoluções.
Com todo que foi citado sobre a importância que a internet possui juntamente
com banco de dados e outros avanços associados a TI, o Comércio Eletrônico (CE)
vem se destacando e ganhando espaço no mercado. Segundo Turban e King (2004),
o CE utiliza transações por meio da Internet, ou seja, é um processo de vender e
comprar bens, serviços e informações fazendo uso da Internet como plataforma de
negócio. Há aplicações de CE que são preparadas para realizar grandes transações
e vender ações, como exemplo, a Coréia, na qual 70% desse tipo de comercio é
realizado pela internet.
Com o foco na relevância que o CE vem ganhando, o objetivo desse trabalho
é o desenvolvimento de uma loja virtual que visa colocar uma empresa de vendas de
computadores na Internet aumentando assim a competitividade da empresa,
colocando essa empresa cada vez mais próxima de seus clientes.
Esse trabalho se divide em quatro capítulos, facilitando a compreensão dos
assuntos que serão abordados, no qual o primeiro capitulo abordará as principais
16
tecnologias envolvidas no desenvolvimento e algumas tecnologias concorrentes.
No segundo capítulo, foi feita a análise do mercado, tal estudo ajudou na
decisão de como deverá ser desenvolvido o projeto no terceiro capítulo.
O terceiro capítulo, trata-se da necessidade de implementação da loja virtual, e
mostrará as principais características do sistema desenvolvido, exemplificando as
funcionalidades por meio de diagramas específicos.
No quarto capítulo é apresentado o processo da implementação, que possuirá
ilustrações das páginas criadas juntamente com a descrição e exemplificação das
funcionalidades.
Na parte final são apresentadas as considerações finais desse trabalho e suas
referências.
17
1 FUNDAMENTAÇÃO TEÓRICA
Neste capítulo, serão apresentadas as principais tecnologias utilizadas para o
desenvolvimento web.
1.1 COMÉRCIO ELETRÔNICO (CE)
O CE é um processo de negócios “compras, vendas e barganha” de produtos,
informações e serviços por meio de rede de computadores ou através da Internet.
Para a economia atual o CE permite que as empresas tenham vantagens competitivas
ao adquirir esse meio digital para os seus negócios. Um estudo mostra que o CE
aumenta a competitividade ou cria vantagem estratégica. (TURBAN; KING, 2004)
A comunicação atualmente possui uma plataforma global cujas características
são (TURBAN; KING, 2004):
A Possibilidade de computadores e celulares de realizar transações
financeiras.
Uso disponível em qualquer momento e local.
Um banco de dados com uma grande quantidade de dados e informações.
Turban e King (2004), especificam alguns benefícios que o CE proporciona para
as empresas que o adota:
Expande o mercado: as empresas mesmo com baixo investimento, podem
alcançar um mercado com maior número de clientes, melhores parceiros e
fornecedores.
Possibilita a redução dos custos: não é necessário investimento na criação,
processamento, distribuição, recuperação de dados registrados
manualmente e armazenamento.
Melhora a organização e processo de negócio: modelos inovadores
minimizam problemas como excesso de produtos e atraso nas entregas.
As empresas conseguem obter retorno rápido e preciso de seus
colaboradores além de aumentar a interatividade.
A importância do CE se encontra no aumento da diversificação dos mercados
consumidores, introduzindo novas formas de comércio, possibilitando a criação de
novas atividades comerciais e criando propagação de novas tecnologias de
informação. (Junior et al ,2002)
18
O CE é dividido de acordo com o tipo de transação; os tipos mais utilizados
são:
Business-to-consumer (B2C) empresa-consumidor: as transações de varejo
são empresas e consumidores individuais.
Consumer-to-business (C2B) consumidor-empresa: quando o cliente fornece
produtos ou serviços para empresas, entre outros.
Business-to-business (B2B) empresa-empresa: esse tipo de transações
indica que os participantes são somente empresas.
O tipo de transações B2C se encontra no conceito de lojas e shopping centers
virtuais, o mercado eletrônico desse tipo pode ser genérico; oferece vários tipos de
produtos especializado; centralizado em apenas poucos tipos de produtos regionais;
oferece produtos consumidores numa região, e por fins globais; que oferecem
produtos para todos os consumidores independentemente das suas localizações.
(TURBAN; KING, 2004)
Com todo que o CE oferece de vantagens, importância e a sua perspectiva de
crescimento, motivaram o desenvolvimento dessa monografia, tendo como objetivo é
a criação de uma loja virtual especializada. O processo de desenvolvimento terá
diversas tecnologias que podem ser utilizadas, a seguir serão descritas algumas
delas.
1.2 LINGUAGEM DE MARCAÇÃO
Linguagem de marcação é usada para criação de páginas web. Para isso, no
documento são especificadas as marcações denominadas tags que mostram ao
browser como o texto está estruturado, o browser por sua vez interpreta a página e a
exibe de acordo com foi especificado. (FREEMAN; FREEMAN, 2008)
1.2.1 Hypertext Markup Language (HTML)
Segundo Gonçalves (2007), a HTML é uma linguagem para descrever
linguagem de marcação que foi criada a partir da Standard Generalized Markup
Language (SGML). O HTML utiliza um pequeno conjunto de tags que suprem as
necessidades para criação da estrutura das páginas e gerenciamento simples de
documentos, isso faz dele menos complexo do que o SGML.
19
Segundo Marcondes (2005), A HTML é uma linguagem apenas para criar
estruturas das páginas, especificando o que é parágrafo, título, lista, local de imagens,
etc. A HTML por ser passeada em SGML, não tem uma estrutura exata e rígida.
1.2.2 Extensible Markup Language (XML)
De acordo com Freeman e Freeman (2008), a XML é baseada na linguagem
SGML e por isso é semelhante da HTML, mas ela não limita o desenvolvedor a utilizar
elementos fixos, ou seja, ela permite a criação de novas marcações que visam auxiliar
na leitura do documento por pessoas e na manipulação pelos computadores, por esse
motivo essa linguagem de marcação é denominada extensível.
A XML é uma linguagem estruturada, pois toda tag aberta é fechada e cada
uma delas tem significado, além de possuir um verificador de sintaxe chamado Pares
XML. (MEDEIROS, 2004)
1.2.3 Extensible Hypertext Markup Language (XHTML)
O XHMTL é a junção de duas linguagens de marcação, HTML e XML. Essa
junção uniu a popularidade e compatibilidade com os browsers do HTML com a
extensibilidade e exatidão do XML. Com essa união, o XHTML se tornou mais rigoroso
em relação a sua sintaxe, porém garante o aproveitamento de todas as últimas
atualizações dos browsers e compatibilidade com dispositivos móveis. (FREEMAN;
FREEMAN, 2008)
1.2.4 HTML5
O HTML5 veio para aperfeiçoar o HTML4 e XHTML. A sintaxe do HTML5 é
semelhante ao XHTML e HTML 4. A maior parte dos elementos suportadas pelo
XTHML e HTML 4 também tem suporte em HTML5, apenas os tags e atributos
obsoletos foram eliminadas. Qualquer documento valido em HTML 4 strict ou XHTML
pode ser valido em HTML5 com simples modificação do doctype do documento para
<!DOCTYPE html>. (WEYL, 2014)
Os desenvolvedores antes do HTML5 enfrentavam um sério problema com as
diferentes interpretações nos navegadores para mesmo documento. Com as
aperfeiçoes do HTML5 detalham precisamente como cada navegador deve interpretar
20
ou manipular esses documentos par construir DOMs idênticos. Com isso um dos
objetivos da HTML5 é informar os navegadores como devem interpretar cada cenário.
(WEYL, 2014)
1.3 CASCADING STYLE SHEETS (CSS)
Os desenvolvedores de páginas web utilizam CSS para trabalhar a parte visual
das páginas. As regras da CSS causam efeitos nos elementos de uma página, cada
propriedade recebe um valor para alterar ela, caso deseja se alterar. Também é
possível alterar vários elementos de várias páginas de uma só vez, isso facilita a
manutenção. Também a CSS facilita a definir o estilo ou estilos que serão usados.
(FREEMAN; FREEMAN, 2008)
1.4 NETBEANS
Para Gonçalves (2006), O Netbeans trata-se de um ambiente integrado para
desenvolvimento de software, Oferece para o desenvolvedor o necessário para
escrever e compilar aplicações, também o código-fonte dele é aberto e escrito
totalmente em Java. O Netbeans tem várias funcionalidades, bem como, suporte
integração com banco de dados, completo ao Java Enterprise Edition (JEE) entre
outras, essas funcionalidades foram adquiridas e desenvolvidas no decorrer de
atualizações tornando a ferramenta muito atrativa para os desenvolvedores em Java.
1.5 ECLIPSE
É uma outra ferramenta semelhante do Netbeans, o Eclipse é um ambiente
integrado de desenvolvimento. Também possui um código-fonte aberto, fornece
ferramentas que foram criadas para facilitar o desenvolvimento de aplicações, e
também possui várias funcionalidades, tornando-o bastante difundido e utilizado
atualmente bastante difundido. (FILHO; RIBEIRO, 2010)
1.6 JAVA
Segundo Gonçalves (2008), Criada pela Sun Microsystems, se-trata de uma
linguagem de programação e tem sido destaque divido as suas criações que auxiliam
21
no processo de implementação, além de suportar diferentes plataformas.
Para Gonçalves (2007), Um dos pontos fortes nessa linguagem é a
portabilidade que permite o funcionamento das aplicações desenvolvidas em diversas
plataformas eliminando a necessidade de alterações nas aplicações, além de ser uma
linguagem muito segura. Juntando a portabilidade com a segurança e as outras
ferramentas de suporte, fez do que grandes empresas como a NASA, IBM entre outros
optar por utilizar essa linguagem.
Java possui diversos ambientes de programação, voltados para fins especificas
e esses ambientes serão definidos da seguinte forma:
Java Standard Edition (JSE) – é uma edição Java padrão como o próprio
nome diz. Essa edição disponibiliza as ferramentas necessárias para
desenvolver pequenas aplicações web e desktop. (FILHO; RIBEIRO, 2010)
Java Enterprise Edition (JEE) – é uma edição baseada na plataforma JSE,
foi criada para desenvolvimento de grandes aplicações corporativas. Possui
padrão para desenvolver aplicações que deve ser seguido para que o
sistema criado comunique-se automaticamente com outros. Além do que
essa versão possuir a característica da arquitetura cliente/servidor. (FILHO;
RIBEIRO, 2010)
Java Micro Edition (JME) – Essa edição foi criada especificamente para
desenvolver aplicações para sistemas embarcados, ou com outras
palavras, sistemas para dispositivos específicos, bem como, semáforos,
celulares entre outros. Além de oferecer recursos específicos, essa versão
facilita para o desenvolvedor a lidar com as limitações de capacidade e
processamento desses equipamentos. (FILHO; RIBEIRO, 2010)
1.6.1 Servlet
Os Servlets são utilizados para criar páginas web com conteúdo dinâmico, ou
com outras palavras, o conteúdo das páginas altera-se dependendo das ações do
usuário. A construção desse tipo de classes se faz pelo código Java, assim quando
uma requisição é solicitada, o Servlet retorna uma página HTML como resposta.
(GONÇALVES, 2006)
Para Sierra e Bates (2005), Servlets são classes Java que precisam de um
servidor web para que sejam executados, também possuem a função de receber
22
solicitação que junto com o servidor web irão ser processadas e devolver uma
resposta.
1.6.2 JSP
A JSP, Segundo Kurniawan (2002), se trata de outra tecnologia Java também,
e utilizada no desenvolvimento de aplicações web, surgiu como outra opção para os
desenvolvedores com intuito de melhorar a tecnologia de Servlets. A JSP foi
desenvolvida para eliminar as dificuldades de manutenção que se encontrava no uso
dos Servlets, sendo que os Servlets misturavam o código Java com HTML, e por isso
Sun Microsystems desenvolveu a JSP como alternativa para os desenvolvedores.
1.7 BANCO DE DADOS (BD)
Um banco de dados pode ser definido com um conjunto de dados encadeados
que representam acontecimentos que fazem sentido. Esses dados são registrados por
meio de mecanismo, e esses registros formam um banco de dados. (ELMASRI;
NAVATHE, 2005)
Há dois tipos principais de banco de dados:
Bancos de dados relacionais: são os mais utilizados, esse tipo geralmente é
composto por tabelas relacionadas por meio de chaves primarias e
estrangeiras que auxiliam em referenciar uma tabela a outra. (WELLING;
THOMSON, 2005)
Bancos de dados orientados a objetos: possui o mesmo conceito das
linguagens de programação orientadas a objetos, os objetos são unidades de
armazenamento, a diferencia que um objeto no banco de dados não para de
existir quando o software finalizado. (NASSU; SETZER, 2009)
Os bancos de dados mais antigos e os relacionais tem um conteúdo mais fácil
de compreendido, mesmo pelos para usuários iniciantes. As vantagens desses
bancos são a simplicidade de apresentar dados e a facilidade de realizar consultas.
(RAMAKRISHNAN; GEHRKE, 2008)
1.8 SISTEMAS DE GERENCIAMENTO DE BANCO DE DADOS (SGBD)
Pode ser definido como um software ou conjunto de softwares desenvolvidos
23
para controlar o banco de dados. Todas as ações realizadas num banco de dados
serão controladas pelo SGBD, entre estas ações definição da estrutura de dados,
recuperação de falhas na comunicação ou no meio da gravação, inserção e busca de
dados, controlar o acesso, concorrência, e segurança dos dados. (NASSU; SETZER,
2009)
1.9 MYSQL
Segundo Gonçalves (2006), o MySQL é um SGBD relacional, foi criado por
causa da necessidade de um SGBD rápido e flexível. O MySQL também é um SGBD
confiável e possui código aberto.
Esse SGBD tem como objetivos ser de fácil uso, permitir implementações
contínuas e ser livre de bugs, todo isso sem deixar de ser rápido e seguro. Além
desses objetivos o MySQL possui características principais são:
Multiplataforma: permite que seja instalado em diversos Sistemas
Operacionais.
Funcionalidades: triggers, cluster, Stored Procedures.
Limites: na teória, o número conexões e tamanho do banco de dados não
tem limite.
Recursos de Hardware: exige no mínimo processador Pentium 3 com 64
Mega Bytes (MB) de Random Access Memory (RAM).
Padrões das tabelas: ISAM, MyISAM, InnoDB, BerkeleyDB, MERGE e
HEAP.
Compatibilidade: é compatível com o Open Data Base Connectivity
(ODBC), .NET, Java Data Base Connectivity (JDBC), e interface de
diferentes linguagens de programação. (LEITE, 2007)
1.10 JDBC
Para Gonçalves (2006), o JDBC é uma API que incluída na Java, através dela
é possível o acesso de aplicativos ao banco de dados. O JDBC foi criado com
finalidade de melhorar a comunicação e a gerenciamento de dados entre aplicativos
Java e banco de dados. Além do que foi citado, o JDBC possibilita que uma aplicação
se comunicar com diversos bancos, mas para que haja comunicação, o banco de
24
dados deve possuir suporte a driver JDBC.
1.11 HIBERNATE
A finalidade do Hibernate a reduzir ou eliminar o problema no processo de
persistência de dados em Java. Os dados são armazenados em tabelas no banco de
dados, quando em Java devem ser apresentados através de objetos, com esse
framework que possui um conjunto de ferramentas de mapeamento com acesso ao
banco de dados, e que por sua vez realiza a comunicação entre o sistema com banco
de dados facilitando o processo de desenvolvimento do projeto. (GONÇALVES, 2007)
1.12 JAVASCRIPT
Segundo Morrison (2008), O JavaScript é uma linguagem que pode realizar
várias funções de interatividade, como trocar imagens dinamicamente, efetuar
cálculos, validar campos de um formulário, entre outras. Além disso, a linguagem não
precisa ser compilada, simplesmente os códigos são escritos dentro da estrutura
HTML. O JavaScript é interpretado pelos navegadores web, pois possuem um
interpretador que interpreta o código da JavaScript.
25
2 ANÁLISE DO MERCADO
Este capítulo apresenta exemplos de lojas virtuais que já estão disponíveis na
Internet, visando uma comparação desses sites para realizar o projeto com maior
probabilidade de sucesso. Existem vários exemplos na Internet, mas a lojas
escolhidas para esse capítulo foram: Dell, Lojas Americanas.
2.1 DELL
A página principal da loja virtual da Dell tem uma estrutura que permite um fácil
acesso para os clientes, bem como, pesquisa por palavra-chave, link para conta do
cliente, link para suporte, links para destaques, entre outros. As informações são
apresentadas de maneira objetiva facilitando para os clientes chegar as informações
adequada com rapidez e eficiência. A figura 2.1 ilustra detalhes da página principal.
(Dell, 2014)
Figura 2.1 – Página principal do site Dell Fonte: Dell, 2014
26
2.1.1 Cadastro de Cliente
Há um link na página principal para os usuários acessarem suas contas. O link
abre uma página para o usuário informar os seus dados de identificação “endereço
eletrônico e senha”, caso o usuário não possua cadastro há opção para criar uma
nova conta, como ilustrado a figura 2.2
Figura 2.2 – Acessar Conta Dell Fonte: Dell, 2014
Ao selecionar a opção criar uma conta, uma nova janela com formulário para
que o usuário possa oferecer seus dados pessoais se abre. A figura 2.3 permite
visualizar melhor esse formulário. A ficha do cadastro possui alguns campos
obrigatórios.
27
Figura 2.3 - Cadastro do cliente Fonte: Dell, 2014
2.1.2 Acessar conta
Ao acessar a conta, o usuário tem uma página com diversas informações úteis,
bem como, status de pedido, carrinho da compra, status da garantia, downloads de
software, os serviços e produtos, entre outros.
Também o usuário pode alterar suas informações pessoais, tipo endereço,
endereço eletrônico, senha, a figura 2.4 ilustra melhor essas opções.
28
Figura 2.4 - Conta do Usuário Fonte: Dell, 2014
2.1.3 Loja Dell
A loja destaca alguns produtos, no centro a página, os classifica em diversas
categorias, facilitando assim o acesso do usuário. As categorias são: Melhores
Ofertas, Notebooks e Ultrafinos, computadores e All-in-ones, Acessórios e Periféricos.
Assim ao acessar a loja Dell o usuário pode alcançar o produto desejado com
maior facilidade e menor tempo possível, também o usuário sempre pode entrar em
contatos via chat online para que possa ter mais informações sobre os produtos, ou
tirar dúvidas com os vendedores da Dell. A figura 2.5 ilustra a loja virtual da Dell.
29
Figura 2.5 - Loja Virtual Dell Fonte: Dell, 2014
2.1.4 Produtos
Cada produto na loja virtual tem uma página que possui detalhadamente as
informações do produto, preço, configurações, recursos, design, acessórios, serviços,
classificações, analise, drivers, manuais e suporte. Todas essas informações facilitam
a decisão do cliente, e oferecem uma visão mais ampla para os clientes.
2.1.5 Carrinho De Compras
Após selecionar os produtos ou durante a seleção de produtos, o usuário
sempre pode acessar o carrinho de compras. Todos os produtos selecionados são
inseridos no carrinho de compras.
O carrinho de compras oferece para o usuário os custos dos produtos, a
quantidade adquirida de cada produto, o custo de entrega, salvar carrinho, aplicar
30
desconto “caso o usuário tem descontos especiais”, comprar mais produtos e por fim
caso o usuário tinha terminado, concluir compra.
Ao selecionar a opção concluir compra o usuário é direcionado para uma nova
página com um formulário para que possa oferecer as informações necessárias para
a nota fiscal, endereço desejado para entrega, telefone obrigatórios para contatos,
forma desejada para pagamento e concordar com os termos e condições de venda. A
figura 2.6 mostra o formulário dados de entrega e pagamento.
Figura 2.6 - Dados de entrega e pagamento Fonte: Dell, 2014
Após de fornecer os dados da entrega e pagamento, uma janela para revisão
do pedido será exibida, antes da confirmação final, feito isso o cliente poderá confiram
31
o pagamento.
2.1.6 Formas De Pagamento
Existem quatro formas de pagamento são: pagamento com um cartão de
credito, pagamento com dois cartões de credito, pagamento com financiamento
bancário (CDC) e pagamento com boleto bancário. O pagamento com boleto tem uma
vantagem de desconto adicional. A seleção da forma do pagamento vem na página
de dados da entrega e pagamento.
2.1.7 Considerações Finais sobre a Loja Virtual da DELL
Há uns links disponíveis em maior parte das janelas do site, bem como, carrinho
de compra, chat online, número de telefone 0800 gratuito, campo de pesquisa por
palavra, suporte, sobre a empresa, entre outros. Esses links facilitam o processo de
venda online, pois o cliente poderá em qualquer momento adquirir informações
adicionais, ou tirar dúvidas em relação a sua compra.
2.2 LOJAS AMERICANAS
É uma rede tradicional de varejo, com mais de 80 anos de vida no mercado
brasileiro. Atualmente conta com 894 lojas distribuídas nas principais cidades do país
e 4 centros de distribuição, em São Paulo, Rio de Janeiro, Uberlândia e Recife, além
de atuar no comércio eletrônico, representado pela B2W – Companha Digital.
2.2.1 Página Principal
A página principal possui uma grande quantidade de informação, bem como,
menu para compras por departamento, campo de busca, lista de casamento, aba de
destaques, ofertas do dia, abas de diversos produtos, link para atendimento online,
links para dúvidas, entre outros. A figura 2.7 mostra uma parte da página principal do
site.
O site oferece também informações sobre a empresa, fornecedores, assessoria
de imprensa, serviços, parceiros, entre outros, tentando passar uma visão ampla para
seus clientes sobre a empresa.
32
Figura 2.7 - Página principal da Lojas Americanas. Fonte: Lojas Americanas, 2014
2.2.2 Cadastro do Cliente
Existe um link na página principal, que permite o cliente fazer um cadastro ou
login caso o cliente possui uma conta. Ao selecionar esse link o usuário é direcionado
a uma nova página que possui essas duas opções, o cliente novo deve fazer o
cadastro para continuar o processo. A primeira ação que o cliente deve efetuar para
33
criar uma conta é oferecer o seu próprio endereço eletrônico. A figura 2.8 demonstra
a página de login ou cadastro, que por sua vez fornece uma visão mais detalhada,
pois além do cadastro e login possui opção para aquele usuário que perderam ou
esqueceram a sua senha.
Figura 2.8 - Login Ou Cadastro do cliente Fonte: Lojas Americanas, 2014
2.2.3 Acessar Conta
O cliente que possui uma conta, necessita fornecer ao sistema seu endereço
eletrônico e sua senha como mostra a figura 2.8. A página do acesso a conta, possui
diversas abas com informações relevantes para o cliente, visando facilitar e agilizar o
uso da loja virtual:
Pedidos: Possui informações sobre pedidos como, últimos pedidos, pedidos em
aberto, pedidos entregues, entre outros.
Dados cadastrais: aonde os clientes poderão atualizar ou modificar os seus
dados: alterar e-mail, e-mail de ofertas, endereços de entrega, alterar senha e
alterar dados cadastrais.
Outros Serviços: são serviços adicionais que o cliente pode adquirir, como
central de atendimento, 2ª via de boleto, vales do cliente.
Caixa expresso: nessa caixa o cliente pode definir seus dados de compra, onde
ficam gravados para fazer compras rápidas sem precisar informar esses dados
em cada compra.
A figura 2.9 ilustra a página da conta do usuário mais detalhadamente.
34
Figura 2.9 - Conta do Usuário Fonte: Lojas Americanas, 2014
Também o usuário, pode recuperar a senha no caso de perda, bastaria informar
o endereço eletrônico ao sistema que por sua vez, enviaria um e-mail com um link
para criar uma nova senha.
2.2.4 Loja Virtual
O site tem um frame superior que possui links direitos, que encaminham o
usuário para as principais páginas do site, e por ser um site de vendas, há uma lista
nesse frame para os diversos tipos de produtos que a loja possui, além de umas outras
opções propostas e chamativas, como a oferta do dia, moda verão, a figura 2.10
mostra melhor essas informações.
Figura 2.10 Frame Superior da Lojas Americanas Fonte: Lojas Americanas, 2014
Na figura 2.10 existe opção, compre por departamento, essa opção possui uma
35
lista de departamentos que encaminha o cliente para os produtos desejadas, além de
campo de busca que também pode ajudar o cliente em buscar ou achar os produtos
desejados. A figura 2.11 mostra as opções da lista de compra por departamento.
Figura 2.11 - Comprar Por Departamento Fonte: Lojas Americanas, 2014
A figura 2.11 mostra os departamentos da lista de compra, cada departamento
vem detalhada, isso pode ser observado na opção informática e tablets, pois possui
vem com três conjuntos de opções: informática, tablet e informática e acessórios,
facilitando a procura do cliente.
Figura 2.12 Controle De Busca Fonte: Lojas Americanas, 2014
Ao selecionar um departamento, o cliente terá acesso os produtos relacionados
com controle de forma de apresentação dos produtos, bem como, o tamanho de
imagens dos produtos, como ordenar os produtos, a quantidade a ser mostrada por
página caso exista muitas opções de escolha, definir detalhes para filtrar produtos,
entre outros. A figura 2.12 mostra uma parte dessa ferramenta de controle de busca.
2.2.5 Produtos
Na busca de produtos na loja virtual, o cliente poderá reunir informações sobre
36
preço, marca, opiniões dos clientes, entre outros. Quando o cliente seleciona um
produto para comprar, o cliente terá mais informações detalhadas sobre o produto,
bem como, mais fotos do produto, informações técnicas, avaliação dos clientes,
manual de instruções, produtos similares, entre outros.
2.2.6 Cesta de Compras
Os produtos selecionados durante o processo de compra são guardados na
cesta de compras, ao terminar de selecionar os produtos adquiridos o cliente deve
acessar o carrinho para continuar processo de compra.
Ao acessar opção cesta de compras o sistema apresentará opção de garantia
estendida, caso o cliente opte por uma garantia estendida terá que pagar um valor
extra de acordo com o tempo estendido na garantia, como mostra a figura 2.13.
Figura 2.13 - Garantia Estendida Fonte: Lojas Americanas, 2014
Feito isso, o cliente tem que informar o CEP para calcular o custo do frete, além
de informar a quantidade adquirida de cada produto, com isso o cliente deve
selecionar a opção comprar terminando assim o acesso de cesta de compras. O
cliente que tem os dados dele cadastrados na caixa expresso poderia eliminar umas
etapas por ter essas informações cadastras anteriormente. A figura 2.14 mostra
melhor os detalhes de cesta de compras.
37
Figura 2.14 - Cesta De Compras Fonte: Lojas Americanas, 2014
2.2.7 Formas De Pagamento
Ao selecionar a opção comprar na cesta de compras o cliente terá que informar
o sistema o seu login e a senha para a segurança do cliente, assim que o sistema
termina do processo de identificação, o cliente terá as opções do pagamento. O
sistema oferece cinco formas de pagamento são: cartão americanas.com, cartão de
crédito, boleto bancário, debito/Visa Electron, pague na loja e 2 cartões de crédito.
Além do pagamento o cliente tem duas opções para escolha de forma de entrega a
primeira econômica com um prazo determinado para a entrega, e a segunda
agendada caso o cliente prefere determinar uma data exata, também o usuário pode
alterar endereço da entrega. A figura 2.15 a seguir mostra mais detalhes sobre a
página de pagamento.
Figura 2.15 Formas De Pagamento Fonte: Lojas Americanas, 2014
38
Após selecionar a forma de pagamento o cliente terá que revisar os dados antes
de finalizar sua compra, e com isso somente resta fazer o pagamento de acordo com
sua seleção.
2.2.8 Considerações Finais sobre a Lojas Americanas
Além de todo que foi citado anteriormente o site possui um sistema seguro para
pagamentos online, também informações adicionais, bem como, o histórico da Lojas
Americanas, parceiros, serviços, central de atendimento, entre outros, também o site
muito fácil para ser compreendido utilizado pelos usuários.
2.3 COMPARANDO OS DOIS SITES
A comparação entre essas duas lojas virtuais ajudou a esclarecer melhor as
necessidades do projeto em questão, para definir uma forma adequada o processo de
criação da loja, levando em consideração o custo e benefício. Os quadros 2.1 e 2.2
mostram essa comparação com detalhes relevantes.
Quadro 2.1 – Comparação entre as funcionalidades das duas lojas virtuais Parte1
Nome da Loja
DELL LOJAS AMERICANAS
TIPO DA LOJA Especializada em computadores e seus
acessórios
Especializada em vendas varejo de diversas áreas
CADASTRO DE
CLIENTE
Sim Sim
MARCA DO PRODUTOS Marca própria Diversas marcas
CONTA DE CLIENTE Sim Sim
ALTERAR DADOS DO
CLIENTE
Sim Sim
ACOMPANHAMENTO
DE PEDIDOS
Sim Sim
CENTRAL DE
ATENDIMETO
Sim Sim
TELEFONE PARA
CONTATO
Sim Sim
PAGAMENTO Várias opções Várias opções
FOTOS DO PRODUTOS Sim Sim
Fonte: elaborado pelo autor, 2014
39
Quadro 2.2 – Comparação entre as funcionalidades das duas lojas virtuais Parte2
Nome da Loja
DELL
LOJAS AMERICANAS
DESCRIÇÃO DO PRODUTOS
Sim Sim
CAMPO DE BUSCA Sim Sim
FILTRO DE BUSCA Não Sim
INFORMAÇÕES DETALHADAS DO
PRODUTO
Sim Sim
GARANTIAS Sim Sim, pode ser estendida
PUBLICO ALVO Mundo Indivíduos e empresas
DEPARRTAMENTOS Sim
OFERTAR POR EMAIL Sim Sim
FRETE Não Sim
SETORES DA LOJA Não Sim
PRAZO DE ENREGA Sim Sim Fonte: elaborado pelo autor, 2014
Os quadrados 2.1 e 2.2, ajudam no entendimento do mercado demonstrando
como as duas lojas virtuais se apresentam no mercado eletrônico, e também suas
funcionalidades utilizadas no auxilio do processo de venda.
40
3 ANÁLISE E PROJETO DE SISTEMA
A finalidade deste capítulo é estudar e mostrar o estado da empresa Centro de
Computação, além de apresentar a estrutura de projeto e diagramas que irão ilustrar
a arquitetura do sistema e as funcionalidades dele.
3.1 ANÁLISE DE NEGÓCIO
A finalidade de tópico é apresentar e identificar a situação da empresa, sendo
o objetivo desse estudo é coletar informações sobre os problemas enfrentados,
necessidades e pessoas envolvidas no processo, isso para alcançar uma solução
capaz de eliminar o problema.
3.1.1 Instrução do Problema
A empresa Centro de Computação, é uma empresa que vende computadores
e acessórios e se encontra numa cidade de pequeno porte. A empresa não possui um
grande número de clientes por ser uma empresa nova no mercado, e isso causa os
seguintes problemas:
Pequeno aumento no número de clientes, por estar numa pequena cidade.
O alcanço limitado de clientes por não ter um mercado grande.
A dificuldade de conseguir novos clientes, isso por ser uma empresa nova,
e não tem conquistado ainda a confiança e fidelidade dos clientes.
Uma solução é criar uma loja virtual, sendo com um sistema de vendas online
na rede de internet poderia amenizar os problemas que a empresa em questão
enfrenta aumentando o alcance de um mercado maior que podia aumentar o número
de clientes, além de alcançar uma grande quantidade de clientes, permite a empresa
criar uma relação estrita com os clientes aumentando a confiança dos clientes.
3.1.2 Atores envolvidos no processo
O processo de vendas envolve dois autores, por um lado o responsável por
processo de venda e por outro lado o cliente, cada um desses autores terá um papel
especifico da seguinte forma:
O responsável por vendas: o papel dele é administrar todas as ações no site,
41
bem como, inserção, alteração, exclusão de produtos, marcas,
especificações e categorias. Além do que poderá consultar o banco de
dados.
O Cliente: além de ter o cadastro e fazer login, o cliente terá papel de realizar
consultas de produto, consultas de vendas feitas por eles.
3.1.3 Descrição do ambiente atual
Como a empresa ainda está começando, todos as funcionalidades de vendas
e controle financeiro estão sendo executadas manualmente sem auxílio de software
especifico.
3.2 A VISÃO DO PRODUTO
Objetivo dessa visão é apontar as principais características e necessidades do
projeto para alcançar as perspectivas esperadas pela empresa.
3.2.1 Perspectiva do Produto
O projeto tem as seguintes perspectivas:
Tornar a marca da empresa em questão conhecida no mercado.
Aumentar o mercado da empresa, saindo do alcance local da empresa para
um alcance regional.
Aumentar o número dos clientes, pois através da rede da internet a empresa
ficara mais próxima dos consumidores que podem se tornar clientes.
Aumento de vendas, pois com aumento da clientela da empresa as vendas
irão aumentar.
Os clientes poderão realizar suas compras a qualquer momento, pois o site
ficará disponível a todo instantes.
Os clientes poderão entrar em contato com a empresa via E-mail para
esclarecer dúvidas, reclamações, propostas, entre outros.
3.2.2 Premissas e Dependências
A empresa precisa de infraestrutura para o atendimento online para que possa
42
atender o público em tempo real tirando dúvidas e esclarecendo o procedimento do
processo na rede, assim teria que contratar um administrador e criar um ambiente
equipado com rede da internet e um computador para carregar o site que será
acessado pelo navegador através do endereço de hospedagem no servidor.
3.2.3 Características
As funcionalidades do sistema serão separadas de acordo com seus atores em
três módulos: administrador, cliente e funcionalidades mistas (administrador e cliente).
Funcionalidades do administrador:
Manter produtos: o administrador do site terá opção para cadastrar e manter
todas as informações dos produtos, bem como, descrição do produto, preço,
fornecedor, entre outros. Essa funcionalidade permite cadastrar, excluir ou
atualizar os produtos.
Manter categorias: uma atividade realizada pelo administrador do site, que
permite a organizar os produtos relacionando eles pela categoria, assim
facilita o processo de busca para os clientes.
Manter marcas: essa atividade é realizada pelo administrador do site,
visando facilitar o processo de busca relacionar os produtos pela marca.
Manter de fabricantes: essa atividade é realizada pelo administrador, essa
funcionalidade permite o administrador relacionar os produtos com os
fabricantes.
Manter fornecedores: o administrador deverá cadastrar, atualizar ou excluir
os fornecedores dos produtos, essa funcionalidade irá facilitar o contato com
os mesmos.
Manter imagens: essa funcionalidade permite o administrador inserir
imagens dos produtos.
Funcionalidades do cliente:
Manter clientes: os clientes terão essa funcionalidade disponibilizada no site.
Realizar vendas: os clientes terão que realizar vendas pela internet, após de
ter cadastro no sistema.
Realizar contato: uma das funções do sistema é disponibilizar um meio do
contato entre os clientes e a empresa.
Funcionalidades mistas:
43
Efetuar Login: para realizar o processo de vendas pela rede da internet, cada
cliente deve efetuar login, o cliente precisa ter um cadastro para entrar caso
não tenha cadastrado no sistema, terá um link para realizar o cadastro. O
administrador também precisa efetuar login, porém o login do administrador
terá privilégios não pertencem aos clientes, por ser o responsável pela
administração do site.
Consultar vendas: essa funcionalidade tanto para o cliente quanto para o
administrador, através dela ambos terão o acesso do andamento de venda,
e entrega do produto.
As funcionalidades citadas anteriormente necessitam para SGBD e acesso à
internet.
3.3 ANÁLISE DE REQUISITOS
O objetivo dessa análise é mostrar detalhadamente as funcionalidades do
sistema através dos diagramas e descrições. Também cada funcionalidade será
distribuída aos atores, mostrando como seria o funcionamento esperado pelo produto
final.
3.3.1 Análise de Requisitos Funcionais
Considerando os atores o administrador do site e o cliente, podem ser
identificadas as seguintes funcionalidades: manter de produtos, manter de categorias,
manter de fabricante, manter de marcas, manter funcionários, manter descrições dos
produtos, manter de clientes, realizar vendas, realizar contatos, efetuar login e
consultar vendas.
3.3.1.1 Diagrama de Caso de Uso
Este diagrama descreve as principais funcionalidades do sistema e a interação
delas com seus atores.
O diagrama de caso de uso demostrado na figura 3.1, mostra as
funcionalidades do projeto em questão, bem como, Efetuar Login, Realizar Vendas,
Manter Fornecedores, Manter Produtos, Consultar Vendas, entre outros. Também
44
mostra os dois autores citados anteriormente, cliente e administrador.
Figura 3.1 - Diagrama de Caso de Uso Fonte: Elaborado pelo autor, 2015
3.3.1.2 Especificações de Histórias
Nesse tópico são descritas as finalidades de cada caso de uso da seguinte
forma:
Manter produtos: este caso de uso representa a funcionalidade responsável
pelo cadastro do produto, possibilita também atualizar e excluir dados do
produto. Essa funcionalidade apenas para o administrador.
Manter categorias: este caso de uso representa a funcionalidade
responsável pelo cadastro da categoria, possibilita também atualizar e
excluir dados da categoria. Essa funcionalidade apenas para o
administrador.
Manter marcas: este caso de uso representa a funcionalidade responsável
pelo cadastro da marca, possibilita também atualizar e excluir dados da
marca. Essa funcionalidade apenas para o administrador.
Manter de fabricantes: este caso de uso representa a funcionalidade
responsável pelo cadastro da fabricante, possibilita também atualizar e
excluir dados do fabricante. Essa funcionalidade apenas para o
45
administrador.
Manter imagens: este caso de uso representa a funcionalidade responsável
pelo cadastro de imagens, possibilita também atualizar e excluir dados das
imagens. Essa funcionalidade apenas para o administrador.
Manter fornecedores: este caso de uso representa a funcionalidade
responsável pelo cadastro do fornecedor, possibilita também atualizar e
excluir dados do fornecedor. Essa funcionalidade apenas para o
administrador.
Manter clientes: este caso de uso representa a funcionalidade responsável
pelo cadastro do cliente, possibilita também atualizar e excluir dados do
cliente. Os clientes são responsáveis por essa funcionalidade, pois são
dados pessoais dos mesmos.
Realizar vendas: este caso de uso representa a funcionalidade responsável
pela realização de vendas. Os clientes realizam essas vendas.
Realizar contato: este caso de uso representa a funcionalidade responsável
pela realização do contato entre a empresa e seus clientes. Os clientes
poderão utilizar essa funcionalidade para entrar em contato com a empresa.
Efetuar Login: este caso de uso representa a funcionalidade responsável
pelo login. Esta possibilita também o cadastro de usuários, recuperação de
senha e alteração de senha. Tanto os clientes quanto o administrador devem
realizar essa funcionalidade.
Consultar vendas: este caso de uso representa a funcionalidade responsável
pela consulta de vendas. Tanto os clientes quanto o administrador têm
acesso a essa funcionalidade, porém, os clientes poderão apenas consultar
suas próprias vendas.
3.3.2 Análise de Requisitos Não Funcionais
Esses requisitos são os aspectos internos e as características que envolvem
especificamente a parte técnica do sistema. Também são chamadas de atributos de
qualidade. O papel que esses requisitos têm são de suma importância durante o
desenvolvimento de um sistema.
Os aspectos (Requisitos não funcionais) que devem ser levadas em
consideração são:
46
Confiabilidade: o site deve estar 98% do tempo disponível ao usuário, sendo
2% a margem máxima de indisponibilidade.
Padronização do projeto: o projeto seguirá o padrão do Model-View-
Controller (MVC), para facilitar a manutenção do projeto.
Interoperabilidade: O sistema irá se comunicar com MySQL para armazenar,
recuperar e consultar a base de dados.
O produto requisitará de um servidor disponível na rede da Internet, que por
sua vez irá permitir o acesso das pessoas que possam se tornarem clientes
virtual da empresa.
O sistema necessitará de um controle de acesso por níveis de usuários, para
permitir uma melhor gerencia de do site proposto.
3.4 ANÁLISE E DESIGN
O objetivo de análise e design é criar o design ou a arquitetura do sistema que
serão desenvolvidos a partir dos requisitos do sistema e de uma análise específica e
mais detalhada. A arquitetura será adaptada para que possa corresponder as
necessidades da implantação.
3.4.1 Projeto de Banco de Dados
Num projeto de banco de dados, geralmente devem ser considerados três
modelos são modelo conceitual, modelo logico e modelo físico. O modelo conceitual
é construído na forma de um diagrama entidade-relacionamento. O modelo lógico irá
transformar definido a forma que o banco de dados deverá ser implementado. E por
último temos o modelo físico, é um modelo que não interfere na funcionalidade do
banco de dados, mas que influencia no seu desempenho. (HEUSER, 2009)
3.4.1.1 Diagrama de Dados
O diagrama apresentado na figura 3.2 ilustra o modelo lógico do projeto em
questão.
Este diagrama mostra as tabelas do BD e suas relações, e a lógica do
processamento de dados.
47
Figura 3.2 – Modelo Lógico Fonte: Elaborado pelo autor
3.4.1.2 Mapeamentos para o Modelo Relacional e Projeto Físico
A figura 3.3 ilustra o diagrama relacional do projeto.
Figura 3.3 – Modelo Relacional Fonte: Elaborado pelo autor
48
3.4.2 Diagrama de Atividades
O diagrama de atividades é um diagrama de fluxo o qual mostra como
acontecem as atividades, ou seja, ele ilustra o rumo ou a sequência de uma atividade
para outra e as ações sofridas ou realizadas pelos objetos.
3.4.2.1 Manter Categorias
A figura 3.4 ilustra o diagrama de atividade do cadastro de categorias.
Figura 3.4 – Diagrama de Atividade – Cadastrar Categoria Fonte: Elaborado pelo autor, 2015
Os diagramas das funcionalidades Manter Fabricantes, Manter Imagens e
Manter Fornecedores são semelhantes do diagrama manter categoria, por isso não
há necessidade para ser apresentados.
3.4.2.2 Manter Marca
A figura 3.5 mostra o diagrama de atividade Manter Marca.
Figura 3.5 – Diagrama de Atividade – Manter Marca Fonte: Elaborado pelo autor, 2015
49
3.4.2.3 Manter Produto
A figura 3.6 mostra o diagrama de atividade para manter produtos.
Figura 3.6 – Diagrama de Atividade – Manter Produto Fonte: Elaborado pelo autor, 2015
3.4.2.4 Efetuar Login
Existe dois tipos de login, sendo um do cliente e outro do administrador, os dois
são semelhantes, portanto não há necessidade para apresentar os dois. Na figura 3.7
é apresentado o diagrama de atividade do login do cliente.
Figura: 3.7 – Diagrama de Atividade – Login do Cliente Fonte: Elaborado pelo autor, 2015
50
3.4.2.6 Realizar Contato
A figura 3.8 o diagrama de atividade para realizar contatos.
Figura 3.8 – Diagrama de Atividade – Realizar Contato Fonte: Elaborado pelo autor, 2015
3.4.2.7 Realizar Venda
O diagrama de atividade 3.9 ilustra o processo para realização de venda.
Figura 3.9 – Diagrama de Atividade – Realiza Venda Fonte: Elaborado pelo autor, 2015
3.4.2.8 Manter Cliente
Figura 3.10 – Diagrama de Atividade – Manter Cliente Fonte: Elaborado pelo autor, 2015
51
3.4.3 MVC
O padrão MVC é composto por três camadas são:
Modelo (model): serão definidas nessa camada as propriedades e atributos
do sistema.
Visão (view): essa camada possui a interface do usuário.
Controle (controller): essa camada é responsável por processar e
responder os eventos e ações do usuário.
Nessa etapa serão apresentados os diagramas de classes, que auxiliarão na
ilustração da maneira que as camadas do padrão MVC se interagem entre si, para
realizar as funcionalidades esperadas do projeto.
3.4.3.1 Manter Categoria
Figura 3.11 – MVC – Manter Categoria. Fonte: Elaborado pelo autor, 2015.
Os diagramas do MVC das funcionalidades Manter Fabricantes, Manter
Fornecedores, Manter Marca e Manter Imagens são semelhantes, por isso, não serão
apresentados.
3.4.3.2 Manter Produto
A figura 3.12 mostra o diagrama MVC desta funcionalidade.
52
Figura 3.12 – MVC – Manter Produto. Fonte: Elaborado pelo autor, 2015.
3.4.3.3 Manter Cliente
Figura 3.13 – MVC – Manter Cliente. Fonte: Elaborado pelo autor, 2015.
53
3.4.3.4 Realizar Venda
Figura 3.14 – MVC – Realizar Venda. Fonte: Elaborado pelo autor, 2015.
3.4.3.5 Realizar Contato
Figura 3.15 – MVC – Realizar Contato. Fonte: Elaborado pelo autor, 2015
54
3.4.3.6 Efetuar Login
A figura 3.16 mostra o MVC do login do cliente. Além do login do cliente existe
o login do administrador, porém, é semelhante e não há necessidade de apresenta-
lo.
Figura 3.16 – MVC – Efetuar Login.do cliente Fonte: Elaborado pelo autor, 2015
3.4.4 Diagrama de Sequência
Os diagramas de sequência mostram a ordenação temporal de mensagens
enviadas e recebidas através das instâncias. Esse tipo de diagramas é usado para
ilustrar o comportamento dinâmico do sistema.
3.4.4.1 Manter Categoria
Figura 3.17 – Diagrama de Sequência – Manter Categoria. Fonte: Elaborado pelo autor, 2015
55
Os diagramas de sequência das funcionalidades Manter Fabricantes, Manter
Fornecedores, Manter Marca, Manter Produto, Manter Cliente e Manter Imagens são
semelhantes, por isso, não serão apresentados.
3.4.4.2 Realizar Contato
Figura 3.18 – Diagrama de Sequência – Realizar Contato. Fonte: Elaborado pelo autor, 2015
3.4.4.3 Efetuar Login
Existem dois tipos de login no sistema, o primeiro tipo referente os clientes e
outro é do administrador do sistema, porém os dois são semelhantes e por isso
somente o diagrama do login do cliente será apresentado.
Figura 3.19 – Diagrama de Sequência – Efetuar Login do Cliente. Fonte: Elaborado pelo autor, 2015
56
3.4.4.4 Realizar Venda
Figura 3.20 – Diagrama de Sequência – Realizar Venda. Fonte: Elaborado pelo autor, 2015
Nesse capítulo foi realizada as seguintes análises:
Análise do negócio.
Análise do produto.
Análise de requisitos.
Análise e design.
57
4 IMPLEMENTAÇÃO
Neste capítulo, serão apresentadas as interfaces gráficas do projeto e suas
funcionalidades. As interfaces são divididas de acordo com identificação do usuário
em três áreas, área do usuário que não exige identificação do usuário, área do cliente,
que por sua vez, exige identificação do cliente e por último a área do administrador.
Sendo o principal objetivo é realizar vendas, serão apresentados os principais
trechos do código de realizar venda. Também são apresentados alguns códigos das
ferramentas utilizadas como: JSP, JAVASCRIPT e CSS.
4.1 ÁREA DO USUÀRIO
Nesta subdivisão, serão apresentadas as interfaces que não exigem a
identificação do usuário.
4.1.1 Página Principal do Site
Ao acessar o site, o usuário visualiza a página principal que, assim como todas
as páginas, possui na parte superior o logo da loja, seguido com um menu para auxiliar
o usuário e um campo de busca por palavras chave juntos representam o cabeçalho
das páginas do usuário, um menu lateral alinhado à esquerda que divide os produtos
por categoria, o conteúdo principal e rodapé. A figura 4.1, ilustra a página principal.
Figura 4.1 - Página Principal Fonte: Elaborada pelo autor, 2015.
58
O conteúdo dessa página possui os produtos em destaque ou oferta. O cliente
pode procurar produtos por categoria ao utilizar o lateral esquerdo, ou utilizar o campo
de busca por palavras chaves.
As seguintes páginas ofertas, e dos produtos por categorias são semelhantes
a página principal por isso não serão apresentadas. A única diferença entre essas
páginas que na página de ofertas o usuário poderá visualizar os produtos que estão
com maior desconto, e nas páginas por categoria o usuário poderá filtrar produtos
específicos.
4.1.2 Página do Contato
Essa página permite que o usuário entrar em contato com a loja, para isso o
usuário deve informar o seu nome, endereço eletrônico, telefone e assunto da
mensagem. Na figura 4.2 é apresentado a página do contato.
Figura 4.2 - Página de Contato Fonte: Elaborada pelo autor, 2015.
4.1.3 Apresentação do Produto
Quando um usuário seleciona um produto para visualizar é encaminhado para
uma página que apresenta imagens do produto, nome do produto, informações
técnicas do produto, informações do produto e preço do produto. Assim um cliente
59
poderá coletar maior parte de informações sobre esse produto para ajudá-lo na
decisão, como mostra a figura 4.3.
Figura 4.3 - Apresentação do Produto Fonte: Elaborada pelo autor, 2015.
4.1.4 Cadastro do Cliente
Os clientes devem fazer um cadastro para poder realizar suas compras, esse
cadastro possui seus dados, bem como, o endereço para entrega dos produtos, nome
completo, CPF para gerar nota fiscal, endereço eletrônico, número do celular e
telefone para contatos, entre outros. Na figura 4.4 é apresentado o formulário de
cadastro.
60
Figura 4.4 - Página do Cadastro de Cliente Fonte: Elaborada pelo autor, 2015.
4.1.5 Login
Na figura 4.5, é exibida a página do login que o usuário visualiza ao optar por
efetuar login, opção disponível no menu superior. A partir desta página, o usuário pode
seguir para a página de login. A página do login é unificada para o cliente e o
administrador, assim que, o usuário informar seu login e a senha o sistema irá identificar
se o usuário é um cliente ou administrador do site e encaminha-lo para a página adequada
para o mesmo.
Figura 4.5 - Página do Login Fonte: Elaborada pelo autor, 2015.
4.1.6 Realizar Busca.
O usuário pode realizar busca por produtos, ao escrever algumas palavras que
61
referem o produto adquirido o sistema irá fazer busca nas informações dos produtos,
informações técnicas dos produtos e nos nomes dos produtos, assim o sistema
retorna para o usuário os possíveis produtos adquiridos. Na figura 4.6, o usuário fez a
busca por palavra “Multilaser”.
Figura 4.6 - Realizando Busca. Fonte: Elaborada pelo autor, 2015.
4.1.7 Produtos por Categoria
Os usuários podem acessar os produtos por categoria, para fazer isso devem
utilizar o campo esquerdo que tem essa funcionalidade, o usuário seleciona o nome
da categoria adquirida, assim o sistema visualiza apenas produtos de tal categoria.
Na figura 4.7 o usuário selecionou a categoria “MOUSES”.
Figura 4.7 - Apresentando Produtos por Categoria Fonte: Elaborada pelo autor, 2015.
62
4.2 ÁREA DO CLIENTE
Esse tópico o cliente deve ser identificado antes de poder continuar utilizando
as páginas a seguir.
4.2.1 Área do Cliente
Ao efetuar o login, o sistema irá identificar o cliente e atribuir uma sessão para
o mesmo, no menu superior as opções do login e cadastro são substituídas por nome
do cliente e opção sair, também o cliente poderá acessar seus dados pessoais, seus
pedidos, trocar senha, acessar carrinho e realizar compras. Na figura 4.8 é
apresentado o menu superior com o usuário identificado.
Figura 4.8 - Cliente Identificado Fonte: Elaborada pelo autor, 2015.
4.2.2 Dados Do Cliente
Na figura 4.9, são apresentados os dados do cliente, o mesmo pode atualizar
seus dados, bem como, o endereço, telefone, celular entre outros. Esses dados
poderão ser modificados e atualizados, para acessar esses dados o cliente deve
acessar opção Minha Conta localizado no menu superior.
Figura 4.9 - Dados Pessoais Fonte: Elaborada pelo autor, 2015.
63
4.2.3 Pedidos do Cliente
Em qualquer momento o cliente poderá visualizar seus pedidos, cada pedido
possui nota fiscal, data do pedido, detalhes do pedido e situação do pedido. O cliente
pode acessar os próprios pedidos através da opção Meu Pedidos localizado no menu
superior. Na figura 4.10 é apresentada a página dos pedidos do cliente.
Figura 4.10 - Pedido do Cliente Fonte: Elaborada pelo autor, 2015.
4.2.4 Carrinho de Compras
Esta página é usada para exibir os produtos adicionados ao carrinho pelo
cliente, e ela é acessada através do menu superior, o usuário poderá realizar
seguintes opções nessa página, excluir produto do seu carrinho de compras, continuar
sua compra ou finalizar sua compra. Na figura 4.11, é apresentada a página do
carrinho de compras.
Figura 4.11 - Carrinho de Compras Fonte: Elaborada pelo autor, 2015.
64
4.2.5 Realizar Venda
Após ser identificado o cliente pode iniciar uma venda adicionando produtos ao
carrinho de compras, assim que o cliente solicitar a opção finalizar compra é
encaminhado para a página que apresenta a fatura da venda.
A fatura mostra os produtos adquiridos, preço de cada produto, quantidade,
total da fatura. Também mostra o endereço da entrega. Na figura 4.12 mostra os
dados apresentados numa fatura.
Figura 4.12 - Fatura Fonte: Elaborada pelo autor, 2015.
O sistema aceita apenas pagamento por Cartão debito, assim que o cliente
confirmar os dados da fatura ele é encaminhado para página para preencher dados
do seu cartão para realizar o seu pagamento ou cancelar a sua compra, com isso o
cliente finaliza sua compra. A figura 4.13 mostra a página do preenchimento dos dados
do cartão.
Figura 4.13 - Dados Do Cartão Fonte: Elaborada pelo autor, 2015.
65
Ao terminar o processo de venda, todos os dados da venda são inseridos na
base de dados das vendas, e depois são enviados para área do administrador que
por sua vez ia encaminhar e acompanhar o processo de envio e entrega dos produtos
da venda realizada. Também um email enviado para o cliente informando sobre a
realização da venda como mostra a figura 4.14.
Figura 4.14 – Venda Realizada Fonte: Elaborada pelo autor, 2015.
4.3 ÁREA DO ADMINISTRADOR
As funcionalidades do administrador são apresentadas nesta subdivisão, do
capítulo.
4.3.1 Área do Administrador
O administrador tem uma interface especifica para realizar suas tarefas, a área
principal do administrador.
A área do administrador possui um cabeçalho semelhante do usuário, um menu
de lateral esquerdo com as opções administrativas que o mesmo deve realizar são
Manter Produtos, Manter Categorias, Manter Fabricantes, Manter Fornecedores,
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.
