Trabalho Faculdade

2014

SISTEMA DE ENSINO PRESENCIAL CONECTADOTECNOLOGIA EM ANÁLISE E

DESENVOLVIMENTO DE SISTEMAS

PRODUÇÃO TEXTUAL INTERDISCIPLINAR

2014

PRODUÇÃO TEXTUAL INTERDISCIPLINAR

Trabalho apresentado ao apresentado à Universidade Norte do Paraná - UNOPAR, como requisito parcial para a obtenção de média bimestral nas disciplinas

Orientadores:

3

1 INTRODUÇÃO

Com o passar do tempo às pessoas vem se atualizando no mundo

da tecnologia, e por isso é muito importante perfeitas elaborações nos sites e

sistemas para navegação. Para as pessoas em geral é muito mais cômodo

pesquisar o que se tem interesse sem sair do conforto de sua casa.

Neste trabalho criaremos um site onde o cliente possa se cadastrar

e listar os filmes existentes, iremos trabalhar com diagramas de caso de uso

descrevendo a compra do filme, e como funciona o modelo relacional normalizado.

4

2 OBJETIVO

O objetivo deste trabalho é esclarecer da melhor maneira e mais

simples, a criação do site, como funciona cada método utilizado, com várias

pesquisas e estudos conseguimos atingir o objetivo sendo assim surgiram várias

curiosidades, porém já esclarecidas com as pesquisas.

5

3 DESENVOLVIMENTO

3.1 SITE

Através deste site, podemos mostrar como é feito a locação de

filmes e o cadastro deles no telecine Mozer.

Figura1: Página Inicial

Fonte: Autores

Código Fonte Página Inicial:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

Transitional//EN"

"http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<link rel=stylesheet" type="text/class" href="estilo.css"/>

<title> Locadora Mozer </title>

</head>

<body>

<div id="menu">

<ul>

6

<li><a href="index.htm"> Página Inicial </a></li>

<li><a href="filmes.htm"> Acervo de Filmes</a></li>

<li><a href="Cadastro.php"> Cadastro</a></li>

</ul>

</div>

<div id="lista">

<img class="capa" src="capa.jpg" alt="capa" />

</div>

</body>

</html>

Figura 2: Acervo de Filmes

Fonte: Autores

Código Fonte: Acervo de filmes.


Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-

8859-1" />

<title>Telecine Mozer</title>

7

<body

background="file:///C:/Users/Eduardo/Downloads/site/site/capa.jpg">

</head>

<body>

<div id="menu">

<ul>

<li><a href="../../../xampp/htdocs/Locadora/index.htm"> Página

Inicial</a></li>

<li><a href="../../../xampp/htdocs/Locadora/filmes.htm">

Filmes</a></li>

<li><a

href="../../../xampp/htdocs/Locadora/Cadastro.php">Cadastro</a></li>

</ul>

</div>

<div id="lista">

<h1> Filmes Disponíveis na "Telecine Mozer".</h1>

<ul type="0>

<li> <a href="https://www.youtube.com/watch?v=kZCmRSsHvLs">

<li> <a href="https://www.youtube.com/watch?v=kZCmRSsHvLs"

target="_blank"> O Casamento do ano</a></a></li>

<li> <a href="http://www.youtube.com/watch?v=s7MHXDEdjS0"

target="_blank">Homen de ferro 3 </a></li>

<li> <a href="http://www.youtube.com/watch?v=ewkeKkdcMdY"

target="_blank">Os vingadores:Trabalho em equipe</a> </li>

<li> <a href="http://www.youtube.com/watch?v=iAaDfqB9FLs"

target="_blank">O Espetacular Homem-Aranha</a> </li>

<li> <a href="file:///L|/The Batman Movie 2014" target="_blank">O

Batman</a> </li>

<li> <a href="http://www.youtube.com/watch?v=SNdNk_zZOfA"

target="_blank">Superman vs Batman 2014</a> </li>

<li> <a href="http://www.youtube.com/watch?v=_cIgKfReegg"

target="_blank">Capitão Planeta 2014</a> </li>

<li> <a href="http://www.youtube.com/watch?v=0PdLmZG_6ZE"

target="_blank">Birdman</a> </li>

8

<li> <a href="http://www.youtube.com/watch?v=zZKzWABhZdg"

target="_blank">Guardioes das galaxias</a> </li>

<li> <a href="http://www.youtube.com/watch?v=U5oqL27Wgxs"

target="_blank">Animal</a> </li>

<li> <a href="http://www.youtube.com/watch?v=uoGvHJPaPaM"

target="_blank">Hércules</a> </li>

<li> <a href="http://www.youtube.com/watch?v=fCWUlSlbeoY"

target="_blank">Drácula o inicío</a> </li>

<li> <a href="http://www.youtube.com/watch?v=PdfL_MvOT8U"

target="_blank">Open Windows</a> </li>

<li> <a href="http://www.youtube.com/watch?v=ipk8bobxqpY"

target="_blank">Muck the Sexy Ultra Horror</a> </li>

<li> <a href="http://www.youtube.com/watch?v=PVKmBZ0IhsA"

target="_blank">Ninja Apocalypse</a> </li>

</ul>

</div>

<blink><h2 style="text-align:center;"><p><b><font color=

"#00FF00">Faça seu cadastro e alugue agora

mesmo...</b></p></font></h2></blink>

<h2 style="text-align:center;"><p><b><font color= "red">Acervo R$

2,50 </b></p></font></h>

<h2 style="text-align:center;"><p><b><font color=

"red">Lançamentos R$ 4,50 </b></P></font></h2>

<h2 style="text-align:center;"><blink><a

href="cadastrar_clientes">Cadastro</a></blink></h2>

</body>

</html>

9

Figura 3: Cadastro de Filmes

Fonte: Autores

Código fonte: Cadastro de Filmes


Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd">


<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-

8859-1" />

<title>Locadora Mozer</title>

<body background="file:///C:\Documents and Settings\

unopar.ads1.REGINACOELI\Meus documentos\Downloads\site\site\capa.jpg">

</head>

<html>

<head><html>

<head>

<title>Lista de Filmes</title>

</head>

<body>



10

<h3>Cadastro de Filmes</h3>

<form action="inclusao.php" method="post">

<table>

<tr>

<td>Titulo:</td>

<td><input type="text" name="nome"></td>

</tr>

<tr>

<td>Gênero:</td>

<td><input type="text" name="nome_orig"></td>

</tr>

<tr>

<td>Sinopse:</td>

<td><input type="text" name="natio"></td>

</tr>

<tr>

<td>Ano de Lançamento:</td>

<td><input type="text" name="ano"></td>

</tr>

</tr>

<td>Valor:</td>

<td><input type="text" name="Compra"></td>

</tr>

<td>Reserva:</td>

<td><input type="text" name="Aluguel"></td>

</tr>

<td>Imagem:</td>

<td><input type="file" name="foto_filme" size="50"></td>

</tr>

<tr>

<tr>

<tr>

11

<td><input type="submit" value="Enviar"></td>

</tr>

</table>

</form>

</body>

</html>

Código Fonte: ESTILO.CSS

body

{

background-image:url("site/capa.jpg");

background-size:100% auto;

padding: 0px;

margin: 0px;

}

menu ul {

padding:0px;

background-color: rgba(128,128,128,0.7);

margin:0px;

width:100%;

list-style: none;

font:80% Tahoma;

}

#menu ul li { display: inline;}

#menu ul li a {

color: #fff;

text-decoration: none;

/* border-bottom:3px solid #EDEDED; */

padding: 2px 10px;

display:inline-block;

font-weight: bold;

12

}

#menu ul li a:hover {

/*border-bottom:3px solid #EA0000; */

}

#lista {

background-color: rgba (255,255,255,0.7);

margin: 10px 30px 10px 30px;

padding:10px;

border-radius: 5px;

}

.capa {

margin: 0 auto;

width:670px;

display:block;

}

input [type="text"], textarea, input[type="number"]{

border:0 solid #000;

margin: 5px 5px 0px 5px;

border-radius:3px;

}

3.2 DIAGRAMA DE CASO DA COMPRA DE FILME

Com este diagrama podemos mostrar melhor como é feito o

procedimento de locação de filmes e o cadastro de filmes.

13

Figura 4: Diagrama de caso referente a compra de filme.

Fonte: Autores

3.3 DIAGRAMA DE BANCO DE DADOS, APRENSENTANDO O MRN EM SUA 3

FORMA NORMAL

É muito comum, no processo de normalização enxergamos todas as

formas normais ao mesmo tempo. Enquanto separamos as tabelas aninhadas, já

conseguimos ver as dependências transitivas e logo mais encontramos uma

dependência parcial, tudo assim, ao mesmo tempo.

Figura 5: Desnormalizado

Fonte: Autores

14

Figura 6: 1º Forma Normal

Fonte: Autores


Fonte: Autores

15


Fonte: Autores

16

4 CONCLUSÃO

Através do cenário proposto foi elaborado um site com uma lista de

filmes no qual o cliente faz a locação e também o cadastro de filmes, onde o

proprietário faz a inserção de informações.

Utilizando o diagrama de caso, conseguimos demonstrar como é

feito a compra dos filmes.

Com o diagrama de banco de dados, apresentado em sua 3 forma

normal, inicialmente continha apenas relacionamentos binários, o diagrama já está

resolvido, caso contrário seria necessário a Quarta Forma Normal que trataria de

relacionamentos ternários ou n-ários.

17

5 REFERÊNCIAS BIBLIOGRAFICAS

CÓDIGO FONTE: scripts, Disponível em: https://www.codigofonte.net/scripts/php . Acessado em: 03 nov 2014.

INE CTC-UFSC, INFORMÁTICA E ESTÁTISTICA, Php com mysql. Disponível em: htt://www.inf.ufsc.br/~fristtram/2464_php_com_mysql.pdf. Acessado em: 20 set 2014.

MAUJOR O DINOSSAURO DAS CSS, Primeiros passos com html + css. Disponível em: http://www.maujor.com/w3ctuto/firstcss.html. Acessado em: 28 set 2014.

UNIVESIDADE FEDERAL DA UBERLÂNDIA. Diagrama de casos de uso. Disponível em: www.facom.ufu.br/~michel/.../Parte6%20-%20 Casos %20de %20 Uso .pptx . Acessado em: 01 novembro 2014.

WIKIPÉDIA, Normalização de dados, Disponível em: http://pt.wikipedia.org/wiki/Normaliza%C3%A7%C3%A3o_de_dados. Acessado em: 15 set 2014.

http://pt.wikipedia.org/wiki/Normaliza%C3%A7%C3%A3o_de_dados

http://www.facom.ufu.br/~michel/.../Parte6%20-%20Casos%20de%20Uso.pptx

http://www.facom.ufu.br/~michel/.../Parte6%20-%20Casos%20de%20Uso.pptx

http://www.maujor.com/w3ctuto/firstcss.html

https://www.codigofonte.net/scripts/php