Escolar Documentos
Profissional Documentos
Cultura Documentos
INTRODUO.......................................................................................................3
Objetivo.................................................................................................................4
O sistema web......................................................................................................5
3.1
3.1.1
A pgina de acesso....................................................................................21
3.2
3.3
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
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">
<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
//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
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');
ul
17
});
</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
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
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
width="420"
height="351.792"
allowfullscreen=""></iframe></div><a
Mariano</p></a></li><li><div><iframe
src="./TelecineMozer_files/ba8CGT1J5Yo.htm"
frameborder="0"
width="420"
height="351.792"
allowfullscreen=""></iframe></div><a
width="420"
height="351.792"
allowfullscreen=""></iframe></div><a
href="http://www.topbrasil100.com.br/video_exibe/"
title="RICK
MONTEIRO
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
</script>
</a></div></body></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">
<!--<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>
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
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>
32
if(email=='' || email=='Email'){
$("#cp_login_email").focus();
janela_erro.conteudo('<h4
class="titulo3">Informe
seu
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');
</script>
</body></html>
39
Figura 1
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