Você está na página 1de 12

SISTEMA DE ENSINO PRESENCIAL CONECTADO

ANALISE E DESENVOLVIMENTO DE SISTEMAS

GREGÓRIO FERREIRA PILAR DE SOUSA

PORTIFÓLIO INDIVIDUAL I - 1º SEMESTRE


FUNDAMENTOS DE TECNOLOGIA DA INFORMAÇÃO

Brasília DF
2017
GREGÓRIO FERREIRA PILAR DE SOUSA

PORTIFÓLIO INDIVIDUAL I - 1º SEMESTRE


FUNDAMENTOS DE TECNOLOGIA DA INFORMAÇÃO

Atividade Interdisciplinar Individual apresentado à


Universidade Norte do Paraná - UNOPAR, como
requisito parcial para a obtenção de média bimestral nas
disciplinas de Introdução Ao Desenvolvimento De
Sistemas Web, Lógica E Técnicas De Programação,
Metodologia Científica E Processo De Negócio E
Software.

Orientadores:
Prof. Merris Mozer
Prof. Anderson Macedo
Prof. Marco Hisatomi
Prof. Anderson Macedo

Brasília DF
2017
SUMÁRIO

1 INTRODUÇÃO.......................................................................................................3
2 OBJETIVO..............................................................................................................4
3 DESENVOLVIMENTO...........................................................................................5
3.1 Protótipo do TELECINE MOZER.....................................................................5
3.1.1 Tela inicial.......................................................................................................5
3.1.2 Tela de listagem de filmes ao cliente..............................................................6
3.1.3 Tela de exibição de detalhes do filme.............................................................7
3.1.4 Tela de visualização do histórico do cliente...................................................8
3.1.5 Tela de visualização do histórico do administrador........................................9
4 CONCLUSÃO......................................................................................................10
REFERÊNCIAS...........................................................................................................11
3

1 INTRODUÇÃO

Este trabalho aborda os assuntos do 2º semestre do curso superior


de tecnologia em análise e desenvolvimento de sistemas. Seus principais assuntos
derivam do conteúdo estudado, sendo eles: a aplicação do HTML, através de
comandos para um documento HTML juntamente com o CSS para organização do
layout, proporcionando uma pagina mais leve, dinâmica e de fácil modificação e
manutenção. Apresentando de um modo panorâmico como seria o protótipo de um
sistema voltado para locação de filmes on-line.
4

2 OBJETIVO

Com base no cenário do estudo de caso Telecine Mozer proposto,


objetivo elaborar um protótipo de interface, levando em consideração os critérios
básicos de elaboração de interfaces, somado ao que foi aprendido sobre HTML e
CSS, de modo a proporcionar maior facilidade de navegação com uma interface
leve, objetiva, clara e de fácil modificação e manutenção.
Objetivando ainda, melhor aprofundamento no conhecimento das
técnicas de codificação aprendidas neste semestre, irei aplicar e analisar quais
opções melhor se encaixam dentro do protótipo do caso de uso proposto, buscando
apresentar um protótipo que siga um layout padrão e apresentando modelos para
tela inicial, listagem de filmes, detalhes de filme escolhido e informações de alguns
indicadores tanto para o cliente como para o administrador.
5

3 DESENVOLVIMENTO

3.1 PROTÓTIPO DO TELECINE MOZER

3.1.1 Tela inicial

Figura 1 –Protótipo da tela inicial do Telecine Mozer

A tela inicial consiste em uma apresentação geral do site, do que é e


de como funciona e apenas com as opções de logar para quem já é cadastrado e de
cadastrar para quem ainda não é assinante. Os termos de contrato, maior
detalhamento das taxas e formas de pagamento estarão disponíveis para quem
pretende assinar após clicar em "entrar" abaixo de "assinar agora". A biblioteca de
filmes do site só estará disponível apos a conclusão do cadastro ou para quem já for
assinante e entrar pela opção com login e senha.
6

O cliente só conseguira efetuar o login caso seu boleto mensal de


pagamento esteja em dia, pois a cada mês, no fechamento da fatura, será gerada
uma nova senha, que só será valida apos confirmação do pagamento da
mensalidade.

3.1.2 Tela de listagem de filmes ao cliente

Figura 2 –Protótipo da tela de listagem de filmes

Apos efetuado o login ou concluído o cadastro (caso de novos


assinantes), o site abrira em uma pagina com no maximo 10 filmes listados, tendo
abaixo a opção de numérica de paginas seguintes, logo acima estarão as opções de
filtro, que por padrão, o filtro inicial será exibição aleatória, logo após as opções de
filtro fica a opção de busca por nome do titulo do filme buscado.
Entre as opções de filtro estarão as opções para listar 5 ou 10 filmes
por pagina, seguido de opções por ordem alfabética, por categoria, por preço
7

crescente e decrescente, lançamento, ou mais assistidos.


cada filme na lista apresentara apenas a imagem da capa, nome, e a
opção de detalhes, e esta ultima será responsável por apresentar informações
detalhadas do filme assim como varias opções como verificar disponibilidade de
horários, preços e efetuar aluguel.
Apos o login, ao lado direito do site, estará disponível as opção de
cadastro, extrato, histórico, busca e atendimento, para que o cliente possa ter
controle sobre todas as suas informações.

3.1.3 Tela de exibição de detalhes do filme

Figura 3 –Protótipo da tela de detalhes do filme selecionado

Ao clicar na opção detalhes de um determinado filme, será


apresentada uma pagina com o titulo do filme, data de lançamento, direção, elenco
principal, gênero, preço, sinopse, opção de alugar, verificar horários e assistir trailer.
Abaixo dos detalhes, terá um botão para que o cliente retorne para a lista.
8

Cada filme locado será automaticamente acrescentado ao histórico e


o seu valor acrescentado sua fatura, e poderão ser consultados na opção de extrato
e histórico.

3.1.4 Tela de visualização do histórico do cliente

Figura 4 –Protótipo da tela histórico do cliente

Na tela de visualização do histórico, o cliente poderá ver o histórico


de suas locações organizado por filtros de ordem alfabética, por gênero, datas
especificas ou intervalo de datas, o que irá lhe proporcionar um melhor controle dos
títulos alugados ou facilitar uma relocação de um titulo que já tenha assistido.
9

3.1.5 Tela de visualização do histórico do administrador

Figura 5 –Protótipo da tela histórico do administrador

Nas opções do administrador, na opção histórico, o administrador


terá disponível filtros que lhe proporcionaram acesso as informação da
movimentação das locações do site, dos cliente cadastrados, das locações de cada
cliente, dos filmes, de quantas locações um determinado titulo teve, pode listar em
ordem crescente a quantidade de locações dos filmes ou dos clientes, sendo
possível identificar os clientes que mais locarão filmes em uma determinada semana
ou mês, ou qual o filme mais alugado em uma determinada semana, mês ou período
de tempo, tornando possível elaborar uma lista de clientes mais fieis, assim como
organizar os filmes por ordens como mais assistidos para oferecer bônus ou
promoções.
O administrador terá ainda opções como configurações,
contabilidade, gerenciamento e atendimento, para que o mesmo possa ter um
controle mais claro das informações que necessita.
10

4 CONCLUSÃO

O protótipo apresentado, visando uma melhor performance na


facilidade de navegação e maior ganho de desempenho, foi projetado em HTML e
CSS, o que proporciona ganhos consideráveis não apenas na velocidade de
carregamento da pagina, o que a torna leve também para navegação em
dispositivos moveis, mas também facilita a modificação, atualização e manutenção
do site, pois o CSS proporciona uma boa organização do layout geral da pagina sem
que seja necessário modificar cada pagina individualmente, diminuindo também a
quantidade de código das paginas, que por sua vez, facilita a leitura e interpretação
do código para o programador.
Podemos ainda, neste trabalho, conhecer um pouco mais sobre o
que é, na pratica, desenvolvimento de interfaces, e aplicação de linguagens HTML e
CSS estudadas, o que nos oferece uma maior familiarização.
Por fim, através da realização das atividades propostas, podemos
aplicar as matérias estudadas na pratica, servindo também tanto para o crescimento
profissional e como orientações para elaboração de protótipos, manuais, propostas,
desenvolvimento e analise das atividades de uma forma mais estruturada e
organizada, o que proporciona um melhor entendimento das disciplinas, nos
preparando melhor para o mercado de trabalho.
11

REFERÊNCIAS

Foram utilizados os livros impressos e as web-aulas das disciplinas abordadas

https://pt.wikipedia.org

http://www.w3schools.com/

http://www.w3schools.com/css/

http://pt-br.html.net/tutorials/css/

http://pt.slideshare.net/RafaelQueiroz8/guia-para-ferramenta-pencil

http://www.miltondesigner.com.br/como-usar-o-pencil-wireframe/

Você também pode gostar