FilmeZilla
Desenvolver um portal de filmes como Trabalho prático para a matéria de Desenvolvimento de Interfaces Web
Disponível em http://tetration.github.io/diw-filmes
Trabalho 1 - Implementação do Front-End responsivo
CRITÉRIO 1: Conformidade com o Wireframe
- O aluno seguiu orientações do wireframe, realizando incrementos ou alterações que melhoraram a estrutura de componentes do portal;
- Seguiu parcialmente o wireframe;
- Não seguiu o wireframe.
CRITÉRIO 2: Conteúdo
- Conteúdos reais para o site: Utilizou imagens, textos, vídeos que contemplam o cenário real de mercado do site;
- Conteúdos Fictícios: Utilizou conteúdos fictícios (placeholder) para simular a estrutura do site;
- Ausência de conteúdos nos componentes: Componentes sem preenchimento dos conteúdos.
CRITÉRIO 3: Responsividade do Site:
- Responsividade funcional: O site apresenta adaptação e adequação de conteúdos para a versão mobile. Componentes se adaptam ao tamanho, imagem segue o padrão do grid, conteúdo ajusta a resolução com uso correto de media queries;
- Responsividade parcial: Somente alguns componentes ou elementos HTML se adaptam ao formato móvel, mas o sistema de Grid do Bootstrap está funcional no Desktop;
- O site não apresenta uma responsividade.
API TheMovieDB
Trabalho 2 - Integração comO site que você fará deve atender aos seguintes requisitos:
- o site deve ser publicado em um ambiente da Internet (Repl.it, GitHub Pages, Heroku, Netlify ou outro a sua escolha);
- o site deverá ser responsivo permitindo a visualização em um celular de forma adequada;
- o site deve ter uma Home-Page com a listagem dinâmica de itens obtidos via API The Movie DB à escolha do aluno que pode ser qualquer das alternativas como: (1) filmes populares, (2) filmes no cinema, (3) séries de TV ou outra listagem a ser projetada pelo aluno a partir da mesma API. Nessa página inicial, devem ser obedecidos os seguintes requisitos:
- para cada item da listagem devem ser exibidos um mínimo de três (3) dados textuais obtidos por meio da API que descrevam sucintamente o referido item (Ex: título, data, descrição, categoria, etc)
- para cada item da listagem, deve ser exibida uma imagem ilustrativa do referido item
- para cada item da listagem, deve haver um link que leve o usuário para outra página com mais informações sobre o item, seja no próprio site criado pelo aluno ou em outro site na Internet.
- o site deve apresentar uma Página de pesquisa em página adicional à home-page que permita ao usuário informar um texto e localizar informações providas pela API do The Movie DB que devem ser apresentadas como resultado da pesquisa.
Na página de pesquisa, devem ser obedecidos os seguintes requisitos:
- o resultado da pesquisa poderá ser paginado ou não
- o resultado deve mostrar uma lista de itens tal qual a home-page com imagem e textos que descrevam o item retornado
- os itens do resultado devem ter um link que ao ser acionado, leve o usuário para a página original do referido item, cujo link é obtido por meio da API do The Movie DB.