Centro de Formação em Tecnologia
Objectivos
Conhecer o site da Faça um Site Miniaturas; Saber quais páginas que serão construídas.
O projeto de e-commerce deste consiste na construção de um site para a Faça um Site Miniaturas que pretende vender os seus produtos por meio da Internet. As miniaturas disponíveis para venda estarão divididas por categoria e sobre cada miniatura de uma determinada categoria serão fornecidas informações técnicas, como tamanho, cor, subcategoria, preço etc. Esse site também deve permitir que o internauta pesquise as miniaturas por subcategorias, tais como veículos antigos, autocarros, etc.Em relação ao comércio electrónico, o site terá todas as etapas necessárias para a escolha de uma ou mais miniaturas a serem adquiridas pela Internet. O próprio utilizador cria o carrinho de compras, altera quantidades, indica o local de entrega, forma de pagamento etc. Uma vez encerrado um pedido, o cliente recebe um e-mail com a confirmação do seu pedido.O cliente também pode visualizar as compras anteriores, acompanhar o status de um pedido.
Como será o projeto
O site será composto por uma série de páginas que permite ao internauta seleccionar miniaturas por categorias, exibi-las em ordem crescente ou decrescente de preço, fazer pesquisas, consultar compras anteriores, acompanhar o pedido, visualizar o carrinho de compras atual. A seção de compras permite a inclusão de uma ou mais miniaturas, bem como as quantidades a serem adquiridas, definir o local de entrega, forma de pagamento.Ao todo serão construídas 25 páginas descritas a seguir:
index.php
Esta é a home page do site mostrando as miniaturas em destaque. Esta página também inclui o menu superior (meus pedidos, meu registo, meu carrinho e pesquisa por subcategoria), menu de categorias (autocarros, automóveis, máquinas pesadas, camiões, motas, aviões, militares e home page) e rodapé (informações diversas e copyright). As miniaturas mostradas nessa página podem ser colocadas em ordem crescente ou decrescente de preço,
categorias.php
Financiado pelo FSE Pág: 1
01 - Faça um
Site Miniatur
as
Centro de Formação em Tecnologia
Apresenta as miniaturas classificadas por categorias (autocarros, automóveis, máquinas pesadas, camiões, motas, aviões, militares e home page). As miniaturas apresentadas nessa página podem ser dispostas em ordem crescente ou decrescente de preço.
pesquisa.php
Apresenta as miniaturas retornadas pela pesquisa de subcategorias (linha Hummer, linha Volvo, motas antigas, motas atuais, autocarros, retroescavadoras, veículos antigos, etc). As miniaturas apresentadas nessa página também podem ser dispostas em ordem crescente ou decrescente de preço.
detalhes.php
Financiado pelo FSE Pág: 2
Centro de Formação em Tecnologia
Essa página apresenta os detalhes de uma miniatura com os referidos dados técnicos, preço para pagamento com cartão de crédito, preço para pagamento com boleto bancário, formas de pagamento, prazos de entrega e o botão "Comprar". Esse botão envia o produto para o carrinho de compras.
ampliar.php
Essa página permite ao internauta ampliar qualquer miniatura. Para ampliar, basta clicar sobre a figura de qualquer miniatura exibida no site.
carrinho.php
Financiado pelo FSE Pág: 3
Centro de Formação em Tecnologia
Nessa página o uutilizador manipula o carrinho, podendo executar as seguintes tarefas: inserir novos itens, alterar quantidades, excluir itens, atualizar valores e finalizar o pedido.
login.php
Ao clicar no botão "Finalizar pedido", o utilizador é encaminhado para a página "login.php", dando início às etapas de finalização da compra. Essa página possui dois painéis: um destinado para o login de utilizador já registado no site (Já sou registado) e o outro para novos utilizadores (Quero me registar).Se o utilizador já estiver registado na loja, deve usar o painel esquerdo informando qual o seu login (e-mail) e senha. Os novos clientes do site devem usar o painel direito informando o seu e-mail para iniciar o registo.Caso um utilizador já registado tenha se esquecido da senha, deve clicar no link "Esqueci minha senha" para que ela lhe possa ser enviada por e-mail.
registo.php
Financiado pelo FSE Pág: 4
Centro de Formação em Tecnologia
Apresenta os campos para registo do cliente no site. A mesma página é usada para inserir novos clientes ou alterar dados registados. Os campos e-mail e senha possuem uma digitação dupla para validação das informações, reduzindo a margem de erro durante o preenchimento.
pagamento.php
Apresenta a terceira etapa da finalização de uma compra, permitindo ao utilizador escolher a forma de pagamento que será usada na compra (cartão de crédito).No cartão de crédito, é necessário informar o número do cartão, nome do titular do cartão, validade, código de segurança e número de prestações.
Financiado pelo FSE Pág: 5
Centro de Formação em Tecnologia
cartao.php
Finaliza uma compra por intermédio de um cartão de crédito.senha.php
Essa página é destinada aos utilizadores que se esqueceram da senha de acesso ao site. Para solicitar a senha, o internauta deve preencher seu e-mail e clicar no botão "Continuar".senha1.php
Nesse ecrã é apresentado após a ecrã da senha.php. Ela é responsável por enviar um e-mail ao utilizador informando a sua senha de acesso à loja virtual.
registo1.php
Apresenta a segunda etapa da finalização de uma compra com os dados registados do cliente. Nessa página o utilizador pode alterar os seus dados pessoais e o endereço de entre a ou prosseguir a compra.
Financiado pelo FSE Pág: 6
Centro de Formação em Tecnologia
pedidos.php
O acesso é feito pelo menu superior, esse ecrã permite ao utilizador registar no site, visualizar os seus pedi -dos feitos na loja virtual. Para executar é necessário inserir o e-mail e senha do cliente.
pedidos1.php
Uma vez identificado o cliente, essa página tem por objectivo mostrar uma relação de todos os pedidos realizados. Para detalhar um determinado pedido, basta clicar no link "Detalhar esse pedido".
Financiado pelo FSE Pág: 7
Centro de Formação em Tecnologia
detalhe_ped.php
Apresenta os detalhes do pedido seleccionado.
Ficheiros a incluir inc_dbConexao.php: contém as rotinas que permitem efetuar uma conexão com a base de dados
usada no site. inc_menu_superior.php: inclui nas páginas do site o menu superior (Meus pedidos, Meu registo,
Meu carrinho e a pesquisa por subcategoria).
inc_menu_categorias.php: inclui nas páginas do site o menu de categorias (Autocarros, Automóveis, Máquinas pesadas, Camiões, Motas, Aviões, Militares e Home).
inc_rodape.php: inclui nas páginas do site o seu rodapé (informações diversas e copyright)
estilo_site.css: contém as folhas de estilo em cascata (CSS) responsáveis pelo layout do site.
Financiado pelo FSE Pág: 8
Centro de Formação em Tecnologia
Configurar uma área para o site, no Dreamweaver
Financiado pelo FSE Pág: 9
Centro de Formação em Tecnologia
Financiado pelo FSE Pág: 10
Centro de Formação em Tecnologia
Nota: Copie as imagens disponíveis no MOODLE para dentro da pasta imagens.
Falta importar a Base de Dados, para isso terá de copiar a pasta da Base de Dados para o directório c:\xampp\mysql\data.
Financiado pelo FSE Pág: 11
Top Related