You are on page 1of 16

.

Neste trabalho criaremos um site onde o cliente possa se cadastrar e listar os filmes existentes. . Para as pessoas em geral é muito mais cômodo pesquisar o que se tem interesse sem sair do conforto de sua casa. e como funciona o modelo relacional normalizado. e por isso é muito importante perfeitas elaborações nos sites e sistemas para navegação. iremos trabalhar com diagramas de caso de uso descrevendo a compra do filme.3 1 INTRODUÇÃO Com o passar do tempo às pessoas vem se atualizando no mundo da tecnologia.

com várias pesquisas e estudos conseguimos atingir o objetivo sendo assim surgiram várias curiosidades.4 2 OBJETIVO O objetivo deste trabalho é esclarecer da melhor maneira e mais simples. . porém já esclarecidas com as pesquisas. como funciona cada método utilizado. a criação do site.

org/1999/xhtml"> <head> <link rel=stylesheet" type="text/class" href="estilo.htm"> Acervo de Filmes</a></li> <li><a href="Cadastro.jpg" alt="capa" /> </div> </body> </html> 1.0 .5 3 DESENVOLVIMENTO 3.htm"> Página Inicial </a></li> <li><a href="filmes.php"> Cadastro</a></li> </ul> </div> <div id="lista"> <img class="capa" src="capa. Figura1: Página Inicial Fonte: Autores Código Fonte Página Inicial: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "http://www.dtd"> <html xmlns="http://www. podemos mostrar como é feito a locação de filmes e o cadastro deles no telecine Mozer.1 SITE Através deste site.w3.org/TR/xhtmll/DTD/xhtmll-transitional.css"/> <title> Locadora Mozer </title> </head> <body> <div id="menu"> <ul> <li><a href="index.w3.

..././xampp/htdocs/Locadora/index.org/TR/xhtml1/DTD/xhtml1-transitional..0 Transitional//EN" "http://www./xampp/htdocs/Locadora/filmes.w3.jpg"> </head> <body> <div id="menu"> <ul> <li><a href=".6 Figura 2: Acervo de Filmes Fonte: Autores Código Fonte: Acervo de filmes. charset=iso8859-1" /> <title>Telecine Mozer</title> <body background="file:///C:/Users/Eduardo/Downloads/site/site/capa.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html./.dtd"> <html xmlns="http://www.htm"> Página Inicial</a></li> <li><a Filmes</a></li> <li><a href="./. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1./.htm"> ...w3.

com/watch?v=SNdNk_zZOfA" target="_blank">Superman vs Batman 2014</a> </li> <li> <a href="http://www.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.youtube.youtube.youtube./xampp/htdocs/Locadora/Cadastro.</h1> <ul type="0> <li> <a href="https://www.com/watch?v=zZKzWABhZdg" target="_blank">Guardioes das galaxias</a> </li> <li> <a href="http://www.com/watch?v=ewkeKkdcMdY" target="_blank">Os vingadores:Trabalho em equipe</a> </li> <li> <a href="http://www..com/watch?v=0PdLmZG_6ZE" target="_blank">Birdman</a> </li> <li> <a href="http://www.com/watch?v=kZCmRSsHvLs" target="_blank"> O Casamento do ano</a></a></li> <li> <a href="http://www../.com/watch?v=PdfL_MvOT8U" target="_blank">Open Windows</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.com/watch?v=_cIgKfReegg" target="_blank">Capitão Planeta 2014</a> </li> <li> <a href="http://www.youtube.7 href="..youtube.youtube.youtube.youtube.youtube.com/watch?v=uoGvHJPaPaM" target="_blank">Hércules</a> </li> <li> <a href="http://www.com/watch?v=U5oqL27Wgxs" target="_blank">Animal</a> </li> <li> <a href="http://www.php">Cadastro</a></li> </ul> </div> <div id="lista"> <h1> Filmes Disponíveis na "Telecine Mozer".com/watch?v=ipk8bobxqpY" ./.com/watch?v=kZCmRSsHvLs"> <li> <a href="https://www.youtube.youtube.youtube.com/watch?v=fCWUlSlbeoY" target="_blank">Drácula o inicío</a> </li> <li> <a href="http://www.

."><p><b><font color= "red">Acervo R$ 2."><blink><a href="cadastrar_clientes">Cadastro</a></blink></h2> </body> </html> Figura 3: Cadastro de Filmes .50 </b></P></font></h2> <h2 style="text-align:center..</b></p></font></h2></blink> <h2 style="text-align:center.50 </b></p></font></h> <h2 style="text-align:center.com/watch?v=PVKmBZ0IhsA" target="_blank">Ninja Apocalypse</a> </li> </ul> </div> <blink><h2 "#00FF00">Faça style="text-align:center.youtube."><p><b><font color= "red">Lançamentos R$ 4.8 target="_blank">Muck the Sexy Ultra Horror</a> </li> <li> <a href="http://www."><p><b><font seu cadastro e alugue color= agora mesmo.

0 Transitional//EN" "http://www.w3.w3.REGINACOELI\Meus documentos\Downloads\site\site\capa.dtd"> <html xmlns="http://www.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html. charset=iso8859-1" /> <title>Locadora Mozer</title> <body background="file:///C:\Documents Settings\unopar.ads1.jpg"> </head> <html> <head><html> <head> <title>Lista de Filmes</title> </head> <body> <!--formulário para captura dos dados --> and .9 Fonte: Autores Código fonte: Cadastro de Filmes <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.org/TR/xhtml1/DTD/xhtml1- transitional.

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. } menu ul { padding:0px.128. margin: 0px.128.7). margin:0px. display:inline-block.0.jpg"). padding: 0px. /* border-bottom:3px solid #EDEDED. */ padding: 2px 10px. width:100%. text-decoration: none. font:80% Tahoma.CSS body { background-image:url("site/capa. } #menu ul li { display: inline. list-style: none. .} #menu ul li a { color: #fff. background-color: rgba(128. background-size:100% auto. font-weight: bold.

*/ } #lista { background-color: rgba (255. margin: 5px 5px 0px 5px. width:670px. border-radius:3px.255.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.capa { margin: 0 auto. .7).255. border-radius: 5px. Figura 4: Diagrama de caso referente a compra de filme.12 } #menu ul li a:hover { /*border-bottom:3px solid #EA0000. padding:10px. } . textarea. margin: 10px 30px 10px 30px. input[type="number"]{ border:0 solid #000. display:block. } 3. } input [type="text"].0.

Figura 5: Desnormalizado Fonte: Autores Figura 6: 1º Forma Normal Fonte: Autores .3 DIAGRAMA DE BANCO DE DADOS. tudo assim. já conseguimos ver as dependências transitivas e logo mais encontramos uma dependência parcial.13 Fonte: Autores 3. no processo de normalização enxergamos todas as formas normais ao mesmo tempo. ao mesmo tempo. Enquanto separamos as tabelas aninhadas. APRENSENTANDO O MRN EM SUA 3 FORMA NORMAL É muito comum.

14 Figura 7: 2º Forma Normal Fonte: Autores Figura 8: 3º Forma Normal Fonte: Autores .

inicialmente continha apenas relacionamentos binários. caso contrário seria necessário a Quarta Forma Normal que trataria de relacionamentos ternários ou n-ários. conseguimos demonstrar como é feito a compra dos filmes. Com o diagrama de banco de dados. o diagrama já está resolvido.15 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. . apresentado em sua 3 forma normal. Utilizando o diagrama de caso. onde o proprietário faz a inserção de informações.

Normalização de dados. Primeiros passos com html + css.facom. Php com mysql. Disponível em: www. WIKIPÉDIA.ufu. Diagrama de casos de uso.codigofonte.pdf.inf. Acessado em: 01 novembro 2014..net/scripts/php . . Disponível em: https://www.pptx. INFORMÁTICA E ESTÁTISTICA. Acessado em: 28 set 2014.com/w3ctuto/firstcss. Disponível em: htt://www.. MAUJOR O DINOSSAURO DAS CSS./Parte6%20-%20Casos%20de %20Uso.br/~michel/.html. Acessado em: 15 set 2014.16 5 REFERÊNCIAS BIBLIOGRAFICAS CÓDIGO FONTE: scripts. UNIVESIDADE FEDERAL DA UBERLÂNDIA. INE CTC-UFSC. Acessado em: 20 set 2014.ufsc. Acessado em: 03 nov 2014.maujor. Disponível em: http://www. Disponível em: http://pt.wikipedia.org/wiki/Normaliza%C3%A7%C3%A3o_de_dados.br/~fristtram/2464_php_com_mysql.