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