Portal de Filmes integrado com API

Trabalho Prático 2 - Portal de Filmes integrado com API

Nesse trabalho, vamos dar vida ao layout desenvolvido no trabalho anterior. Vamos apresentar informações reais sobre os filmes obtidas dinamicamente a partir da integração com a API The Movie DB.

Esta API oferece diversas funcionalidades por meio de endpoints no padrão RESTful. Você precisará criar uma conta (CLIQUE PARA ACESSAR O TUTORIAL) para receber a uma chave (API Key) utilizada em todas as requisições.

Neste trabalho, pode-se evoluir o layout do portal de filmes do trabalho anterior ou começar um projeto de layout do zero. Essa decisão fica a cargo de cada aluno. Você deverá montar um layout sobre filmes e apresentar funcionalidades para os seus usuários que são pessoas aficionadas por cinema e séries de TVs.

Dentre as funcionalidades providas pela API The Movie DB, destacamos os seguintes recursos que podem ser utilizadas no seu projeto:

Filmes populares - fornece uma lista atualizada dos filmes mais procurados;
Últimos filmes - fornece uma lista dos filmes mais recentes;
Filmes no Cinema - fornece uma lista de filmes em cartaz nos cinemas.


Requisitos do Projeto
O site que você fará deve atender aos seguintes requisitos:

o site deve ser publicado em um ambiente da Internet (************, 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 filmes/séries 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 uma Página de Detalhes do filme/serie (************) com mais informações sobre o item.
o site deve apresentar uma Página de pesquisa (************) ou funcionalidade integrada à home-page no cabeçalho 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.


Processo de Avaliação
A avaliação do trabalho envolverá todos os alunos da disciplina no esquema de avaliação por pares. Nesse processo, você deve avaliar 3 projetos de outros alunos e isso conta 2 pontos adicionais na disciplina além da pontuação desse trabalho. Para avaliar os trabalhos e atribuir pontos, siga os critérios apresentados abaixo. Seja honesto na avaliação. A nota final será a média das avaliações dos 3 outros colegas, sendo chancelada pelos professores envolvidos.

CRITÉRIO 1: Formato e responsividade (3 pontos)

3 pontos - Responsividade funcional: O site apresenta adaptação e adequação de conteúdos para a versão mobile e desktop. Componentes se adaptam ao tamanho, imagem segue o padrão do grid, conteúdo ajusta a resolução com uso correto de media queries.
1 pontos - 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.
0 pontos - Sem responsividade - O site não apresenta uma responsividade.


CRITÉRIO 2: Home-page (************) dinâmica integrada com API (10 pontos)

10 pontos - Home-page com listagem de itens e link para página de detalhes
Home-Page dinâmica integrada com a API The Movie DB, apresentando os itens a partir dos dados obtidos da API, com a imagem representativa de cada item e os textos descritivos. Ao clicar no item exibido na Home-Page, o usuário é direcionado para uma página de detalhes associada ao item ou página externa oficial do filme/série.
4 pontos - Home-page com listagem de itens e alguns defeitos
Home-Page dinâmica integrada com a API The Movie DB, apresentando os itens a partir dos dados obtidos da API, porém com alguns defeitos na montagem ou sem link que permita verificar detalhes do item.
0 ponto - Site estático: Site não integrado com API The Movie DB ou apresentando mensagens de erro.


CRITÉRIO 3: Página de Pesquisa (************) integrada com API (10 pontos)

10 pontos - Página de Pesquisa totalmente funcional com link para página de detalhes
Página de pesquisa que permite ao usuário informar um texto e obter os resultados a partir da API The Movie DB, apresentando os itens com a imagem representativa de cada item e os textos descritivos. Ao clicar em um item dos resultados o usuário é direcionado para uma página de detalhes associada ao item ou para uma página externa oficial do filme/série.
4 pontos - Funcionalidade de pesquisa com alguns problemas na montagem dos itens ou no link
Página de pesquisa funcionando integrada à API The Movie DB, porém com alguns problemas na exibição dos itens ou sem o link do item para página de detalhes do item.
0 ponto - Site sem funcionalidade de pesquisa: Nenhuma funcionalidade de pesquisa no site.


CRITÉRIO 4: Página de detalhes (************) apresentando informações de um item integrada à API (7 pontos)

7 pontos - Página de detalhes que permita visualizar as informações de um item ao ser clicado
Home-Page dinâmica integrada com a API The Movie DB, apresentando os itens a partir dos dados obtidos da API, com a imagem representativa de cada item e os textos descritivos. Ao clicar no item exibido na Home-Page, o usuário visualiza as informações detalhadas em uma página específica feita pelo aluno para o este projeto.
2 pontos - Ausência da página de detalhes, porém com inclusão do link de redirecionamento para página oficial do filme/série
Recurso de link associado ao item na página home e na página de pesquisa com direcionamento para a página oficial do filme/série.
0 ponto - Falta de link de detalhamento dos itens: Ausência de um link no item que direcione para página interna ou externa com detalhes sobre o item.