Negócio Fácil é um projeto da disciplina de Projeto de Software I ministrada pelo Prof. Cristiano
Bertolini e que está sendo desenvolvido pelos alunos Daniel Prediger, Mateus Zanatta e Paulo Ceratti.
O projeto tem por objetivo a criação de um site anúncios para a Região de Frederico Westphalen, onde
foi identificado uma certa carência em realização de anúncios online.
Foram elaborados dois protótipos para a disciplina. Um deles está descrito nesta Wiki nas seções abaixo e o outro foi elaborado com o auxilio de uma ferramenta de prototipação colaborativa e está disponível no link abaixo
A página inicial do site irá conter todos os anúncios já feitos, ordenados do mais recente ao mais
antigo. Serão apresentados 10 (dez) anúncios por página e ao chegar no rodapé da página
será necessário escolher a próxima página para continuar vendo os anúncios. Os links para as
páginas serão apresentados conforme a Imagem 2.
Imagem 2 - Numeração de Página.
Pode-se notar que o bloco de anúncio, mostrado em mais detalhes na Imagem 3, apresenta uma imagem em destaque (que não necessariamente precisa ser indicada), data de publicação e um resumo do anúncio, sendo necessário clicar no título do anúncio ou no link "Mais", no rodapé do bloco, para poder visualizar o conteúdo completo. Como o anúncio é apresentado de forma completa será descrita no próximo título
Imagem 3 - Bloco de anúncio.
Anúncio
O anúncio em sua visualização completa é composto por uma barra de navegação, logo abaixo do menu principal, por uma imagem em destaque, uma pequena galeria de fotos e descrição. Além da possibilidade de navegação rápida entre os anúncios (Imagem 7), demonstração de anúncios relacionados (Imagem 8), um bloco para comentários (Imagem 9) e também existe um lista com as categorias do site no lado esquerdo para uma rápida navegação no site (Imagem 12). Na Imagem 4 é possível visualizar o anúncio completo.
Imagem 4 - Anúncio completo.
Na imagem 5 é possível visualizar a barra de navegação que fica logo abaixo do menu principal, nela é possível visualizar o caminho do anúncio dentro do site. Também é possível navegar diretamente para as páginas anteriores.
Imagem 5 - Barra de navegação.
Na Imagem 6 é possível visualizar com mais detalhes o anúncio, pode-se notar que é composto por uma imagem em destaque e título em seu cabeçalho. Em seu corpo é possível notar uma pequena galeria de fotos além de uma descrição do produto, com a possibilidade de inserção de imagens no meio do texto. Existindo opções de compartilhamento do anúncio em diversas redes sociais. E em seu rodapé é possível encontrar tags relacionadas ao post se há comentários, o autor do post e mais no canto esquerdo a categoria a qual pertence.
Imagem 6 - Bloco do anúncio completo.
Na Imagem 7 é possível visualizar com mais detalhes a navegação rápida entre os anúncios. Com essa navegação pode-se acessar o anúncio imediatamente anterior ou posterior ao anúncio atual.
Imagem 7 - Navegação rápida.
Na Imagem 8 é possível visualizar com mais detalhes os anúncios relacionados. O relacionamento dos anúncios é feita através das tags que são adicionadas a eles.
Imagem 8 - Anúncios Relacionados.
Na Imagem 9 é possível visualizar com mais detalhes o bloco de comentários. Para comentar é necessário ter uma conta e estar logado no site, como mostrado na Imagem 10 e ainda é possível inserir algumas tags HTML no corpo do comentário.
Imagem 9 - Comentário.
Na Imagem 10 é possível visualizar a mensagem quando o usuário do site não está logado.
Imagem 10 - Comentário - Usuário não logado.
Na Imagem 11 é possível visualizar um comentário cadastrado em um anúncio, demonstrando o uso das tags disponíveis.
Imagem 11 - Comentário postado.
Na Imagem 12 é possível visualizar com mais detalhes a lista com as categorias. Esta lista mostra as categorias e visa facilitar a navegação dentro do site.
Imagem 12 - Lista de categorias.
Categorias
Cada categoria conta com uma página para si. Estas páginas estão estruturadas basicamente da mesma forma que a Página Principal e a paginação ocorre da mesma forma. Diferenciando-se por ter uma navegação rápida e uma lista de categorias, estas já descritas acima, além de listar somente os anúncios correspondentes a categoria que se está visualizando.
Cada bloco de anúncio esta estruturado da mesma forma que foi descrito acima e funcionam da mesma forma.
Para acessar uma categoria diretamente da Página Principal é necessário clicar no menu "Categorias", mostrado na Imagem 13, para que seja revelado um submenu que lista as categorias cadastradas no site, conforme a Imagem 14. Lembrando que está forma de navegação entre as categorias não somente está disponível na Página Inicial, mas também em todas as outras páginas que contenham o menu da Imagem 13.
Imagem 13 - Menu.
Ao clicar em algumas das opções do submenu, elas levarão à página correspondente de cada categoria. Estas categorias serão descritas nos próximos itens
Imagem 14 - Submenu de categorias.
Acessórios músicais
Na página de Acessórios Musicais, apresentada na Imagem 15, será listado todo e qualquer acessório musical (caixas de som, pedais de guitarra, cabos, etc.).
Imagem 15 - Acessórios Musicais.
Automóveis
Na página de Automóveis, apresentada na Imagem 16, serão listados todos os itens pertencentes a esta categoria, ou seja, todos os automóveis anunciados.
Imagem 16 - Automóveis.
Cama, Mesa & Banho
Na página de Cama, Mesa & Banho, apresentada na Imagem 17, serão listados todos os itens pertencentes a esta categoria, ou seja, todo e qualquer item relacionado.
Imagem 17 - Cama, Mesa & Banho.
Eletrodomésticos
Na página de Eletrodomésticos, apresentada na Imagem 18, serão listados todos os itens pertencentes a esta categoria, ou seja, todo e qualquer item relacionado.
Imagem 18 - Eletrodomésticos.
Imóveis
Na página de Imóveis, apresentada na Imagem 19, serão listados todos os itens pertencentes a esta categoria, ou seja, todo e qualquer item relacionado.
Imagem 19 - Imóveis.
Informática
Na página de Informática, apresentada na Imagem 20, serão listados todos os itens pertencentes a esta categoria, ou seja, todo e qualquer item relacionado.
Imagem 20 - Informática.
Jogos
Na página de Jogos, apresentada na Imagem 21, serão listados todos os itens pertencentes a esta categoria, ou seja, todo e qualquer item relacionado.
Imagem 21 - Jogos.
Móveis
Na página de Móveis, apresentada na Imagem 22, serão listados todos os itens pertencentes a esta categoria, ou seja, todo e qualquer item relacionado.
Imagem 22 - Móveis.
Telefonia
Na página de Telefonia, apresentada na Imagem 23, serão listados todos os itens pertencentes a esta categoria, ou seja, todo e qualquer item relacionado.
Imagem 23 - Telefonia.
Páginas
Além das páginas destinadas as categorias descritas acima existem outras páginas destinadas à prestar informações sobre o site e seus criadores e disponibilizar uma forma de contato direto entre os usuários e os desenvolvedores. Estas páginas serão descritas abaixo.
Equipe
Esta página é destinada ao acesso, por parte dos usuários, de algumas informações da equipe de responsáveis pelo site. Na Imagem 24 é possível visualizar como poderá ser a página da Equipe.
Imagem 24 - Equipe.
Contato
Nesta página existe um formulário para preenchimento casa algum usuário queira entrar em contato com os responsáveis pelo site, devendo preencher obrigatoriamente seu nome, email e o comentário e podendo optar por preencher qual seu website e selecionar um motivo para entrar em contato. Na Imagem 25 é possível visualizar como poderá ser a página de Contato.
Imagem 25 - Contato.
Sobre
Nesta página será apresentado um pequeno texto falando sobre o site apara aqueles que desejarem se inteirar sobre a história do site. Na Imagem 26 é possível visualizar como poderá ser a página Sobre
Imagem 26 - Sobre.
Pesquisa
No site também será possível efetuar pesquisas através do campo destinado a esta função. Este campo, como mostra a Imagem 27, está localizado no topo da página ao lado do nome do site.
Imagem 27 - Pesquisa.
Após a realização da pesquisa será apresentada uma página com os resultados encontrados, conforme demonstra a Imagem 28.
