joaogdcarvalho/olhar-fonografico

Trabalho de conclusão de módulo (Adobe Dreamweaver) do curso "Start - Treinamento em Comunicação Visual" oferecido pela SAGA - School of Art Game and Animation realizado durante o ano de 2015.

OLHAR FONOGRÁFICO - TOP 100

Visão Geral

Bem-vindo ao projeto Olhar Fonográfico - Top 100. Este projeto é resultado do trabalho de conclusão de módulo (Adobe Dreamweaver) realizado durante o ano de 2015 no curso "Start - Treinamento em Comunicação Visual" oferecido pela SAGA - School of Art Game and Animation.

Estrutura do Projeto

Layouts Principais das Páginas

• index: Página inicial que exibe um mural com miniaturas dos álbuns da última até a primeira colocação, proporcionando uma visão geral da classificação.

• vitrine: Página detalhada para o álbum classificado em uma colocação específica. Contém informações detalhadas sobre o álbum, como a capa, posição no ranking, redes sociais relacionadas e navegação para outros álbuns.

Recursos JavaScript

• shuffle: Script JavaScript que cria um array dinâmico de URLs das vitrines (de 1 a 100) e fornece uma função para redirecionar o usuário para um URL aleatório. Essa funcionalidade aprimora a experiência do usuário, permitindo a exploração aleatória dos álbuns.

Folhas de Estilo

• mural: Estilização específica para a página de mural, responsável por exibir as miniaturas dos álbuns de forma organizada. Adapta a exibição para diferentes tamanhos de tela, garantindo uma experiência responsiva.

• vitrine: Folha de estilo para a página detalhada de um álbum (vitrine). Define o layout e estilo para elementos como a capa do álbum, informações, redes sociais e navegação.

Como Executar o Projeto

1. Download ou Clone: Faça o download do projeto ou clone o repositório para sua máquina local.

2. Abra os Arquivos HTML: Utilize um navegador da web para abrir os arquivos HTML (index.html e vitrine1.html) e visualizar as páginas.

3. Exploração do Projeto: Explore as diferentes funcionalidades, como a navegação entre álbuns e a função de embaralhamento, oferecendo uma experiência interativa ao usuário.

Contribuições

Este projeto é aberto a contribuições. Sinta-se à vontade para relatar problemas, sugerir melhorias ou até mesmo contribuir com código. Valorizamos a participação da comunidade!

Para contribuir:

1. Fork este repositório (https://github.com/joaogdcarvalho/olhar-fonografico/fork)
2. Crie um novo branch para a sua funcionalidade (git checkout -b feature/novaFuncionalidade)
3. Realize os commits das suas alterações (git commit -am 'Adicionando nova funcionalidade')
4. Faça o push para o seu branch (git push origin feature/novaFuncionalidade)
5. Crie um novo Pull Request

Agradecemos por escolher o Olhar Fonográfico - Top 100. Aproveite a experiência musical!

olhar-fonografico's Issues

Otimizar quantidade de imagens.

1. Substituir imagens desnecessárias do projeto (posição, ícone de redes sociais) por informação textual estilizada.
2. Remover duplicatas de imagem dos álbuns, mantendo apenas item em melhor qualidade e modificando dimensão ou sombreamento de div quando necessário.
3. Atualização de arquivo “gitignore” para manter apenas imagens utilizadas no formato específico.

Otimizar quantidade de páginas de álbuns.

1. Alterar estrutura do projeto, removendo páginas desnecessárias.
2. Não faz sentido ter uma página para cada um dos 100 álbuns, manter apenas uma página “vitrine”, incluindo tratamento para buscar informações que devem ser exibidas ao clicar em uma miniatura da página inicial (imagem do álbum, artista, nome do álbum, redes sociais, perfil)

Adicionar estrutura de banco de dados para armazenamento de álbuns.

1. Incluir estrutura de banco de dados para busca de dados e apresentação nas páginas quando necessário.
2. Busca de dados no banco e carregamento nas páginas, remoção de informações específicas apresentadas diretamente no código.

Botões de navegação de álbuns não são exibidos.

1. Ao acessar alguma página de álbum/vitrine não estão sendo exibidos botões de navegação abaixo.

• perfil-album
• primeiro-album
• album-anterior
• download-album
• proximo-album
• ultimo-album

2. Necessário reposicionar os itens e validar navegação.

Centralização de informações na página vitrine.

1. Apresentar todos os dados na única página de vitrine de modo centralizado (vertical e horizontalmente), conforme página inicial.