tutorial Archives - Blog Fellyph Cintra

10 de junho de 201610 de junho de 2016

Por que REACT JS?

React JS é o assunto do momento no Brasil e Europa, nos EUA já faz sucesso a mais de um ano o framework do Facebook apenas confirma sua força este ano. React é a tecnologia chave requisitadas nas principais vagas de front aqui na Europa tirando o espaço do Angular ainda bastante forte. Como parte do meus estudos vou traduzir alguns artigos e tutorias que ando lendo. O primeiro deles é uma breve introdução vou utilizar como base o “Why React?” e “Getting Started“.

Por que React ?

React é uma biblioteca javascript para criar interfaces do Facebook e Instagram. O React foi criado para resolver o problema: Criar largar aplicações com dados que mudam a cada segundo.

Simples

Simplesmente expressar como sua aplicação deve olhar para qualquer ponto no tempo, e React vai automaticamente administrar todas atualizações da sua interface quando seus dados mudam.

Declarativo

Quando os dados mudam, React conceitualmente dispara o botão “refresh” e sabe quando atualizar os dados que mudaram.

Construindo ambiente “componentizável”

React é todo construído sobre componentes reutilizáveis. Na verdade, com React a única coisa que você precisa é construir componentes. Uma vez que eles são encapsulados, componentes podem fazer seu código reutilizável, “testável” e com fácil separação de interesses.

Iniciando os trabalhos

Primeiramente vamos baixar o “Starter Pack”, nesse pacote possui as versões prebuilt do React e React DOM para o seu browser, como também uma coleção de exemplos para o seu estudo. Então depois que baixar e descompactar o zip com o starter pack, temos a seguinte estrutura:

Vamos criar o nosso primero arquivo helloworld.html na pasta raiz.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Hello React!</title>
    <script src="build/react.js"></script>
    <script src="build/react-dom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
  </head>
  <body>
    <div id="example"></div>
    <script type="text/babel">
      ReactDOM.render(
        <h1>Hello, world!</h1>,
        document.getElementById('example')
      );
    </script>
  </body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Hello React!</title>

</head>

<body>

ReactDOM.render(

<h1>Hello, world!</h1>,

document.getElementById('example')

);

</script>

</body>

</html>

O exemplo acima foi retirado da documentação, vamos explicar alguns pontos. para executar o React precisamos de três arquivos básicos react.js , react-dom.js e o browser.min.js(babel). Adicionamos uma div com id “example” na linha seguinte adicionamos uma tag script com o type “text/babel” esse parâmetro é utilizado pelo Babel.

Para quem não conhece ele é um compilador genérico multifuncional de JavaScript. “What?” Compliquei? na real ele compila as versões mais recentes do JavaScript(ES2015 e ES2016) e React para uma versão que rode nos browsers atuais. Se quiser saber mais dá uma conferida no link: https://github.com/thejameskyle/babel-handbook/blob/master/translations/pt-BR/user-handbook.md#toc-introduction

Dentro da tag script podemos ver uma mistura de javaScript com HTML essa syntax é conhecida como JSX, no exemplo acima utilizamos uma função que renderiza o JSX “ReactDOM.render” ela recebe dois parâmetros: o nosso código JSX e o elemento que iremos adicionar o código renderizado(O h1 com hello world).

Claro esse é um exemplo de introdução, não é obrigatório o código JSX ficar dentro do html podemos criar um arquivo js separado sem problemas.

Exibindo os dados

A utilização mais básica em uma interface é exibir algum dado. O foco do React é facilitar essa tarefa e manter as interfaces atualizadas em tempo real quando os dados mudam.

Vamos criar uma segundo exemplo com alguma interação.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Timer React</title>
    <script src="https://fb.me/react-15.1.0.js"></script>
    <script src="https://fb.me/react-dom-15.1.0.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
  </head>
  <body>
    <div id="example"></div>
    <script type="text/babel" >
      var Relogio = React.createClass({
        render: function() {
          return (
            <p>
              Olá, são exatamente: {this.props.date.toTimeString()}
            </p>
          );
        }
      });

      setInterval(function() {
        ReactDOM.render(
          <Relogio date={new Date()} />,
          document.getElementById('example')
        );
      }, 500);
    </script>
  </body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Timer React</title>

</head>

<body>

var Relogio = React.createClass({

render: function() {

return (

<p>

Olá, são exatamente: {this.props.date.toTimeString()}

</p>

);

}

});

setInterval(function() {

ReactDOM.render(

<Relogio date={new Date()} />,

document.getElementById('example')

);

}, 500);

</script>

</body>

</html>

No exemplo acima criamos um componente classe utilizando a função “React.createClass” temos e várias maneiras de criar componentes e cada caso tem uma particularidade, no caso do createClass passamos um objeto como parâmetro e o atributo render possui um JSX como valor. Isso não determina que o JSX será compilado nesse momento. Apenas deixa pre-definido o que será “renderizado” quando chamarmos o componente “Relogio” mais a frente dentro do nosso JSX temos um ponto importante “{this.props.date.toTimeString()}” as chaves especifica que esse item é uma variável no caso quem chamar o componente precisa passar o atributo “date”.

Após o createClass temos um setInterval que irá chamar a cada 500 milisegundos ReactDOM.render e chamamos o componente que criamos anteriormente e passamos um parâmetro date. Se tudo e correr bem teremos em nossa tela o texto:

Olá, são exatamente: XX:XX:XX(hora atual)

Se quiser saber mais sobre React da uma conferida na documentação: https://facebook.github.io/react/index.html

Próximo Post irei abordar mais esse ponto de criar componentes e o modo de pensar no conteúdo utilizando React.

1 de agosto de 201228 de março de 2016

Forçando a tela de login para site WordPress

Forçar a tela de login pode ser útil quando você vai desenvolver um site e precisa publicar online, mas precisa restringir o acesso para apenas os usuários que possuem login. Assim evitando o acesso indevido de outros usuários. Existem plugins que realizam essa tarefa, mas uma solução simples pode resolver esse problema.

Adicionando algumas linhas no arquivo functions.php do seu tema como podemos ver no blog abaixo :

function verifica_login()
{
	if( ! is_user_logged_in() )
	wp_redirect( get_bloginfo('siteurl').'/wp-login.php' );
}

add_action( 'get_header', 'verifica_login' );

function verifica_login()

{

if( ! is_user_logged_in() )

wp_redirect( get_bloginfo('siteurl').'/wp-login.php' );

}

add_action( 'get_header', 'verifica_login' );

O código acima faz o seguinte tratamento, adiciona uma ação extra a função get_header ou hook(gancho) conhecido por alguns desenvolvedores. Toda vez que a função get_header for chamada o WordPress irá chamar a função verifica_login.

Dentro da função verifica_login temos seguinte tratamento, verifica se o usuário tá logado com a condicional tag “is_user_logged_in()” se não estiver logado ele redireciona para a tela de login, com a função do wordpress “wp_redirect()” passamos como parâmetro o endereço a qual vamos redirecionar o usuário no caso montamos uma url usando a função get_bloginfo(‘siteurl’) concatenando com “/wp-login.php”.

5 de junho de 20125 de junho de 2012

Como Traduzir o wordpress para versão pt_BR

Olá pessoal, este tutorial é simples e vai para aquelas pessoas que instalaram a versão inglês do wordpress e querem traduzir o painel. Claro tem a versão já em pt_BR pode instalar direto, mas por algum motivo você tem a versão em inglês, calma não precisa reinstalar tudo, apenas adicionar o arquivo de tradução e configurar o wordpress, então vamos lá.

Primeiro você precisa baixar o arquivo de tradução com a extensão “.mo” e no link a seguir você tem informações sobre as traduções :

http://codex.wordpress.org/WordPress_in_Your_Language

Uma lista meio extensa procure por pt_BR ou acesse o svn das traduções:

http://svn.automattic.com/wordpress-i18n/pt_BR/tags/

Se você não trabalha com svn, procure pelo arquivo “pt_BR.mo” no caso da verssão 3.2 está em “/3.3.2/messages” clique no link do arquivo com o botão direto e escolha “salvar link como” e baixe a tradução.

No link acima você vai encontrar as traduções das últimas versões, baixe a tradução referente a versão do seu wordpress. Para saber qual é a versão do seu wordpress pode visualizar no painel de administração de seu wordpress como na imagem abaixo :

Depois que você baixou o seu arquivo de tradução.

1. Crie uma pasta “languages” dentro de sua pasta “wp-content”. Como na imagem a seguir :

2. Adicione os arquivos que você baixou na pasta “languages”
3. Edite seu arquivo wp-cofig.php, procure a linha de comando que contém o seguinte comando :

define ('WPLANG', '');

1	define ('WPLANG', '');

Modifique para :

define ('WPLANG', 'pt_BR');

1	define ('WPLANG', 'pt_BR');

Se tudo der certo seu wordpress será traduzido. Se o tema que você usa tem suporte a multi idioma algumas partes do tema serão traduzidos assim como informações como de data exemplo os meses.

6 de julho de 20116 de julho de 2011

Como definir a largura máxima das imagens em seu tema wordpress

Existem duas maneiras para especificar o tamanho máximo das imagens utilizadas dentro dos posts. Uma via painel do WordPress e a outra forma via functions.php.

Via painel só acessar o menu > configurações > mídia :

No painel de mídia temos a opção de escolher o tamanho dos thumbs, tamanho médio e o tamanho máximo das imagens.

A segunda forma de definir o tamanho máximo das imagens é editando o arquivo functions.php adicionando o seguinte comando :

<?php
$content_width = 600;

1 2	<?php $content_width = 600;

Esse comando sobrescreve as opções definidas no menu. Nesse caso, estamos definindo como 600px a largura máxima de nossas imagens. Se tudo estiver ok no painel de uploads nosso tamanho grande vai aparecer sempre como 600px de largura :

Então um dica simples que ajuda o usuário na hora de subir as imagens e respeitar a largura do tema.

29 de julho de 20102 de agosto de 2010

Evento Change TextField – Como contar o número de caracteres

A Classe TextField tem 4 eventos: change, link, scroll e input. Nesse tutorial vou trabalhar com o evento “change” para fazer um pequeno contador de caracteres. O evento change como o nome sugere é chamado quando o inputText é alterado. Então vamos começar o tutorial:

package
{
	//importando as classes necessárias
	import flash.display.MovieClip;
	import flash.events.Event;
	import flash.text.TextField;
	import flash.text.TextFieldType;

	/**
	 * ...
	 * @author Fellyph Cintra
	 */
	public class ContaTexto extends MovieClip
	{
		//
		public var campoInput	:TextField;
		public var campoConta	:TextField;
		public var titulo		:TextField;

		public var contador		:Number = 0;
		public var maximo		:Number = 140;

		public function ContaTexto()
		{
			// instanciando os campos
			campoConta 	= new TextField();
			campoInput 	= new TextField();
			titulo 		= new TextField();

			//definindo nosso campo input
			campoInput.type = TextFieldType.INPUT;

			//definindo a quantidade maxima de caracteres que é 140
			campoInput.maxChars = maximo;

			//adicionando os campos ao palco
			addChild(campoInput);
			addChild(campoConta);
			addChild(titulo);

			titulo.text = "digite seu texto";
			titulo.x = 50
			titulo.y = 30

			//definindo algumas caracteristicas do textIpunt
			campoInput.width		= 200;
			campoInput.height 		= 80;
			campoInput.border		= true;

			// definir como multline
			campoInput.multiline	= true;

			// definir a quebra de linha quando chegar no final
			campoInput.wordWrap		= true;
			campoInput.x 			= 50;
			campoInput.y 			= 50;

			campoConta.width 		= 50;
			campoConta.height 		= 20;
			campoConta.border		= true;
			campoConta.y 			= 135;
			campoConta.x 			= 200;

			campoConta.text 		= "140";

			//adicionando o evento change ao campo de texto
			//notem que change não um TextEvent e sim um Event
			campoInput.addEventListener(Event.CHANGE, onChange);
		}

		private function onChange(e:Event):void
		{
			// subitraindo o numero maximo pela quantidade de caracteres
			campoConta.text = maximo - campoInput.text.length  + "";
		}

	}

}

package

{

//importando as classes necessárias

import flash.display.MovieClip;

import flash.events.Event;

import flash.text.TextField;

import flash.text.TextFieldType;

/**

* ...

* @author Fellyph Cintra

public class ContaTexto extends MovieClip

{

public var campoInput :TextField;

public var campoConta :TextField;

public var titulo :TextField;

public var contador :Number = 0;

public var maximo :Number = 140;

public function ContaTexto()

{

// instanciando os campos

campoConta = new TextField();

campoInput = new TextField();

titulo = new TextField();

//definindo nosso campo input

campoInput.type = TextFieldType.INPUT;

//definindo a quantidade maxima de caracteres que é 140

campoInput.maxChars = maximo;

//adicionando os campos ao palco

addChild(campoInput);

addChild(campoConta);

addChild(titulo);

titulo.text = "digite seu texto";

titulo.x = 50

titulo.y = 30

//definindo algumas caracteristicas do textIpunt

campoInput.width = 200;

campoInput.height = 80;

campoInput.border = true;

// definir como multline

campoInput.multiline = true;

// definir a quebra de linha quando chegar no final

campoInput.wordWrap = true;

campoInput.x = 50;

campoInput.y = 50;

campoConta.width = 50;

campoConta.height = 20;

campoConta.border = true;

campoConta.y = 135;

campoConta.x = 200;

campoConta.text = "140";

//adicionando o evento change ao campo de texto

//notem que change não um TextEvent e sim um Event

campoInput.addEventListener(Event.CHANGE, onChange);

}

private function onChange(e:Event):void

{

// subitraindo o numero maximo pela quantidade de caracteres

campoConta.text = maximo - campoInput.text.length + "";

}

O código já está comentado para facilitar o entendimento, mas o princípio básico é:

Definir a quantidade máxima de caracteres
Adicionar o evento de listener
E fazer o tratamento na função que o listener chama

o resultado vai ser o seguinte:

[flash https://www.fellyph.com.br/blog/wp-content/uploads/2010/07/main.swf w=470 h=300]

30 de junho de 201030 de junho de 2010

Restringindo a entrada caracteres em um inputText com ActionScript 3.0

InputText faz parte da classe TextField que é responsável pela exibição de entrada de texto no conteúdo Flash. Então vamos para o nosso tutorial express, criei uma class com o nome de TextExample esse primeiro passo vamos adicionar um campo de texto ao palco vou comentar todo o código.

package
{

	//importando as classes necessárias

	import flash.display.Sprite;
	import flash.text.TextField;
	import flash.text.TextFieldType;

	public class TextExample extends Sprite
	{
		// criando um campo de texto
		public var tf:TextField;

		public function TextExample()
		{
			//instanciando um campo de texto novo
			tf = new TextField();

			// propriedades
			tf.height = 20;
			tf.width = 200;
			tf.x = 10;
			tf.y = 40;

			//definindo o tipo do campo de texto para input
			tf.type = TextFieldType.INPUT;
			//criando uma barra para visualizar melhor o campo de texto
			tf.border = true;

			//adicionando o campo de texto no palco
			addChild(tf);
		}

	}

}

package

{

//importando as classes necessárias

import flash.display.Sprite;

import flash.text.TextField;

import flash.text.TextFieldType;

public class TextExample extends Sprite

{

// criando um campo de texto

public var tf:TextField;

public function TextExample()

{

//instanciando um campo de texto novo

tf = new TextField();

// propriedades

tf.height = 20;

tf.width = 200;

tf.x = 10;

tf.y = 40;

//definindo o tipo do campo de texto para input

tf.type = TextFieldType.INPUT;

//criando uma barra para visualizar melhor o campo de texto

tf.border = true;

//adicionando o campo de texto no palco

addChild(tf);

}

A propriedade que restringe a entrada de dados é “.restrict” ela recebe uma String. Quando ele não é definido ele aceita qualquer tipo de entrada, para permitir uma sequência de caracteres usamos o hífen “-“, por exemplo, se que quiser permitir apenas números em meu campo de texto vou usar “0-9”, se quiser umas apenas letras minúsculas “a-z”.
Para negar a permissão de um caracter específico usamos o acento circunflexo “^”, por exemplo, “^1-3” exclui a entrada dos números de 1 a 3. Vamos agora para a prática:

package
{

	//importando as classes necessárias

	import flash.display.Sprite;
	import flash.text.TextField;
	import flash.text.TextFieldType;

	public class TextExample extends Sprite
	{
		// criando um campo de texto
		public var soNumeros:TextField;
		public var soLetras:TextField;

		public function TextExample()
		{
			//instanciando um campo de texto novo
			soNumeros 	= new TextField();
			soLetras 	= new TextField();

			// propriedades de soNumeros
			soNumeros.height = 20;
			soNumeros.width = 200;
			soNumeros.x = 10;
			soNumeros.y = 40;

			//permitindo apenas numeros
			soNumeros.restrict = "0-9";

			//defininindo o tipo do campo de texto para input
			soNumeros.type = TextFieldType.INPUT;
			//criando uma barra para visualizar melhor o campo de texto
			soNumeros.border = true;

			// propriedades soLetras
			soLetras.height = 20;
			soLetras.width = 200;
			soLetras.x = 230;
			soLetras.y = 40;

			//permitindo apenas letras maiúsculas e minúsculas
			soLetras.restrict = "a-z A-Z";

			//defininindo o tipo do campo de texto para input
			soLetras.type = TextFieldType.INPUT;
			//criando uma barra para visualizar melhor o campo de texto
			soLetras.border = true;

			//adicionando o campo de texto no palco
			addChild(soNumeros);
			addChild(soLetras);
		}

	}

}

package

{

//importando as classes necessárias

import flash.display.Sprite;

import flash.text.TextField;

import flash.text.TextFieldType;

public class TextExample extends Sprite

{

// criando um campo de texto

public var soNumeros:TextField;

public var soLetras:TextField;

public function TextExample()

{

//instanciando um campo de texto novo

soNumeros = new TextField();

soLetras = new TextField();

// propriedades de soNumeros

soNumeros.height = 20;

soNumeros.width = 200;

soNumeros.x = 10;

soNumeros.y = 40;

//permitindo apenas numeros

soNumeros.restrict = "0-9";

//defininindo o tipo do campo de texto para input

soNumeros.type = TextFieldType.INPUT;

//criando uma barra para visualizar melhor o campo de texto

soNumeros.border = true;

// propriedades soLetras

soLetras.height = 20;

soLetras.width = 200;

soLetras.x = 230;

soLetras.y = 40;

//permitindo apenas letras maiúsculas e minúsculas

soLetras.restrict = "a-z A-Z";

//defininindo o tipo do campo de texto para input

soLetras.type = TextFieldType.INPUT;

//criando uma barra para visualizar melhor o campo de texto

soLetras.border = true;

//adicionando o campo de texto no palco

addChild(soNumeros);

addChild(soLetras);

}

E o resultado seria o seguinte :

[flash https://www.fellyph.com.br/blog/wp-content/uploads/2010/06/teste.swf w=450 h=100]

Se no exemplo acima quiséssemos excluir a entrada de algum caracter funcionaria da forma abaixo:

// seria permitido apenas números menos e número 5
soNumeros.restrict = "0-9 ^5";

1 2	// seria permitido apenas números menos e número 5 soNumeros.restrict = "0-9 ^5";

Esse exemplo também seria aplicável em qualquer tipo de caracter, fechamos por aqui esse tutorial.

2 de março de 20102 de março de 2010

Away3D Flash Engine Básico

Olá Pessoa nesse tutorial, vamos falar da engine para 3D em Flash Away3D um dos concorrentes do Papervision, vou tentar seguir os mesmos passos dos tutoriais em PaperVision. Mas antes vamos falar um pouco sobre 3D.

3D ou terceira dimensão, nos gráficoes 3D no temos o conjunto das 3 coordenadas x, y e Z, o elemento mais básico em um ambiente 3D é o Vértice é um ponto no espaço que possui as coordenadas x , y e Z. com a união dos vertices nós podemos criar um objeto.

O objeto com menor nível de detalhe é o triangulo que é a união de 3 vértices, em 3D os triângulos também são chamados de faces. Por um nível de processamento melhor os triangulos são vistos apenas e um lado.

Com a união de vários triangulos podemos montar qualquer tipo de modelo 3D , esferas, cubos, cones, planos entre outras formas mais complexas, o programador pode criar novas formas com a junção de varios tringulos mas para isso é aconselhavel utilizar uma ferramenta de modelagem, como Blender, Maya ou 3D Max e exportar no formato collada. O Blender já possui forma de exportar direto um objeto modelado para actionScript.

Um elemento importante em 3D é camera, a camera é a nossa visão no ambiente 3D o que a gente vai ver no ambiente vai ser controlado pela câmera, uma das dificuldades de quem está começando é que nem sempre o que você insere na Cena é no tamanho equivalente que você criou, isso está relacionado a visão da camera, se ela estiver longe do objeto que vc criou então seu objeto ficará menor que o tamanho real.

Outra caracteristica importante são as texturas nada menos que a a cobertura dos objetos. A textura pode ser uma imagem ou apenas uma cor, mas essa montagem da textura é bastante complexa, os triangulos que formam o objeto são preenchidos com parte da imagem fornecida pela textura, e aplicada a pespectiva para dar noção de profundidade, se o objeto possuir poucas faces ele pode apresentar distorções, lembrando aumento de faces(triangulos) consequentemente o aumenta no processamento,por isso é muito importante achar um ponto em ideal.

Depois de toda essa história sobre 3D vamos ao código.

Primeiro preparar nosso projeto.
1 – Baixando a engine no site: http://away3d.com/downloads o away está hoje na sua versão 2.4.
2 – Descompacte o zip , jogue a pasta” away3d” no diretório do seu projeto.

A sequencia de passos é bastante parecido com Papervision, configurar View, Camera, Objetos e suas respectivas coberturas e renderizar tudo.

No primeiro Exemplo eu so vou trabalhar com View3d e Sphere apenas o código já está todo comentado:

package
{

	/**
	* ...
	* @author Fellyph Cintra by mooz
	*/

	import away3dlite.containers.Scene3D;
	import away3dlite.containers.View3D;
	import away3dlite.cameras.Camera3D;
	import away3dlite.primitives.Sphere;
	import flash.display.Sprite;

	public class Basica extends Sprite
	{
		//Adicionamos o View3D que é nossa janela de visualização para ambiente 3D
		public var scene3d	:Scene3D;
		public var view		:View3D;
		public var camera	:Camera3D;

		//Criamos nosso objeto a ser utilizado, passamos nenhuma propriedade
		//ele vai ser criado com todas propriedades paadrões da Sphere
		public var esfera:Sphere = new Sphere();

		public function Basica()
		{
			//instanciando uma nova cena
			scene3d = new Scene3D();

			camera = new Camera3D();
			camera.z = -1000;

			view = new View3D();

			// setando camera e cena do view3D
			view.scene = scene3d;
			view.camera = camera;

			//posicionando o view no meio da cena
			view.x = stage.stageWidth/2;
			view.y = stage.stageHeight / 2;

			// jogamos a view no stage
			addChild(view);

			// adicionamos a esfera na view da scene de nossa View3D
			view.scene.addChild(esfera);

			//posicionando
			view.render();
		}

	}

}

package

{

/**

* ...

* @author Fellyph Cintra by mooz

import away3dlite.containers.Scene3D;

import away3dlite.containers.View3D;

import away3dlite.cameras.Camera3D;

import away3dlite.primitives.Sphere;

import flash.display.Sprite;

public class Basica extends Sprite

{

//Adicionamos o View3D que é nossa janela de visualização para ambiente 3D

public var scene3d :Scene3D;

public var view :View3D;

public var camera :Camera3D;

//Criamos nosso objeto a ser utilizado, passamos nenhuma propriedade

//ele vai ser criado com todas propriedades paadrões da Sphere

public var esfera:Sphere = new Sphere();

public function Basica()

{

//instanciando uma nova cena

scene3d = new Scene3D();

camera = new Camera3D();

camera.z = -1000;

view = new View3D();

// setando camera e cena do view3D

view.scene = scene3d;

view.camera = camera;

//posicionando o view no meio da cena

view.x = stage.stageWidth/2;

view.y = stage.stageHeight / 2;

// jogamos a view no stage

addChild(view);

// adicionamos a esfera na view da scene de nossa View3D

view.scene.addChild(esfera);

//posicionando

view.render();

}

Testando o resultado será o seguinte:

[flash https://www.fellyph.com.br/blog/wp-content/uploads/2010/03/main.swf w=470 h=350]

Próximos posts vamos falar mais.

Obs. esse post ta em rascunho a 5 meses… kkkkkkkk