ANLISE E DESENVOLVIMENTO DE SISTEMAS

WILSON SPAVIER

PRODUO TEXTUAL INDIVIDUAL II

ASSIS
2015
WILSON SPAVIER

SEMINRIO I

Trabalho de Produo Textual Interdisciplinar Individual

2 Semestre apresentado Universidade Norte do
Paran - UNOPAR, como requisito parcial para a
obteno de mdia bimestral na disciplina de Tpicos em
Desenvolvimento de Sistemas, Metodologia Cientfica,
Processo de Negcios e Software e Lgica e Tcnicas
de Programao.

Orientador: Prof Vanice Dalto

ASSIS
2015

NDICE
1 INTRODUO.......................................................................................3

2 OBJETIVO............................................................................................3
3.1 Tags...................................................................................................3
3.3 Imagens html......................................................................................6
3.4 Vdeos html........................................................................................7
3.5 Links html...........................................................................................9
3.6 Variveis globais e locais....................................................................10
3.6.1 Passagens de Parmetro.................................................................10
4 ORGANOGRAMA TELECINE MOZER....................................................11
CONCLUSO........................................................................................13

1 INTRODUO
Usando o conhecimento adquirido neste semestre nas discilpinas: Introduo
ao Sistema de Desenvolvimento Web, Lgica e Tecnica de Programao,
Metodologia Cientifica, Processos de Software. Assim sendo, neste trabalho ser
criado um sistema web para a empresa Telecine Mozer, visando a venda de filmes
online para usurios de uma TV por assinatura.

2 OBJETIVO
Criar um web site para a empresa Telecine Mozer, que seja prtico, funcional
de interface simples.
3 WEB SITE
A internet uma ferramenta considerada fundamental para uma empresa nos
dias atuais. Funciona sem interrupes durante os 365 dias do ano, pois para ela
no existe expediente. Portanto, um web site deve ser criado e mantido 24 horas no
ar, pois nenhuma empresa sabe em qual horrio seu usurio poder acess-lo. Essa
disponibilidade chamada de full time por no existir barreiras de tempo e
distncia.
A empresa Telecine Mozer uma empresa do ramo de TV a cabo, com
fornecimento de locaes de filmes aos seus clientes via WEB. Com o web site esta
visa aumentar sua lucratividade, com o aumento das vendas de sua TV, bem como o
aluguel de filmes, sem que isso aumente suas despesas.
A pgina ser montada em HTML que a sigla de HyperText Markup
Language, expresso inglesa que significa "Linguagem de Marcao de Hipertexto".
Trata-se de uma linguagem de marcao utilizada para produo de pginas na
web, que permite criar documentos que podem ser lidos em praticamente qualquer
tipo de computador e transmitidos pela internet. Para escrever documentos HTML
no necessrio mais do que um editor de texto simples e conhecimento dos
cdigos que compem a linguagem. Muitos acham que o HTML toma muito tempo,
pois existem outras maneiras de se criar um site, porm, este tempo perdido agora
ser economizado l na frente. Se houver algum erro de codificao voc ser

capaz de ach-lo em segundos e corrigi-lo.

3.1 CSS
H tempos atrs, para criao de uma pgina era necessrio decidir tudo que
se refere ao estilo desta durante a organizao do texto, o que fazia com que este
trabalho se tornasse muito complicado.
Hoje existe o CSS (Casacde Sheet Style), ou seja, uma srie de regras que
definem um estilo. A partir dai, o arquivo criado ditando regras, por exemplo:
tamanho da fonte do ttulo, sua cor, espaamento entre pargrafos. Pode-se ditar
tudo isso para cada seo que for criada. Pode-se dizer que definido uma folha de
estilos. O bom do CSS que a empresa no precisa sobrecarregar quem vai
escrever os textos com formatao etc. Isso caber ao funcionrio responsvel pela
esttica da pgina.
3.2 Segurana da Informao
Conceito: a proteo da informao contra vrios tipos de ameaas para
garantir a continuidade do negcio, minimizar riscos, maximizar o retorno sobre os
investimentos e as oportunidades de negcios. (ISO 27002).
A segurana da informao obtida com a adoo de um conjunto de
controles adequados. Estes incluem polticas, processos, procedimentos, estruturas
organizacionais e funes de software e hardware. A adoo destes controles
necessria para garantir que os objetivos do negcio e da segurana da organizao
sejam atendidos. Isso pode ser feito em conjunto com outros processos de gesto
do negcio.
O que a Segurana da Informao busca proteger dados e informaes
de empresas ou clientes, para que as mesmas no sejam usadas de formas ilcitas,
como por exemplo, roubo de projetos, dados de clientes (documentos pessoais,
cartes de crdito e dbito) etc.
Com relao segurana para desenvolver e disponibilizar um site,
devemos tomar varias medidas de segurana, tais como a utilizao de firewall,
antivrus, backup, fazer uma auditoria do sistema a fim de obter uma certificao
(SSL), utilizar todas as recomendaes de prtica de segurana do PCI (Payment

Card Industry Security Standards), dentre outros. Segundo o site www.owasp.org, o

qual possui edies trienais, e lista as falhas mais criticas encontradas em
aplicaes web, detalhando-as e sugerindo as correes necessrias.

3.3 Imagens html

A tag utilizada para se inserir imagens a tag <img />, que pode ser aberta e
fechada no mesmo bloco da tag. preciso tambm informar o endereo da imagem
ao navegador ento para isso utiliza-se o comando src.
Exemplo: <img src="link_da_imagem"/>
Para manipulao das imagens inseridas existem diversos comandos a serem
usados.
Os comandos de redimensionamento de imagem servem para controlar o
tamanho da imagem. So eles: width (largura), height (altura). Deve-se tomar muito
cuidado ao usar estes comandos para que o tamanho desejado no esteja muito
alm do real, pois assim perde-se muito em qualidade de imagem.
O comando para alinhamento o align, e seus principais valores so:
left - alinha a imagem a esquerda;
right - alinha a imagem a direita;
top - alinha a imagem com o topo do elemento mais alto de sua linha;
bottom - alinha a imagem com a base mais baixa dos outros elementos de
sua linha;
Comando de ajustes de margens:
vspace - define o tamanho da margem nas bordas superior e inferior da
imagem. (trabalha com valores em pxel);
hspace - define o tamanho da margem nas bordas esquerda e direita da
imagem. (trabalha com valores em pxel);
Outros comandos para formatao de imagens html:
alt - insere um texto alternativo. Caso ocorra uma falha no carregamento
desta imagem, o texto definido nesta tag ser exibido. Isso muito til para imagens
que so lincadas;
title - insere um texto que ser exibido somente se o usurio mantiver o
mouse alguns segundos sobre a imagem.

border - insere uma borda a imagem. (trabalha com valores em pxel).

3.4 Vdeos html

Se compararmos com outras tags do HTML, a tag video a mais recente
delas e sua capacidade e suporte entre navegadores tm aumentado a uma
velocidade incrvel. A tag <video> foi proposta pelo Opera Software em fevereiro de
2007. Opera tambm lanou uma compilao de visualizao que foi mostrada na
mesma data, e um manifesto que chamou de video para se tornar primeira classe de
cidado da web.
O atributo src define qual arquivo de vdeo para incorporar a pgina. A tag
<embed> no requer um fechamento (/>).
At o HTML 4.0, colocar arquivos de vdeo em uma pgina no era uma tarefa
fcil, se desejasse total compatibilidade com os navegadores. Alm de inserir o
vdeo dentro de um arquivo Flash era preciso tambm fazer um cdigo que
contemplasse dois tipos diferentes de interpretao de objetos:
<object width="640" height="480">
<param name="movie" value="meuvideo.swf" />
<embed src="meuvideo.swf" width="640" height="480"></embed>
</object>
A seguir um exemplo de como adicionar um vdeo em HTML 5. Para isso,
determina-se a altura e largura para mostrar o vdeo. O atributo controls adiciona
controles de vdeo, como play, pause, e ajuste de volume.
Script para adicionar o arquivo de vdeo simples na pgina <!DOCTYPE html>
<html>
<head>
<title>HTML Video Tag Example</title>
</head>
<body>
<video width="320" height="240" controls="controls" autoplay="autoplay">
<source src="Yes Bank Advertisment.mp4" type="video/mp4">
<object data="" width="320" height="240">
<embed width="320" height="240" src="Yes Bank Advertisment.mp4">
</object>

</video>
</body>
</html>
Reproduo de Vdeo do You Tube: podem ser includos nos arquivos HTML,
e o Google oferece o cdigo para fazer tanto na mesma pgina como no vdeo em
si. Existem alguns parmetros que esto includos no cdigo oferecido pelo YouTube
que ajuda a personalizar o objeto de vdeo incorporado. Alm disso, se avaliar
profundamente o cdigo, identifica-se elemento <embed> vendo o atributo src
apontando para a URL do arquivo de mdia.
Pode-se tambm incorporar cdigo de vdeo HTML em sua pgina da web
usando a tag. Para atender os navegadores que no suportam a tag <object>,
possvel aninhar ao tag <embed> dentro da tag <object>.
Exemplo de como adicionar vdeo do YouTube:
<!DOCTYPE html>
<html>
<head>
<title>HTML Video Tag Example</title>
</head>
<body>
<object width="425" height="350">
<param name="movie" value="http://www.youtube.com/v/tIBxavsiHzM" />
<embed

src="http://www.youtube.com/v/tIBxavsiHzM"

type="application/x-

shockwave-flash" width="425" height="350" />

</object>
</body>
</html>

3.5 Links html

Para vincular uma pgina web a outra necessrio a criao de links. Atravs
desses links torna-se possvel a navegao entre pginas, a partir de palavras ou
imagens, portanto, links so ligaes dinmicas entre documentos, assim que um
usurio clica sobre eles levado para outra parte da pgina ou para um novo

documento. Principais opes disponveis de links:

blank abre nova janela/browser;
_top na mesma janela, sobrepondo todas as definies do frame;
nome destino na estrutura frame;
#ancora ncora dentro da pgina.
Quando se cria um hiperlink para uma ncora, como se fosse criado um link
interno ao prprio documento. Na pgina HTML quando se clica no link o navegador
leva at a ncora. Para definio de uma ncora necessrio ir at o local onde se
que coloc-la e indicar: <a name=nome_da_ancora></a>
O comando semelhante a criao de um hiperlink, para se colocar uma
imagem ou mesmo um texto entre os comandos <a></a>, no sendo imprescindvel.
Para isto necessrio a criao de uma ncora, utilizando o Tag <a></a>.
A sintaxe do Tag link [JR1]
<a href=pagina.htm>Descrio do link</a>

3.6 Variveis globais e locais

Variveis Locais so aquelas nas quais apenas a funo onde ela foi
declarada pode acess-la. Por exemplo, se declaramos int x dentro da funo main,
apenas a funo main poder utiliz-la para guardar dados. Nenhuma outra funo
poder utilizar a varivel x da funo main, ou seja, x no acessvel fora da funo
main. A varivel x s pode ser utilizada por main e a varivel y s pode ser utilizada
pela funo obterY. Para conseguir acessar o valor de y da funo obterY, tem que
retornar o seu valor (return y) e guard-lo dentro de outra varivel em main a
valorDeY.
Variveis Globais so declaradas da mesma forma que uma varivel local primeiro o tipo, depois o nome da varivel. Mas a diferena que esta varivel
declarada fora de qualquer funo. Utiliza-se um underline (_) no comeo do nome
da varivel para facilitar a leitura do programa e facilmente percebe-se de que se
trata de uma varivel global. Variveis globais podem ser utilizadas por qualquer
funo. E qualquer funo pode alterar e ler o seu valor.

3.6.1 Passagens de Parmetro

A criao de novas classes de objetos uma atividade primria da

programao orientada aos mesmos, e a complexidade do programa geralmente
escondida nestes objetos. Ento, escrever a funo main() consiste em gerenciar
objetos. Uma funo comunica-se de duas maneiras: mudando os valores que so
globais funo ou atravs de passagem e retorno de valores. Esta informao
pode ser movida da funo ou para funo de duas maneiras:
Uma cpia da varivel inteira feita;
Somente o endereo da varivel transferido pelos limites.
O primeiro mtodo chamado passagem por valor. Pois, feita uma cpia do
argumento/ varivel, podendo ser usada e alterada dentro da funo sem afetar a
varivel da qual ela foi gerada. Porm, quando uma funo necessita alterar os
valores das variveis usadas como argumentos, os parmetros precisam ser
explicitamente declarados como tipos ponteiros. Sendo assim, ser utilizado o
segundo mtodo que chamado de passagem por nome, quando um ponteiro
passado, ou de passagem por referncia, quando referncias so usadas. Em
ambos os casos um endereo manipulado. Os endereos so passados por duas
razes: pela eficincia; sabendo-se que a varivel ser somente lida; e manipular
fisicamente o objeto ou varivel para o qual o endereo aponta, ou seja, altera-se
uma varivel ou objeto que externo a uma funo. O exemplo abaixo ilustra a
passagem por valor e por referncia:
void f (int val, int& ref)
{
val ++;
ref++;
}
void g ()
{
int i = 1,
j = 1;
f(i, j);
}
Neste caso, quando "f()" chamada, "val++" incrementa uma cpia local do
primeiro argumento, enquanto "ref++" incrementa o segundo argumento. Sendo
assim, na funo "g()", "j" incrementado, mas "i" no, pois o primeiro passado por
referncia e o segundo por valor.

10

4 ORGANOGRAMA TELECINE MOZER

O organograma uma representao grfica da estrutura formal de uma
organizao, seja esta uma empresa, um grupo de pessoas ou uma estrutura
hierrquica. Abaixo temos uma viso geral do organograma da empresa Telecine
Mozer.
DIRETOR DE
PLANEJAMENTO,
GESTO E FINANAS

GERENTE
ADMINISTRATIVO /
FINANCEIRO

DEP. PESSOAL

GERENTE DE T.I.

GERENTE DE
MARKETING

ANALISTA DE
SISTEMAS

VENDAS

TCNICO EM
INFORMTICA

OPERADORA DE
TELEMARKETING

TESOURARIA

CONCLUSO
A pesquisa deste trabalho foi importante e enriquecedora para o
conhecimento e aprofundamento das disciplinas propostas, cumprindo assim seus
objetivos.
O HTML a base para criar-se pginas web, sendo usado tambm em
programas que utilizam Browser e para desenvolvimento de jogos digitais.
Documentos em HTML podem ser interpretados at por dispositivos para deficientes
visuais ou auditivos, pois no dependem de tamanho de tela, resoluo ou variao
de cor, o que torna sua utilizao benfica. Por isso considerada uma linguagem
slida e de confiana por programadores e desenvolvedores.

11

As melhorias feitas no HTML 5 a tornaram mais eficaz ainda, trazendo uma

navegao mais rpida e simples; A ferramenta chamada de Canvas tornou a
criao de desenhos/animaes muito mais fceis. Apesar de ainda ser uma
tecnologia inacabada tais melhorias so notrias e fica a expectativa para seu
trmino e verses posteriores.
Para a empresa Telecine Mozer fundamental manter um quadro de
funcionrios experientes e treinados, para que os mesmos mantenham sua pgina
web funcional e atrativa. Atravs do organograma possvel ver a hierarquia da
empresa e o contato entre departamentos para que a troca de informaes sejam
constantes, trazendo assim um trabalho mais completo e voltado para o
cumprimento das metas impostas pela empresa. Para isso, preciso manter contato
com fornecedores, para manuteno de preos baixos e acessveis; contato com
clientes no apenas para venda mas tambm o ps, pois assim estes sero
fidelizados.
A cada nova etapa deste curso, percebemos a sua grande importncia da
Anlise e Desenvolvimento de Sistemas, onde a sua integrao analista, cliente traz
grandes frutos para o produto final. Podemos neste trabalho conhecer um pouco
mais sobre o que o projeto TELECINE MOZER, tivemos uma maior familiarizao
com os Diagramas de Caso pedidos e tambm com as normas da MRN em sua 3
Forma Normal. Atravs da realizao das atividades propostas, tivemos um
entendimento melhor das matrias vistas neste semestre. Assim como para o
crescimento profissional serve como orientaes para elaborao de prottipos,
manuais, propostas, desenvolvimento e analise das atividades de uma forma mais
estruturada e organizada.

12

REFERNCIAS BIBLIOGRFICAS
FABRIS, Polyanna Pacheco Gomes; PERINE, Luis Cludio. Processos de
Software. Londrina: Editora e Distribuidora Educacional SA, 2014.
FREITAS, Veronice de; GONALVES, Anderson Emdo de Macedo. Tcnicas
de Programao. Londrina: Editora e Distribuidora Educacional SA, 2014.
FUNES.

Disponvel

em:

shttp://equipe.nce.ufrj.br/adriano/c/apostila/funcao.htm
MOZER, Merris; LOPER, Adriane Aparecida; SILVA, Danilo Augusto Bambini.
Sistemas Web. Londrina: Editora e Distribuidora Educacional SA, 2014.
TABELAS

EM

HTML.

Disponvel

em:

http://www.ancibe.com.br/html/tabelas.html
TRIGUEIRO, Rodrido de Menezes; RICIERI, Marilcia; FREGONESI, Gisleine
Bartolomei; BOTELHO, Joacy M.. Metodologia Cientfica. Londrina: Editora e
Distribuidora Educacional SA, 2014.
VARIVEIS

GLOBAIS

CURSO

DE

C.

Disponvel

em:

mtm.ufsc.br/~azeredo/cursoC/aulas/c760.html

5 INDICADORES ESSENCIAIS PARA SEU NEGCIO. Diponvel em:

http://exame.abril.com.br/pme/noticias/5-indicadores-essenciais-para-o-seu-negocio