Trabalho Faculdade

3
1 INTRODUO
Com o passar do tempo s pessoas vem se atualizando no mundo
da tecnologia, e por isso muito importante perfeitas elaboraes nos sites e
sistemas para navegao. Para as pessoas em geral muito mais cmodo
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 criao do site, como funciona cada mtodo utilizado, com vrias
pesquisas e estudos conseguimos atingir o objetivo sendo assim surgiram vrias
curiosidades, porm j esclarecidas com as pesquisas.
5
3 DESENVOLVIMENTO
3.1 SITE
Atravs deste site, podemos mostrar como feito a locao de
filmes e o cadastro deles no telecine Mozer.
Figura1: Pgina Inicial
Fonte: Autores
Cdigo Fonte Pgina Inicial:

<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
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>
<li><a href="index.htm"> Pgina 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>
1.0
Figura 2: Acervo de Filmes
Fonte: Autores
Cdigo Fonte: Acervo de filmes.

<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso8859-1" />
<title>Telecine Mozer</title>
<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">
Pgina
Inicial</a></li>
<li><a
Filmes</a></li>
<li><a
href="../../../xampp/htdocs/Locadora/filmes.htm">
7
href="../../../xampp/htdocs/Locadora/Cadastro.php">Cadastro</a></li>
</ul>
</div>
<div id="lista">
<h1> Filmes Disponveis 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">Capito Planeta 2014</a> </li>

<li>
<a
href="http://www.youtube.com/watch?v=0PdLmZG_6ZE"
target="_blank">Birdman</a> </li>
<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">Hrcules</a> </li>
<li>
<a
href="http://www.youtube.com/watch?v=fCWUlSlbeoY"
target="_blank">Drcula o inico</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"
8
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
"#00FF00">Faa
style="text-align:center;"><p><b><font
seu
cadastro
alugue
color=
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">Lanamentos R$ 4,50 </b></P></font></h2>

<h2
style="text-align:center;"><blink><a
href="cadastrar_clientes">Cadastro</a></blink></h2>
</body>
</html>
Figura 3: Cadastro de Filmes
Fonte: Autores
Cdigo fonte: Cadastro de Filmes

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso8859-1" />
<title>Locadora Mozer</title>
<body
background="file:///C:\Documents
Settings\unopar.ads1.REGINACOELI\Meus
documentos\Downloads\site\site\capa.jpg">
</head>
<html>
<head><html>
<head>
<title>Lista de Filmes</title>
</head>
<body>

and
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>Gnero:</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 Lanamento:</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>
Cdigo 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 locao de filmes e o cadastro de filmes.
Figura 4: Diagrama de caso referente a compra de filme.
13
Fonte: Autores
3.3 DIAGRAMA DE BANCO DE DADOS, APRENSENTANDO O MRN EM SUA 3

FORMA NORMAL
muito comum, no processo de normalizao enxergamos todas as
formas normais ao mesmo tempo. Enquanto separamos as tabelas aninhadas, j
conseguimos ver as dependncias transitivas e logo mais encontramos uma
dependncia parcial, tudo assim, ao mesmo tempo.
Figura 5: Desnormalizado
Fonte: Autores
Figura 6: 1 Forma Normal
Fonte: Autores
14
Fonte: Autores
Fonte: Autores
15
4 CONCLUSO
Atravs do cenrio proposto foi elaborado um site com uma lista de
filmes no qual o cliente faz a locao e tambm o cadastro de filmes, onde o
proprietrio faz a insero de informaes.
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 binrios, o diagrama j est
resolvido, caso contrrio seria necessrio a Quarta Forma Normal que trataria de
relacionamentos ternrios ou n-rios.
16
5 REFERNCIAS BIBLIOGRAFICAS
CDIGO FONTE: scripts, Disponvel em: https://www.codigofonte.net/scripts/php .
Acessado em: 03 nov 2014.
INE CTC-UFSC, INFORMTICA E ESTTISTICA, Php com mysql. Disponvel 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.
Disponvel em: http://www.maujor.com/w3ctuto/firstcss.html. Acessado em: 28 set
2014.
UNIVESIDADE FEDERAL DA UBERLNDIA. Diagrama de casos de uso.
Disponvel
em:
www.facom.ufu.br/~michel/.../Parte6%20-%20Casos%20de
%20Uso.pptx. Acessado em: 01 novembro 2014.
WIKIPDIA,
Normalizao
de
dados,
Disponvel
em:
http://pt.wikipedia.org/wiki/Normaliza%C3%A7%C3%A3o_de_dados. Acessado em:
15 set 2014.

Trabalho Faculdade

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Trabalho Faculdade

Enviado por

Direitos autorais:

Formatos disponíveis

3

Cdigo Fonte Pgina Inicial:

Figura 2: Acervo de Filmes

Cdigo Fonte: Acervo de filmes.

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

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

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

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

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

target="_blank">Capito Planeta 2014</a> </li>

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

target="_blank">Drcula o inico</a> </li>

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

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

"red">Lanamentos R$ 4,50 </b></P></font></h2>

Figura 3: Cadastro de Filmes

Cdigo fonte: Cadastro de Filmes

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

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

Figura 6: 1 Forma Normal

Figura 8: 3 Forma Normal

Você também pode gostar