Ilhéus 2014

0

ANDERSON VALÉRIO SANTANA NASCIMENTO

SISTEMA DE ENSINO PRESENCIAL CONECTADOANÁLISE E DESENVOLVENTO DE SISTEMA

PORTIFÓLIO INDIVIDUAL TELECINE MOZER

Ilhéus 2014

1

PORTIFÓLIO INDIVIDUAL

TELECINE MOZER

Trabalho de Análise e desenvolvimento de sistemas apresentado à Universidade Norte do Paraná - UNOPAR, como requisito parcial para a obtenção de média bimestral na disciplina de Lógica e técnicas de Programação, Metodologia Científica, Processo de Negócio e Software, Introdução ao Desenvolvimento de Sistema Web.

Orientador: Merris Mozer; Reinaldo Benedito Nishikawa; Anderson Emidio de Macedo Goncalves; Marco Ikuro Hisatomi

ANDERSON VALÉRIO SANTANA NASCIMENTO

SUMÁRIO

1. INTRODUÇÃO..............................................................................................03

2. OBJETIVO....................................................................................................04

3. DESENVOLVIMENTO..................................................................................05

3.1. O que é um documento HTML?.............................................................05

3.2. Como são chamados os comandos em HTML?.................................05

3.3. Como melhorar a aparência de um documento? ...............................06

3.4. Como inserir imagens, vídeos, tabelas e links para navegação?.....07

3.5. Diagrama com Organograma da Organização......................................08

4. CONCLUSÃO………………………………………………………........….......09

REFERÊNCIAS…………………………………………………........………....10

2

1 . INTRODUÇÃO

TELECINE MOZER Apresentação

Telecine Mozer é uma empresa do grupo Todo.

O negócio Telecine Mozer No mundo atual, a geração de informação é algo crescente rapidamente que demanda formas de gerenciamento, sendo sua boa ou má administração o que define o sucesso ou o fracasso da empresa. O modo em que as informações surgem, é necessário ter uma organização eficiente, geralmente administrada pelos sistemas de tecnologia da informação, não somente para organizar, mas, também para que possa ampliar novos negócios, sobretudo facilitando o trabalho. Pensando nisso, a empresa Telecine Mozer possibilita uma locação de filmes que estarão disponíveis, além dos canais que você já paga em sua assinatura de TV a cabo. As mensalidades são de R$ 15,50 para que tenham acesso à biblioteca de filmes disponíveis. Estes filmes poderão ser locados por valores que variam de R$2,50 a R$4,00. A abrangência deste serviço é em todo o Brasil.Locação A maioria das locações não necessita de uma reserva antecipada. A escolha dos filmes é feita pelo site, que no horário devido disponibilizará o filme locado no canal 654 específico para filmes locados. O pagamento será executado diretamente no boleto da mensalidade. O telecine Mozer possui um cadastro de seus clientes, suas locações e registros de algum contratempo. Pois está se implementando no novo site ofertas para os clientes fiéis, mostras antecipadas dos filmes disponíveis. Restrições O telecine Mozer só poderá ser acessado pelo assinante que recebe uma senha com seu boleto mensal. Sem esta senha não será possível fazer a compra pelo site. Mensalmente esta senha é alterada mediante o pagamento.

3

2 . OBJETIVO

Nosso objetivo e procurar esta sempre melhorando a forma de atendimento

para com o nossos clientes internos e externos, disponibilizando vastas opções

de entretenimento seja com antedimento básico que se caracteriza pela simples

assinatura da TV a Cabo, mais também por um atendimento diferenciado onde o

assinante vai poder locas filmes específicos, determinado hora e dia em que ele

vai poder assistir sem qualquer transtorno dessa forma facilitando ainda mais seu

dia a dia.

Para sua maior comodidade junto com o serviço de locação de filmes

estaremos disponibilizando um serviço via web site onde o cliente terá todo

acervo disponível na biblioteca virtual tudo separado por categoria, onde poderá

se fazer uma busca tanto pelo nome do filme desejado como visualmente, pois

para cada filmes novo adicionado será disponibilizado uma capa do mesmo onde

será contido todo seu conteúdo.

4

3 . DESENVOLVIMENTO

3.1. O que é um documento HTML?

HTML é uma das linguagens que utilizamos para desenvolver websites. O

acrônimo HTML vem do inglês e significa Hypertext Markup Language ou em

português Linguagem de Marcação de Hipertexto.

O HTML é a linguagem base da internet. Foi criada para ser de fácil

entendimento por seres humanos e também por máquinas, como por exemplo, o

Google ou outros sistemas que percorrem a internet capturando informação.

Você depende dele, mas não o vê a olho nu. O código HTML está presente

nas páginas da web há mais de dez anos e tem uma larga aceitação dos usuários

por todo o mundo. Com certeza, qualquer pessoa que tem uma ligação um pouco

mais estreita com computadores e internet já ouviu falar em HyperText Markup

Language (Linguagem de marcação de hipertexto), ou seja, o HTML.

3.2. Como são chamados os comandos em HTML?

Tags são rótulos usados para informar ao navegador como deve ser

apresentado o website.

Todas as tags têm o mesmo formato: começam com um sinal de menor "<" e

acabam com um sinal de maior ">".

Genericamente falando, existem dois tipos de tags - tags de abertura:

<comando> e tags de fechamento: </comando>. A diferença entre elas é que na tag

de fechamento existe um barra "/"

Tudo que estiver contido entre uma tag de abertura e uma tag de fechamento será

processado segundo o comando contido na tag.

Mas, como toda regra tem sua exceção, aqui no HTML a exceção é que para

algumas tags a abertura e o fechamento se dá na mesma tag. Tais tags contêm

comandos que não necessitam de um conteúdo para serem processados, isto é, são

tags de comandos isolados, por exemplo, um pulo de linha é conseguido com a tag

<br />.

HTML é tag - e nada mais do que tags. Aprender HTML é aprender como usar

as diferentes tags.

5

OK, a tag <b> informa ao navegador que todo o texto colocado entre <b> e

</b> deve ser mostrado em negrito. (O comando "b" é uma abreviação para "bold" -

negrito.)

Exemplo <b>Este texto deve ser em negrito.</b> Vai ser apresentado no navegador, como mostrado a seguir: Este texto deve ser em negrito.

3.3. Como melhorar a aparência de um documento?

Existe enumeras maneiras de melhorarmos um documento HTML, podemos

estar usando alguns comandos ”Tags” específicos para mudar tanto o tamanho,

quanto o formato das letras, como também a aparência seja para realçar ou para

disfarçar, podemos também esta inserindo dentro do texto imagens, vídeo, entre

outros.

Vejamos nos exemplos:<h1></h1>– O H1 é utilizado para marcar um título. <h1>Sou um título relevante</h1>

<Strong></Strong>– O STRONG é utilizado para deixar um texto em negrito. A tag <b></b> tem um comportamento semelhante porém a W3C recomenda utilizar o <Strong>. <p>O trecho a seguir está em<b>negrito</b></p>

<u></u>– A tag U é usada para sublinhar um termo. <p>Pequeno texto com trecho<u>sublinhado</u></p>

3.4. Como inserir imagens, vídeos, tabelas e links para navegação? Assim como existe alguns comandos “Tags” para mudar tamanho de fonte e forma das letras escritas em um texto da mesma forma podemos inserir imagens, vídeos, tabelas e links para navegação dentro do nosso documento HTML. Melhorando tanto a estrutura do documento quando a pagina web a ser exibida. Vamos ver alguns dessas tags. <a></a>– O A é um elemento responsável por "linkar" páginas/arquivos na sua página. Através do atributo href você pode especificar onde está a página/arquivo a ser linkado na página.Ex:<a href="clientes.html">Página de clientes</a><a href="currículo.pdf">Currículo</a>

<img /> – A tag IMG é usada para renderizar uma imagem no site. É necessário que o campo src seja preenchido com o caminho para a imagem. Os campos width e height devem ser preenchidos com a largura e a altura da imagem em pixels, é muito importante que esse campo esteja sempre preenchido para evitar que o navegador tenha que calcular sozinho o tamanho da imagem. O campo alt, deve

6

conter uma pequena descrição da imagem para o caso do navegador não conseguir reproduzir a imagem e por questões de acessibilidade para leitores de tela usados por cegos.Ex:<img src="imagem.jpg" width="50" height="50" alt="Descrição da imagem" />

<table>As tabelas são definidas com a tag table. Uma tabela é dividida em linhas (com a tag <tr>), e cada linha é dividida em células de dados (com a tag <td>). As letras td significam "table data," que é o conteúdo de uma célula de dados. Uma célula de dados pode conter texto, imagens, listas, parágrafos, formulários, filetes horizontais, tabelas, etc.Ex: <table border="1"><tr><td>linha 1, célula 1</td><td>linha 1, célula 2</td></tr><tr><td>linha 2, célula 1</td><td>linha 2, célula 2</td></tr></table>

O suporte de mídia embutido por meio dos elementos video, oferecendo a possibilidade de incorporar facilmente mídia em documentos HTML.Ex:<video src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" controls> Seu navegador não suporta o elemento <code>video</code>.</video>

7

.3.5 Diagrama com Organograma da Organização

8

4. CONCLUSÃO

Baseado nas informações acima podemos concluir que existe varias maneira

de se melhora uma um documento HTML, Levando isso cada empresa desejada, no

caso da empresa Telecine Mozer foi de uma grande importância a implementação

dos serviços web diferenciado e melhorando ainda mas seu serviços assim a

Telecine Mozer pode fazer com que seus cliente se sinta sem mas familiarizados

com o site , que leva uma interface muito fácil de se utilizar com todos os recuso pré

estudados acima.

Alem da fácil utilização nosso cliente pode contar com um sistema de

segurança onde Mensalmente esta senha é alterada mediante o pagamento, com

isso podemos dizer que Telecine Mozer tem todos os requisitos para se torna uma

grande empresa de TV a Cabo com ramificações nas tendências de locação on line .

9

5. REFERÊNCIAS

O que é HTML?

http://tableless.com.br/o-que-html-basico/ Aceso em 28 de outubro de 2014; 14:40

O que são chamados os comandos HTML?

http://pt-br.html.net/tutorials/html/lesson3.php Aceso em 28 de outubro de 2014;15:06

Como melhorar a aparência de um documento?

http://www.linhadecodigo.com.br/artigo/81/html-basico.aspx Aceso em 28 de outubro de 2014 ;15:20

Como inserir imagens, vídeos, tabelas e links para navegação?

http://www.clem.ufba.br/tuts/html/c09.htm Aceso em 28 de outubro de 2014;15:40

http://www.linhadecodigo.com.br/artigo/81/html-basico.aspx Aceso em 28 de outubro de 2014;16:05

10