1. Sobre
Kinoview é um projeto conceito de uma plataforma de Streaming, desenvolvido por mim, Maria Gorette Tavares e Victor Pineles, em uma disciplina de programação web onde foi proposto a diversos grupos de alunos desenvolverem uma plataforma responsiva com o objetivo de demonstrar nossas capacidades na criação do wireframe, layout, programação em HTML e CSS, e a utilização de bibliotecas de código como Bootstrap.
página inicial do Kinoview
2. Desenvolvimento
2.1. Páginas a serem desenvolvidas
Por ser um conceito de plataforma de Streaming a ser desenvolvido em alguns dias, definimos algumas poucas telas a serem desenvolvidas pelo grupo.
Telas a serem desenvolvidas:
Uma página inicial apresentando a plataforma
Uma página com o catálogo de séries da plataforma
Uma página de uma série específica.
Uma página do episódio da série.
2.2. Wireframes
Definida as páginas a serem desenvolvidas, começamos a estruturar a plataforma primeiro na versão mobile, já que os dispositivos móveis são o principal meio pelo qual os usuários costumam acessar sites, e o processo de adaptação de uma plataforma desktop para o mobile é um processo complicado que muitas vezes não se adéqua corretamente. Após a criação da estrutura para o mobile, desenvolvemos a versão desktop.
wireframes da versão mobile
wireframes da versão desktop
2.3. Layout
Buscando desenvolver uma identidade visual que não houvesse semelhanças com outras plataformas que disponibilizassem o mesmo serviço, selecionamos para essa paleta de cores um azul escuro com algumas variações no brilho, amarelo como cor complementar e algumas cores neutras como cinzas e branco. Para a tipografia, foi escolhida a fonte Cairo utilizada nos títulos e subtítulos e a fonte Roboto para os textos.
2.4. Programação
Desenvolvidos o wireframe e layout das páginas, começamos a programação em HTML de cada página da plataforma. Para fazer a diagramação utilizamos a biblioteca Bootstrap, onde alteramos diversos elementos presentes na biblioteca para que condize-se com o que foi proposto no layout.
versão final do Kinoview para mobile, programadas em HTML e CSS
versão final do Kinoview para desktop, programadas em HTML e CSS
2.5. Conclusão
Dentro de todo o processo de desenvolvimento do projeto, a parte que mais se mostrou complexa foi a programação, pois cada membro do grupo ficou carregado de fazer o wireframe, layout e programação de ao menos uma página. Assim, na etapa de unir os arquivos e códigos, o fato de alguns terem programado alguns trechos da plataforma de um determinado método, a junção de todas as páginas fez com que surgisse algumas anormalidades na plataforma, pois o código de uma pessoa acabava interferindo no código do outro, mesmo com comunicação e colaboração constantes.
Apesar desses imprevistos, conseguimos padronizar e corrigir os erros que surgiram, dentro do prazo limite.
Apesar desses imprevistos, conseguimos padronizar e corrigir os erros que surgiram, dentro do prazo limite.
