O Telecine Mozer

Sumário

1 - Introdução 3

2 - Objetivo 4

3 - Desenvolvimento 5

3.1 Desenvolvimento do site 5

3.2 Referencia administrativa 6

3.3 Organização de arquivos 8

4 - Conclusão 10

5 - Referencias 11

1 – Introdução

Neste trabalho falaremos sobre o processo de inovação no conceito de locação da empresa Telecine Mozer, que pertence ao do grupo Toda. Acompanhando algumas tendências do mercado a empresa ira investir no controle da locação de filmes através de sua web site.

Sabemos que a empresa já atua na oferta de TV por assinatura e poderemos disponibilizar os filmes através de um dos canais, sendo este exclusivo para visualização dos filmes locados (canal 654).

2 - Objetivo

Oferecer uma ferramenta importante de acesso ao acervo de filmes da empresa, promover relacionamento com os clientes e premiar estes melhores relacionamento para fidelizar ainda mais seu cliente.

O proposito é de inicio apresentar um protótipo de como irá ficar esta pagina de internet utilizando linguagem HTML, CSS e Java Script e definirmos em conjunto como será a implementação.

3 - Desenvolvimento

3.1 - Desenvolvimento do Site

Para a criação do site iremos utilizar a linguagem HTML que é a abreviação para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto. Parece um nome complicado, mas para desenvolvimento desta linguagem precisamos apenas de editor simples de texto (bloco de notas) e um browser.

Na criação deste site temos a estrutura básica que segue:

Abriremos o editor de texto bloco de notas e vamos criar um documento e salvar com a extensão html. No nosso caso criamos o Telecine Mozer

Telecine Mozer.html

           

                     

         

          ..........

3.1.1 - Cabeçalho

Nesta composição cabeçalho do html encontramos  o Título do documento, a descrição, palavras chaves e comentários

A informação título servirá para identificar o documento. O título do documento não é uma informação que será visualizada no corpo da pagina de web, mas aparece na barra de título do browser de navegação. O título não é o mesmo que cabeçalho ele que definirá o nome do arquivo. É através do título que sua home page será procurada pelos critérios de pesquisa da internet.

As palavras chaves também servirão para a busca de sua home page.

Comentários adicionais na cabeça do seu documento usando a marcação

Portanto o cabeçalho de um documento HTML ficaria assim:

(início da cabeça)

(final de cabeça)

3.1.2 – Corpo do Documento

O corpo do documento é a parte que aparece na pagina de web. O texto de algumas tags colocadas nesta sessão do documento não é visualizado na tela, mas sim os seus efeitos. Cada tag tem uma função como mudar tamanho, estilo e cor da fonte, inserir tabela, formatação de link, sendo interno ou externo, inserir cor de fundo e imagem tanto no corpo quanto de fundo e vídeos.

Para a criação deste site iremos disponibilizar para a empresa Telecine Mozer a possibilidade de ter o seu site com um pano de fundo com imagens ou cores, mas para entender bem sobre esse processo iremos mostrar como funciona isso na programação.

Esta notação indica fundos com textura. Se o arquivo gif estiver no mesmo servidor, mas em outro diretório, deve ser indicado o seu caminho path/name. Se estiver em outro servidor, sua URL deve ser indicada:

Tipo://host.domínio[:porta]/path/NomeDoArquivo.

Informação: Use para fixar o fundo da página na tela.

Esta representação indica fundos no padrão RGB. Usa-se um código no formato hexadecimal precedido pela tralha #. Para ver as cores com seus respectivos códigos RGB podemos consultar a Tabela de cores.

Para as cores de texto, podemos utilizar o mesmo código hexadecimal dos padrões de fundo RGB. A notação para indicar a cor do texto é:

Iremos utilizar o modelo do site com fotos na pagina inicial e alguns links que irão direcionar para trailers e uma breve descrição sobre cada filme e também para os tipos de filmes como: comédia, ação, romance, aventura, terror, ficção e outros opções disponibilizadas pela TeleCine Mozer.

Para entender um pouco sobre estes recursos é importante saber que os termos que aparecem em destaque na página, geralmente sublinhados e em cores diferentes, são textos que indicam uma ligação hipertexto.

Podemos ligar partes de um texto ou imagens e a tag que faz a ligação hipertexto é , que é chamada de âncora. A notação completa para um link é:

Para acesso ao conteúdo do site iremos disponibilizar o sistema de acesso validado por usuário e senha em PHP. Onde através de um banco de dados podemos validar o acesso ou não ao site. Poderemos liberar o acesso mensal e a senha será disponibilizada ao usuário mensalmente assim que validado o pagamento da mensalidade.

Depois de validado o processo de identificação o usuário terá acesso a uma lista de filmes que poderá locar e assistir através do canal 654 da sua TV a cabo.

Falando em lista podemos ter uma relação de listas que podem ser caracterizadas de ordenadas e desordenadas.

Listas não ordenada são determinadas pela tag UL.

Listas não ordenada são marcadas com caracteres simbólicos como círculos, quadrados e discos.

O formato da lista é definido pelo atributo TYPE que pode ser:

•        circle: círculo;

•        square: quadrado;