1 - Índice<br />
2 - Finalidade do Projeto<br />Elaborar um site e-commerce e um aplicativo pelo qual seria possível gerenciar uma loja com...
3 - Integrantes<br />Henrique Melega<br />William Dias<br />Wagner Sobiesiak<br />João Renato Lavagnoli<br />
4 - Tecnologias Utilizadas<br />Site:Desenvolvimento Web – Adobe Dreamweaver CS4Design & Layout – Adobe Fireworks CS4Forma...
4.1 - Tecnologias Utilizadas &gt; Fireworks 8<br />Elaboração do layout apartir da ferramenta ADOBE FIREWORKS 8.<br />Na i...
4.2 - Tecnologias Utilizadas &gt;Flash MX<br />Para elaborar o banner do topo do site foi utilizado a ferramenta Macromedi...
4.3 - Tecnologias Utilizadas &gt; Dreamweaver CS4<br />Formatação e Programação apartir da ferramenta ADOBE DREAMWEAVER CS...
4.4 - Tecnologias Utilizadas &gt; Linguagens<br />A linguagem utilizada para programação dinâmica da página foi o ASP VBSc...
4.4 - Tecnologias Utilizadas &gt; Banco de Dados<br />O banco de dados utilizado foi o Microsoft SQL Server 2005 Express e...
5 – Modelo de dados<br />
6 – Apresentação do Site<br />Menu Superior- Tem as principaisferramentas dosite<br />Menu Lateral- Tem os links para todo...
7 – Menu Superior<br />Mostra o email da loja, endereço e outros dados.<br />Página queexibe as novidades tanto da loja qu...
7.1 – Menu Superior &gt; Notícias Recentes<br />Página queexibe as novidades tanto da loja quanto de outros assuntos.Com t...
7.2 – Menu Superior &gt; Sobre Nós<br />Exibe informações sobre como o site foi desenvolvido e os criadores.<br />
7.3 – Menu Superior &gt; Cadastro<br />Permite ao usuário novato cadastrar-se pela primeira vez, a partir do cadastro ele ...
7.4 – Menu Superior &gt; Cadastro<br />Exibe algumas formas de contato, como endereço de email, msn, telefone. Além também...
7.5 – Menu Superior &gt; Cadastro<br />Através desta página é possível ao usuário autenticar-se. Uma vez cadastrado no ban...
8 – Gerenciamento<br />Por esta ser uma seção muito complexa, a explicação sobre ela terá diversos slides. <br />A seção g...
9 – Gerenciamento do Cliente<br />Para o usuário que se loga como cliente, o que compõe a maioria dos usuários de uma loja...
9.1 – Gerenciamento do Cliente &gt; Compras Efetuadas<br />Nesta seção o usuário poderá ver as compras que ele já efetuou ...
9.1 – Gerenciamento do Cliente &gt; Dados pessoais<br />Nesta seção o usuário poderá editar suas informações pessoais, cas...
9 – Gerenciamento do Vendedor<br />Para o usuário que se loga como vendedor, ele pode consultar TUDO que está cadastrado n...
10 – Gerenciamento do Administrador<br />Para o usuário que se loga como administrador ele tem todos os privilégios possív...
10.1 – Gerenciamento do Administrador &gt; Notícias<br />Esta área também é bem complexa, é a única área de inserção, ediç...
10.2 – Gerenciamento do Administrador &gt; Fornecedores<br />A área de cadastramento de fornecedores é bem simples, é como...
10.3 – Gerenciamento do Administrador &gt; Usuários<br />O cadastramento de usuários do administrador difere-se do cadastr...
10.3 – Gerenciamento do Administrador &gt; Produtos<br />Estas informações serão utilizadascomo filtros para separar os pr...
11 – Portal de Administração<br />O Portal de Administração é uma página separada do site, ou seja, ela não abre no frame ...
11.1 – Portal de Administração &gt; Fornecedores<br />Ao clicar em fornecedor o usuário visualizará todas as informações c...
11.2 – Portal de Administração &gt; Produtos<br />No caso dos produtos o conceito é o mesmo, ele exibe todas as informaçõe...
11.3 – Portal de Administração &gt; Usuários<br />A área de usuários segue o mesmo padrão, todos os usuários cadastrados n...
11.2 – Portal de Administração &gt; Vendas<br />A área de vendas é importante pois o administrador pode confirmar ou negat...
12 – Menu Lateral<br />O Menu Lateral é por onde o cliente usual irá navegar pelos produtos da loja que foram cadastrados ...
13 – Página de Produtos<br />Conforme a ação dos filtros, é exibido a plataforma e o setor acessado.<br />Caso exista uma ...
13 – Compra de produto<br />Uma vez que o cliente autentique-se, pesquise por um produto e o acesse, uma página de compra ...
Apresentação TCC - GameHouse [Casarotti,Melega,Dias,Lavagnoli]
Próximos SlideShares
Carregando em…5
×

Apresentação TCC - GameHouse [Casarotti,Melega,Dias,Lavagnoli]

1.339 visualizações

Publicada em

Apresentação PPS do Site GameHouse, Trabalho de conclusão de curso Nov/2009. ETEC Antonio de Pádua Cardoso.

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
1.339
No SlideShare
0
A partir de incorporações
0
Número de incorporações
4
Ações
Compartilhamentos
0
Downloads
11
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Apresentação TCC - GameHouse [Casarotti,Melega,Dias,Lavagnoli]

  1. 1. 1 - Índice<br />
  2. 2. 2 - Finalidade do Projeto<br />Elaborar um site e-commerce e um aplicativo pelo qual seria possível gerenciar uma loja completa, seus funcionários, clientes, suas novidades, seus produtos, seus anúncios, suas vendas e etc.<br />
  3. 3. 3 - Integrantes<br />Henrique Melega<br />William Dias<br />Wagner Sobiesiak<br />João Renato Lavagnoli<br />
  4. 4. 4 - Tecnologias Utilizadas<br />Site:Desenvolvimento Web – Adobe Dreamweaver CS4Design & Layout – Adobe Fireworks CS4Formatação – HTML e JavaScriptLinguagem Dinâmica – ASP VBScriptServidor – Internet InformationService (I.I.S)<br />Banco de dadosMicrosoft SQL Server 2005 Express - Linguagem SQL<br />
  5. 5. 4.1 - Tecnologias Utilizadas &gt; Fireworks 8<br />Elaboração do layout apartir da ferramenta ADOBE FIREWORKS 8.<br />Na imagem ao lado o layout estava sendo “fatiado” para ser exportado como HTML posteriormente.<br />
  6. 6. 4.2 - Tecnologias Utilizadas &gt;Flash MX<br />Para elaborar o banner do topo do site foi utilizado a ferramenta Macromedia Flash MX.<br />
  7. 7. 4.3 - Tecnologias Utilizadas &gt; Dreamweaver CS4<br />Formatação e Programação apartir da ferramenta ADOBE DREAMWEAVER CS4.<br />Observe na foto que o layout anteriormente exportado já está formatado conforme as fatias.<br />
  8. 8. 4.4 - Tecnologias Utilizadas &gt; Linguagens<br />A linguagem utilizada para programação dinâmica da página foi o ASP VBScript.<br />A formatação de texto, imagens e etc foi feito logicamente com HTML<br />Juntamente com o Java script para pequenos cálculos.<br />O servidor utilizado para a linguagem ASP é o IIS (Internet InformationService)Na imagem podemos observá-lo em ação.<br />
  9. 9. 4.4 - Tecnologias Utilizadas &gt; Banco de Dados<br />O banco de dados utilizado foi o Microsoft SQL Server 2005 Express e a linguagem é SQL.<br />
  10. 10. 5 – Modelo de dados<br />
  11. 11. 6 – Apresentação do Site<br />Menu Superior- Tem as principaisferramentas dosite<br />Menu Lateral- Tem os links para todosos produtoscadastrados no site<br />Frame- Espaço onde é exibido a maioria dos links do site<br />
  12. 12. 7 – Menu Superior<br />Mostra o email da loja, endereço e outros dados.<br />Página queexibe as novidades tanto da loja quanto de outros assuntos.<br />Página onde é possível autenticar-se com usuário e senha e liberar o acesso às ferramentas de gerenciamento.<br />Página onde é possível gerenciar todas as informações do banco de dados, ela varia conforme o nível de acesso do usuário que está logado.<br />Exibe informações sobre o site.<br />Permite ao usuário novato cadastrar-se pela primeira vez, a partir do cadastro ele pode logar-se e passa a ter alguns privilégios, como o de poder adquirir produtos em exposição.<br />
  13. 13. 7.1 – Menu Superior &gt; Notícias Recentes<br />Página queexibe as novidades tanto da loja quanto de outros assuntos.Com título, notícia, nome do usuário que postou e data/hora.Apenas usuários com nível de acesso administrador estão aptos a postarem notícias, e eles podem fazer isso pela seção gerenciamento.No menu é exibido apenas as “headlines” com data.<br />
  14. 14. 7.2 – Menu Superior &gt; Sobre Nós<br />Exibe informações sobre como o site foi desenvolvido e os criadores.<br />
  15. 15. 7.3 – Menu Superior &gt; Cadastro<br />Permite ao usuário novato cadastrar-se pela primeira vez, a partir do cadastro ele pode logar-se e passar a ter alguns privilégios, como o de poder adquirir produtos em exposição.<br />O cadastramento é simples, existem diversos campos pessoais onde o usuário insere seus dados e confirma o cadastro. Imediatamente ele já pode logar-se e comprar algo acessando o menu lateral.<br />
  16. 16. 7.4 – Menu Superior &gt; Cadastro<br />Exibe algumas formas de contato, como endereço de email, msn, telefone. Além também de exibir a rua, cidade e estado onde estaria localizado a loja física (se ela realmente existisse).<br />
  17. 17. 7.5 – Menu Superior &gt; Cadastro<br />Através desta página é possível ao usuário autenticar-se. Uma vez cadastrado no banco, ele possuirá um LOGIN e uma SENHA, através destes dados ele poderá logar-se e conceber privilégios de acordo com seu nível de acesso. Pelo cadastro livre contido no menu o nível de acesso é apenas de cliente.Através do link “Fazer logoff” o usuário logado pode desautenticar-se para não correr o risco de terceiros utilizarem sua conta indevidamente.<br />
  18. 18. 8 – Gerenciamento<br />Por esta ser uma seção muito complexa, a explicação sobre ela terá diversos slides. <br />A seção gerenciamento é onde o usuário pode editar informações contidas no banco de dados, porém, conforme o seu nível de acesso, o seu privilégio (o que ele pode ou não editar) é variável. Ou seja, uma vez logado o usuário será redirecionado para a página gerenciamento, porém conforme o seu nível de acesso a página gerenciamento poderá se ramificar em 3 tipos:- Para os usuários administradores, para os usuários vendedores e para os clientes. Os clientes são aqueles que se cadastram utilizando o link no menu superior, o administrador é definido diretamente pelo banco e o vendedor pode ser cadastrado somente pelo administrador.<br />
  19. 19. 9 – Gerenciamento do Cliente<br />Para o usuário que se loga como cliente, o que compõe a maioria dos usuários de uma loja, eles têm poucos privilégios que apenas inclui poder efetuar compras, consultar suas compras já efetuadas e editar seus dados pessoais. Nada que interfira no cadastramento de outras pessoas ou em algo que o administrador inseriu.<br />
  20. 20. 9.1 – Gerenciamento do Cliente &gt; Compras Efetuadas<br />Nesta seção o usuário poderá ver as compras que ele já efetuou e o mais importante, ele pode gerar o boleto daquele produto para poder efetuar o pagamento do mesmo posteriormente.<br />Uma vez conferido os dados sobre as compras, o usuário pode clicar em “Gerar”, será exibido uma nova página contendo o boleto juntamente com um botão para imprimi-lo.Uma vez impresso e pago, o status da compra será alterado para Confirmado e a empresa enviará o produto. Se ocorrer algum problema ele será especificado pela empresa na coluna “Obs” .<br />
  21. 21. 9.1 – Gerenciamento do Cliente &gt; Dados pessoais<br />Nesta seção o usuário poderá editar suas informações pessoais, caso ele tenha errado algum dado no cadastro ou tenha se mudado.Será exibido o formulário com seus campos já preenchidos com as informações atuais, para alterá-las basta o usuário apagar e inserir as novas informações, uma vez concluída a edição ele pode clicar em atualizar dados e suas informações pessoais serão alteradas no banco de dados.<br />
  22. 22. 9 – Gerenciamento do Vendedor<br />Para o usuário que se loga como vendedor, ele pode consultar TUDO que está cadastrado no banco, inclusive os dados pessoais dos usuários, as vendas efetivadas por eles, os fornecedores, produtos e etc.<br />Para visualização destes dados é exibido a página de administração do site, que não é nada mais do que todos os dados contidos no banco sendo tabulados e também links de filtragem para filtrar os dados que serão exibidos na tabela.<br />
  23. 23. 10 – Gerenciamento do Administrador<br />Para o usuário que se loga como administrador ele tem todos os privilégios possíveis, ele é o único que pode inserir notícias (aquelas que aparecem em Notícias recentes), cadastrar Fornecedores, Usuários e Produtos. Além também de ter total acesso à área de Administração onde ele pode consultar os dados tabulados, editá-los e excluí-los.O administrador também define o nível de acesso do usuário que ele irá cadastrar.<br />
  24. 24. 10.1 – Gerenciamento do Administrador &gt; Notícias<br />Esta área também é bem complexa, é a única área de inserção, edição e exclusão de dados que não faz parte da área de administração. No topo da página é possível ao administrador logado, inserir uma nova notícia que contenha TITULO e a NOTICIA EM SI, uma vez incluída no banco ela surgirá na página “Noticias Recentes” já formatada e com o nome do autor + data/hora da postagem.Também é possível nesta mesma página excluir alguma notícia ou modificá-la, todas as alterações feitas interferem obviamente no banco e na página de Noticias Recentes.Para editar ou excluir uma notícia mais antiga ou mais nova, o usuário pode utilizar os botões inferiores que mostram todas as noticias já postadas no site.<br />
  25. 25. 10.2 – Gerenciamento do Administrador &gt; Fornecedores<br />A área de cadastramento de fornecedores é bem simples, é como o cadastro comum de usuários, é apenas um formulário para inserção de dados. O Fornecedor não pode logar-se no site, mas é importante para a loja manter uma relação dos fornecedores de seus produtos bem como incluí-los no cadastramento da mercadoria quando isto for acontecer.<br />
  26. 26. 10.3 – Gerenciamento do Administrador &gt; Usuários<br />O cadastramento de usuários do administrador difere-se do cadastramento do cliente pois ele pode definir qual será o Nível de acesso que o usuário possuirá dentro do site. Como já foi citado, eles dividem-se em Administrador, Cliente e Vendedor<br />
  27. 27. 10.3 – Gerenciamento do Administrador &gt; Produtos<br />Estas informações serão utilizadascomo filtros para separar os produtosno menu lateral.<br />O cadastramento de produtos é interessante pois o produto cadastrado é filtrado de diversas formas (Setor, Gênero e Plataforma) durante o cadastro para poder ser exibido de forma organizada no menu lateral posteriormente.<br />A imagem do produto também é cadastrada de forma eficiente.<br />
  28. 28. 11 – Portal de Administração<br />O Portal de Administração é uma página separada do site, ou seja, ela não abre no frame central, ela é exibida em uma nova página pois conter informações muito grandes que poderiam desestruturar a página inicial, além de facilitar a visualização.O portal de administração é composto por 4 setores:- Administração de Fornecedores- Administração de Produtos- Administração de Usuários- Administração de VendasTodos eles exibem os dados contidos no banco de forma tabulada para facilitar a visualização, além também de fornecer importantes ferramentas, a de exclusão e edição, elas estão incluídas em todos os 4 setores porém só são funcionais ao usuário que se logar como administrador. Ao usuário logado como vendedor só lhe é permitido visualizar os dados.<br />
  29. 29. 11.1 – Portal de Administração &gt; Fornecedores<br />Ao clicar em fornecedor o usuário visualizará todas as informações contidas no banco de dados referente àquele link, no caso os fornecedores são exibidos de forma tabulada e separados por colunas com suas informações empresariais.Para edição ou exclusão dos dados, existem 2 ícones no final da linha correspondente que abrem novas páginas onde é possível editar ou excluir a informação da respectiva linha acessada (Vide foto ao lado).<br />
  30. 30. 11.2 – Portal de Administração &gt; Produtos<br />No caso dos produtos o conceito é o mesmo, ele exibe todas as informações de forma tabulada correspondente a cada produto incluindo a imagem da mercadoria e suas informações.Também possui a ferramenta exclusão e edição na linha correspondente que também está disponível apenas para o administrador.Por ser uma tabela com muitas informações existem filtros superior a tabela onde é possível filtrar os resultados a partir da Plataforma do produto.<br />
  31. 31. 11.3 – Portal de Administração &gt; Usuários<br />A área de usuários segue o mesmo padrão, todos os usuários cadastrados no banco são exibidos de forma tabulada e podem ser filtrados de acordo com seu nível de acesso: Administrador,Vendedor ou Cliente.<br /> Os botões laterais servem para edição e exclusão e estão disponíveis apenas ao Administrador.<br />
  32. 32. 11.2 – Portal de Administração &gt; Vendas<br />A área de vendas é importante pois o administrador pode confirmar ou negativar as vendas que não foram efetuadas no prazo apartir das ferramentas de edição contidas no final da linha.<br />Ou caso haja algum problema, poderá colocar uma observação para alertar o cliente sobre o problema com o produto.<br />
  33. 33. 12 – Menu Lateral<br />O Menu Lateral é por onde o cliente usual irá navegar pelos produtos da loja que foram cadastrados através daquele formulário de produtos. visto anteriormente<br />O menu é dividido em 3 setores e 3 plataformas, observe, neste caso a plataforma é o “Nintendo Wii” e os setores são Acessórios,Consoles e Jogos.<br />Existe apenas 1 página de produtos, portanto o que define o que irá ser exibido nela são os parâmetros URL inseridos nos links do menu, observe:<br />A foto mostra a barra de status do navegador com o link apontado mais os parâmetros. Neste caso a página “Produtos.asp” seria exibida e filtrada de acordo com a Plataforma 9 e o Setor 1<br />
  34. 34. 13 – Página de Produtos<br />Conforme a ação dos filtros, é exibido a plataforma e o setor acessado.<br />Caso exista uma quantidade de produtos que exceda o limite da página, o usuário pode navegar para a próxima página e ver os produtos restantes.<br />A página de produtos é simples, ela é composta pelo titulo do produto sua descrição, seu preço inicialmente e seu preço atual. Além da imagem ilustrativa.Todas estas informações que irão aparecer são cadastradas inicialmente na seção de gerenciamento. No menu lateral o cliente escolhe a plataforma e setor e o produto aparece filtrado graças aos parâmetros dos links.<br />O setor de jogos possui um filtro extra que permite ao usuário escolher o gênero do jogo que ele quer ver.<br />
  35. 35. 13 – Compra de produto<br />Uma vez que o cliente autentique-se, pesquise por um produto e o acesse, uma página de compra surgirá na tela com todas as informações do produto e do cliente logado.Após confirmar estas informações o cliente poderá inserir a quantidade desejada de peças daquele produto e clicar em efetuar compra.Feito isso, surgirá na sua página de gerenciamento uma nova compra efetuada, conforme mostrado anteriormente. <br />Ele poderá imprimir o boleto e receber o produto e uma vez que esteja pago, a compra será confirmada e o produto despachado para a casa do cliente.<br />

×