O PORTFÓLIO SISTEMAS

...

O projeto será composto por um e-commerce, com ideias na venda de produtos de informática.

Palavras-chave: Informática; E-commerce; vendas.

Abstract

The project will be executed with the following software:

Adobe Illustrator

Adobe Photoshop

Adobe Dream Weaver

Adobe Fireworks

Adobe Flash

Adobe Illustrator was used for the vectorization of images and creation of the web site layout, Adobe Photoshop was used in image editing for the products from the website as a function to let the images in high-performance for the client. O Adobe Flash was used in animations (web site advertisements). Dreamweaver was used to programming the buttons.

The project will consist of an e-commerce ideas in selling computer products.

Keywords: Information Technology; E-commerce; sales.

Lista de Programas

Adobe Dream Weaver

O Adobe Dream Weaver, antigo Macromedia Dreamweaver é um software de desenvolvimento voltado para a web criada pela Macromedia (adquirida pela Adobe Systems).

Adobe Illustrator

Adobe Illustrator é um editor de imagens vetoriais desenvolvido e comercializado pela Adobe Systems.

Adobe Flash

É um software primariamente de gráfico vetorial - apesar de suportar imagens bitmap e vídeos - utilizado geralmente para a criação de animações interativas que funcionam embutidas num navegador web e também por meio de desktops, celulares, smartphones, tablets e televisores.

Adobe Fireworks

O Fireworks é um editor de imagens de bitmap e desenho vetorial desenvolvido pela Macromedia, posteriormente adquirido pela Adobe. Suas funcionalidades focam a publicação gráfica na Internet, por isso inclui suporte a GIF animado, PNG e imagens fatiadas, além de possuir ótima compressão de imagens.

Adobe Photoshop

Adobe Photoshop é um software caracterizado como editor de imagens bidimensionais do tipo raster desenvolvido pela Adobe Systems.

Sumário

Introdução 11

1 Logotipo: 12

2 Layouts 12

2.1 Layout da página inicial: 12

2.2 Itens do Layout: 12

3 Páginas individuais dos produtos: 12

4 Código das principais páginas: 13

Conclusão 60

Cronograma 61

Anexos 62

Anexos 62

---------------------------------------------------------------

Introdução

O projeto será executado com o objetivo de elaborar uma web site com vendas pela internet, que fornece produtos de informática para seus devidos consumidores.

O site irá conter no mínimo de 100 páginas. A página inicial, ficará os produtos, o banner e a ferramenta de pesquisa.

Para ser desenvolvido o layout da página inicial foi utilizado o Illustrator.

Clicando em cima do produto abrirá uma página com a imagem, seu preço e característica.

Os banners serão apresentados em todas as páginas do site.

Para fazer os banners foi usado o Adobe Flash que também forneceu suporte nas animações do site.

O site oferece também um mecanismo que o cliente fornece o e-mail e o nome para futuras promoções do site. (Fictício)

---------------------------------------------------------------

- Logotipo:

Primeiramente foi preparado o logotipo da empresa Vision Informática, pois o cliente solicitou um logo que chamasse a atenção. Ele foi criado com o Adobe Photoshop, o “I” gigante foi como uma referência para chamar a atenção, e o notebook pequeno representando um “ícone” da informática (Anexo 1)

- Layouts

- Layout da página inicial:

Criamos o layout da página inicial do site, com cores que chamam a atenção, com os respectivos produtos disponíveis no site. Logo abaixo do logo, possui as categorias dos produtos e o banner. Logo depois você encontra os produtos em promoção da página. Foi usado o Illustrator para todo o design da página, o Adobe Fireworks para a fatiagem dos botões do site, o DreamWeaver para a programação do site es propagandas com o Adobe Flash, sendo inspirado em alguns sites de Informática como Kalunga, Balão da Informática e outros. Alguns itens no layout são fictícios por não obtermos banco de dados, como por exemplo a barra de Login no site e inscrição para receber produtos por e-mail. (Anexo 2)

- Itens do Layout:

No layout temos a opção de navegar nos produtos pela sua respectiva categoria. Temos também dúvidas da loja, inscrição para receber ofertas por e-mail (fictício), login (fictício) e patrocinadores. Esses itens também foram criados no Illustrator. (Anexo 3)

- Páginas individuais dos produtos:

Nessa nova aba, foi especialmente dedicada a cada produto, sendo assim a sua foto ampliada, e com especificações técnicas. Deixando o cliente apto e ciente da capacidade de cada produto. Foi criada com o Adobe Illustrator, cada imagem dos produtos foi editada com o Adobe Photoshop, o resto do design do site foi desenvolvido através do Illustrator. (Anexo 4)

- Código das principais páginas:

Página