Portifolio Individual II ADS UNOPAR 2º Semestre

Prévia do material em texto

�PAGE �
SUMÁRIO
31	INTRODUÇÃO	�
42	OBJETIVO	�
53	DESENVOLVIMENTO	�
53.1	Protótipo do TELECINE MOZER	�
53.1.1	Tela inicial	�
63.1.2	Tela de listagem de filmes ao cliente	�
73.1.3	Tela de exibição de detalhes do filme	�
83.1.4	Tela de visualização do histórico do cliente	�
93.1.5	Tela de visualização do histórico do administrador	�
104	CONCLUSÃO	�
11REFERÊNCIAS	�
��
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.
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.
DESENVOLVIMENTO
ProtÓtipo do TELECINE MOZER
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.
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.
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 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.
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.
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.
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.
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.
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.
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/
Sistema de Ensino Presencial Conectado
ANALISE E DESENVOLVIMENTO DE SISTEMAS
ANTONIO gONÇALVES DE aBRANTES nETO
portifÓlio individual ii - 2ºsemestre
FUNDAMENTOS DE TECNOLOGIA DA INFORMAÇÃO
SOUSA-PB
2016
ANTONIO GONÇALVES DE ABRANTES NETO
portifÓlio individual ii - 2º 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.
Orientador: Profs. Merris Mozer, Anderson Macedo, Reinaldo Nishikawa e Marco Hisatomi.
SOUSA-PB
2016