Trabalho Faculdade
-
Upload
julian-domeneghini -
Category
Documents
-
view
215 -
download
0
Transcript of 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.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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>
<!--formulário para captura dos dados -->
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
Figura 7: 2º Forma Normal
Fonte: Autores
15
Figura 8: 3º Forma Normal
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.