14
Centro de Formação em Tecnologia 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 Financiado pelo FSE Pág: 1 01 - Faça um Site Miniatura s

 · Web viewNo 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

Embed Size (px)

Citation preview

Page 1:  · Web viewNo 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

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

Page 2:  · Web viewNo 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

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

Page 3:  · Web viewNo 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

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

Page 4:  · Web viewNo 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

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

Page 5:  · Web viewNo 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

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

Page 6:  · Web viewNo 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

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

Page 7:  · Web viewNo 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

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

Page 8:  · Web viewNo 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

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

Page 9:  · Web viewNo 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

Centro de Formação em Tecnologia

Configurar uma área para o site, no Dreamweaver

Financiado pelo FSE Pág: 9

Page 10:  · Web viewNo 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

Centro de Formação em Tecnologia

Financiado pelo FSE Pág: 10

Page 11:  · Web viewNo 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

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