1. 1 - ndice

2. 2 - Finalidade do Projeto
Elaborar um site e-commerce e um aplicativo pelo qual seria possvel gerenciar uma loja completa, seus funcionrios, clientes, suas novidades, seus produtos, seus anncios, suas vendas e etc.
3. 3 - Integrantes
Henrique Melega
William Dias
Wagner Sobiesiak
Joo Renato Lavagnoli
4. 4 - Tecnologias Utilizadas
Site:Desenvolvimento Web Adobe Dreamweaver CS4Design & Layout Adobe Fireworks CS4Formatao HTML e JavaScriptLinguagem Dinmica ASP VBScriptServidor Internet InformationService (I.I.S)
Banco de dadosMicrosoft SQL Server 2005 Express - Linguagem SQL
5. 4.1 - Tecnologias Utilizadas > Fireworks 8
Elaborao do layout apartir da ferramenta ADOBE FIREWORKS 8.
Na imagem ao lado o layout estava sendo fatiado para ser exportado como HTML posteriormente.
6. 4.2 - Tecnologias Utilizadas >Flash MX
Para elaborar o banner do topo do site foi utilizado a ferramenta Macromedia Flash MX.
7. 4.3 - Tecnologias Utilizadas > Dreamweaver CS4
Formatao e Programao apartir da ferramenta ADOBE DREAMWEAVER CS4.
Observe na foto que o layout anteriormente exportado j est formatado conforme as fatias.
8. 4.4 - Tecnologias Utilizadas > Linguagens
A linguagem utilizada para programao dinmica da pgina foi o ASP VBScript.
A formatao de texto, imagens e etc foi feito logicamente com HTML
Juntamente com o Java script para pequenos clculos.
O servidor utilizado para a linguagem ASP o IIS (Internet InformationService)Na imagem podemos observ-lo em ao.
9. 4.4 - Tecnologias Utilizadas > Banco de Dados
O banco de dados utilizado foi o Microsoft SQL Server 2005 Express e a linguagem SQL.
10. 5 Modelo de dados
11. 6 Apresentao do Site
Menu Superior- Tem as principaisferramentas dosite
Menu Lateral- Tem os links para todosos produtoscadastrados no site
Frame- Espao onde exibido a maioria dos links do site
12. 7 Menu Superior
Mostra o email da loja, endereo e outros dados.
Pgina queexibe as novidades tanto da loja quanto de outros assuntos.
Pgina onde possvel autenticar-se com usurio e senha e liberar o acesso s ferramentas de gerenciamento.
Pgina onde possvel gerenciar todas as informaes do banco de dados, ela varia conforme o nvel de acesso do usurio que est logado.
Exibe informaes sobre o site.
Permite ao usurio novato cadastrar-se pela primeira vez, a partir do cadastro ele pode logar-se e passa a ter alguns privilgios, como o de poder adquirir produtos em exposio.
13. 7.1 Menu Superior > Notcias Recentes
Pgina queexibe as novidades tanto da loja quanto de outros assuntos.Com ttulo, notcia, nome do usurio que postou e data/hora.Apenas usurios com nvel de acesso administrador esto aptos a postarem notcias, e eles podem fazer isso pela seo gerenciamento.No menu exibido apenas as headlines com data.
14. 7.2 Menu Superior > Sobre Ns
Exibe informaes sobre como o site foi desenvolvido e os criadores.
15. 7.3 Menu Superior > Cadastro
Permite ao usurio novato cadastrar-se pela primeira vez, a partir do cadastro ele pode logar-se e passar a ter alguns privilgios, como o de poder adquirir produtos em exposio.
O cadastramento simples, existem diversos campos pessoais onde o usurio insere seus dados e confirma o cadastro. Imediatamente ele j pode logar-se e comprar algo acessando o menu lateral.
16. 7.4 Menu Superior > Cadastro
Exibe algumas formas de contato, como endereo de email, msn, telefone. Alm tambm de exibir a rua, cidade e estado onde estaria localizado a loja fsica (se ela realmente existisse).
17. 7.5 Menu Superior > Cadastro
Atravs desta pgina possvel ao usurio autenticar-se. Uma vez cadastrado no banco, ele possuir um LOGIN e uma SENHA, atravs destes dados ele poder logar-se e conceber privilgios de acordo com seu nvel de acesso. Pelo cadastro livre contido no menu o nvel de acesso apenas de cliente.Atravs do link Fazer logoff o usurio logado pode desautenticar-se para no correr o risco de terceiros utilizarem sua conta indevidamente.
18. 8 Gerenciamento
Por esta ser uma seo muito complexa, a explicao sobre ela ter diversos slides.
A seo gerenciamento onde o usurio pode editar informaes contidas no banco de dados, porm, conforme o seu nvel de acesso, o seu privilgio (o que ele pode ou no editar) varivel. Ou seja, uma vez logado o usurio ser redirecionado para a pgina gerenciamento, porm conforme o seu nvel de acesso a pgina gerenciamento poder se ramificar em 3 tipos:- Para os usurios administradores, para os usurios vendedores e para os clientes. Os clientes so 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.
19. 9 Gerenciamento do Cliente
Para o usurio que se loga como cliente, o que compe a maioria dos usurios de uma loja, eles tm poucos privilgios 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.
20. 9.1 Gerenciamento do Cliente > Compras Efetuadas
Nesta seo o usurio 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.
Uma vez conferido os dados sobre as compras, o usurio pode clicar em Gerar, ser exibido uma nova pgina contendo o boleto juntamente com um boto 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 .
21. 9.1 Gerenciamento do Cliente > Dados pessoais
Nesta seo o usurio poder editar suas informaes pessoais, caso ele tenha errado algum dado no cadastro ou tenha se mudado.Ser exibido o formulrio com seus campos j preenchidos com as informaes atuais, para alter-las basta o usurio apagar e inserir as novas informaes, uma vez concluda a edio ele pode clicar em atualizar dados e suas informaes pessoais sero alteradas no banco de dados.
22. 9 Gerenciamento do Vendedor
Para o usurio que se loga como vendedor, ele pode consultar TUDO que est cadastrado no banco, inclusive os dados pessoais dos usurios, as vendas efetivadas por eles, os fornecedores, produtos e etc.
Para visualizao destes dados exibido a pgina de administrao do site, que no nada mais do que todos os dados contidos no banco sendo tabulados e tambm links de filtragem para filtrar os dados que sero exibidos na tabela.
23. 10 Gerenciamento do Administrador
Para o usurio que se loga como administrador ele tem todos os privilgios possveis, ele o nico que pode inserir notcias (aquelas que aparecem em Notcias recentes), cadastrar Fornecedores, Usurios e Produtos. Alm tambm de ter total acesso rea de Administrao onde ele pode consultar os dados tabulados, edit-los e exclu-los.O administrador tambm define o nvel de acesso do usurio que ele ir cadastrar.
24. 10.1 Gerenciamento do Administrador > Notcias
Esta rea tambm bem complexa, a nica rea de insero, edio e excluso de dados que no faz parte da rea de administrao. No topo da pgina possvel ao administrador logado, inserir uma nova notcia que contenha TITULO e a NOTICIA EM SI, uma vez includa no banco ela surgir na pgina Noticias Recentes j formatada e com o nome do autor + data/hora da postagem.Tambm possvel nesta mesma pgina excluir alguma notcia ou modific-la, todas as alteraes feitas interferem obviamente no banco e na pgina de Noticias Recentes.Para editar ou excluir uma notcia mais antiga ou mais nova, o usurio pode utilizar os botes inferiores que mostram todas as noticias j postadas no site.
25. 10.2 Gerenciamento do Administrador > Fornecedores
A rea de cadastramento de fornecedores bem simples, como o cadastro comum de usurios, apenas um formulrio para insero de dados. O Fornecedor no pode logar-se no site, mas importante para a loja manter uma relao dos fornecedores de seus produtos bem como inclu-los no cadastramento da mercadoria quando isto for acontecer.
26. 10.3 Gerenciamento do Administrador > Usurios
O cadastramento de usurios do administrador difere-se do cadastramento do cliente pois ele pode definir qual ser o Nvel de acesso que o usurio possuir dentro do site. Como j foi citado, eles dividem-se em Administrador, Cliente e Vendedor
27. 10.3 Gerenciamento do Administrador > Produtos
Estas informaes sero utilizadascomo filtros para separar os produtosno menu lateral.
O cadastramento de produtos interessante pois o produto cadastrado filtrado de diversas formas(Setor, Gnero e Plataforma) durante o cadastro para poder ser exibido de forma organizada no menu lateral posteriormente.
A imagem do produto tambm cadastrada de forma eficiente.
28. 11 Portal de Administrao
O Portal de Administrao uma pgina separada do site, ou seja, ela no abre no frame central, ela exibida em uma nova pgina pois conter informaes muito grandes que poderiam desestruturar a pgina inicial, alm de facilitar a visualizao.O portal de administrao composto por 4 setores:- Administrao de Fornecedores- Administrao de Produtos- Administrao de Usurios- Administrao de VendasTodos eles exibem os dados contidos no banco de forma tabulada para facilitar a visualizao, alm tambm de fornecer importantes ferramentas, a de excluso e edio, elas esto includas em todos os 4 setores porm s so funcionais ao usurio que se logar como administrador. Ao usurio logado como vendedor s lhe permitido visualizar os dados.
29. 11.1 Portal de Administrao > Fornecedores
Ao clicar em fornecedor o usurio visualizar todas as informaes contidas no banco de dados referente quele link, no caso os fornecedores so exibidos de forma tabulada e separados por colunas com suas informaes empresariais.Para edio ou excluso dos dados, existem 2 cones no final da linha correspondente que abrem novas pginas onde possvel editar ou excluir a informao da respectiva linha acessada (Vide foto ao lado).
30. 11.2 Portal de Administrao > Produtos
No caso dos produtos o conceito o mesmo, ele exibe todas as informaes de forma tabulada correspondente a cada produto incluindo a imagem da mercadoria e suas informaes.Tambm possui a ferramenta excluso e edio na linha correspondente que tambm est disponvel apenas para o administrador.Por ser uma tabela com muitas informaes existem filtros superior a tabela onde possvel filtrar os resultados a partir da Plataforma do produto.
31. 11.3 Portal de Administrao > Usurios
A rea de usurios segue o mesmo padro, todos os usurios cadastrados no banco so exibidos de forma tabulada e podem ser filtrados de acordo com seu nvel de acesso: Administrador,Vendedor ou Cliente.
Os botes laterais servem para edio e excluso e esto disponveis apenas ao Administrador.
32. 11.2 Portal de Administrao > Vendas
A rea de vendas importante pois o administrador pode confirmar ou negativar as vendas que no foram efetuadas no prazo apartir das ferramentas de edio contidas no final da linha.
Ou caso haja algum problema, poder colocar uma observao para alertar o cliente sobre o problema com o produto.
33. 12 Menu Lateral
O Menu Lateral por onde o cliente usual ir navegar pelos produtos da loja que foram cadastrados atravs daquele formulrio de produtos. visto anteriormente
O menu dividido em 3 setores e 3 plataformas, observe, neste caso a plataforma o Nintendo Wii e os setores so Acessrios,Consoles e Jogos.
Existe apenas 1 pgina de produtos, portanto o que define o que ir ser exibido nela so os parmetros URL inseridos nos links do menu, observe:
A foto mostra a barra de status do navegador com o link apontado mais os parmetros. Neste caso a pgina Produtos.asp seria exibida e filtrada de acordo com a Plataforma 9 e o Setor 1
34. 13 Pgina de Produtos
Conforme a ao dos filtros, exibido a plataforma e o setor acessado.
Caso exista uma quantidade de produtos que exceda o limite da pgina, o usurio pode navegar para a prxima pgina e ver os produtos restantes.
A pgina de produtos simples, ela composta pelo titulo do produto sua descrio, seu preo inicialmente e seu preo atual. Alm da imagem ilustrativa.Todas estas informaes que iro aparecer so cadastradas inicialmente na seo de gerenciamento. No menu lateral o cliente escolhe a plataforma e setor e o produto aparece filtrado graas aos parmetros dos links.
O setor de jogos possui um filtro extra que permite ao usurio escolher o gnero do jogo que ele quer ver.
35. 13 Compra de produto
Uma vez que o cliente autentique-se, pesquise por um produto e o acesse, uma pgina de compra surgir na tela com todas as informaes do produto e do cliente logado.Aps confirmar estas informaes o cliente poder inserir a quantidade desejada de peas daquele produto e clicar em efetuar compra.Feito isso, surgir na sua pgina de gerenciamento uma nova compra efetuada, conforme mostrado anteriormente.
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.