Atps ferramentas web

Páginas: 28 (6997 palavras) Publicado: 13 de junho de 2013
1. Relatório de Análise e Layout


1.1 Lista das lojas visitadas.

As lojas visitadas e analisadas para a composição da estrutura e layout do site são as relacionadas embaixo:
http://www.pontofrio.com.br
http://www.extra.com.br
http://www.glacon.com.br

1.2 Modelagem do layout

O layout proposto foi concebido a partir da análise dos sites das lojas supracitadas, onde os elementos queo compõem visam enriquecer a experiência usual e visual do usuário. Para isso o site foi modelado com cores sólidas e claras,com divisões estruturais básicas (cabeçalho, menus, conteúdo e rodapé) e dividido em páginas (home, empresa, produtos, dicas e curiosidades, localização e contato) a fim de facilitar a interação do usuário com o sistema.

1.2.1 Página Home

A página inicial (Home)apresenta a estrutura geral do site, pois nela se encontra todos os elementos que integram a modelagem do sistema. Para proporcionar facilidade na usabilidade do portal, foi definido que o layout seguiria o mesmo padrão para todas as seções e subseções do site. Mantendo cabeçalho, menus e rodapé, alterando somente o conteúdo correspondente a cada seção.

[pic]



As páginas que forem mostradas aseguir contêm todos os elementos do layout padrão, como descrito na página anterior, alterando somente o seu conteúdo.


1.2.2 Página Empresa

A página Empresa conta com um espaço para descrever um pouco da história e as atividades desenvolvidas pelo grupo MMFAS.

[pic]






1.2.3 Página Produtos

A página Produtos foi dividida em duas partes:

A primeira página contacom umespaço para exibição dos produtos cadastrados nas seções e subseções da página.

[pic]





A segunda página conta com o espaço para exibição do produto selecionado, onde contém informações mais detalhadas como descrição, fotos e especificação técnica.

[pic]




1.2.4 Página Dicas e Curiosidades

A página Dicas e Curiosidades, assim como a de Produtos, foi dividida em duas partes:
Aprimeira página conta com um espaço para uma pequena descrição de informações a respeito dos softwares, hardwares e empresas do ramo de tecnologia, correlacionados com os produtos exibidos pela MMFAS.O link Leia Mais permite que o usuário tenha acesso completo a informação, sendo redirecionado para a página seguinte contendo todo o conteúdo.

[pic]

A segunda página conta com um espaço para adescrição total da informação selecionada na página anterior.

[pic]






1.2.5 Página Localização

A página Localização conta com um espaço para a descrição da localidade da empresa. Essa localização é feita através de um iframeinserido no conteúdo da página que conecta ao serviço de mapas do Google gerando imagens que facilitam a identificação do local pelo usuário.

[pic]1.2.6 Página Contato

A página Contato conta com um formulário contendo um espaço para a descrição de informações básicas do usuário como nome, endereço, rg, cpf , telefone, e-mail e mensagem. Essa página será o meio de comunicação entre a empresa e o usuário.

[pic]








2.0 Relatório de Desenvolvimento

No primeiro momento montamos o ambiente para o inicio dodesenvolvimento, com isso obtivemos mais organização e fácil entendimento por todos os integrantes do grupo, na imagem abaixo demonstra a raiz de diretórios que foram criados.

[pic]

Podemos observar na imagem acima a raiz de pastas de todos os arquivos do projeto, no inicio da raiz temos como subpastas “css, img, js e psd”, dentro da pasta “img” criamos as pastas “dicas e produtos” veremos agora adescrição de cada pasta criada no projeto.

1. Colocamos todos os arquivos do formato “html”.

2. Nesta pasta se encontram todos os arquivos conhecidos como folhas de estilo com o formato “css”.

3. Pasta de imagens do template colocamos apenas os arquivos referentes ao template.

4. A pasta dicas foi criada para colocar todas as imagens que são postadas junto as dicas e...
Ler documento completo

Por favor, assinar para o acesso.

Estes textos também podem ser interessantes

  • Relatório da ATPS de Ferramentas Web
  • Atps ferramentas web
  • ATPS Ferramentas Web
  • ATPS Ferramenta para Sistemas WEB FINALIZADO
  • A web como Ferramenta
  • Ferramentas para web
  • Ferramentas Web
  • Ferramentas para web

Seja um membro do Trabalhos Feitos

CADASTRE-SE AGORA!