0

SISTEMA DE ENSINO PRESENCIAL CONECTADO

ANALISE E DESENVOLVIMENTO DE SISTEMAS
MARCELO DUTRA DE OLIVEIRA

PRODUO TEXTUAL INTERDISCIPLINAR INDIVIDUAL

1 E 2 SEMESTRES-2014/2

Taubat
2014

MARCELO DUTRA DE OLIVEIRA

PRODUO TEXTUAL INTERDISCIPLINAR INDIVIDUAL

1 E 2 SEMESTRES-2014/2

Trabalho apresentado Universidade Norte do Paran UNOPAR, como requisito parcial para a obteno de
mdia bimestral nas atividades interdisciplinares .........
Orientadores: Profa Merris Mozer
Prof. Reinaldo Nishikawa
Prof. Marco Hisatomi
Prof. Anderson Macedo.

Taubat
2014
1

SUMRIO
1

INTRODUO ..................................................................................................... 3

DESENVOLVIMENTO ......................................................................................... 4

2.1

Oque um documento HTML .......................................................................... 4

2.1.1
2.2

Comandos em HTML .................................................................................... 4

Melhorando a aparncia do documento ........................................................... 4

2.2.1

INSERINDO IMAGENS................................................................................. 4

2.2.2

INSERINDO VIDEO E OU AUDIO ................................................................ 5

2.2.3

INSERINDO TABELAS ................................................................................. 5

2.2.4

LINKS PARA NAVEGAO ......................................................................... 7

2.3

Variveis locais e globais ................................................................................. 7

2.4

PASSAGEM DE PARMETROS ..................................................................... 8

ORGANOGRAMA DA TELECINE MOZER .......................................................... 9

CONCLUSO .................................................................................................... 11

REFERNCIAS ......................................................................................................... 12

3
1 INTRODUO
A importncia do texto interdisciplinar notria pois ao se agrupar os
diversos temas de matrias estudadas, de maneira que o aluno necessite pesquisar,
entender e materializar o sentido de cada contedo, a relevncia deste trabalho
percebida, firmando os conceitos e aplicabilidade nos casos de uso propostos.

4
2 DESENVOLVIMENTO
Baseado no estudo de caso Telecine Mozer, foram adaptados os
tpicos a seguir que dizem respeito a implantao do servio de compra de filmes
on line, mediante escolha do cliente e pagamento posterior em boleto..
2.1 OQUE UM DOCUMENTO HTML
Um arquivo HTML um arquivo texto contendo pequenas tags de
marcao, que indicam para o Navegador Web como mostrar a pgina.
HTML significa Hyper Text Markup Language e sua extenso deve
ser htm ou HTML, podendo ser criado se usando um editor de texto simples.
2.1.1 Comandos em HTML
Todo documento HTML apresenta elementos entre parnteses
angulares (< e >); esses elementos so as etiquetas (tags) de HTML, que so os
comandos de formatao da linguagem. A maioria das etiquetas tem sua
correspondente de fechamento:
<tag>...</tag>
2.2 MELHORANDO A APARNCIA DO DOCUMENTO
Uma pgina HTML composta basicamente por ttulos, textos,
pargrafos, imagens e links, portanto para melhorarmos a apresentao de um
documento devemos atuar nestes itens.
2.2.1 INSERINDO IMAGENS
Para inserir uma imagem necessrio que ela esteja disponvel e no
formato aceito pelos navegadores.
Aconselha-se colocar os arquivos de imagem no mesmo diretrio da
pgina ou se cria um diretrio de nome por exemplo imagens dentro do diretrio da
pgina, salvando as imagens nele.
O comando HTML para inserir uma imagem na posio onde
4

5
especificado :

No comando em questo, somente o atributo src obrigatrio, pois

ele indicar o arquivo a ser inserido.

2.2.2 INSERINDO VIDEO E OU AUDIO

Para inserir msica ou vdeo em uma pgina html, deve-se usar a
tag <EMBED> juntamente com o atributo SRC, que receber o endereo do arquivo.
Como segue:
<EMBED SRC="arquivo de som/video" WIDTH="valor" HEIGHT="valor"
AUTOSTART="true/false" LOOP="opo">
Vejamos o exemplo abaixo:
<HTML>
<HEAD> <TITLE>Telecine Mozer</TITLE>
</HEAD>
<BODY>
<P>Oua enquanto navega</P>
<EMBED SRC="musica.mp3" WIDTH="400" HEIGTH="450"
AUTOSTART="true" LOOP="true">
<P>video alugado</P>
<EMBED SRC="video.ogv" WIDTH="400" HEIGTH="450"
AUTOSTART="true" LOOP="true">
</BODY>
</HTML>

2.2.3 INSERINDO TABELAS

A alternativa existente para no usarmos os chamados frames (cada
pgina HTML) so as tabelas.
5

6
As tags <TABLE>...</TABLE> delimitam uma tabela e as tags
<CAPTION>...</CAPTION> definem o ttulo da tabela.
A tabela dividida em linhas (com a tag <TR>), e cada linha
dividida em clulas (com a tag <TD>), sendo que as letras TD significam "table data"
as quais so o contedo de uma clula. Ainda temos a tag <TH> que define um
cabealho para colunas ou linhas (dentro de <TR>).
Uma clula pode conter texto, imagens, listas, pargrafos,
formulrios, tabelas, etc. Como exemplo temos a tabela a seguir:
<TABLE BORDER=4>
<CAPTION>Nosso exemplo</CAPTION>
<TR>
<TH>Coluna 1</TH><TH>Coluna 2</TH>
</TR>
<TR>
<TD>linha1, coluna 1</TD><TD> linha 1, coluna 2</TD>
</TR>
<TR>
<TD>linha 2, coluna 1</TD><TD>linha 2, coluna 2</TD>
</TR>
</TABLE>
Que exibir no navegador:
Nosso exemplo
Coluna 1

Coluna 2

linha1, coluna 1 linha 1, coluna 2

linha 2, coluna 1 linha 2, coluna 2

7
2.2.4 LINKS PARA NAVEGAO

A HTML usa a tag <a> (ncora) para criar um link para um outro
documento. Uma ncora pode apontar para diversos destinos na Web: uma pgina
HTML, uma imagem, umarquivo de som, um vdeo, etc.

A sintaxe bsica para criar uma ncora : <a href="URL">Nome do

texto a ser pressionado</a>
Esta ncora define um link para uma outra pgina qualquer do site,
no caso, o exemplo abaixo define um link para a pgina pagina2.htm:<a
href="../pagina2.htm">Pgina 2</a>
Esta ncora define um link para o site do Telecine Mozer:
<ahref="http://www.Telecine_Mozer.com.br">Filmes_Disponiveis!</a>
Por padro, um link abre sempre na mesma janela. Para alterar isso,
temos o atributo TARGET que pode ser usado quando desejamos abrir a pgina em
uma nova janela, por exemplo.
TARGET="_blank"

2.3 VARIVEIS LOCAIS E GLOBAIS

Primeiramente definamos Funes: so blocos de cdigo com um
objetivo especfico, identificados por um nome atravs do qual pode ser referenciado
partir de vrias partes do cdigo. Essa uma das principais tcnicas utilizadas
para garantir a reutilizao de cdigo, tornando a programao mais prtica e o
cdigo mais limpo e organizado.
Um ponto cujo entendimento fundamental quando se trabalha com
funes o acesso e manipulao de variveis nesse tipo de estrutura de cdigo.

8
importante ter em mente duas definies ou classificaes de variveis: GLOBAL e
LOCAL.
As variveis locais so aquelas declaradas no corpo da funo e s
podem ser acessadas dentro desta. Este tipo de varivel utilizado para realizar
clculos e outros processamentos internos da funo, sendo alocadas e liberadas
durante sua execuo.
As variveis globais, por sua vez, podem ser acessadas a partir de
qualquer ponto do cdigo e so usadas para armazenar informaes que precisam
ser utilizadas por vrias funes distintas ou acessadas diretamente.

2.4 PASSAGEM DE PARMETROS

Um dos principais conceitos relacionados aos de parmetros para
funes est na forma como os argumentos so passados. A passagem de
parmetros pode ser feita de duas formas: POR VALOR e POR REFERNCIA.
Estas informaes so realmente relevantes quando passamos
variveis como argumentos para funes, pois definem a forma como essas
variveis so tratadas no corpo do mtodo.
Na passagem por valor (que a forma padro), quando se passa
uma varivel como argumento para uma funo, feita uma cpia interna dessa
varivel, a qual acessada e modificada durante a execuo. Aps o trmino da
funo, a varivel original no tem sofrido nenhuma alterao.
J quando as variveis so passadas por referncia para uma
funo, seu valor acessado diretamente e pode sofrer alteraes durante a
execuo. Para indicar que um argumento deve ser recebido por referncia, deve-se
adicionar o operador & antes do nome do parmetro, na declarao da funo.

9
3 ORGANOGRAMA DA TELECINE MOZER

Figura 01 Organograma do Telecine Mozer

10

10

11
4 CONCLUSO
Somados os conhecimentos adquiridos em Desenvolvimento de
sistemas, Metodologia cientfica, Processo de Negcio e Software e Lgica e
Tcnicas de Programao pode-se entender os passos na implementao de um
produto especfico dedicado a um usurio (empresa), bem como comprovar a
importncia de se documentar o contedo para posterior anlise e futuras
adequaes do projeto.

11

12
REFERNCIAS
DAPONT, Pablo. APOSTILA Curso de HTML com PHP. Porto Alegre, RS;
SOUZA, Vinicius A. de. Desenvolvimento Web.So Jos dos Campos, 2011;
Site LINHA DE CDIGO. Trabalhando com funes em
<http://www.linhadecodigo.com.br/artigo/3565/trabalhando-com-funcoes-emphp.aspx>, Acesso em 11/14.

PHP,

12