Você está na página 1de 44

SUMRIO

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

Objetivo.................................................................................................................4

O sistema web......................................................................................................5

3.1

Cdigo do site Telecine Mozer........................................................................5

3.1.1

A pgina de acesso....................................................................................21

3.2

O caso de uso da compra de filme...............................................................38

3.3

O diagrama do bando de dados...................................................................39

CONCLUSO......................................................................................................40

REFERNCIAS...........................................................................................................41
ANEXOS.....................................................................................................................42

1 INTRODUO
Nos dias atuais cada empresa busca um meio de se manter no
mercado. Colocar contedos na rede mundial de computadores uma forma de
fazer as informaes da empresa cheguem mais perto e rpido aos seus clientes.
Com o aumento do uso da internet no mundo todo, a disponibilizao de servios da
empresa na internet indiscutvel.

2 OBJETIVO

Desenvolver um sistema Web,

Mostrar o diagrama de Caso de compra de filme,

Mostrar o diagrama de Banco de Dados.

3 O SISTEMA WEB
Foi desenvolvido um sistema web onde o usurio pode escolher um
filme e assistir de acordo com a mensalidade paga R$ 15,50. Os filmes podem ser
locados pelos valores de R$ 2,50 a R$ 4,00. Como um servio web ele pode ser
usado em todo territrio nacional, ou at mesmo fora do pas por ser um site web
que pode ser acessado de qualquer lugar que se tenha internet disponvel.
3.1 CDIGO DO SITE TELECINE MOZER
<!DOCTYPE html>
<!--

saved

from

url=(0060)file:///C:/Users/CASA/Desktop/TRABALHO/SITE/TopBrasil100.htm -->
<html

lang="pt-br"><head><meta

http-equiv="Content-Type"

content="text/html; charset=ISO-8859-1">
<meta name="viewport" content="initial-scale=1.0; maximumscale=1.0; user-scalable=0;">
<meta name="author" content="FormigaNegcios">
<meta charset="iso-8859-1">
<meta
content="IE=edge,chrome=1">

<title>TelecineMozer</title>

http-equiv="X-UA-Compatible"

<style>
/* reset */

html,nav,header,figure,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockq
uote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;fontsize:100%;vertical-align:top;background:transparent;}body{lineheight:100%;background-color:#FFF;}ol,ul,li{liststyle:none;margin:0;padding:0;}blockquote,q{quotes:none;}blockquote:before,blockq
uote:after,q:before,q:after{content:none;}:focus{outline:0;}ins{textdecoration:none;}del{text-decoration:linethrough;}table,caption,tbody,tfoot,thead,tr,th,td{vertical-align:middle;}table{bordercollapse:collapse;border-spacing:0;}td{vertical-align:top;}
</style>

<link

href="./TelecineMozer_files/css"

rel="stylesheet"

type="text/css">
<link

href="./TelecineMozer_files/css(1)"

rel="stylesheet"

type="text/css">

<link rel="stylesheet" type="text/css" media="(min-width: 980px)


" href="./TelecineMozer_files/980.css">

<link rel="stylesheet" type="text/css" media="(min-width: 980px) "


href="./TelecineMozer_files/980-estilo.css">

<link rel="stylesheet" type="text/css" media="(max-width: 979px)"


href="./TelecineMozer_files/320.css">
<link rel="stylesheet" type="text/css" media="(max-width: 979px)"
href="./TelecineMozer_files/320-estilo.css">

<script

async=""

src="file://www.google-

analytics.com/analytics.js"></script><script
src="./TelecineMozer_files/analytics(1).js"></script><script
src="./TelecineMozer_files/jquery.js"></script>
<script src="./TelecineMozer_files/jquery-ui.js"></script>
<script src="./TelecineMozer_files/funcoes.js"></script>

<script>
url_servidor = 'www.topbrasil100.com.br';
diretorio_de_trabalho = '';

$(function(){

async=""

audios_ini();
var largura_tela = $("#dv-principal").width();
if(largura_tela<979){

$("#dv-menu-link").bind('click',function(){
var menu_pos_atual = $("#dv-menulink").css('left');
var velocidade = 400;

if(menu_pos_atual!='0px'){

$("#dv-menu-link").animate({
left: "0px"
},velocidade);
$("#dv-menu").animate({
left: "7px"
},velocidade);

10

} else {

$("#dv-menu-link").animate({
left: "-10px"
},velocidade);
$("#dv-menu").animate({
left: "-140px"
},velocidade);

}
});

}
});

//audios
function audios_ini(){

11

var intervalo = 0;
// PLAY
$('.player_som

.player-

play').live('click',function(song) {
var tempo_min = 60;
var alvo = $(this);
var som = $(this).parent().children('audio');
var

id_som

(this).parent().children('audio').attr('id');
som.get(0).load();
alvo.hide();
alvo.parent().children('.playercarregando').show();
var

som_alvo

document.getElementById(id_som);
//aguardando buffer
som_alvo.onwaiting = function(){
alvo.parent().children('.playercarregando').show();
//console.log('Aguardando buffer');
}
//download em progresso
som_alvo.onprogress = function(){
//console.log('Download
progresso');
}
//carregado o frame atual

em

12

som_alvo.onloadeddata = function() {
//console.log('Carregado

Frame

atual');
};
//pode iniciar o play
som_alvo.oncanplaythrough = function() {
//console.log('Pode iniciar o play');
som.get(0).play();
alvo.parent().children('.playercarregando').hide();
alvo.parent().children('.playerpause').hide();
alvo.parent().children('.playerplay').show();
};
//tocando
som_alvo.onplaying = function(){
//console.log('Tocando');
alvo.parent().children('.playercarregando').hide();
alvo.parent().children('.playerplay').hide();
alvo.parent().children('.playerpause').show();
}
//pausado
som_alvo.onpause = function(){
//console.log('Pausado');
alvo.parent().children('.playercarregando').hide();
alvo.parent().children('.player-

13

pause').hide();
alvo.parent().children('.playerplay').show();
}
intervalo = setInterval(function(){
var tempo = som.get(0).currentTime;
tempo = parseInt(tempo);
var

minutos

Math.floor(tempo/tempo_min);
var

resto_segundos

tempo

%tempo_min;
var segundos = resto_segundos;
tempo_exibe = '';
tempo_exibe = minutos;

if(segundos<10){
tempo_exibe+= ':0'+segundos;
} else {
tempo_exibe+=

':'+segundos;

}
alvo.parent().children(".playertempo").text(tempo_exibe);
var duracao = som.get(0).duration;
duracao = parseInt(duracao);
/*
if(duracao>0){
if(duracao==tempo){

14

som.get(0).currentTime=0;
som.get(0).pause();

alvo.parent().children('.player-play').show();

alvo.parent().children('.player-pause').hide();
}
}
*/
alvo.parent().children(".duration
span").text(tempo+' / '+duracao);
},400);
}); /* play */
// PAUSE
$('.player_som .player-pause').live('click',function() {
var alvo = $(this);
var som = $(this).parent().children('audio');
som.get(0).pause();
alvo.parent().children('.player-play').show();
alvo.parent().children('.player-pause').hide();
clearInterval(intervalo);
});
// STOP
$('.player_som .player-back').live('click',function(){
var alvo = $(this);
var som = $(this).parent().children('audio');
som.get(0).pause();
som.get(0).currentTime=0;

15

alvo.parent().children(".player-tempo").text('0:00');
alvo.parent().children('.player-play').show();
alvo.parent().children('.player-pause').hide();
clearInterval(intervalo);
});
}
</script>

<script src="./TelecineMozer_files/mover.js"></script>
<!-<script src="inc_slide/js/slide.js"></script>
<script src="inc_slide_capa/js/slide_capa_slide.js"></script>
!-->
<script>
$(function(){
setInterval(function(){
//comandos
$("#slide-seta-proximo").click();
},7000);
/* CARREGAMENTO DE IMAGENS */
img_load();
$(window).scroll(function() {
img_load();
});
/* SLIDE DE LANAMENTOS --------------------- */

16

var largura_tela = $("#dv-principal").width();


var distancia = $("#lancamentos-palco").width();
var contar = $('#lancamentos-palco ul li').length;
var lancamentos = new mover();
//criando o lancamentos
lancamentos.alvo('#lancamentos-palco ul');

//Definindo

o alvo
lancamentos.btn_esq('#lancamentos-seta-proximo');
//Definindo o boto da esquerda
lancamentos.btn_dir('#lancamentos-seta-anterior');
//Definindo o boto da direita
lancamentos.distancia_lateral(distancia);
//Definindo a distncia do movimento horizontal
lancamentos.velocidade(500);
//Definindo a velocidade
lancamentos.ajustar_largura();
//Redimensiona o UL da lista de acordo com os lancamentoss filhos
//lancamentos.ajustar_altura_itens();

//Redimen

siona os LIs da lista para a mesma altura


if(largura_tela<979){
$('<div

id="lancamentos-contador"><span

id="lancamentos-contadoratual">1</span>/'+contar+'</div>').appendTo("#lancamentos");
$("#lancamentos-palco
li").css('width',distancia+'px');
lancamentos.contador_cliques('#lancamentoscontador-atual');

//Alvo da contagem de cliques nas setas


}
/* SLIDE NA CAPA --------------------- */
var largura_slide = $("#slide-palco").width();
var distancia_slide = $("#slide-palco").width();

ul

17

var slide_capa = new mover();


//criando o lancamentos
slide_capa.alvo('#slide-palco ul'); //Definindo o alvo
slide_capa.btn_esq('#slide-seta-proximo');
//Definindo o boto da esquerda
slide_capa.btn_dir('#slide-seta-anterior');
//Definindo o boto da direita
slide_capa.distancia_lateral(distancia_slide);
//Definindo a distncia do movimento horizontal
slide_capa.velocidade(500);
//Definindo a velocidade
slide_capa.ajustar_largura();
//Redimensiona o UL da lista de acordo com os lancamentoss filhos
if(largura_tela<979){
$("#slide-palco ul li").css('width',distancia+'px');
}

});
</script>
<link rel="stylesheet" type="text/css" media="(min-width: 980px) "
href="./TelecineMozer_files/980-capa.css">
<link rel="stylesheet" type="text/css" media="(max-width: 979px)"
href="./TelecineMozer_files/320-capa.css">

</head>
<body>

18

<!-<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src

"//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=409955882389532";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
!-->
<div id="dv-principal">
<div id="dv-principal-interno">
<div id="dv-conteudo">
<header id="dv-cabecalho">
<h1 id="dv-logomarca-cabecalho">
<a href="">
<img

src="./TelecineMozer_files/logo-

19

cabecalho.png">
</a>
</h1>
<div id="dv-menu-link"></div>
<nav id="dv-menu">
<ul>
<li><a href="" title="Pgina inicial">Home</a></li>
<li><a href=""
title="Lanamentos">Lanamentos</a></li>
<li><a href="" title="Parada Musical">Filmes</a></li>
<li><a href="" title="Artistas">Artistas</a></li>
<li><a href="" title="Cadastre-se">Cadastrese</a></li>
<li><a href="" title="Contato">Contato</a></li>
</ul>
</nav>
</header>
<div id="dv-visitante-conecta">

20

<p class="texto">Ol <strong>visitante</strong>, clique


aqui

para

<a

href="file:///C:/Users/CASA/Desktop/TRABALHO/SITE/login.htm">conectarse</a></p>
</div>
<div id="dv-busca-cabecalho">
<form

method="GET"

action="http://www.google.com/search" target="_blank">
<input type="text" name="q" size="12" maxlength="255"
value="" placeholder="Buscar">
<input type="hidden" name="sitesearch"
value="www.topbrasil100.com.br">
<input type="submit" name="btnG" value="">
</form>
</div>
<div id="dv-palco">
<br><div id="base-inicial">
</p></a></li></ul></div></section><section
id="videos"><header><h1
class="rotulo">Filmes</h1></header><ul><li><div><iframe
src="./TelecineMozer_files/ChBaX7QOxzc.htm"
frameborder="0"

width="420"

height="351.792"

allowfullscreen=""></iframe></div><a

href="http://www.topbrasil100.com.br/video_exibe/" title="A Era do Gelo 4"><p


class="titulo5">A

Era

do

Gelo

4</p></a></li><li><div><iframe

21

src="./TelecineMozer_files/5S6CrDsOKGQ.htm"
frameborder="0"

width="420"

height="351.792"

allowfullscreen=""></iframe></div><a

href="http://www.youtube.com/watch?v=nk6hBfgrMjU" title="Z Felipe - Saudade de


Voc"><p class="titulo5">Z Felipe - Saudade de Voc</p></a></li><li><div><iframe
src="./TelecineMozer_files/4ZUCVaM-quQ.htm"
frameborder="0"

width="420"

height="351.792"

allowfullscreen=""></iframe></div><a

href="http://www.youtube.com/watch?v=nk6hBfgrMjU" title="Munhoz e Mariano"><p


class="titulo5">Munhoz

Mariano</p></a></li><li><div><iframe

src="./TelecineMozer_files/ba8CGT1J5Yo.htm"
frameborder="0"

width="420"

height="351.792"

allowfullscreen=""></iframe></div><a

href="http://www.topbrasil100.com.br/video_exibe/" title="Victor e Lo - Tudo Por


Voc"><p class="titulo5">Victor e Lo - Tudo Por Voc</p></a></li><li><div><iframe
src="./TelecineMozer_files/jDtnfjAZHmY.htm"
frameborder="0"

width="420"

height="351.792"

allowfullscreen=""></iframe></div><a

href="http://www.topbrasil100.com.br/video_exibe/"

title="RICK

MONTEIRO

EMBRIAGADO DE AMOR"><p class="titulo5">RICK MONTEIRO - EMBRIAGADO


DE

AMOR</p></a></li></ul></section></div><div

id="ini-dir"><section

id="chamada"><header><h1 class="rotulo">

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function()
{
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new
Date();a=s.createElement(o),
m=s.getElementsByTagName(o)
[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.googleanalytics.com/analytics.js','ga');

22

ga('create', 'UA-21641764-39', 'topbrasil100.com.br');


ga('send', 'pageview');

</script>

</a></div></body></html>

3.1.1 A pgina de acesso


<!DOCTYPE html>
<!--

saved

from

url=(0068)file:///C:/Users/CASA/Desktop/TRABALHO/SITE/TopBrasil100%20login.ht
m -->
<html

lang="pt-br"><head><meta

http-equiv="Content-Type"

content="text/html; charset=ISO-8859-1">
<meta name="viewport" content="initial-scale=1.0; maximumscale=1.0; user-scalable=0;">
<meta name="author" content="FormigaNegcios">
<meta charset="iso-8859-1">
<meta
content="IE=edge,chrome=1">

http-equiv="X-UA-Compatible"

23

<link

rel="shortcut

icon"

sizes="196x196"

rel="apple-touch-icon"

sizes="196x196"

href="http://www.topbrasil100.com.br/icon-196x196.png">
<link

href="http://www.topbrasil100.com.br/icon-196x196.png">
<link rel="apple-touch-icon-precomposed" sizes="196x196"
href="http://www.topbrasil100.com.br/icon-196x196.png">

<meta name="description" content="O portal da msica brasileira.


Oua, baixe e compartilhe!">
<meta name="keywords" content="Msica, lanamentos, sertanejo,
rdios, parada musical, ranking, sucessos, download, oua, ouvir, top, show,
agenda, som, artistas, novidades.">
<title>login</title>

<!--<base

href="http://www.topbrasil100.com.br/">--><!--<base

href=".">--><base href=".">

<style>
/* reset */

html,nav,header,figure,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockq
uote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-

24

size:100%;vertical-align:top;background:transparent;}body{lineheight:100%;background-color:#FFF;}ol,ul,li{liststyle:none;margin:0;padding:0;}blockquote,q{quotes:none;}blockquote:before,blockq
uote:after,q:before,q:after{content:none;}:focus{outline:0;}ins{textdecoration:none;}del{text-decoration:linethrough;}table,caption,tbody,tfoot,thead,tr,th,td{vertical-align:middle;}table{bordercollapse:collapse;border-spacing:0;}td{vertical-align:top;}
</style>

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


<link href="./login_files/css(1)" rel="stylesheet" type="text/css">

<link rel="stylesheet" type="text/css" media="(min-width: 980px)


" href="./login_files/980.css">
<link rel="stylesheet" type="text/css" media="(min-width: 980px) "
href="./login_files/980-estilo.css">

<link rel="stylesheet" type="text/css" media="(max-width: 979px)"


href="./login_files/320.css">
<link rel="stylesheet" type="text/css" media="(max-width: 979px)"
href="./login_files/320-estilo.css">

25

<script

async=""

src="file://www.google-

analytics.com/analytics.js"></script><script

async=""

src="./login_files/analytics(1).js"></script><script src="./login_files/jquery.js"></script>
<script src="./login_files/jquery-ui.js"></script>
<script src="./login_files/funcoes.js"></script>

<script>
url_servidor = 'www.topbrasil100.com.br';
diretorio_de_trabalho = '';

$(function(){
audios_ini();
var largura_tela = $("#dv-principal").width();
if(largura_tela<979){

$("#dv-menu-link").bind('click',function(){
var menu_pos_atual = $("#dv-menulink").css('left');
var velocidade = 400;

26

if(menu_pos_atual!='0px'){

$("#dv-menu-link").animate({
left: "0px"
},velocidade);
$("#dv-menu").animate({
left: "7px"
},velocidade);

} else {

$("#dv-menu-link").animate({
left: "-10px"
},velocidade);
$("#dv-menu").animate({
left: "-140px"

27

},velocidade);

}
});

}
});

//audios
function audios_ini(){
var intervalo = 0;
// PLAY
$('.player_som

.player-

play').live('click',function(song) {
var tempo_min = 60;
var alvo = $(this);
var som = $(this).parent().children('audio');
var

id_som

(this).parent().children('audio').attr('id');
som.get(0).load();
alvo.hide();

28

alvo.parent().children('.playercarregando').show();
var

som_alvo

document.getElementById(id_som);
//aguardando buffer
som_alvo.onwaiting = function(){
alvo.parent().children('.playercarregando').show();
//console.log('Aguardando buffer');
}
//download em progresso
som_alvo.onprogress = function(){
//console.log('Download

em

progresso');
}
//carregado o frame atual
som_alvo.onloadeddata = function() {
//console.log('Carregado

Frame

atual');
};
//pode iniciar o play
som_alvo.oncanplaythrough = function() {
//console.log('Pode iniciar o play');
som.get(0).play();
alvo.parent().children('.playercarregando').hide();
alvo.parent().children('.playerpause').hide();
alvo.parent().children('.player-

29

play').show();
};
//tocando
som_alvo.onplaying = function(){
//console.log('Tocando');
alvo.parent().children('.playercarregando').hide();
alvo.parent().children('.playerplay').hide();
alvo.parent().children('.playerpause').show();
}
//pausado
som_alvo.onpause = function(){
//console.log('Pausado');
alvo.parent().children('.playercarregando').hide();
alvo.parent().children('.playerpause').hide();
alvo.parent().children('.playerplay').show();
}
intervalo = setInterval(function(){
var tempo = som.get(0).currentTime;
tempo = parseInt(tempo);
var

minutos

Math.floor(tempo/tempo_min);
var
%tempo_min;

resto_segundos

tempo

30

var segundos = resto_segundos;


tempo_exibe = '';
tempo_exibe = minutos;

if(segundos<10){
tempo_exibe+= ':0'+segundos;
} else {
tempo_exibe+=

':'+segundos;

}
alvo.parent().children(".playertempo").text(tempo_exibe);
var duracao = som.get(0).duration;
duracao = parseInt(duracao);
/*
if(duracao>0){
if(duracao==tempo){
som.get(0).currentTime=0;
som.get(0).pause();

alvo.parent().children('.player-play').show();

alvo.parent().children('.player-pause').hide();
}
}
*/
alvo.parent().children(".duration

31

span").text(tempo+' / '+duracao);
},400);
}); /* play */
// PAUSE
$('.player_som .player-pause').live('click',function() {
var alvo = $(this);
var som = $(this).parent().children('audio');
som.get(0).pause();
alvo.parent().children('.player-play').show();
alvo.parent().children('.player-pause').hide();
clearInterval(intervalo);
});
// STOP
$('.player_som .player-back').live('click',function(){
var alvo = $(this);
var som = $(this).parent().children('audio');
som.get(0).pause();
som.get(0).currentTime=0;
alvo.parent().children(".player-tempo").text('0:00');
alvo.parent().children('.player-play').show();
alvo.parent().children('.player-pause').hide();
clearInterval(intervalo);
});
}
</script>

<link rel="stylesheet" type="text/css" media="(min-width: 980px)


" href="./login_files/980-login.css">

32

<link rel="stylesheet" type="text/css" media="(max-width: 979px)"


href="./login_files/320-login.css">
<link href="./login_files/modal.css" rel="stylesheet" type="text/css">
<script src="./login_files/modal.js"></script>
<script>
function entrar(){
var contar_tempo = 0;
var janela_erro = new modal();
janela_erro.largura(280);
janela_erro.rotulo('Informe seus dados de acesso.');
var email = $("#cp_login_email").val();
var pass = $("#cp_login_senha").val();
var mantenha = $("#cp_login_mantenha").attr('checked');
if(mantenha==true){
mantenha = 1;
} else {
mantenha = 0;
}

if(email=='' || email=='Email'){
$("#cp_login_email").focus();
janela_erro.conteudo('<h4

class="titulo3">Informe

seu

email</h4><p class="texto">Digite corretamente seu email para ter acesso ao


contedo exclusivo.</p>');
janela_erro.exibe();
janela_erro.funcao_ao_fechar(focar_campo,'cp_login_email');
return false;

33

}
if(pass=='' || pass=='senha'){
$("#cp_login_senha").focus();
janela_erro.conteudo('<h4 class="titulo3">Informe
sua senha</h4><p class="texto">Digite corretamente sua senha para ter acesso ao
contedo exclusivo.</p>');
janela_erro.exibe();
janela_erro.funcao_ao_fechar(focar_campo,'cp_login_senha');
return false;
}
$("#dv_login").hide();
$("#dv_login_carregando").show();
var intervalo_login = setInterval(function(){
contar_tempo++;
if(contar_tempo==20){
$("#dv_login").show();
$("#dv_login_carregando").hide();
janela_erro.conteudo('<h4
class="titulo3">Erro de login</h4><p class="texto">O tempo de resposta do servidor
excedeu o limite, tente conectar-se novamente.</p>');
janela_erro.exibe();
clearInterval(intervalo_login);
}

},1000);

34

$.getJSON('entrar.php?
entra_login='+email+'&entra_senha='+pass+'&entra_mantenha='+mantenha,function
(lista){
$.each(lista,function(indice,valor){
if(valor.resultado==1){
location.href='http://'+url_servidor+diretorio_de_trabalho;
}
if(valor.resultado==0){
janela_erro.conteudo('<h4
class="titulo3">Erro de login</h4><p class="texto">'+valor.erro+'</p>');
janela_erro.exibe();
$("#dv_login").show();
$("#dv_login_carregando").hide();
clearInterval(intervalo_login);
}
});
});
}
</script>

</head>
<body>
<!-<div id="fb-root"></div>

35

<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src

"//connect.facebook.net/pt_BR/all.js#xfbml=1&appId=409955882389532";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
!-->

<div id="dv-visitante-conecta">
<p class="texto">Ol <strong>visitante</strong>, clique
aqui

para

<a

href="file:///C:/Users/CASA/Desktop/TRABALHO/SITE/TopBrasil100%20login_files/T
opBrasil100%20login.htm">conectar-se</a></p>
</div>
<div id="dv-busca-cabecalho">
<form

method="GET"

action="http://www.google.com/search" target="_blank">
<input type="text" name="q" size="12" maxlength="255"

36

value="" placeholder="Buscar">
<input type="hidden" name="sitesearch"
value="www.topbrasil100.com.br">
<input type="submit" name="btnG" value="">
</form>
</div>
<div id="dv-palco">
<br><div id="dv_login">
<div id="dv_logar">
<div>
<p class="rotulo">Conecte-se</p>
<div class="form">
<span style="margin-top:5px; width:100%;">
<input tabindex="1" type="text" id="cp_login_email"
placeholder="Digite seu email">
</span>
<span style="margin-top:5px;">
<input tabindex="2" type="password"
id="cp_login_senha" placeholder="Digite sua senha">
</span>
<span style="margin-top:5px;" class="check">
<p class="texto"><input type="checkbox"
id="cp_login_mantenha"> Mantenha-me conectado</p>
</span>
<span>
<a href="javascript:void(0)" onclick="entrar()"
class="btn">Conectar-se</a>
</span>

37

</div>
<p class="texto"><a href="http://lembrar_senha">Lembrar
minha senha</a></p><br>
<p class="texto">Ainda no cadastrado?</p>
<p class="texto"><a href="http://cadastro">Cadastre-se
agora</a>.</p><br>
<!-<p class="texto">Conecte com sua conta do Facebook</p>
<img src="imagens/login_facebook.jpg" style="margintop:7px;"><br><br>
!-->
</div>
</div>
</div>

</div>

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function()
{
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new
Date();a=s.createElement(o),
m=s.getElementsByTagName(o)
[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

38

})(window,document,'script','//www.googleanalytics.com/analytics.js','ga');

ga('create', 'UA-21641764-39', 'topbrasil100.com.br');


ga('send', 'pageview');

</script>

</body></html>

3.2 O CASO DE USO DA COMPRA DE FILME


Aqui mostramos o caso de uso da compra de filme;

39

Figura 1

3.3 O DIAGRAMA DO BANDO DE DADOS


Aqui mostramos o diagrama de banco de dados na 3 forma normal
do lado esquerdo da imagem a forma mais simples e do lado direito na forma

40

requisitada;

Figura 2

41

4 CONCLUSO
Conclumos que qualquer empresa que queira cresce no mundo
atual tem que desenvolver tecnologias que possam ser acessadas de todos os
lugares. E a internet a forma mais fcil de disseminar as informaes. No
desenvolvimento a facilidade de se poder assistir o filme e de pagamento das
mensalidades traz um maior conforto aos clientes da empresa. Criando os
diagramas o desenvolvedor ter mais facilidade e ser mais fcil compreender o
sistema solicitado pela empresa.

42

REFERNCIAS
blogdetecnologia.com.br
jamaralnet.files.wordpress.com
www.concatenar.com.br
www.guj.com.br
www.hospedia.com.br/
http://www.phpmania.org/forum/

43

ANEXOS

Figura 1 Diagrama de caso da compra de filme.


Figura 2 Diagrama de banco de dados.

Você também pode gostar