Projeto de Programação para Internet

Prévia do material em texto

CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA 
FACULDADE DE TECNOLOGIA DE ITU 
 
 
 
 
 
Tiago Aparecido Miranda 
Thiago Almeida de Oliveira 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
ProjetoLojaWeb 
 
 
 
 
 
Trabalho Interdisciplinar do Curso Superior de 
Tecnologia em Gestão da Tecnologia da 
Informação da Faculdade de Tecnologia de Itu. 
 
 
 
 
 
Itu 
Junho/2017 
 
 
 
 
 
ABSTRACT 
 
 
O e-commerce (Eletronic Commerce) - utilização da Internet para compra e venda de 
produtos - surgiu no Brasil em meados de 1995 e teve como empresas pioneiras 
algumas livrarias. Livros são bens bastante adequados para a compra sem 
necessidade de visualização ou manipulação física do produto. Apesar das dúvidas 
geradas sobre confiabilidade, segurança, transporte, qualidade e entrega que 
surgiram quando uma variedade muito grande de produtos começou a ser 
comercializada pela Internet, dados de movimentação financeira (compra e venda) 
mostram que o crescimento do comércio eletrônico vem ocorrendo exponencialmente. 
As mudanças no estilo de vida da população, associadas aos problemas de 
mobilidade urbana e à insegurança em termos de assaltos e roubos, as facilidades de 
escolha, dentre outros fatores, têm contribuído para ampliar as compras realizadas 
por meio de sistemas web. A venda de produtos por meio da rede mundial de 
computadores facilita o processo de compras e otimiza o tempo do consumidor. A 
forma de compras tradicional traz a vantagem de o consumidor poder sentir, provar e 
experimentar produtos, mas atualmente existem muitas tecnologias fornecidas pelas 
lojas virtuais que aproximam bastante o usuário da sensação de compra real. Assim, 
a Internet passa a ser um meio útil para a negociação entre vendedores e 
consumidores. Este trabalho apresenta um sistema de comércio eletrônico para 
pequenas e medias empresas disponibilizarem seus produtos, bem como desenvolver 
suas marcas pela internet. O sistema permitirá a realização de compras por clientes e 
fornecerá uma série de facilidades para gerência do negócio, por meio de um painel 
de administração. 
 
 
Palavras-chave: E-commerce. Lojas virtuais 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
SUMÁRIO 
 
Lista de Abreviaturas e Siglas ...................................................................................................... 04 
Visão do Projeto ........................................................................................................................... 05 
Introdução .................................................................................................................................... 05 
Escopo ......................................................................................................................................... 05 
Relatórios ..................................................................................................................................... 05 
Descrição do Problema ................................................................................................................ 06 
Definição da Posição do Produto ................................................................................................. 06 
Principais Necessidades dos Usuários ......................................................................................... 07 
Restrições ..................................................................................................................................... 07 
Levantamento dos Principais Riscos Identificados ...................................................................... 07 
Ambiente de Desenvolvimento .................................................................................................... 08 
Ferramentas de Desenvolvimento ................................................................................................ 08 
Galeria de Imagens das Ferramentas de Desenvolvimento..................................................... 09 
Figura 1.1 BrModelo – (2.0.0) julho 2007.................................................................................... 09 
Figura 1.2 BrModelo – (2.0.0) julho 2007..................................................................................... 09 
Figura 1.3 yUML – (v0.18) abril 2017 ......................................................................................... 10 
Figura 1.4 yUML – (v0.18) abril 2017.......................................................................................... 10 
Apêndices do Projeto ................................................................................................................. 11 
Apêndice A – MER – Modelo entidade relacionamento .............................................................. 11 
Apêndice B – DER – Diagrama entidade relacionamento............................................................. 12 
Apêndice C – Caso de Uso (UML) ............................................................................................... 13 
Apêndice D – Diagrama de Classes de (UML) ............................................................................. 14 
Galeria de Imagens do Projeto .................................................................................................. 15 
Figura 1.1 Tela Inicial do Site ..................................................................................................... 15 
Figura 1.2 Tela com Menu Suspenso .......................................................................................... 15 
Figura 1.3 Tela com Menu Suspenso........................................................................................... 16 
Figura 1.4 Tela com Menu Suspenso .......................................................................................... 16 
Figura 1.5 Tela de Login do Cliente ............................................................................................ 17 
Figura 1.6 Tela de Cadastro ......................................................................................................... 17 
Figura 1.7 Selecionar Item para Compra ...................................................................................... 18 
Figura 1.8 Finaliza Compra ......................................................................................................... 18 
 
 
 
LISTA DE ABREVIATURAS E SIGLAS 
 
 
 
Ajax Asynchronous Javascript and XML 
ASP Active Server Pages 
B2B Business to Business 
B2C Business to Customer 
C2C Consumer to Consumer 
CEP Código de Endereçamento Postal 
CGI Common Gateway Interface 
CPF Cadastro de Pessoas Físicas 
CNPJ Cadastro Nacional de Pessoas Jurídicas 
CSS Cascading Style Sheets 
DDL Data Definition Language 
DSO Dynamic Shared Objects 
E-Business Electronic Business 
E-Commerce Eletronic Commerce 
EDI Eletronic Data Interchange 
EFT Eletronic Funds Transfer 
E-mail Electronic mail 
F-Commerce Facebook Commerce 
FTP File Transfer Protocol 
G2B Government to Business 
G2C Government to Consumers 
HTML HyperText Markup Language 
HTTP Hypertext Transfer Protocol 
IP Internet Protocol 
JPG Joint Photographic Experts Group 
JSP Java Server Pages 
M-Commerce Mobile Commerce 
MD5 Message-Digest Algorithm 5 
PHP PHP Hypertext Preprocessor 
PNG Portable Network Graphics 
S-Commerce Social Commerce 
SQL Structured Query Language 
SSL Transport Layer Security 
T-Commerce Television Commerce 
UML Unified Modeling Language 
URL Universal Resource Locator 
XHTML eXtensible HTML 
OOP Object-orientedprogramming 
 
 
 
 
 
 
 
VISÃO DO PROJETO 
 
Introdução 
 
A finalidade deste documento é a de coletar, analisar e definir as 
necessidades e requisitos para o desenvolvimento do um projeto voltado para a área 
de e-commerce, e tem como objetivo auxiliar ao usuário como uma ferramenta que 
irá lhe auxiliar nas vendas pela internet e maximalizando o aumento de suas vendas 
nesta plataforma. 
 
 
Escopo 
 
 O “ProjetoLoja” tem como objetivo desenvolver sites de vendas pela internet, 
com foco nas pequenas e médias lojas dos mais variados setores do mercado. 
Podendo assim oferecer um produto de qualidade a um preço acessível que nosso 
cliente possa pagar. 
 
 
Relatórios 
 
 Definição do sistema a ser criado com base em uma conversa com o grupo. 
 Definição do banco de dados do projeto. 
 Início da documentação para a implementação do projeto. 
 Designação para cada integrante do grupo fazer os seus devidos trabalhos. 
 
 
 
 
 
 
 
 
 
Descrição do Problema 
Descrição do Problema 
Os problemas Atualmente a empresa não possui um site de vendas online para 
expor suas mercadorias. 
 
Afeta Neste contexto a empresa acaba perdendo muitos clientes que 
estão dispostos a comprar, mas que preferem a comodidade das 
compras online. 
 
Cujo impacto é A falta de um meio de oferecer seus produtos online. 
 
Uma boa solução seria Criar uma solução para que a empresa possa expor suas 
mercadorias na internet. 
 
Definição da Posição do Produto 
Definição da Posição do Produto 
Para Pequenas e médias empresas que necessitam de uma solução 
para expor seus produtos a mais clientes. 
 
Que Necessitem de um sistema para vendas online. 
 
O projeto Pequenas empresas que necessitem de um sistema para 
vendas online. 
 
Que Este sistema visa atender a um público que utiliza a internet para 
compras 
 
Diferente de Diferente de alguns produtos já disponíveis no mercado, cujo o 
objetivo é apenas a venda em um layout simples. 
 
Nosso Produto/Projeto Características do nosso projeto: 
 
Facilidade de acesso. 
Segurança com informações. 
Layout de fácil assimilação. 
Custo benefício perante outras desenvolvedoras que estão no 
mercado. 
 
 
 
Principais Necessidades dos Usuários Envolvido com o produto 
Principais Necessidades dos Usuários 
 
Necessidade Prioridade Preocupações Solução Atual Nosso Projeto 
Vendas Online Alta Erros no layout utilizando layout 
básico 
melhorar o layout e facilitando o 
acesso para o nosso usuário final. 
 
 
Restrições 
Contudo o projeto não contemplara a implementação de pagamentos digitais, 
via cartão de credito ou boletos, sendo necessário o contratante buscar uma outra 
alternativa, sugerimos ao cliente que use meios de pagamento digital tais como: 
 PayPal 
 Mercado Pago 
 PagSeguro 
Riscos 
Levantamento dos principais riscos identificados 
 
Tipo Descrição Probabilidade Impacto Ações para evita-lo 
Técnico Análise de requisitos não 
contemplar todas as 
necessidades do cliente 
Baixa Alto Todos os documentos do projeto 
serão validados junto com o cliente, 
onde será solicitado a aprovação do 
mesmo. 
Prazo Não conclusão do projeto no 
prazo determinado pelo 
cliente 
Média Alto Acompanhar os pontos de controle do 
projeto, conforme cronograma. 
Qualidade Não atingir o nível de 
qualidade esperado pelo 
cliente 
Média Alto Efetuar todos os casos de testes 
levantados junto ao processo. 
 
 
 
 
 
 
 
 
 
 
Ambiente de Desenvolvimento 
As ferramentas utilizadas durante o desenvolvimento do projeto estão 
relacionadas na tabela a seguir: 
 
 
Ferramentas de Desenvolvimento 
 
Tipo de aplicação Descrição da Ferramenta 
BrModelo (2.0.0) Julho 2007 
yUML beta 
Netbeans 
MySql 
Php 
(v0.18) Abril 2017 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Ferramentas de Desenvolvimento Imagens 
 
 
 
Figura 1.1 – BrModelo - (2.0.0) julho 2007 
 
 
 
 
Figura 1.2 – BrModelo - (2.0.0) julho 2007 
 
 
Ferramentas de Desenvolvimento Imagens 
 
 
 
Figura 1.3 – yUML - (v0.18) abril 2017 
 
 
 
 
 
Figura 1.4 – yUML - (v0.18) abril 2017 
 
 
 
 
 
Apêndice A - MER - Modelo entidade relacionamento 
 
 
Figura 1.1 – ProjetoLojaWeb – MER 
 
Apêndice B - DER - Diagrama entidade relacionamento 
 
Figura 1.2 – ProjetoLojaWeb – DER 
 
Apêndice C – Diagrama Caso de Uso (UML) 
 
 
 
 
 
 
 
 
 
 
Figura 1.3 – ProjetoLojaWeb – Diagrama de Caso de Uso 
 
Apêndice D – Diagrama de Classes (UML) 
 
 
 
Figura 1.4 – ProjetoLojaWeb – Diagrama de Classe 
 
 
Galeria de Imagens do Projeto 
 
 
 
Figura 1.1 – Tela Inicial do Site 
 
 
 
Figura 1.2 – Menu Suspenso do Site 
 
Galeria de Imagens do Projeto 
 
 
 
Figura 1.3 – Menu Suspenso do Site 
 
 
 
Figura 1.4 – Menu Suspenso do Site 
 
Galeria de Imagens do Projeto 
 
 
Figura 1.5 – Tela de Login 
 
 
 
Figura 1.6 – Tela de Cadastro 
 
 
Galeria de Imagens do Projeto 
 
 
Figura 1.7 – Seleciona Item para Compra 
 
 
 
Figura 1.8 – Finaliza Compra