/diw_with_api_final

Primary LanguageHTMLMIT LicenseMIT

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

  1. O aluno seguiu orientações do wireframe, realizando incrementos ou alterações que melhoraram a estrutura de componentes do portal;
  2. Seguiu parcialmente o wireframe;
  3. Não seguiu o wireframe.

CRITÉRIO 2: Conteúdo

  1. Conteúdos reais para o site: Utilizou imagens, textos, vídeos que contemplam o cenário real de mercado do site;
  2. Conteúdos Fictícios: Utilizou conteúdos fictícios (placeholder) para simular a estrutura do site;
  3. Ausência de conteúdos nos componentes: Componentes sem preenchimento dos conteúdos.

CRITÉRIO 3: Responsividade do Site:

  1. 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;
  2. 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;
  3. O site não apresenta uma responsividade.

Trabalho 2 - Integração com API TheMovieDB

O 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.