Tutorial Sistema de Notícias - Dinâmicas - Simples

[Evandro.S Eisinger 0]

Tutorial Sistema de Notícias - Dinâmicas - Simples

 

Olá Fórum!

 

Novamente, mais um tutorial, dessa vez vamos tratar de fazer um sistema de notícias dinamicas,como muitos percebem que á uma grande quantidade de usuários que estão tento uma dificuldade com o desenvolvimento de um sistema de notícias.

 

Programas utilizados:

 

- Macromedia Flash 8

- Macromedia Dreamweaver 8

- Macromedia Fireworks 8

 

Linguagem de programação utilizada:

 

- Action Script 2.0

- Php 5

 

Nivel de conhecimento:

 

Lógica de proramação = Intermediario

Action Script 2.0 = Intermediario

Php 5 = Intermediario

 

_ _ _ _ _ _ _ _ _ _ _ _ _ _

 

 

Etapa 1: - Criando os arquivos no Flash -

 

1.1: Entrar no Macromedia Flash 8, criar um documento do tamanho desejado, logo em seguida criar 4 layers com seus respectivos nomes: noticias_txt, scroll, fundo_txt, fundo.

 

 

 

1.2: Após a criação das layers, vamos criar o layout do sistema de notícias, então na layer "fundo" colocares o layout desejado:

 

 

 

1.3: Na mesma layer "fundo", iremos criar dois botões, para acessar o cadastramento de noticias e exclusão de noticias.

Crie dois botões, "Para criar botôes você tera que selecionar o seu botão desenhado e aperte F8 e selecione a opção Button e depois Ok". após a crição posicione os seus dois botões onde desejar.

Com o seus dois botões posicionados, coloque estes códigos para acessarem suas respectivas paginas. "Para colocar o códio no botão aperte F9 e cima do botão".

 

Botão de cadastro de notícias:

 

on(release){
	getURL("http://www.evandrowebsites.com/gravar.php","_blank");//Ira chamar a pagina de cadastramento de notícias.
}

Botão de exclusão de notécias:

 

on(release){
	getURL("http://www.evandrowebsites.com/exclui.php","_blank");//Ira chamar a pagina de exclusão das notícias.
}

 

1.4: Depois de termos coloca o nosso layout iremos colocar o fundo da noticia, na layer "fundo_txt", Obs: Caso preferir botar junto com o layout não avera problema algum.

 

 

 

1.5: Agora iremos na layer "scroll", onde sera criado os dois botões que rolaram as notícas.

Crie dois botões, após a crição posicione os seus dois botões onde desejar.

Vamos colocar os seu códigos para que quando precionados subam e desção as notícias.

 

Código do botão sobe:

on (release) {
	_root.roll.scroll -= 1;//Quando precionado suba o texto utilizando a variavel roll declarada no dinamic text das notícias.
}

Código do botão sobe:

on (release) {
	_root.roll.scroll += 1;//Quando precionado dessa o texto utilizando a variavel roll declarada no dinamic text das notícias.
}

1.6: Continuando, iremos para a layer "noticias_txt", nesse layer crie um dinamic text com a opção Multiline, e posicione onde quer que apareça as notícias e declare a sua instancia como: "noticias_txt" e a sua variavel: "roll". "A instancia e a variavel são sem aspas".

 

 

 

1.7: Continuando na layer "noticias_txt", vamos colocar o código que vai chamar as informações no palco. No primeiro Frame da layer "noticias_txt" aperte F9 e coloque este código:

 

System.useCodepage= true;//Para habilitar o uso de outros caracteres.
var leitor = new LoadVars();//Criando a variável leitor
leitor.onData = function(txt){// Abrindo função com o leitor usando a função criada txt
	noticias_txt.text = txt;
}
leitor.load("noticias.txt");//Carregando o .txt para dentro do dynamic text

1.8: No Flash é isso pessoal agora salve e vamos para criação do noticias.txt.

 

 

Etapa 2: - Criação do arquivo noticias.txt -

 

1.1: Para criar o arquivo noticias.txt é muito simples, apenas vá na pasta onde esta salvo os arquivos do tutorial, e aperte com o botão direito/ Novo/ Documento de texto. E salve como noticias.txt

 

Etapa 3: - Criação dos arquivos que gravão e excluem as notícias -

 

1.1:: Novamente abra o Documento de texto e salve como: grava.php Obs:" Na mesma pasta que esta os outros arquivos do tutorial".

 

No arquivo grava.php cole este código:

 

<style type="text/css">
<!--
body {
background-color: #6699FF;
}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#Layer1 {
	position:absolute;
	left:400px;
	top:40px;
	width:258px;
	height:125px;
	z-index:1;
}
#Layer2 {
	position:absolute;
	left:458px;
	top:223px;
	width:105px;
	height:34px;
	z-index:2;
}
-->
</style>
<div id="Layer1">
  <form id="msg" name="msg" method="post" action="">
	<label></label>
	<label></label>
	<label></label>
	<?php
	$msg =@$_POST["msg"];//Mensagem Postada pela caixa de texto
	$msg .=file_get_contents("noticias.txt");//Variavel msg pea o conteudo do noticias.txt
	$abrir_arquivo=fopen("noticias.txt","w");//Abre para gravar o conteudo dentro do noticias.txt
	$escreve4=fwrite($abrir_arquivo,"\n");//Insere quebra de linha
	$escreve3=fwrite($abrir_arquivo,"					 - - - -		");//Insere espaçamento entre notícias.		
	$escreve2=fwrite($abrir_arquivo,"\n");//Insere quebra de linha
	$escreve1=fwrite($abrir_arquivo,$msg);//Grava a conteudo.		
	fclose($abrir_arquivo);//Fecha a varivel
?>
	<table width="245" border="0">
	  <tr>
		<td colspan="2" nowrap="nowrap"><div align="center" class="style1">Gerenciador de Noticias </div></td>
	  </tr>
	  <tr>
		<td colspan="2"><textarea name="msg" cols="40" rows="6" id="msg"></textarea></td>
	  </tr>
	  <tr>
		<td width="64"> </td>
		<td width="186"><label>
		  <input type="submit" name="Submit" value="Cadastrar Notícia" />
		</label></td>
	  </tr>
	</table>
  </form>
</div>

1.2: Novamente abra o Documento de texto e salve como: exclui.php Obs:" Na mesma pasta que esta os outros arquivos do tutorial".

 

No arquivo exclui.php cole este código:

 

<style type="text/css">
<!--
body {
	background-color: #6699FF;
}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #2F2F00;
}
-->
</style>
<form id="msg" name="msg" method="post" action="">
  <label></label>
  <label></label>
  <label></label>
  <?php
	$abrir_arquivo=fopen("noticias.txt","w");//Abre o arquivo noticias.txt
	$excluir=fwrite($abrir_arquivo," ");//Limpa o arquivo, "Uma gambiarra"
	fclose($abrir_arquivo);//Fecha o noticias.txt
	
?>
  <label></label>
  <label></label>
  <input type="submit" name="Submit" value="Excluir todas as Notícias" />
</form>

E esta pronto para testar, não se esqueça que só funcionara com hospedagens com suporte a Php.

 

Link funcionando: Tutorial : Sistema de Notícias - Dinâmicas - Simples

obs: Depois de cadastrar a "notícia" tera que atualisar a pagina.

 

Link para baixar os arquivos: Tutorial Arquivos.

 

Agradeço de coração ao pessoal do fórum que me ajudou!

 

Um abraço!

 

 

Breve: Tutorial de Cadastro de Clientes, utilizando Flash + Php + BD.

[Eder Fortunato 15]

muito bom Evandro, pela iniciativa

 

só vou fazer alguns comentários do código, na parte em flash, algumas linha nem precisavam estar lá,

a segunda linha, do loadVariablesNum pode tirar, essa função executa quase a mesma coisa que o LoadVars, só é mais limitada que ele.

não entendi o porque da função replace, se você a usou assim : replace("\n", "\n") , com isso ele não faz nada já que tira e põe os mesmo caracteres

 

apenas esse código ja resolveria:

 

System.useCodepage= true;//Para habilitar o uso de outros caracteres.
var leitor = new LoadVars();//Criando a variável leitor
leitor.onData = function(txt){// Abrindo função com o leitor usando a função criada txt
	noticias_txt.text = txt;
}
leitor.load("noticias.txt");//Carregando o .txt para dentro do dynamic text

 

 

 

seria interreçante fazer a tela de inserir e excluir dentro do flash mesmo não é ?

 

posso ajudar no que precisar para fazer isso, e vamos aguardar o tuto de Flash + Php + BD.

 

 

 

[]´s

[Evandro.S Eisinger 0]

Oi Eder!

 

Agora que eu vi, eu pensava que quando o flash lia o .txt ele não interpreta-se o \n com a quebra de linha, ai fiz isso na hora, e como não deu erro, não me importei muito para isso e pensei que tinha funcionado^^ desculpa.

 

Já atualisei o tutorial, ai fica mais pratico o código.

 

Sobre criar um grava e excluir tudo no flash.... Eu to com priguissa... E só usa LoadVars e um pouco de Php e ta pronto, vou ver quando tiver um tempo vo atualisa este tutorial.

 

Abraços Eder!

[Nuno Amaral 0]

Tá bom o seu script.

 

Para ficar mais completo faltava colocar um link "ler mais" e aparecer a noticia completa.

 

O que acha??

[Evandro.S Eisinger 0]

Oi Nuno!

 

Vou ver se consigo fazer isso, mas acho que seria acrescentando um código no php e daria esse "Ler mais".

 

Quando tiver sucesso, irei atualisar o Tutorial.

 

Abraços

[Marthinha 0]

http://forum.imasters.com.br/public/style_emoticons/default/clap.gif Adorei o post!

Valeu!

[Evandro.S Eisinger 0]

Eu que agradeço!

 

Abraços!

[Uriel Juliatti 0]

Tem como editar o noticias.txt e colocar tags de HTML ?

[Evandro.S Eisinger 0]

O uriel!

 

Pode sim, mas o flash nao consiguira ler essas tags.

Portanto você tera que ler esse html pelo php etc...

 

Abraços!

[Luciano Florencio 0]

Nossa Realmente Muito bom e Muito bem explicado eu que so INICIANTE em tudo conseguir fazer sem nenhum Problema....

 

 

Muito bom msm.

[luciano_84 0]

Eu usei o seu tutorial pra fazer o sistema de notícia em um .swf carregado externamente mas a rolagem não funciona, como se corrige esse problema? a rolagem só não funciona quando abro o .swf dentro do outro...

[Evandro.S Eisinger 0]

Oi luciono!

 

Seguinte, eu consigui fazer aqui em casa sem nenhum problema.

Usei o loadMovie para chamar externamente em outro arquivo.

 

Ficou :

 

Coloquei o código em um botâo:

on(press){

loadMovie("noticias.swf",1);//Chama o noticias na primeira camada.

}

 

Posta teu codigo caso nao conseguir.

 

Abraços!

[luciano_84 0]

no botão tem esse codigo:

 

on (release) {

gotoAndPlay(172);

}

 

aí no frame 172 dá uma pequena animação e alguns frames depoi tem esse outro codigo:

 

stop();

inicio.onPress = function() {

_root.createEmptyMovieClip("conteudo",1);

loadMovie("inicio.swf", "this.conteudo");

container._x = 122;

container._y = 100;

}

 

//load Movie Behavior

if(this.conteudo == Number(this.conteudo)){

loadMovieNum("inicio.swf",this.conteudo);

} else {

this.conteudo.loadMovie("inicio.swf");

}

//End Behavior

 

aqui está um link pra pagina, tem alguns defeitos ainda... como este q eu relatei

 

http://paginas.terra.com.br/lazer/dolvitsch/

[luciano_84 0]

no botão tem esse codigo:

 

on (release) {

gotoAndPlay(172);

}

 

aí no frame 172 dá uma pequena animação e alguns frames depoi tem esse outro codigo:

 

stop();

inicio.onPress = function() {

_root.createEmptyMovieClip("conteudo",1);

loadMovie("inicio.swf", "this.conteudo");

container._x = 122;

container._y = 100;

}

 

//load Movie Behavior

if(this.conteudo == Number(this.conteudo)){

loadMovieNum("inicio.swf",this.conteudo);

} else {

this.conteudo.loadMovie("inicio.swf");

}

//End Behavior

 

aqui está um link pra pagina, tem alguns defeitos ainda... como este q eu relatei

 

http://paginas.terra.com.br/lazer/dolvitsch/

[luciano_84 0]

desculpe a msg duplicada, é q deu erro aqui...

[Evandro.S Eisinger 0]

Seguinte, pode-ser que no teu dinamic text esteja em single line, caso estiver coloque em multi-line.

Tenho quase certesa que esta em single-line, coloque em multine-line que funcionara.

 

Olhe nesse item: Caso nao souber onde esta a opção onde coloca multi-line olhe a figura da etapa 1.6

 

1.6: Continuando, iremos para a layer "noticias_txt", nesse layer crie um dinamic text com a opção Multiline, e posicione onde quer que apareça as notícias e declare a sua instancia como: "noticias_txt" e a sua variavel: "roll". "A instancia e a variavel são sem aspas".

 

 

Abraços!

[luciano_84 0]

Olha, realmente estava single line, mas eu alterei e ainda não funciona..., tá estranho isso...,

[Evandro.S Eisinger 0]

Verifique se nos botôes de rolagem esta este código:

 

Sobe:

 

on (release)

{

_root.roll.scroll -= 1;//Quando precionado dessa o texto utilizando a variavel roll declarada no dinamic text.

}

 

Desce:

 

on (release)

{

_root.roll.scroll += 1;

}

 

Se nao for isso me passe por msn o arquivo que eu vejo oque esta acontecendo.

evandro_s_e@hotmail.com

 

Abraços!

[joaogcaldas 0]

Olá.

Tenho uma dúvida quanto a esse tutorial. Ele está funcionando corretamente, mas depois de uns três dias o conteúdo adicionado some.

Alguém saberia por quê?

Muito obrigado

[SySloGG 0]

muito bom o tutorial, você poderia colocar codigos na versao as3 pq muita gente usa flash cs3 ou 4(como eu)

estou tentando fazer o tutorial qualquer duvida posto aki

thx