CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA

Transcrição

1 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

2 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

3 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

4 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

5 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

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

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

8 LISTA DE ILUSTRAÇÕES Figura 2.1 Página principal do site Dell Figura 2.2 Acessar Conta Dell Figura Cadastro do cliente Figura Loja Virtual Dell Figura Dados de entrega e pagamento Figura Página principal da Lojas Americanas Figura Conta do Usuário Figura 2.10 Frame Superior da Lojas Americanas Figura Comprar Por Departamento Figura 2.12 Controle De Busca Figura Garantia Estendida Figura Cesta De Compras Figura 2.15 Formas De Pagamento Figura Diagrama de Caso de Uso Figura 3.2 Modelo Lógico Figura 3.3 Modelo Relacional Figura 3.4 Diagrama de Atividade Cadastrar Categoria Figura 3.5 Diagrama de Atividade Manter Marca Figura 3.6 Diagrama de Atividade Manter Produto Figura: 3.7 Diagrama de Atividade Login do Cliente Figura 3.8 Diagrama de Atividade Realizar Contato Figura 3.9 Diagrama de Atividade Realiza Venda Figura 3.10 Diagrama de Atividade Manter Cliente Figura 3.11 MVC Manter Categoria

9 Figura 3.12 MVC Manter Produto Figura 3.13 MVC Manter Cliente Figura 3.14 MVC Realizar Venda Figura 3.15 MVC Realizar Contato Figura 3.16 MVC Efetuar Login.do cliente Figura 3.17 Diagrama de Sequência Manter Categoria Figura 3.18 Diagrama de Sequência Realizar Contato Figura 3.19 Diagrama de Sequência Efetuar Login do Cliente Figura 3.20 Diagrama de Sequência Realizar Venda Figura Página Principal Figura Página de Contato Figura Apresentação do Produto Figura Página do Cadastro de Cliente Figura Página do Login Figura Realizando Busca Figura Apresentando Produtos por Categoria Figura Cliente Identificado Figura Dados Pessoais Figura Pedido do Cliente Figura Carrinho de Compras Figura Fatura Figura Dados Do Cartão Figura 4.14 Venda Realizada Figura Área do Administrador Figura Manter Fornecedores Figura Manter Marcas... 67

10 Figura Manter Imagens Figura 4.19 Manter Produtos Figura 4.20 Validar Acesso Figura Adicionar Produto ao Carrinho de Compras Figura Controle do Carrinho de Compras Figura Controle do Endereço Figura Finalizando Venda Figura 4.25 Enviar de Figura 4.26 Manter Imagens Figura 4.27 Controle Produto Figura 4.28 Somente Números Figura 4.29 CSS... 76

11 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

12 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

13 SUMÁRIO INTRODUÇÃO FUNDAMENTAÇÃO TEÓRICA COMÉRCIO ELETRÔNICO (CE) LINGUAGEM DE MARCAÇÃO Hypertext Markup Language (HTML) Extensible Markup Language (XML) Extensible Hypertext Markup Language (XHTML) HTML CASCADING STYLE SHEETS (CSS) NETBEANS ECLIPSE JAVA Servlet JSP BANCO DE DADOS (BD) SISTEMAS DE GERENCIAMENTO DE BANCO DE DADOS (SGBD) MYSQL JDBC HIBERNATE JAVASCRIPT ANÁLISE DO MERCADO DELL Cadastro de Cliente Acessar conta Loja Dell Produtos Carrinho De Compras Formas De Pagamento Considerações Finais sobre a Loja Virtual da DELL... 31

14 2.2 LOJAS AMERICANAS Página Principal Cadastro do Cliente Acessar Conta Loja Virtual Produtos Cesta de Compras Formas De Pagamento Considerações Finais sobre a Lojas Americanas COMPARANDO OS DOIS SITES ANÁLISE E PROJETO DE SISTEMA ANÁLISE DE NEGÓCIO Instrução do Problema Atores envolvidos no processo Descrição do ambiente atual A VISÃO DO PRODUTO Perspectiva do Produto Premissas e Dependências Características ANÁLISE DE REQUISITOS Análise de Requisitos Funcionais Análise de Requisitos Não Funcionais ANÁLISE E DESIGN Projeto de Banco de Dados Diagrama de Atividades MVC Diagrama de Sequência IMPLEMENTAÇÃO ÁREA DO USUÀRIO Página Principal do Site Página do Contato Apresentação do Produto Cadastro do Cliente... 59

15 4.1.5 Login Realizar Busca Produtos por Categoria ÁREA DO CLIENTE Área do Cliente Dados Do Cliente Pedidos do Cliente Carrinho de Compras Realizar Venda ÁREA DO ADMINISTRADOR Área do Administrador Manter Fornecedores Manter Marcas Manter Imagens Manter Produtos OS PRINCIPAIS CODIGOS Declarando Lista de Venda Controle Carrinho Fatura de Compra Finalizando Venda Envio de OUTROS CÓDIGOS Manter Imagens Controle Produto Uso do JavaScript Uso do CSS CONSIDERAÇÕES FINAIS REFERÊNCIAS BIBLIOGRÁFICAS... 78

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

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

18 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)

19 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) 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.

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

21 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

22 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) 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

23 solicitação que junto com o servidor web irão ser processadas e devolver uma resposta 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

24 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

25 24 dados deve possuir suporte a driver JDBC 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.

26 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

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

28 27 Figura Cadastro do cliente Fonte: Dell, 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.

29 28 Figura Conta do Usuário Fonte: Dell, 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.

30 29 Figura Loja Virtual Dell Fonte: Dell, 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 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

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

32 31 o pagamento 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 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 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.

33 32 Figura Página principal da Lojas Americanas. Fonte: Lojas Americanas, 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

34 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 Login Ou Cadastro do cliente Fonte: Lojas Americanas, 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 , 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.

35 34 Figura 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 com um link para criar uma nova senha 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

36 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 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 Produtos Na busca de produtos na loja virtual, o cliente poderá reunir informações sobre

37 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 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 Figura 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.

38 37 Figura Cesta De Compras Fonte: Lojas Americanas, 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

39 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 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 Sim Especializada em vendas varejo de diversas áreas CADASTRO DE Sim CLIENTE MARCA DO PRODUTOS Marca própria Diversas marcas CONTA DE CLIENTE Sim Sim ALTERAR DADOS DO Sim Sim CLIENTE ACOMPANHAMENTO Sim Sim DE PEDIDOS CENTRAL DE Sim Sim ATENDIMETO TELEFONE PARA Sim Sim CONTATO PAGAMENTO Várias opções Várias opções FOTOS DO PRODUTOS Sim Sim Fonte: elaborado pelo autor, 2014

40 39 Quadro 2.2 Comparação entre as funcionalidades das duas lojas virtuais Parte2 Nome da Loja DELL LOJAS AMERICANAS DESCRIÇÃO DO Sim Sim PRODUTOS CAMPO DE BUSCA Sim Sim FILTRO DE BUSCA Não Sim INFORMAÇÕES Sim Sim DETALHADAS DO PRODUTO GARANTIAS Sim Sim, pode ser estendida PUBLICO ALVO Mundo Indivíduos e empresas DEPARRTAMENTOS Sim OFERTAR POR 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.

41 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 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 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,

42 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 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 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 para esclarecer dúvidas, reclamações, propostas, entre outros Premissas e Dependências A empresa precisa de infraestrutura para o atendimento online para que possa

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

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

45 44 mostra os dois autores citados anteriormente, cliente e administrador. Figura Diagrama de Caso de Uso Fonte: Elaborado pelo autor, 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

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

47 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 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) 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.

48 47 Figura 3.2 Modelo Lógico Fonte: Elaborado pelo autor 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

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

50 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, 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

51 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, 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, Manter Cliente Figura 3.10 Diagrama de Atividade Manter Cliente Fonte: Elaborado pelo autor, 2015

52 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 Manter Categoria Figura 3.11 MVC Manter Categoria. Fonte: Elaborado pelo autor, 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 Manter Produto A figura 3.12 mostra o diagrama MVC desta funcionalidade.

53 52 Figura 3.12 MVC Manter Produto. Fonte: Elaborado pelo autor, Manter Cliente Figura 3.13 MVC Manter Cliente. Fonte: Elaborado pelo autor, 2015.

54 Realizar Venda Figura 3.14 MVC Realizar Venda. Fonte: Elaborado pelo autor, Realizar Contato Figura 3.15 MVC Realizar Contato. Fonte: Elaborado pelo autor, 2015