UNOPAR

Universidade Do Norte Do Paran

SISTEMA DE ENSINO PRESENCIAL CONECTADO
ANLISE E DESENVOLVIMENTO DE SISTEMAS

Estudo de Caso - Telecine Mozer:

Aspectos tcnicos, conceituao e utilizao da linguagem Html; Diagrama
organizacional do caso em tela; Processos de software.

Por: Noberto Maciel

2 Semestre

Feira de Santana Bahia

2014.2

Noberto Maciel

Estudo de Caso - Telecine Mozer:

Aspectos tcnicos, conceituao e utilizao da linguagem Html; Diagrama
organizacional do caso em tela; Processos de software.

Trabalho
interdisciplinar
(Tpicos
em
desenvolvimento de sistemas, Metodologia
cientfica, Processos de negcio e software,
Lgica
e
tcnicas
de
programao)
apresentado a Universidade Norte do Paran UNOPAR

Professores: Merris Mozer

Reinaldo Nishikawa
Marco Hisatomi
Anderson Macedo

Feira de Santana Bahia

2014.2

Feira de Santana Bahia

2014.2

SUMRIO

1 INTRODUO

03

2 OBJETIVO

04

3 DESENVOLVIMENTO DO PROJETO TELECINE MOZER

06

3.1 O que um documento HTML?

06

3.1.1 Comandos em HTML - Tags

06

3.1.2 Melhorando a aparncia dos documentos

07

3.1.3 Inserindo vdeos

08

3.1.4 Tabelas

08

3.1.5 Variveis

08

3.1.5.1 Passagem por valor

09

3.1.5.2 Passagem por referncia

09

3.2 Organograma Telecine Mozer

10

4 CONCLUSO

11

5 REFERNCIAS

12

Feira de Santana Bahia

2014.2

1 INTRODUO
O presente trabalho interdisciplinar visa a fixao do contedo abordado em sala,
bem como de todo o material apresentado nas web aulas das disciplinas: Tpicos em
desenvolvimento de sistemas; Metodologia cientfica; Processos de negcio e software; e
Lgica e tcnicas de programao. Onde abordaremos tpicos e metodologias estudadas
aplicando-as ao cenrio proposto, desenvolvendo, assim, uma soluo para os problemas
apresentados.
O trabalho de pesquisa no de natureza mecnica,
mas requer imaginao criadora e iniciativa individual
[] acrescenta que a pesquisa no uma atividade
feita ao acaso, porque todo o trabalho criativo pede o
emprego de procedimentos e disciplinas determinadas.
Rudio (2006, p. 16).

De forma simples, podemos definir pesquisa cientfica como toda atividade para se
descobrir a resposta de alguma indagao que temos a respeito de um assunto. Para
tanto, precisamos utilizar alguns meios que tm respaldo nas cincias sob pena de no
alcanarmos objetivos confiveis. Neste aspecto, o emprego da metodologia de pesquisa
se faz necessrio para que a coleta e a apresentao dos dados dessa pesquisa atinjam a
confiabilidade necessria execuo dos processos
Os sistemas informatizados promovem um fluxo mais
confivel, menos burocrtico, e de menor custo, das
informaes [...] apresentam como vantagens: maior
agilidade no tratamento das informaes; mais
segurana e confiabilidade; menor custo operacional;
maior rendimento e eficincia dos profissionais
envolvidos. Maciel, Noberto, 2014.1 (Portflio
Individual, Sistemas Informatizados)

Aliado aos mtodos utilizados na coleta de dados da pesquisa, os Processos de

Software alinham metodologia cientfica s necessidades organizacionais. Neste ponto, o
papel do Engenheiro de Software torna-se indispensvel execuo e desenvolvimento
dos projetos de informatizao, seja na reduo de custos operacionais, otimizando
processos de negcio, ou na melhoria da qualidade e eficcia do software.
A primeira regra de qualquer tecnologia utilizada nos
negcios que a automao aplicada a uma operao
eficiente aumentar a eficincia. A segunda que a
automao aplicada a uma operao ineficiente
aumentar a ineficincia." Bill Gates

Feira de Santana Bahia

2014.2

2 OBJETIVO
Nesta produo textual trataremos da anlise da implantao do projeto de
informatizao do cenrio proposto para a Telecine Mozer, discutindo, de maneira
interdisciplinar, todos os tpicos relacionados.
2.1 Cenrio:
ESTUDO DE CASO - TELECINE MOZER
Apresentao:
Telecine Mozer uma empresa do grupo Todos.
O negcio Telecine Mozer:
Telecine Mozer possibilita uma locao de filmes que estaro disponveis,
alm dos canais que voc j paga em sua assinatura de TV a cabo. As
mensalidades so de R$ 15,50 para que tenham acesso biblioteca de filmes
disponveis. Estes filmes podero ser locados por valores que variam de R$2,50 a
R$4,00. A abrangncia deste servio em todo o Brasil.
Locao:
A maioria das locaes no necessita de uma reserva antecipada. A escolha
dos filmes feita pelo site, que no horrio devido disponibilizar o filme locado no
canal 654 especfico para filmes locados. O pagamento ser executado
diretamente no boleto da mensalidade. O telecine Mozer possui um cadastro de
seus clientes, suas locaes e registros de algum contratempo. Pois est se
implementando no novo site ofertas para os clientes fiis, mostras antecipadas
dos filmes disponveis.
Restries:
O telecine Mozer s poder ser acessado pelo assinante que recebe uma
senha com seu boleto mensal. Sem esta senha no ser possvel fazer a compra
pelo site. Mensalmente esta senha alterada mediante o pagamento..

Na elaborao do projeto utilizaremos a linguagem HTML estudada, Tcnicas de

Programao, algortimo e estruturao, bem como o contedo abordado em Processos
de software, processos de negcio, engenharia de software, engenharia de requisitos e
modelagem de software.

Feira de Santana Bahia

2014.2

Feira de Santana Bahia

2014.2

3 DESENVOLVIMENTO
3.1

O que um documento HTML?

Segundo a Wikipdia:
HTML (abreviao para a expresso inglesa HyperText Markup Language, que
significa Linguagem de Marcao de Hipertexto) uma linguagem de marcao
utilizada para produzir pginas na Web. Documentos HTML podem ser interpretados
por navegadores. A tecnologia fruto da juno entre os padres HyTime e SGML.
HyTime um padro para a representao estruturada de hipermdia e contedo
baseado em tempo. Um documento visto como um conjunto de eventos concorrentes
dependentes de tempo (como udio, vdeo, etc.), conectados por hiperligaes. O
padro independente de outros padres de processamento de texto em geral.
SGML um padro de formatao de textos. No foi desenvolvido para hipertexto, mas
tornou-se conveniente para transformar documentos em hiper-objetos e para descrever
as ligaes.

Os documentos escritos em HTML devem possuir extenso html ou htm para que o
browser, navegador web, possa interpret-los. Atualmente existem diversas verses para
a linguagem HTML, cada uma delas utilizando melhorias no desenvolvimento de pginas
web, porm, para que essas melhorias sejam percebidas pelos usurios web, tais verses
devem ser suportadas e entendidas pelo navegador instalado no PC desses usurios. Os
arquivos HTML podem estar armazenados tanto no servidor web, que disponibilizar o
acesso aos visitantes atravs do endereo IP, ou mesmo pelo URL, bem como de forma
local, no PC do usurio.
Escrever um cdigo em HTML no tarefa das mais complicadas, qualquer PC
que disponha de um editor de textos simples pode ser utilizado para criar um documento,
porm, o programador necessitar de conhecimento prvio sobre os comandos e a
compatibilidade desses comandos com os diversos navegadores e plataformas existentes
na world wide web.
3.1.1

Comandos em HTML - Tags

As chamadas TAGs so os comandos do cdigo HTML que, assim que solicitados
pelo usurio, so interpretados e executados pelo navegador web. As Tags,
geralmente, possuem incio e fechamento para que possamos restringir a sua
ao no cdigo. Assim, sempre abriremos a Tag com <> e fecharemos com </>.
Porm, nem todas as Tags necessitaro de fechamento, a exemplo da tag <br>,
que responsvel pela quebra de linha nos textos.
Um cdigo HTML deve sempre comear com a tag <html> e finalizar com </html>.
Aps a abertura do cdigo utilizaremos outra tag para delimitar o chamado head,
tambm conhecido como cabealho do cdigo, onde poderemos inserir comandos
e passar informaes ao browser que no aparecero no corpo da pgina, a
exemplo das <meta> tags, que controlam desde o tempo de carregamento
automtico da pgina at as palavras-chave para os mecanismos de busca como
o google. Ainda dentro da tag <head> temos a tag <title> com a qual poderemos
dar um ttulo nossa pgina, o qual aparecer no topo da mesma, na chamada
barra de ttulo, por sobre a barra de menu do navegador.

Feira de Santana Bahia

2014.2

Assim, sempre encontraremos nos arquivos em cdigo HTML a seguinte

sequncia:
<html>
<head>
<title>texto do ttulo</title>
</head>
<body>
.
</body>
</html>
Onde o corpo do documento que voc deseja apresentar no navegador dever ser
escrito entre as tags <body></body>.
Dentro dessa sequncia <body></body> colocaremos as tags de controle de texto
como a tag <p></p> para texto pargrafo, <br> para quebra de linha e
<font></font> a qual utilizamos para alterar o tipo, cor e tamanho de letra que ser
apresentada no navegador naquele espao.
A lista
completa de tags
http://www.w3schools.com/tags.
3.1.2

pode

ser

encontrada

no

endereo

Melhorando a aparncia dos documentos

At aqui vimos como criar documentos texto usando HTML, vejamos mais alguns
recursos para tornar esses documentos mais atraentes aos olhos e mais
interativos.
Podemos inserir imagens no documento e manipul-las atravs dos parmetros da
tag <img>. Essa tag diz ao navegador que, no local onde ela est inserida, dever
buscar o arquivo de imagem no local descrito no parmetro src e apresent-la no
browser:
<img src=http://www.img.com.br/imagem.jpg width=100 height=100>
Observe os parmetros Width e Height, esses parmetros alteram o tamanho de
apresentao da imagem. No caso apresentado, essa imagem ser exibida com
100 pixels de altura por 100 pixels de comprimento. Outros parmetros tambm
podem ser adicionados tag <img>, lista completa de parmetros em
http://www.w3schools.com/tags.
A tag <a></a> cria um hiperlink para outro documento, o parmetro href levar o
endereo do documento a ser aberto atravs do link. Este documento poder ser
aberto na mesma janela, em uma nova janela ou em uma especfica desde que
indicada no parmetro target:
<a href=http://www.pagina.com.br/novodocumento.html target=_blank>este link
abre o documento em uma nova pgina</a>

Feira de Santana Bahia

2014.2

3.1.3

Inserindo vdeos:
Aproveitamos para falar um pouco sobre o HTML 5. Antes dessa verso do
HTML, para exibir vdeos, o usurio precisava instalar um plugin ao navegador.
Ento, muitas vezes, a verso do navegador do usurio no aceitava o plugin que
o desenvolvedor do website utilizou,. Alm disso, o cdigo para insero do vdeo
no documento era diferente de um plugin para o outro, no existia um padro. Com
o HTML5 basta utilizar a tag <video></video> e seus parmetros para, ento,
disponibilizarmos vdeos em nossos documentos web, desde que sejam utilizados
alguns formatos de arquivo comumente suportados pelos navegadores.
<video width=100 height=100 controls autoplay>
<sourcesrc=videos/filme.mp4 type=video/mp4>
<sourcesrc=videos/filme.ogg type=video/ogg>
Atualize o seu navegador para ver este vdeo!
</video>

3.1.4

Tabelas:
Outra tag para efeito esttico no HTML a <table></table> que cria tabelas
no documento. A tag <table> utilizada em conjunto com as tags <tr></tr>, que
cria as linhas da tabela, e <td></td>, que cria colunas.
<table>
<tr>
<td>celula 1, coluna 1</td>
<td>celula 2, coluna 2</td>
</tr>
</table>

3.1.5

Variveis:
Em programao, uma varivel um objeto (uma posio, frequentemente
localizada na memria) capaz de reter e representar um valor ou expresso.
Enquanto as variveis s "existem" em tempo de execuo, elas so associadas a
"nomes", chamados identificadores, durante o tempo de desenvolvimento.
Existem variveis Locais e variveis Globais. Variveis Globais so
aquelas declaradas no incio de um algoritmo. So visveis, ou seja, podem ser
utilizadas no algoritmo principal e por todos os outros sub algoritmos.
Variveis Locais so aquelas declaradas no incio de um sub algoritmo.
So visveis, ou seja, podem ser utilizadas somente pelo sub algoritmo onde foram
declaradas. Outros sub algoritmos ou mesmo o algoritmo principal no podem
utiliz-las. Como vimos, variveis so endereos da memria que podem guardar
determinadas informaes as quais podero ser utilizadas no decorrer do
processamento das rotinas.
Dentro do cdigo podemos necessitar realizar a transferncia de dados de
uma funo (sub algoritimo) para outra, essa transferncia possui um padro de
sintaxe que, praticamente, no muda entre as linguagens de programao:

Feira de Santana Bahia

2014.2

tangente(3.1415); // calcular tangente de pi

float tangente (float angulo)
{
float s, c;
s = seno(angulo);
c = cosseno(angulo);
return s/c;
}

No cdigo escrito, ao processar a funo tangente, encontrada no incio

com o valor de pi, imediatamente a varivel angulo receber, por passagem de
valor, o ngulo em radianos para que seja utilizado dentro do sub algortimo
(funo) tangente sendo calculado o valor do seno e do cosseno do ngulo,
transferido s variveis s e c, retornando o resultado do clculo s/c (s dividido
por c) para a varivel angulo (valor da tangente em radianos). Existem duas
formas de passagem de dados para funes, vejamos:
3.1.5.1 Passagem por Valor
a forma mais comum utilizada para passagem de parmetros. Por
exemplo, considere a famlia de funes trigonomtricas, como seno, cosseno, etc.
A funo seno, por exemplo, recebe o valor de um ngulo (um nmero real) e
devolve o seno desse ngulo. Se tivermos as funes seno e cosseno, podemos
facilmente definir uma funo tangente. Em projetos grandes de desenvolvimento
de software, grupos de programadores podem trabalhar no desenvolvimento de
funes distintas e juntar os seus trabalhos uma vez que tenham suas funes
prontas. Para isso, basta que cada grupo conhea o prottipo das funes que
precisa utilizar, e ao final, um programa chamado "linker" responsvel por juntar
os pedaos e construir um programa executvel.
3.1.5.2 Passagem por Referncia
Sempre que possvel recomendvel utilizar a forma de passagem por
valor, para evitar "efeitos colaterais", mas h situaes onde esses efeitos so
desejveis, por exemplo, quando desejamos criar uma funo que retorne mais de
um valor. As funes que vimos at agora, seno, cosseno, potncia, fatorial, etc, s
devolvem um valor, mas que outras funes, que trabalhem com nmeros
imaginrios por exemplo, precisam retornar 2 valores. Por exemplo, tente escrever
uma funo que retorne o quadrado de um nmero imaginrio.
Sabemos que um nmero imaginrio (ou complexo) possui uma parte real
e outra complexa, e podemos escrever esse nmero como, onde, e o quadrado de
como. Assim, a varivel complexa tem parte real e parte complexa.

Feira de Santana Bahia

2014.2

10

3.2 Organograma Telecine Mozer

Descrio das unidades organizacionais. Depreende-se, do cenrio proposto, que
a Telecine Mozer, uma empresa do grupo Todos, possui a seguinte estrutura
organizacional:

Feira de Santana Bahia

2014.2

11

4 CONCLUSO
Assim, com base no conhecimento adquirido ao longo do semestre, conseguimos
conceituar e estruturar o sistema aplicado para o desenvolvimento dessa produo textual,
a qual tornou mais slido o contedo abordado acerca dos pilares bsicos de Sistemas
Web, Processos de Software e Tcnicas de Programao, bem como Metodologia
Cientfica., .
Em sntese, aprendemos os mtodos de pesquisa e coleta de informaes para a
realizao do processo de software, engenharia de requisitos, linguagens estruturadas,
linguagem html, algortimo e organograma.

Feira de Santana Bahia

2014.2

12

5 REFERNCIAS
MACEDO GONALVES, Anderson Emdio de; FREITAS, Veronice de. Tcnicas de
Programao. Londrina: Editora e Distribuidora Educacional S.A., 2014.
FREGONEZE, Gisleine Bartolomei; BOTELHO, Joacy M.; TRIGUEIRO, Rodrigo de
Menezes; RICIERI, Marilucia. Metodologia Cientfica. Londrina: Editora e Distribuidora
Educacional S.A., 2014.
GOMES FABRIS, Polyanna Pacheco; PERINI, Luis Cludio. Processos de Software.
Londrina: Editora e Distribuidora Educacional S.A., 2014.
MOZER, Merris; LOPER, Adriane Aparecida; BAMBINI SILVA, Danilo Augusto. Sistemas
web. Londrina: Editora e Distribuidora Educacional S.A., 2014.
VARIVEIS
http://pt.wikipedia.org/wiki/Varivel_(programao)
http://www.berriel.com.br/ltpi/aula15/aula15.htm
http://maozinhadaweb.blogspot.com.br/2007/04/enviando-dados-via-get-e-post-no-php.html
http://www.ime.usp.br/~elo/IntroducaoComputacao/Funcoes%20passagem%20de
%20parametros.htm

Feira de Santana Bahia

2014.2